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",

1372
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,43 +7,25 @@ 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="row py-5">
<div class="col">
<img class="logo" src="/img/samuel.png">
</div>
</div>
<div class="row justify-content-center py-4 border-top">
<div class="col-lg-8 col-md-10 col-12"> <div class="col-lg-8 col-md-10 col-12">
<h1 class="sp-codes">SP-CODES</h1> <h1 class="heading">Willkommen bei sp-codes!</h1>
<p class="lead text-center mb-2"> <p class="lead text-center mb-2">
Herzlich willkommen bei sp-codes! Schön, dass du hergefunden hast. Mein Name ist Samuel Philipp und ich bin ein Software Engineer aus
Mein Name ist Samuel Philipp und ich bin ein Software Engineer aus Magdeburg. Magdeburg. Auf dieser Seite findest du Informationen über mich und eine Übersicht über die von mir
Auf dieser Seite findest du Informationen über mich und eine Übersicht über die von mir
bereitgestellten Dienste. Schau dich gerne um oder nutze die verschiedenen Tools. bereitgestellten Dienste. Schau dich gerne um oder nutze die verschiedenen Tools.
</p> </p>
</div> </div>
</div> </div>
<div class="row justify-content-center py-4 border-top"> <div class="row justify-content-center py-4 border-top">
<div class="col-lg-8 col-md-10 col-12"> <div class="col-lg-8 col-md-10 col-12">
<h1 class="heading"><a href="/{{locale}}/services">Dienste</a></h1> <h1 class="heading"><a href="/{{locale}}/services">Dienste</a></h1>
<div class="row"> <div class="row">
{%- for service in services %} {% include services-simple.html %}
<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>
</div> </div>
{%- endfor %} </div>
</div> <div class="row justify-content-center pt-4 border-top">
</div>
</div>
<div class="row justify-content-center pt-4 border-top">
<div class="col-lg-8 col-md-10 col-12"> <div class="col-lg-8 col-md-10 col-12">
<h1 class="heading">Profile & Kontakt</h1> <h1 class="heading">Profile & Kontakt</h1>
<p class="lead text-center mb-2"> <p class="lead text-center mb-2">
@ -51,38 +33,5 @@ eleventyNavigation:
über eine der folgenden Plattformen Kontakt mit mir auf. Ich freue mich auf deine Nachricht! über eine der folgenden Plattformen Kontakt mit mir auf. Ich freue mich auf deine Nachricht!
</p> </p>
</div> </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>
{% 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>
<p>In meiner Freizeit stelle ich verschiedene quelloffene Dienste für die freie Nutzung bereit. Hier finden Sie eine
Übersicht der einzelnen Services und jeweils eine kurze Beschreibung. Alle Services werden in Deutschland Ü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> 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,43 +7,25 @@ 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="row py-5">
<div class="col">
<img class="logo" src="/img/samuel.png">
</div>
</div>
<div class="row justify-content-center py-4 border-top">
<div class="col-lg-8 col-md-10 col-12"> <div class="col-lg-8 col-md-10 col-12">
<h1 class="sp-codes">SP-CODES</h1> <h1 class="heading">Welcome to sp-codes!</h1>
<p class="lead text-center mb-2"> <p class="lead text-center mb-2">
Welcome to sp-codes! Glad you found your way here. My name is Samuel Philipp and I am a software engineer from Magdeburg.
My name is Samuel Philipp and I am a software engineer from Magdeburg.
On this site you will find information about me and an overview of the services I provide. Feel free On this site you will find information about me and an overview of the services I provide. Feel free
to look around or use the various services. to look around or use the various services.
</p> </p>
</div> </div>
</div> </div>
<div class="row justify-content-center py-4 border-top"> <div class="row justify-content-center py-4 border-top">
<div class="col-lg-8 col-md-10 col-12"> <div class="col-lg-8 col-md-10 col-12">
<h1 class="heading"><a href="/{{locale}}/services">Services</a></h1> <h1 class="heading"><a href="/{{locale}}/services">Services</a></h1>
<div class="row"> <div class="row">
{%- for service in services %} {% include services-simple.html %}
<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>
</div> </div>
{%- endfor %} </div>
</div> <div class="row justify-content-center pt-4 border-top">
</div>
</div>
<div class="row justify-content-center pt-4 border-top">
<div class="col-lg-8 col-md-10 col-12"> <div class="col-lg-8 col-md-10 col-12">
<h1 class="heading">Profiles & Contact</h1> <h1 class="heading">Profiles & Contact</h1>
<p class="lead text-center mb-2"> <p class="lead text-center mb-2">
@ -51,38 +33,6 @@ eleventyNavigation:
following platforms. I look forward to your message! following platforms. I look forward to your message!
</p> </p>
</div> </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>
{% 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>
<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> 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.