updated icons to custom font (icomoon)

This commit is contained in:
Samuel Philipp 2021-06-14 12:10:57 +02:00
parent bd591594e7
commit 22274eed29
Signed by untrusted user: samuel-p
GPG key ID: 2AD495D17760CB4E
79 changed files with 453 additions and 192 deletions

View file

@ -3,7 +3,7 @@ layout: base.njk
key: all-donations
title: Unterstützen
---
<h1><i class="si si-hand-holding-heart"></i> All Donations</h1>
<h1><i class="i-hand-holding-heart"></i> All Donations</h1>
<p><a href="/{{locale}}/donate/">&#10132; Donate</a></p>

View file

@ -3,7 +3,7 @@ key: blog
eleventyNavigation:
key: blog
title: Blog
icon: si si-book
icon: i-book
url: https://blog.sp-codes.de/
locale: en
order: 1

View file

@ -5,36 +5,36 @@ title: Contact
eleventyNavigation:
key: contact
title: Contact
icon: si si-comment-dots
icon: i-commenting
order: 3
---
<h1><i class="si si-comment-dots"></i> Contact Information</h1>
<h1><i class="i-commenting"></i> Contact Information</h1>
<p>You want to contact me, report a problem, have a question about a service or would like to support me? Please
send me your message in any of the following ways. I am looking forward to receive your message.</p>
<div class="row justify-content-center">
<div class="col-12 col-md-10 col-lg-8">
<a class="card mb-3 d-flex align-items-center text-decoration-none" href="mailto:mail@sp-codes.de">
<div class="pr-3"><span class="si si-envelope si-4x"></span></div>
<div class="pr-3"><span class="i-envelope text-foreground i-fw i-4x"></span></div>
<div>Send me an email to <strong>mail@sp-codes.de</strong></div>
</a>
<a class="card mb-3 d-flex align-items-center text-decoration-none"
href="https://social.sp-codes.de/@samuel_p">
<div class="pr-3"><span class="si si-mastodon si-4x"></span></div>
<div class="pr-3"><span class="i-mastodon text-foreground i-fw i-4x"></span></div>
<div>Follow me on Mastodon or send me a message to <strong>@samuel_p@social.sp-codes.de</strong></div>
</a>
<a class="card mb-3 d-flex align-items-center text-decoration-none"
href="https://matrix.to/#/@samuel-p:matrix.sp-codes.de">
<div class="pr-3"><span class="si si-matrix si-4x"></span></div>
<div class="pr-3"><span class="i-matrix text-foreground i-fw i-4x"></span></div>
<div>Write me on Matrix to <strong>@samuel-p:matrix.sp-codes.de</strong></div>
</a>
<a class="card mb-3 d-flex align-items-center text-decoration-none"
href="https://blabber.im/i/samuel-p/dismail.de">
<div class="pr-3"><span class="si si-xmpp si-4x"></span></div>
<div class="pr-3"><span class="i-xmpp text-foreground i-fw i-4x"></span></div>
<div>Write me on XMPP to <strong>@samuel-p:dismail.de</strong></div>
</a>
<a class="card mb-3 d-flex align-items-center text-decoration-none"
href="https://threema.id/YSCU6F6U">
<div class="pr-3"><span class="si si-threema si-4x"></span></div>
<div class="pr-3"><span class="i-threema text-foreground i-fw i-4x"></span></div>
<div>Write me on Threema to the ID <strong>YSCU6F6U</strong></div>
</a>
</div>

View file

@ -5,10 +5,10 @@ title: Donate
eleventyNavigation:
key: donate
title: Donate
icon: si si-hand-holding-heart
icon: i-hand-holding-heart
order: 4
---
<h1><i class="si si-hand-holding-heart"></i> Donate</h1>
<h1><i class="i-hand-holding-heart"></i> Donate</h1>
<p>All public services can be used for free. If you still want to contribute to the costs for server infrastructure or
send me a small donation for my blog, you can support me in the following ways<sup>1</sup>:</p>
@ -16,13 +16,13 @@ eleventyNavigation:
<div class="row justify-content-center">
<div class="col-12 col-md-10 col-lg-8">
<div class="card mb-3">
<h2><i class="si si-comments m-2"></i>Recommend</h2>
<h2><i class="i-comments m-2"></i>Recommend</h2>
<div>You are welcome to recommend my services and my blog posts. I am very glad if I can make you happy with
it.
</div>
</div>
<div class="card mb-3">
<h2><i class="fas fa-credit-card fa-fw m-2"></i>Bank transfer</h2>
<h2><i class="i-credit-card i-fw m-2"></i>Bank transfer</h2>
<div>If you want to transfer some money to me, just write me a short <a href="/en/contact">message</a>. I
will then send you my bank details as soon as possible. I am especially happy about a standing order.
<div class="mt-3 text-center">
@ -32,7 +32,7 @@ eleventyNavigation:
</div>
</div>
<div class="card mb-3">
<h2><i class="fas fa-money-bill fa-fw m-2"></i>Cash</h2>
<h2><i class="i-money-bill i-fw m-2"></i>Cash</h2>
<div>If you want to send me some cash, feel free to send it to the address provided in the <a
href="/en/imprint">imprint</a>.
<div class="mt-3 text-center">
@ -42,7 +42,7 @@ eleventyNavigation:
</div>
</div>
<div class="card mb-3">
<h2><i class="si si-opencollective m-2"></i>Open Collective</h2>
<h2><i class="i-opencollective m-2"></i>Open Collective</h2>
<div>You are also welcome to send me a small amount via <a href="https://opencollective.com/sp-codes"
target="_blank">Open Collective</a>. If you like
you can also support me with a regular donation.
@ -54,7 +54,7 @@ eleventyNavigation:
</div>
</div>
<div class="card mb-3">
<h2><i class="fas fa-network-wired fa-fw m-2"></i>netcup</h2>
<h2><i class="i-network-wired i-fw m-2"></i>netcup</h2>
<div>Some of my services are hosted at netcup. If you want to run your own server or website at <a
href="https://www.netcup.de/" target="_blank">netcup</a>, you can use the following link (on the
picture). This way I get a small commission on your order. If you are a new customer, you will receive a

View file

@ -2,7 +2,7 @@
layout: base.njk
title: sp-codes
---
<h1><i class="fas fa-info-circle"></i> Imprint</h1>
<h1><i class="i-info-circle"></i> Imprint</h1>
<div class="mb-4">
<h2>Information as per § 5 TMG:</h2>
<p>Samuel Philipp<br/>

View file

@ -5,7 +5,7 @@ title: Home
eleventyNavigation:
key: home
title: Home
icon: si si-home
icon: i-home
---
<div class="row justify-content-center py-4 border-top">
<div class="col-lg-8 col-md-10 col-12">

View file

@ -2,5 +2,5 @@
layout: base.njk
title: Privacy
---
<h1><i class="fas fa-user-secret"></i> Privacy</h1>
<h1><i class="i-user-secret"></i> Privacy</h1>
<p>Sorry, this document is only available in German so far. Read it <a href="/de/privacy">here</a>.</p>

View file

@ -5,10 +5,10 @@ title: Services
eleventyNavigation:
key: services
title: Services
icon: si si-server
icon: i-server
order: 2
---
<h1><i class="si si-server"></i> Services</h1>
<h1><i class="i-server"></i> Services</h1>
<p>In my spare time I provide various open source services for free. Here you can find an overview of the individual
services and a short description for each of them. All services are hosted in Germany. Feel free to use it.</p>

View file

@ -3,7 +3,7 @@ layout: base.njk
key: connectivitycheck
title: Captive Portal Check
---
# <i class="si si-wifi"></i> Captive Portal Check
# <i class="i-wifi"></i> 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.

View file

@ -3,7 +3,7 @@ layout: base.njk
key: firefox-sync
title: Firefox Sync
---
# <i class="si si-firefox-browser"></i> Firefox Sync
# <i class="i-firefox-browser"></i> 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.

View file

@ -3,7 +3,7 @@ layout: base.njk
key: gitea
title: Gitea
---
# <i class="si si-gitea"></i> Gitea
# <i class="i-gitea"></i> Gitea
Gitea is a simple code hosting platform like GitHub or GitLab. It is open source and under continuous development. __Since the end of 2019 I have my own Gitea instance, to manage my projects.__ For example this website. Feel free to have a look at the source code and leave some feedback.

View file

@ -3,7 +3,7 @@ layout: base.njk
key: invidious
title: Invidious
---
# <i class="si si-youtube"></i> Invidious
# <i class="i-youtube"></i> 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.

View file

@ -3,7 +3,7 @@ layout: base.njk
key: jitsi
title: Jitsi Meet
---
# <i class="si si-users"></i> Jitsi Meet
# <i class="i-users"></i> Jitsi Meet
Jitsi-Meet is a platform for video conferences. You can start fully encrypted video chats without registration. Additionally, Jitsi-Meet offers the possibility to share the screen with other participants, invite new users with a simple link and send messages in the integrated chat.

View file

@ -3,7 +3,7 @@ layout: base.njk
key: matrix
title: Matrix
---
# <i class="si si-comments"></i> Matrix
# <i class="i-comments"></i> Matrix
Matrix is a modern, open source software for decentralized communication (like e-mail). Matrix offers end-to-end encryption, voice and video calls and much more. However, the most important thing is that there is not one Matrix server that all users have to use, like WhatsApp, Telegram and many other popular messengers.

View file

@ -3,7 +3,7 @@ layout: base.njk
key: nitter
title: Nitter
---
# <i class="si si-twitter"></i> Nitter
# <i class="i-twitter"></i> 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.

View file

@ -3,7 +3,7 @@ layout: base.njk
key: searx
title: Searx
---
# <i class="si si-search"></i> Searx
# <i class="i-search"></i> Searx
Searx is a free meta search engine, which uses other public search engines like Google, DuckDuckGo, StartPage and many others.

View file

@ -3,7 +3,7 @@ layout: base.njk
key: shields
title: Shields
---
# <i class="si si-tags"></i> Shields
# <i class="i-tags"></i> 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.