diff --git a/assets/icons/arrow.svg b/assets/icons/arrow.svg new file mode 100644 index 0000000..69747cd --- /dev/null +++ b/assets/icons/arrow.svg @@ -0,0 +1,3 @@ + + + \ No newline at end of file diff --git a/assets/style.css b/assets/style.css index 2896672..603eb52 100644 --- a/assets/style.css +++ b/assets/style.css @@ -54,6 +54,14 @@ h1 { padding: 0; } +h2 { + font-weight: bold; + font-size: 32px; + line-height: 42px; + margin: 0 0 16px 0; + padding: 0; +} + h2.name { font-size: 18px; line-height: 28px; @@ -69,7 +77,7 @@ p { padding: 0; } -button { +button, .button { width: 192px; height: 54px; color: #fff; @@ -85,11 +93,24 @@ button { margin: 64px 0; padding: 0; cursor: pointer; + transition: opacity 0.1s linear; +} + +button:hover, .button:hover { + color: #fff; + opacity: 0.9; + transition: opacity 0.1s linear; } a { text-decoration: none; color: var(--dark-gray); + transition: color 0.1s linear; +} + +a:hover { + color: var(--light-gray); + transition: color 0.1s linear; } small { @@ -107,6 +128,7 @@ small { border-width: 1px 0 0 0; border-style: solid; border-color: var(--light-gray); + margin: 64px 0 0 0; padding: 32px 0 0 0; } @@ -120,3 +142,30 @@ small { grid-auto-flow: column; margin: 0 0 32px 0; } + +.footer-icons img { + transition: opacity 0.1s linear; +} + +.footer-icons img:hover { + opacity: 0.9; + transition: opacity 0.1s linear; +} + +.back-to-homepage { + display: inline-flex; + gap: 8px; + font-size: 14px; + line-height: 18px; + color: var(--light-gray); + margin: 0 0 16px 0; +} + +.back-to-homepage:hover { + color: var(--dark-gray); +} + +.back-to-homepage img { + width: 8px; + height: 16px; +} diff --git a/content/index.html b/content/index.html index 6231cee..f372558 100644 --- a/content/index.html +++ b/content/index.html @@ -5,7 +5,7 @@

Full-Stack
Software Developer

Hi, my name is Marvin. I'm a full-stack software engineer from Germany, open-source and Linux enthusiast, and co-founder of Emvi, where we build and maintain software projects for clients, and work on existing software.

I’m building Pirsch Analytics — a privacy-friendly, cookie-less web analytics solution made for personal websites, freelancers, and agencies.

- + Get in touch {{partial "footer" .}} diff --git a/content/legal/index.html b/content/legal/index.html new file mode 100644 index 0000000..2427354 --- /dev/null +++ b/content/legal/index.html @@ -0,0 +1,18 @@ +{{partial "head" .}} + +
+ {{partial "back-to-homepage" .}} +

Legal

+

According to §5 TMG

+

+ Marvin Blum
+ Gerhard-Hauptmannstraße 3
+ 33378 Rheda-Wiedenbrück, Germany
+ marvin@marvinblum.de +

+

Cookie Policy

+

This page does not use cookies.

+
+ +{{partial "footer" .}} +{{partial "end" .}} diff --git a/partials/back-to-homepage.html b/partials/back-to-homepage.html new file mode 100644 index 0000000..a1ed338 --- /dev/null +++ b/partials/back-to-homepage.html @@ -0,0 +1,4 @@ + + < + Back to Homepage + diff --git a/partials/footer.html b/partials/footer.html index a1c8ee2..939c146 100644 --- a/partials/footer.html +++ b/partials/footer.html @@ -14,7 +14,7 @@

- © 2021 Marvin Blum. This page does not use cookies. Website Analytics by Pirsch. + © 2021 Marvin Blum. This page does not use cookies. Website Analytics by Pirsch.