diff --git a/static/gothic.ttf b/static/gothic.ttf new file mode 100644 index 0000000..c60a324 Binary files /dev/null and b/static/gothic.ttf differ diff --git a/static/gothicb.ttf b/static/gothicb.ttf new file mode 100644 index 0000000..d3577b9 Binary files /dev/null and b/static/gothicb.ttf differ diff --git a/static/script.js b/static/script.js index e69de29..97cc3d8 100644 --- a/static/script.js +++ b/static/script.js @@ -0,0 +1,11 @@ +window.onload = function() { + resetStyle(); +} + +window.onresize = function() { + resetStyle(); +} + +var resetStyle = function() { + document.getElementById("mainContainer").style.minHeight = window.innerHeight + "px"; +} diff --git a/static/style.css b/static/style.css index e69de29..eb56593 100644 --- a/static/style.css +++ b/static/style.css @@ -0,0 +1,92 @@ +@font-face { + font-family: gothic; + font-style: normal; + font-weight: normal; + src:url('gothic.ttf') format('truetype'); +} +@font-face { + font-family: gothic; + font-style: normal; + font-weight: bold; + src:url('gothicb.ttf') format('truetype'); +} + +body { + background-color: #0DF4FF; +} + +* { + color: #000; + font-family: gothic; +} +a, a:active, a:visited { + color: #000; +} + +.dot { + width: 1px; + height: 1px; +} + +.centered { + position: absolute; + left: 50%; + top: 0px; + overflow: visible; +} + +#mainContainer { + width: 900px; + position: absolute; + left: -450px; + top: 0px; + background-color: #00FF9F; +} + +#contentContainer { + padding: 10px; +} + +#header h1 { + font-size: 40px; + font-weight: bold; + padding-left: 10px; +} + +#header #logout { + position: absolute; + right: 15px; + top: 40px; + text-align: right; +} + +#listing { + background-color: #0CE838; + width: 100%; + padding: 1px 0px; +} + +#listing div { + margin: 10px; + margin-top: 10px; + margin-bottom: 10px; + padding: 10px; + background-color: #C3F500; +} + +#listing div.link:hover { + color: #222; + background-color: #0CE838; +} + +#listing div div { + font-size: 11px; + margin: 0px 0px 0px 0px; + padding: 0px 0px 0px 0px; +} + +.error { + padding: 5px; + color: red; + border: red 1px solid; +} diff --git a/templates/diary.html b/templates/diary.html index 77393c1..73e0d7f 100644 --- a/templates/diary.html +++ b/templates/diary.html @@ -1,26 +1,39 @@ - - Diary – {{ diary.name }} - - + + Diary – {{ diary.name }} + + -

{{ diary.name }}:

-
- - -
-
- {% for e in entries %} -

- {{ e.date }}: -

- {{ e.text }} -

-

- {% endfor %} -
+
+
+ +
+
+ Add new entry:
+
+ +
+
+ {% for e in entries %} +
+
{{ e.date }}
+

+ {{ e.text }} +

+
+ {% endfor %} +
+
+
+
diff --git a/templates/index.html b/templates/index.html index b8b0bf7..77fb015 100644 --- a/templates/index.html +++ b/templates/index.html @@ -1,27 +1,38 @@ - - Diary - - + + Diary + + - {% if error != '' %} -
{{ error }}
- {% endif %} -

- Logout -

- New diary: -
-

- +
+
+ +
+ {% if error != '' %} +
{{ error }}
+ {% endif %} +
+ {% for d in diaries %} + +
+ {{ d.name }} +
+ + {% endfor %} +
+
+ You can add a new diary, if you want: +
+
+
+
diff --git a/templates/login.html b/templates/login.html index a7d30af..53fd846 100644 --- a/templates/login.html +++ b/templates/login.html @@ -1,14 +1,28 @@ - - Diary – Login + + Diary – Login + + -
-
-
- -
+
+
+ +
+
+
+
+ +
+
+
+