diff --git a/.gitignore b/.gitignore index 1b217b3..cc2435a 100644 --- a/.gitignore +++ b/.gitignore @@ -58,6 +58,8 @@ assets/css/main.css.map assets/css/ie9.css.map assets/css/main.min.css.map assets/css/ie9.min.css.map +assets/css/start.min.css +assets/css/*.min.css tmp/ libsass/ sass-spec/ diff --git a/assets/images/winkekatze.svg b/assets/images/winkekatze.svg new file mode 100644 index 0000000..db60040 --- /dev/null +++ b/assets/images/winkekatze.svg @@ -0,0 +1,71 @@ + + Winkekatze + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + L3D <l3d@c3woc.de> + + + + + CC-BY-SA 4.0 + + + Winkekatze + + + + + + + + + + + + diff --git a/assets/scss/_footer.scss b/assets/scss/_footer.scss new file mode 100644 index 0000000..e2614a1 --- /dev/null +++ b/assets/scss/_footer.scss @@ -0,0 +1,6 @@ +footer { + margin: 0 auto; + background: $background_accent_1; + padding: 20px 30px; + box-shadow: 5px 5px 5px 10px $background_accent_1; +} diff --git a/assets/scss/_general.scss b/assets/scss/_general.scss new file mode 100644 index 0000000..858326f --- /dev/null +++ b/assets/scss/_general.scss @@ -0,0 +1,13 @@ +body { + font-family: 'Verdana', sans-serif; + margin: 25px 25px 50px 25px; + background: $background_accent_2; +} + +a { + color: $font_accent_2; +} + +a:hover { + color: $font_accent_3; +} diff --git a/assets/scss/_header.scss b/assets/scss/_header.scss new file mode 100644 index 0000000..fa5f60b --- /dev/null +++ b/assets/scss/_header.scss @@ -0,0 +1,22 @@ +header { + margin: 0 auto; + background: $background_accent_1; + padding: 20px 30px; + box-shadow: 5px 5px 5px 10px $background_accent_1; + h1 { + color: $font_accent_1; + margin: 0; + font-weight: normal; + font-size: 42px; + } + nav ul { + list-style: none; + margin: 0; + padding: 0; + li { + display: inline; + margin: 0 8px 0 0; + padding: 0; + } + } +} diff --git a/assets/scss/_page.scss b/assets/scss/_page.scss new file mode 100644 index 0000000..9b3a499 --- /dev/null +++ b/assets/scss/_page.scss @@ -0,0 +1,5 @@ +div.page { + margin: 0 auto; + padding: 20px 30px; + background: transparent; +} diff --git a/assets/scss/_start.scss b/assets/scss/_start.scss new file mode 100644 index 0000000..1808095 --- /dev/null +++ b/assets/scss/_start.scss @@ -0,0 +1,16 @@ +div.start { + margin: 0 auto; + padding: 50px 0px; + background: transparent; + display: flex; + .left { + flex: 45%; + text-align: center; + } + .right { + flex: 55%; + } + img { + width: 100%; + } +} diff --git a/assets/scss/_variables.scss b/assets/scss/_variables.scss new file mode 100644 index 0000000..4940741 --- /dev/null +++ b/assets/scss/_variables.scss @@ -0,0 +1,6 @@ +$background_accent_1: rgb(247, 196, 24 ); +$background_accent_2: rgba(227, 223, 99, 0.6); + +$font_accent_1: red; +$font_accent_2: maroon; +$font_accent_3: orangered; diff --git a/assets/scss/main.scss b/assets/scss/main.scss new file mode 100644 index 0000000..c627e1e --- /dev/null +++ b/assets/scss/main.scss @@ -0,0 +1,7 @@ +@import "_variables"; + +@import "_page.scss"; + +@import "_general"; +@import "_header"; +@import "_footer"; diff --git a/assets/scss/start.scss b/assets/scss/start.scss new file mode 100644 index 0000000..2aad964 --- /dev/null +++ b/assets/scss/start.scss @@ -0,0 +1,7 @@ +@import "_variables"; + +@import "_start"; + +@import "_general"; +@import "_header"; +@import "_footer"; diff --git a/models/start.ini b/models/start.ini new file mode 100644 index 0000000..6eb5824 --- /dev/null +++ b/models/start.ini @@ -0,0 +1,17 @@ +[model] +name = Start +label = {{ this.title }} +hidden = true + +[fields.title] +label = Title +type = string + +[fields.image] +label = Image +description = Image URL Path +type = string + +[fields.body] +label = Body +type = markdown diff --git a/templates/layout.html b/templates/layout.html index 072f566..b34902a 100644 --- a/templates/layout.html +++ b/templates/layout.html @@ -1,14 +1,25 @@ {%- macro titlestring() -%} - {% block title %}Welcome{% endblock %} — winkekatze.tv + {%- block title -%} + Welcome + {%- endblock -%} + {{ ' — winkekatze.tv' }} {%- endmacro -%} {%- macro descriptionstring() -%} - {% block description %}Winkekatze Video Operation Center{% endblock %} — winkekatze.tv + {%- block description -%} + Winkekatze Video Operation Center + {%- endblock -%} + {{ ' — winkekatze.tv' }} +{%- endmacro -%} +{%- macro cssfile() -%} + {%- block scss -%} + css/main.min.css + {%- endblock -%} {%- endmacro -%} - + {{- titlestring() -}} @@ -42,9 +53,13 @@ -
+
{%- block body -%} - {%- endblock -%} +

Hello World

+ {%- endblock %}