diff --git a/src/_includes/layouts/base.njk b/src/_includes/layouts/base.njk index 4d3ad77..338d3a6 100644 --- a/src/_includes/layouts/base.njk +++ b/src/_includes/layouts/base.njk @@ -33,7 +33,6 @@ title: sp-codes - diff --git a/src/_includes/profiles.html b/src/_includes/profiles.html index 1c01622..8c580be 100644 --- a/src/_includes/profiles.html +++ b/src/_includes/profiles.html @@ -2,14 +2,14 @@
- +
- +
diff --git a/src/de/contact.html b/src/de/contact.html index 15d3d1d..2d31e59 100644 --- a/src/de/contact.html +++ b/src/de/contact.html @@ -15,28 +15,28 @@ eleventyNavigation:
-
+
Schicke mir eine E-Mail an mail@sp-codes.de
 -
+
Folge mir auf Mastodon oder schicke mir dort eine Nachricht an @samuel_p@social.tchncs.de
 -
+
Schreibe mir auf Matrix an @samuel-p:matrix.sp-codes.de
 -
+
Schreibe mir auf XMPP an @samuel-p:dismail.de
 -
+
Schreibe mir auf Threema an die ID YSCU6F6U
diff --git a/src/de/donate.html b/src/de/donate.html index f0bad9a..4ac4214 100644 --- a/src/de/donate.html +++ b/src/de/donate.html @@ -44,7 +44,7 @@ eleventyNavigation:
-

Open Collective

+

Open Collective

Gerne kannst du mir auch über Open Collective einen kleinen Betrag zukommen lassen. Wenn du willst, kannst du mich dort auch mit einer regelmäßigen Spende unterstützen. diff --git a/src/en/contact.html b/src/en/contact.html index 881d8ca..22a4f6c 100644 --- a/src/en/contact.html +++ b/src/en/contact.html @@ -14,27 +14,27 @@ eleventyNavigation:
-
+
Send me an email to mail@sp-codes.de
 -
+
Follow me on Mastodon or send me a message to @samuel_p@social.tchncs.de
 -
+
Write me on Matrix to @samuel-p:matrix.sp-codes.de
 -
+
Write me on XMPP to @samuel-p:dismail.de
 -
+
Write me on Threema to the ID YSCU6F6U
diff --git a/src/en/donate.html b/src/en/donate.html index 4bc8d77..40bb010 100644 --- a/src/en/donate.html +++ b/src/en/donate.html @@ -42,7 +42,7 @@ eleventyNavigation:
-

Open Collective

+

Open Collective

You are also welcome to send me a small amount via Open Collective. If you like you can also support me with a regular donation. diff --git a/src/img/bg-light.png b/src/img/bg-light.png deleted file mode 100644 index 190b85a..0000000 Binary files a/src/img/bg-light.png and /dev/null differ diff --git a/src/img/gitea-white.svg b/src/img/gitea-white.svg deleted file mode 100644 index 17188ec..0000000 --- a/src/img/gitea-white.svg +++ /dev/null @@ -1 +0,0 @@ -Gitea icon diff --git a/src/img/gitea.svg b/src/img/gitea.svg index 6ff0f33..17188ec 100644 --- a/src/img/gitea.svg +++ b/src/img/gitea.svg @@ -1 +1 @@ -Gitea icon +Gitea icon diff --git a/src/img/matrix-white.svg b/src/img/matrix-white.svg deleted file mode 100644 index a0b2d62..0000000 --- a/src/img/matrix-white.svg +++ /dev/null @@ -1 +0,0 @@ -Matrix icon diff --git a/src/img/matrix.svg b/src/img/matrix.svg index 1dcf4b6..a0b2d62 100644 --- a/src/img/matrix.svg +++ b/src/img/matrix.svg @@ -1 +1 @@ -Matrix icon +Matrix icon diff --git a/src/img/opencollective-white.svg b/src/img/opencollective-white.svg deleted file mode 100644 index dcf7bd2..0000000 --- a/src/img/opencollective-white.svg +++ /dev/null @@ -1 +0,0 @@ -Open Collective icon diff --git a/src/img/opencollective.svg b/src/img/opencollective.svg index eea0b36..dcf7bd2 100644 --- a/src/img/opencollective.svg +++ b/src/img/opencollective.svg @@ -1 +1 @@ -Open Collective icon +Open Collective icon diff --git a/src/img/threema-white.svg b/src/img/threema-white.svg deleted file mode 100644 index 7b89b35..0000000 --- a/src/img/threema-white.svg +++ /dev/null @@ -1 +0,0 @@ -Threema icon diff --git a/src/img/threema.svg b/src/img/threema.svg index a2e3619..7b89b35 100644 --- a/src/img/threema.svg +++ b/src/img/threema.svg @@ -1 +1 @@ -Threema icon +Threema icon diff --git a/src/img/xmpp-white.svg b/src/img/xmpp-white.svg deleted file mode 100644 index 5a0b67c..0000000 --- a/src/img/xmpp-white.svg +++ /dev/null @@ -1 +0,0 @@ -XMPP icon diff --git a/src/img/xmpp.svg b/src/img/xmpp.svg index 1b5e5b1..5a0b67c 100644 --- a/src/img/xmpp.svg +++ b/src/img/xmpp.svg @@ -1 +1 @@ -XMPP icon +XMPP icon diff --git a/src/scss/icons.scss b/src/scss/icons.scss deleted file mode 100644 index 82fed8a..0000000 --- a/src/scss/icons.scss +++ /dev/null @@ -1,37 +0,0 @@ -.si, .si::before { - display: inline-block; - margin: 0 8px; - width: 4em; - height: 4em; - line-height: 1; - box-sizing: border-box; -} - -@media (max-width: 767.98px) { - .si, .si::before { - margin: 0 4px; - width: 2em; - height: 2em; - } -} - -.h2si, .h2si::before { - margin: 0; - width: 30px; - height: 24px; -} - -@mixin svg-icon($name) { - .si-#{$name}::before { - content: '\200b'; - background-image: url("../img/#{$name}-white.svg"); - background-repeat: no-repeat; - background-position: center; - } -} - -@include svg-icon('matrix'); -@include svg-icon('gitea'); -@include svg-icon('xmpp'); -@include svg-icon('threema'); -@include svg-icon('opencollective'); diff --git a/src/scss/main.scss b/src/scss/main.scss index 1aa1db9..ebbac55 100644 --- a/src/scss/main.scss +++ b/src/scss/main.scss @@ -17,9 +17,6 @@ $fa-font-path: "../font"; $flag-icon-rect-path: ''; @import "node_modules/flag-icon-css/sass/flag-icon"; -$primary: #fea500; -$primary_dark: #e5a52e; - html, body { height: 100%; display: flex; @@ -29,7 +26,6 @@ html, body { body { background-image: url("../img/bg.png"); color: #fff; - font-weight: 300; min-height: 100vh; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } @@ -44,18 +40,14 @@ ul { } .highlight { - color: $primary; -} - -.text-foreground { - color: #fff; + color: #fea500; } a { - color: $primary; + color: #fea500; &:hover { - color: $primary_dark; + color: #d78c00; } } @@ -163,7 +155,7 @@ a { } .card { - background-color: #111; + background-color: #222; border: 1px solid #fff; padding: 1rem; } @@ -191,10 +183,10 @@ a { top: 0; bottom: 0; right: 0; - color: $primary !important; + color: #fea500 !important; &[href]:hover { - color: $primary_dark !important; + color: #d78c00 !important; } } @@ -203,8 +195,8 @@ a { top: 0; right: -1rem; font-weight: bold; - background-color: $primary; - color: #000; + background-color: #fea500; + color: #000000; padding: .5rem 1rem; border-radius: 10px; transform: rotate(20deg); @@ -228,10 +220,10 @@ a { } &.flat { - color: $primary !important; + color: #fea500 !important; &:hover { - color: $primary_dark !important; + color: #d78c00 !important; } .inner { @@ -250,19 +242,19 @@ a { } .contact-links a { - color: #fff !important; + color: #ffffff !important; } code { - background-color: $primary; - color: #000; + background-color: #fea500; + color: #000000; padding: 1px 3px; border-radius: 4px; } pre { - background-color: $primary; - color: #000; + background-color: #fea500; + color: #000000; padding: 1px 3px; border-radius: 4px; @@ -282,3 +274,17 @@ pre { font-size: 2em; } } + +.svg-icon { + margin: 0 8px; + width: 4em; + height: 4em; +} + +@media (max-width: 767.98px) { + .svg-icon { + margin: 0 4px; + width: 2em; + height: 2em; + } +} \ No newline at end of file