diff --git a/lektor/lektordata/project/assets/images/bg_image_welcome_1.jpg b/lektor/lektordata/project/assets/images/bg_image_welcome_1.jpg new file mode 100644 index 0000000..c445f60 Binary files /dev/null and b/lektor/lektordata/project/assets/images/bg_image_welcome_1.jpg differ diff --git a/lektor/lektordata/project/assets/static/style.css b/lektor/lektordata/project/assets/static/style.css index 27f6e5b..d3f6f25 100644 --- a/lektor/lektordata/project/assets/static/style.css +++ b/lektor/lektordata/project/assets/static/style.css @@ -40,17 +40,66 @@ th, td { } header, footer, div.page { + position: relative; width: 80%; margin: 0 auto; background: #ececec; - padding: 20px 30px; color: #6c7d8c; + max-width: 1200px; +} + +header > div.inner_header, footer > div.inner_footer, div.page > div.inner_page{ + padding: 20px 30px; +} + +div.inner_page > *{ + margin: 0; } div.page h1, div.page h2, div.page h3, div.page h4, div.page h5, div.page h6{ color: #5d5d5d; } +div.inner_page { + position: relative; + top: 0; + padding: 0; +} + +div.bgimage + div.inner_page { + position: absolute; + box-sizing: border-box; +} + + +.page .bgimage img { + display: block; + width: 100%; + max-width: 1200px; /* corresponds to max height of 450px */ + margin: 0 auto; + filter: opacity(50%); +} + +page .bgimage { + position: absolute; + box-sizing: border-box; + background: #fff; +} + +.bgimage { + background: #fff; +} + +/* +.inner_page{ + position: absolute; + top: 0; + padding: 0px 30px; + box-sizing: border-box; +} +*/ + + header, footer { color: #b0b0b0; } diff --git a/lektor/lektordata/project/content/contents.lr b/lektor/lektordata/project/content/contents.lr index c9ffe8e..4ef7882 100644 --- a/lektor/lektordata/project/content/contents.lr +++ b/lektor/lektordata/project/content/contents.lr @@ -1,5 +1,6 @@ title: Willkommen beim Pistolenclub Stammertal! --- body: -
+--- +_template: title_page.html diff --git a/lektor/lektordata/project/templates/layout.html b/lektor/lektordata/project/templates/layout.html index 183e7b3..3c005cc 100644 --- a/lektor/lektordata/project/templates/layout.html +++ b/lektor/lektordata/project/templates/layout.html @@ -10,27 +10,31 @@ {% block title %}Welcome{% endblock %} — PCS
-

Pistolenclub Stammertal

- +
+

Pistolenclub Stammertal

+ +
- {% block body %}{% endblock %} + {% block body %}{% endblock %}
diff --git a/lektor/lektordata/project/templates/page.html b/lektor/lektordata/project/templates/page.html index 0430577..7cf77ef 100644 --- a/lektor/lektordata/project/templates/page.html +++ b/lektor/lektordata/project/templates/page.html @@ -1,6 +1,8 @@ {% extends "layout.html" %} {% block title %}{{ this.title }}{% endblock %} {% block body %} -

{{ this.title }}

- {{ this.body }} +
+

{{ this.title }}

+ {{ this.body }} +
{% endblock %} diff --git a/lektor/lektordata/project/templates/title_page.html b/lektor/lektordata/project/templates/title_page.html new file mode 100644 index 0000000..c0c81bf --- /dev/null +++ b/lektor/lektordata/project/templates/title_page.html @@ -0,0 +1,9 @@ +{% extends "layout.html" %} +{% block title %}{{ this.title }}{% endblock %} +{% block body %} +
+
+

{{ this.title }}

+ {{ this.body }} +
+{% endblock %}