fix: Small code cleaning task

inc/css/main.css

@@ -111,7 +111,7 @@ nav {
 }
 
 @media only screen and (max-width: 800px) {
-   header {
+    header {
         width: 95%;
     }
 }
@@ -131,7 +131,7 @@ nav {
 ::-webkit-scrollbar-button{width:0px; height:0px;}
 
 #exhibition {
-/* Remove scrollbar in FF */
+    /* Remove scrollbar in FF */
     scrollbar-width: none;
 
     transform-origin: bottom left;
@@ -379,4 +379,47 @@ nav {
     padding: 20px;
 }
 
-/******************* CONTACT *******************/
+/******************* ABOUT *******************/
+
+.cv-column {
+    display: flex;
+    flex-direction: column;
+    flex-basis: 100%;
+    flex: 40% 0;
+}
+.cv-row {
+    display: flex;
+    flex-direction: row;
+    flex-wrap: wrap;
+    width: 100%;
+}
+
+.cv-label {
+    color: var(--c6);
+    text-align: right;
+    font-weight: bold;
+    text-transform: uppercase;
+    padding: 5px 25px 0 0;
+}
+
+.cv-content {
+    padding: 5px 0 0 0;
+}
+
+.cv-space {
+    margin-top: 20px;
+}
+
+.cv-heading {
+    color: var(--c4);
+    text-align: center;
+    margin-bottom: 10px;
+    font-size: 30px;
+}
+
+.cv-sub-heading {
+    color: var(--c4);
+    text-align: center;
+    margin: 10px 0 10px 0;
+    font-size: 20px;
+}

tmpl/about.html

@@ -1,52 +1,4 @@
 {{define "body"}}
-<style>
- #cv * {
-     /* justify-content: space-around; */
- }
- .cv-column {
-     display: flex;
-     flex-direction: column;
-     flex-basis: 100%;
-     flex: 40% 0;
- }
- .cv-row {
-     display: flex;
-     flex-direction: row;
-     flex-wrap: wrap;
-     width: 100%;
- }
-
- .cv-label {
-     color: var(--c6);
-     text-align: right;
-     font-weight: bold;
-     text-transform: uppercase;
-     padding: 5px 25px 0 0;
- }
-
- .cv-content {
-     padding: 5px 0 0 0;
- }
-
- .cv-space {
-     margin-top: 20px;
- }
-
- .cv-heading {
-     color: var(--c4);
-     text-align: center;
-     margin-bottom: 10px;
-     font-size: 30px;
- }
-
- .cv-sub-heading {
-     color: var(--c4);
-     text-align: center;
-     margin: 10px 0 10px 0;
-     font-size: 20px;
- }
-
-</style>
 <section id="cv">
     <h1 class="cv-heading">Persönliche Informationen</h1>
     <div class="cv-row">
@@ -317,6 +269,14 @@
         hochbegabte Kind'.
     </div>
 </div>
+<div class="cv-row cv-space">
+    <div class="cv-column cv-label">
+        Zeitspanne
+    </div>
+    <div class="cv-column cv-content">
+        07.2018 &ndash; heute
+    </div>
+</div>
 <div class="cv-row">
     <div class="cv-column cv-label">
         Studentische Hilfskraft (Kein Ehrenamt)
@@ -330,6 +290,14 @@
         an verschiedenen Tagen wie z.B. dem Girls/Boys Day durchgeführt.
     </div>
 </div>
+<div class="cv-row cv-space">
+    <div class="cv-column cv-label">
+        Zeitspanne
+    </div>
+    <div class="cv-column cv-content">
+        10.2017 &ndash; heute
+    </div>
+</div>
 <div class="cv-row">
     <div class="cv-column cv-label">
         Buddy Program
@@ -343,6 +311,25 @@
         und konnte Ihnen über die ersten Bürokratischen Hürden in Deutschland hinweg helfen.
     </div>
 </div>
+
+<div class="cv-row cv-space">
+    <div class="cv-column cv-label">
+        Zeitspanne
+    </div>
+    <div class="cv-column cv-content">
+        10.2017 &ndash; heute
+    </div>
+</div>
+<div class="cv-row">
+    <div class="cv-column cv-label">
+        Mitglied
+    </div>
+    <div class="cv-column cv-content">
+        Mitglied beim Bund Naturschutz (Gruppe Ingolstadt). In den kommenden Jahren
+        möchte ich mich weiter bei der Biotoppflege einbringen und mich auch in weiteren
+        Projekten einbringen.
+    </div>
+</div>
 <!------------------- FORTBILDUNG -------------------------->
 <div class="cv-line"></div>
 <h1 class="cv-heading">Fortbildungen und Schulabschluss</h1>