Fixed #22: Added About

- Added new About page
- Using new `version` metadata from dashboard.yaml in About
- New top-level menu entry
- New tabs instead of menu for mobile (was toggle)
- Now using DM Sans font for UI (not content) to reflect logo
- Removed drawer JS mechanism
- Using new fallback logo from offspot-config (no-padding)

Author: rgaudin

assets/about-tab-bg.svg

@@ -182,6 +182,51 @@ select {
   }
 }
 
+
+/* latin-ext */
+@font-face {
+  font-family: 'DM Sans';
+  font-style: italic;
+  font-weight: 100 1000;
+  font-display: swap;
+  src: url(dmsans/DMSans-italic-ext.woff2) format('woff2');
+  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+/* latin */
+@font-face {
+  font-family: 'DM Sans';
+  font-style: italic;
+  font-weight: 100 1000;
+  font-display: swap;
+  src: url(dmsans/DMSans-italic.woff2) format('woff2');
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+/* latin-ext */
+@font-face {
+  font-family: 'DM Sans';
+  font-style: normal;
+  font-weight: 100 1000;
+  font-display: swap;
+  src: url(dmsans/DMSans-normal-ext.woff2) format('woff2');
+  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+/* latin */
+@font-face {
+  font-family: 'DM Sans';
+  font-style: normal;
+  font-weight: 100 1000;
+  font-display: swap;
+  src: url(dmsans/DMSans-normal.woff2) format('woff2');
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+
+.dm-sans {
+  font-family: "DM Sans", serif;
+  font-weight: 400;
+  font-style: normal;
+}
+
 body {
-    font-family: Inter, Roboto, 'Helvetica Neue', 'Arial Nova', 'Nimbus Sans', Arial, sans-serif;
+    font-family:  Inter, Roboto, 'Helvetica Neue', 'Arial Nova', 'Nimbus Sans', Arial, sans-serif;
 }

assets/browse-tab-bg.svg

@@ -249,6 +249,10 @@ function run() {
     });
   }
 
+  // no filtering on about
+  if (page == "about")
+    return;
+
   var filter = new Filtering();
 
   live('#languages-list', 'change', function(el, ev){
@@ -275,16 +279,6 @@ function run() {
     filter.render(true);
   }
 
-  function onCloseDownloadDrawerButtonClick(el, ev) {
-    // go to home (from downloads)
-    window.location.assign("/");
-  }
-
-  function onOpenDownloadDrawerButtonClick(el, ev) {
-    // go (back) to downloads (from home)
-    window.location.assign("/download");
-  }
-
   function onOpenMobileFiltersButtonClick(el, ev) {
     // open filters on mobile
     removeClass(document.getElementById("mobile-filters"), "hidden");
@@ -332,9 +326,6 @@ function run() {
   live('#order-desc', 'click', onOrderDirButtonClick);
   live('#order-asc', 'click', onOrderDirButtonClick);
 
-  live('#close-download-drawer', 'click', onCloseDownloadDrawerButtonClick);
-  live('#open-download-drawer', 'click', onOpenDownloadDrawerButtonClick);
-
   live('#close-mobile-filters', 'click', onCloseMobileFiltersButtonClick);
   live('#open-mobile-filters', 'click', onOpenMobileFiltersButtonClick);