cami/sp-codes.de
1
0
Fork 0
forked from samuel-p/sp-codes.de
Code Issues Pull requests Projects Releases Wiki Activity

added articles

Browse source 
other improvements
This commit is contained in:
Samuel Philipp 2023-01-12 22:33:15 +01:00
parent c77c028404
commit 29f93a9e6f
23 changed files with 448 additions and 103 deletions
Download patch file Download diff file Expand all files Collapse all files

92
src/_includes/layouts/article.njk Normal file
View file

@ -0,0 +1,92 @@
---
layout: base.njk
---
<div class="row">
<div class="col-8 article-content">
{% if tags %}
<div class="mb-2">
{% for tag in tags %}
<span class="badge bg-primary text-black">{{tag}}</span>
{% endfor %}
</div>
{% endif %}
{{ content | safe }}
</div>
<div class="col-4">
{% if series %}
<div class="tab-card">
<div class="title">Alle Teile dieser Serie</div>
<div class="card">
{%- for post in collections.all %}
{% if post.data.series == series %}
<div class="p-2">
<a href="{{ post.url | url }}"
class="list-group-item list-group-item-action{% if post.url == page.url %} fw-bold{% endif %}">
{{ post.data.title }}
</a>
</div>
{% endif %}
{%- endfor %}
</div>
</div>
{% endif %}
{% set service = services | getServiceById(service) %}
{% if service %}
<div class="tab-card">
<div class="title">Zugehöriger Dienst</div>
<div class="card service">
<a class="link" {% if service.beta !=true %} href="/{{locale}}/services/{{service.id}}" {% endif %}></a>
{% if service.beta == true %}
<div class="beta">TEST-PHASE</div>
{% endif %}
<div class="inner">
<i class="{{service.icon}} i-4x i-fw"></i>
<h2 class="mt-2 mb-1">{{service.name}}{% if service.url %} <a href="{{service.url}}"
target="_blank"><i
class="i-external-link"></i></a>{% endif %}</h2>
{% if service.status %}
<div class="mb-2">
<a href="https://status.sp-codes.de" target="_blank">
<img alt="{{strings.state[locale]}}"
src="https://shields.sp-codes.de/endpoint?label={{strings.state[locale]}}&url=https%3A%2F%2Fstatus.sp-codes.de%2Fapi%2Fbadge%3Fservice%3D{{service.status}}%26operational%3D{{strings.operational[locale]}}%26outage%3D{{strings.outage[locale]}}%26maintenance%3D{{strings.maintenance[locale]}}">
</a>
</div>
{% endif %}
<div>{{service.summary[locale]}}</div>
</div>
</div>
</div>
{% endif %}
<div class="tab-card">
<div class="title">Über mich</div>
<div class="card">
<p>
Mein Name ist Samuel Philipp und ich bin ein Software Engineer aus Magdeburg. In meiner Freizeit
hoste ich verschiedene freie <a href="/de/services/">Dienste</a>. Hier schreibe ich Artikel rund um
Sicherheit und Datenschutz.
</p>
<a href="https://samuel-philipp.de">Mehr erfahren</a>
</div>
</div>
<div class="tab-card">
<div class="title">Schreib mir deine Meinung</div>
<div class="card">
<div class="d-flex justify-content-center flex-wrap my-3 contact-links">
<div class="m-2"><a href="mailto:mail@sp-codes.de">
<span class="d-none d-md-inline-block i-envelope i-4x i-fw"></span>
<span class="d-inline-block d-md-none i-envelope i-2x i-fw"></span>
</a></div>
<div class="m-2"><a href="https://matrix.to/#/@samuel-p:matrix.sp-codes.de">
<span class="d-none d-md-inline-block i-matrix i-4x i-fw"></span>
<span class="d-inline-block d-md-none i-matrix i-2x i-fw"></span>
</a></div>
<div class="m-2"><a rel="me" href="https://social.sp-codes.de/@samuel_p">
<span class="d-none d-md-inline-block i-mastodon i-4x i-fw"></span>
<span class="d-inline-block d-md-none i-mastodon i-2x i-fw"></span>
</a></div>
</div>
</div>
</div>
</div>
</div>

26
src/_includes/layouts/base.njk
View file

@ -33,19 +33,19 @@ title: sp-codes
<meta name="twitter:image" content="https://sp-codes.de/img/sp-codes.jpg">
<link rel="shortcut icon" href="favicon.ico">
<link rel="icon" type="image/png" href="favicon.png">
<link rel="stylesheet" href="/css/main.css">
<link rel="stylesheet" href="{{ '/css/main.css' | rev }}">
<script async defer data-website-id="47b8022b-0537-4bb2-baa5-455a87a36ff5" data-domains="sp-codes.de" src="https://umami.sp-codes.de/umami.js"></script>
</head>
<body>
<nav class="nav menu border-bottom">
<div class="toggle">
<label for="menu" class="m-0"><span class="i-bars mr-1"></span>{{ strings.menu[locale] }}</label>
<label for="menu" class="m-0"><span class="i-bars me-1"></span>{{ strings.menu[locale] }}</label>
<div class="flex-grow-1"></div>
{% for language in site.languages %}
<div {% if language.code== locale %} class="active" {% endif %}>
<a href="{% translatedUrl locale, language.code %}" class="ml-3">
<a href="{% translatedUrl locale, language.code %}" class="ms-3">
<span class="fi-{{ language.icon }}" title="{{ language.label }}"></span>
</a>
</div>
@ -57,8 +57,8 @@ title: sp-codes
{%- for entry in collections.all | eleventyNavigation %}
{% if not entry.url.startsWith("https") and entry.url.includes(locale) or entry.locale == locale %}
<div class="item{% if entry.url == page.url %} active{% endif %}">
<a href="{{ entry.url | url }}" class="mr-3">
{% if entry.icon %}<span class="{{ entry.icon }} mr-1"></span>{% endif %}{{ entry.title }}
<a href="{{ entry.url | url }}" class="me-3">
{% if entry.icon %}<span class="{{ entry.icon }} me-1"></span>{% endif %}{{ entry.title }}
</a>
</div>
{% endif %}
@ -70,7 +70,7 @@ title: sp-codes
<div class="lang-large">
{% for language in site.languages %}
<div {% if language.code== locale %} class="active" {% endif %}>
<a href="{% translatedUrl locale, language.code %}" class="ml-3">
<a href="{% translatedUrl locale, language.code %}" class="ms-3">
<span class="fi-{{ language.icon }}" title="{{ language.label }}"></span>
</a>
</div>
@ -84,19 +84,19 @@ title: sp-codes
</div>
<div class="d-flex justify-content-start flex-wrap p-2 menu border-top">
<div class="d-flex justify-content-start flex-wrap">
<div class="mr-3">Made with <span class="i-heart highlight"></span> in Germany</div>
<div class="mr-3"><a href="https://samuel-philipp.de"><span class="i-copyright mr-1"></span>Samuel Philipp</a></div>
<div class="me-3">Made with <span class="i-heart highlight"></span> in Germany</div>
<div class="me-3"><a href="https://samuel-philipp.de"><span class="i-copyright me-1"></span>Samuel Philipp</a></div>
</div>
<div class="flex-sm-grow-1"></div>
<div class="d-flex justify-content-sm-start flex-wrap">
<div class="mr-3"><a href="/{{locale}}/imprint"><span class="i-info-circle mr-1"></span>{{strings.imprint[locale]}}</a>
<div class="me-3"><a href="/{{locale}}/imprint"><span class="i-info-circle me-1"></span>{{strings.imprint[locale]}}</a>
</div>
<div class="mr-3"><a href="/{{locale}}/privacy"><span class="i-user-secret mr-1"></span>{{strings.privacy[locale]}}</a>
<div class="me-3"><a href="/{{locale}}/privacy"><span class="i-user-secret me-1"></span>{{strings.privacy[locale]}}</a>
</div>
<div class="mr-3"><a target="_blank" href="https://git.sp-codes.de/samuel-p/sp-codes.de"><span
class="i-code mr-1"></span>{{strings.code[locale]}}</a></div>
<div class="me-3"><a target="_blank" href="https://git.sp-codes.de/samuel-p/sp-codes.de"><span
class="i-code me-1"></span>{{strings.code[locale]}}</a></div>
<div><a target="_blank" href="https://umami.sp-codes.de/share/gaJcXEyG/sp-codes.de"><span
class="i-chart-line mr-1"></span>{{strings.stats[locale]}}</a></div>
class="i-chart-line me-1"></span>{{strings.stats[locale]}}</a></div>
</div>
</div>
</body>

2
src/_includes/layouts/services.njk
View file

@ -1,7 +1,7 @@
---
layout: base.njk
---
<a class="float-right mt-3" href="https://status.sp-codes.de" target="_blank"><strong><i class="i-heartbeat mr-2"></i>Status</strong></a>
<a class="float-end mt-3" href="https://status.sp-codes.de" target="_blank"><strong><i class="i-heartbeat me-2"></i>Status</strong></a>
{{ content | safe }}

4
src/_includes/profiles.html
View file

@ -26,6 +26,10 @@
</div>
<div class="d-flex justify-content-center mb-3">
<div class="lead text-center">
{% if locale == 'de' %}
<a href="https://samuel-philipp.de">samuel-philipp.de</a>
{% elseif locale == 'en' %}
<a href="https://samuel-philipp.com">samuel-philipp.com</a>
{% endif %}
</div>
</div>