Skip to content

Commit

Permalink
Swap backgrounds
Browse files Browse the repository at this point in the history
  • Loading branch information
LarsBodewig committed Jun 21, 2024
1 parent 7926401 commit 4268dbd
Show file tree
Hide file tree
Showing 15 changed files with 1,565 additions and 2,380 deletions.
1 change: 1 addition & 0 deletions assets/badge.css
Original file line number Diff line number Diff line change
Expand Up @@ -2,6 +2,7 @@
display: inline-block;
border-radius: 0.7rem;
padding: 0 0.4rem 0.1rem;
line-height: 1.2rem;
}

.badge-text {
Expand Down
8 changes: 3 additions & 5 deletions assets/dark.css
Original file line number Diff line number Diff line change
@@ -1,12 +1,10 @@
:root {
--body-bg-color: #181818;
--frame-placeholder-bg-color: #3c2360;
--frame-bg-image: url("/assets/adwaita-d.webp");
--frame-text-color: #fff;
--header-bg-color: #444;

--main-background-image: url("/assets/adwaita-d.webp");
--main-background-filter: none;
--main-bg-color: #444;
--main-text-color: #fff;
--main-placeholder-bg-color: #3c2360;
--main-backdrop-bg-color: rgba(0, 0, 0, 0.6);

--prime-text-color: #fff;
Expand Down
26 changes: 12 additions & 14 deletions assets/frame.css
Original file line number Diff line number Diff line change
@@ -1,21 +1,26 @@
html {
background-color: var(--frame-placeholder-bg-color);
background: var(--frame-bg-image);
background-size: 100vw;
background-repeat: repeat-y;
}

body {
font-size: 1rem;
margin: 0;
font-family: var(--main-font-family);
background-color: var(--body-bg-color);
line-height: 1.2rem;
line-height: 1.5rem;
padding: 1vw;
}

main {
margin: 1.5rem 1vw;
border-radius: 1rem;
background-color: var(--main-placeholder-bg-color);
box-shadow: 0 0 15px black;
background: var(--main-background-image);
background-size: 100vw;
background-repeat: repeat-y;
background-color: var(--main-bg-color);
box-shadow: 0 0 1rem rgba(0, 0, 0, 0.5);
color: var(--main-text-color);
padding: 0.5rem min(1.5rem, 5vw) 1.5rem;
border-radius: 1rem;
}

.link {
Expand All @@ -26,13 +31,6 @@ main {
color: var(--link-visited-text-color);
}

.background-filter {
padding: 1.5rem min(1.5rem, 5vw);
border-radius: 1rem;
backdrop-filter: var(--main-background-filter);
-webkit-backdrop-filter: var(--main-background-filter);
}

.menu {
justify-content: center;
display: flex;
Expand Down
6 changes: 3 additions & 3 deletions assets/header.css
Original file line number Diff line number Diff line change
@@ -1,8 +1,8 @@
header {
margin: 2rem 10vw 3rem;
border: 0.75rem solid var(--header-bg-color);
border: 0.75rem solid var(--main-bg-color);
border-radius: 2rem;
background-color: var(--header-bg-color);
background-color: var(--main-bg-color);
color: var(--frame-text-color);
display: flex;
flex-direction: row;
Expand Down Expand Up @@ -56,7 +56,7 @@ header {
display: flex;
flex-direction: row;
padding: 0.25rem 0;
background-color: var(--header-bg-color);
background-color: var(--main-bg-color);
color: var(--frame-text-color);
justify-content: center;
flex-wrap: wrap;
Expand Down
9 changes: 3 additions & 6 deletions assets/light.css
Original file line number Diff line number Diff line change
@@ -1,13 +1,10 @@
:root {
--body-bg-color: #777;
--frame-placeholder-bg-color: #8251ff;
--frame-bg-image: url("/assets/adwaita-l.webp");
--frame-text-color: #000;
--header-bg-color: #d9ccff;

--main-background-image: url("/assets/adwaita-l.webp");
--main-background-filter: hue-rotate(340deg) contrast(0.4) saturate(1.5)
brightness(1.5) blur(3rem);
--main-bg-color: #d9ccff;
--main-text-color: #000;
--main-placeholder-bg-color: #b6a7c8;
--main-backdrop-bg-color: rgba(255, 255, 255, 0.5);

--prime-text-color: #000;
Expand Down
1,659 changes: 615 additions & 1,044 deletions pages/datenschutz.liquid

Large diffs are not rendered by default.

52 changes: 25 additions & 27 deletions pages/en/contact.liquid
Original file line number Diff line number Diff line change
Expand Up @@ -13,33 +13,31 @@ lang: en-GB
{% include 'header' %}

<main>
<div class="background-filter">
<p>If you wish to contact me, you can use any of the following channels:</p>
<ul>
<li class="contact-channel">
For business inquiries:
<a
class="link"
href="https://www.linkedin.com/in/larsbodewig/"
rel="noreferrer external"
>LinkedIn/LarsBodewig</a
>
</li>
<li class="contact-channel">
Everything code related:
<a
class="link"
href="https://github.com/LarsBodewig"
rel="noreferrer external"
>GitHub/LarsBodewig</a
>
</li>
<li class="contact-channel">
For any other subject:
{% include 'email', email: '[email protected]' %}
</li>
</ul>
</div>
<p>If you wish to contact me, you can use any of the following channels:</p>
<ul>
<li class="contact-channel">
For business inquiries:
<a
class="link"
href="https://www.linkedin.com/in/larsbodewig/"
rel="noreferrer external"
>LinkedIn/LarsBodewig</a
>
</li>
<li class="contact-channel">
Everything code related:
<a
class="link"
href="https://github.com/LarsBodewig"
rel="noreferrer external"
>GitHub/LarsBodewig</a
>
</li>
<li class="contact-channel">
For any other subject:
{% include 'email', email: '[email protected]' %}
</li>
</ul>
</main>

{% include 'footer' %}
Expand Down
95 changes: 46 additions & 49 deletions pages/en/index.liquid
Original file line number Diff line number Diff line change
Expand Up @@ -12,55 +12,52 @@ lang: en-GB
{% include 'header' %}

<main>
<div class="background-filter">
<h2 class="index-heading">Greetings!</h2>
<p>Welcome to my personal website.</p>
<p>
My name is Lars Bodewig. I mostly work as a Backend or Full Stack Developer, but I am also
interested in Pipeline Engineering, Library Development and Language Parsing. My biggest strengths
are
{% include 'badge', label: 'Java' %}, {% include 'badge', label: 'TypeScript' %} and
{% include 'badge', label: 'Maven' %}. My
{%- assign portfolio = collections.all
| where: 'data.id', 'portfolio'
| where: 'data.lang', colPage.data.lang
| first
%}
<a
class="link"
href="{{ portfolio.url | url }}"
rel="noreferrer"
>
{{- portfolio.data.title -}}
</a>
features a selection of projects showcasing my skills.
</p>
<p>
My complete CV is available on
<a
class="link"
href="https://www.linkedin.com/in/larsbodewig/"
rel="noreferrer external"
>LinkedIn</a
>
(Login required).
</p>
<p>
If you want to reach out to me, see
{%- assign contact = collections.all
| where: 'data.id', 'contact'
| where: 'data.lang', colPage.data.lang
| first
%}
<a
class="link"
href="{{ contact.url | url }}"
rel="noreferrer"
>
{{- contact.data.title -}}</a
>.
</p>
</div>
<h2 class="index-heading">Greetings!</h2>
<p>Welcome to my personal website.</p>
<p>
My name is Lars Bodewig. I mostly work as a Backend or Full Stack Developer, but I am also interested in
Pipeline Engineering, Library Development and Language Parsing. My biggest strengths are
{% include 'badge', label: 'Java' %}, {% include 'badge', label: 'TypeScript' %} and
{% include 'badge', label: 'Maven' %}. My
{%- assign portfolio = collections.all
| where: 'data.id', 'portfolio'
| where: 'data.lang', colPage.data.lang
| first
%}
<a
class="link"
href="{{ portfolio.url | url }}"
rel="noreferrer"
>
{{- portfolio.data.title -}}
</a>
features a selection of projects showcasing my skills.
</p>
<p>
My complete CV is available on
<a
class="link"
href="https://www.linkedin.com/in/larsbodewig/"
rel="noreferrer external"
>LinkedIn</a
>
(Login required).
</p>
<p>
If you want to reach out to me, see
{%- assign contact = collections.all
| where: 'data.id', 'contact'
| where: 'data.lang', colPage.data.lang
| first
%}
<a
class="link"
href="{{ contact.url | url }}"
rel="noreferrer"
>
{{- contact.data.title -}}</a
>.
</p>
</main>

{% include 'footer' %}
Expand Down
73 changes: 30 additions & 43 deletions pages/en/legal.liquid
Original file line number Diff line number Diff line change
Expand Up @@ -6,56 +6,43 @@ tags:
- noindex
lang: en-GB
---
<!DOCTYPE html>
<!doctype html>
<html lang="{{ lang }}">
{% include 'head' %}

<body>
{% include 'header' %}

<main>
<div class="background-filter">
<p>Information pursuant to § 5 TMG</p>
{% include 'address' %}
<h2>Disclaimer:</h2>
<h3>Liability for Links</h3>
<p>
Our offer includes links to external third party websites.
We have no influence on the contents of those websites,
therefore we cannot guarantee for those contents. Providers
or administrators of linked websites are always responsible
for their own contents. The linked websites had been checked
for possible violations of law at the time of the
establishment of the link. Illegal contents were not
detected at the time of the linking. A permanent monitoring
of the contents of linked websites cannot be imposed without
reasonable indications that there has been a violation of
law. Illegal links will be removed immediately at the time
we get knowledge of them.
</p>
<h3>Copyright</h3>
<p>
Contents and compilations published on these websites by the
providers are subject to German copyright laws.
Reproduction, editing, distribution as well as the use of
any kind outside the scope of the copyright law require a
written permission of the author or originator. Downloads
and copies of these websites are permitted for private use
only. The commercial use of our contents without permission
of the originator is prohibited. Copyright laws of third
parties are respected as long as the contents on these
websites do not originate from the provider. Contributions
of third parties on this site are indicated as such.
However, if you notice any violations of copyright law,
please inform us. Such contents will be removed immediately.
</p>
<h4>GNOME Adwaita Background</h4>
<p>
Copyright © 2011-2022 Jakub Steiner &lt;[email protected]&gt;
- Licensed under Creative Commons Attribution-ShareAlike 3.0
License.
</p>
</div>
<p>Information pursuant to § 5 TMG</p>
{% include 'address' %}
<h2>Disclaimer:</h2>
<h3>Liability for Links</h3>
<p>
Our offer includes links to external third party websites. We have no influence on the contents of those
websites, therefore we cannot guarantee for those contents. Providers or administrators of linked
websites are always responsible for their own contents. The linked websites had been checked for
possible violations of law at the time of the establishment of the link. Illegal contents were not
detected at the time of the linking. A permanent monitoring of the contents of linked websites cannot be
imposed without reasonable indications that there has been a violation of law. Illegal links will be
removed immediately at the time we get knowledge of them.
</p>
<h3>Copyright</h3>
<p>
Contents and compilations published on these websites by the providers are subject to German copyright
laws. Reproduction, editing, distribution as well as the use of any kind outside the scope of the
copyright law require a written permission of the author or originator. Downloads and copies of these
websites are permitted for private use only. The commercial use of our contents without permission of
the originator is prohibited. Copyright laws of third parties are respected as long as the contents on
these websites do not originate from the provider. Contributions of third parties on this site are
indicated as such. However, if you notice any violations of copyright law, please inform us. Such
contents will be removed immediately.
</p>
<h4>GNOME Adwaita Background</h4>
<p>
Copyright © 2011-2022 Jakub Steiner &lt;[email protected]&gt; - Licensed under Creative Commons
Attribution-ShareAlike 3.0 License.
</p>
</main>

{% include 'footer' %}
Expand Down
Loading

0 comments on commit 4268dbd

Please sign in to comment.