major refactoring

updated home
added english service placeholder
This commit is contained in:
Samuel Philipp 2020-06-26 00:26:36 +02:00
parent de76c38ad9
commit 61a65c3eb2
22 changed files with 776 additions and 1041 deletions

View file

@ -12,10 +12,6 @@ module.exports = function(eleventyConfig) {
"node_modules/flag-icon-css/flags/4x3/(de|us)*": "flags" "node_modules/flag-icon-css/flags/4x3/(de|us)*": "flags"
}); });
eleventyConfig.addCollection("sites_en", function(collection) {
return collection.getFilteredByGlob(".sites/en/posts/*.md");
});
return { return {
dir: { dir: {
input: "sites", input: "sites",

1374
package-lock.json generated

File diff suppressed because it is too large Load diff

View file

@ -7,25 +7,28 @@
"watch:eleventy": "eleventy --serve", "watch:eleventy": "eleventy --serve",
"watch:sass": "npm run compile-sass -- --watch", "watch:sass": "npm run compile-sass -- --watch",
"start": "npm-run-all compile-sass --parallel watch:*", "start": "npm-run-all compile-sass --parallel watch:*",
"build": "npm run compile-sass && eleventy" "build": "npm run compile-sass && eleventy && npm run move-index",
"move-index": "cpx dist/de/index.html dist/"
}, },
"author": "samuel-p", "author": "samuel-p",
"repository": { "repository": {
"type": "git", "type": "git",
"url": "https://git.sp-codes.de/samuel-p/sp-codes.de" "url": "https://git.sp-codes.de/samuel-p/sp-codes.de"
}, },
"optionalDependencies": {
"browser-sync": "2.26.7"
},
"devDependencies": { "devDependencies": {
"@11ty/eleventy": "^0.10.0", "@11ty/eleventy": "^0.11.0",
"@11ty/eleventy-navigation": "^0.1.5", "@11ty/eleventy-navigation": "^0.1.5",
"browser-sync": "2.26.7",
"cpx": "^1.5.0", "cpx": "^1.5.0",
"node-sass": "^4.13.1", "node-sass": "^4.14.1",
"node-sass-tilde-importer": "^1.0.2", "node-sass-tilde-importer": "^1.0.2",
"npm-run-all": "^4.1.5" "npm-run-all": "^4.1.5"
}, },
"dependencies": { "dependencies": {
"@fortawesome/fontawesome-free": "^5.11.2", "@fortawesome/fontawesome-free": "^5.13.1",
"bootstrap": "^4.3.1", "bootstrap": "^4.5.0",
"flag-icon-css": "^3.4.6" "flag-icon-css": "^3.5.0"
} }
} }

View file

@ -14,10 +14,10 @@ $fa-font-path: "../font";
$flag-icon-rect-path: ''; $flag-icon-rect-path: '';
@import "~flag-icon-css/sass/flag-icon"; @import "~flag-icon-css/sass/flag-icon";
@font-face { //@font-face {
font-family: 'Minotaur'; //font-family: 'Minotaur';
src: local('Minotaur Phatte'), url(../font/minotaur.ttf) format('truetype'); //src: local('Minotaur Phatte'), url(../font/minotaur.ttf) format('truetype');
} //}
html, body { html, body {
height: 100%; height: 100%;
@ -89,8 +89,8 @@ a {
} }
.heading { .heading {
font-family: "Minotaur", monospace; //font-family: "Minotaur", monospace;
font-size: 3rem; //font-size: 3rem;
text-align: center; text-align: center;
a { a {

View file

@ -0,0 +1,10 @@
---
layout: base.njk
---
<div class="row py-5">
<div class="col">
<img class="logo" src="/img/samuel.png">
</div>
</div>
{{ content | safe }}

View file

@ -0,0 +1,10 @@
---
layout: base.njk
---
<a class="float-right mt-3" href="https://status.sp-codes.de" target="_blank"><i class="fas fa-heartbeat mr-2"></i>Status</a>
{{ content | safe }}
<div class="row">
{% include 'services-extended.html' %}
</div>

View file

@ -0,0 +1,31 @@
<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="fas fa-fw fa-4x fa-envelope"></span></a></div>
<div class="m-2"><a href="https://matrix.to/#/@samuel-p:matrix.sp-codes.de">
<img class="matrix-icon" src="img/matrix.png" alt=""></a></div>
<div class="m-2"><a rel="me" href="https://social.tchncs.de/@samuel_p"><span
class="fab fa-fw fa-4x fa-mastodon"></span></a></div>
<div class="m-2"><a href="https://stackoverflow.com/users/9662601/samuel-p"><span
class="fab fa-fw fa-4x fa-stack-overflow"></span></a></div>
<div class="m-2"><a href="https://gitlab.com/samuel-p"><span
class="fab fa-fw fa-4x fa-gitlab"></span></a></div>
<div class="m-2"><a href="https://github.com/samuel-p"><span
class="fab fa-fw fa-4x fa-github"></span></a></div>
<div class="m-2"><a href="https://hub.docker.com/u/samuelph"><span
class="fab fa-fw fa-4x fa-docker"></span></a></div>
</div>
<div class="d-flex justify-content-center mb-3">
<div class="text-center">
<a href="https://stackexchange.com/users/13389989/samuel-philipp"><img
src="https://stackexchange.com/users/flair/13389989.png" width="208" height="58"
alt="profile for Samuel Philipp on Stack Exchange, a network of free, community-driven Q&amp;A sites"
title="profile for Samuel Philipp on Stack Exchange, a network of free, community-driven Q&amp;A sites"/></a>
</div>
</div>
<div class="d-flex justify-content-center mb-3">
<div class="lead text-center">
<a href="https://samuel-philipp.de">samuel-philipp.de</a>
</div>
</div>

View file

@ -0,0 +1,13 @@
{%- for service in services %}
<div class="col-12 col-md-6 col-lg-4 p-3">
<div class="service">
<a class="link" href="/{{locale}}/services/{{service.id}}"></a>
<div class="inner">
<i class="{{service.icon}} fa-4x"></i>
<h2 class="mt-2">{{service.name}}{% if service.url %} <a href="{{service.url}}" target="_blank"><i
class="fas fa-external-link-alt"></i></a>{% endif %}</h2>
<div>{{service.summary[locale]}}</div>
</div>
</div>
</div>
{%- endfor %}

View file

@ -0,0 +1,10 @@
{%- for service in services %}
<div class="col-12 col-md-6 p-3">
<div class="service flat">
<a class="link inner" href="/{{locale}}/services/{{service.id}}">
<i class="{{service.icon}} fa-fw fa-2x"></i>
<h2 class="mt-2">{{service.name}}</h2>
</a>
</div>
</div>
{%- endfor %}

View file

@ -2,10 +2,11 @@
layout: base.njk layout: base.njk
key: about key: about
title: Über title: Über
#eleventyNavigation: eleventyNavigation:
# key: about key: about
# title: Über title: Über
# order: 1 order: 1
draft: true
--- ---
<h1>Über mich</h1> <h1>Über mich</h1>
Comming soon! Comming soon!

View file

@ -1,5 +1,5 @@
--- ---
layout: base.njk layout: home.njk
key: home key: home
title: Home title: Home
eleventyNavigation: eleventyNavigation:
@ -7,82 +7,31 @@ eleventyNavigation:
title: Home title: Home
icon: home icon: home
--- ---
<div class="d-flex flex-column"> <div class="row justify-content-center py-4 border-top">
<div class="flex-column flex-grow p-3"> <div class="col-lg-8 col-md-10 col-12">
<div class="row py-5"> <h1 class="heading">Willkommen bei sp-codes!</h1>
<div class="col"> <p class="lead text-center mb-2">
<img class="logo" src="/img/samuel.png"> Schön, dass du hergefunden hast. Mein Name ist Samuel Philipp und ich bin ein Software Engineer aus
</div> Magdeburg. Auf dieser Seite findest du Informationen über mich und eine Übersicht über die von mir
</div> bereitgestellten Dienste. Schau dich gerne um oder nutze die verschiedenen Tools.
</p>
<div class="row justify-content-center py-4 border-top"> </div>
<div class="col-lg-8 col-md-10 col-12"> </div>
<h1 class="sp-codes">SP-CODES</h1> <div class="row justify-content-center py-4 border-top">
<p class="lead text-center mb-2"> <div class="col-lg-8 col-md-10 col-12">
Herzlich willkommen bei sp-codes! <h1 class="heading"><a href="/{{locale}}/services">Dienste</a></h1>
Mein Name ist Samuel Philipp und ich bin ein Software Engineer aus Magdeburg. <div class="row">
Auf dieser Seite findest du Informationen über mich und eine Übersicht über die von mir {% include services-simple.html %}
bereitgestellten Dienste. Schau dich gerne um oder nutze die verschiedenen Tools.
</p>
</div>
</div>
<div class="row justify-content-center py-4 border-top">
<div class="col-lg-8 col-md-10 col-12">
<h1 class="heading"><a href="/{{locale}}/services">Dienste</a></h1>
<div class="row">
{%- for service in services %}
<div class="col-12 col-md-6 p-3">
<div class="service flat">
<a class="link inner" href="/{{locale}}/services/{{service.id}}">
<i class="{{service.icon}} fa-fw fa-2x"></i>
<h2 class="mt-2">{{service.name}}</h2>
</a>
</div>
</div>
{%- endfor %}
</div>
</div>
</div>
<div class="row justify-content-center pt-4 border-top">
<div class="col-lg-8 col-md-10 col-12">
<h1 class="heading">Profile & Kontakt</h1>
<p class="lead text-center mb-2">
Du hast einen Fehler gefunden, Verbesserungsvorschläge, oder eine andere Frage? Nimm gerne
über eine der folgenden Plattformen Kontakt mit mir auf. Ich freue mich auf deine Nachricht!
</p>
</div>
</div>
<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="fas fa-fw fa-4x fa-envelope"></span></a></div>
<div class="m-2"><a href="https://matrix.to/#/@samuel-p:matrix.sp-codes.de">
<img class="matrix-icon" src="img/matrix.png" alt=""></a></div>
<div class="m-2"><a rel="me" href="https://social.tchncs.de/@samuel_p"><span
class="fab fa-fw fa-4x fa-mastodon"></span></a></div>
<div class="m-2"><a href="https://stackoverflow.com/users/9662601/samuel-p"><span
class="fab fa-fw fa-4x fa-stack-overflow"></span></a></div>
<div class="m-2"><a href="https://gitlab.com/samuel-p"><span
class="fab fa-fw fa-4x fa-gitlab"></span></a></div>
<div class="m-2"><a href="https://github.com/samuel-p"><span
class="fab fa-fw fa-4x fa-github"></span></a></div>
<div class="m-2"><a href="https://hub.docker.com/u/samuelph"><span
class="fab fa-fw fa-4x fa-docker"></span></a></div>
</div>
<div class="d-flex justify-content-center mb-3">
<div class="text-center">
<a href="https://stackexchange.com/users/13389989/samuel-philipp"><img
src="https://stackexchange.com/users/flair/13389989.png" width="208" height="58"
alt="profile for Samuel Philipp on Stack Exchange, a network of free, community-driven Q&amp;A sites"
title="profile for Samuel Philipp on Stack Exchange, a network of free, community-driven Q&amp;A sites"/></a>
</div>
</div>
<div class="d-flex justify-content-center mb-3">
<div class="lead text-center">
<a href="https://samuel-philipp.de">samuel-philipp.de</a>
</div>
</div> </div>
</div> </div>
</div> </div>
<div class="row justify-content-center pt-4 border-top">
<div class="col-lg-8 col-md-10 col-12">
<h1 class="heading">Profile & Kontakt</h1>
<p class="lead text-center mb-2">
Du hast einen Fehler gefunden, Verbesserungsvorschläge, oder eine andere Frage? Nimm gerne
über eine der folgenden Plattformen Kontakt mit mir auf. Ich freue mich auf deine Nachricht!
</p>
</div>
</div>
{% include profiles.html %}

View file

@ -2,10 +2,11 @@
layout: base.njk layout: base.njk
key: projects key: projects
title: Projekte title: Projekte
#eleventyNavigation: eleventyNavigation:
# key: projects key: projects
# title: Projekte title: Projekte
# order: 4 order: 4
draft: true
--- ---
<h1>Projekte</h1> <h1>Projekte</h1>
Comming soon! Comming soon!

View file

@ -2,10 +2,11 @@
layout: base.njk layout: base.njk
key: recommendations key: recommendations
title: Empfehlungen title: Empfehlungen
#eleventyNavigation: eleventyNavigation:
# key: recommendations key: recommendations
# title: Empfehlungen title: Empfehlungen
# order: 2 order: 2
draft: true
--- ---
<h1>Empfehlungen</h1> <h1>Empfehlungen</h1>
Comming soon! Comming soon!

View file

@ -1,5 +1,5 @@
--- ---
layout: base.njk layout: services.njk
key: services key: services
title: Dienste title: Dienste
eleventyNavigation: eleventyNavigation:
@ -8,25 +8,7 @@ eleventyNavigation:
icon: server icon: server
order: 2 order: 2
--- ---
<div> <h1>Dienste</h1>
<a class="float-right mt-3" href="https://status.sp-codes.de"><i class="fas fa-heartbeat mr-2"></i>Status</a> <p>In meiner Freizeit stelle ich verschiedene quelloffene Dienste für die freie Nutzung bereit. Hier finden Sie eine
<h1>Dienste</h1> Übersicht der einzelnen Services und jeweils eine kurze Beschreibung. Alle Services werden in Deutschland
<p>In meiner Freizeit stelle ich verschiedene quelloffene Dienste für die freie Nutzung bereit. Hier finden Sie eine gehostet. Fühlen Sie sich frei davon Gebrauch zu machen.</p>
Übersicht der einzelnen Services und jeweils eine kurze Beschreibung. Alle Services werden in Deutschland
gehostet. Fühlen Sie sich frei davon Gebrauch zu machen.</p>
<div class="row">
{%- for service in services %}
<div class="col-12 col-md-6 col-lg-4 p-3">
<div class="service">
<a class="link" href="/{{locale}}/services/{{service.id}}"></a>
<div class="inner">
<i class="{{service.icon}} fa-4x"></i>
<h2 class="mt-2">{{service.name}}{% if service.url %} <a href="{{service.url}}" target="_blank"><i
class="fas fa-external-link-alt"></i></a>{% endif %}</h2>
<div>{{service.summary[locale]}}</div>
</div>
</div>
</div>
{%- endfor %}
</div>
</div>

View file

@ -1,5 +1,5 @@
--- ---
layout: base.njk layout: home.njk
key: home key: home
title: Home title: Home
eleventyNavigation: eleventyNavigation:
@ -7,82 +7,32 @@ eleventyNavigation:
title: Home title: Home
icon: home icon: home
--- ---
<div class="d-flex flex-column"> <div class="row justify-content-center py-4 border-top">
<div class="flex-column flex-grow p-3"> <div class="col-lg-8 col-md-10 col-12">
<div class="row py-5"> <h1 class="heading">Welcome to sp-codes!</h1>
<div class="col"> <p class="lead text-center mb-2">
<img class="logo" src="/img/samuel.png"> Glad you found your way here. My name is Samuel Philipp and I am a software engineer from Magdeburg.
</div> On this site you will find information about me and an overview of the services I provide. Feel free
</div> to look around or use the various services.
</p>
<div class="row justify-content-center py-4 border-top"> </div>
<div class="col-lg-8 col-md-10 col-12"> </div>
<h1 class="sp-codes">SP-CODES</h1> <div class="row justify-content-center py-4 border-top">
<p class="lead text-center mb-2"> <div class="col-lg-8 col-md-10 col-12">
Welcome to sp-codes! <h1 class="heading"><a href="/{{locale}}/services">Services</a></h1>
My name is Samuel Philipp and I am a software engineer from Magdeburg. <div class="row">
On this site you will find information about me and an overview of the services I provide. Feel free {% include services-simple.html %}
to look around or use the various services.
</p>
</div>
</div>
<div class="row justify-content-center py-4 border-top">
<div class="col-lg-8 col-md-10 col-12">
<h1 class="heading"><a href="/{{locale}}/services">Services</a></h1>
<div class="row">
{%- for service in services %}
<div class="col-12 col-md-6 p-3">
<div class="service flat">
<a class="link inner" href="/{{locale}}/services/{{service.id}}">
<i class="{{service.icon}} fa-fw fa-2x"></i>
<h2 class="mt-2">{{service.name}}</h2>
</a>
</div>
</div>
{%- endfor %}
</div>
</div>
</div>
<div class="row justify-content-center pt-4 border-top">
<div class="col-lg-8 col-md-10 col-12">
<h1 class="heading">Profiles & Contact</h1>
<p class="lead text-center mb-2">
You have found a mistake, suggestions, or any other question? Feel free to contact me via one of the
following platforms. I look forward to your message!
</p>
</div>
</div>
<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="fas fa-fw fa-4x fa-envelope"></span></a></div>
<div class="m-2"><a href="https://matrix.to/#/@samuel-p:matrix.sp-codes.de">
<img class="matrix-icon" src="img/matrix.png" alt=""></a></div>
<div class="m-2"><a rel="me" href="https://social.tchncs.de/@samuel_p"><span
class="fab fa-fw fa-4x fa-mastodon"></span></a></div>
<div class="m-2"><a href="https://stackoverflow.com/users/9662601/samuel-p"><span
class="fab fa-fw fa-4x fa-stack-overflow"></span></a></div>
<div class="m-2"><a href="https://gitlab.com/samuel-p"><span
class="fab fa-fw fa-4x fa-gitlab"></span></a></div>
<div class="m-2"><a href="https://github.com/samuel-p"><span
class="fab fa-fw fa-4x fa-github"></span></a></div>
<div class="m-2"><a href="https://hub.docker.com/u/samuelph"><span
class="fab fa-fw fa-4x fa-docker"></span></a></div>
</div>
<div class="d-flex justify-content-center mb-3">
<div class="text-center">
<a href="https://stackexchange.com/users/13389989/samuel-philipp"><img
src="https://stackexchange.com/users/flair/13389989.png" width="208" height="58"
alt="profile for Samuel Philipp on Stack Exchange, a network of free, community-driven Q&amp;A sites"
title="profile for Samuel Philipp on Stack Exchange, a network of free, community-driven Q&amp;A sites"/></a>
</div>
</div>
<div class="d-flex justify-content-center mb-3">
<div class="lead text-center">
<a href="https://samuel-philipp.de">samuel-philipp.de</a>
</div>
</div> </div>
</div> </div>
</div> </div>
<div class="row justify-content-center pt-4 border-top">
<div class="col-lg-8 col-md-10 col-12">
<h1 class="heading">Profiles & Contact</h1>
<p class="lead text-center mb-2">
You have found a mistake, suggestions, or any other question? Feel free to contact me via one of the
following platforms. I look forward to your message!
</p>
</div>
</div>
{% include profiles.html %}

View file

@ -1,5 +1,5 @@
--- ---
layout: base.njk layout: services.njk
key: services key: services
title: Services title: Services
eleventyNavigation: eleventyNavigation:
@ -8,24 +8,6 @@ eleventyNavigation:
icon: server icon: server
order: 2 order: 2
--- ---
<div> <h1>Services</h1>
<a class="float-right mt-3" href="https://status.sp-codes.de"><i class="fas fa-heartbeat mr-2"></i>Status</a> <p>In my spare time I provide various open source services for free. Here you can find an overview of the individual
<h1>Services</h1> services and a short description for each of them. All services are hosted in Germany. Feel free to use it.</p>
<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>
<div class="row">
{%- for service in services %}
<div class="col-12 col-md-6 col-lg-4 p-3">
<div class="service">
<a class="link" href="/{{locale}}/services/{{service.id}}"></a>
<div class="inner">
<i class="{{service.icon}} fa-4x"></i>
<h2 class="mt-2">{{service.name}}{% if service.url %} <a href="{{service.url}}" target="_blank"><i
class="fas fa-external-link-alt"></i></a>{% endif %}</h2>
<div>{{service.summary[locale]}}</div>
</div>
</div>
</div>
{%- endfor %}
</div>
</div>

View file

@ -0,0 +1,8 @@
---
layout: base.njk
key: connectivitycheck
title: Captive Portal Check
---
# Captive Portal Check
The description for the Captive Portal Check is coming soon.

View file

@ -0,0 +1,8 @@
---
layout: base.njk
key: firefox-sync
title: Firefox Sync
---
# Firefox Sync
The description for Firefox Sync is coming soon.

View file

@ -0,0 +1,8 @@
---
layout: base.njk
key: gitea
title: Gitea
---
# Gitea
The description for Gitea is coming soon.

View file

@ -0,0 +1,8 @@
---
layout: base.njk
key: invidious
title: Invidious
---
# Invidious
The description for Invidious is coming soon.

View file

@ -0,0 +1,8 @@
---
layout: base.njk
key: matrix
title: Matrix
---
# Matrix
The description for Matrix is coming soon.

View file

@ -0,0 +1,8 @@
---
layout: base.njk
key: searx
title: Searx
---
# Searx
The description for Searx is coming soon.