From d3e7cb7ecd3ac15ccac353648e6f584b3ccc6472 Mon Sep 17 00:00:00 2001
From: adb <git@adb.sh>
Date: Sat, 28 May 2022 00:32:28 +0200
Subject: [PATCH] fix mobile

---
 src/.vuepress/components/ASCIILogo.vue | 21 ++++++++++++++++-----
 src/.vuepress/styles/index.styl        |  9 ++++++++-
 src/about-us/README.md                 |  2 +-
 src/events/README.md                   |  6 +-----
 src/index.md                           |  9 ++++-----
 5 files changed, 30 insertions(+), 17 deletions(-)

diff --git a/src/.vuepress/components/ASCIILogo.vue b/src/.vuepress/components/ASCIILogo.vue
index 9bdb4c7..ec7cae6 100644
--- a/src/.vuepress/components/ASCIILogo.vue
+++ b/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>
-.asciiLogo{
-  font-size: .9rem;
-  font-weight: 1rem;
+.asciiLogoWrapper{
+  width: 100%;
+  display: flex;
+  justify-content: center;
+}
+
+.asciiLogo {
   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>
\ No newline at end of file
diff --git a/src/.vuepress/styles/index.styl b/src/.vuepress/styles/index.styl
index 420feb9..dee423e 100755
--- a/src/.vuepress/styles/index.styl
+++ b/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
\ No newline at end of file
diff --git a/src/about-us/README.md b/src/about-us/README.md
index 243990b..f509687 100755
--- a/src/about-us/README.md
+++ b/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)
 
diff --git a/src/events/README.md b/src/events/README.md
index 6d11f3e..9f63927 100755
--- a/src/events/README.md
+++ b/src/events/README.md
@@ -4,10 +4,6 @@ sidebar: auto
 Events
 ===
 
-## The Next Big Thing
+## Next Big Thing
 
 ### Comming soon ...
-
-## Past Events
-
-### Rave Ostseebad
diff --git a/src/index.md b/src/index.md
index 458de88..7471eb3 100755
--- a/src/index.md
+++ b/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: MIT Licensed | Copyright © 2018-present Evan You
+footer: Strobe Town | Copyright © 2022
 ---
-<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)