Update content

docker-compose.dev.yml

@@ -0,0 +1,15 @@
+version: '3'
+
+networks:
+  web:
+    external: true
+
+services:
+  frontend:
+    image: node:16
+    volumes:
+      - ./:/app
+    working_dir: /app
+    command: 'npm run dev'
+    ports:
+      - "8080:8080"

src/.vuepress/theme/main.scss

@@ -20,6 +20,7 @@ html, body {
 img {
   max-width: 100% !important;
   border-radius: .25rem;
+  margin: 0.125rem;
 }
 
 table {

src/me/index.md

@@ -2,40 +2,61 @@
 home: true
 meta:
 - name: description
-  content: Alban David Becker - Web Development, Engineering, Hosting, Music
+  content: Alban David Becker - Web Development, DevOps, Engineering, Hosting, Music
 - name: keywords
-  content: Alban, David, Becker, web development, development, hosting, devops, open source, FOSS
+  content: Alban, David, Becker, web development, devops, development, hosting, open source, FOSS
 - name: robots
   content: index, follow
 ---
 <HomeContent />
 
-## services I'm hosting
 ----
 
-### :rocket: public services
+## :smile: About me
+- studying Applied Informatics in North of Germany
+- working at [Zenner IOT](https://zenner-iot.com/)
+- volunteering at [DD-IX - Dresden Internet Exchange](https://dd-ix.net/)
+
+### :rocket: My Tech Stack
+#### WebDev
+
+![HTML5](https://img.shields.io/badge/html5-%23E34F26.svg?style=for-the-badge&logo=html5&logoColor=white)![TailwindCSS](https://img.shields.io/badge/tailwindcss-%2338B2AC.svg?style=for-the-badge&logo=tailwind-css&logoColor=white)![Bootstrap](https://img.shields.io/badge/bootstrap-%238511FA.svg?style=for-the-badge&logo=bootstrap&logoColor=white)![JavaScript](https://img.shields.io/badge/javascript-%23323330.svg?style=for-the-badge&logo=javascript&logoColor=%23F7DF1E)![TypeScript](https://img.shields.io/badge/typescript-%23007ACC.svg?style=for-the-badge&logo=typescript&logoColor=white)![Vue.js](https://img.shields.io/badge/vuejs-%2335495e.svg?style=for-the-badge&logo=vuedotjs&logoColor=%234FC08D)![Nuxtjs](https://img.shields.io/badge/Nuxt-002E3B?style=for-the-badge&logo=nuxtdotjs&logoColor=#00DC82)![SolidJS](https://img.shields.io/badge/SolidJS-2c4f7c?style=for-the-badge&logo=solid&logoColor=c8c9cb)![React](https://img.shields.io/badge/react-%2320232a.svg?style=for-the-badge&logo=react&logoColor=%2361DAFB)![NodeJS](https://img.shields.io/badge/node.js-6DA55F?style=for-the-badge&logo=node.js&logoColor=white)![Express.js](https://img.shields.io/badge/express.js-%23404d59.svg?style=for-the-badge&logo=express&logoColor=%2361DAFB)![Deno JS](https://img.shields.io/badge/deno%20js-000000?style=for-the-badge&logo=deno&logoColor=white)![Python](https://img.shields.io/badge/python-3670A0?style=for-the-badge&logo=python&logoColor=ffdd54)![Django](https://img.shields.io/badge/django-%23092E20.svg?style=for-the-badge&logo=django&logoColor=white)
+
+#### DevOps
+
+![Debian](https://img.shields.io/badge/Debian-D70A53?style=for-the-badge&logo=debian&logoColor=white)![Arch](https://img.shields.io/badge/Arch%20Linux-1793D1?logo=arch-linux&logoColor=fff&style=for-the-badge)![Docker](https://img.shields.io/badge/docker-%230db7ed.svg?style=for-the-badge&logo=docker&logoColor=white)![Kubernetes](https://img.shields.io/badge/kubernetes-%23326ce5.svg?style=for-the-badge&logo=kubernetes&logoColor=white)![Ansible](https://img.shields.io/badge/ansible-%231A1918.svg?style=for-the-badge&logo=ansible&logoColor=white)![Nix](https://img.shields.io/badge/NIX-5277C3.svg?style=for-the-badge&logo=NixOS&logoColor=white)
+
+![MariaDB](https://img.shields.io/badge/MariaDB-003545?style=for-the-badge&logo=mariadb&logoColor=white)![Postgres](https://img.shields.io/badge/postgres-%23316192.svg?style=for-the-badge&logo=postgresql&logoColor=white)![MongoDB](https://img.shields.io/badge/MongoDB-%234ea94b.svg?style=for-the-badge&logo=mongodb&logoColor=white)![Redis](https://img.shields.io/badge/redis-%23DD0031.svg?style=for-the-badge&logo=redis&logoColor=white)
+
+#### UI/UX
+![Adobe InDesign](https://img.shields.io/badge/Adobe%20InDesign-49021F?style=for-the-badge&logo=adobeindesign&logoColor=white)![Adobe Illustrator](https://img.shields.io/badge/adobe%20illustrator-%23FF9A00.svg?style=for-the-badge&logo=adobe%20illustrator&logoColor=white)![Adobe Photoshop](https://img.shields.io/badge/adobe%20photoshop-%2331A8FF.svg?style=for-the-badge&logo=adobe%20photoshop&logoColor=white)![Adobe Premiere Pro](https://img.shields.io/badge/Adobe%20Premiere%20Pro-9999FF.svg?style=for-the-badge&logo=Adobe%20Premiere%20Pro&logoColor=white)![Figma](https://img.shields.io/badge/figma-%23F24E1E.svg?style=for-the-badge&logo=figma&logoColor=white)
+
+## Services I'm hosting
+
+### :rocket: Public services
 
 | service | URL |
 | - | - |
 | Gitea | [git.cybre.town](https://git.cybre.town) |
 | Mastodon | [social.cybre.town](https://social.cybre.town) |
 | HedgeDoc | [md.cybre.town](https://md.cybre.town) |
-| Jitsi | [meet.adb.sh](https://meet.adb.sh) |
-| Frama Date | [polls.cybre.town](https://polls.cybre.town) |
-| Peertube | [video.cybre.town](https://video.cybre.town) |
-| Searx | [searx.cybre.town](https://searx.cybre.town) |
-| Penpot | [penpot.cybre.town](https://penpot.cybre.town) |
 
-### :lock: private services
+<!-- | Jitsi | [meet.adb.sh](https://meet.adb.sh) | -->
+<!-- | Frama Date | [polls.cybre.town](https://polls.cybre.town) | -->
+<!-- | Peertube | [video.cybre.town](https://video.cybre.town) | -->
+<!-- | Searx | [searx.cybre.town](https://searx.cybre.town) | -->
+<!-- | Penpot | [penpot.cybre.town](https://penpot.cybre.town) | -->
+
+### :lock: Private services
 
 | service | URL |
 | - | - |
 | Nextcloud | [cloud.adb.sh](https://cloud.adb.sh) |
-| Matrix | [element.adb.sh](https://element.adb.sh) |
+| Matrix | [adb.sh](https://adb.sh/_matrix/static/) |
 | Mail | [mail.adb.sh](https://mail.adb.sh) |
 | Gotify UP | [push.cybre.town](https://push.cybre.town) |
 
-### :globe_with_meridians: other sites
+### :globe_with_meridians: Other sites
 
 | service | URL |
 | - | - |
@@ -44,56 +65,14 @@ meta:
 | Strobe Town - Tickets (Pretix) | [tickets.strobe.town](https://tickets.strobe.town) |
 | Strobe Town - Music (Funkwhale) | [music.strobe.town](https://music.strobe.town) |
 
-----
 
-## :smile: about me
+## :mailbox_with_mail: Contact me
-- studying Applied Informatics in North of Germany
-- working at [54GradSoftware](https://54gradsoftware.de)
-
-### techniques I'm familiar with
-#### webdev
-- HTML5 / CSS3
-- JavaScript / TypeScript
-- frontend / meta frameworks
-  - Vue / Nuxt
-  - SolidJS / Solid Start
-- backend
-  - NodeJS (Express)
-  - Deno (oak)
-  - Django
-- CSS frameworks
-  - Bootstrap
-  - Tailwind
-
-#### devops
-- linux
-  - Debian & Ubuntu
-  - nixOS
-- Docker
-- Ansible
-- Kubernetes
-
-#### database
-- MariaDB & Postgres
-- MongoDB
-- Redis
-
-#### software
-- KiCad
-- Autodesk Eagle
-- Adobe Creative Cloud
-  - Photoshop
-  - Premiere
-  - Indesign
-  - Illustrator
-
-## :mailbox_with_mail: contact me
 
 - Matrix: [@adb:adb.sh](https://matrix.to/#/@adb:adb.sh)
 - Mail: info [at] this.domain
 
 
-## :coffee: buy me a coffee ^-^
+## :coffee: Buy me a coffee ^-^
 
 - Liberapay: [liberapay/adb.sh](https://liberapay.com/adb.sh)
 - Bitcoin: [BC1QGP24D6GKPM4TEZ4ZRT3KZGKHYUJQUV68PTAXKQ](bitcoin:BC1QGP24D6GKPM4TEZ4ZRT3KZGKHYUJQUV68PTAXKQ)

src/music/index.md

@@ -10,14 +10,43 @@ meta:
 i do music 'n' stuff
 
 ## DJ sets
-### Techno
+
+### CSD Magdeburg Aftershow at Insel der Jugend 2023
+<ExternalContentWrapper name="Mixcloud">
+  <iframe width="100%" height="120" src="https://player-widget.mixcloud.com/widget/iframe/?hide_cover=1&feed=%2F0xADB%2Fcsd-magedburg-aftershow-at-insel-der-jugend%2F" frameborder="0" ></iframe>
+</ExternalContentWrapper>
+
+Listen on [Mixcloud](https://www.mixcloud.com/0xADB/csd-magedburg-aftershow-at-insel-der-jugend/)
+
+### Rainbow Rave - Alte Meierei | 27.05.2023
+<ExternalContentWrapper name="Mixcloud">
+  <iframe width="100%" height="120" src="https://player-widget.mixcloud.com/widget/iframe/?hide_cover=1&feed=%2F0xADB%2Frainbow-rave-alte-meierei%2F" frameborder="0" ></iframe>
+</ExternalContentWrapper>
+
+Listen on [Mixcloud](https://www.mixcloud.com/0xADB/rainbow-rave-alte-meierei/)
+
+### Insel der Jugend at Magdeburg - 0xADB b2b Supermomme | 30.04.2023
+<ExternalContentWrapper name="Mixcloud">
+  <iframe width="100%" height="120" src="https://player-widget.mixcloud.com/widget/iframe/?hide_cover=1&feed=%2F0xADB%2Finsel-der-jugend-at-magdeburg-0xadb-b2b-supermomme-3042023%2F" frameborder="0" ></iframe>
+</ExternalContentWrapper>
+
+Listen on [Mixcloud](https://www.mixcloud.com/0xADB/insel-der-jugend-at-magdeburg-0xadb-b2b-supermomme-3042023/)
+
+### Alte Meierei Kiel - opening set from 2022.11.26
+<ExternalContentWrapper name="Mixcloud">
+  <iframe width="100%" height="120" src="https://player-widget.mixcloud.com/widget/iframe/?hide_cover=1&feed=%2F0xADB%2Falte-meierei-kiel-opening-set-from-20221126%2F" frameborder="0" ></iframe>
+</ExternalContentWrapper>
+
+Listen on [Mixcloud]https://www.mixcloud.com/0xADB/alte-meierei-kiel-opening-set-from-20221126/)
+
+### jam some techno
 <ExternalContentWrapper name="YouTube">
   <iframe width="100%" height="540" src="https://www.youtube-nocookie.com/embed/A0nvVXpzJD8" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
 </ExternalContentWrapper>
 
 watch on [YouTube](https://youtu.be/A0nvVXpzJD8)
 
-### Melodic Techno
+### lemme stream some melodic techno or so
 <ExternalContentWrapper name="YouTube">
   <iframe width="100%" height="540" src="https://www.youtube-nocookie.com/embed/6bOJGkaX_5s" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
 </ExternalContentWrapper>