major improvements

strings refactoring
improved og tags (see #57)
This commit is contained in:
Samuel Philipp 2024-03-31 00:09:47 +01:00
parent d3885bab8b
commit a122b0e3ac
26 changed files with 188 additions and 222 deletions

View file

@ -2,17 +2,17 @@
<table class="table">
<thead>
<tr>
<th>{{strings.donations.date[locale]}}</th>
<th>{{strings.donations.via[locale]}}</th>
<th>{{strings.donations.from[locale]}}</th>
<th>{{strings.donations.amount[locale]}}</th>
<th>{{strings.donations.date}}</th>
<th>{{strings.donations.via}}</th>
<th>{{strings.donations.from}}</th>
<th>{{strings.donations.amount}}</th>
</tr>
</thead>
<tbody>
{% for donation in donations[0].donations %}
<tr>
<td>{{donation.date}}</td>
<td>{{strings.donations[donation.via][locale]}}</td>
<td>{{strings.donations[donation.via]}}</td>
{% if donation.from %}
<td>{{donation.from}}</td>
{% else %}
@ -24,7 +24,7 @@
</tbody>
<tfoot>
<tr>
<th colspan="3">{{strings.donations.total[locale]}}</th>
<th colspan="3">{{strings.donations.total}}</th>
<th>{{donations[0].donations | sum | amount}} €</th>
</tr>
</tfoot>

View file

@ -5,17 +5,17 @@
<table class="table">
<thead>
<tr>
<th>{{strings.donations.date[locale]}}</th>
<th>{{strings.donations.via[locale]}}</th>
<th>{{strings.donations.from[locale]}}</th>
<th>{{strings.donations.amount[locale]}}</th>
<th>{{strings.donations.date}}</th>
<th>{{strings.donations.via}}</th>
<th>{{strings.donations.from}}</th>
<th>{{strings.donations.amount}}</th>
</tr>
</thead>
<tbody>
{% for donation in year.donations %}
<tr>
<td>{{donation.date}}</td>
<td>{{strings.donations[donation.via][locale]}}</td>
<td>{{strings.donations[donation.via]}}</td>
{% if donation.from %}
<td>{{donation.from}}</td>
{% else %}
@ -27,7 +27,7 @@
</tbody>
<tfoot>
<tr>
<th colspan="3">{{strings.donations.total[locale]}}</th>
<th colspan="3">{{strings.donations.total}}</th>
<th>{{year.donations | sum | amount}} €</th>
</tr>
</tfoot>

View file

@ -2,12 +2,12 @@
<table class="table">
<thead>
<tr>
<th>{{strings.donations.name[locale]}}</th>
<th>{{strings.donations.type[locale]}}</th>
<th>{{strings.donations.provider[locale]}}</th>
<th>{{strings.donations.location[locale]}}</th>
<th>{{strings.donations.amount[locale]}} / {{strings.donations.month[locale]}}</th>
<th>{{strings.donations.amount[locale]}} / {{strings.donations.year[locale]}}</th>
<th>{{strings.donations.name}}</th>
<th>{{strings.donations.type}}</th>
<th>{{strings.donations.provider}}</th>
<th>{{strings.donations.location}}</th>
<th>{{strings.donations.amount}} / {{strings.donations.month}}</th>
<th>{{strings.donations.amount}} / {{strings.donations.year}}</th>
</tr>
</thead>
<tbody>
@ -28,7 +28,7 @@
</tbody>
<tfoot>
<tr>
<th colspan="4">{{strings.donations.total[locale]}}</th>
<th colspan="4">{{strings.donations.total}}</th>
<th>{{expenses | sum | amount}} €</th>
<th>{{expenses | sum | year | amount}} €</th>
</tr>

View file

@ -16,7 +16,7 @@ layout: base.njk
<div class="col-lg-4 col-12">
{% if series %}
<div class="tab-card">
<div class="title">{{ strings.article.seriesParts[locale] }}</div>
<div class="title">{{ strings.article.seriesParts }}</div>
<div class="card">
{%- for post in collections.all %}
{% if post.data.series == series %}
@ -34,7 +34,7 @@ layout: base.njk
{% set service = services | getServiceById(service) %}
{% if service %}
<div class="tab-card">
<div class="title">{{ strings.article.relatedService[locale] }}</div>
<div class="title">{{ strings.article.relatedService }}</div>
<div class="card service">
<a class="link" {% if service.beta !=true %} href="/{{locale}}/services/{{service.id}}" {% endif %}></a>
{% if service.beta == true %}
@ -48,7 +48,7 @@ layout: base.njk
{% if service.status %}
<div class="mb-2">
<a href="https://status.sp-codes.de" target="_blank">
<img alt="{{strings.state.title[locale]}}"
<img alt="{{strings.state.title}}"
src="https://status.sp-codes.de/api/badge/1/status?label=Status&upLabel=Online&downLabel=Ausfall&maintenanceLabel=Wartung">
</a>
</div>
@ -59,15 +59,15 @@ layout: base.njk
</div>
{% endif %}
<div class="tab-card">
<div class="title">{{ strings.article.questions[locale] }}</div>
<div class="card">{{ strings.article.questionsContent[locale] | safe }}</div>
<div class="title">{{ strings.article.questions }}</div>
<div class="card">{{ strings.article.questionsContent | safe }}</div>
</div>
<div class="tab-card">
<div class="title">{{ strings.article.aboutMe[locale] }}</div>
<div class="card">{{ strings.article.aboutMeContent[locale] | safe }}</div>
<div class="title">{{ strings.article.aboutMe }}</div>
<div class="card">{{ strings.article.aboutMeContent | safe }}</div>
</div>
<div class="tab-card">
<div class="title">{{ strings.article.yourOpinion[locale] }}</div>
<div class="title">{{ strings.article.yourOpinion }}</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">

View file

@ -4,7 +4,7 @@ title: sp-codes
<!doctype html>
<html lang="{{ locale }}" prefix="og: http://ogp.me/ns#">
<head>
<title>sp-codes - {{ title }}</title>
<title>{{ site.title }} - {{ title }}</title>
<base href="/">
<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
@ -16,20 +16,21 @@ title: sp-codes
<meta name="coverage" content="Worldwide">
<meta name="distribution" content="Global">
<meta name="rating" content="general">
<meta name="url" content="https://sp-codes.de/">
<meta name="subject" content="sp-codes">
<meta name="description" content="Samuel Philipp - Software Engineer from Magdeburg">
<meta name="author" content="Samuel Philipp">
<meta name="url" content="{{ site.url }}{{ page.url }}">
<meta name="subject" content="{{ site.title }} - {{ title }}">
<meta name="description" content="{{ summary }}">
<meta name="author" content="{{ site.author }}">
<meta property="og:type" content="website">
<meta property="og:locale" content="de">
<meta property="og:url" content="https://sp-codes.de/">
<meta property="og:title" content="sp-codes">
<meta property="og:description" content="Samuel Philipp - Software Engineer from Magdeburg">
<meta property="og:site_name" content="sp-codes">
<meta property="og:locale" content="{{ locale }}">
<meta property="og:url" content="{{ site.url }}{{ page.url }}">
<meta property="og:title" content="{{ site.title }} - {{ title }}">
<meta property="og:description" content="{{ summary }}">
<meta property="og:site_name" content="{{ site.title }} - {{ title }}">
<meta property="og:image" content="https://sp-codes.de/img/sp-codes.jpg">
<meta property="og:updated_time" content="{{ site.buildTime }}">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="sp-codes">
<meta name="twitter:description" content="Samuel Philipp - Software Engineer from Magdeburg">
<meta name="twitter:title" content="{{ site.title }} - {{ title }}">
<meta name="twitter:description" content="{{ summary }}">
<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">
@ -39,7 +40,7 @@ title: sp-codes
<body>
<nav class="nav menu border-bottom">
<div class="toggle">
<label for="menu" class="m-0"><span class="i-bars i-fw me-2"></span>{{ strings.menu.title[locale] }}</label>
<label for="menu" class="m-0"><span class="i-bars i-fw me-2"></span>{{ strings.menu.title }}</label>
<div class="flex-grow-1"></div>
@ -92,14 +93,14 @@ title: sp-codes
</div>
<div class="flex-sm-grow-1"></div>
<div class="d-flex justify-content-sm-start flex-wrap">
<div class="me-4"><a href="/{{locale}}/imprint"><span class="i-info-circle me-2"></span>{{strings.menu.imprint[locale]}}</a>
<div class="me-4"><a href="/{{locale}}/imprint"><span class="i-info-circle me-2"></span>{{strings.menu.imprint}}</a>
</div>
<div class="me-4"><a href="/{{locale}}/privacy"><span class="i-user-secret me-2"></span>{{strings.menu.privacy[locale]}}</a>
<div class="me-4"><a href="/{{locale}}/privacy"><span class="i-user-secret me-2"></span>{{strings.menu.privacy}}</a>
</div>
<div class="me-4"><a target="_blank" href="https://git.sp-codes.de/samuel-p/sp-codes.de"><span
class="i-code me-2"></span>{{strings.menu.code[locale]}}</a></div>
class="i-code me-2"></span>{{strings.menu.code}}</a></div>
<div><a target="_blank" href="https://umami.sp-codes.de/share/gaJcXEyG/sp-codes.de"><span
class="i-chart-line me-2"></span>{{strings.menu.stats[locale]}}</a></div>
class="i-chart-line me-2"></span>{{strings.menu.stats}}</a></div>
</div>
</div>
</body>

View file

@ -4,8 +4,8 @@ layout: base.njk
{% set service = services | getServiceById(key) %}
{% if service %}
<p class="small"><a href="/{{locale}}/services/">{{ strings.service.overview[locale] }}</a></p>
<h1 class="clearfix"><i class="{{service.icon}}"></i> {{title}} <a href="https://status.sp-codes.de" class="float-end"><img alt="{{strings.state.title[locale]}}" src="https://status.sp-codes.de/api/badge/{{service.status}}/status?label={{strings.state.title[locale]}}&upLabel={{strings.state.operational[locale]}}&downLabel={{strings.state.outage[locale]}}&maintenanceLabel={{strings.state.maintenance[locale]}}"></a></h1>
<p class="small"><a href="/{{locale}}/services/">{{ strings.service.overview }}</a></p>
<h1 class="clearfix"><i class="{{service.icon}}"></i> {{title}} <a href="https://status.sp-codes.de" class="float-end"><img alt="{{strings.state.title}}" src="https://status.sp-codes.de/api/badge/{{service.status}}/status?label={{strings.state.title}}&upLabel={{strings.state.operational}}&downLabel={{strings.state.outage}}&maintenanceLabel={{strings.state.maintenance}}"></a></h1>
<div class="row">
<div class="col-lg-8 col-12">

View file

@ -12,7 +12,7 @@
{% if service.status %}
<div class="mb-2">
<a href="https://status.sp-codes.de" target="_blank">
<img alt="{{strings.state.title[locale]}}" src="https://status.sp-codes.de/api/badge/{{service.status}}/status?label={{strings.state.title[locale]}}&upLabel={{strings.state.operational[locale]}}&downLabel={{strings.state.outage[locale]}}&maintenanceLabel={{strings.state.maintenance[locale]}}">
<img alt="{{strings.state.title}}" src="https://status.sp-codes.de/api/badge/{{service.status}}/status?label={{strings.state.title}}&upLabel={{strings.state.operational}}&downLabel={{strings.state.outage}}&maintenanceLabel={{strings.state.maintenance}}">
</a>
</div>
{% endif %}