remove inline css classes from footer

heartofclojure · Apr 22, 2024 · 0588890 · 0588890
1 parent 50bfd60
commit 0588890
Show file tree

Hide file tree

Showing 3 changed files with 26 additions and 13 deletions.
diff --git a/_includes/footer.html b/_includes/footer.html
@@ -2,7 +2,7 @@
   <section id="code-of-conduct" class="code-of-conduct">
     <div class="content-wrapper">
         <h3>Code of Conduct</h3>
-        <p class="white">
+        <p>
           We want to create a safe and welcoming space for our community members. This means there
           will be no tolerance towards harassment of any kind. By attending Heart of Clojure you
           agree to our <a class="inline-link-inverted" target="_blank" href="https://berlincodeofconduct.org/"> Code of
@@ -11,20 +11,20 @@ <h3>Code of Conduct</h3>
     </div>
   </section>
 
-  <section class="flex-ns flex-row-ns items-center w-100">
-    <div class="w-third-ns tc">
+  <section id="links" class="links">
+    <div>
       <h3>Program Committee</h3>
       {% for member in site.data.program_committee %}
-        <span class="db white">{{member}}</span>
+        <span>{{member}}</span>
       {% endfor %}
     </div>
-    <div class="w-third-ns tc">
+    <div>
       <h3>Reviewers</h3>
       {% for member in site.data.reviewers %}
-        <span class="db white">{{member}}</span>
+        <span>{{member}}</span>
       {% endfor %}
     </div>
-    <div class="w-third-ns tc">
+    <div>
       <h3>Legal</h3>
       <!-- <span class="db white"> -->
       <!--   Arne Brasseur -->
@@ -41,14 +41,12 @@ <h3>Legal</h3>
       <!-- <span class="db white"> -->
       <!--   Aleksandra Samonek -->
       <!-- </span> -->
-      <span class="db">
+      <div class="link-column">
         <a class="inline-link-inverted" href="/impressum">Legal Notice</a>
-      </span>
-      <span class="db">
         <a class="inline-link-inverted" href="/privacy-policy">Privacy policy</a>
-      </span>
+      </div>
     </div>
   </section>
 
-  <small class="white">© 2019-2024 Heart of Clojure Conference</small>
+  <small>© 2019-2024 Heart of Clojure Conference</small>
 </footer>
diff --git a/_layouts/minimal.html b/_layouts/minimal.html
@@ -5,7 +5,7 @@
   <body>
     {% include nav.html %}
 
-    <div class="mt5">
+    <div class="default-page">
       {{ content }}
     </div>
 

diff --git a/css/basics.css b/css/basics.css
@@ -96,6 +96,21 @@ footer {
   margin-bottom: 0;
 }
 
+footer p {
+  color: white;
+}
+
+.links {
+  display: grid;
+  grid-template-columns: 1fr 1fr 1fr;
+}
+
+.link-column {
+  display: inline-flex;
+  flex-direction: column;
+}
+
+
 .organizers { margin-left: 4rem; }
 .organizers p {
   margin: 0.25rem 0;