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"
});
eleventyConfig.addCollection("sites_en", function(collection) {
return collection.getFilteredByGlob(".sites/en/posts/*.md");
});
return {
dir: {
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:sass": "npm run compile-sass -- --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",
"repository": {
"type": "git",
"url": "https://git.sp-codes.de/samuel-p/sp-codes.de"
},
"optionalDependencies": {
"browser-sync": "2.26.7"
},
"devDependencies": {
"@11ty/eleventy": "^0.10.0",
"@11ty/eleventy": "^0.11.0",
"@11ty/eleventy-navigation": "^0.1.5",
"browser-sync": "2.26.7",
"cpx": "^1.5.0",
"node-sass": "^4.13.1",
"node-sass": "^4.14.1",
"node-sass-tilde-importer": "^1.0.2",
"npm-run-all": "^4.1.5"
},
"dependencies": {
"@fortawesome/fontawesome-free": "^5.11.2",
"bootstrap": "^4.3.1",
"flag-icon-css": "^3.4.6"
"@fortawesome/fontawesome-free": "^5.13.1",
"bootstrap": "^4.5.0",
"flag-icon-css": "^3.5.0"
}
}

View file

@ -14,10 +14,10 @@ $fa-font-path: "../font";
$flag-icon-rect-path: '';
@import "~flag-icon-css/sass/flag-icon";
@font-face {
font-family: 'Minotaur';
src: local('Minotaur Phatte'), url(../font/minotaur.ttf) format('truetype');
}
//@font-face {
//font-family: 'Minotaur';
//src: local('Minotaur Phatte'), url(../font/minotaur.ttf) format('truetype');
//}
html, body {
height: 100%;
@ -89,8 +89,8 @@ a {
}
.heading {
font-family: "Minotaur", monospace;
font-size: 3rem;
//font-family: "Minotaur", monospace;
//font-size: 3rem;
text-align: center;
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
key: about
title: Über
#eleventyNavigation:
# key: about
# title: Über
# order: 1
eleventyNavigation:
key: about
title: Über
order: 1
draft: true
---
<h1>Über mich</h1>
Comming soon!

View file

@ -1,5 +1,5 @@
---
layout: base.njk
layout: home.njk
key: home
title: Home
eleventyNavigation:
@ -7,43 +7,25 @@ eleventyNavigation:
title: Home
icon: home
---
<div class="d-flex flex-column">
<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="row justify-content-center py-4 border-top">
<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">
Herzlich willkommen bei sp-codes!
Mein Name ist Samuel Philipp und ich bin ein Software Engineer aus Magdeburg.
Auf dieser Seite findest du Informationen über mich und eine Übersicht über die von mir
Schön, dass du hergefunden hast. Mein Name ist Samuel Philipp und ich bin ein Software Engineer aus
Magdeburg. 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.
</p>
</div>
</div>
<div class="row justify-content-center py-4 border-top">
</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>
{% include services-simple.html %}
</div>
</div>
{%- endfor %}
</div>
</div>
</div>
<div class="row justify-content-center pt-4 border-top">
</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">
@ -51,38 +33,5 @@ eleventyNavigation:
ü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>
{% include profiles.html %}

View file

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

View file

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

View file

@ -1,5 +1,5 @@
---
layout: base.njk
layout: services.njk
key: services
title: Dienste
eleventyNavigation:
@ -8,25 +8,7 @@ eleventyNavigation:
icon: server
order: 2
---
<div>
<a class="float-right mt-3" href="https://status.sp-codes.de"><i class="fas fa-heartbeat mr-2"></i>Status</a>
<h1>Dienste</h1>
<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
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
title: Home
eleventyNavigation:
@ -7,43 +7,25 @@ eleventyNavigation:
title: Home
icon: home
---
<div class="d-flex flex-column">
<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="row justify-content-center py-4 border-top">
<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">
Welcome to sp-codes!
My name is Samuel Philipp and I am a software engineer from Magdeburg.
Glad you found your way here. 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
to look around or use the various services.
</p>
</div>
</div>
<div class="row justify-content-center py-4 border-top">
</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>
{% include services-simple.html %}
</div>
</div>
{%- endfor %}
</div>
</div>
</div>
<div class="row justify-content-center pt-4 border-top">
</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">
@ -51,38 +33,6 @@ eleventyNavigation:
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>
{% include profiles.html %}

View file

@ -1,5 +1,5 @@
---
layout: base.njk
layout: services.njk
key: services
title: Services
eleventyNavigation:
@ -8,24 +8,6 @@ eleventyNavigation:
icon: server
order: 2
---
<div>
<a class="float-right mt-3" href="https://status.sp-codes.de"><i class="fas fa-heartbeat mr-2"></i>Status</a>
<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
<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>
<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.