fix mobile

src/.vuepress/components/ASCIILogo.vue

@@ -1,5 +1,5 @@
 <template>
-  <div>
+  <div class="asciiLogoWrapper">
   <pre class="asciiLogo">
 ███████╗████████╗██████╗  ██████╗ ██████╗ ███████╗    ████████╗ ██████╗ ██╗    ██╗███╗   ██╗
 ██╔════╝╚══██╔══╝██╔══██╗██╔═══██╗██╔══██╗██╔════╝    ╚══██╔══╝██╔═══██╗██║    ██║████╗  ██║
@@ -18,11 +18,22 @@ export default {
 </script>
 
 <style scoped>
+.asciiLogoWrapper{
+  width: 100%;
+  display: flex;
+  justify-content: center;
+}
+
 .asciiLogo {
-  font-size: .9rem;
-  font-weight: 1rem;
   color: #399d9d;
-  background-color: unset;
+  background-color: transparent;
   width: fit-content;
+  font-size: .8rem;
+}
+
+@media screen and (max-width: 900px) {
+  .asciiLogo {
+    font-size: calc(1.2vw);
+  }
 }
 </style>

src/.vuepress/styles/index.styl

@@ -5,4 +5,11 @@
  */
 
 .home .hero img
-  max-width 450px!important
+  max-width 600px!important
+  width 100%
+
+.videoRatio
+  aspect-ratio 16/9
+
+:focus, :focus-visible
+  outline unset!important

src/about-us/README.md

@@ -13,7 +13,7 @@ Most of us are also into electronics and IT. So we also take care of the light s
 
 ### Videos
 
-<iframe width="100%" height="315" sandbox="allow-same-origin allow-scripts allow-popups" src="https://video.cybre.town/videos/embed/851f1d41-eab9-44f6-95f1-ba6b24a4fc4d" frameborder="0" allowfullscreen></iframe>
+<iframe class="videoRatio" width="100%" sandbox="allow-same-origin allow-scripts allow-popups" src="https://video.cybre.town/videos/embed/851f1d41-eab9-44f6-95f1-ba6b24a4fc4d" frameborder="0" allowfullscreen></iframe>
 
 See more: [YouTube](https://www.youtube.com/channel/UCoxRdN8T4aCR8tqDpOJAjOQ) [alternative](https://invidious.snopyta.org/channel/UCoxRdN8T4aCR8tqDpOJAjOQ)
 

src/events/README.md

@@ -4,10 +4,6 @@ sidebar: auto
 Events
 ===
 
-## The Next Big Thing
+## Next Big Thing
 
 ### Comming soon ...
-
-## Past Events
-
-### Rave Ostseebad

src/index.md

@@ -1,6 +1,6 @@
 ---
 home: true
-heroImage: /images/logo.png
+//heroImage: /images/logo.png
 heroText: Strobe Town
 tagline: events you keep in mind
 actionText: Events →
@@ -12,10 +12,9 @@ features:
   details: We work together with lots of different people and DJs to provide you stunning events.
 - title: Strobe
   details: We love to create amazing events to make you feel the power of music.
-
+footer: Strobe Town | Copyright © 2022
-- footer: MIT Licensed | Copyright © 2018-present Evan You
 ---
-<ToggleDarkMode/>
+<ASCIILogo/>
 
 We are Strobe Town
 ===
@@ -24,5 +23,5 @@ We are Strobe Town
 - [About us →](/about-us/)
   - [What we Love →](/about-us/#what-we-love)
 - [Events →](/events/)
-  - [Next Big Thing →](/events/#the-next-big-thing)
+  - [Next Big Thing →](/events/#next-big-thing)
 - [Tickets →](https://tickets.strobe.town)