From c191668b8aab114a1c4f89b06d87bda34383f785 Mon Sep 17 00:00:00 2001 From: Franziska Kunsmann Date: Sun, 15 Aug 2021 08:43:30 +0200 Subject: [PATCH] replace front page with some links --- _config.yml | 2 +- _data/navigation.yml | 4 -- _data/social_profiles.yml | 84 +++++++++++++++++++++++++++++++++++++++ _layouts/default.html | 2 +- about.html | 22 ---------- contact.html | 32 --------------- css/style.sass | 31 ++++++++++++++- img/gitea.svg | 12 ++++++ img/github.svg | 2 + img/gnupg.svg | 20 ++++++++++ img/linkedin.svg | 2 + img/mail.svg | 45 +++++++++++++++++++++ img/mastodon.svg | 4 ++ img/matrix.svg | 7 ++++ img/telegram.svg | 2 + img/threema.svg | 11 +++++ img/twitch.svg | 5 +++ img/twitter.svg | 10 +++++ img/youtube.svg | 11 +++++ index.html | 13 ++++-- 20 files changed, 257 insertions(+), 64 deletions(-) create mode 100644 _data/social_profiles.yml delete mode 100644 about.html delete mode 100644 contact.html create mode 100644 img/gitea.svg create mode 100644 img/github.svg create mode 100644 img/gnupg.svg create mode 100644 img/linkedin.svg create mode 100644 img/mail.svg create mode 100644 img/mastodon.svg create mode 100644 img/matrix.svg create mode 100644 img/telegram.svg create mode 100644 img/threema.svg create mode 100644 img/twitch.svg create mode 100644 img/twitter.svg create mode 100644 img/youtube.svg diff --git a/_config.yml b/_config.yml index f7ddf14..a4919b7 100644 --- a/_config.yml +++ b/_config.yml @@ -1,4 +1,4 @@ -title: Franzi does business ... sort of +title: Franzi (kunsi) header: franzi.business url: https://franzi.business diff --git a/_data/navigation.yml b/_data/navigation.yml index 9da39ad..f9e677d 100644 --- a/_data/navigation.yml +++ b/_data/navigation.yml @@ -1,8 +1,4 @@ - name: Home link: / -- name: About - link: /about.html -- name: Contact - link: /contact.html - name: Blog link: /blog/ diff --git a/_data/social_profiles.yml b/_data/social_profiles.yml new file mode 100644 index 0000000..8b957fa --- /dev/null +++ b/_data/social_profiles.yml @@ -0,0 +1,84 @@ +- background: 1F232B + color: FFFFFF + icon: + path: mastodon.svg + alt: Mastodon + name: "@kunsi@chaos.social" + url: https://chaos.social/@kunsi +- background: FFFFFF + color: "000000" + icon: + path: matrix.svg + alt: Matrix + name: "@kunsi:franzi.business" + url: https://matrix.to/#/@kunsi:franzi.business +- background: FFFFFF + color: "000000" + icon: + path: threema.svg + alt: Threema + name: K9BC697E + url: https://threema.id/K9BC697E +- background: FFFFFF + color: "000000" + icon: + path: gitea.svg + alt: Gitea + name: kunsi + url: https://git.franzi.business/kunsi/ +- background: "000000" + color: FFFFFF + icon: + path: github.svg + alt: GitHub + name: kunsi + url: https://github.com/Kunsi/ +- background: 1DA1F2 + color: FFFFFF + icon: + path: twitter.svg + alt: Twitter + name: "@_kunsi" + url: https://twitter.com/_kunsi +- background: FFFFFF + color: "000000" + icon: + path: mail.svg + alt: E-Mail + name: hi@kunsmann.eu + url: mailto:hi@kunsmann.eu +- background: FFFFFF + color: "000000" + icon: + path: gnupg.svg + alt: "" + name: GPG-Key for hi@kunsmann.eu + url: /gpg_hi-kunsmann.eu.asc +- background: 2867B2 + color: FFFFFF + icon: + path: linkedin.svg + alt: LinkedIn + name: Franziska Kunsmann + url: https://www.linkedin.com/in/franziska-kunsmann-9a2769217/ +- background: 3FAEE8 + color: FFFFFF + icon: + path: telegram.svg + alt: Telegram + name: kun_si + url: https://t.me/kun_si +- background: 9146FF + color: FFFFFF + icon: + path: twitch.svg + alt: Twitch + name: kuunsi + url: https://www.twitch.tv/kuunsi +- background: "000000" + color: FFFFFF + icon: + path: youtube.svg + alt: YouTube + name: kunsi + url: https://www.youtube.com/channel/UCqbGa9lFWffesQtjn5zNU4g diff --git a/_layouts/default.html b/_layouts/default.html index 7b170da..95da216 100644 --- a/_layouts/default.html +++ b/_layouts/default.html @@ -18,5 +18,5 @@ {{ content }} - + diff --git a/about.html b/about.html deleted file mode 100644 index 613b07e..0000000 --- a/about.html +++ /dev/null @@ -1,22 +0,0 @@ ---- -title: About me ---- -

About me

-

I'm usually bad at describing myself, so I asked my friends on Mastodon to describe me in one sentence. These are the results.

- - -

Facts

-

Possibly not that interesting, but here are some carefully (more or less) selected facts about me.

- - diff --git a/contact.html b/contact.html deleted file mode 100644 index 4832180..0000000 --- a/contact.html +++ /dev/null @@ -1,32 +0,0 @@ ---- -title: Contact ---- -

How to contact me

-

I do use a lot of services, so here is an (most likely incomplete) list of ways to get in touch with me.

- -

Social Media

- - -

Instant Messaging

- -

The current list of Matrix Devices can be found when downloading matrix_kunsi-franzi.business.asc. That file is signed using my GPG key.

- -

I'm also on IRC, you can find me named "kunsi" on the following IRC networks:

- - -

Other means of communication

-

When sending me E-Mail, please use my GPG key to encrypt messages. The fingerprint is listed below.

5FE3 7FF3 C981 A914 6C38  0532 4205 EF53 ECE0 D2BC

diff --git a/css/style.sass b/css/style.sass index 88be290..1951295 100644 --- a/css/style.sass +++ b/css/style.sass @@ -13,7 +13,7 @@ html, body font-family: Verdana, Arial, sans-serif color: #FFFFFF - background: black + background: #111111 line-height: 1.5em .body-small @@ -62,6 +62,35 @@ h3 &:focus color: #FF4400 + .button-list + list-style: none + margin: 3em auto + padding: 0 + max-width: 30em + + a + display: block + padding: 0.5em + margin: 1em 0 + border-radius: 10px + text-decoration: none + font-size: 1.5em + //border: 1px solid #CCCCCC + + &:link, + &:visited + color: inherit + + &:hover, + &:active, + &:focus + color: inherit + filter: brightness(90%) + + img + max-height: 1em + padding-right: 0.2em + nav float: left width: 10em diff --git a/img/gitea.svg b/img/gitea.svg new file mode 100644 index 0000000..797d894 --- /dev/null +++ b/img/gitea.svg @@ -0,0 +1,12 @@ + + + + + + + + + + + + \ No newline at end of file diff --git a/img/github.svg b/img/github.svg new file mode 100644 index 0000000..543256c --- /dev/null +++ b/img/github.svg @@ -0,0 +1,2 @@ + + \ No newline at end of file diff --git a/img/gnupg.svg b/img/gnupg.svg new file mode 100644 index 0000000..1e77c4d --- /dev/null +++ b/img/gnupg.svg @@ -0,0 +1,20 @@ + + + + + + + image/svg+xml + + + + + + + + + + + + + \ No newline at end of file diff --git a/img/linkedin.svg b/img/linkedin.svg new file mode 100644 index 0000000..d8c921a --- /dev/null +++ b/img/linkedin.svg @@ -0,0 +1,2 @@ + \ No newline at end of file diff --git a/img/mail.svg b/img/mail.svg new file mode 100644 index 0000000..c484fd5 --- /dev/null +++ b/img/mail.svg @@ -0,0 +1,45 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/img/mastodon.svg b/img/mastodon.svg new file mode 100644 index 0000000..d13ca0c --- /dev/null +++ b/img/mastodon.svg @@ -0,0 +1,4 @@ + + + + \ No newline at end of file diff --git a/img/matrix.svg b/img/matrix.svg new file mode 100644 index 0000000..5363472 --- /dev/null +++ b/img/matrix.svg @@ -0,0 +1,7 @@ + + +Matrix (protocol) logo + + + + \ No newline at end of file diff --git a/img/telegram.svg b/img/telegram.svg new file mode 100644 index 0000000..9d471fc --- /dev/null +++ b/img/telegram.svg @@ -0,0 +1,2 @@ + \ No newline at end of file diff --git a/img/threema.svg b/img/threema.svg new file mode 100644 index 0000000..b1d80e7 --- /dev/null +++ b/img/threema.svg @@ -0,0 +1,11 @@ + + + + Neutral + Created with Sketch. + + + + + + \ No newline at end of file diff --git a/img/twitch.svg b/img/twitch.svg new file mode 100644 index 0000000..f0d29b0 --- /dev/null +++ b/img/twitch.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/img/twitter.svg b/img/twitter.svg new file mode 100644 index 0000000..856eedf --- /dev/null +++ b/img/twitter.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/img/youtube.svg b/img/youtube.svg new file mode 100644 index 0000000..7cf1b9b --- /dev/null +++ b/img/youtube.svg @@ -0,0 +1,11 @@ + + + + + + + + + + + diff --git a/index.html b/index.html index e5acb58..a591864 100644 --- a/index.html +++ b/index.html @@ -4,6 +4,13 @@ permalink: / body_classes: body-small --- -

Hello,
i'm Franziska!

-

People say I do a lot of cool stuff, so I decided to create this Website, so everyone will be able to tell by themselves.

-

Download my GPG key to send me encrypt messages!

+