xppl/app/templates/home.html
2018-06-03 12:29:08 +02:00

45 lines
1.4 KiB
HTML
Executable File

{% extends "base.html" %}
{% block main %}
<div id="home_content">
<h1 class="header" id="title_xppl">XPPL</h1>
<p class="lead">This is the awesome library of Experimental Publishing. <br>
This might only be one interface to this library:
</p>
<a href="{{url_for('scape')}}">Scape</a>
<a href="{{url_for('show_books_grid')}}">Grid</a>
<a href="{{url_for('show_books')}}">List</a>
<br><br><br>
</div>
<div id="app" class="container">
<section class="messages">
<div v-for="message in messages" class="box">
<article class="media">
<div class="media-content">
<div class="content">
<p class="user">[[ message.username ]]</p>
<p class="time">[[ message.time ]]</p>
<p class="msg">[[ message.text ]]</p>
</div>
</div>
</article>
</div>
</section>
<section class="new-message">
<div class="field has-addons">
<div class="control is-expanded">
<input v-model="newMessage" @keypress.enter="sendMessage" class="input" type="text" placeholder="Enter message">
</div>
<div class="control">
<button @click="sendMessage" class="button is-info">Send</button>
</div>
</div>
</section>
</div>
{% endblock %}