From 92809cef3fae014a36d8839b7c97435f63bfe884 Mon Sep 17 00:00:00 2001 From: Lyn Fugmann Date: Sat, 28 Sep 2024 12:03:19 +0200 Subject: [PATCH] add home page introduction section --- _includes/index.css | 97 +++++++++++++++++++++++++++++++++++++++++++++ _includes/index.njk | 43 ++++++++++++++++++++ content/de/index.md | 1 + content/en/index.md | 1 + 4 files changed, 142 insertions(+) create mode 100644 _includes/index.css diff --git a/_includes/index.css b/_includes/index.css new file mode 100644 index 0000000..81ca4b8 --- /dev/null +++ b/_includes/index.css @@ -0,0 +1,97 @@ +.introduction { + position: relative; + text-align: center; + margin-top: -4rem; + width: 100vw; + margin-left: 50%; + transform: translateX(-50%); + padding: 12rem 0; + background-color: grey; +} + +.badge { + transform: skew(-4deg) rotate(-4deg); + max-width: calc(100vw - 2rem); + margin: 0 auto 4rem; +} + +.badge .date { + font-size: 19px; + display: inline-block; + background: #fff; + color: #262626; + padding: 0 .75rem; + margin-bottom: 2.5rem; +} + +.badge h1 { + font-size: 28px; + line-height: 1.25; + color: #262626; + margin: 0; +} + +.badge h1 .spacer { + height: 1rem; +} + +.badge h1 span { + font-size: 28px; + background: #fff; + -webkit-box-decoration-break: clone; + box-decoration-break: clone; +} + +.badge h1 span:first-child { + font-weight: 500; + padding: .1em .5em; +} +.badge h1 span:first-child::after { + content: "\A"; + white-space: pre; + line-height: 3rem; +} + +.badge h1 span:last-child { + font-weight: 800; + font-size: 44px; + padding: .02em .25em; +} + +.social-media { + list-style-type: none; + padding: 0; +} + +.social-media li { + display: inline-block; +} + +.social-media a { + color: #fff; + filter: drop-shadow(0 0 10px rgba(0,0,0,.5)); + transition: opacity .3s ease-out; +} + +.social-media a:hover { + opacity: .75; +} + +.social-media svg { + height: 4rem; + padding: 4px; + fill: currentColor; +} + +.social-media li:not(:first-child) { + margin-left: 36px; +} + +@media (width < 640px) { + .introduction { + padding: 6.5rem 0; + } + .badge .date { + font-size: 16px; + } +} diff --git a/_includes/index.njk b/_includes/index.njk index fcfdfec..1015522 100644 --- a/_includes/index.njk +++ b/_includes/index.njk @@ -1,6 +1,49 @@ --- layout: page.njk --- +
+
+ +
+ +
+

{{ eseDate }}

+

+ {% if lang == "en" %} + Your start at the Faculty of +
+ Computer Science + {% else %} + Dein Studienstart an der +
+ Fakultät Informatik + {% endif %} +

+
+ + +
+
{{ content | safe }}
+ +{% css %} + {% include "index.css" %} +{% endcss %} diff --git a/content/de/index.md b/content/de/index.md index ef2cec0..1067d75 100644 --- a/content/de/index.md +++ b/content/de/index.md @@ -1,5 +1,6 @@ --- layout: index.njk +eseDate: 7. – 11. Oktober 2024 --- ## Herzlich Willkommen diff --git a/content/en/index.md b/content/en/index.md index 1589deb..bdebca9 100644 --- a/content/en/index.md +++ b/content/en/index.md @@ -1,5 +1,6 @@ --- layout: index.njk +eseDate: 7–11 October 2024 --- ## Welcome!