diff options
| -rw-r--r-- | lib/logo_stout_white.png | bin | 0 -> 16307 bytes | |||
| -rw-r--r-- | lib/templates/index.html | 19 |
2 files changed, 9 insertions, 10 deletions
diff --git a/lib/logo_stout_white.png b/lib/logo_stout_white.png Binary files differnew file mode 100644 index 0000000..b20b21f --- /dev/null +++ b/lib/logo_stout_white.png diff --git a/lib/templates/index.html b/lib/templates/index.html index 4cf5167..7d72bc5 100644 --- a/lib/templates/index.html +++ b/lib/templates/index.html @@ -22,19 +22,17 @@ <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%); + background: #FFF; margin: 0; } header { width: 100%; height: 150px; background: #F5F5F5; - border-bottom: rgba(0,0,0,0.1) 4px solid; margin: 0; padding: 0; + background-image: linear-gradient(to bottom right, #ffca34 0%, #ffb32c 100%); + background-color: #ffb32c; } header img { @@ -43,21 +41,22 @@ } #wrapper { - width: 80%; + width: 100%; min-height: 600px; margin: 25px auto; } #wrapper .todo { - width: 100%; + width: 80%; min-height: 50px; background: #FFF; color: #1E1E1E; padding: 0 20px; font-size: 35pt; border-radius: 4px; + border: rgba(0,0,0,0.1) 2px solid; border-bottom: rgba(0,0,0,0.1) 4px solid; - margin: 25px 0; + margin: 40px auto; } .todo p {margin:0;} .todo p i { @@ -75,11 +74,11 @@ </head> <body> <header> - <img src="https://raw.githubusercontent.com/dcariotti/Stout/master/logo_stout.png" class="logo" /> + <img src="https://raw.githubusercontent.com/dcariotti/Stout/master/lib/logo_stout_white.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;"> + <p style="color:#ffca34; 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 %} |
