diff --git a/.drone.yml b/.drone.yml new file mode 100644 index 0000000..21e95b0 --- /dev/null +++ b/.drone.yml @@ -0,0 +1,48 @@ +kind: pipeline +type: docker +name: default + +platform: + os: linux + arch: arm + +steps: + - name: build + image: node + commands: + - npm install + - npm run build + - name: deploy-develop + image: alpine + environment: + FTP_HOST: + from_secret: FTP_HOST + FTP_USERNAME: + from_secret: FTP_USERNAME + FTP_PASSWORD: + from_secret: FTP_PASSWORD + commands: + - which lftp || ( apk --update add lftp ) + - lftp -e "set ftp:ssl-force true; set ssl:verify-certificate no; mirror -R ./dist/ dev.sp-codes.de/; bye" -u $FTP_USERNAME,$FTP_PASSWORD $FTP_HOST + when: + branch: + - develop + event: + - push + - name: deploy-master + image: alpine + environment: + FTP_HOST: + from_secret: FTP_HOST + FTP_USERNAME: + from_secret: FTP_USERNAME + FTP_PASSWORD: + from_secret: FTP_PASSWORD + commands: + - which lftp || ( apk --update add lftp ) + - lftp -e "set ftp:ssl-force true; set ssl:verify-certificate no; mirror -R ./dist/ sp-codes.de/; bye" -u $FTP_USERNAME,$FTP_PASSWORD $FTP_HOST + when: + branch: + - master + event: + - push diff --git a/.eleventy.js b/.eleventy.js index 2287334..9a02e4b 100644 --- a/.eleventy.js +++ b/.eleventy.js @@ -1,84 +1,22 @@ -const pluginRev = require("eleventy-plugin-rev"); -const pluginSass = require("eleventy-sass"); -const pluginTinyHtml = require("@sardine/eleventy-plugin-tinyhtml"); -const pluginNavigation = require("@11ty/eleventy-navigation"); +const eleventyNavigationPlugin = require("@11ty/eleventy-navigation"); -module.exports = function (eleventyConfig) { - eleventyConfig.addPlugin(pluginRev); - eleventyConfig.addPlugin(pluginTinyHtml); - eleventyConfig.addPlugin(pluginSass, { - sass: { - loadPaths: ["node_modules"], - style: "compressed", - sourceMap: false, - }, - compileOptions: { - permalink: function (contents, inputPath) { - return (data) => { - return data.page.filePathStem.replace(/^\/scss\//, "/css/") + ".css"; - }; - } - }, - rev: true - }); - eleventyConfig.addPlugin(pluginNavigation); +module.exports = function(eleventyConfig) { + eleventyConfig.addWatchTarget("./src/scss/"); + eleventyConfig.addPlugin(eleventyNavigationPlugin); eleventyConfig.setUseGitIgnore(false); eleventyConfig.addPassthroughCopy({ "src/img": "img", "src/font": "font", - "src/favicon.*": "", - }); - eleventyConfig.addShortcode("translatedUrl", function (currentLocale, newLocale) { - return this.page.url.replace(new RegExp(`\/${currentLocale}\/`), `/${newLocale}/`); - }); - - eleventyConfig.addFilter('year', function (value) { - return value * 12; - }); - - eleventyConfig.addFilter("sum", function (value) { - return value.map(d => d.amount).reduce((a, b) => a + b, 0); - }); - - eleventyConfig.addFilter("amount", function (value) { - // TODO update language dynamically - return value.toLocaleString('de', {minimumFractionDigits: 2}); - }); - - eleventyConfig.addFilter("banktransfers", function (donations) { - return donations - .flatMap(y => y.donations) - .filter(d => d.via === 'banktransfer') - .filter(d => d.first) - .length; - }); - - eleventyConfig.addFilter("cash", function (donations) { - return donations - .flatMap(y => y.donations) - .filter(d => d.via === 'cash') - .filter(d => d.first) - .length; - }); - - eleventyConfig.addFilter('getServiceById', (services, serviceId) => { - return services.find(s => s.id === serviceId); + "node_modules/@fortawesome/fontawesome-free/webfonts/": "font", + "node_modules/flag-icon-css/flags/4x3/(de|us)*": "flags" }); return { - // Pre-process *.md files with: (default: `liquid`) - markdownTemplateEngine: "njk", - // Pre-process *.html files with: (default: `liquid`) - htmlTemplateEngine: "njk", - // Opt-out of pre-processing global data JSON files: (default: `liquid`) - dataTemplateEngine: false, - dir: { input: "src", includes: "_includes", layouts: "_includes/layouts", - data: "_data", output: "dist" } }; diff --git a/.forgejo/workflows/build-deploy.yml b/.forgejo/workflows/build-deploy.yml deleted file mode 100644 index b153732..0000000 --- a/.forgejo/workflows/build-deploy.yml +++ /dev/null @@ -1,54 +0,0 @@ -name: Build and Deploy Website - -on: [push] - -jobs: - build: - name: Build Website - runs-on: docker - container: - image: node:lts - steps: - - uses: actions/checkout@v3 - - name: Install Dependencies - run: npm install - - name: Build Website - run: npm run build - - uses: actions/upload-artifact@v3 - with: - name: build - path: dist/ - deploy-dev: - name: Deploy Dev Website - runs-on: docker - container: - image: node:lts-alpine - needs: [build] - if: github.ref == 'refs/heads/develop' - steps: - - uses: actions/download-artifact@v3 - - name: Install Dependencies - run: which lftp || ( apk --update add lftp ) - - name: Deploy Website - run: lftp -e "set ftp:ssl-force true; set ssl:verify-certificate no; mirror -R ./build/ dev.sp-codes.de/; bye" -u $FTP_USERNAME,$FTP_PASSWORD $FTP_HOST - env: - FTP_HOST: ${{ secrets.FTP_HOST }} - FTP_USERNAME: ${{ secrets.FTP_USERNAME }} - FTP_PASSWORD: ${{ secrets.FTP_PASSWORD }} - deploy: - name: Deploy Website - runs-on: docker - container: - image: node:lts-alpine - needs: [build] - if: github.ref == 'refs/heads/main' - steps: - - uses: actions/download-artifact@v3 - - name: Install Dependencies - run: which lftp || ( apk --update add lftp ) - - name: Deploy Website - run: lftp -e "set ftp:ssl-force true; set ssl:verify-certificate no; mirror -R ./build/ sp-codes.de/; bye" -u $FTP_USERNAME,$FTP_PASSWORD $FTP_HOST - env: - FTP_HOST: ${{ secrets.FTP_HOST }} - FTP_USERNAME: ${{ secrets.FTP_USERNAME }} - FTP_PASSWORD: ${{ secrets.FTP_PASSWORD }} diff --git a/README.md b/README.md index 8e9e175..e2babdb 100644 --- a/README.md +++ b/README.md @@ -1,15 +1,18 @@ # sp-codes.de -[![Build Status](https://ci.sp-codes.de/api/badges/samuel-p/sp-codes.de/status.svg?branch=main)](https://ci.sp-codes.de/samuel-p/sp-codes.de) +[![Build Status](https://ci.sp-codes.de/api/badges/samuel-p/sp-codes.de/status.svg)](https://ci.sp-codes.de/samuel-p/sp-codes.de) -Website for [sp-codes.de](https://sp-codes.de) +Website for sp-codes.de + +[GitHub](https://github.com/samuel-p/sp-codes.de) +[GitLab](https://gitlab.com/samuel-p/sp-codes.de) ## Additional Header Parameters The following Parameters are set directly on the Web-Server. ``` -Content-Security-Policy: default-src 'none'; script-src 'self' https://umami.sp-codes.de; object-src 'none'; style-src 'self'; img-src 'self' https://shields.sp-codes.de; media-src 'none'; frame-src 'none'; font-src 'self'; connect-src 'self' https://umami.sp-codes.de +Content-Security-Policy: default-src 'none'; script-src 'self' https://plausible.sp-codes.de; object-src 'none'; style-src 'self'; img-src 'self'; media-src 'none'; frame-src 'none'; font-src 'self'; connect-src 'self' https://plausible.sp-codes.de Referrer-Policy: strict-origin-when-cross-origin Feature-Policy: sync-xhr 'self' Strict-Transport-Security: max-age=31536000; includeSubDomains; preload diff --git a/package.json b/package.json index 0b9272e..a48cdc1 100644 --- a/package.json +++ b/package.json @@ -3,9 +3,11 @@ "version": "1.0.0", "description": "website for sp-codes.de", "scripts": { - "minify-css": "uncss -n -H dist/ -o dist/css/main-*.css dist/**/*.html dist/**/**/*.html dist/**/**/**/*.html dist/**/**/**/**/*.html dist/**/**/**/**/**/*.html", - "start": "eleventy --serve --watch", - "build": "eleventy && npm run move-index && npm run minify-css", + "compile-sass": "node-sass --output-style compressed --importer=node_modules/node-sass-tilde-importer src/scss/main.scss dist/css/main.css", + "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 && npm run move-index", "move-index": "cpx dist/de/index.html dist/" }, "author": "samuel-p", @@ -14,25 +16,19 @@ "url": "https://git.sp-codes.de/samuel-p/sp-codes.de" }, "optionalDependencies": { - "browser-sync": "^2.29.3" + "browser-sync": "^2.26.12" }, "devDependencies": { - "@11ty/eleventy": "^2.0.1", - "@11ty/eleventy-navigation": "^0.3.5", - "@node-minify/core": "^8.0.6", - "@node-minify/crass": "^8.0.6", - "@node-minify/html-minifier": "^8.0.6", - "@sardine/eleventy-plugin-tinyhtml": "^0.2.0", + "@11ty/eleventy": "^0.11.0", + "@11ty/eleventy-navigation": "^0.1.6", "cpx": "^1.5.0", - "eleventy-plugin-rev": "^2.0.0", - "eleventy-sass": "^2.2.4", - "glob": "^10.3.10", - "minify": "^10.5.2", - "postcss": "^8.4.32", - "sass": "^1.69.5", - "uncss": "^0.17.3" + "node-sass": "^4.14.1", + "node-sass-tilde-importer": "^1.0.2", + "npm-run-all": "^4.1.5" }, "dependencies": { - "bootstrap": "^5.3.2" + "@fortawesome/fontawesome-free": "^5.14.0", + "bootstrap": "^4.5.2", + "flag-icon-css": "^3.5.0" } } diff --git a/renovate.json b/renovate.json index 8fba284..3b73487 100644 --- a/renovate.json +++ b/renovate.json @@ -5,6 +5,5 @@ "baseBranches": [ "develop" ], - "rangeStrategy": "bump", - "rebaseWhen": "behind-base-branch" + "rangeStrategy": "bump" } diff --git a/src/_data/donations.json b/src/_data/donations.json deleted file mode 100644 index 30cff4e..0000000 --- a/src/_data/donations.json +++ /dev/null @@ -1,281 +0,0 @@ -[ - { - "year": 2023, - "donations": [ - { - "date": "16.11.2023", - "amount": 25, - "via": "banktransfer", - "from": null, - "first": false - }, - { - "date": "26.10.2023", - "amount": 20, - "via": "banktransfer", - "from": "ub1x", - "first": false - }, - { - "date": "26.10.2023", - "amount": 20, - "via": "banktransfer", - "from": "ub1x", - "first": false - }, - { - "date": "17.07.2023", - "amount": 20, - "via": "banktransfer", - "from": "ub1x", - "first": false - }, - { - "date": "27.02.2023", - "amount": 40, - "via": "banktransfer", - "from": "xhoff637", - "first": true - }, - { - "date": "20.02.2023", - "amount": 50, - "via": "banktransfer", - "from": null, - "first": false - }, - { - "date": "16.01.2023", - "amount": 12, - "via": "banktransfer", - "from": null, - "first": true - } - ] - }, - { - "year": 2022, - "donations": [ - { - "date": "15.12.2022", - "amount": 20, - "via": "banktransfer", - "from": "ub1x", - "first": false - }, - { - "date": "16.11.2022", - "amount": 25, - "via": "banktransfer", - "from": null, - "first": false - }, - { - "date": "02.11.2022", - "amount": 30, - "via": "banktransfer", - "from": null, - "first": false - }, - { - "date": "11.08.2022", - "amount": 10, - "via": "banktransfer", - "from": "TeomaHK", - "first": false - }, - { - "date": "11.07.2022", - "amount": 10, - "via": "banktransfer", - "from": "TeomaHK", - "first": false - }, - { - "date": "03.06.2022", - "amount": 10, - "via": "banktransfer", - "from": "TeomaHK", - "first": false - }, - { - "date": "11.05.2022", - "amount": 20, - "via": "banktransfer", - "from": "ub1x", - "first": true - }, - { - "date": "03.05.2022", - "amount": 10, - "via": "banktransfer", - "from": "TeomaHK", - "first": false - }, - { - "date": "04.04.2022", - "amount": 10, - "via": "banktransfer", - "from": "TeomaHK", - "first": false - }, - { - "date": "15.03.2022", - "amount": 1, - "via": "banktransfer", - "from": "Jonathan Klatt", - "first": false - }, - { - "date": "10.03.2022", - "amount": 1.42, - "via": "banktransfer", - "from": "Jonathan Klatt", - "first": false - }, - { - "date": "03.03.2022", - "amount": 10, - "via": "banktransfer", - "from": "TeomaHK", - "first": false - }, - { - "date": "14.02.2022", - "amount": 10, - "via": "banktransfer", - "from": "TeomaHK", - "first": false - }, - { - "date": "17.01.2022", - "amount": 1, - "via": "banktransfer", - "from": "Jonathan Klatt", - "first": true - }, - { - "date": "03.01.2022", - "amount": 10, - "via": "banktransfer", - "from": "TeomaHK", - "first": true - } - ] - }, - { - "year": 2021, - "donations": [ - { - "date": "30.11.2021", - "amount": 5, - "via": "banktransfer", - "from": "Rumo", - "first": false - }, - { - "date": "16.11.2021", - "amount": 120, - "via": "banktransfer", - "from": "poetaster", - "first": true - }, - { - "date": "16.11.2021", - "amount": 25, - "via": "banktransfer", - "from": null, - "first": true - }, - { - "date": "20.09.2021", - "amount": 20, - "via": "banktransfer", - "from": "Clemi", - "first": true - }, - { - "date": "26.08.2021", - "amount": 18.27, - "via": "opencollective", - "from": "Skoop", - "first": true - }, - { - "date": "18.08.2021", - "amount": 30, - "via": "banktransfer", - "from": null, - "first": true - }, - { - "date": "02.08.2021", - "amount": 10, - "via": "banktransfer", - "from": null, - "first": false - }, - { - "date": "01.06.2021", - "amount": 20, - "via": "banktransfer", - "from": "Rumo", - "first": true - }, - { - "date": "26.04.2021", - "amount": 8.96, - "via": "banktransfer", - "from": null, - "first": false - }, - { - "date": "23.03.2021", - "amount": 30, - "via": "banktransfer", - "from": null, - "first": true - }, - { - "date": "19.02.2021", - "amount": 20, - "via": "banktransfer", - "from": null, - "first": true - }, - { - "date": "02.02.2021", - "amount": 9.01, - "via": "opencollective", - "from": "Dennis H.", - "first": true - }, - { - "date": "20.01.2021", - "amount": 10, - "via": "banktransfer", - "from": null, - "first": true - }, - { - "date": "17.01.2021", - "amount": 4.41, - "via": "opencollective", - "from": "Michael Haak", - "first": true - } - ] - }, - { - "year": 2020, - "donations": [ - { - "date": "04.12.2020", - "amount": 10, - "via": "banktransfer", - "from": null, - "first": true - } - ] - } -] diff --git a/src/_data/expenses.json b/src/_data/expenses.json deleted file mode 100644 index 0d30bc9..0000000 --- a/src/_data/expenses.json +++ /dev/null @@ -1,33 +0,0 @@ -[ - { - "name": "Services", - "type": "Dedicated Server", - "provider": "Hetzner", - "location": "Falkenstein", - "amount": 75.8 - }, - { - "name": "Monitoring", - "type": "Cloud Server", - "provider": "Hetzner", - "location": "Nürnberg", - "amount": 4.51 - }, - { - "name": "Backup", - "type": "Storage Box", - "provider": "Hetzner", - "location": "Helsinki", - "amount": 12.97 - }, - { - "name": { - "en": "Websites", - "de": "Webseiten" - }, - "type": "Webhosting", - "provider": "netcup", - "location": "Nürnberg", - "amount": 2.17 - } -] diff --git a/src/_data/services.json b/src/_data/services.json index 3c8ce56..8227519 100644 --- a/src/_data/services.json +++ b/src/_data/services.json @@ -1,112 +1,81 @@ [ { - "id": "matrix", - "name": "Matrix", - "icon": "i-comments", - "url": "https://chat.sp-codes.de", - "status": "1", + "id": "searx", + "name": "Searx", + "icon": "fas fa-search", + "url": "https://searx.sp-codes.de", "summary": { - "de": "Die offene Plattform für sichere und dezentrale Kommunikation.", - "en": "The open platform for secure and decentralized communication." + "de": "Eine privatsphären-respektierende, hackbare Metasuchmaschine.", + "en": "A privacy-respecting, hackable metasearch engine." } }, { - "id": "jitsi", - "name": "Jitsi Meet", - "icon": "i-users", - "url": "https://jitsi.sp-codes.de", - "status": "2", + "id": "invidious", + "name": "Invidious", + "icon": "fab fa-youtube", + "url": "https://invidious.sp-codes.de", "summary": { - "de": "Einfache Videokonferenzen mit Leichtigkeit.", - "en": "Easy video conferencing with ease." - } - }, - { - "id": "mastodon", - "name": "Mastodon", - "icon": "i-mastodon", - "url": "https://social.sp-codes.de", - "status": "7", - "summary": { - "de": "Das soziale Netzwerk für dezentrale und sichere Interaktion.", - "en": "The social network for decentralized and secure interaction." - } - }, - { - "id": "peertube", - "name": "PeerTube", - "icon": "i-peertube", - "url": "https://tube.sp-codes.de", - "status": "9", - "summary": { - "de": "Die freie und dezentrale Plattform für gemeinsames Video-Streaming.", - "en": "The free and decentralized platform for collaborative video streaming." - } - }, - { - "id": "pixelfed", - "name": "Pixelfed", - "icon": "i-pixelfed", - "url": "https://pixel.sp-codes.de", - "status": "11", - "beta": true, - "summary": { - "de": "Das soziale Netzwerk für den Austausch von Bildern und Fotografie.", - "en": "The social network for sharing images and photography." - } - }, - { - "id": "forgejo", - "name": "Forgejo", - "icon": "i-git", - "url": "https://git.sp-codes.de", - "status": "13", - "summary": { - "de": "Die Plattform für einfaches und sicheres Code-Hosting.", - "en": "The platform for easy and secure code hosting." + "de": "Ein alternatives YouTube-Frontend.", + "en": "An alternative YouTube-Frontend." } }, { "id": "connectivitycheck", "name": "Captive Portal Check", - "icon": "i-wifi", - "status": "19", + "icon": "fas fa-wifi", "summary": { - "de": "Überprüfung der Verfügbarkeit von Internetzugang.", - "en": "Verification of Internet access availability." + "de": "Eine datenschutzfreundliches Tool, um Anmeldeseiten in WLAN-Netzwerken zu erkennen.", + "en": "A privacy friendly Service to detect captive portals in WIFI networks." } }, { - "id": "ntfy", - "name": "ntfy", - "icon": "i-cloud-download", - "url": "https://ntfy.sp-codes.de", - "status": "18", + "id": "matrix", + "name": "Matrix", + "icon": "fas fa-comments", + "url": "https://chat.sp-codes.de", "summary": { - "de": "Echtzeitbenachrichtigungen mit UnifiedPush-Unterstützung.", - "en": "Real-time notifications with UnifiedPush support." + "de": "Ein offenes Netzwerk für sichere, dezentralisierte Kommunikation.", + "en": "An open network for secure, decentralized communication." } }, { - "id": "etherpad", - "name": "Etherpad", - "icon": "i-pencil-square", - "url": "https://pad.sp-codes.de", - "status": "17", + "id": "gitea", + "name": "Gitea", + "icon": "fas fa-code", + "url": "https://git.sp-codes.de", "summary": { - "de": "Gemeinsame Echtzeit-Textbearbeitung für effektive Zusammenarbeit.", - "en": "Collaborative real-time text editing for effective collaboration." + "de": "Eine leichtgewichtige Code-Hosting-Plattform für git.", + "en": "A lightweight code hosting platform for git." + } + }, + { + "id": "firefox-sync", + "name": "Firefox Sync", + "icon": "fab fa-firefox-browser", + "summary": { + "de": "Ein Service um Firefox Einstellungen, Lesezeichen, offene Tabs und vieles mehr über verschiedene Geräte zu synchronisieren.", + "en": "A service to sync Firefox settings, bookmarks, open tabs and much more between multiple devices." + } + }, + { + "id": "jitsi", + "name": "Jitsi Meet", + "icon": "fas fa-users", + "url": "https://jitsi.sp-codes.de", + "summary": { + "de": "Eine sichere, einfache und skalierbare Plattform für Videokonferenzen.", + "en": "A secure, simple and scalable platform for video conferencing." } }, { "id": "shields", "name": "Shields", - "icon": "i-tags", + "icon": "fas fa-tags", "url": "https://shields.sp-codes.de", - "status": "20", + "beta": true, "summary": { - "de": "Visuelle Badges zur Anzeige von Projektinformationen und Status.", - "en": "Visual badges for displaying project information and status." + "de": "Prägnante, konsistente und lesbare Badges im SVG- und Rasterformat.", + "en": "Concise, consistent, and legible badges in SVG and raster format." } } ] diff --git a/src/_data/strings.json b/src/_data/strings.json index 2fe4cff..fd2d568 100644 --- a/src/_data/strings.json +++ b/src/_data/strings.json @@ -1,8 +1,4 @@ { - "menu": { - "de": "Menü", - "en": "Menu" - }, "imprint": { "de": "Impressum", "en": "Imprint" @@ -18,73 +14,5 @@ "stats": { "de": "Statistiken", "en": "Stats" - }, - "supporters": { - "de": "Unterstützer:innen", - "en": "Supporters" - }, - "state": { - "de": "Status", - "en": "State" - }, - "operational": { - "de": "Online", - "en": "Online" - }, - "outage": { - "de": "Ausfall", - "en": "Outage" - }, - "maintenance": { - "de": "Wartung", - "en": "Maintenance" - }, - "date": { - "de": "Datum", - "en": "Date" - }, - "amount": { - "de": "Betrag", - "en": "Amount" - }, - "via": { - "de": "Via", - "en": "Via" - }, - "from": { - "de": "Von", - "en": "Form" - }, - "banktransfer": { - "de": "Überweisung", - "en": "Bank transfer" - }, - "total": { - "de": "Gesamt", - "en": "Total" - }, - "name": { - "de": "Name", - "en": "Name" - }, - "type": { - "de": "Typ", - "en": "Type" - }, - "provider": { - "de": "Anbieter", - "en": "Provider" - }, - "location": { - "de": "Standort", - "en": "Location" - }, - "month": { - "de": "Monat", - "en": "Month" - }, - "year": { - "de": "Jahr", - "en": "Year" } } diff --git a/src/_includes/donations-current.html b/src/_includes/donations-current.html deleted file mode 100644 index 16e3174..0000000 --- a/src/_includes/donations-current.html +++ /dev/null @@ -1,36 +0,0 @@ -
- - - - - - - - - - - {% for donation in donations[0].donations %} - - - {% if donation.via == 'opencollective' %} - - {% else %} - - {% endif %} - {% if donation.from %} - - {% else %} - - {% endif %} - - - {% endfor %} - - - - - - - -
{{strings.date[locale]}}{{strings.via[locale]}}{{strings.from[locale]}}{{strings.amount[locale]}}
{{donation.date}}Open Collective{{strings[donation.via][locale]}}{{donation.from}}***{{donation.amount | amount}} €
{{strings.total[locale]}}{{donations[0].donations | sum | amount}} €
-
diff --git a/src/_includes/donations.html b/src/_includes/donations.html deleted file mode 100644 index 1d3d07c..0000000 --- a/src/_includes/donations.html +++ /dev/null @@ -1,40 +0,0 @@ -{% for year in donations %} -

{{year.year}}

- -
- - - - - - - - - - - {% for donation in year.donations %} - - - {% if donation.via == 'opencollective' %} - - {% else %} - - {% endif %} - {% if donation.from %} - - {% else %} - - {% endif %} - - - {% endfor %} - - - - - - - -
{{strings.date[locale]}}{{strings.via[locale]}}{{strings.from[locale]}}{{strings.amount[locale]}}
{{donation.date}}Open Collective{{strings[donation.via][locale]}}{{donation.from}}***{{donation.amount | amount}} €
{{strings.total[locale]}}{{year.donations | sum | amount}} €
-
-{% endfor %} diff --git a/src/_includes/expenses-current.html b/src/_includes/expenses-current.html deleted file mode 100644 index 8e20df0..0000000 --- a/src/_includes/expenses-current.html +++ /dev/null @@ -1,37 +0,0 @@ -
- - - - - - - - - - - - - {% for expense in expenses %} - - {% if expense.name[locale] %} - - {% else %} - - {% endif %} - - - - - - - {% endfor %} - - - - - - - - -
{{strings.name[locale]}}{{strings.type[locale]}}{{strings.provider[locale]}}{{strings.location[locale]}}{{strings.amount[locale]}} / {{strings.month[locale]}}{{strings.amount[locale]}} / {{strings.year[locale]}}
{{expense.name[locale]}}{{expense.name}}{{expense.type}}{{expense.provider}}{{expense.location}}{{expense.amount | amount}} €{{expense.amount | year | amount}} €
{{strings.total[locale]}}{{expenses | sum | amount}} €{{expenses | sum | year | amount}} €
-
diff --git a/src/_includes/layouts/article.njk b/src/_includes/layouts/article.njk deleted file mode 100644 index f564bc9..0000000 --- a/src/_includes/layouts/article.njk +++ /dev/null @@ -1,101 +0,0 @@ ---- -layout: base.njk ---- - -
-
- {% if tags %} -
- {% for tag in tags %} - {{tag}} - {% endfor %} -
- {% endif %} - {{ content | safe }} -
-
- {% if series %} -
-
Alle Teile dieser Serie
-
- {%- for post in collections.all %} - {% if post.data.series == series %} -
- - {{ post.data.title }} - -
- {% endif %} - {%- endfor %} -
-
- {% endif %} - {% set service = services | getServiceById(service) %} - {% if service %} -
-
Zugehöriger Dienst
-
- - {% if service.beta == true %} -
TEST-PHASE
- {% endif %} -
- -

{{service.name}}{% if service.url %} {% endif %}

- {% if service.status %} -
- - {{strings.state[locale]}} - -
- {% endif %} -
{{service.summary[locale]}}
-
-
-
- {% endif %} -
-
Du hast eine Frage dazu?
-
-

- Komm gerne in der Matrix-Gruppe vorbei und lass uns diskutieren. Ich freue mich auf dein Feedback! -

- #sp-codes:matrix.sp-codes.de -
-
-
-
Über mich
-
-

- Mein Name ist Samuel Philipp und ich bin ein Software Engineer aus Magdeburg. In meiner Freizeit - hoste ich verschiedene freie Dienste. Hier schreibe ich Artikel rund um - Sicherheit und Datenschutz. -

- Mehr erfahren -
-
-
-
Schreib mir deine Meinung
-
-
-
- - -
-
- - -
-
- - -
-
-
-
-
-
diff --git a/src/_includes/layouts/base.njk b/src/_includes/layouts/base.njk index 80c54fc..e92a72b 100644 --- a/src/_includes/layouts/base.njk +++ b/src/_includes/layouts/base.njk @@ -31,73 +31,53 @@ title: sp-codes - - - - + + + - - -
-
+
+
{{ content | safe }} +
-
-
-
-
Made with in Germany
-
Samuel Philipp
-
-
-
-
{{strings.imprint[locale]}} +
+
+
Made with in Germany
+
Samuel Philipp
-
{{strings.privacy[locale]}} +
+
+
{{strings.imprint[locale]}}
+
{{strings.privacy[locale]}}
+
{{strings.code[locale]}}
+
-
{{strings.code[locale]}}
-
-
- + diff --git a/src/_includes/layouts/home.njk b/src/_includes/layouts/home.njk index b74ed9c..246a92a 100644 --- a/src/_includes/layouts/home.njk +++ b/src/_includes/layouts/home.njk @@ -1,11 +1,9 @@ --- layout: base.njk --- -
+
- +
diff --git a/src/_includes/layouts/services.njk b/src/_includes/layouts/services.njk index 4b1c887..2ea3600 100644 --- a/src/_includes/layouts/services.njk +++ b/src/_includes/layouts/services.njk @@ -1,10 +1,10 @@ --- layout: base.njk --- -Status +Status {{ content | safe }}
- {% include "services-extended.html" %} + {% include 'services-extended.html' %}
diff --git a/src/_includes/licenses.html b/src/_includes/licenses.html deleted file mode 100644 index 16d22c2..0000000 --- a/src/_includes/licenses.html +++ /dev/null @@ -1,8 +0,0 @@ - diff --git a/src/_includes/profiles.html b/src/_includes/profiles.html index 649f769..c7d9e9f 100644 --- a/src/_includes/profiles.html +++ b/src/_includes/profiles.html @@ -1,44 +1,22 @@
-
- - -
+
- - -
-
- - -
-
- - -
-
- - -
-
- - -
-
- - -
-
- - -
+
+
+
+
+
+
- {% if locale == 'de' %} samuel-philipp.de - {% elseif locale == 'en' %} - samuel-philipp.com - {% endif %}
diff --git a/src/_includes/services-extended.html b/src/_includes/services-extended.html index eee08df..2c3863f 100644 --- a/src/_includes/services-extended.html +++ b/src/_includes/services-extended.html @@ -1,21 +1,14 @@ {%- for service in services %}
-
- +
+ {% if service.beta == true %} -
TEST-PHASE
+
TEST-PHASE
{% endif %}
- -

{{service.name}}{% if service.url %} {% endif %}

- {% if service.status %} -
- - {{strings.state[locale]}} - -
- {% endif %} + +

{{service.name}}{% if service.url %} {% endif %}

{{service.summary[locale]}}
diff --git a/src/_includes/services-simple.html b/src/_includes/services-simple.html index bd26d69..261876d 100644 --- a/src/_includes/services-simple.html +++ b/src/_includes/services-simple.html @@ -1,15 +1,13 @@ {%- for service in services %}
-
- -
+
+ {% if service.beta == true %}
TEST-PHASE
{% endif %} - -

{{service.name}}{% if service.url %} {% endif %}

-
+ +

{{service.name}}

+
{%- endfor %} diff --git a/src/de/about.html b/src/de/about.html new file mode 100644 index 0000000..3b0881c --- /dev/null +++ b/src/de/about.html @@ -0,0 +1,159 @@ +--- +layout: base.njk +key: about +title: Über mich +eleventyNavigation: + key: about + title: Über mich + icon: user + order: 2 +--- +

Über mich

+ +

Mein Name ist Samuel Philipp und ich bin ein Software Engineer aus Magdeburg. In meiner Freizeit übe oder präsentiere + ich den ein oder anderen Zaubertrick und hoste verschiedene freie Dienste, wie Searx, Matrix oder Jitsi:

+ + + +

Akademische Laufbahn

+ +
+
+
+
+
+
Somewhere Technology
+
+
+ + + Jan 21 + +
+
+
+
+
+ Yo! +
+
+
+ +
+
+
+
+
Somewhere Else
+
+
+ + + Nov 24, 2013 + +
+
+
+
+
+ Nice theme . Excellent one . +
+
+
+ +
+
+
+
+
Other stuff
+
+
+ + + Oct 25, 2013 + +
+
+
+
+
+ Nullam porta leo vitae ipsum feugiat viverra. In sed placerat mi. Nullam euismod, quam in euismod + rhoncus, tellus velit posuere tortor, non cursus nunc velit et lacus. +
+
+
+
+ +

Berufliche Laufbahn

+ +
+
+
+
+
+
Technology
+
+
+ + + Jan 21 + +
+
+
+
+
+ Yo! +
+
+
+ +
+
+
+
+
Labs
+
+
+ + + Nov 24, 2013 + +
+
+
+
+
+ Nice theme . Excellent one . +
+
+
+ +
+
+
+
+
Somewhere
+
+
+ + + Oct 25, 2013 + +
+
+
+
+
+ Nullam porta leo vitae ipsum feugiat viverra. In sed placerat mi. Nullam euismod, quam in euismod + rhoncus, tellus velit posuere tortor, non cursus nunc velit et lacus. +
+
+
+
diff --git a/src/de/about.md b/src/de/about.md deleted file mode 100644 index 2df8eeb..0000000 --- a/src/de/about.md +++ /dev/null @@ -1,11 +0,0 @@ ---- -key: about -eleventyNavigation: - key: about - title: Über mich - icon: i-user-secret - url: https://samuel-philipp.de/ - locale: de - order: 1 -permalink: false ---- diff --git a/src/de/all-donations.html b/src/de/all-donations.html deleted file mode 100644 index fed3912..0000000 --- a/src/de/all-donations.html +++ /dev/null @@ -1,10 +0,0 @@ ---- -layout: base.njk -key: all-donations -title: Unterstützen ---- -

Alle Spenden

- -

➔ Unterstützen

- -{% include "donations.html" %} diff --git a/src/de/articles.html b/src/de/articles.html deleted file mode 100644 index debfe40..0000000 --- a/src/de/articles.html +++ /dev/null @@ -1,34 +0,0 @@ ---- -layout: base.njk -key: articles -title: Artikel -eleventyNavigation: - key: articles - title: Artikel - icon: i-book - order: 5 ---- - -

Artikel

- -

Hier findest du eine Übersicht aller Artikel, die ich auf dieser Webseite veröffentlicht habe.

- -{% set tags = ['Matrix'] %} - -{%- for tag in tags %} -

Artikel zu {{tag}}:

- -{%- endfor %} - -

Gelegentlich kann es sein, dass ich die Zeit finde, einen neuen Artikel zu schreiben. Um keinen zu verpassen, folge - mir gerne auf Mastodon. Dort werde ich neue Artikel oder Aktualisierungen bereits veröffentlichter Artikel posten.

- -{% include "profiles.html" %} \ No newline at end of file diff --git a/src/de/blog.md b/src/de/blog.md new file mode 100644 index 0000000..d22c5ac --- /dev/null +++ b/src/de/blog.md @@ -0,0 +1,11 @@ +--- +key: blog +eleventyNavigation: + key: blog + title: Blog + icon: book + url: https://blog.sp-codes.de/ + locale: de + order: 1 +permalink: false +--- diff --git a/src/de/contact.html b/src/de/contact.html deleted file mode 100644 index f8c720e..0000000 --- a/src/de/contact.html +++ /dev/null @@ -1,43 +0,0 @@ ---- -layout: base.njk -key: contact -title: Kontakt -eleventyNavigation: - key: contact - title: Kontakt - icon: i-commenting - order: 3 ---- -

Kontaktmöglichkeiten

-

Du möchtest mit mir in Kontakt treten, mir einen Fehler mitteilen, hast eine Frage zu einem Dienst oder möchtest - mich unterstützen? Schick mir gerne deine Nachricht auf einem der folgenden Wege. Ich freue mich von dir zu - hören.

-
-
- -
-
Schicke mir eine E-Mail an mail@sp-codes.de
- - -
-
Folge mir auf Mastodon oder schicke mir dort eine Nachricht an - @samuel_p@social.sp-codes.de
- - -
-
Schreibe mir auf Matrix an @samuel-p:matrix.sp-codes.de
- - -
-
Schreibe mir auf XMPP an samuel-p@dismail.de
- - -
-
Schreibe mir auf Threema an die ID YSCU6F6U
- -
-
diff --git a/src/de/donate.html b/src/de/donate.html deleted file mode 100644 index 321f460..0000000 --- a/src/de/donate.html +++ /dev/null @@ -1,84 +0,0 @@ ---- -layout: base.njk -key: donate -title: Unterstützen -eleventyNavigation: - key: donate - title: Unterstützen - icon: i-hand-holding-heart - order: 4 ---- -

Unterstützen

- -

Alle öffentlichen Dienste sind kostenfrei nutzbar. Wenn du dich trotzdem an den Kosten für die Server-Infrastruktur - beteiligen oder mir eine kleine Anerkennung für meinen Blog zukommen lassen willst, kannst du mich über die - folgenden Wege unterstützen1:

- -
-
-
-

Empfehlen

-
Gerne darfst du meine Dienste und meine Blog-Beiträge weiter empfehlen. Ich freue mich sehr, wenn ich - euch damit eine Freude machen kann. -
-
-
-

Banküberweisung

-
Wenn Du mir etwas überweisen willst, schreib mir einfach eine kurze Nachricht. - Ich schicke dir dann schnellstmöglich meine Bankverbindung zu. Ganz besonders freue ich mich auch über - einen Dauerauftrag. -
- Banküberweisung {{ strings.supporters[locale] }} -
-
-
-
-

Bargeld

-
Wer mir etwas Bargeld zukommen lassen möchte, darf das gerne an die Adresse aus dem Impressum senden. -
- Bargeld {{ strings.supporters[locale] }} -
-
-
-
-

Hetzner

-
Fast alle meiner Dienste hoste ich bei Hetzner. - Wenn du einen eigenen Server in der Hetzner-Cloud betreiben willst, kannst du gerne den folgenden Link - nutzen. Dadurch erhalte ich bei deiner Bestellung eine kleine Provision. Falls du ein Neukunde bist, - erhältst du 20 € Startguthaben bei deiner Bestellung. -
-
- Gutschein einlösen -
-
-
-

netcup

-
Auch netcup nutze ich gelegentlich für kleinere - Projekte. Wenn du einen eigenen Server oder eine Webseite bei netcup betreiben willst, kannst du gerne - den folgenden Link nutzen. Dadurch erhalte ich bei deiner Bestellung eine kleine Provision. Falls du - ein Neukunde bist, erhältst du einen 5 € Gutschein für deine Bestellung. -
-
- Gutschein einlösen -
-
-
-
- -

Aktuelle Ausgaben

-{% include "expenses-current.html" %} - -

Spenden {{donations[0].year}}

-{% include "donations-current.html" %} - -

➔ Alle Spenden

- -
-

1 Bei den geleisteten Zahlungen handelt sich um Schenkungen im Sinne von § 516 BGB, - nicht um steuerlich absetzbare Spenden im Sinne des Steuerrechts.

-
diff --git a/src/de/imprint.html b/src/de/imprint.html index 5a74299..83957d1 100644 --- a/src/de/imprint.html +++ b/src/de/imprint.html @@ -2,31 +2,41 @@ layout: base.njk title: Impressum --- -

Impressum

-
+

Impressum

+

Angaben gemäß § 5 TMG:

-

Samuel Philipp
+

Samuel Philipp Otto-von-Guericke-Straße 40a
39104 Magdeburg
Deutschland

+

Kontaktmöglichkeiten

+

E-Mail-Adresse: info@sp-codes.de

+
-
-

Kontakt

-

- E-Mail-Adresse: mail@sp-codes.de
- Weitere Kontaktmöglichkeiten: https://sp-codes.de/{{locale}}/contact
-

-
-
-

Domains

- -
-
-

Lizenzen

-

Diese Webseite nutzt die folgenden Bibliotheken mit ihren entsprechenden Lizenzen:

- {% include "licenses.html" %} +
+

Haftungs- und Urheberrechtshinweise

+

Haftungsausschluss: Die Inhalte dieses Onlineangebotes wurden sorgfältig und nach unserem + aktuellen Kenntnisstand erstellt, dienen jedoch nur der Information und entfalten keine rechtlich bindende + Wirkung, sofern es sich nicht um gesetzlich verpflichtende Informationen (z.B. das Impressum, die + Datenschutzerklärung, AGB oder Widerrufsbelehrungen für Verbraucher) handelt. Wir behalten uns vor, die + Inhalte + vollständig oder teilweise zu ändern oder zu löschen, soweit vertragliche Verpflichtungen unberührt bleiben. + Alle Angebote sind freibleibend und unverbindlich.

+

Links auf fremde Webseiten: Inhalte fremder Webseiten, auf die wir direkt oder indirekt + verweisen, liegen außerhalb unseres Verantwortungsbereiches und machen wir uns nicht zu Eigen. Für alle + Inhalte + und insbesondere für Schäden, die aus der Nutzung der in den verlinkten Webseiten aufrufbaren Informationen + entstehen, haftet allein der Anbieter der verlinkten Webseiten.

+

Urheberrechte und Markenrechte: Alle auf dieser Website dargestellten Inhalte, wie Texte, + Fotografien, Grafiken, Marken und Warenzeichen sind durch die jeweiligen Schutzrechte (Urheberrechte, + Markenrechte) geschützt. Die Verwendung, Vervielfältigung usw. unterliegen unseren Rechten oder den Rechten + der + jeweiligen Urheber bzw. Rechteverwalter.

+

Hinweise auf Rechtsverstöße: Sollten Sie innerhalb unseres Internetauftritts Rechtsverstöße + bemerken, bitten wir Sie uns auf diese hinzuweisen. Wir werden rechtswidrige Inhalte und Links nach + Kenntnisnahme unverzüglich entfernen.

+

Erstellt mit kostenlosem Datenschutz-Generator.de von Dr. Thomas Schwenke +

diff --git a/src/de/index.html b/src/de/index.html index 4091fbc..633a473 100644 --- a/src/de/index.html +++ b/src/de/index.html @@ -5,7 +5,7 @@ title: Home eleventyNavigation: key: home title: Home - icon: i-home + icon: home ---
@@ -13,34 +13,16 @@ eleventyNavigation:

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. -

-

- Seit April 2022 biete ich mit meiner Firma Ossrox auch professionelles - Hosting von Open-Source-Tools für Unternehmen, Privatpersonen und andere Organisationen an. Solltest du - daran Interesse haben, schau gerne auf unserer Webseite vorbei oder schreibe mir eine Nachricht. -

-

- - Ossrox - + bereitgestellten Dienste. Schau dich gerne um, lies meinen Blog oder + nutze die verschiedenen Tools.

Dienste

-

- Für die Nutzer:innen der Dienste und Interessierte gibt es einen öffentlichen Matrix-Raum als - Austauschort für Fragen, Ideen und Probleme: #sp-codes:matrix.sp-codes.de -

-

- Folge sp-codes auf Mastodon: @sp_codes@social.sp-codes.de -

- {% include "services-simple.html" %} + {% include services-simple.html %}
@@ -53,4 +35,4 @@ eleventyNavigation:

-{% include "profiles.html" %} +{% include profiles.html %} diff --git a/src/de/privacy.html b/src/de/privacy.html index f65b7e2..0add67e 100644 --- a/src/de/privacy.html +++ b/src/de/privacy.html @@ -2,98 +2,228 @@ layout: base.njk title: Datenschutzerklärung --- -

Datenschutzerklärung

-
-

Verantwortlicher

+

Datenschutzerklärung

+

Stand: 29. Juni 2020

+

Inhaltsübersicht

+ +
+

Verantwortlicher

Samuel Philipp
Otto-von-Guericke-Straße 40a
39104 Magdeburg, Deutschland

- E-Mail-Adresse: mail@sp-codes.de
- Kontaktmöglichkeiten: https://sp-codes.de/{{locale}}/contact
- Impressum: https://sp-codes.de/{{locale}}/imprint + E-Mail-Adresse: info@sp-codes.de
+ Impressum: http://sp-codes.de/{{locale}}/imprint

-
-

Verarbeitung personenbezogener Daten

-

Server-Logs

-

- Diese Webseite wird mit einem Webhosting-Paket von netcup betrieben. Im - Rahmen der Bereitstellung dieser Webseite werden die folgenden Daten beim Aufruf dieser Webseite gespeichert: -

+

Übersicht der Verarbeitungen

+
+

Die nachfolgende Übersicht fasst die Arten der verarbeiteten Daten und die Zwecke ihrer Verarbeitung zusammen und + verweist auf die betroffenen Personen.

+

Arten der verarbeiteten Daten

    -
  • IP-Adresse der Anfrage
    • -
  • Dauer der Anfrage
    • -
  • URL der Anfrage
    • -
  • Referrer der Anfrage
    • -
  • User-Agent der Anfrage
    • -
  • Status der Antwort
    • -
  • Volumen der übertragenen Daten
    • +
  • Inhaltsdaten (z.B. Texteingaben, Fotografien, Videos).
    • +
  • Meta-/Kommunikationsdaten (z.B. Geräte-Informationen, IP-Adressen).
    • +
  • Nutzungsdaten (z.B. besuchte Webseiten, Interesse an Inhalten, Zugriffszeiten).
-

- Diese Informationen werden verwendet um den reibungslosen Betrieb der Webseite und Systemsicherheit und - -stabilität zu gewährleisten. Die Server-Logs werden maximal 14 Tage lang gespeichert. -

-

Analysedienste

-

- Wir verwenden die Open-Source-Software umami, bereitgestellt - von umami.sp-codes.de, um Website-Besuche, Seitenaufrufe usw. zu - zählen. Auf unseren öffentlichen Dashboards kannst du die gleichen Daten sehen wie wir: -

+

Kategorien betroffener Personen

-

- Es werden keine Cookies verwendet und keine persönlich identifizierbaren Informationen gespeichert. Weitere - Informationen findest du in den FAQ von umami. -

-
-
-

Weitergabe von Daten

-

- Wie oben bereits erwähnt, verarbeiten wir alle Daten auf Servern unseres Hosting-Providers netcup. Darüber hinaus geben wir deine Daten nicht an Dritte weiter. -

-
-
-

Deine Rechte

-

- Du kannst jederzeit Auskunft darüber erhalten, ob und wenn ja welche Daten wir von dir verarbeiten, sowie eine - vollständige Kopie der von dir gespeicherten Daten. Zusätzlich kannst du die Berichtigung, Sperrung oder - Löschung deiner Daten verlangen. Außerdem steht dir ein Beschwerderecht bei der zuständigen Aufsichtsbehörde - zu und du hast das Recht der Verarbeitung deiner Daten zu widersprechen. Wenn du von deinen Rechten Gebrauch - machen willst oder andere Fragen zum Datenschutz hast, schreibe einfach ein E-Mail an die oben angegebene - Adresse. -

-
-
-

Sicherheitsmaßnahmen

-

- Zum Schutz der Übertragung nutzt diese Webseite eine SSL-, bzw. TLS-Verschlüsselung. Das erkennst du daran, dass - in der Adresszeile deines Browsers https:// steht und in den meisten Browsern davor noch ein - Schloss - zu sehen ist. Des Weiteren verzichten wir sowohl auf Cookies, als auch auf Ressourcen aus Drittquellen und - nutzen - DNSSEC und HTTP-Security-Header, wie HSTS und Referrer-Policy. Gerne - Kannst - du dich auch selbst mit einem der folgenden Tools davon überzeugen: -

+

Maßgebliche Rechtsgrundlagen

+

Im Folgenden teilen wir die Rechtsgrundlagen der + Datenschutzgrundverordnung (DSGVO), auf deren Basis wir die personenbezogenen Daten verarbeiten, mit. Bitte + beachten + Sie, dass zusätzlich zu den Regelungen der DSGVO die nationalen Datenschutzvorgaben in Ihrem bzw. unserem Wohn- + und + Sitzland gelten können. Sollten ferner im Einzelfall speziellere Rechtsgrundlagen maßgeblich sein, teilen wir + Ihnen + diese in der Datenschutzerklärung mit.

    -
  • Mozilla Observatory
    • -
  • SSL Server Test
    • -
  • Webbkoll
    • +
  • Berechtigte Interessen (Art. 6 Abs. 1 S. 1 lit. f. DSGVO) - Die Verarbeitung ist zur + Wahrung + der berechtigten Interessen des Verantwortlichen oder eines Dritten erforderlich, sofern nicht die + Interessen + oder Grundrechte und Grundfreiheiten der betroffenen Person, die den Schutz personenbezogener Daten + erfordern, + überwiegen. +
    • +
+

Nationale Datenschutzregelungen in Deutschland: Zusätzlich zu den Datenschutzregelungen der + Datenschutz-Grundverordnung gelten nationale Regelungen zum Datenschutz in Deutschland. Hierzu gehört + insbesondere + das Gesetz zum Schutz vor Missbrauch personenbezogener Daten bei der Datenverarbeitung (Bundesdatenschutzgesetz + – + BDSG). Das BDSG enthält insbesondere Spezialregelungen zum Recht auf Auskunft, zum Recht auf Löschung, zum + Widerspruchsrecht, zur Verarbeitung besonderer Kategorien personenbezogener Daten, zur Verarbeitung für andere + Zwecke und zur Übermittlung sowie automatisierten Entscheidungsfindung im Einzelfall einschließlich Profiling. + Des + Weiteren regelt es die Datenverarbeitung für Zwecke des Beschäftigungsverhältnisses (§ 26 BDSG), insbesondere im + Hinblick auf die Begründung, Durchführung oder Beendigung von Beschäftigungsverhältnissen sowie die Einwilligung + von + Beschäftigten. Ferner können Landesdatenschutzgesetze der einzelnen Bundesländer zur Anwendung gelangen.

+
+
+

Sicherheitsmaßnahmen

+

Wir treffen nach Maßgabe der gesetzlichen Vorgaben unter Berücksichtigung des + Stands der Technik, der Implementierungskosten und der Art, des Umfangs, der Umstände und der Zwecke der + Verarbeitung sowie der unterschiedlichen Eintrittswahrscheinlichkeiten und des Ausmaßes der Bedrohung der Rechte + und + Freiheiten natürlicher Personen geeignete technische und organisatorische Maßnahmen, um ein dem Risiko + angemessenes + Schutzniveau zu gewährleisten.

+

Zu den Maßnahmen gehören insbesondere die Sicherung der Vertraulichkeit, Integrität und Verfügbarkeit von Daten + durch + Kontrolle des physischen und elektronischen Zugangs zu den Daten als auch des sie betreffenden Zugriffs, der + Eingabe, der Weitergabe, der Sicherung der Verfügbarkeit und ihrer Trennung. Des Weiteren haben wir Verfahren + eingerichtet, die eine Wahrnehmung von Betroffenenrechten, die Löschung von Daten und Reaktionen auf die + Gefährdung + der Daten gewährleisten. Ferner berücksichtigen wir den Schutz personenbezogener Daten bereits bei der + Entwicklung + bzw. Auswahl von Hardware, Software sowie Verfahren entsprechend dem Prinzip des Datenschutzes, durch + Technikgestaltung und durch datenschutzfreundliche Voreinstellungen.

+
+
+

Bereitstellung des Onlineangebotes und Webhosting

+

Um unser Onlineangebot sicher und effizient + bereitstellen zu können, nehmen wir die Leistungen von einem oder mehreren Webhosting-Anbietern in Anspruch, von + deren Servern (bzw. von ihnen verwalteten Servern) das Onlineangebot abgerufen werden kann. Zu diesen Zwecken + können + wir Infrastruktur- und Plattformdienstleistungen, Rechenkapazität, Speicherplatz und Datenbankdienste sowie + Sicherheitsleistungen und technische Wartungsleistungen in Anspruch nehmen.

+

Zu den im Rahmen der Bereitstellung des Hostingangebotes verarbeiteten Daten können alle die Nutzer unseres + Onlineangebotes betreffenden Angaben gehören, die im Rahmen der Nutzung und der Kommunikation anfallen. Hierzu + gehören regelmäßig die IP-Adresse, die notwendig ist, um die Inhalte von Onlineangeboten an Browser ausliefern + zu + können, und alle innerhalb unseres Onlineangebotes oder von Webseiten getätigten Eingaben.

+

E-Mail-Versand und -Hosting: Die von uns in Anspruch genommenen Webhosting-Leistungen umfassen + ebenfalls den Versand, den Empfang sowie die Speicherung von E-Mails. Zu diesen Zwecken werden die Adressen der + Empfänger sowie Absender als auch weitere Informationen betreffend den E-Mailversand (z.B. die beteiligten + Provider) + sowie die Inhalte der jeweiligen E-Mails verarbeitet. Die vorgenannten Daten können ferner zu Zwecken der + Erkennung + von SPAM verarbeitet werden. Wir bitten darum, zu beachten, dass E-Mails im Internet grundsätzlich nicht + verschlüsselt versendet werden. Im Regelfall werden E-Mails zwar auf dem Transportweg verschlüsselt, aber + (sofern + kein sogenanntes Ende-zu-Ende-Verschlüsselungsverfahren eingesetzt wird) nicht auf den Servern, von denen sie + abgesendet und empfangen werden. Wir können daher für den Übertragungsweg der E-Mails zwischen dem Absender und + dem + Empfang auf unserem Server keine Verantwortung übernehmen.

+

Erhebung von Zugriffsdaten und Logfiles: Wir selbst (bzw. unser Webhostinganbieter) erheben + Daten zu + jedem Zugriff auf den Server (sogenannte Serverlogfiles). Zu den Serverlogfiles können die Adresse und Name der + abgerufenen Webseiten und Dateien, Datum und Uhrzeit des Abrufs, übertragene Datenmengen, Meldung über + erfolgreichen + Abruf, Browsertyp nebst Version, das Betriebssystem des Nutzers, Referrer URL (die zuvor besuchte Seite) und im + Regelfall IP-Adressen und der anfragende Provider gehören.

+

Die Serverlogfiles können zum einen zu Zwecken der Sicherheit eingesetzt werden, z.B., um eine Überlastung der + Server + zu vermeiden (insbesondere im Fall von missbräuchlichen Angriffen, sogenannten DDoS-Attacken) und zum anderen, + um + die Auslastung der Server und ihre Stabilität sicherzustellen.

+
    +
  • Verarbeitete Datenarten: Inhaltsdaten (z.B. Texteingaben, Fotografien, Videos), + Nutzungsdaten + (z.B. besuchte Webseiten, Interesse an Inhalten, Zugriffszeiten), Meta-/Kommunikationsdaten (z.B. + Geräte-Informationen, IP-Adressen). +
    • +
  • Betroffene Personen: Nutzer (z.B. Webseitenbesucher, Nutzer von Onlinediensten).
    • +
  • Rechtsgrundlagen: Berechtigte Interessen (Art. 6 Abs. 1 S. 1 lit. f. DSGVO).
-
-

Änderung dieser Datenschutzerklärung

-

- Durch die Weiterentwicklung dieser Webseite oder aufgrund von gesetzlichen Änderungen kann es sein, dass - wir auch diese Datenschutzerklärung anpassen müssen. Die aktuell gültige Datenschutzerklärung kannst du - jederzeit hier abrufen und ausdrucken. -

+
+

Löschung von Daten

+

Die von uns verarbeiteten Daten werden nach Maßgabe der gesetzlichen + Vorgaben gelöscht, sobald deren zur Verarbeitung erlaubten Einwilligungen widerrufen werden oder sonstige + Erlaubnisse entfallen (z.B., wenn der Zweck der Verarbeitung dieser Daten entfallen ist oder sie für den Zweck + nicht + erforderlich sind).

+

Sofern die Daten nicht gelöscht werden, weil sie für andere und gesetzlich zulässige Zwecke erforderlich sind, + wird + deren Verarbeitung auf diese Zwecke beschränkt. D.h., die Daten werden gesperrt und nicht für andere Zwecke + verarbeitet. Das gilt z.B. für Daten, die aus handels- oder steuerrechtlichen Gründen aufbewahrt werden müssen + oder + deren Speicherung zur Geltendmachung, Ausübung oder Verteidigung von Rechtsansprüchen oder zum Schutz der Rechte + einer anderen natürlichen oder juristischen Person erforderlich ist.

+

Weitere Hinweise zu der Löschung von personenbezogenen Daten können ferner im Rahmen der einzelnen + Datenschutzhinweise dieser Datenschutzerklärung erfolgen.

+
+

Änderung und Aktualisierung der Datenschutzerklärung

+

Wir bitten Sie, sich regelmäßig über den Inhalt + unserer Datenschutzerklärung zu informieren. Wir passen die Datenschutzerklärung an, sobald die Änderungen der + von + uns durchgeführten Datenverarbeitungen dies erforderlich machen. Wir informieren Sie, sobald durch die + Änderungen + eine Mitwirkungshandlung Ihrerseits (z.B. Einwilligung) oder eine sonstige individuelle Benachrichtigung + erforderlich wird.

+

Sofern wir in dieser Datenschutzerklärung Adressen und Kontaktinformationen von Unternehmen und Organisationen + angeben, bitten wir zu beachten, dass die Adressen sich über die Zeit ändern können und bitten die Angaben vor + Kontaktaufnahme zu prüfen.

+
+
+

Rechte der betroffenen Personen

+

Ihnen stehen als Betroffene nach der DSGVO verschiedene Rechte zu, + die sich insbesondere aus Art. 15 bis 21 DSGVO ergeben:

+
    +
  • Widerspruchsrecht: Sie haben das Recht, aus Gründen, die sich aus Ihrer besonderen Situation + ergeben, + jederzeit gegen die Verarbeitung der Sie betreffenden personenbezogenen Daten, die aufgrund von Art. 6 Abs. + 1 + lit. e oder f DSGVO erfolgt, Widerspruch einzulegen; dies gilt auch für ein auf diese Bestimmungen + gestütztes + Profiling. Werden die Sie betreffenden personenbezogenen Daten verarbeitet, um Direktwerbung zu betreiben, + haben + Sie das Recht, jederzeit Widerspruch gegen die Verarbeitung der Sie betreffenden personenbezogenen Daten zum + Zwecke derartiger Werbung einzulegen; dies gilt auch für das Profiling, soweit es mit solcher Direktwerbung + in + Verbindung steht.
    • +
  • Widerrufsrecht bei Einwilligungen: Sie haben das Recht, erteilte Einwilligungen jederzeit + zu + widerrufen. +
    • +
  • Auskunftsrecht: Sie haben das Recht, eine Bestätigung darüber zu verlangen, ob betreffende + Daten verarbeitet werden und auf Auskunft über diese Daten sowie auf weitere Informationen und Kopie der + Daten + entsprechend den gesetzlichen Vorgaben. +
    • +
  • Recht auf Berichtigung: Sie haben entsprechend den gesetzlichen Vorgaben das Recht, die + Vervollständigung der Sie betreffenden Daten oder die Berichtigung der Sie betreffenden unrichtigen Daten zu + verlangen. +
    • +
  • Recht auf Löschung und Einschränkung der Verarbeitung: Sie haben nach Maßgabe der + gesetzlichen + Vorgaben das Recht, zu verlangen, dass Sie betreffende Daten unverzüglich gelöscht werden, bzw. alternativ + nach + Maßgabe der gesetzlichen Vorgaben eine Einschränkung der Verarbeitung der Daten zu verlangen. +
    • +
  • Recht auf Datenübertragbarkeit: Sie haben das Recht, Sie betreffende Daten, die Sie uns + bereitgestellt haben, nach Maßgabe der gesetzlichen Vorgaben in einem strukturierten, gängigen und + maschinenlesbaren Format zu erhalten oder deren Übermittlung an einen anderen Verantwortlichen zu fordern. +
    • +
  • Beschwerde bei Aufsichtsbehörde: Sie haben ferner nach Maßgabe der gesetzlichen Vorgaben + das + Recht, bei einer Aufsichtsbehörde, insbesondere in dem Mitgliedstaat Ihres gewöhnlichen Aufenthaltsorts, + Ihres + Arbeitsplatzes oder des Orts des mutmaßlichen Verstoßes Beschwerde einzulegen, wenn Sie der Ansicht sind, + dass + die Verarbeitung der Sie betreffenden personenbezogenen Daten gegen die DSGVO verstößt. +
    • +
+
+

Erstellt mit kostenlosem Datenschutz-Generator.de von Dr. Thomas Schwenke +

diff --git a/src/de/services.html b/src/de/services.html index 33ab221..192b54b 100644 --- a/src/de/services.html +++ b/src/de/services.html @@ -5,26 +5,10 @@ title: Dienste eleventyNavigation: key: services title: Dienste - icon: i-server - order: 2 + icon: server + order: 3 --- -

Dienste

+

Dienste

In meiner Freizeit stelle ich verschiedene quelloffene Dienste für die freie Nutzung bereit. Hier findest du eine Übersicht der einzelnen Services und jeweils eine kurze Beschreibung. Alle Services werden in Deutschland gehostet. Fühl dich frei, davon Gebrauch zu machen.

- -

Für die Nutzer:innen der Dienste gibt es einen öffentlichen Matrix-Raum als Austauschort für Fragen, Ideen und - Probleme. Komm gerne vorbei, wenn du einen der hier aufgelisteten Dienste nutzt oder einfach so mal vorbeischauen - willst:

- -

#sp-codes:matrix.sp-codes.de -

- -
-

Du willst dein eigenes Open-Source-Projekt umsetzen, um deine digitale Souveränität zurückzuerlangen? Gerne stehe - ich dir dafür persönlich mit meiner Firma zur Seite. Schau gerne auf ossrox.org - vorbei oder schreib mir eine Nachricht.

- - Ossrox - -
diff --git a/src/de/services/connectivitycheck.md b/src/de/services/connectivitycheck.md index be92b50..1fb6bbd 100644 --- a/src/de/services/connectivitycheck.md +++ b/src/de/services/connectivitycheck.md @@ -3,7 +3,7 @@ layout: base.njk key: connectivitycheck title: Captive Portal Check --- -# Captive Portal Check +# Captive Portal Check Ein Captive Portal ist eine Anmeldeseite in öffentlichen WLAN-Netzwerken, um den Internet-Zugriff an die Zustimmung bestimmter Nutzungsregeln zu binden. Wenn du in einem öffentlichen Netzwerk eine Anmeldeseite angezeigt bekommst, nutzt dein Gerät dafür einen Captive Portal Check. Dieser ermöglicht es dem Gerät, herauszufinden, ob du einen direkten Internetzugang hast oder nicht. Unter Android wird hierfür beispielsweise eine Anfrage an einen Google-Server gestellt. @@ -48,21 +48,6 @@ Starte den _network-manager_ neu: sudo service network-manager restart ``` -## Einrichtung in Fedora - -Unter Fedora muss die Datei `/etc/NetworkManager/NetworkManager.conf` geändert werden. Füge die folgenden Zeilen hinzu oder passe sie entsprechend an: - -``` -[connectivity] -uri=https://connectivitycheck.sp-codes.de/generate204 -``` - -Starte den _NetworkManager_ neu: - -``` -sudo service NetworkManager restart -``` - ## Einrichtung in Firefox Tippe [about:config](about:config) in die Adresszeile von Firefox und suche anschließend nach `captivedetect.canonicalURL` und `network.connectivity-service`. Setze die URL-Werte auf `https://connectivitycheck.sp-codes.de/generate204`, die Domain-Werte auf `connectivitycheck.sp-codes.de`. Das war es schon. diff --git a/src/de/services/etherpad.md b/src/de/services/etherpad.md deleted file mode 100644 index 4a143ec..0000000 --- a/src/de/services/etherpad.md +++ /dev/null @@ -1,17 +0,0 @@ ---- -layout: base.njk -key: etherpad -title: Etherpad ---- -# Etherpad - -Etherpad ist eine webbasierte Kollaborationsplattform, die es Benutzern ermöglicht, Textdokumente in Echtzeit gemeinsam zu bearbeiten. Mehrere Benutzer können zeitgleich auf dasselbe Etherpad-Dokument zugreifen, Änderungen vornehmen und sehen, was Andere schreiben. Etherpad bietet eine einfache und effektive Möglichkeit für Teamarbeit, Brainstorming, gemeinsames Schreiben und vieles mehr, ohne dass dabei Versionskonflikte auftreten. - -Etherpad ist auch in Jitsi Meet eingebungen. So können während einem Meeting gemeinsame Notizen festgehalten werden. - -__Seit Ende 2020 betreibe ich Etherpad: [https://pad.sp-codes.de](https://pad.sp-codes.de)__ Gerne kannst du Etherpad auch für deine Notizen verwenden. - -## Weitere nützliche Links - -* [Etherpad Webseite](https://etherpad.org) -* [Quellcode von Etherpad](https://github.com/ether/etherpad-lite) diff --git a/src/de/services/firefox-sync.md b/src/de/services/firefox-sync.md new file mode 100644 index 0000000..8ab2989 --- /dev/null +++ b/src/de/services/firefox-sync.md @@ -0,0 +1,19 @@ +--- +layout: base.njk +key: firefox-sync +title: Firefox Sync +--- +# Firefox Sync + +Nutzt du Firefox auf mehreren Geräten zum Surfen? Dann kannst du mit Firefox Sync deine Browserdaten (Lesezeichen, offene Tabs, die Suchhistorie, uvm.) zwischen all deinen Geräten synchronisieren. + +Dafür benötigst du zunächst einen Firefox-Account und musst dich auf deinen Geräten damit anmelden. Standardmäßig nutzt du dann automatisch den Sync-Service von Mozilla. Möchtest du einen anderen Server nutzen, kannst du das in den Einstellungen ändern. + +__Seit Februar 2020 biete ich einen öffentlichen Service für Firefox-Sync an.__ Gerne kannst du ihn nutzen, um deine Daten zwischen deinen Geräten zu synchronisieren. + +Tippe dafür [about:config](about:config) in die Adresszeile von Firefox und suche anschließend nach `identity.sync.tokenserver.uri` und setze den Wert auf `https://sync.firefox.sp-codes.de/token/1.0/sync/1.5`. Du nutzt nun den eingetragenen Sync-Service. + +## Weitere nützliche Links + +* [Firefox Sync](https://www.mozilla.org/de/firefox/accounts/) +* [Quellcode](https://github.com/mozilla-services/syncserver) diff --git a/src/de/services/forgejo.md b/src/de/services/forgejo.md deleted file mode 100644 index e341050..0000000 --- a/src/de/services/forgejo.md +++ /dev/null @@ -1,24 +0,0 @@ ---- -layout: base.njk -key: forgejo -title: Forgejo ---- -# Forgejo - -Forgejo ist eine einfache Code-Hosting-Plattform wie GitHub oder GitLab. Sie ist opensource und wird kontinuierlich weiterentwickelt. __Seit Ende 2019 betreibe ich eine eigene Forgejo Instanz, in der ich meine Projekte verwalte.__ So zum Beispiel auch diese Webseite. Schau dir gerne mal den Quelltext an und lass mir Feedback da. - -Zusätzlich zu Forgejo betreibe ich noch Woodpecker, eine Plattform, die Forgejo um viele Continuous Integration Funktionen erweitert und beispielsweise automatisierte Builds und Deploys ermöglicht. - -Schau gerne mal vorbei und melde dich an, falls du Lust hast, ein Projekt zu entwickeln. Die Registrierung ist seit März 2020 geöffnet. - -__Zu Forgejo geht's hier lang: [git.sp-codes.de](https://git.sp-codes.de)__ - -__Wenn du bei Woodpecker vorbeischauen willst, geht das hier: [ci.sp-codes.de](https://ci.sp-codes.de)__ - - -## Weitere nützliche Links - -* [Forgejo Webseite](https://forgejo.org/) -* [Quellcode von Forgejo](https://codeberg.org/forgejo/forgejo) -* [Woodpecker Webseite](https://woodpecker-ci.org/) -* [Quellcode von Woodpecker](https://github.com/woodpecker-ci/woodpecker) diff --git a/src/de/services/gitea.md b/src/de/services/gitea.md new file mode 100644 index 0000000..3a9c951 --- /dev/null +++ b/src/de/services/gitea.md @@ -0,0 +1,24 @@ +--- +layout: base.njk +key: gitea +title: Gitea +--- +# Gitea + +Gitea ist eine einfache Code-Hosting-Plattform wie GitHub oder GitLab. Sie ist opensource und wird kontinuierlich weiterentwickelt. __Seit Ende 2019 betreibe ich eine eigene Gitea Instanz, in der ich meine Projekte verwalte.__ So zum Beispiel auch diese Webseite. Schau dir gerne mal den Quelltext an und lass mir Feedback da. + +Zusätzlich zu Gitea betreibe ich noch Drone, eine Plattform, die Gitea um viele Continuous Integration Funktionen erweitert und beispielsweise automatisierte Builds und Deploys ermöglicht. + +Schau gerne mal vorbei und melde dich an, falls du Lust hast, ein Projekt zu entwickeln. Die Registrierung ist seit März 2020 geöffnet. + +__Zu Gitea geht's hier lang: [git.sp-codes.de](https://git.sp-codes.de)__ + +__Wenn du bei Drone vorbeischauen willst, geht das hier: [ci.sp-codes.de](https://ci.sp-codes.de)__ + + +## Weitere nützliche Links + +* [Gitea Webseite](https://gitea.io/en-us/) +* [Quellcode von Gitea](https://github.com/go-gitea/gitea) +* [Drone Webseite](https://drone.io/) +* [Quellcode von Drone](https://github.com/drone/drone) diff --git a/src/de/services/invidious.md b/src/de/services/invidious.md new file mode 100644 index 0000000..f03fdcc --- /dev/null +++ b/src/de/services/invidious.md @@ -0,0 +1,18 @@ +--- +layout: base.njk +key: invidious +title: Invidious +--- +# Invidious + +Invidious ist ein alternatives Frontend für YouTube. +Da nur die nötigsten Verbindungen zu YouTube aufgebaut werden und viele sogar vom Server selber übernommen werden, erhöht Invidious die Privatsphäre der Nutzer:innen. + +__Seit Dezember 2019 betreibe ich eine öffentliche Invidious Instanz.__ Fühl dich frei, dort ein paar Videos anzuschauen. + +__Jetzt das erste Video schauen auf [invidious.sp-codes.de](https://invidious.sp-codes.de).__ + +## Weitere nützliche Links + +* [Liste weiterer öffentlicher Server](https://github.com/omarroth/invidious/wiki/Invidious-Instances) +* [Quellcode von Invidious](https://github.com/omarroth/invidious) diff --git a/src/de/services/jitsi.md b/src/de/services/jitsi.md index 8217642..b71f62c 100644 --- a/src/de/services/jitsi.md +++ b/src/de/services/jitsi.md @@ -3,7 +3,7 @@ layout: base.njk key: jitsi title: Jitsi Meet --- -# Jitsi Meet +# Jitsi Meet Jitsi-Meet ist eine Plattform für Videokonferenzen. Ohne Anmeldung können vollständig verschlüsselte Video-Chats gestartet werden. Zusätzlich bietet Jitsi-Meet die Möglichkeit den Bildschirm für die anderen Teilnehmer:innen freizugeben, neue Benutzer:innen einfach per Link einzuladen und Nachrichten im integrierten Chat zu verschicken. @@ -11,14 +11,6 @@ __Seit Juli 2020 betreibe ich eine eigene Jitsi-Meet Instanz. Du findest sie unt Gerne darfst du die Instanz mit anderen Leuten nutzen. -Wenn du einen eigenen Jitsi-Server für dich, deine Familie oder deine Firma betreiben willst, unterstütze ich dich gerne mit meiner Firma Ossrox damit. Schau dir gerne unser Angebot dazu auf unserer Webseite an oder schreib mir eine Nachricht dazu. - -
- - Ossrox - -
- ## Weitere nützliche Links * [Jitsi Webseite](https://jitsi.org/) diff --git a/src/de/services/mastodon.md b/src/de/services/mastodon.md deleted file mode 100644 index 3a111ef..0000000 --- a/src/de/services/mastodon.md +++ /dev/null @@ -1,58 +0,0 @@ ---- -layout: base.njk -key: mastodon -title: Mastodon ---- -# Mastodon - -Mastodon ist ein verteilter Mikroblogging-Dienst, ähnlich wie Twitter. Allerdings basiert der Dienst nicht auf einer zentralen Plattform, sondern besteht aus vielen verschiedenen, dezentralen Instanzen, die von Privatpersonen, Vereinen oder sonstigen Stellen eigenverantwortlich betrieben werden. Dadurch machen sich die Nutzer:innen nicht von einem einzigen Anbieter abhängig, sondern können frei entscheiden, mit wem sie welche Informationen teilen. - -Da Mastodon auf offenen Web-Protokollen und freier, quelloffener Software basiert, kann auch mit anderen Diensten, wie Pleroma, PeerTube, Pixelfed, Friendica oder Hubzilla kommuniziert werden. Nutzer:innen können Text-, Bild-, Videonachrichten oder Umfragen also dienst- und serverübergreifend teilen. - -__Seit Mai 2021 betreibe ich eine öffentliche Mastodon-Instanz: [social.sp-codes.de](https://social.sp-codes.de/)__ - -Die Serverregeln und weitere Informationen kannst du gerne [hier](https://social.sp-codes.de/about/more) nachlesen. Melde dich gerne auf meinem Server an oder suche dir einen aus den unten verlinkten Listen heraus. Ich freue mich auf -deine Nachricht an [@samuel_p@matrix.sp-codes.de](https://social.sp-codes.de/@samuel_p). - -
-Jetzt registrieren -
- -Wenn du einen eigenen Mastodon-Server für dich, deine Familie oder deine Firma betreiben willst, unterstütze ich dich gerne mit meiner Firma Ossrox damit. Schau dir gerne unser Angebot dazu auf unserer Webseite an oder schreib mir eine Nachricht dazu. - -
- - Ossrox - -
- -## Interessante Accounts - -* [Bundesbeauftragte für Datenschutz und Informationsfreiheit](https://social.bund.de/@bfdi) -* [Bundesamt für Sicherheit in der Informationstechnik](https://social.bund.de/@bsi) -* [Landesregierung Baden-Württemberg](https://mastodon.social/@RegierungBW) -* [Landtag Rheinland-Pfalz](https://social.bund.de/@ltrlp) -* [LfDI Baden-Württemberg](https://bawü.social/@lfdi) -* [Umweltministerium Baden-Württemberg](https://bawü.social/@Umweltministerium) -* [Verbraucherzentrale Schleswig-Holstein](https://troet.cafe/@verbraucherzentrale_sh) -* [Digitalcourage e.V.](https://digitalcourage.social/@digitalcourage) -* [Mobilsicher](https://mastodontech.de/@mobilsicher) -* [Chaos Computer Club](https://social.bau-ha.us/@CCC) -* [GLS Bank](https://ruhr.social/@glsbank) -* [Fairphone](https://social.weho.st/@Fairphone) -* [WEtell.Mobilfunk](https://chaos.social/@wetell) -* [Gnu/Linux](https://social.anoxinon.de/@gnulinux) -* [FragDenStaat](https://chaos.social/@fragdenstaat) -* [Threema](https://mastodon.social/@threemaapp) -* [Minetest](https://fosstodon.org/@Minetest) -* [0 A.D.](https://mastodon.social/@play0ad) -* [Ulrich Kelber](https://bonn.social/@ulrichkelber) -* [Inga Klas](https://mastodon.social/@ingaklas) -* [Mike Kuketz](https://social.tchncs.de/@kuketzblog) - -## Weitere nützliche Links - -* [Verschiedene Apps](https://joinmastodon.org/apps) -* Listen mit öffentlichen Mastodon-Instanzen - * [joinmastodon.org](https://joinmastodon.org/communities) - * [instances.social](https://instances.social/) diff --git a/src/de/services/matrix.md b/src/de/services/matrix.md index 03d2d0a..2d1359a 100644 --- a/src/de/services/matrix.md +++ b/src/de/services/matrix.md @@ -3,79 +3,23 @@ layout: base.njk key: matrix title: Matrix --- +# Matrix -# Matrix +[Matrix](https://matrix.org) ist eine moderne, quelloffene Software für dezentrale Kommunikation (wie E-Mail). Matrix bietet von Haus aus Sprach- und Videoanrufe, inklusive Ende-zu-Ende Verschlüsselung und vieles mehr. Das Entscheidende ist, dass es nicht den einen Matrix-Server gibt, den alle Nutzer:innen verwenden müssen, wie das beispielsweise bei WhatsApp, Telegram und vielen anderen verbreiteten Messengern der Fall ist. -[Matrix](https://matrix.org) ist eine moderne, quelloffene Software für dezentrale Kommunikation (wie E-Mail). Matrix -bietet von Haus aus Sprach- und Videoanrufe, inklusive Ende-zu-Ende-Verschlüsselung und vieles mehr. Das Entscheidende -ist, dass es nicht den einen Matrix-Server gibt, den alle Nutzer:innen verwenden müssen, wie das beispielsweise bei -WhatsApp, Telegram und vielen anderen verbreiteten Messengern der Fall ist. - -Da Matrix dezentral funktioniert, können sich die Nutzer:innen einen öffentlichen Server aussuchen oder ihren eigenen -erstellen und trotzdem mit allen Matrix-Nutzern:innen kommunizieren, nicht nur mit denen des eigenen Servers. Die -verschickten Nachrichten werden so nur auf den beteiligten Servern gespeichert. Auch die Anrufe laufen nur über die -beteiligten Server. +Da Matrix dezentral funktioniert, können sich die Nutzer:innen einen öffentlichen Server aussuchen oder ihren eigenen erstellen und trotzdem mit allen Matrix-Nutzern:innen kommunizieren, nicht nur mit denen des eigenen Servers. Die verschickten Nachrichten werden so nur auf den beteiligten Servern gespeichert. Auch die Anrufe laufen nur über die beteiligten Server. __Seit Anfang 2020 betreibe ich einen öffentlichen Matrix-Server: [matrix.sp-codes.de](https://matrix.sp-codes.de/) und eine öffentliche Element-Web Instanz: [chat.sp-codes.de](https://chat.sp-codes.de/)__ -Die Serverregeln kannst du gerne [hier](https://matrix.sp-codes.de/_matrix/consent) nachlesen. Melde dich gerne auf meinem Server an oder suche dir einen aus den unten verlinkten Listen heraus. Ich freue mich auf -deine Nachricht an [@samuel-p:matrix.sp-codes.de](https://matrix.to/#/@samuel-p:matrix.sp-codes.de). - -
-Jetzt registrieren -
- -Wenn du einen eigenen Matrix-Server für dich, deine Familie oder deine Firma betreiben willst, unterstütze ich dich gerne mit meiner Firma Ossrox damit. Schau dir gerne unser Angebot dazu auf unserer Webseite an oder schreib mir eine Nachricht dazu. - -
- - Ossrox - -
- -## Einstieg - -Auf meinem Blog findest du eine Artikelserie für einen einfachen Einstieg in Matrix: - -
-
-
-
-Teil 1: Werde Teil der Matrix -
-
-Teil 2: Sichere Chats mit Matrix -
-
-
-
- -## Warum Matrix? - -Hier möchte ich ein paar Gründe nennen, warum ich Matrix nutze und vielen anderen Messengern vorziehe: - -* Da die Server dezentral verteilt sind, bleibt das Netzwerk bestehen, auch wenn ein Server ausfällt. -* Du kannst dir deinen Server-Anbieter frei aussuchen und bist nicht auf einen zentralen Anbieter angewiesen. -* Matrix ist ohne Telefonnummer oder E-Mail-Adresse nutzbar. -* Es gibt Apps für alle Plattformen (Handy, PC, Browser, etc.) -* Standardmäßig werden die Nachrichten in privaten Chats und Gruppen Ende-zu-Ende verschlüsselt. Dadurch ist es auch für - den Server-Anbieter unmöglich, Nachrichten mitzulesen. -* Das Protokoll (die Art wie Daten übertragen werden) ist frei, dadurch kann jeder die Funktionsweise überprüfen oder - neue Apps entwickeln, die dieses Protokoll verwenden. -* Auch die Verschlüsselungsalgorithmen sind öffentlich zugänglich und überprüfbar. Sie sind nicht patentgeschützt durch - eine Firma. -* Apps und Server sind quelloffen, wodurch die Funktionsweise und die Weiterentwicklung transparent nachvollziehbar - sind. -* Matrix unterstützt Sprach- und Video-Telefonie, sowohl in privaten, als auch in Gruppen-Chats. +Melde dich gerne auf meinem Server an oder suche dir einen aus der unten verlinkten Liste heraus. Ich freue mich auf deine Nachricht an [@samuel-p:matrix.sp-codes.de](https://matrix.to/#/@samuel-p:matrix.sp-codes.de). ## Weitere nützliche Links * [Verschiedene Apps](https://matrix.org/clients) * [Liste öffentlicher Räume](https://view.matrix.org/) * Listen mit öffentlichen Matrix-Servern - * [hello-matrix.net](https://www.hello-matrix.net/public_servers.php) - * [anchel.nl](https://publiclist.anchel.nl/) - * [the-federation.info](https://the-federation.info/protocol/matrix) - * [FossMessenger](https://fediverse.blog/~/FossMessenger/matrix-server) + * [hello-matrix.net](https://www.hello-matrix.net/public_servers.php) + * [anchel.nl](https://www.anchel.nl/matrix-publiclist/) + * [the-federation.info](https://the-federation.info/protocol/matrix) * [Matrix FAQ](https://matrix.org/faq/) * [Account umziehen](https://ems.element.io/tools/matrix-migration) diff --git a/src/de/services/matrix/setup/part-1.md b/src/de/services/matrix/setup/part-1.md deleted file mode 100644 index dc6b9f9..0000000 --- a/src/de/services/matrix/setup/part-1.md +++ /dev/null @@ -1,170 +0,0 @@ ---- -layout: article.njk -title: Werde Teil der Matrix - Matrix Teil 1 -service: matrix -series: matrix-setup -tags: - - Tutorial - - Matrix - - Messenger - - Verschlüsselung - - Element - - FluffyChat ---- - -# Werde Teil der Matrix - Matrix Teil 1 - -[Matrix](https://matrix.org) ist ein dezentraler Messenger. Dezentral bedeutet, es gibt nicht den einen Server, den alle -verwenden müssen, sondern jede:r kann sich einen eigenen Matrix-Server aussuchen. In etwa so wie bei E-Mail. - -In diesem Beitrag möchte ich nun erklären, wie man sich dort anmelden kann und mit welchen Apps man mit seinen Liebsten -in Kontakt treten kann. In den folgenden Artikeln dieser Serie werde ich auf weitere Themen, wie Ende-zu-Ende -Verschlüsselung, Kontakt-Verifizierung und das Erstellen von privaten und öffentlichen Gruppen, eingehen. - -## Anbieter wählen - -Zunächst muss man sich einen Server-Anbieter auswählen, bei dem man sich registrieren möchte. Im Matrix-Netzwerk spricht -man auch vom Homeserver, also der Server, bei dem man "zu Hause" ist, bzw. sein Konto hat. Hierfür kann man im Internet -suchen oder eine der folgenden öffentlichen Listen verwenden, um einen Provider zu finden, der den eigenen Vorstellungen -entspricht: - -* [joinmatrix.org](https://joinmatrix.org/servers) -* [hello-matrix.net](https://www.hello-matrix.net/public_servers.php) -* [the-federation.info](https://the-federation.info/protocol/matrix) - -Wichtig hierbei ist auch, dass der Servername immer ein Teil der eigenen Matrix-ID sein wird, also dem Anmeldenamen, mit -dem man sich anmeldet, oder über den Anderen mit dir in Kontakt treten können. (Also genau wie mit deiner E-Mail-Adresse -auch.) Die Matrix-ID sieht also folgendermaßen aus: - -``` -@[name]:[server] -``` - -In diesem Beitrag werde ich [matrix.sp-codes.de](https://matrix.sp-codes.de) als Home-Server verwenden. Gerne kannst du -dich auch dort registrieren. Da ich selber diesen Server nutze, ist meine Matrix-ID also -diese: [@samuel-p:matrix.sp-codes.de](https://matrix.to/#/@samuel-p:matrix.sp-codes.de) - -## App wählen - -Da Matrix ein quelloffenes Netzwerk ist, kann jede:r dazu beitragen und eigene Apps entwickeln. Dadurch gibt es nicht -die eine App, die zwingend verwendet werden muss. Ich möchte deshalb hier kurz zwei Apps vorstellen, die meiner Ansicht -nach gut für den Einstieg geeignet sind: - -### [Element](https://element.io/) - -Element ist die wohl am weitesten verbreitetste App im Matrix-Netzwerk. Die App ist für Android, iOS, PC und auch als -Browser-Version verfügbar. Für Android kann Element über -den [PlayStore](https://play.google.com/store/apps/details?id=im.vector.app) oder -über [F-Droid](https://f-droid.org/packages/im.vector.app/) installiert werden. Für iOS kann die App über -den [AppStore](https://apps.apple.com/app/vector/id1083446067) heruntergeladen werden. Um die Desktop-Version zu -installieren, schau am besten auf der offiziellen [Seite](https://element.io/get-started) nach. - -Alle Versionen (Android, iOS, Desktop und Web) sind kostenlos und Open-Source. Das heißt, jede:r kann den Quellcode -einsehen, Fehler melden und an Verbesserungen mitarbeiten. - -Da der Quellcode frei verfügbar ist, können auch andere Apps erstellt werden, die auf Element basieren. Einer davon ist -SchildiChat. - -[SchildiChat](https://f-droid.org/packages/de.spiritcroc.riotx/) ist ein Messenger, der auf Element basiert und ein paar -kleinere Änderungen mit sich bringt. Darunter eine andere Darstellung der Chatverläufe mit Sprechblasen. SchildiChat ist -nur für Android verfügbar. - -### [FluffyChat](https://fluffychat.im/) - -Eine andere, einfach zu bedienende App ist FluffyChat. Auch FluffyChat ist -für [Android](https://play.google.com/store/apps/details?id=chat.fluffy.fluffychat), [iOS](https://testflight.apple.com/join/hL6Tyyaj), -Desktop und als [Browser-Anwendung](https://web.fluffychat.im/) verfügbar. Um FluffyChat zu installieren, schau am -besten direkt auf der Webseite [fluffychat.im](https://fluffychat.im/) vorbei. Wie Element, ist auch FluffyChat -Open-Source. FluffyChat versucht sich in der Bedienung und im Design an herkömmlichen Messengern zu orientieren. - -### Mehr Apps - -Es gibt noch einige Apps mehr, die teilweise auch noch in der Entwicklung sind. Eine weitere Auswahl an Apps findest du -auf der folgenden Seite: [https://matrix.org/clients/](https://matrix.org/clients/) - -## Anmelden - -Nachdem du dich nun für einen vertrauenswürdigen Anbieter entschieden und eine App installiert hast, die dir zusagt, -kannst du dir nun einen Account anlegen. Im Folgenden werde ich die App Element unter Android verwenden, das Vorgehen -wird aber in anderen Apps ähnlich sein. - -Nach der Startseite wählst du zunächst „Andere“ und gibst anschließend die Server-Adresse deines Anbieters ein. Nun -wählst du deinen Anmeldenamen und ein sicheres Passwort, gibst beides in die entsprechenden Felder ein und schon wird -dein Matrix-Account erstellt. Es kann sein, dass du während des Erstellens deines Accounts ein bisschen warten musst, -das kann je nach Server-Auslastung ein bisschen dauern. - -
-
- - -Zuerst die App starten. - -
-
- - -„Andere“ auswählen um einen eigenen Anbieter zu verwenden. - -
-
- - -Die Server-Adresse des Anbieters eingeben und „Registrieren“ oder „Anmelden“ auswählen. - -
-
- - -Benutzername und Passwort eingeben. - -
-
- -## Kontakte hinzufügen - -Nachdem du nun deinen Account erstellt hast, ist es an der Zeit, mit deinen Liebsten Kontakt aufzunehmen. Frage sie -hierfür beispielsweise nach ihrer Matrix-ID. Gerne kannst du auch mir eine Nachricht zukommen -lassen: [@samuel-p:matrix.sp-codes.de](https://matrix.to/#/@samuel-p:matrix.sp-codes.de) - -Um einen neuen Chat zu starten, tippe auf den grünen Button unten rechts und anschließend auf „Mit matrix-ID -hinzufügen“. Nun gibst du die Matrix-ID deines:deiner Chatpartner:in ein, wählst den ersten Treffer aus der Liste aus -und tippst anschließend auf „Erstellen“. Jetzt heißt es ein bisschen warten, bis dein:e Chatpartner:in deine Einladung -angenommen hat. - -
-
- - -Einen neuen Chat mit dem grünen Button starten. - -
-
- - -„Mit Matrix-ID hinzufügen“ auswählen. - -
-
- - -Matrix-ID eingeben und Chat erstellen. - -
-
- - -Chatten. - -
-
- -## Wie geht’s weiter? - -Im [nächsten Artikel](/de/services/matrix/setup/part-2/) dieser Serie werde ich über -Ende-zu-Ende-Verschlüsselung und Verifikation der Kontakte schreiben. Bis dahin viel Spaß beim Chatten. - -Falls du jetzt schon weiter lesen willst, kann ich dir die folgenden Links empfehlen, allerdings teilweise auf Englisch: - -* [https://element.io/help](https://element.io/help) -* [https://matrix.org/faq/](https://matrix.org/faq/) -* [https://matrix.org/docs/guides/](https://matrix.org/docs/guides/) diff --git a/src/de/services/matrix/setup/part-2.md b/src/de/services/matrix/setup/part-2.md deleted file mode 100644 index 1195a39..0000000 --- a/src/de/services/matrix/setup/part-2.md +++ /dev/null @@ -1,174 +0,0 @@ ---- -layout: article.njk -title: Sichere Chats mit Matrix – Matrix Teil 2 -service: matrix -series: matrix-setup -tags: - - Tutorial - - Matrix - - Messenger - - Verschlüsselung - - Element ---- - -# Sichere Chats mit Matrix – Matrix Teil 2 - -Im [ersten Teil](/de/services/matrix/setup/part-1/) der Matrix-Serie habe ich erklärt, wie du dir einen Matrix-Account anlegen und mit deinen Kontakten einen Chat beginnen kannst. In diesem Teil möchte ich nun darauf aufbauen und erklären, was es mit Ende-zu-Ende-Verschlüsselung und der Verifizierung von Kontakten auf sich hat. Wenn Matrix also neu für dich ist, würde ich dir empfehlen, dir zunächst den [ersten Teil](/de/services/matrix/setup/part-1/) anzuschauen und anschließend hier weiterzulesen. - -## Ende-zu-Ende-Verschlüsselung aktivieren - -Durch [Ende-zu-Ende-Verschlüsselung](https://de.wikipedia.org/wiki/Ende-zu-Ende-Verschl%C3%BCsselung) wird sichergestellt, dass die Nachrichten, die du schreibst, auf deinem Gerät verschlüsselt und erst auf dem Gerät der Person, die die Nachrichten empfängt, entschlüsselt werden können. Dadurch ist es also selbst für den:die Server-Betreiber:in unmöglich, deine Nachrichten zu lesen. Deshalb ist es empfehlenswert, Ende-zu-Ende-Verschlüsselung zu nutzen. - -Je nach App wird die Ende-zu-Ende-Verschlüsselung direkt beim Erstellen eines Chats aktiviert oder es wird dort die Möglichkeit zur Aktivierung gegeben. Wenn die Verschlüsselung nicht beim Erstellen aktiviert wird, sollte sie für private Chats danach aktiviert werden. In Element geht, das wie folgt: - -
-
- - -Öffne das Chat-Menü durch Tippen auf den Namen in der oberen Leiste. Anschließend wählst du „Einstellungen“ aus. - -
-
- - -In den Raum-Einstellungen wählst du dann „Ende-zu-Ende-Verschlüsselung aktivieren“ aus. - -
-
- - -Nun kannst du die Ende-zu-Ende-Verschlüsselung aktivieren. - -
-
- - -Ob die Ende-zu-Ende-Verschlüsselung aktiviert ist, kannst du unter „Sicherheit“ sehen. - -
-
- -Wenn du in einem Chat die Ende-zu-Ende-Verschlüsselung aktiviert hast, ist es außerdem ratsam, die Schlüsselsicherung einzurichten. Dafür musst du ein zusätzliches Schlüsselpasswort verwenden. Mit diesem Passwort kannst du verschlüsselte Chats auch auf anderen Geräten wiederherstellen. Element wird dich dazu auffordern, ein Schlüsselpasswort zu setzen, wenn es notwendig ist: - -
-
- - -Element zeigt die eine Benachrichtigung zum Setzen eines Schlüsselpassworts an. - -
-
- - -Wenn du auf die Benachrichtigung klickst, öffnet sich diese Auswahl. - -
-
- - -Wenn du „Benutze einen Sicherheitsschlüssel“ wählst, wird ein zufälliger Schlüssel generiert, den du an einem sicheren Ort aufbewahren solltest. - -
-
- - -Wenn du „Benutze Sicherheitsphrase“ wählst, kannst du selber ein Passwort festlegen. - -
-
- -Wenn du diese Benachrichtigung nicht bekommst, kannst du auch in den Einstellungen unter „Sicherheit & Privatsphäre“ > „Wiederherstellung verschlüsselter Nachrichten“ die Schlüsselsicherung einrichten. Außerdem kannst du dort die Schlüsselsicherung zurücksetzen, wenn du dein Schlüsselpasswort vergessen hast. - -Um die Schlüsselsicherung in einer neuen Sitzung wiederherzustellen, kannst du entweder die Sitzung von einem anderen Gerät verifizieren (siehe unten Cross Signing) oder du nutzt dein Schlüsselpasswort. Gehe hierfür in die Einstellungen und wähle unter „Sicherheit & Privatsphäre“ die Option „Wiederherstellung verschlüsselter Nachrichten“ und anschließend „Von Sicherung wiederherstellen“. Damit sollten alle Nachrichten in deinen verschlüsselten Chats auch in dieser Sitzung wieder lesbar sein. - -## Kontakte verifizieren - -Zusätzlich zur Ende-zu-Ende-Verschlüsselung kannst du mithilfe der Kontaktverifizierung sicherstellen, dass du mit der richtigen Person schreibst und du nicht Opfer eines [Man-In-The-Middle-Angriffs](https://de.wikipedia.org/wiki/Man-in-the-Middle-Angriff) wirst. - -In Element kann die Kontakt-Verifizierung über einen QR-Code Scan oder über den Vergleich von Emojis oder eines Texts durchgeführt werden. Um einen Kontakt zu verifizieren, wähle den Chat mit der Person aus und tippe anschließend auf den Namen in der Titelzeile. Nun geht es wie folgt weiter: - -
-
- - -Wähle im Chat-Menü „Personen“ aus und anschließend die Person, die du verifizieren willst. - -
-
- - -In der Kontaktansicht kannst du nun „Verifizieren“ auswählen. - -
-
- - -Starte die Verifizierung, indem du auf „Verifizierung beginnen“ tippst. - -
-
- - -Anschließend kannst du direkt den QR-Code deines Kontakts scannen, wenn du die Möglichkeit hast. Wenn nicht, tippe auf „Kann nicht scannen“. - -
-
- - -Wenn du nicht scannen kannst, kannst du deinen Kontakt mit einer Reihe zufälliger Emojis verifizieren. - -
-
- - -Nachdem ihr euch erfolgreich verifiziert habt, seht ihr beide dieses grüne Schild. - -
-
- -Die einzelnen Schritte der Verifizierung können eine Weile dauern. Warte deshalb etwas ab, bevor du die Verifizierung abbrichst. Um die Verifizierung eines Kontakts sicher durchzuführen, mache sie entweder wenn ihr euch real trefft oder tauscht die Emojis über einen unabhängigen, vertrauenswürdigen Kanal, z.B. am Telefon aus. - -## Cross Signing - -Um in Matrix zu chatten, kannst du beliebig viele Apps auf verschiedenen Geräten, dem Handy, am PC, im Browser, etc. nutzen. Damit du aber nicht alle deine Geräte mit allen Geräten deiner Kontakte verifizieren musst, gibt es seit einiger Zeit das sogenannte Cross Signing. Hierfür verifiziert jede:r seine:ihre eigenen Geräte selbst. Die Verifizierung funktioniert wie die der Kontakte. Wenn du dich an einem neuen Gerät anmeldest, bekommst du in Element auf deinen anderen Geräten eine Benachrichtigung. Damit kannst du direkt die Verifizierung initiieren. - -Alternativ kannst du auch alle deine Sitzungen in den Einstellungen verifizieren. Gehe hierfür in den Einstellungen auf „Sicherheit & Privatsphäre“ und dann auf „Zeige alle Sitzungen“. Dort siehst du nun, welche Sitzungen bereits verifiziert sind und du kannst die übrigen Sitzungen verifizieren. - -
-
- - -Wähle aus der Liste die Sitzung, die du verifizieren willst. - -
-
- - -Wähle nun wie du diese Sitzung verifizieren willst, z.B. mithilfe der Emojis. - -
-
- - -Wie bei der Verifizierung deiner Kontakte musst du nun die Emojis auf beiden Geräten vergleichen. - -
-
- - -Nachdem du dein Gerät erfolgreich verifiziert hast, wird dieses grüne Schild angezeigt. - -
-
- -Es ist wichtig, alle deine Sitzungen zu verifizieren, damit auch für deine Kontakte erkennbar ist, dass die Ende-zu-Ende-Verschlüsselung richtig funktioniert. - -Wenn du nicht willst, dass Element automatisch neuen Sitzungen deines Kontakts vertraut, kannst du in den Einstellungen unter „Sicherheit & Privatsphäre“ die Option „Nur zu verifizierten Sitzungen verschlüsseln“ aktivieren. Dann musst du jede Sitzung einzeln verifizieren. - -## Fehler beheben - -Wenn du Probleme damit haben solltest, dass die Schlüsselsicherung oder das Cross Signing nicht richtig funktioniert, kann es hilfreich sein, das Schlüsselbackup und / oder die Schlüsselsicherung in den Einstellungen zurückzusetzen. Das kannst du in den Einstellungen unter „Sicherheit & Privatsphäre“ erledigen. Nutze die Option „Backup zurücksetzen“ und / oder „Wiederherstellung verschlüsselter Nachrichten“ und dann „Sicherung löschen“. Bei weiteren Problemen schreibe gerne einen Kommentar. - -## Wie geht’s weiter? - -Ich hoffe, dieser Teil war nicht zu technisch / theoretisch und du konntest die einzelnen Punkte nachvollziehen. Im nächsten Teil dieser Serie werde ich über Gruppen und Kanäle in Matrix berichten und einige interessante davon vorstellen. Wenn du Vorschläge dafür hast, kannst du sie mir gerne zukommen lassen. Bis dahin viel Spaß beim sicheren Chatten mit deinen Freund:innen. diff --git a/src/de/services/ntfy.md b/src/de/services/ntfy.md deleted file mode 100644 index da54f21..0000000 --- a/src/de/services/ntfy.md +++ /dev/null @@ -1,17 +0,0 @@ ---- -layout: base.njk -key: ntfy -title: ntfy ---- -# ntfy - -ntfy ist ein vielseitiges Tool zur Benachrichtigung über verschiedene Ereignisse. Es unterstützt auch UnifiedPush, ein offenes Protokoll für Echtzeitbenachrichtigungen. - -Um ntfy als zentrale App für Benachrichtigungen nutzen zu können, muss zunächst die App auf dem Handy installiert werden. Anschließend können Apps die UnifiedPush unterstützen, z.B. Element, Fluffychat oder Tusky ntfy als Push-Provider nutzen. Dadurch müssen nicht alle Apps eine Verbindung zum Server offen halten und sind dadurch auch energieeffizienter. Damit du meinen Server nutzen kannst, musst du diesen zunächst in den Einstellungen hinterlegen. - -__Seit Mai 2023 stelle ich ntfy zur freien Verfügung: [https://ntfy.sp-codes.de](https://ntfy.sp-codes.de)__ Gerne kannst du ntfy als Push-Provider für deine Apps nutzen, wenn du möchtest. - -## Weitere nützliche Links - -* [ntfy Webseite](https://ntfy.sh) -* [Quellcode von ntfy](https://github.com/binwiederhier/ntfy) diff --git a/src/de/services/peertube.md b/src/de/services/peertube.md deleted file mode 100644 index 28d3e90..0000000 --- a/src/de/services/peertube.md +++ /dev/null @@ -1,35 +0,0 @@ ---- -layout: base.njk -key: mastodon -title: Mastodon ---- -# PeerTube - -PeerTube ist ein Netzwerk aus mehreren föderierten, interoperablen Video-Hosting-Anbietern, vergleichbar mit YouTube. Allerdings basiert der Dienst nicht auf einer zentralen Plattform, sondern besteht aus vielen verschiedenen, dezentralen Instanzen, die von Privatpersonen, Vereinen oder sonstigen Stellen eigenverantwortlich betrieben werden. Dadurch machen sich die Nutzer:innen nicht von einem einzigen Anbieter abhängig, sondern können frei entscheiden, mit wem sie welche Informationen teilen. - -Da PeerTube auf offenen Web-Protokollen und freier, quelloffener Software basiert, kann auch mit anderen Diensten, wie Mastodon, Pleroma, Pixelfed, Friendica oder Hubzilla kommuniziert werden. Nutzer:innen können Accounts also dienst- und serverübergreifend folgen und Videos teilen. - -__Seit August 2021 betreibe ich eine öffentliche PeerTube-Instanz: [tube.sp-codes.de](https://tube.sp-codes.de/)__ - -Die Serverregeln und weitere Informationen kannst du gerne [hier](https://tube.sp-codes.de/about/instance) nachlesen. Melde dich gerne auf meinem Server an oder suche dir einen aus den unten verlinkten Listen heraus. - -
-Jetzt registrieren -
- -## Interessante Kanäle - -* [GNU/Linux News Show](https://tube.sp-codes.de/c/gnulinuxnewsshow) -* [BigBrotherAwards](https://digitalcourage.video/c/bba) -* [mobilsicher](https://peertube.mobilsicher.de/c/mobilsicher) -* [Drohnenvideos](https://tube.sp-codes.de/c/drohne) -* [Artem Music](https://tube.anufrij.de/c/artem_music) -* [Es geht um Deine Daten](https://digitalcourage.video/c/es_geht_um_deine_daten) -* [Patrick Breyer](https://peertube.european-pirates.eu/c/patrick_breyer_mep_channel) - -## Weitere nützliche Links - -* [EU Video](https://tube.network.europa.eu) -* Listen mit öffentlichen PeerTube-Instanzen - * [joinpeertube.org](https://joinpeertube.org/instances) - * [instances.joinpeertube.org](https://instances.joinpeertube.org/instances) diff --git a/src/de/services/searx.md b/src/de/services/searx.md new file mode 100644 index 0000000..8f56c5e --- /dev/null +++ b/src/de/services/searx.md @@ -0,0 +1,27 @@ +--- +layout: base.njk +key: searx +title: Searx +--- +# Searx + +Searx ist eine freie Metasuchmaschine, das heißt sie nutzt für die Suche öffentliche Suchmaschinen, wie Google, DuckDuckGo, StartPage und viele andere. + +Um die Privatsphäre der Benutzer:innen zu schützen, gibt Searx weder die IP-Adresse, noch die Suchhistorie an die Suchmaschinen weiter, von denen die Ergebnisse abgefragt werden. Searx selber speichert ebenfalls keine Suchanfragen oder andere Logs. Zusätzlich stellt Searx eine Vielzahl an Einstellungsmöglichkeiten bereit, beispielsweise können die Sprache und die verwendeten Suchmaschinen für jede Suchanfrage konfiguriert werden. + +Außerdem stellt Searx einen Proxy bereit, über den viele Suchergebnisse auch anonym aufgerufen werden können. Klicke dafür nicht auf den Direktlink, sondern auf `proxied` in der unteren rechten Ecke des Suchergebnisses. + +__Seit November 2019 betreibe ich eine öffentliche Searx Instanz.__ Schau gerne mal vorbei, um Antworten auf deine Fragen zu erhalten. Bei Fragen oder Problemen schreib mir gerne. + +__Hier gehts zu Searx: [searx.sp-codes.de](https://searx.sp-codes.de)__ + +Tor Hidden Service: [searxbi3f73mmdeb.onion](http://searxbi3f73mmdeb.onion) + +## Weitere nützliche Links + +* [Searx Webseite](https://asciimoo.github.io/searx/) +* [Dokumentation](https://asciimoo.github.io/searx/user/index.html) +* [Standardsuchmaschine in Firefox festlegen](https://support.mozilla.org/de/kb/suchmaschinen-in-firefox-hinzufuegen-oder-entfernen) +* [Standardsuchmaschine in Chrome festlegen](https://support.google.com/chrome/answer/95426?co=GENIE.Platform%3DDesktop&hl=de) +* [Liste weiterer öffentlicher Server](https://searx.space/) +* [Quellcode von Searx](https://github.com/asciimoo/searx) diff --git a/src/de/services/shields.md b/src/de/services/shields.md deleted file mode 100644 index 7eb1271..0000000 --- a/src/de/services/shields.md +++ /dev/null @@ -1,17 +0,0 @@ ---- -layout: base.njk -key: shields -title: Shields ---- -# Shields - -Shields ist ein Service für prägnante, konsistente und lesbare Badges im SVG- und Rasterformat. Über eine URL können sie sehr einfach in Readmes oder jede andere Webseite eingebunden werden. Außerdem werden Integrationen zu verschiedenen Diensten oder Netzwerken bereitgestellt. - -__Seit August 2020 betreibe ich eine öffentliche Shields Instanz.__ Schau gerne mal vorbei und nutze die Bagdes in deinen eigenen Projekten. Es kann sein, das nicht alle Integrationen aktiviert sind. - -__Hier gehts zu Shields: [shields.sp-codes.de](https://shields.sp-codes.de)__ - -## Weitere nützliche Links - -* [Shields Webseite](https://shields.io/) -* [Quellcode von Shields](https://github.com/badges/shields) diff --git a/src/en/about.md b/src/en/about.md deleted file mode 100644 index 8dccc82..0000000 --- a/src/en/about.md +++ /dev/null @@ -1,11 +0,0 @@ ---- -key: about -eleventyNavigation: - key: about - title: About me - icon: i-user-secret - url: https://samuel-philipp.com/ - locale: en - order: 1 -permalink: false ---- diff --git a/src/en/all-donations.html b/src/en/all-donations.html deleted file mode 100644 index 7093449..0000000 --- a/src/en/all-donations.html +++ /dev/null @@ -1,10 +0,0 @@ ---- -layout: base.njk -key: all-donations -title: Unterstützen ---- -

All Donations

- -

➔ Donate

- -{% include "donations.html" %} diff --git a/src/en/blog.md b/src/en/blog.md new file mode 100644 index 0000000..337102f --- /dev/null +++ b/src/en/blog.md @@ -0,0 +1,11 @@ +--- +key: blog +eleventyNavigation: + key: blog + title: Blog + icon: book + url: https://blog.sp-codes.de/ + locale: en + order: 1 +permalink: false +--- diff --git a/src/en/contact.html b/src/en/contact.html deleted file mode 100644 index ab8f3fe..0000000 --- a/src/en/contact.html +++ /dev/null @@ -1,41 +0,0 @@ ---- -layout: base.njk -key: contact -title: Contact -eleventyNavigation: - key: contact - title: Contact - icon: i-commenting - order: 3 ---- -

Contact Information

-

You want to contact me, report a problem, have a question about a service or would like to support me? Please - send me your message in any of the following ways. I am looking forward to receive your message.

-
-
- -
-
Send me an email to mail@sp-codes.de
- - -
-
Follow me on Mastodon or send me a message to @samuel_p@social.sp-codes.de
- - -
-
Write me on Matrix to @samuel-p:matrix.sp-codes.de
- - -
-
Write me on XMPP to samuel-p@dismail.de
- - -
-
Write me on Threema to the ID YSCU6F6U
- -
-
diff --git a/src/en/donate.html b/src/en/donate.html deleted file mode 100644 index ef83671..0000000 --- a/src/en/donate.html +++ /dev/null @@ -1,82 +0,0 @@ ---- -layout: base.njk -key: donate -title: Donate -eleventyNavigation: - key: donate - title: Donate - icon: i-hand-holding-heart - order: 4 ---- -

Donate

- -

All public services can be used for free. If you still want to contribute to the costs for server infrastructure or - send me a small donation for my blog, you can support me in the following ways1:

- -
-
-
-

Recommend

-
You are welcome to recommend my services and my blog posts. I am very glad if I can make you happy with - it. -
-
-
-

Bank transfer

-
If you want to transfer some money to me, just write me a short message. I - will then send you my bank details as soon as possible. I am especially happy about a standing order. -
- Bank transfer {{ strings.supporters[locale] }} -
-
-
-
-

Cash

-
If you want to send me some cash, feel free to send it to the address provided in the imprint. -
- Cash {{ strings.supporters[locale] }} -
-
-
-
-

netcup

-
Some of my services are hosted at netcup. If you want to run your own server or website at netcup, you can use the following link (on the - picture). This way I get a small commission on your order. If you are a new customer, you will receive a - 5€ voucher for your order. -
-
- Use voucher -
-
-
-

Hetzner

-
I also host some of my services at Hetzner. If - you want to run your own server in the Hetzner cloud, you - are welcome to use the following link. This way I get a small commission for your order. If you are a - new customer, you will get 20 € starting balance with your order. -
-
- Use voucher -
-
-
-
- -

Current Expenses

-{% include "expenses-current.html" %} - -

Donations {{donations[0].year}}

-{% include "donations-current.html" %} - -

➔ All Donations

- -
-

1 The payments made are donations in terms of § 516 BGB, not tax-deductible donations in terms - of tax law.

-
diff --git a/src/en/imprint.html b/src/en/imprint.html index 5d44c81..a28f0cd 100644 --- a/src/en/imprint.html +++ b/src/en/imprint.html @@ -2,31 +2,7 @@ layout: base.njk title: sp-codes --- -

Imprint

-
-

Information as per § 5 TMG:

-

Samuel Philipp
- Otto-von-Guericke-Straße 40a
- 39104 Magdeburg
- Deutschland

-
-
-

Contact

-

- E-Mail-Address: mail@sp-codes.de
- More contact options: https://sp-codes.de/{{locale}}/contact
-

-
-
-

Domains

- -
-
-

Licenses

-

This Website uses the following libraries with their respective licenses:

- {% include "licenses.html" %} +
+

Imprint

+

Sorry, this document is only available in German so far. Read it here.

diff --git a/src/en/index.html b/src/en/index.html index b1e3250..16d14f9 100644 --- a/src/en/index.html +++ b/src/en/index.html @@ -5,42 +5,23 @@ title: Home eleventyNavigation: key: home title: Home - icon: i-home + icon: home ---

Welcome to sp‑codes!

- Glad you found your way here. 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. -

-

- Since April 2022 I also offer professional hosting of open source tools for companies, private persons and - other organizations with my company Ossrox. If you are - interested, feel free to visit our website or send me a message. -

-

- - Ossrox - + to look around, read my Blog (in German) or use the various services.

Services

-

- For users of the services and anyone interested, there is a public matrix room as a place to share - questions, ideas and problems: #sp-codes:matrix.sp-codes.de -

-

- Follow sp-codes on Mastodon: @sp_codes@social.sp-codes.de -

- {% include "services-simple.html" %} + {% include services-simple.html %}
@@ -54,4 +35,4 @@ eleventyNavigation:
-{% include "profiles.html" %} +{% include profiles.html %} diff --git a/src/en/privacy.html b/src/en/privacy.html index 99213bd..439cb13 100644 --- a/src/en/privacy.html +++ b/src/en/privacy.html @@ -1,6 +1,8 @@ --- layout: base.njk -title: Privacy +title: sp-codes --- -

Privacy

+ +

Privacy

Sorry, this document is only available in German so far. Read it here.

+ diff --git a/src/en/services.html b/src/en/services.html index a8aa42a..31354b5 100644 --- a/src/en/services.html +++ b/src/en/services.html @@ -5,24 +5,9 @@ title: Services eleventyNavigation: key: services title: Services - icon: i-server - order: 2 + icon: server + order: 3 --- -

Services

+

Services

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.

- -

For the users of the services there is a public matrix room as a place to share questions, ideas and problems. Feel - free to join us if you use one of the services listed here or just want to drop by:

- -

#sp-codes:matrix.sp-codes.de -

- -
-

You want to realize your own open source project to regain your digital sovereignty? I would be happy to support - you personally with my company. Feel free to visit ossrox.org - or send me a message.

- - Ossrox - -
diff --git a/src/en/services/connectivitycheck.md b/src/en/services/connectivitycheck.md index 288a3a8..ecacbfc 100644 --- a/src/en/services/connectivitycheck.md +++ b/src/en/services/connectivitycheck.md @@ -3,7 +3,7 @@ layout: base.njk key: connectivitycheck title: Captive Portal Check --- -# Captive Portal Check +# Captive Portal Check A captive portal is a login page in public WLAN networks to restrict Internet access to the approval of certain terms of use. When you see a login page on a public network, your device uses a captive portal check. This allows the device to find out whether you have direct Internet access or not. In Android, for example, your device sends a request to a Google server. @@ -46,21 +46,6 @@ Restart the network-manager: sudo service network-manager restart ``` -## Setup in Fedora - -In Fedora, the file `/etc/NetworkManager/NetworkManager.conf` must be changed. Add or change the following lines: - -``` -[connectivity] -uri=https://connectivitycheck.sp-codes.de/generate204 -``` - -Restart the _NetworkManager_: - -``` -sudo service NetworkManager restart -``` - ## Setup in Firefox Type [about:config](about:config) in the Firefox address bar and search for `captivedetect.canonicalURL` and `network.connectivity-service`. Set the URL values to `https://connectivitycheck.sp-codes.de/generate204`, the domain values to `connectivitycheck.sp-codes.de`. That's it. diff --git a/src/en/services/etherpad.md b/src/en/services/etherpad.md deleted file mode 100644 index 214694c..0000000 --- a/src/en/services/etherpad.md +++ /dev/null @@ -1,17 +0,0 @@ ---- -layout: base.njk -key: etherpad -title: Etherpad ---- -# Etherpad - -Etherpad is a web-based collaboration platform that allows users to edit text documents together in real time. Multiple users can simultaneously access the same Etherpad document, make changes, and see what others are writing. Etherpad provides a simple and effective way for teamwork, brainstorming, collaborative writing, and more, without version conflicts. - -Etherpad is also embedded in Jitsi Meet. This allows for shared notes to be captured during a meeting. - -__I've been running Etherpad since the end of 2020: [https://pad.sp-codes.de](https://pad.sp-codes.de)__ Feel free to use Etherpad for your notes as well. - -## More useful links - -* [Etherpad Webseite](https://etherpad.org) -* [Quellcode von Etherpad](https://github.com/ether/etherpad-lite) diff --git a/src/en/services/firefox-sync.md b/src/en/services/firefox-sync.md new file mode 100644 index 0000000..d066db0 --- /dev/null +++ b/src/en/services/firefox-sync.md @@ -0,0 +1,19 @@ +--- +layout: base.njk +key: firefox-sync +title: Firefox Sync +--- +# Firefox Sync + +Do you use Firefox on more than one device for surfing? Then Firefox Sync lets you synchronize your browser data (bookmarks, open tabs, search history, and more) between all your devices. + +To do this, you first need a Firefox account and must log in to your devices. By default, you will then automatically use the Mozilla sync service. If you want to use a different server you can change this in the settings. + +__Since February 2020 I offer a public service for Firefox-Sync.__ You can use it to synchronize your data between your devices. + +Therefore type [about:config](about:config) in the Firefox address bar, search for `identity.sync.tokenserver.uri` and set the value to `https://sync.firefox.sp-codes.de/token/1.0/sync/1.5`. You are now using the entered sync service. + +## More useful links + +* [Firefox Sync](https://www.mozilla.org/de/firefox/accounts/) +* [Source code](https://github.com/mozilla-services/syncserver) diff --git a/src/en/services/forgejo.md b/src/en/services/forgejo.md deleted file mode 100644 index 0d466cf..0000000 --- a/src/en/services/forgejo.md +++ /dev/null @@ -1,23 +0,0 @@ ---- -layout: base.njk -key: forgejo -title: Forgejo ---- -# Forgejo - -Forgejo is a simple code hosting platform like GitHub or GitLab. It is open source and under continuous development. __Since the end of 2019 I have my own Forgejo instance, to manage my projects.__ For example this website. Feel free to have a look at the source code and leave some feedback. - -In addition to Forgejo, I also run Woodpecker, a platform that extends Forgejo with many continuous integration features, such as automated builds and deploys. - -Feel free to visit and sign up if you're interested in developing a project. The registration is open since March 2020. - -__To get to Forgejo click here: [git.sp-codes.de](https://git.sp-codes.de)__ - -__If you want to check out Woodpecker, click here: [ci.sp-codes.de](https://ci.sp-codes.de)__ - -## More useful links - -* [Forgejo website](https://forgejo.org/) -* [Source code of Forgejo](https://codeberg.org/forgejo/forgejo) -* [Woodpecker Website](https://woodpecker-ci.org/) -* [Source code of Woodpecker](https://github.com/woodpecker-ci/woodpecker) diff --git a/src/en/services/gitea.md b/src/en/services/gitea.md new file mode 100644 index 0000000..398050f --- /dev/null +++ b/src/en/services/gitea.md @@ -0,0 +1,23 @@ +--- +layout: base.njk +key: gitea +title: Gitea +--- +# Gitea + +Gitea is a simple code hosting platform like GitHub or GitLab. It is open source and under continuous development. __Since the end of 2019 I have my own Gitea instance, to manage my projects.__ For example this website. Feel free to have a look at the source code and leave some feedback. + +In addition to Gitea, I also run Drone, a platform that extends Gitea with many continuous integration features, such as automated builds and deploys. + +Feel free to visit and sign up if you're interested in developing a project. The registration is open since March 2020. + +__To get to Gitea click here: [git.sp-codes.de](https://git.sp-codes.de)__ + +__If you want to check out Drone, click here: [ci.sp-codes.de](https://ci.sp-codes.de)__ + +## More useful links + +* [Gitea website](https://gitea.io/en-us/) +* [Source code of Gitea](https://github.com/go-gitea/gitea) +* [Drone Website](https://drone.io/) +* [Source code of Drone](https://github.com/drone/drone) diff --git a/src/en/services/invidious.md b/src/en/services/invidious.md new file mode 100644 index 0000000..00d27f7 --- /dev/null +++ b/src/en/services/invidious.md @@ -0,0 +1,17 @@ +--- +layout: base.njk +key: invidious +title: Invidious +--- +# Invidious + +Invidious is an alternative YouTube-Frontend. It establishes only the most necessary connections to YouTube and many of them are even made by the server itself. So Invidious increases the privacy of the users. + +__Since December 2019 I run a public Invidious instance.__ Feel free to watch some videos there. + +__Watch your first video on [invidious.sp-codes.de](https://invidious.sp-codes.de).__ + +## More useful links + +* [List of other public servers](https://github.com/omarroth/invidious/wiki/Invidious-Instances) +* [Source code of Invidious](https://github.com/omarroth/invidious) diff --git a/src/en/services/jitsi.md b/src/en/services/jitsi.md index 4adbdcd..17dbe31 100644 --- a/src/en/services/jitsi.md +++ b/src/en/services/jitsi.md @@ -3,7 +3,7 @@ layout: base.njk key: jitsi title: Jitsi Meet --- -# Jitsi Meet +# Jitsi Meet Jitsi-Meet is a platform for video conferences. You can start fully encrypted video chats without registration. Additionally, Jitsi-Meet offers the possibility to share the screen with other participants, invite new users with a simple link and send messages in the integrated chat. @@ -11,14 +11,6 @@ __Since July 2020 I run my own Jitsi-Meet instance. You can find it at [jitsi.sp You are welcome to use the instance with other people. -If you want to have your own Jitsi server for you, your family or your company, I would be happy to support you with my company Ossrox. Please have a look at our services on our website or send me a message. - -
- - Ossrox - -
- ## More useful links * [Jitsi Website](https://jitsi.org/) diff --git a/src/en/services/mastodon.md b/src/en/services/mastodon.md deleted file mode 100644 index 4962330..0000000 --- a/src/en/services/mastodon.md +++ /dev/null @@ -1,57 +0,0 @@ ---- -layout: base.njk -key: mastodon -title: Mastodon ---- -# Mastodon - -Mastodon is a federated microblogging service, similar to Twitter. However, the service is not based on a central platform, but consists of many, decentralized instances that are run independently by private individuals, associations or other organizations. This means that users are not locked into a single provider, but are free to decide with whom they share what information. - -Since Mastodon is based on open web protocols and free, open source software, it is also possible to communicate with other services such as Pleroma, PeerTube, Pixelfed, Friendica or Hubzilla. Users can share text, image, video messages or polls across services and servers. - -__Since May 2021 I run a public Mastodon instance: [social.sp-codes.de](https://social.sp-codes.de/)__ - -Feel free to read the server rules and more information [here](https://social.sp-codes.de/about/more) (German). Feel free to register on my server or pick one from the lists linked below. I'm looking forward to your message to [@samuel_p@matrix.sp-codes.de](https://social.sp-codes.de/@samuel_p). - -
-Register now -
- -If you want to have your own mastodon server for you, your family or your company, I would be happy to support you with my company Ossrox. Please have a look at our services on our website or send me a message. - -
- - Ossrox - -
- -## Interesting Accounts - -* [Bundesbeauftragte für Datenschutz und Informationsfreiheit](https://social.bund.de/@bfdi) -* [Bundesamt für Sicherheit in der Informationstechnik](https://social.bund.de/@bsi) -* [Landesregierung Baden-Württemberg](https://mastodon.social/@RegierungBW) -* [Landtag Rheinland-Pfalz](https://social.bund.de/@ltrlp) -* [LfDI Baden-Württemberg](https://bawü.social/@lfdi) -* [Umweltministerium Baden-Württemberg](https://bawü.social/@Umweltministerium) -* [Verbraucherzentrale Schleswig-Holstein](https://troet.cafe/@verbraucherzentrale_sh) -* [Digitalcourage e.V.](https://digitalcourage.social/@digitalcourage) -* [Mobilsicher](https://mastodontech.de/@mobilsicher) -* [Chaos Computer Club](https://social.bau-ha.us/@CCC) -* [GLS Bank](https://ruhr.social/@glsbank) -* [Fairphone](https://social.weho.st/@Fairphone) -* [WEtell.Mobilfunk](https://chaos.social/@wetell) -* [Gnu/Linux](https://social.anoxinon.de/@gnulinux) -* [FragDenStaat](https://chaos.social/@fragdenstaat) -* [Threema](https://mastodon.social/@threemaapp) -* [Minetest](https://fosstodon.org/@Minetest) -* [0 A.D.](https://mastodon.social/@play0ad) -* [Ulrich Kelber](https://bonn.social/@ulrichkelber) -* [Inga Klas](https://mastodon.social/@ingaklas) -* [Mike Kuketz](https://social.tchncs.de/@kuketzblog) - -## More useful links - -* [Various Apps](https://joinmastodon.org/apps) -* Lists with public Mastodon instances - * [joinmastodon.org](https://joinmastodon.org/communities) - * [instances.social](https://instances.social/) diff --git a/src/en/services/matrix.md b/src/en/services/matrix.md index 8e5b127..4b655f6 100644 --- a/src/en/services/matrix.md +++ b/src/en/services/matrix.md @@ -3,7 +3,7 @@ layout: base.njk key: matrix title: Matrix --- -# Matrix +# Matrix Matrix is a modern, open source software for decentralized communication (like e-mail). Matrix offers end-to-end encryption, voice and video calls and much more. However, the most important thing is that there is not one Matrix server that all users have to use, like WhatsApp, Telegram and many other popular messengers. @@ -11,57 +11,15 @@ Users can choose a public server or create their own and still communicate with __Since the beginning of 2020 I run a public Matrix server: [matrix.sp-codes.de](https://matrix.sp-codes.de/) And a public Element-Web instance: [chat.sp-codes.de](https://chat.sp-codes.de/)__ -You can read the server rules [here](https://matrix.sp-codes.de/_matrix/consent) (German). Feel free to create an account on my server or choose one from the lists linked below. I look forward to hear from you [@samuel-p:matrix.sp-codes.de](https://matrix.to/#/@samuel-p:matrix.sp-codes.de). - -
-Register now -
- -If you want to have your own matrix server for you, your family or your company, I would be happy to support you with my company Ossrox. Please have a look at our services on our website or send me a message. - -
- - Ossrox - -
- -Here you will find an article series (German) for an easy start to Matrix: - -
-
-
-
-Part 1: Werde Teil der Matrix -
-
-Part 2: Sichere Chats mit Matrix -
-
-
-
- -## Why Matrix? - -Here I want to give some reasons why I use Matrix and prefer it over many other messengers: - -* Since the servers are decentralized, the network remains available even if one server fails. -* You are free to choose your server provider and you are not dependent on a central provider. -* Matrix can be used without a phone number or email address. -* There are apps for all platforms (mobile, PC, Browser, etc.) -* By default, messages in private chats and groups are end-to-end encrypted. This also makes it impossible for the server provider to read messages. -* The protocol (the way data is transferred) is open, so anyone can check how it works or develop new apps that use this protocol. -* The encryption algorithms are also publicly available and verifiable. They are not proprietary by any company. -* Apps and servers are open source, which makes the functionality and further development transparent and traceable. -* Matrix supports voice and video calls, both in private and group chats. +Feel free to create an account on my server or choose one from the list linked below. I look forward to hear from you [@samuel-p:matrix.sp-codes.de](https://matrix.to/#/@samuel-p:matrix.sp-codes.de). ## More useful links * [Various Apps](https://matrix.org/clients) * [List of public rooms](https://view.matrix.org/) -* Lists with public Matrix servers +* Lists with public matrix servers * [hello-matrix.net](https://www.hello-matrix.net/public_servers.php) - * [anchel.nl](https://publiclist.anchel.nl/) + * [anchel.nl](https://www.anchel.nl/matrix-publiclist/) * [the-federation.info](https://the-federation.info/protocol/matrix) - * [FossMessenger](https://fediverse.blog/~/FossMessenger/matrix-server) * [Matrix FAQ](https://matrix.org/faq/) * [Migrate Account](https://ems.element.io/tools/matrix-migration) diff --git a/src/en/services/ntfy.md b/src/en/services/ntfy.md deleted file mode 100644 index 4bb0362..0000000 --- a/src/en/services/ntfy.md +++ /dev/null @@ -1,17 +0,0 @@ ---- -layout: base.njk -key: ntfy -title: ntfy ---- -# ntfy - -ntfy is a versatile tool for notification about various events. It also supports UnifiedPush, an open protocol for real-time notifications. - -To use ntfy as a central app for notifications, the app must first be installed on the phone. Then, apps that support UnifiedPush, such as Element, Fluffychat or Tusky can use ntfy as a push provider. This way, not all apps need to keep a connection open to the server and are more energy efficient as a result. In order for you to use my server, you must first set it up in the settings. - -__Since May 2023 I provide ntfy for free: [https://ntfy.sp-codes.de](https://ntfy.sp-codes.de)__ You are welcome to use ntfy as push provider for your apps if you like. - -## More useful links - -* [ntfy Website](https://ntfy.sh) -* [Sourcecode of ntfy](https://github.com/binwiederhier/ntfy) diff --git a/src/en/services/peertube.md b/src/en/services/peertube.md deleted file mode 100644 index 5467e8c..0000000 --- a/src/en/services/peertube.md +++ /dev/null @@ -1,35 +0,0 @@ ---- -layout: base.njk -key: mastodon -title: Mastodon ---- -# PeerTube - -PeerTube is a network of several federated, interoperable video hosting providers, comparable to YouTube. However, the service is not based on a central platform, but consists of many, decentralized instances that are run independently by private individuals, associations or other organizations. This means that users are not locked into a single provider, but are free to decide with whom they share what information. - -Since PeerTube is based on open web protocols and free, open source software, it is also possible to communicate with other services such as Mastodon, Pleroma, Pixelfed, Friendica or Hubzilla. Users can share text, image, video messages or polls across services and servers. - -__Since August 2021 I run a public PeerTube instance: [tube.sp-codes.de](https://tube.sp-codes.de/)__ - -Feel free to read the server rules and more information [here](https://tube.sp-codes.de/about/instance) (German). Feel free to register on my server or pick one from the lists linked below. - -
-Register now -
- -## Interesting Channels - -* [GNU/Linux News Show](https://tube.sp-codes.de/c/gnulinuxnewsshow) -* [BigBrotherAwards](https://digitalcourage.video/c/bba) -* [mobilsicher](https://peertube.mobilsicher.de/c/mobilsicher) -* [Drohnenvideos](https://tube.sp-codes.de/c/drohne) -* [Artem Music](https://tube.anufrij.de/c/artem_music) -* [Es geht um Deine Daten](https://digitalcourage.video/c/es_geht_um_deine_daten) -* [Patrick Breyer](https://peertube.european-pirates.eu/c/patrick_breyer_mep_channel) - -## More useful links - -* [EU Video](https://tube.network.europa.eu) -* Lists with public PeerTube instances - * [joinpeertube.org](https://joinpeertube.org/instances) - * [instances.joinpeertube.org](https://instances.joinpeertube.org/instances) diff --git a/src/en/services/searx.md b/src/en/services/searx.md new file mode 100644 index 0000000..06049f3 --- /dev/null +++ b/src/en/services/searx.md @@ -0,0 +1,27 @@ +--- +layout: base.njk +key: searx +title: Searx +--- +# Searx + +Searx is a free meta search engine, which uses other public search engines like Google, DuckDuckGo, StartPage and many others. + +In order to protect the privacy of the users, Searx does not give the IP address, or the search history to the search engines it retrieves the results from. Searx itself also does not store any search queries or other logs. Additional it offers a variety of settings, for example, the language and the search engines can be configured for each search query. + +Searx also provides a proxy through which many search results can be accessed anonymously. Instead of clicking on the direct link, use the `proxied` button in the bottom right corner of the search result. + +__Since November 2019 I run a public Searx instance.__ Feel free to check it out and get answers to your questions. If you have any questions or problems, feel free to contact me. + +Here is the link to Searx: [searx.sp-codes.de](https://searx.sp-codes.de) + +Tor Hidden Service: [searxbi3f73mmdeb.onion](http://searxbi3f73mmdeb.onion) + +## More useful links + +* [Searx Website](https://asciimoo.github.io/searx/) +* [Documentation](https://asciimoo.github.io/searx/user/index.html) +* [Set default search engine in Firefox](https://support.mozilla.org/en-US/kb/add-or-remove-search-engine-firefox) +* [Set default search engine in Chrome](https://support.google.com/chrome/answer/95426?co=GENIE.Platform%3DDesktop&hl=en) +* [List of other public servers](https://searx.space/) +* [Source code of Searx](https://github.com/asciimoo/searx) diff --git a/src/en/services/shields.md b/src/en/services/shields.md deleted file mode 100644 index 090bcd0..0000000 --- a/src/en/services/shields.md +++ /dev/null @@ -1,17 +0,0 @@ ---- -layout: base.njk -key: shields -title: Shields ---- -# Shields - -Shields is a service for concise, consistent and legible badges in SVG and raster format. Via a URL they can be easily embedded in readmes or any other website. In addition, integrations to various services or networks are provided. - -__Since August 2020 I run a public Shields instance.__ Feel free to visit it and use the bagdes in your own projects. It is possible that not all integrations are activated. - -__Here is the link to Shields: [shields.sp-codes.de](https://shields.sp-codes.de)__ - -## More useful links - -* [Shields Website](https://shields.io/) -* [Source code of Shields](https://github.com/badges/shields) diff --git a/src/favicon.ico b/src/favicon.ico deleted file mode 100644 index 3628c15..0000000 Binary files a/src/favicon.ico and /dev/null differ diff --git a/src/favicon.png b/src/favicon.png deleted file mode 100644 index b65ac1e..0000000 Binary files a/src/favicon.png and /dev/null differ diff --git a/src/font/icomoon.eot b/src/font/icomoon.eot deleted file mode 100644 index 00264ae..0000000 Binary files a/src/font/icomoon.eot and /dev/null differ diff --git a/src/font/icomoon.svg b/src/font/icomoon.svg deleted file mode 100644 index 8aa3cba..0000000 --- a/src/font/icomoon.svg +++ /dev/null @@ -1,50 +0,0 @@ - - - -Generated by IcoMoon - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - \ No newline at end of file diff --git a/src/font/icomoon.ttf b/src/font/icomoon.ttf deleted file mode 100644 index e70033a..0000000 Binary files a/src/font/icomoon.ttf and /dev/null differ diff --git a/src/font/icomoon.woff b/src/font/icomoon.woff deleted file mode 100644 index dabcec3..0000000 Binary files a/src/font/icomoon.woff and /dev/null differ diff --git a/src/font/icomoon.woff2 b/src/font/icomoon.woff2 deleted file mode 100644 index df1139e..0000000 Binary files a/src/font/icomoon.woff2 and /dev/null differ diff --git a/src/img/bg.jpg b/src/img/bg.jpg deleted file mode 100644 index 7903b40..0000000 Binary files a/src/img/bg.jpg and /dev/null differ diff --git a/src/img/bg.png b/src/img/bg.png new file mode 100644 index 0000000..8b1d392 Binary files /dev/null and b/src/img/bg.png differ diff --git a/src/img/de.svg b/src/img/de.svg deleted file mode 100644 index 1acf302..0000000 --- a/src/img/de.svg +++ /dev/null @@ -1,5 +0,0 @@ - - - - - diff --git a/src/img/matrix.png b/src/img/matrix.png new file mode 100644 index 0000000..9ca178a Binary files /dev/null and b/src/img/matrix.png differ diff --git a/src/img/matrix/setup/part-1/1start.png b/src/img/matrix/setup/part-1/1start.png deleted file mode 100644 index 0541937..0000000 Binary files a/src/img/matrix/setup/part-1/1start.png and /dev/null differ diff --git a/src/img/matrix/setup/part-1/2anbieter.png b/src/img/matrix/setup/part-1/2anbieter.png deleted file mode 100644 index f2b2fe5..0000000 Binary files a/src/img/matrix/setup/part-1/2anbieter.png and /dev/null differ diff --git a/src/img/matrix/setup/part-1/3server-name.png b/src/img/matrix/setup/part-1/3server-name.png deleted file mode 100644 index a13c967..0000000 Binary files a/src/img/matrix/setup/part-1/3server-name.png and /dev/null differ diff --git a/src/img/matrix/setup/part-1/4anmelden.png b/src/img/matrix/setup/part-1/4anmelden.png deleted file mode 100644 index c511c59..0000000 Binary files a/src/img/matrix/setup/part-1/4anmelden.png and /dev/null differ diff --git a/src/img/matrix/setup/part-1/6home.png b/src/img/matrix/setup/part-1/6home.png deleted file mode 100644 index 3aa696a..0000000 Binary files a/src/img/matrix/setup/part-1/6home.png and /dev/null differ diff --git a/src/img/matrix/setup/part-1/7neu.png b/src/img/matrix/setup/part-1/7neu.png deleted file mode 100644 index 5160526..0000000 Binary files a/src/img/matrix/setup/part-1/7neu.png and /dev/null differ diff --git a/src/img/matrix/setup/part-1/8matrix-id.png b/src/img/matrix/setup/part-1/8matrix-id.png deleted file mode 100644 index 1e470e8..0000000 Binary files a/src/img/matrix/setup/part-1/8matrix-id.png and /dev/null differ diff --git a/src/img/matrix/setup/part-1/9chat.png b/src/img/matrix/setup/part-1/9chat.png deleted file mode 100644 index 4d39fa5..0000000 Binary files a/src/img/matrix/setup/part-1/9chat.png and /dev/null differ diff --git a/src/img/matrix/setup/part-2/e2ee1.png b/src/img/matrix/setup/part-2/e2ee1.png deleted file mode 100644 index eea2caa..0000000 Binary files a/src/img/matrix/setup/part-2/e2ee1.png and /dev/null differ diff --git a/src/img/matrix/setup/part-2/e2ee2.png b/src/img/matrix/setup/part-2/e2ee2.png deleted file mode 100644 index 6b57feb..0000000 Binary files a/src/img/matrix/setup/part-2/e2ee2.png and /dev/null differ diff --git a/src/img/matrix/setup/part-2/e2ee3.png b/src/img/matrix/setup/part-2/e2ee3.png deleted file mode 100644 index 3aac515..0000000 Binary files a/src/img/matrix/setup/part-2/e2ee3.png and /dev/null differ diff --git a/src/img/matrix/setup/part-2/e2ee4.png b/src/img/matrix/setup/part-2/e2ee4.png deleted file mode 100644 index c25ac27..0000000 Binary files a/src/img/matrix/setup/part-2/e2ee4.png and /dev/null differ diff --git a/src/img/matrix/setup/part-2/key1.png b/src/img/matrix/setup/part-2/key1.png deleted file mode 100644 index 46c5089..0000000 Binary files a/src/img/matrix/setup/part-2/key1.png and /dev/null differ diff --git a/src/img/matrix/setup/part-2/key2.png b/src/img/matrix/setup/part-2/key2.png deleted file mode 100644 index e5fc773..0000000 Binary files a/src/img/matrix/setup/part-2/key2.png and /dev/null differ diff --git a/src/img/matrix/setup/part-2/key3.png b/src/img/matrix/setup/part-2/key3.png deleted file mode 100644 index e35fde5..0000000 Binary files a/src/img/matrix/setup/part-2/key3.png and /dev/null differ diff --git a/src/img/matrix/setup/part-2/key4.png b/src/img/matrix/setup/part-2/key4.png deleted file mode 100644 index 763bccb..0000000 Binary files a/src/img/matrix/setup/part-2/key4.png and /dev/null differ diff --git a/src/img/matrix/setup/part-2/session1.png b/src/img/matrix/setup/part-2/session1.png deleted file mode 100644 index cb1f1b3..0000000 Binary files a/src/img/matrix/setup/part-2/session1.png and /dev/null differ diff --git a/src/img/matrix/setup/part-2/session2.png b/src/img/matrix/setup/part-2/session2.png deleted file mode 100644 index 4b2f27e..0000000 Binary files a/src/img/matrix/setup/part-2/session2.png and /dev/null differ diff --git a/src/img/matrix/setup/part-2/session3.png b/src/img/matrix/setup/part-2/session3.png deleted file mode 100644 index 7e451cd..0000000 Binary files a/src/img/matrix/setup/part-2/session3.png and /dev/null differ diff --git a/src/img/matrix/setup/part-2/session4.png b/src/img/matrix/setup/part-2/session4.png deleted file mode 100644 index 9559aa7..0000000 Binary files a/src/img/matrix/setup/part-2/session4.png and /dev/null differ diff --git a/src/img/matrix/setup/part-2/verifizieren1.png b/src/img/matrix/setup/part-2/verifizieren1.png deleted file mode 100644 index eea2caa..0000000 Binary files a/src/img/matrix/setup/part-2/verifizieren1.png and /dev/null differ diff --git a/src/img/matrix/setup/part-2/verifizieren2.png b/src/img/matrix/setup/part-2/verifizieren2.png deleted file mode 100644 index 7648bc5..0000000 Binary files a/src/img/matrix/setup/part-2/verifizieren2.png and /dev/null differ diff --git a/src/img/matrix/setup/part-2/verifizieren3.png b/src/img/matrix/setup/part-2/verifizieren3.png deleted file mode 100644 index c6dfa07..0000000 Binary files a/src/img/matrix/setup/part-2/verifizieren3.png and /dev/null differ diff --git a/src/img/matrix/setup/part-2/verifizieren4.png b/src/img/matrix/setup/part-2/verifizieren4.png deleted file mode 100644 index 8f460d7..0000000 Binary files a/src/img/matrix/setup/part-2/verifizieren4.png and /dev/null differ diff --git a/src/img/matrix/setup/part-2/verifizieren5.png b/src/img/matrix/setup/part-2/verifizieren5.png deleted file mode 100644 index 0783c35..0000000 Binary files a/src/img/matrix/setup/part-2/verifizieren5.png and /dev/null differ diff --git a/src/img/matrix/setup/part-2/verifizieren6.png b/src/img/matrix/setup/part-2/verifizieren6.png deleted file mode 100644 index 471bea3..0000000 Binary files a/src/img/matrix/setup/part-2/verifizieren6.png and /dev/null differ diff --git a/src/img/ossrox.svg b/src/img/ossrox.svg deleted file mode 100644 index 11da94e..0000000 --- a/src/img/ossrox.svg +++ /dev/null @@ -1,72 +0,0 @@ - - - - - - - - - - - - - - - - - diff --git a/src/img/samuel.png b/src/img/samuel.png new file mode 100644 index 0000000..45d5f76 Binary files /dev/null and b/src/img/samuel.png differ diff --git a/src/img/searx/setup/chrome-1.png b/src/img/searx/setup/chrome-1.png deleted file mode 100644 index e44879d..0000000 Binary files a/src/img/searx/setup/chrome-1.png and /dev/null differ diff --git a/src/img/searx/setup/firefox-1.png b/src/img/searx/setup/firefox-1.png deleted file mode 100644 index 5f33d94..0000000 Binary files a/src/img/searx/setup/firefox-1.png and /dev/null differ diff --git a/src/img/searx/setup/firefox-2.png b/src/img/searx/setup/firefox-2.png deleted file mode 100644 index 115c4c3..0000000 Binary files a/src/img/searx/setup/firefox-2.png and /dev/null differ diff --git a/src/img/sp-codes.png b/src/img/sp-codes.png deleted file mode 100644 index 41f3dbf..0000000 Binary files a/src/img/sp-codes.png and /dev/null differ diff --git a/src/img/sp-codes.svg b/src/img/sp-codes.svg deleted file mode 100644 index d0b5348..0000000 --- a/src/img/sp-codes.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/src/img/us.svg b/src/img/us.svg deleted file mode 100644 index 5b55267..0000000 --- a/src/img/us.svg +++ /dev/null @@ -1,10 +0,0 @@ - - - - - - - - - - diff --git a/src/scss/icons/flags.scss b/src/scss/icons/flags.scss deleted file mode 100644 index 602510c..0000000 --- a/src/scss/icons/flags.scss +++ /dev/null @@ -1,24 +0,0 @@ -// flag-icon-css -$flag-icon-path: "" !default; - -[class^="fi-"], [class*=" fi-"] { - position: relative; - display: inline-block; - width: 1.33333em; - line-height: 1em; - background-size: contain; - background-position: 50%; - background-repeat: no-repeat; - - &::before { - content: '\00a0'; - } -} - -.fi-us { - background-image: url('#{$flag-icon-path}/us.svg'); -} - -.fi-de { - background-image: url('#{$flag-icon-path}/de.svg'); -} diff --git a/src/scss/icons/style.scss b/src/scss/icons/style.scss deleted file mode 100644 index b0d54a9..0000000 --- a/src/scss/icons/style.scss +++ /dev/null @@ -1,282 +0,0 @@ -@import "variables"; - -@font-face { - font-family: '#{$icomoon-font-family}'; - src: url('#{$icomoon-font-path}/#{$icomoon-font-family}.eot?2zy46l'); - src: url('#{$icomoon-font-path}/#{$icomoon-font-family}.eot?2zy46l#iefix') format('embedded-opentype'), - url('#{$icomoon-font-path}/#{$icomoon-font-family}.woff2?2zy46l') format('woff2'), - url('#{$icomoon-font-path}/#{$icomoon-font-family}.woff?2zy46l') format('woff'), - url('#{$icomoon-font-path}/#{$icomoon-font-family}.ttf?2zy46l') format('truetype'), - url('#{$icomoon-font-path}/#{$icomoon-font-family}.svg?2zy46l##{$icomoon-font-family}') format('svg'); - font-weight: normal; - font-style: normal; - font-display: block; -} - -[class^="i-"], [class*=" i-"] { - /* use !important to prevent issues with browser extensions that change fonts */ - font-family: '#{$icomoon-font-family}' !important; - speak: never; - font-style: normal; - font-weight: normal; - font-variant: normal; - text-transform: none; - line-height: 1; - - /* Enable Ligatures ================ */ - letter-spacing: 0; - -webkit-font-feature-settings: "liga"; - -moz-font-feature-settings: "liga=1"; - -moz-font-feature-settings: "liga"; - -ms-font-feature-settings: "liga" 1; - font-feature-settings: "liga"; - -webkit-font-variant-ligatures: discretionary-ligatures; - font-variant-ligatures: discretionary-ligatures; - - /* Better Font Rendering =========== */ - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; - - /* own changes */ - display: inline-block; -} - -.i-fw { - width: 1.25em; - text-align: center; -} - -.i-2x { - font-size: 2em; -} - -.i-3x { - font-size: 3em; -} - -.i-4x { - font-size: 4em; -} - -.i-cloud-download { - &:before { - content: $i-cloud-download; - } -} - -.i-pencil-square { - &:before { - content: $i-pencil-square; - } -} - -.i-pixelfed { - &:before { - content: $i-pixelfed; - } -} - -.i-server { - &:before { - content: $i-server; - } -} - -.i-credit-card { - &:before { - content: $i-credit-card; - } -} - -.i-external-link { - &:before { - content: $i-external-link; - } -} - -.i-heart { - &:before { - content: $i-heart; - } -} - -.i-home { - &:before { - content: $i-home; - } -} - -.i-tags { - &:before { - content: $i-tags; - } -} - -.i-comments { - &:before { - content: $i-comments; - } -} - -.i-users { - &:before { - content: $i-users; - } -} - -.i-bars { - &:before { - content: $i-bars; - } -} - -.i-envelope { - &:before { - content: $i-envelope; - } -} - -.i-user-secret { - &:before { - content: $i-user-secret; - } -} - -.i-heartbeat { - &:before { - content: $i-heartbeat; - } -} - -.i-commenting { - &:before { - content: $i-commenting; - } -} - -.i-linkedin { - &:before { - content: $i-linkedin; - } -} - -.i-xing { - &:before { - content: $i-xing; - } -} - -.i-peertube { - &:before { - content: $i-peertube; - } -} - -.i-network-wired { - &:before { - content: $i-network-wired; - } -} - -.i-money-bill { - &:before { - content: $i-money-bill; - } -} - -.i-chart-line { - &:before { - content: $i-chart-line; - } -} - -.i-info-circle { - &:before { - content: $i-info-circle; - } -} - -.i-code { - &:before { - content: $i-code; - } -} - -.i-xmpp { - &:before { - content: $i-xmpp; - } -} - -.i-wifi { - &:before { - content: $i-wifi; - } -} - -.i-threema { - &:before { - content: $i-threema; - } -} - -.i-stackoverflow { - &:before { - content: $i-stackoverflow; - } -} - -.i-search { - &:before { - content: $i-search; - } -} - -.i-mastodon { - &:before { - content: $i-mastodon; - } -} - -.i-hand-holding-heart { - &:before { - content: $i-hand-holding-heart; - } -} - -.i-github { - &:before { - content: $i-github; - } -} - -.i-firefox { - &:before { - content: $i-firefox; - } -} - -.i-copyright { - &:before { - content: $i-copyright; - } -} - -.i-book { - &:before { - content: $i-book; - } -} - -.i-matrix { - &:before { - content: $i-matrix; - } -} - -.i-git { - &:before { - content: $i-git; - } -} - diff --git a/src/scss/icons/variables.scss b/src/scss/icons/variables.scss deleted file mode 100644 index 5af319c..0000000 --- a/src/scss/icons/variables.scss +++ /dev/null @@ -1,40 +0,0 @@ -$icomoon-font-family: "icomoon" !default; -$icomoon-font-path: "fonts" !default; - -$i-cloud-download: "\e916"; -$i-pencil-square: "\e913"; -$i-pixelfed: "\e90f"; -$i-server: "\e901"; -$i-credit-card: "\e902"; -$i-external-link: "\e917"; -$i-heart: "\f004"; -$i-home: "\f015"; -$i-tags: "\f02c"; -$i-comments: "\f086"; -$i-users: "\f0c0"; -$i-bars: "\f0c9"; -$i-envelope: "\f0e0"; -$i-user-secret: "\f21b"; -$i-heartbeat: "\f21e"; -$i-commenting: "\f27a"; -$i-linkedin: "\e919"; -$i-xing: "\e91a"; -$i-peertube: "\e918"; -$i-network-wired: "\e903"; -$i-money-bill: "\e904"; -$i-chart-line: "\e905"; -$i-info-circle: "\e906"; -$i-code: "\e907"; -$i-xmpp: "\e908"; -$i-wifi: "\e909"; -$i-threema: "\e90c"; -$i-stackoverflow: "\e90d"; -$i-search: "\e90e"; -$i-mastodon: "\e910"; -$i-hand-holding-heart: "\e911"; -$i-github: "\e912"; -$i-firefox: "\e914"; -$i-copyright: "\e915"; -$i-book: "\e91b"; -$i-matrix: "\e900"; -$i-git: "\eae7"; diff --git a/src/scss/logo.scss b/src/scss/logo.scss deleted file mode 100644 index 1172ba0..0000000 --- a/src/scss/logo.scss +++ /dev/null @@ -1,49 +0,0 @@ -// vivus instant logo animation - -.cEsZQnrx_0 { - stroke-dasharray: 1405 1407; - stroke-dashoffset: 1406; - animation: cEsZQnrx_draw 1300ms ease-out 0ms forwards; -} - -.cEsZQnrx_1 { - stroke-dasharray: 572 574; - stroke-dashoffset: 573; - animation: cEsZQnrx_draw 1300ms ease-out 175ms forwards; -} - -.cEsZQnrx_2 { - stroke-dasharray: 530 532; - stroke-dashoffset: 531; - animation: cEsZQnrx_draw 1300ms ease-out 350ms forwards; -} - -.cEsZQnrx_3 { - stroke-dasharray: 620 622; - stroke-dashoffset: 621; - animation: cEsZQnrx_draw 1300ms ease-out 525ms forwards; -} - -.cEsZQnrx_4 { - stroke-dasharray: 1088 1090; - stroke-dashoffset: 1089; - animation: cEsZQnrx_draw 1300ms ease-out 700ms forwards; -} - -@keyframes cEsZQnrx_draw { - 100% { - stroke-dashoffset: 0; - } -} - -@keyframes cEsZQnrx_fade { - 0% { - stroke-opacity: 1; - } - 93.54838709677419% { - stroke-opacity: 1; - } - 100% { - stroke-opacity: 0; - } -} diff --git a/src/scss/main.scss b/src/scss/main.scss index 9b00929..7d363c4 100644 --- a/src/scss/main.scss +++ b/src/scss/main.scss @@ -1,21 +1,18 @@ -$primary: #fea500; -$primary_dark: #e5a52e; +@import "node_modules/bootstrap/scss/bootstrap-grid"; +@import "node_modules/bootstrap/scss/bootstrap-reboot"; +@import "node_modules/bootstrap/scss/utilities/align"; +@import "node_modules/bootstrap/scss/utilities/spacing"; +@import "node_modules/bootstrap/scss/utilities/display"; +@import "node_modules/bootstrap/scss/utilities/text"; +@import "node_modules/bootstrap/scss/utilities/float"; -@import "logo"; - -$icomoon-font-path: "../font"; -@import "icons/style"; - -$flag-icon-path: '../img'; -@import "icons/flags"; - -@import "bootstrap/scss/bootstrap-grid"; -@import "bootstrap/scss/bootstrap-reboot"; -@import "bootstrap/scss/bootstrap-utilities"; -@import "bootstrap/scss/badge"; -@import "bootstrap/scss/functions"; -@import "bootstrap/scss/variables"; -@import "bootstrap/scss/mixins/_breakpoints"; +$fa-font-path: "../font"; +@import "node_modules/@fortawesome/fontawesome-free/scss/fontawesome"; +@import "node_modules/@fortawesome/fontawesome-free/scss/solid"; +@import "node_modules/@fortawesome/fontawesome-free/scss/brands"; +@import "node_modules/@fortawesome/fontawesome-free/scss/regular"; +$flag-icon-rect-path: ''; +@import "node_modules/flag-icon-css/sass/flag-icon"; html, body { height: 100%; @@ -24,118 +21,42 @@ html, body { } body { - background-image: url("../img/bg.jpg"); + background-image: url("../img/bg.png"); color: #fff; min-height: 100vh; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } -ul { - list-style: disclosure-closed; -} - .content { flex: 1; padding: 2%; } .highlight { - color: $primary; -} - -.text-foreground { - color: #fff; + color: #fea500; } a { - color: $primary; + color: #fea500; &:hover { - color: $primary_dark; + color: #d78c00; } } .logo { display: block; margin: 0 auto; - max-width: 128px; - max-height: 128px; - transition: transform .5s ease-in-out; - - &:hover { - transform: rotate(360deg); - } -} - -.nav { - display: flex; - justify-content: start; - flex-wrap: wrap; - padding: .5rem; - - .toggle { - padding: .5rem; - display: none; - } - - #menu { - display: none; - } - - .items { - display: flex; - } - - .lang-large { - display: flex; - } -} - -@include media-breakpoint-down(sm) { - .nav { - display: block; - padding: 0; - - .toggle { - display: flex; - - label:hover { - text-decoration: underline; - cursor: pointer; - } - } - - .items { - display: none; - - .item { - border-top: 1px solid #fff; - - a { - display: block; - padding: 0.5rem; - } - } - } - - input:checked ~ .items { - display: block; - } - - .lang-large { - display: none; - } - } + max-width: 256px; + max-height: 256px; + background-color: #ffffff; + border-radius: 50%; + border: 2px solid #000000; } .menu { a { - color: #fff; - text-decoration: none; - - &:hover { - text-decoration: underline; - } + color: #ffffff; } .active a { @@ -144,18 +65,18 @@ a { } .border-top { - border-top: 1px solid #fff; + border-top: 1px solid #ffffff; } .border-bottom { - border-bottom: 1px solid #fff; + border-bottom: 1px solid #ffffff; } .heading { text-align: center; a { - color: #fff; + color: #ffffff; } } @@ -163,28 +84,10 @@ a { flex: 1; } -.card { - background-color: #111; - border: 1px solid #fff; - padding: 1rem; -} - -.card-list { - margin-bottom: 1rem; - - .card { - border-bottom: none; - } - - .card:last-child { - border-bottom: 1px solid #fff; - } -} - .service { - position: relative; + background-color: #222; + border: 1px solid #fff; height: 100%; - padding: 0; .link { position: absolute; @@ -192,20 +95,20 @@ a { top: 0; bottom: 0; right: 0; - color: $primary !important; + color: #fea500 !important; &[href]:hover { - color: $primary_dark !important; + color: #d78c00 !important; } } .beta { position: absolute; - top: 0; - right: -1rem; + top: 1rem; + right: 0; font-weight: bold; - background-color: $primary; - color: #000; + background-color: #fea500; + color: #000000; padding: .5rem 1rem; border-radius: 10px; transform: rotate(20deg); @@ -231,30 +134,36 @@ a { &.flat { .inner { flex-direction: row; + pointer-events: all; text-decoration: none; h2 { margin-left: 0.5rem; } + + .beta { + top: 0; + right: -1rem; + } } } } .contact-links a { - color: #fff !important; + color: #ffffff !important; } code { - background-color: $primary; - color: #000; + background-color: #fea500; + color: #000000; padding: 1px 3px; border-radius: 4px; } pre { - background-color: $primary; - color: #000; - padding: 10px 15px; + background-color: #fea500; + color: #000000; + padding: 1px 3px; border-radius: 4px; code { @@ -266,79 +175,152 @@ pre { @media (max-width: 767.98px) { .logo { - max-width: 96px; - max-height: 96px; + max-width: 128px; + max-height: 128px; + } + .fa-4x { + font-size: 2em; } } -.table-container { - overflow-y: auto; +.matrix-icon { + margin: 0 8px; + width: 4em; + height: 4em; } -table.table { - width: 100%; - margin-bottom: 16px; - background-color: #111; - - tr:nth-child(2n) { - background-color: #ffffff0b; - } - - td, th { - padding: 6px 13px; - border: 1px solid #444; +@media (max-width: 767.98px) { + .matrix-icon { + width: 2em; + height: 2em; } } -.ossrox { - background-color: #efefef; - border: 2px solid #000; - box-shadow: 0 0 0 2px rgba(255, 255, 255, .7); - padding: 5px; - margin: 5px; - max-width: 250px; +// -------------------- about ------------------------- + +.qa-message-list { + padding-bottom: 1rem; } -.article-content { - img { - display: block; - margin: 0 auto 1rem; - max-width: 100%; - } - - .img-gallery { - --bs-gutter-x: 1rem; - - a { - display: flex; - flex-direction: column; - height: 100%; - padding-bottom: 1rem; - - img { - width: 100%; - margin: 0; - } - - small { - padding: .5rem; - flex-grow: 1; - background-color: $primary; - color: #000; - } - } - } +.message-item { + margin-bottom: 25px; + margin-left: 40px; + position: relative; } -.tab-card { - margin-bottom: 2rem; - - .title { - background-color: $primary; - color: #000; - font-weight: bold; - padding: 5px 10px; - border: 1px solid #fff; - border-bottom: none; - } +.message-item .message-inner { + background: #2b2b2b; + border: 1px solid #797979; + border-radius: 3px; + padding: 10px; + position: relative; +} + +.message-item .message-head { + border-bottom: 1px solid #656565; + margin-bottom: 8px; + padding-bottom: 8px; + color: #fff; +} + +.message-item .message-head .user-detail { + overflow: hidden; +} + +.message-item .message-head .user-detail h5 { + font-size: 16px; + font-weight: bold; + margin: 0; + color: #fff; +} + +.message-item .message-head .post-meta { + float: left; + padding: 0 15px 0 0; +} + +.message-item .message-head .post-meta > div { + color: #a5a5a5; + font-weight: bold; + text-align: right; +} + +.message-item::before { + background: #484848; + border-radius: 2px; + bottom: -30px; + box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); + content: ""; + height: 100%; + left: -30px; + position: absolute; + width: 3px; +} + +.message-item .message-inner::before { + border-right: 10px solid #5e5e5e; + border-right-style: solid; + border-right-width: 10px; + border-style: solid; + border-width: 10px; + color: rgba(0, 0, 0, 0); + content: ""; + display: block; + height: 0; + position: absolute; + left: -20px; + top: 6px; + width: 0; +} + +.clearfix::before, .clearfix::after { + content: " "; + display: table; +} + +.message-item .message-inner::after { + border-right: 10px solid #2b2b2b; + border-right-style: solid; + border-right-width: 10px; + border-style: solid; + border-width: 10px; + color: rgba(0, 0, 0, 0); + content: ""; + display: block; + height: 0; + position: absolute; + left: -18px; + top: 6px; + width: 0; +} + +.message-item::after { + background: #fea500; + border: 2px solid #fea500; + border-radius: 50%; + box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); + content: ""; + height: 15px; + left: -36px; + position: absolute; + top: 10px; + width: 15px; +} + +.clearfix::before, .clearfix::after { + content: " "; + display: table; +} + +.clearfix::after { + clear: both; +} + +.clearfix::before, .clearfix::after { + content: '\0020'; + display: block; + overflow: hidden; + visibility: hidden; + width: 0; + height: 0; }