cleanup (footer): design of the footer

YouveGotMeowxy · Jul 12, 2021 · 640f7e0 · 640f7e0
1 parent 5516ed3
commit 640f7e0
Show file tree

Hide file tree

Showing 9 changed files with 29 additions and 13 deletions.
diff --git a/_docs/configuration.md b/_docs/configuration.md
@@ -1,6 +1,7 @@
 ---
 layout: documentation
 title: Configuration
+language: en
 order: 3
 ---
 

diff --git a/_docs/faq.md b/_docs/faq.md
@@ -2,6 +2,7 @@
 layout: documentation
 title: Faq
 order: 7
+language: en
 ---
 
 ## Can I use the local filesystem?

diff --git a/_docs/index.md b/_docs/index.md
@@ -2,6 +2,7 @@
 layout: documentation
 title: Getting started
 order: 1
+language: en
 permalink: /docs/
 head:
   - <link rel="alternate" href="https://www.filestash.app/docs/" hreflang="en" />

diff --git a/_docs/install-and-upgrade.md b/_docs/install-and-upgrade.md
@@ -2,6 +2,7 @@
 layout: documentation
 title: Install and upgrade
 order: 2
+language: en
 ---
 
 {% include toc.md %}

diff --git a/_docs/plugin.md b/_docs/plugin.md
@@ -1,6 +1,7 @@
 ---
 layout: documentation
 title: Plugins
+language: en
 order: 5
 ---
 

diff --git a/_docs/support.md b/_docs/support.md
@@ -1,6 +1,7 @@
 ---
 layout: documentation
 title: Support
+language: en
 order: 6
 ---
 

diff --git a/_docs/tips-and-tricks.md b/_docs/tips-and-tricks.md
@@ -1,6 +1,7 @@
 ---
 layout: documentation
 title: Tips and tricks
+language: en
 order: 4
 ---
 

diff --git a/_includes/footer.html b/_includes/footer.html
@@ -1,15 +1,19 @@
 <div id="footer">
-  <div class="row">
-    <div class="col-sm-10">
-      {% if page.language == "en" %}
-      <div class="flex">
-        {{ site | tag_cloud }}
+  <div class="container">
+    <div class="row">
+      <div class="col-sm-10">
+        {% if page.language == "en" %}
+        <h4>Topics:</h4>
+        <div class="flex">
+          {{ site | tag_cloud }}
+        </div>
+        {% endif %}
+      </div>
+      <div class="col-sm-2">
+        <img alt="logo" src="https://downloads.filestash.app/brand/logo_footer.svg"/>
       </div>
-      {% endif %}
-    </div>
-    <div class="col-sm-2">
-      <img alt="logo" src="https://downloads.filestash.app/brand/logo_footer.svg"/>
     </div>
+  </div>
 </div>
 
 <style>
@@ -19,21 +23,28 @@
       color: #f2f3f5;
       padding: 80px 50px 70px;
   }
+  #footer h4 {
+      font-size: 1.1rem;
+      color: inherit;
+      margin: 0 0 10px;
+  }
   #footer img {
       height: 50px;
       width: 50px;
+      margin-top: -5px;
   }
   #footer .flex {
       display: flex;
       flex-wrap: wrap;
   }
   #footer .flex a {
       display: block;
-      width: 25%;
+      width: 33.33%;
       color: inherit;
       opacity: 0.7;
       text-transform: uppercase;
-      font-size: 0.9rem;
+      font-size: 0.8rem;
+      margin-bottom: 10px;
   }
   #footer .col-sm-2 { text-align: right; }
   @media (max-width: 767px){

diff --git a/css/landing-page.css b/css/landing-page.css
@@ -122,7 +122,6 @@
     margin-bottom: 75px;
     text-align: center;
     color: var(--secondary);
-    font-weight: normal;
 }
 #features .main{
     margin-top: 130px;
@@ -133,7 +132,6 @@
     margin: 0 0 15px 0;
     text-align: left;
     line-height: 1em;
-    font-weight: normal;
     font-size: 1.55em!important;
     color: var(--secondary);
     text-align: left;