fix some content

src/.vuepress/components/CurrentlyListening.vue

@@ -1,22 +1,26 @@
 <template>
-  <a
+  <transition name="fade">
-    class="btn currentlyListening"
+    <a
-    href="	https://spot2gether.cybre.town/user/op3q884heqao7laioz05ebaoz"
+      class="btn currentlyListening"
-    target="_blank"
+      href="	https://spot2gether.cybre.town/user/op3q884heqao7laioz05ebaoz"
-    ref="noopener noreferrer"
+      target="_blank"
-  >
+      ref="noopener noreferrer"
-    <div v-if="currentlyPlaying?.item" class="row align-items-center">
+      v-if="currentlyPlaying?.item"
-      <i class="bi-music-note col-auto icon" />
+    >
-      <div class="col-auto d-flex flex-column text">
+      <div class="row align-items-center">
-        <b>{{ currentlyPlaying?.item?.name }}</b>
+        <i class="bi-music-note col-auto icon" />
-        <div>{{ currentlyPlaying?.item?.artists.map(artist => artist.name).join(', ') }}</div>
+        <div class="col-auto d-flex flex-column text">
+          <b>{{ currentlyPlaying?.item?.name }}</b>
+          <div>{{ currentlyPlaying?.item?.artists.map(artist => artist.name).join(', ') }}</div>
+        </div>
       </div>
-    </div>
+    </a>
-  </a>
+  </transition>
 </template>
 
 <script>
 let updateMusicInfo = null;
+const noob = () => null;
 
 export default {
   name: "CurrentlyListening",
@@ -31,10 +35,10 @@ export default {
     }
   },
   async created() {
-    this.currentlyPlaying = (await this.fetchMusicInfo())?.currentlyPlaying;
+    this.currentlyPlaying = (await this.fetchMusicInfo().catch(noob))?.currentlyPlaying;
     updateMusicInfo = setInterval(async () => {
-      this.currentlyPlaying = (await this.fetchMusicInfo())?.currentlyPlaying;
+      this.currentlyPlaying = (await this.fetchMusicInfo().catch(noob))?.currentlyPlaying;
-    }, 20000);
+    }, 10000);
   },
   beforeDestroy() {
     clearInterval(updateMusicInfo);

src/.vuepress/theme/Layout.vue

@@ -11,7 +11,7 @@
       </header>
 
       <main class="content">
-        <BannerWrapperNetwork v-if="!$page.frontmatter?.disableAnimation" class="background opacity-25" />
+        <BannerWrapperNetwork v-if="!$page.frontmatter?.disableAnimation" class="background bg-opacity-50" />
         <div v-if="$page.frontmatter?.sidebar" class="container">
           <div class="row">
             <div class="col-xl-4 p-4">

src/.vuepress/theme/main.scss

@@ -1,5 +1,5 @@
 $dark: #1f262b;
-$dark-opacity1: #1f262bf4;
+$dark-opacity1: #1f262be8;
 $dark-opacity2: #1f262b80;
 
 $dark-body-bg: $dark-opacity1;
@@ -28,7 +28,7 @@ table {
 
 .search-box{
   input {
-    background-color: $dark !important;
+    background-color: unset !important;
     color: $light !important;
   }
 }
@@ -55,3 +55,16 @@ h1, h2, h3, h4, h5 {
 .bg-dark-opacity2 {
   background-color: $dark-opacity2 !important;
 }
+
+.fade-enter-active, .fade-leave-active {
+  transition-property: opacity;
+  transition-duration: .25s;
+}
+
+.fade-enter-active {
+  transition-delay: .25s;
+}
+
+.fade-enter, .fade-leave-active {
+  opacity: 0
+}

src/me/index.md

@@ -20,7 +20,7 @@ meta:
 | 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 | [jitsi.adb.sh](https://jitsi.adb.sh) |
+| 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) |
@@ -48,9 +48,9 @@ meta:
 
 ## :smile: about me
 - studying Applied Informatics in North of Germany
-- working at [54GradSoftware](htttps://54gradsoftware.de)
+- working at [54GradSoftware](https://54gradsoftware.de)
 
-### techniques im familiar with
+### techniques I'm familiar with
 #### programming languages & frameworks
 - HTML
 - CSS
@@ -59,7 +59,8 @@ meta:
 - NodeJS
   - Express
 - Vue
-- Arduino Framework
+- Python
+- Arduino
 
 #### software
 - KiCad
@@ -85,6 +86,7 @@ meta:
 - Matrix: [@adb:adb.sh](https://matrix.to/#/@adb:adb.sh)
 - Mail: info [at] this.domain
 
+
 ## :coffee: buy me a coffee ^-^
 
 - Liberapay: [liberapay/adb.sh](https://liberapay.com/adb.sh)

src/projects/server-rack.md

@@ -1,7 +1,7 @@
 ---
 sidebar: true
 excerpt: "I'm running my services on my own server, because it's fun :D"
-imgUrl: "https://social.cybre.town/system/media_attachments/files/106/116/563/016/082/536/original/968136dcb22aca7e.jpg"
+imgUrl: "../.vuepress/assets/images/server.jpg"
 meta:
 - name: description
   content: my home server rack
@@ -13,6 +13,22 @@ meta:
 
 I'm running my services on my own server, because it's fun :D
 
-![server rack](https://social.cybre.town/system/media_attachments/files/106/116/563/016/082/536/original/968136dcb22aca7e.jpg)
+![server rack](../.vuepress/assets/images/server.jpg)
 
-My main server is a HP ProLiant DL380 G8.
+## rack:
+### PfSense router
+  - Pentium(R) Dual-Core CPU E5300 @ 2.60GHz
+  - 2GB RAM
+  - 8 interfaces
+### 1. HP ProLiant DL380e G8
+  - 2x Intel(R) Xeon(R) CPU E5-2450L 0 @ 1.80GHz - (32 threads in summary)
+  - 32GB RAM
+  - Proxmox
+  - 4x 4TB HDD
+  - 1x 500GB SSD
+### 2. HP ProLiant DL380e G8
+  - 2x Intel(R) Xeon(R) CPU E5-2450L 0 @ 1.80GHz - (32 threads in summary)
+  - 64GB RAM
+  - FreeNAS
+  - 2x 8TB HDD
+  - 1x 500GB SSD