diff --git a/assets/font/DMSans-Bold.ttf b/assets/font/DMSans-Bold.ttf new file mode 100644 index 0000000..7fd94a2 Binary files /dev/null and b/assets/font/DMSans-Bold.ttf differ diff --git a/assets/font/DMSans-BoldItalic.ttf b/assets/font/DMSans-BoldItalic.ttf new file mode 100644 index 0000000..6e1f861 Binary files /dev/null and b/assets/font/DMSans-BoldItalic.ttf differ diff --git a/assets/font/DMSans-Italic.ttf b/assets/font/DMSans-Italic.ttf new file mode 100644 index 0000000..bdda5a7 Binary files /dev/null and b/assets/font/DMSans-Italic.ttf differ diff --git a/assets/font/DMSans-Regular.ttf b/assets/font/DMSans-Regular.ttf new file mode 100644 index 0000000..b3c3eda Binary files /dev/null and b/assets/font/DMSans-Regular.ttf differ diff --git a/assets/icons/cv.svg b/assets/icons/cv.svg new file mode 100644 index 0000000..db64d89 --- /dev/null +++ b/assets/icons/cv.svg @@ -0,0 +1,4 @@ + + + + \ No newline at end of file diff --git a/assets/icons/github.svg b/assets/icons/github.svg new file mode 100644 index 0000000..4b9c7d6 --- /dev/null +++ b/assets/icons/github.svg @@ -0,0 +1,3 @@ + + + \ No newline at end of file diff --git a/assets/icons/indiehackers.svg b/assets/icons/indiehackers.svg new file mode 100644 index 0000000..e0be64e --- /dev/null +++ b/assets/icons/indiehackers.svg @@ -0,0 +1,8 @@ + + + + + + + + \ No newline at end of file diff --git a/assets/icons/twitter.svg b/assets/icons/twitter.svg new file mode 100644 index 0000000..f355360 --- /dev/null +++ b/assets/icons/twitter.svg @@ -0,0 +1,3 @@ + + + \ No newline at end of file diff --git a/assets/style.css b/assets/style.css index e69de29..2896672 100644 --- a/assets/style.css +++ b/assets/style.css @@ -0,0 +1,122 @@ +:root { + --dark-gray: #212121; + --light-gray: #808080; +} + +@font-face { + font-family: "DM Sans"; + font-style: normal; + font-weight: 400; + font-display: swap; + src: url("/assets/font/DMSans-Regular.ttf"); +} + +@font-face { + font-family: "DM Sans"; + font-style: italic; + font-weight: 400; + font-display: swap; + src: url("/assets/font/DMSans-Italic.ttf"); +} + +@font-face { + font-family: "DM Sans"; + font-style: normal; + font-weight: 700; + font-display: swap; + src: url("/assets/font/DMSans-Bold.ttf"); +} + +@font-face { + font-family: "DM Sans"; + font-style: italic; + font-weight: bold; + font-display: 700; + src: url("/assets/font/DMSans-BoldItalic.ttf"); +} + +html, body { + margin: 0; + padding: 0; + font-family: "DM Sans", sans-serif; + color: var(--dark-gray); +} + +body { + padding: 128px; +} + +h1 { + font-size: 60px; + line-height: 78px; + font-weight: bold; + margin: 0 0 32px 0; + padding: 0; +} + +h2.name { + font-size: 18px; + line-height: 28px; + font-weight: normal; + margin: 0 0 16px 0; + padding: 0; +} + +p { + font-size: 18px; + line-height: 28px; + margin: 0 0 28px 0; + padding: 0; +} + +button { + width: 192px; + height: 54px; + color: #fff; + font-weight: bold; + font-size: 22px; + line-height: 29px; + display: flex; + justify-content: center; + align-items: center; + background: var(--dark-gray); + border-width: 0; + border-radius: 8px; + margin: 64px 0; + padding: 0; + cursor: pointer; +} + +a { + text-decoration: none; + color: var(--dark-gray); +} + +small { + font-size: 14px; + line-height: 18px; + color: var(--light-gray); +} + +.content { + max-width: 640px; +} + +.footer { + max-width: 540px; + border-width: 1px 0 0 0; + border-style: solid; + border-color: var(--light-gray); + padding: 32px 0 0 0; +} + +.footer p { + margin: 0 0 18px 0; +} + +.footer-icons { + display: inline-grid; + gap: 16px; + grid-auto-flow: column; + margin: 0 0 32px 0; +} diff --git a/content/index.html b/content/index.html index a13840e..6231cee 100644 --- a/content/index.html +++ b/content/index.html @@ -1,9 +1,12 @@ {{partial "head" .}} -

Marvin Blum — Rheda-Wiedenbrück, Germany

-

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.

- +
+

Marvin Blum — Rheda-Wiedenbrück, Germany

+

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.

+ +
+{{partial "footer" .}} {{partial "end" .}} diff --git a/partials/footer.html b/partials/footer.html new file mode 100644 index 0000000..a1c8ee2 --- /dev/null +++ b/partials/footer.html @@ -0,0 +1,24 @@ +
+
+ + GitHub + + + Twitter + + + IndieHackers + + + GitHub + +
+

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

+

+ + Legal + +

+
diff --git a/partials/head.html b/partials/head.html index b09a571..30fb5de 100644 --- a/partials/head.html +++ b/partials/head.html @@ -35,6 +35,11 @@ + Marvin Blum — Full-Stack Software Developer + +