From d3ec7b98524f6033b61ab96b00c9059a8cf85875 Mon Sep 17 00:00:00 2001 From: samuel-p Date: Tue, 8 Jun 2021 23:14:41 +0200 Subject: [PATCH] replaced some more icons with svg --- src/_data/services.json | 14 +++++++------- src/_includes/profiles.html | 12 ++++++------ src/de/contact.html | 2 +- src/de/services/connectivitycheck.md | 2 +- src/de/services/firefox-sync.md | 2 +- src/de/services/invidious.md | 2 +- src/de/services/nitter.md | 2 +- src/de/services/searx.md | 2 +- src/de/services/shields.md | 2 +- src/en/contact.html | 2 +- src/en/services/connectivitycheck.md | 2 +- src/en/services/firefox-sync.md | 2 +- src/en/services/invidious.md | 2 +- src/en/services/nitter.md | 2 +- src/en/services/searx.md | 2 +- src/en/services/shields.md | 2 +- src/img/icon/envelope.svg | 1 + src/img/icon/firefox-browser.svg | 1 + src/img/icon/github.svg | 1 + src/img/icon/jitsi.svg | 1 - src/img/icon/language.svg | 1 + src/img/icon/search.svg | 1 + src/img/icon/stackoverflow.svg | 1 + src/img/icon/tags.svg | 1 + src/img/icon/twitter.svg | 1 + src/img/icon/wifi.svg | 1 + src/img/icon/youtube.svg | 1 + src/scss/icons.scss | 14 ++++++++++---- 28 files changed, 47 insertions(+), 32 deletions(-) create mode 100644 src/img/icon/envelope.svg create mode 100644 src/img/icon/firefox-browser.svg create mode 100644 src/img/icon/github.svg delete mode 100644 src/img/icon/jitsi.svg create mode 100644 src/img/icon/language.svg create mode 100644 src/img/icon/search.svg create mode 100644 src/img/icon/stackoverflow.svg create mode 100644 src/img/icon/tags.svg create mode 100644 src/img/icon/twitter.svg create mode 100644 src/img/icon/wifi.svg create mode 100644 src/img/icon/youtube.svg diff --git a/src/_data/services.json b/src/_data/services.json index f441329..937cae3 100644 --- a/src/_data/services.json +++ b/src/_data/services.json @@ -2,7 +2,7 @@ { "id": "searx", "name": "Searx", - "icon": "fas fa-search", + "si": "search", "url": "https://searx.sp-codes.de", "status": "https://searx.sp-codes.de", "summary": { @@ -58,7 +58,7 @@ { "id": "connectivitycheck", "name": "Captive Portal Check", - "icon": "fas fa-wifi", + "si": "wifi", "status": "https://connectivitycheck.sp-codes.de/generate204", "summary": { "de": "Eine datenschutzfreundliches Tool, um Anmeldeseiten in WLAN-Netzwerken zu erkennen.", @@ -68,7 +68,7 @@ { "id": "firefox-sync", "name": "Firefox Sync", - "icon": "fab fa-firefox-browser", + "si": "firefox-browser", "status": "https://sync.firefox.sp-codes.de/token/", "summary": { "de": "Ein Service um Firefox Einstellungen, Lesezeichen, offene Tabs und vieles mehr über verschiedene Geräte zu synchronisieren.", @@ -78,7 +78,7 @@ { "id": "shields", "name": "Shields", - "icon": "fas fa-tags", + "si": "tags", "url": "https://shields.sp-codes.de", "status": "https://shields.sp-codes.de", "summary": { @@ -89,7 +89,7 @@ { "id": "translate", "name": "LibreTranslate", - "icon": "fas fa-language", + "si": "language", "url": "https://translate.sp-codes.de", "status": "https://translate.sp-codes.de", "beta": true, @@ -101,7 +101,7 @@ { "id": "invidious", "name": "Invidious", - "icon": "fab fa-youtube", + "si": "youtube", "url": "https://invidious.sp-codes.de", "status": "https://invidious.sp-codes.de", "summary": { @@ -112,7 +112,7 @@ { "id": "nitter", "name": "Nitter", - "icon": "fab fa-twitter", + "si": "twitter", "url": "https://nitter.sp-codes.de", "status": "https://nitter.sp-codes.de", "summary": { diff --git a/src/_includes/profiles.html b/src/_includes/profiles.html index dba4605..b065b4d 100644 --- a/src/_includes/profiles.html +++ b/src/_includes/profiles.html @@ -1,7 +1,7 @@
- - + +
@@ -12,16 +12,16 @@
- - + +
- - + +
diff --git a/src/de/contact.html b/src/de/contact.html index 80879f4..28d7be3 100644 --- a/src/de/contact.html +++ b/src/de/contact.html @@ -15,7 +15,7 @@ eleventyNavigation:
-
+
Schicke mir eine E-Mail an mail@sp-codes.de
 Captive Portal Check +# Captive Portal Check Ein Captive Portal ist eine Anmeldeseite in öffentlichen WLAN-Netzwerken, um den Internet-Zugriff an die Zustimmung bestimmter Nutzungsregeln zu binden. Wenn du in einem öffentlichen Netzwerk eine Anmeldeseite angezeigt bekommst, nutzt dein Gerät dafür einen Captive Portal Check. Dieser ermöglicht es dem Gerät, herauszufinden, ob du einen direkten Internetzugang hast oder nicht. Unter Android wird hierfür beispielsweise eine Anfrage an einen Google-Server gestellt. diff --git a/src/de/services/firefox-sync.md b/src/de/services/firefox-sync.md index 7efa089..9a3601b 100644 --- a/src/de/services/firefox-sync.md +++ b/src/de/services/firefox-sync.md @@ -3,7 +3,7 @@ layout: base.njk key: firefox-sync title: Firefox Sync --- -# Firefox Sync +# Firefox Sync Nutzt du Firefox auf mehreren Geräten zum Surfen? Dann kannst du mit Firefox Sync deine Browserdaten (Lesezeichen, offene Tabs, die Suchhistorie, uvm.) zwischen all deinen Geräten synchronisieren. diff --git a/src/de/services/invidious.md b/src/de/services/invidious.md index 25f5c94..fc2e52c 100644 --- a/src/de/services/invidious.md +++ b/src/de/services/invidious.md @@ -3,7 +3,7 @@ layout: base.njk key: invidious title: Invidious --- -# Invidious +# Invidious Invidious ist ein alternatives Frontend für YouTube. Da nur die nötigsten Verbindungen zu YouTube aufgebaut werden und viele sogar vom Server selber übernommen werden, erhöht Invidious die Privatsphäre der Nutzer:innen. diff --git a/src/de/services/nitter.md b/src/de/services/nitter.md index a0c7e6c..202afbd 100644 --- a/src/de/services/nitter.md +++ b/src/de/services/nitter.md @@ -3,7 +3,7 @@ layout: base.njk key: nitter title: Nitter --- -# Nitter +# Nitter Eine freies und quelloffenes Twitter-Frontend, das auf Privatsphäre der Nutzer ausgerichtet ist. Die Verbindungen zu Twitter werden vom Server selber übernommen, um Tracking über IP oder JavaScript zu verhindern. diff --git a/src/de/services/searx.md b/src/de/services/searx.md index 789b21e..13e2a32 100644 --- a/src/de/services/searx.md +++ b/src/de/services/searx.md @@ -3,7 +3,7 @@ layout: base.njk key: searx title: Searx --- -# Searx +# Searx Searx ist eine freie Metasuchmaschine, das heißt sie nutzt für die Suche öffentliche Suchmaschinen, wie Google, DuckDuckGo, StartPage und viele andere. diff --git a/src/de/services/shields.md b/src/de/services/shields.md index d88549e..a4aaaa7 100644 --- a/src/de/services/shields.md +++ b/src/de/services/shields.md @@ -3,7 +3,7 @@ layout: base.njk key: shields title: Shields --- -# Shields +# Shields Shields ist ein Service für prägnante, konsistente und lesbare Badges im SVG- und Rasterformat. Über eine URL können sie sehr einfach in Readmes oder jede andere Webseite eingebunden werden. Außerdem werden Integrationen zu verschiedenen Diensten oder Netzwerken bereitgestellt. diff --git a/src/en/contact.html b/src/en/contact.html index b48b357..52dbb3e 100644 --- a/src/en/contact.html +++ b/src/en/contact.html @@ -14,7 +14,7 @@ eleventyNavigation:
-
+
Send me an email to mail@sp-codes.de
 Captive Portal Check +# Captive Portal Check A captive portal is a login page in public WLAN networks to restrict Internet access to the approval of certain terms of use. When you see a login page on a public network, your device uses a captive portal check. This allows the device to find out whether you have direct Internet access or not. In Android, for example, your device sends a request to a Google server. diff --git a/src/en/services/firefox-sync.md b/src/en/services/firefox-sync.md index a39c7b6..7866066 100644 --- a/src/en/services/firefox-sync.md +++ b/src/en/services/firefox-sync.md @@ -3,7 +3,7 @@ layout: base.njk key: firefox-sync title: Firefox Sync --- -# Firefox Sync +# Firefox Sync Do you use Firefox on more than one device for surfing? Then Firefox Sync lets you synchronize your browser data (bookmarks, open tabs, search history, and more) between all your devices. diff --git a/src/en/services/invidious.md b/src/en/services/invidious.md index 3012741..1dd21a4 100644 --- a/src/en/services/invidious.md +++ b/src/en/services/invidious.md @@ -3,7 +3,7 @@ layout: base.njk key: invidious title: Invidious --- -# Invidious +# Invidious Invidious is an alternative YouTube-Frontend. It establishes only the most necessary connections to YouTube and many of them are even made by the server itself. So Invidious increases the privacy of the users. diff --git a/src/en/services/nitter.md b/src/en/services/nitter.md index b911927..d826f4e 100644 --- a/src/en/services/nitter.md +++ b/src/en/services/nitter.md @@ -3,7 +3,7 @@ layout: base.njk key: nitter title: Nitter --- -# Nitter +# Nitter A free and open source Twitter frontend that is focussed on user privacy. Connections to Twitter are handled by the server itself to prevent tracking by IP or JavaScript. diff --git a/src/en/services/searx.md b/src/en/services/searx.md index 30d7926..3c08d3a 100644 --- a/src/en/services/searx.md +++ b/src/en/services/searx.md @@ -3,7 +3,7 @@ layout: base.njk key: searx title: Searx --- -# Searx +# Searx Searx is a free meta search engine, which uses other public search engines like Google, DuckDuckGo, StartPage and many others. diff --git a/src/en/services/shields.md b/src/en/services/shields.md index a39ee29..d00a30f 100644 --- a/src/en/services/shields.md +++ b/src/en/services/shields.md @@ -3,7 +3,7 @@ layout: base.njk key: shields title: Shields --- -# Shields +# Shields Shields is a service for concise, consistent and legible badges in SVG and raster format. Via a URL they can be easily embedded in readmes or any other website. In addition, integrations to various services or networks are provided. diff --git a/src/img/icon/envelope.svg b/src/img/icon/envelope.svg new file mode 100644 index 0000000..3400159 --- /dev/null +++ b/src/img/icon/envelope.svg @@ -0,0 +1 @@ + diff --git a/src/img/icon/firefox-browser.svg b/src/img/icon/firefox-browser.svg new file mode 100644 index 0000000..f11b3b1 --- /dev/null +++ b/src/img/icon/firefox-browser.svg @@ -0,0 +1 @@ +Firefox Browser diff --git a/src/img/icon/github.svg b/src/img/icon/github.svg new file mode 100644 index 0000000..8949c5a --- /dev/null +++ b/src/img/icon/github.svg @@ -0,0 +1 @@ +GitHub diff --git a/src/img/icon/jitsi.svg b/src/img/icon/jitsi.svg deleted file mode 100644 index f4b23b5..0000000 --- a/src/img/icon/jitsi.svg +++ /dev/null @@ -1 +0,0 @@ -Jitsi diff --git a/src/img/icon/language.svg b/src/img/icon/language.svg new file mode 100644 index 0000000..b1b3f1d --- /dev/null +++ b/src/img/icon/language.svg @@ -0,0 +1 @@ + diff --git a/src/img/icon/search.svg b/src/img/icon/search.svg new file mode 100644 index 0000000..494940d --- /dev/null +++ b/src/img/icon/search.svg @@ -0,0 +1 @@ + diff --git a/src/img/icon/stackoverflow.svg b/src/img/icon/stackoverflow.svg new file mode 100644 index 0000000..fd0a699 --- /dev/null +++ b/src/img/icon/stackoverflow.svg @@ -0,0 +1 @@ +Stack Overflow diff --git a/src/img/icon/tags.svg b/src/img/icon/tags.svg new file mode 100644 index 0000000..295aa1c --- /dev/null +++ b/src/img/icon/tags.svg @@ -0,0 +1 @@ + diff --git a/src/img/icon/twitter.svg b/src/img/icon/twitter.svg new file mode 100644 index 0000000..70967cd --- /dev/null +++ b/src/img/icon/twitter.svg @@ -0,0 +1 @@ +Twitter diff --git a/src/img/icon/wifi.svg b/src/img/icon/wifi.svg new file mode 100644 index 0000000..27af0a5 --- /dev/null +++ b/src/img/icon/wifi.svg @@ -0,0 +1 @@ + diff --git a/src/img/icon/youtube.svg b/src/img/icon/youtube.svg new file mode 100644 index 0000000..8fca435 --- /dev/null +++ b/src/img/icon/youtube.svg @@ -0,0 +1 @@ +YouTube diff --git a/src/scss/icons.scss b/src/scss/icons.scss index 4896a79..ce0dfcc 100644 --- a/src/scss/icons.scss +++ b/src/scss/icons.scss @@ -30,14 +30,20 @@ } @include svg-icon('comments'); +@include svg-icon('envelope'); +@include svg-icon('firefox-browser'); @include svg-icon('gitea'); +@include svg-icon('github'); +@include svg-icon('language'); @include svg-icon('mastodon'); @include svg-icon('matrix'); @include svg-icon('opencollective'); +@include svg-icon('search'); +@include svg-icon('stackoverflow'); +@include svg-icon('tags'); @include svg-icon('threema'); +@include svg-icon('twitter'); @include svg-icon('users'); +@include svg-icon('wifi'); @include svg-icon('xmpp'); - -:root { - --currentColor: #fff; -} +@include svg-icon('youtube');