fix footer links & footer logo

src/.vitepress/theme/components/Footer.vue

@@ -1,73 +1,136 @@
 <template>
   <footer class="bimdata-footer">
     <div class="bimdata-footer__container">
+
+      <!-- Main -->
       <div class="bimdata-footer__main">
+
         <!-- Brand -->
         <div class="bimdata-footer__brand">
           <a href="/" class="bimdata-footer__logo">
             <img
-              data-v-262f00eb=""
-              class="VPImage dark logo"
-              src="/images/bimdata-documentation-logo_dark.svg"
-              alt="BIMData"
-            /><img
-              data-v-262f00eb=""
-              class="VPImage light logo"
+              class="bimdata-footer__logo-light"
               src="/images/bimdata-documentation-logo_light.svg"
-              alt="BIMData"
+              alt="BIMData Documentation"
+            />
+
+            <img
+              class="bimdata-footer__logo-dark"
+              src="/images/bimdata-documentation-logo_dark.svg"
+              alt="BIMData Documentation"
             />
           </a>
 
           <p class="bimdata-footer__description">
-            Build BIM features into your applications. APIs, SDKs and tools for the AEC industry.
+            Build BIM features into your applications.
+            APIs, SDKs and tools for the AEC industry.
           </p>
         </div>
 
-        <!-- Documentation -->
+        <!-- Get started -->
         <nav class="bimdata-footer__column">
-          <h2>Documentation</h2>
+          <h2>Get started</h2>
 
-          <a href="/quickstart/">Quickstart</a>
-          <a href="/guides/">Guides</a>
-          <a href="/tutorials/">Tutorials</a>
-          <a href="/api-reference/">API Reference</a>
-          <a href="/examples/">Examples</a>
+          <a href="/api/guides/application.html">
+            Create an application
+          </a>
+
+          <a href="/api/introduction/quick_start.html">
+            Upload a model
+          </a>
+
+          <a href="/viewer/">
+            Build a BIM viewer
+          </a>
+
+          <a href="/api/reference.html">
+            Query BIM data
+          </a>
         </nav>
 
         <!-- Products -->
         <nav class="bimdata-footer__column">
           <h2>Products</h2>
 
-          <a href="/rest-api/">REST API</a>
-          <a href="/viewer-sdk/">Viewer SDK</a>
-          <a href="/plugins/">Plugins</a>
-          <a href="/on-premise/">On-premise</a>
+          <a href="/api/introduction/overview.html">
+            REST API
+          </a>
+
+          <a href="/viewer/viewer_sdk.html">
+            Viewer SDK
+          </a>
+
+          <a href="/viewer/guide/plugins.html">
+            Plugins
+          </a>
+
+          <a href="/on-premises/getting_started.html">
+            On-premises
+          </a>
         </nav>
 
         <!-- Resources -->
         <nav class="bimdata-footer__column">
           <h2>Resources</h2>
 
-          <a href="https://github.com/bimdata" target="_blank" rel="noopener noreferrer">
-            Github
+          <a href="/api/reference.html">
+            API Reference
+          </a>
+
+          <a href="/viewer/examples/">
+            Examples
+          </a>
+
+          <a href="/viewer/release_notes.html">
+            Changelog
+          </a>
+
+          <a href="/api/support.html">
+            Support
+          </a>
+
+          <a
+            href="https://github.com/bimdata"
+            target="_blank"
+            rel="noopener noreferrer"
+          >
+            GitHub
           </a>
 
-          <a href="/changelog/">Changelog</a>
-          <a href="/status/">API Status</a>
-          <a href="/support/">Support</a>
+          <a
+            href="https://design.bimdata.io"
+            target="_blank"
+            rel="noopener noreferrer"
+          >
+            Design system
+          </a>
         </nav>
+
       </div>
 
       <!-- Bottom -->
       <div class="bimdata-footer__bottom">
-        <span class="bimdata-footer__copyright"> © {{ new Date().getFullYear() }} BIMData </span>
+
+        <span class="bimdata-footer__copyright">
+          © {{ new Date().getFullYear() }} BIMData
+        </span>
 
         <nav class="bimdata-footer__legal">
-          <a href="/privacy/">Privacy</a>
-          <a href="/terms/">Terms</a>
-          <a href="/contact/">Contact</a>
+          <!-- <a href="/privacy/">
+            Privacy
+          </a>
+
+          <a href="/terms/">
+            Terms
+          </a> -->
+
+          <a href="/contact/">
+            Contact
+          </a>
         </nav>
+
       </div>
+
     </div>
   </footer>
 </template>

src/.vitepress/theme/footer.css

@@ -1,3 +1,15 @@
+.bimdata-footer__logo-dark {
+  display: none;
+}
+
+html.dark .bimdata-footer__logo-light {
+  display: none;
+}
+
+html.dark .bimdata-footer__logo-dark {
+  display: block;
+}
+
 /* ========================================
    BIMData Footer
    ======================================== */
@@ -114,6 +126,7 @@
 
   .bimdata-footer__brand {
     grid-column: 1 / -1;
+    max-width: 420px;
   }
 }
 
@@ -125,7 +138,7 @@
   .bimdata-footer__main {
     grid-template-columns: 1fr;
     gap: 36px;
-    padding: 48px 0;
+    padding: 48px 0 40px;
   }
 
   .bimdata-footer__brand {
@@ -141,5 +154,15 @@
 
   .bimdata-footer__legal {
     gap: 18px;
+    flex-wrap: wrap;
   }
-}
+  @media (max-width: 480px) {
+    .bimdata-footer__main {
+      grid-template-columns: 1fr;
+    }
+
+    .bimdata-footer__brand {
+      grid-column: auto;
+    }
+  }
+}