fonts, introduce cards and more

oujonny · Nov 27, 2022 · ba36edb · ba36edb
1 parent fab7b0b
commit ba36edb
Show file tree

Hide file tree

Showing 20 changed files with 156 additions and 259 deletions.
diff --git a/content/dienstleistungen/_index.md b/content/dienstleistungen/_index.md
@@ -2,6 +2,11 @@
 title: "Dienstleistungen"
 weight: 2
 header_menu: true
+
+type: "cards"
+
+# page_image:
+#     src: "portrait2.jpg"
 ---
 
 Wenn Sie fachkompetente und persönliche Beratung an der Nahtstelle zwischen **Staat und Unternehmen** suchen, strategische und organisatorische Veränderungen in

diff --git a/content/kontakt/portrait2.jpg → content/dienstleistungen/portrait2.jpg b/content/kontakt/portrait2.jpg → content/dienstleistungen/portrait2.jpg
diff --git a/content/kontakt/_index.md b/content/kontakt/_index.md
@@ -2,10 +2,6 @@
 title: "Kontakt"
 header_menu: true
 weight: 4
-
-page_image:
-    src: "portrait2.jpg"
-    crop: center
 ---
 Kontaktieren Sie mich ungeniert. Gerne stehe ich für sie zu verfügung.
 Schreiben Sie mir einfach eine Mail oder rufen Sie mich gleich an.

diff --git a/content/referenzen/franz-steiger.md b/content/referenzen/franz-steiger.md
@@ -2,6 +2,6 @@
 title: "Franz Steiger"
 weight: 2
 ---
-### Franz Steiger
+#### Franz Steiger
 ##### CFO SBB AG
 > Dies ist ein zu überschreibender Blindtext. Ob kurz und knackig oder etwas ausführlicher, ich bin dankbar über jede Rückmeldung. Du kannst etwas über mich als Person oder meine Fach-, Sozial-, oder Führungskompetenzen schreiben und bestenfalls sogar eine konkrete Situation erwähnen, an ich dir oder deiner Organisation weitergeholfen hat. Auch über Kompetenzbestätigungen auf meinem LinkedIn-Profil würde ich mich freuen.
diff --git a/content/referenzen/martin-voegeli.md b/content/referenzen/martin-voegeli.md
@@ -3,6 +3,6 @@ title: "Martin Vögeli"
 url: "martin-voegeli"
 weight: 1
 ---
-### Martin Vögeli
+#### Martin Vögeli
 ##### Swisscom AG
 > Dies ist ein zu überschreibender Blindtext. Ob kurz und knackig oder etwas ausführlicher, ich bin dankbar über jede Rückmeldung. Du kannst etwas über mich als Person oder meine Fach-, Sozial-, oder Führungskompetenzen schreiben und bestenfalls sogar eine konkrete Situation erwähnen, an ich dir oder deiner Organisation weitergeholfen hat. Auch über Kompetenzbestätigungen auf meinem LinkedIn-Profil würde ich mich freuen.
diff --git a/content/uebermich/_index.md b/content/uebermich/_index.md
@@ -8,7 +8,8 @@ page_image:
     src: "portrait.jpg"
     crop: "center"
 ---
-**Inhaber und Geschäftsführer**
+
+### Inhaber und Geschäftsführer
 
 Als **selbständiger Berater**, **Interims-Manager** oder **Verwaltungsrat** bringe ich mich mit Elan zugunsten Ihrer Organisation ein. Ich verfüge über fundierte, vielfältige Erfahrungen in **strategischen Führungsfragen** im **politischen Umfeld**. In der gesamten beruflichen Karriere habe ich mich vertieft mit den Themen **Verkehr** und **Energie** befasst. Ich führe alle Mandate persönlich aus und berate meine Kunden effizient und resultatorientiert. Solide **Fachkompetenz, Verlässlichkeit** und gute **Intuition** zeichnen mich aus.
 

diff --git a/content/uebermich/erfahrungen.md b/content/uebermich/erfahrungen.md
@@ -3,7 +3,7 @@ title: "Erfahrungen"
 header_menu: false
 weight: 1
 ---
-### Berufliche Stationen
+##### Berufliche Stationen
 
 Nach meinem Studium der Betriebswirtschaftslehre war ich **10 Jahre als Berater in Verkehrs- und Umweltthemen** tätig. Teilweise parallel dazu habe ich meine **Dissertation an der Technischen
 Universität Dresden** („Wege zu mehr Nachhaltigkeit im Verkehr –
@@ -18,7 +18,7 @@ Sektionsleiter verantwortlich für die finanzpolitische Beurteilung von Bundesra
 | Bern                                      | Bern                                      | Berlin                  | Berlin/Basel      |
 | Abteilung Ausgabenpolitik, Sektionsleiter | Abteilung Finanzierung, wiss. Mitarbeiter | freiberufliche Beratung | Junior Consultant |
 
-### Ehrenamtliche Aktivitäten
+##### Ehrenamtliche Aktivitäten
 
 Seit vielen Jahren bin ich in der Stadt Bern auf Gemeindeebene **ehrenamtlich engagiert** . Seit 2016 als **Vizepräsident des Kleinen Kirchenrats** , der Exekutive der ev.-ref.
 **Gesamtkirchgemeinde Bern** (ca. 50‘000 Mitglieder, ca. 250

diff --git a/themes/business/layouts/_default/baseof.html b/themes/business/layouts/_default/baseof.html
@@ -4,9 +4,5 @@
   <body>
     {{- partial "header.html" . -}}
     {{- block "main" . }}{{- end }}
-
-    <!-- Loead bootstrap js script -->
-    <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-OERcA2EqjJCMA+/3y+gxIOqMEjwtxJY7qPCqsdltbNJuaOe923+mo//f6V8Qbsw3" crossorigin="anonymous"></script>
-    <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-IDwe1+LCz02ROU9k972gdyvl+AESN10+x7tBKgc9I5HFtuNz0wWnPclzo6p9vxnk" crossorigin="anonymous"></script>
   </body>
 </html>
diff --git a/themes/business/layouts/index.html b/themes/business/layouts/index.html
@@ -10,18 +10,6 @@
             {{ with .Params.header_subheadline }}<h2 id="site-description">{{ . }}</h2>{{ end }}
 
             {{ partial "components/nav.html" . }}
-            {{ partial "components/mobilenav.html" . }}
-
-            {{/*  <div class="nav-bar mt-4">
-            {{ range where .Pages ".Params.header_menu" "eq" true }}
-                    <a class='btn btn-light site-menu' href='#{{if (isset .Params "url")}}{{ .Params.url }}{{else}}{{ .Title | anchorize }}{{end}}'>{{ if isset  .Params "url_title" }} {{ .Params.url_title }} {{ else }} {{ .Title }} {{ end }}</a>
-            {{ end }}  
-            </div>*/}}
-            {{/*  {{ with .GetPage "uebermich/_index.md" }}
-                <a href='#{{ if (isset .Params "url") }}{{ .Params.url }}{{ else }}{{ .Title | anchorize }}{{ end }}'>
-                    <i id='header-arrow' class="fa fa-angle-down"></i>
-                </a>
-            {{ end }}  */}}
         </div>
     </div>
 </header>

diff --git a/themes/business/layouts/onepager.html b/themes/business/layouts/onepager.html
@@ -9,13 +9,43 @@
                     {{ else if eq (add $index 1) (len $sections ) }} last 
                     {{ else if modBool $index 2 }}even 
                     {{ else if ne (modBool $index 2) true }}odd {{ end }}'>
-                        {{ if (eq .Params.type "carousel") }}
-                            {{ partial "components/carousel.html" . }}
-                        {{ else if (eq .Params.type "generic") }}
-                            {{ partial "components/generic.html" . }}
-                        {{ else }}  {{/*  default is article  */}}
-                            {{ partial "components/article.html" . }}
-                        {{ end }}
+                    <article id='{{ partial "utils/anchor.html" . }}' class="pt-2 px-0 pt-md-4 px-md-2 px-lg-3 pb-xl-5">
+                        <div class="offset" style="padding-top: 68px;"></div>
+                        <header class="p-2 post-header">
+                            <h1 class="display-1 post-title">{{ .Title }}</h1>
+                        </header>
+                        <section class="post-content">
+                            <div class="container-fluid d-flex mt-md-0">
+                                <div class="row">
+                                    {{ if isset .Page.Params "page_image" }}
+                                            <div class="col-lg-7">
+                                                {{ .Content }}
+                                            </div>
+                                            <div class="col-lg-5 order-first order-lg-last pb-2 ps-xl-4">
+                                                {{ partial "utils/page_image.html" . }}
+                                            </div>
+                                    {{ else }}
+                                        <div class="col-12">
+                                            {{ .Content }}
+                                        </div>
+                                    {{ end }}
+                                </div>
+                            </div>
+
+                            {{/* subpages with spesific type  */}}
+                            {{ if gt (len .Pages) 0 }}
+                                {{ if (eq .Params.type "carousel") }}
+                                    {{ partial "components/carousel.html" . }}
+                                {{ else if (eq .Params.type "generic") }}
+                                    {{ partial "components/generic.html" . }}
+                                {{ else if (eq .Params.type "cards") }}
+                                    {{ partial "components/cards.html" . }}
+                                {{ else }}
+                                    {{ partial "components/accordion.html" .}}
+                                {{ end }}
+                            {{ end }}
+                        </section>
+                    </article>
                     </div>
                 {{ end }}
                 {{ partial "footer.html" . }} 

diff --git a/themes/business/layouts/partials/components/accordion.html b/themes/business/layouts/partials/components/accordion.html
@@ -0,0 +1,15 @@
+<div id='{{ partial "utils/anchor.html" . }}-accordion' class="accordion accordion-flush pt-3 px-2 px-xl-0">
+    {{ range $index, $element := .Pages }}
+        <div class="accordion-item">
+            <div id='{{ partial "utils/anchor.html" . }}-heading' class="accordion-header">
+                <button class="accordion-button collapsed px-0" type="button" data-bs-toggle="collapse" data-bs-target='#{{ partial "utils/anchor.html" . }}-content' aria-expanded="false" aria-controls='{{ partial "utils/anchor.html" . }}-content'>{{ .Title }}</button>
+            </div>
+            <div id='{{ partial "utils/anchor.html" . }}-content' class="py-4 accordion-collapse collapse" aria-labelledby='{{ partial "utils/anchor.html" . }}-heading'>
+                {{ .Content }}
+                {{ range .Pages }}
+                    {{ .Content }}
+                {{ end }}
+            </div>
+        </div>
+    {{ end }}
+</div>
diff --git a/themes/business/layouts/partials/components/article.html b/themes/business/layouts/partials/components/article.html
diff --git a/themes/business/layouts/partials/components/cards.html b/themes/business/layouts/partials/components/cards.html
@@ -0,0 +1,22 @@
+<div class="container">
+    <div class="row">
+        <div class="col">
+            {{ range $index, $element := .Pages }}
+            {{ if modBool $index 2 }}
+            <div class="card d-flex my-4 p-4">
+                {{ .Content }}
+            </div>
+            {{ end }}
+            {{ end }}
+        </div>
+        <div class="col">
+            {{ range $index, $element := .Pages }}
+            {{ if eq (modBool $index 2) false }}
+            <div class="card d-flex my-4 p-4">
+                {{ .Content }}
+            </div>
+            {{ end }}
+            {{ end }}
+        </div>
+    </div>
+</div>
diff --git a/themes/business/layouts/partials/components/carousel.html b/themes/business/layouts/partials/components/carousel.html
@@ -1,20 +1,13 @@
-<article id='{{ partial "utils/anchor.html" . }}' class="pt-2 px-0 pt-md-4 px-md-2 px-xl-3 pb-xl-5">
-  <header class="p-4 pb-2 px-md-0 post-header">
-    <h2 class="post-title">{{ .Title }}</h2>
-  </header>
-  <section class="post-content">
-    <div class="row">
-      <div class="carousel-inner container-fluid pb-4">
-        {{ range $index, $element := .Pages }}
-          <div class="carousel-item {{ if (eq $index 0) }}active{{ end }}">
-            <div class="d-flex shadow my-auto">
-              <div class="carousel-item-text ms-0 px-4 p-md-4 blockqoute">
-                {{ .Content }}
-              </div>
-            </div>
+<div class="carsousel slide" data-bs-ride="carousel" data-bs-interval="6000" data-bs-touch="false" data-bs-keyboard="false">
+  <div class="carousel-inner container-fluid p-3 pb-4">
+    {{ range $index, $element := .Pages }}
+      <div class="carousel-item {{ if (eq $index 0) }}active{{ end }}">
+        <div class="d-flex shadow">
+          <div class="carousel-item-text ms-0 px-4 p-md-4 blockqoute">
+            {{ .Content }}
           </div>
-        {{ end }}
+        </div>
       </div>
-    </div>       
-  </section>
-</article>
+    {{ end }}
+  </div>
+</div> 
diff --git a/themes/business/layouts/partials/components/generic.html b/themes/business/layouts/partials/components/generic.html
@@ -1,10 +1,5 @@
-<article id='{{ partial "utils/anchor.html" . }}' class="pt-2 px-0 pt-md-4 px-md-2 px-xl-3 pb-xl-5">
-    <header class="post-header">
-        <h2 class="post-title">{{ .Title }}</h2>
-    </header>
-    <section class="post-content">
-        <div class="container-fluid d-flex p-0 mt-md-4">
-            {{ .Content }}
-        </div>
-    </section>
-</article>
+{{ range $index, $element := .Pages }}
+<div class="container-fluid p-0 mt-md-4">
+    {{ .Content }}
+</div>
+{{ end }}
diff --git a/themes/business/layouts/partials/components/mobilenav.html b/themes/business/layouts/partials/components/mobilenav.html
diff --git a/themes/business/layouts/partials/components/nav.html b/themes/business/layouts/partials/components/nav.html
@@ -1,4 +1,4 @@
-<nav class="navbar fixed-top navbar-expand-lg bg-light shadow">
+<nav class="navbar fixed-top navbar-expand-lg bg-light shadow-sm">
     <div id="nav" class="container-fluid mx-4">
         <a class="navbar-brand" href="{{ .Site.BaseURL }}">
             <img src="images/logo.jpg" alt="">
@@ -22,34 +22,3 @@
       </div>
     </div>
   </nav>
-
-
-
-
-
-
-
-<div id="mobilenav-div" class="p-0 d-block d-md-none">
-    <!-- Button trigger modal -->
-    <button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#mobilenavModal">
-        Launch demo modal
-    </button>
-
-    <!-- Modal -->
-    <div class="modal fade" id="mobilenavModal" tabindex="-1" aria-labelledby="mobilenavModalLabel" aria-hidden="true">
-        <div class="modal-dialog modal-fullscreen-sm-down">
-        <div class="modal-content">
-            <div class="modal-header">
-            <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
-            </div>
-            <div class="modal-body">
-                {{ range .Pages }}
-                <a class='nav-link btn btn-link btn-block' href='#{{ partial "utils/anchor.html" . }}'>
-                    {{ if isset  .Params "url_title" }} {{ .Params.url_title }} {{ else }} {{ .Title }} {{ end }}
-                </a>
-                {{ end }}
-            </div>
-        </div>
-        </div>
-    </div>
-</div>
diff --git a/themes/business/layouts/partials/head.html b/themes/business/layouts/partials/head.html
@@ -3,6 +3,9 @@
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <meta name="description" content="{{ .Site.Params.description }}">
 
+    <!-- Loead bootstrap js script -->
+    <script defer="defer" src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-IDwe1+LCz02ROU9k972gdyvl+AESN10+x7tBKgc9I5HFtuNz0wWnPclzo6p9vxnk" crossorigin="anonymous"></script>
+
     {{/*  css  */}}
     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" integrity="sha384-Zenh87qX5JnK2Jl0vWa8Ck2rdkQ2Bzep5IDxbcnCeuOxjzrPF/et3URy9Bv1WTRi" crossorigin="anonymous">
     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/css/fork-awesome.min.css" integrity="sha256-XoaMnoYC5TH6/+ihMEnospgm0J1PM/nioxbOUdnM8HY=" crossorigin="anonymous">

diff --git a/themes/business/layouts/partials/utils/carousel_image.html b/themes/business/layouts/partials/utils/carousel_image.html