summaryrefslogtreecommitdiff
path: root/lib/templates
diff options
context:
space:
mode:
authorSanto Cariotti <sancn@live.com>2017-07-21 19:32:11 +0200
committerSanto Cariotti <sancn@live.com>2017-07-21 19:32:11 +0200
commite3496045ef68b1e83e5570b2608f14b2fcdb49f2 (patch)
tree5a638dfb2dca5cb7ff99761ec0f7261525ea81d7 /lib/templates
parent879853058107f0cc9daba12e7c7c483177fe65dc (diff)
added web style
Diffstat (limited to 'lib/templates')
-rw-r--r--lib/templates/index.html95
1 files changed, 95 insertions, 0 deletions
diff --git a/lib/templates/index.html b/lib/templates/index.html
new file mode 100644
index 0000000..e7c47b5
--- /dev/null
+++ b/lib/templates/index.html
@@ -0,0 +1,95 @@
+<!DOCTYPE html>
+<html>
+ <head>
+ <title>Stout &middot; check TODO list thank to Redis</title>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1">
+ <meta name="keywords" content="stout, redis, todo, list">
+ <meta name="description" content="Check TODO list thank to Redis">
+ <meta property="og:site_name" content="Stout">
+ <meta property="og:title" content="Stout &middot; Check TODO list thank to Redis">
+ <meta property="og:url" content="http://example.com">
+ <meta property="og:image" content="https://raw.githubusercontent.com/dcariotti/Stout/master/logo_stout.png">
+ <meta property="og:description" content="Organize coffee runs for your teammates in your slack channel.">
+ <meta name="twitter:card" content="summary_large_image">
+ <meta name="twitter:title" content="Stout &middot; Check TODO list thank to Redis">
+ <meta name="twitter:description" content="Check TODO list thank to Redis">
+ <meta name="twitter:creator" content="@dcariotti">
+ <meta name="twitter:image" content="https://raw.githubusercontent.com/dcariotti/Stout/master/logo_stout.png">
+ <link href="https://fonts.googleapis.com/css?family=Space+Mono" rel="stylesheet" type="text/css">
+ <link rel="icon" type="image/x-icon" href="https://raw.githubusercontent.com/dcariotti/Stout/master/lib/templates/fav.ico">
+ <link rel="stylesheet" href="http://fontawesome.io/assets/font-awesome/css/font-awesome.css">
+ <style>
+ body {
+ font-family: 'Space Mono', monospace;
+ background: #ffeb3b;
+ background: -moz-linear-gradient(top, #ffeb3b 0%, #ffd600 100%);
+ background: -webkit-linear-gradient(top, #ffeb3b 0%,#ffd600 100%);
+ background: linear-gradient(to bottom, #ffeb3b 0%,#ffd600 100%);
+ margin: 0;
+ }
+ header {
+ width: 100%;
+ height: 150px;
+ background: #F5F5F5;
+ border-bottom: rgba(0,0,0,0.1) 4px solid;
+ margin: 0;
+ padding: 0;
+ }
+
+ header img {
+ height: 75%;
+ margin: 15px;
+ }
+
+ #wrapper {
+ width: 80%;
+ min-height: 600px;
+ margin: 25px auto;
+ }
+
+ #wrapper .todo {
+ width: 100%;
+ min-height: 50px;
+ background: #FFF;
+ color: #1E1E1E;
+ padding: 0 20px;
+ font-size: 35pt;
+ border-radius: 4px;
+ border-bottom: rgba(0,0,0,0.1) 4px solid;
+ margin: 25px 0;
+ }
+ .todo p {margin:0;}
+ .todo p i {
+ color: #ffeb3b;
+ }
+ footer {
+ padding: 5px;
+ }
+ footer p {
+ color: #000;
+ text-align: center;
+ }
+ footer p a{ color: #000; text-decoration: none;cursor: pointer;}
+ </style>
+</head>
+<body>
+ <header>
+ <img src="https://raw.githubusercontent.com/dcariotti/Stout/master/logo_stout.png" class="logo" />
+ </header>
+ <section id="wrapper">
+ {% if len_todo == 0 %}
+ <p style="color:#FFF; font-size: 50pt; margin: 100px 0 0;text-align:center;">
+ <i class="fa fa-beer" style="font-size:200pt"></i><br>
+ nessun todo in lista: goditi una <strong>Stout</strong>!!!</p>
+ {% endif %}
+ {% for i in list_todo %}
+ <div class="todo">
+ <p><i class="fa fa-bullhorn" aria-hidden="true"></i> {{ i.decode('utf-8') }}</p>
+ </div>
+ {% endfor %}
+ </section>
+ <footer>
+ <p>Made with <i class="fa fa-heart"></i> in <a class="fa fa-github" href="https://github.com/dcariotti/Stout"></a></p>
+ </footer>
+</body>