diff options
Diffstat (limited to 'templates')
| -rw-r--r-- | templates/index.html | 58 |
1 files changed, 30 insertions, 28 deletions
diff --git a/templates/index.html b/templates/index.html index fdf53ef..33a5126 100644 --- a/templates/index.html +++ b/templates/index.html @@ -1,41 +1,43 @@ <!doctype html> <html lang="de"> -<meta charset="utf-8"> <head> <title>Lehrerspruch-Wahlplattform</title> - <link rel="stylesheet" type="text/css" href="/static/normalize.css"> - <link rel="stylesheet" type="text/css" href="/static/skeleton.css"> + <link rel="stylesheet" type="text/css" href="/static/materialize.min.css"> + <link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/icon?family=Material+Icons"> + <meta charset="utf-8"> + <meta name="viewport" content="width=device-width,initial-scale=1.0" /> </head> <body> - <h1>Lehrersprüche</h1> + <script type="text/javascript" src="/static/materialize.min.js"></script> + <div class="container"> + <h1>Lehrersprüche</h1> + <div class="divider"></div> {% for joke in jokes %} - <div class="row"> - <div class="one columns"> - <form action="vote" method="post"> - <input type="hidden" name="id" value="{{ joke.id }}"> - <button type="submit" name="vote" value="upvote">⇧ ({{ joke.upvotes }})</button> - <button type="submit" name="vote" value="downvote">⇩ ({{ joke.downvotes }})</button> - </form> - </div> - <div class="eleven columns"> - <p> - {{ joke.text }} - </p> + <div class="section row valign-wrapper"> + <form class="col s2 row" action="vote" method="post"> + <input type="hidden" name="id" value="{{ joke.id }}"> + <button class="btn col s12" type="submit" name="vote" value="upvote"><i class="material-icons">thumb_up</i> {{ joke.upvotes }}</button> + <button class="btn col s12" type="submit" name="vote" value="downvote"><i class="material-icons">thumb_down</i> {{ joke.downvotes }}</button> + </form> + <div class="col s10 row"> + <p class="valign s12">{{ joke.text }}</p> </div> </div> + <div class="divider"></div> {% endfor %} - <form action="submit" method="post"> - <div class="container"> - <div class="four columns"> - <p>Neuen Spruch hinzufügen</p> - </div> - <div class="four columns"> - <textarea name="text"></textarea> - </div> - <div class="four columns"> - <input type="submit" value="hinzufügen"> - </div> + <div class="section row"> + <form class="col s12" action="submit" method="post"> + <div class="row valign-wrapper"> + <div class="col s8 input-field"> + <label for="text">Neuen Spruch hinzufügen</label> + <textarea class="materialize-textarea" name="text"></textarea> + </div> + <div class="col s4 valign"> + <input type="submit" class="btn" value="hinzufügen"> + </div> + </div> + </form> </div> - </form> + </div> </body> </html> |