Browse Source

major refactoring

updated home
added english service placeholder
pull/8/head
Samuel Philipp 1 week ago
parent
commit
61a65c3eb2
22 changed files with 792 additions and 1057 deletions
  1. +0
    -4
      .eleventy.js
  2. +577
    -829
      package-lock.json
  3. +10
    -7
      package.json
  4. +6
    -6
      scss/main.scss
  5. +10
    -0
      sites/_includes/layouts/home.njk
  6. +10
    -0
      sites/_includes/layouts/services.njk
  7. +31
    -0
      sites/_includes/profiles.html
  8. +13
    -0
      sites/_includes/services-extended.html
  9. +10
    -0
      sites/_includes/services-simple.html
  10. +5
    -4
      sites/de/about.html
  11. +26
    -77
      sites/de/index.html
  12. +5
    -4
      sites/de/projects.html
  13. +5
    -4
      sites/de/recommendations.html
  14. +5
    -23
      sites/de/services.html
  15. +27
    -77
      sites/en/index.html
  16. +4
    -22
      sites/en/services.html
  17. +8
    -0
      sites/en/services/connectivitycheck.md
  18. +8
    -0
      sites/en/services/firefox-sync.md
  19. +8
    -0
      sites/en/services/gitea.md
  20. +8
    -0
      sites/en/services/invidious.md
  21. +8
    -0
      sites/en/services/matrix.md
  22. +8
    -0
      sites/en/services/searx.md

+ 0
- 4
.eleventy.js 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",

+ 577
- 829
package-lock.json
File diff suppressed because it is too large
View File


+ 10
- 7
package.json 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"
}
}

+ 6
- 6
scss/main.scss 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 {

+ 10
- 0
sites/_includes/layouts/home.njk 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 }}

+ 10
- 0
sites/_includes/layouts/services.njk 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>

+ 31
- 0
sites/_includes/profiles.html 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>

+ 13
- 0
sites/_includes/services-extended.html 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 %}

+ 10
- 0
sites/_includes/services-simple.html 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 %}

+ 5
- 4
sites/de/about.html 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!

+ 26
- 77
sites/de/index.html View File

@ -1,5 +1,5 @@
---
layout: base.njk
layout: home.njk
key: home
title: Home
eleventyNavigation:
@ -7,82 +7,31 @@ 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="col-lg-8 col-md-10 col-12">
<h1 class="sp-codes">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
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 class="row justify-content-center py-4 border-top">
<div class="col-lg-8 col-md-10 col-12">
<h1 class="heading">Willkommen bei sp-codes!</h1>
<p class="lead text-center mb-2">
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 class="col-lg-8 col-md-10 col-12">
<h1 class="heading"><a href="/{{locale}}/services">Dienste</a></h1>
<div class="row">
{% include services-simple.html %}
</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 %}

+ 5
- 4
sites/de/projects.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!

+ 5
- 4
sites/de/recommendations.html 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!

+ 5
- 23
sites/de/services.html 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
Ü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>
<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>

+ 27
- 77
sites/en/index.html View File

@ -1,5 +1,5 @@
---
layout: base.njk
layout: home.njk
key: home
title: Home
eleventyNavigation:
@ -7,82 +7,32 @@ 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="col-lg-8 col-md-10 col-12">
<h1 class="sp-codes">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.
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 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 class="row justify-content-center py-4 border-top">
<div class="col-lg-8 col-md-10 col-12">
<h1 class="heading">Welcome to sp-codes!</h1>
<p class="lead text-center mb-2">
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 class="col-lg-8 col-md-10 col-12">
<h1 class="heading"><a href="/{{locale}}/services">Services</a></h1>
<div class="row">
{% include services-simple.html %}
</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 %}

+ 4
- 22
sites/en/services.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
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>
<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>

+ 8
- 0
sites/en/services/connectivitycheck.md 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.

+ 8
- 0
sites/en/services/firefox-sync.md 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.

+ 8
- 0
sites/en/services/gitea.md View File

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

+ 8
- 0
sites/en/services/invidious.md View File

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

+ 8
- 0
sites/en/services/matrix.md View File

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

+ 8
- 0
sites/en/services/searx.md View File

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

Loading…
Cancel
Save