Aktuelles

config.toml

@@ -9,6 +9,7 @@ theme = "infinity-hugo"
 [params.navigation]
 logo = "images/woidcamp_logo01.png"
 home = "Home"
+news = "Aktuelles"
 about = "About"
 details = "Details"
 service = "Info"
@@ -25,6 +26,12 @@ countdownYear = "2022"
 countdownMonth = "08"
 countdownDay  = "18"
 
+# News Section
+[params.news]
+enable      = true
+heading     = "Aktuelles"
+description = "Haltet Eure Klickfinger bereit, die zweite Runde Tickets gibt's am <b>15.05.2022 ab 20:00 Uhr</b>."
+
 # About Section
 [params.about]
 enable      = true

public/css/style.css

@@ -459,6 +459,17 @@ a:active {
   color: #666;
 }
 
+/*--
+    News start
+--*/
+.news .content h3 {
+  font-size: 26px;
+  font-weight: 300;
+  line-height: 36px;
+  color: #7e7e7e;
+  margin-bottom: 20px;
+}
+
 /*--
     About start
 --*/

public/index.html

@@ -57,6 +57,13 @@
                     </a>
                 </li>
                 
+                    <li class="nav-item">
+                        <a class="nav-link" href="https://www.vvoid.camp#news">
+                             Aktuelles 
+                        </a>
+                    </li>
+                
+                
                     <li class="nav-item">
                         <a class="nav-link" href="https://www.vvoid.camp#about">
                              About 
@@ -161,7 +168,30 @@
 
 
     <!-- About Section -->
-    <section id="about" class="section about bg-gray">
+    <section id="news" class="section news bg-gray">
+        <div class="container">
+            <div class="row">
+                <div class="col-md-12 col-sm-12 wow fadeInLeft">
+                    <div class="content">
+                        <div class="sub-heading m-b1">
+                        
+                            <h3>Aktuelles</h3>
+                        
+                        </div>
+                        
+                            <p>Haltet Eure Klickfinger bereit, die zweite Runde Tickets gibt's am <b>15.05.2022 ab 20:00 Uhr</b>.</p>
+                        
+                    </div>
+                </div>
+            </div>
+        </div>
+    </section>
+
+
+
+
+    <!-- About Section -->
+    <section id="about" class="section about bg-gray pt-0">
         <div class="container">
             <div class="row">
                 <div class="col-md-7 col-sm-12 wow fadeInLeft">

themes/infinity-hugo/i18n/en.yaml

@@ -22,6 +22,8 @@ hours:
   other: "Hours"
 minutes:
   other: "Minutes"
+news:
+  other: news
 seconds:
   other: "Seconds"
 sendMe:

themes/infinity-hugo/layouts/index.html

@@ -6,6 +6,8 @@
 
 {{ partial "hero-area.html" . }}
 
+{{ partial "news.html" . }}
+
 {{ partial "about.html" . }}
 
 {{ partial "details.html" . }}

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

@@ -1,6 +1,6 @@
 {{ if .Site.Params.about.enable }}
     {{"<!-- About Section -->" | safeHTML}}
-    <section id="{{ i18n "about" | urlize }}" class="section about bg-gray">
+    <section id="{{ i18n "about" | urlize }}" class="section about bg-gray pt-0">
         <div class="container">
             <div class="row">
                 <div class="col-md-7 col-sm-12 wow fadeInLeft">

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

@@ -15,6 +15,13 @@
                         {{ with .Site.Params.navigation.home }} {{ . }} {{ end }}
                     </a>
                 </li>
+                {{ if .Site.Params.news.enable }}
+                    <li class="nav-item">
+                        <a class="nav-link" href="{{ .Site.BaseURL }}#{{ i18n "news" | urlize }}">
+                            {{ with .Site.Params.navigation.news }} {{ . }} {{ end }}
+                        </a>
+                    </li>
+                {{ end }}
                 {{ if .Site.Params.about.enable }}
                     <li class="nav-item">
                         <a class="nav-link" href="{{ .Site.BaseURL }}#{{ i18n "about" | urlize }}">

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

@@ -0,0 +1,21 @@
+{{ if .Site.Params.news.enable }}
+    {{"<!-- About Section -->" | safeHTML}}
+    <section id="{{ i18n "news" | urlize }}" class="section news bg-gray">
+        <div class="container">
+            <div class="row">
+                <div class="col-md-12 col-sm-12 wow fadeInLeft">
+                    <div class="content">
+                        <div class="sub-heading m-b1">
+                        {{ with .Site.Params.news.heading }}
+                            <h3>{{ . }}</h3>
+                        {{ end }}
+                        </div>
+                        {{ with .Site.Params.news.description }}
+                            <p>{{ . | safeHTML }}</p>
+                        {{ end }}
+                    </div>
+                </div>
+            </div>
+        </div>
+    </section>
+{{ end }}

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

@@ -459,6 +459,18 @@ a:active {
   color: #666;
 }
 
+/*--
+    News start
+--*/
+.news .content h3 {
+  font-size: 26px;
+  font-weight: 300;
+  line-height: 36px;
+  color: #7e7e7e;
+  margin-bottom: 20px;
+  /*font-family: 'Droid Serif', serif;*/
+}
+
 /*--
     About start
 --*/