config.toml

@@ -29,7 +29,7 @@ countdownDay  = "26"
 [params.about]
 enable      = true
 heading     = "Habt ihr auch so große Sehnsucht nach tollen Chaos Veranstaltungen wie wir? Nach dem Austausch mit netten Menschen, nach Fachsimpeln, Abhängen und Rumnerden? Nach der tollen Erfahrung im Sommer 2020 können wir euch jetzt verraten: 2021 wird es wieder ein VVoidcamp geben."
-description = "Lange Gespräche am Lagerfeuer, Hacken im Wald, Siebdrucken, Musikhören unterm Sternenhimmel, Zelten und mehr. Vom 26.08.2021 - 29.08.2021 ist es wieder soweit. </br> Ihr habt ganz richtig gelesen: weil es 2020 so schön war, legen wir noch eine Schippe drauf und haben beim nächsten VVoidcamp einen ganzen Tag mehr zum chillen, hacken und neue Dinge lernen. <br> Gecampt wird wieder im Bayerischen Wald (sprich: VVoid) in der Nähe von Passau. "
+description = "Lange Gespräche am Lagerfeuer, Hacken im Wald, Siebdrucken, Musikhören unterm Sternenhimmel, Zelten und mehr. Vom 26.08.2021 - 29.08.2021 ist es wieder soweit. Gecampt wird wieder im Bayerischen Wald (sprich: VVoid) in der Nähe von Passau. </br> Ihr habt ganz richtig gelesen: weil es 2020 so schön war, legen wir noch eine Schippe drauf und haben beim nächsten VVoidcamp einen ganzen Tag mehr zum chillen, hacken und neue Dinge lernen. <br>"
 corona = "Aktuell planen wir, das das VVoid Camp stattfinden zu lassen, aber du kannst dir sicher vorstellen, dass die Entscheidung keine leichte ist.</br> Der Ticketverkauf wird in Kürze freigeschaltet. Du kannst uns mit einem Signal von dir sehr bei der Planung helfen:</br>  Wenn du gerne kommen möchtest, bestell dir bitte möglichst bald dein Ticket, damit wir die Zahl der Teilnehmer*innen abschätzen können.</br> Finanziell besteht für dich kein Risiko, da wir den Zeltplatz kostenlos stornieren können. Im Falle einer Absage geht alles bis dahin überwiesene Geld ohne Abzüge an die Absender zurück.</br>  Wenn du noch ein paar Infos zur Entscheidung brauchst, erreichst du uns unter <a href=\"mailto:info@vvoid.camp\">info@vvoid.camp</a><br> Genauere Infos und Details zum Hygienekonzept folgen, sobald wir selbst mehr dazu wissen."
 
 [[params.about.sliderItem]]
@@ -66,7 +66,7 @@ description = " Um das Event zu einer guten Erfahrung für alle zu machen, benö
 
 [[params.details.section]]
 heading     = "Mach es zu deinem VVoidcamp"
-description = " Siebdrucken, Löten, Astronomie oder Häkeln - wenn du dein Wissen mit anderen teilen möchtest, kannst du das in Form eines Talks oder Workshops tun. Entsprechende Infos veröffentlichen wir dann rechtzeitig im VViki."
+description = " Siebdrucken, Löten, Astronomie oder Häkeln - wenn du dein Wissen mit anderen teilen möchtest, kannst du das in Form eines Talks oder Workshops tun. Entsprechende Infos veröffentlichen wir dann rechtzeitig auf der Website."
 
 [[params.details.sliderItem]]
 image   = "images/about/vvoid11.jpg"
@@ -86,64 +86,91 @@ image   = "images/about/vvoid16.jpg"
 enable      = true
 title       = "Alle Informationen"
 subtitle    = "auf einen Blick"
+[[params.service.serviceItem]]
 # give icon(themefisher icon font), title, description
 # more about themefisher icon font visit https://github.com/themefisher/themefisher-font
 # use delay for reveal items one by one
-[[params.service.serviceItem]]
 icon    = "tf-ion-calendar"
 title   = "Datum"
 description = "26.08.2021 - 29.08.2021"
 delay   = "0s"
 
 [[params.service.serviceItem]]
+# give icon(themefisher icon font), title, description
+# more about themefisher icon font visit https://github.com/themefisher/themefisher-font
+# use delay for reveal items one by one
 icon    = "tf-ion-cash"
 title   = "Kosten"
-description = "60€, Ewiges Frühstück inklusive, Getränke werden extra abgerechnet"
+description = "wird noch bekanntgegeben"
 delay   = "0.2s"
 
 [[params.service.serviceItem]]
+# give icon(themefisher icon font), title, description
+# more about themefisher icon font visit https://github.com/themefisher/themefisher-font
+# use delay for reveal items one by one
 icon    = " tf-ion-android-globe"
 title   = "Location"
 description = "Zeltplatz Messerschmidmühle"
 delay   = "0.4s"
 
 [[params.service.serviceItem]]
+# give icon(themefisher icon font), title, description
+# more about themefisher icon font visit https://github.com/themefisher/themefisher-font
+# use delay for reveal items one by one
 icon    = "tf-ion-android-home"
 title   = "Unterkunft"
 description = "Der Zeltplatz bietet massig Platz für eure eigenen Zelte. Falls ihr kein Zelt habt, könnt ihr euch auch eins der 5 Tipis buchen."
 delay   = "0.6s"
 
 [[params.service.serviceItem]]
+# give icon(themefisher icon font), title, description
+# more about themefisher icon font visit https://github.com/themefisher/themefisher-font
+# use delay for reveal items one by one
 icon    = "tf-ion-android-restaurant"
 title   = "Verpflegung"
 description = "Ewiges Frühstück steht den ganzen Tag zur Verfügung, aber auch sonst muss keiner hungern. Vom Weißwurstfrühstück bis zum Chili wird für jeden Geschmack etwas dabei sein."
 delay   = "0.8s"
 
 [[params.service.serviceItem]]
+# give icon(themefisher icon font), title, description
+# more about themefisher icon font visit https://github.com/themefisher/themefisher-font
+# use delay for reveal items one by one
 icon    = "tf-ion-map"
 title   = "Anreise"
 description = "von Passau auf der B12 Richtung Freyung, Ausfahrt Kumreut und Richtung Marchetsreut/ Perlesreut rechts abbiegen. In Marchetsreut links halten und nach wenigen hundert Metern geht es links zum Zeltplatz."
 delay   = "1s"
 
 [[params.service.serviceItem]]
+# give icon(themefisher icon font), title, description
+# more about themefisher icon font visit https://github.com/themefisher/themefisher-font
+# use delay for reveal items one by one
 icon    = "tf-ion-network"
 title   = "IRC"
 description = "<a href=\"irc://irc.hackint.org/vvoid.camp\">irc://irc.hackint.org/vvoid.camp</a>"
 delay   = "1.2s"
 
 [[params.service.serviceItem]]
+# give icon(themefisher icon font), title, description
+# more about themefisher icon font visit https://github.com/themefisher/themefisher-font
+# use delay for reveal items one by one
 icon    = "tf-ion-social-twitter"
 title   = "Twitter"
 description = "<a href=\"https://twitter.com/vvoid_camp\">https://twitter.com/vvoid_camp</a>"
 delay   = "1.4s"
 
 # [[params.service.serviceItem]]
+# # give icon(themefisher icon font), title, description
+# # more about themefisher icon font visit https://github.com/themefisher/themefisher-font
+# # use delay for reveal items one by one
 # icon    = "tf-ion-clipboard"
 # title   = "Wiki"
 # description = "<a href=\"https://wiki.vvoid.camp\">https://wiki.vvoid.camp</a>"
 # delay   = "1.6s"
 
 # [[params.service.serviceItem]]
+# # give icon(themefisher icon font), title, description
+# # more about themefisher icon font visit https://github.com/themefisher/themefisher-font
+# # use delay for reveal items one by one
 # icon    = "tf-ion-android-checkmark-circle"
 # title   = "FAQ"
 # description = "<a href=\"https://wiki.vvoid.camp/doku.php?id=faq\">https://wiki.vvoid.camp/doku.php?id=faq</a>"

public/css/responsive.css

@@ -0,0 +1,5 @@
+@media (min-width: 768px) and (max-width: 990px) {
+  .navigation {
+    background: rgba(0, 0, 0, 0.3); }
+    .navigation .navbar-brand {
+      float: none; } }

public/css/style.css

@@ -300,7 +300,6 @@ a:active {
 .hero-area {
   background-size: cover;
   background-attachment: fixed;
-  background-position-x: 60%;
   height: 100vh;
   display: flex;
   justify-content: center;
@@ -331,7 +330,7 @@ a:active {
   color: #fff;
   display: inline-block;
   line-height: 25px;
-  padding: 20px 10px 15px;
+  padding: 25px 28px 20px;
   text-align: center;
   width: 49%;
   margin-bottom: 3px;
@@ -350,7 +349,7 @@ a:active {
   line-height: 50px;
   position: relative;
   overflow: hidden;
-  height: 50px;
+  height: 60px;
 }
 
 @media only screen and (max-width:400px) {

public/impressum.html

@@ -11,6 +11,7 @@
     <link rel="stylesheet" href="css/owl.carousel.css">
     <link rel="stylesheet" href="css/animate.css">
     <link rel="stylesheet" href="css/style.css">
+    <link rel="stylesheet" href="css/responsive.css">
 </head>
 
 <body id="body">

public/index.html

@@ -16,7 +16,8 @@
     <link rel="stylesheet" href="https://www.vvoid.camp/css/owl.carousel.css">
     <link rel="stylesheet" href="https://www.vvoid.camp/css/animate.css">
     <link rel="stylesheet" href="https://www.vvoid.camp/css/style.css">
-
+    <!-- Responsive Stylesheet -->
+    <link rel="stylesheet" href="https://www.vvoid.camp/css/responsive.css">
     <link rel="apple-touch-icon" sizes="180x180" href="/images/favicon/apple-touch-icon.png">
     <link rel="icon" type="image/png" sizes="32x32" href="/images/favicon/favicon-32x32.png">
     <link rel="icon" type="image/png" sizes="16x16" href="/images/favicon/favicon-16x16.png">
@@ -81,9 +82,8 @@
     <!-- Hero Area Section -->
     <section id="home" class="hero-area" style='background-image: url(" images/header-bg-camp4.jpg");'>
         <div class="container">
-            <div class="row mt-3 hidden-md-up"></div>
             <div class="row">
-                <div class="col-lg-7 col-md-6 col-xs-8 push-xs-2 push-md-0">
+                <div class="col-lg-7 col-md-2">
                     <div class="block">
                         <img class="wow fadeInDown" data-wow-delay="0.3s" data-wow-duration=".2s" src="images/VVoidCampSignetWhite.svg" alt="VVoid">
                         <img class="wow fadeInDown" data-wow-delay="0.3s" data-wow-duration=".2s" src="images/VVoidCampLogoWhite.svg" alt="VVoid Camp">
@@ -96,7 +96,7 @@
                             26.08.2021 - 29.08.2021 im VVoid
                         </p>
                         
-                        <div class="hidden-sm-down wow fadeInDown" data-wow-delay="0.7s" data-wow-duration=".7s"  style="text-align:center">
+                        <div class="wow fadeInDown" data-wow-delay="0.7s" data-wow-duration=".7s"  style="text-align:center">
                             <a class="btn btn-home" href="#about" role="button">
                                 Mehr Infos
                             </a>
@@ -105,7 +105,7 @@
                     </div>
                 </div>
                 
-                <div class="col-lg-5 col-md-6 col-xs-10 push-xs-1 push-md-0 wow zoomIn">
+                <div class="col-lg-5 col-md-6 wow zoomIn">
                     <div class="block">
                         <div class="counter text-center">
                             <ul id="countdown_dashboard" data-year=" 2021" data-month=" 08" data-day=" 26">
@@ -163,7 +163,7 @@
                         
                         </div>
                         
-                            <p>Lange Gespräche am Lagerfeuer, Hacken im Wald, Siebdrucken, Musikhören unterm Sternenhimmel, Zelten und mehr. Vom 26.08.2021 - 29.08.2021 ist es wieder soweit. </br> Ihr habt ganz richtig gelesen: weil es 2020 so schön war, legen wir noch eine Schippe drauf und haben beim nächsten VVoidcamp einen ganzen Tag mehr zum chillen, hacken und neue Dinge lernen. <br> Gecampt wird wieder im Bayerischen Wald (sprich: VVoid) in der Nähe von Passau. </p>
+                            <p>Lange Gespräche am Lagerfeuer, Hacken im Wald, Siebdrucken, Musikhören unterm Sternenhimmel, Zelten und mehr. Vom 26.08.2021 - 29.08.2021 ist es wieder soweit. Gecampt wird wieder im Bayerischen Wald (sprich: VVoid) in der Nähe von Passau. </br> Ihr habt ganz richtig gelesen: weil es 2020 so schön war, legen wir noch eine Schippe drauf und haben beim nächsten VVoidcamp einen ganzen Tag mehr zum chillen, hacken und neue Dinge lernen. <br></p>
                         
                         
                             <br><p><b>Aktuell planen wir, das das VVoid Camp stattfinden zu lassen, aber du kannst dir sicher vorstellen, dass die Entscheidung keine leichte ist.</br> Der Ticketverkauf wird in Kürze freigeschaltet. Du kannst uns mit einem Signal von dir sehr bei der Planung helfen:</br>  Wenn du gerne kommen möchtest, bestell dir bitte möglichst bald dein Ticket, damit wir die Zahl der Teilnehmer*innen abschätzen können.</br> Finanziell besteht für dich kein Risiko, da wir den Zeltplatz kostenlos stornieren können. Im Falle einer Absage geht alles bis dahin überwiesene Geld ohne Abzüge an die Absender zurück.</br>  Wenn du noch ein paar Infos zur Entscheidung brauchst, erreichst du uns unter <a href="mailto:info@vvoid.camp">info@vvoid.camp</a><br> Genauere Infos und Details zum Hygienekonzept folgen, sobald wir selbst mehr dazu wissen.</b></p>
@@ -241,7 +241,7 @@
                                 <div class="sub-heading mb-1">
                                     <h3>Mach es zu deinem VVoidcamp</h3>
                                 </div>
-                                <p> Siebdrucken, Löten, Astronomie oder Häkeln - wenn du dein Wissen mit anderen teilen möchtest, kannst du das in Form eines Talks oder Workshops tun. Entsprechende Infos veröffentlichen wir dann rechtzeitig im VViki.</p>
+                                <p> Siebdrucken, Löten, Astronomie oder Häkeln - wenn du dein Wissen mit anderen teilen möchtest, kannst du das in Form eines Talks oder Workshops tun. Entsprechende Infos veröffentlichen wir dann rechtzeitig auf der Website.</p>
                             </div>
                         </div>
                     
@@ -278,7 +278,7 @@
                         <div class="block">
                             <i class="tf-ion-cash"></i>
                             <h3>Kosten</h3>
-                            <p>60€, Ewiges Frühstück inklusive, Getränke werden extra abgerechnet</p>
+                            <p>wird noch bekanntgegeben</p>
                         </div>
                     </div>
                 

themes/infinity-hugo/layouts/partials/header.html

@@ -16,7 +16,8 @@
     <link rel="stylesheet" href="{{ `css/owl.carousel.css` | absURL }}">
     <link rel="stylesheet" href="{{ `css/animate.css` | absURL }}">
     <link rel="stylesheet" href="{{ `css/style.css` | absURL }}">
-
+    {{"<!-- Responsive Stylesheet -->" | safeHTML }}
+    <link rel="stylesheet" href="{{ `css/responsive.css` | absURL }}">
     <link rel="apple-touch-icon" sizes="180x180" href="/images/favicon/apple-touch-icon.png">
     <link rel="icon" type="image/png" sizes="32x32" href="/images/favicon/favicon-32x32.png">
     <link rel="icon" type="image/png" sizes="16x16" href="/images/favicon/favicon-16x16.png">

themes/infinity-hugo/layouts/partials/hero-area.html

@@ -2,9 +2,8 @@
     {{"<!-- Hero Area Section -->" | safeHTML}}
     <section id="{{ i18n "home" | urlize }}" class="hero-area" style='background-image: url("{{ with .Site.Params.hero.bg }} {{ . }}{{ end }}");'>
         <div class="container">
-            <div class="row mt-3 hidden-md-up"></div>
             <div class="row">
-                <div class="col-lg-7 col-md-6 col-xs-8 push-xs-2 push-md-0">
+                <div class="col-lg-7 col-md-2">
                     <div class="block">
                         <img class="wow fadeInDown" data-wow-delay="0.3s" data-wow-duration=".2s" src="images/VVoidCampSignetWhite.svg" alt="VVoid">
                         <img class="wow fadeInDown" data-wow-delay="0.3s" data-wow-duration=".2s" src="images/VVoidCampLogoWhite.svg" alt="VVoid Camp">
@@ -17,7 +16,7 @@
                             26.08.2021 - 29.08.2021 im VVoid
                         </p>
                         {{ with .Site.Params.hero.btnText }}
-                        <div class="hidden-sm-down wow fadeInDown" data-wow-delay="0.7s" data-wow-duration=".7s"  style="text-align:center">
+                        <div class="wow fadeInDown" data-wow-delay="0.7s" data-wow-duration=".7s"  style="text-align:center">
                             <a class="btn btn-home" href="#{{ i18n "about" | urlize }}" role="button">
                                 {{ . }}
                             </a>
@@ -26,7 +25,7 @@
                     </div>
                 </div>
                 {{ if not .Site.Params.hero.disableCountdown }}
-                <div class="col-lg-5 col-md-6 col-xs-10 push-xs-1 push-md-0 wow zoomIn">
+                <div class="col-lg-5 col-md-6 wow zoomIn">
                     <div class="block">
                         <div class="counter text-center">
                             <ul id="countdown_dashboard" data-year="{{ with .Site.Params.hero.countdownYear }} {{ . }}{{ end }}" data-month="{{ with .Site.Params.hero.countdownMonth }} {{ . }}{{ end }}" data-day="{{ with .Site.Params.hero.countdownDay }} {{ . }}{{ end }}">

themes/infinity-hugo/static/css/responsive.css

@@ -0,0 +1,5 @@
+@media (min-width: 768px) and (max-width: 990px) {
+  .navigation {
+    background: rgba(0, 0, 0, 0.3); }
+    .navigation .navbar-brand {
+      float: none; } }

themes/infinity-hugo/static/css/style.css

@@ -300,7 +300,6 @@ a:active {
 .hero-area {
   background-size: cover;
   background-attachment: fixed;
-  background-position-x: 60%;
   height: 100vh;
   display: flex;
   justify-content: center;
@@ -331,7 +330,7 @@ a:active {
   color: #fff;
   display: inline-block;
   line-height: 25px;
-  padding: 20px 10px 15px;
+  padding: 25px 28px 20px;
   text-align: center;
   width: 49%;
   margin-bottom: 3px;
@@ -350,7 +349,7 @@ a:active {
   line-height: 50px;
   position: relative;
   overflow: hidden;
-  height: 50px;
+  height: 60px;
 }
 
 @media only screen and (max-width:400px) {

themes/infinity-hugo/static/impressum.html

@@ -11,6 +11,7 @@
     <link rel="stylesheet" href="css/owl.carousel.css">
     <link rel="stylesheet" href="css/animate.css">
     <link rel="stylesheet" href="css/style.css">
+    <link rel="stylesheet" href="css/responsive.css">
 </head>
 
 <body id="body">