Redo footer

front-end/assets/css/global.css

@@ -159,7 +159,7 @@ mwmbl-results, footer {
   font-weight: var(--bold-font-weight);
 }
 
-footer {
+.footer {
   position: sticky;
   top: 100vh;
   margin-bottom: 25px;

front-end/assets/fonts/phosphor/icons.css

@@ -104,3 +104,19 @@ Phosphor Web Font
 .ph-info-bold::before {
   content: "\f88f";
 }
+
+.ph-book-bold::before {
+  content: "\f6fb";
+}
+
+.ph-browser-bold::before {
+  content: "\f70d";
+}
+
+.ph-youtube-logo-bold::before {
+  content: "\fa5d";
+}
+
+.ph-chat-circle-text-bold::before {
+  content: "\f74c";
+}

front-end/assets/fonts/phosphor/unused.css

@@ -13290,10 +13290,6 @@
   content: "\f6fa";
 }
 
-.ph-book-bold::before {
-  content: "\f6fb";
-}
-
 .ph-book-bookmark-bold::before {
   content: "\f6fc";
 }
@@ -13362,10 +13358,6 @@
   content: "\f70c";
 }
 
-.ph-browser-bold::before {
-  content: "\f70d";
-}
-
 .ph-browsers-bold::before {
   content: "\f70e";
 }
@@ -13614,10 +13606,6 @@
   content: "\f74b";
 }
 
-.ph-chat-circle-text-bold::before {
-  content: "\f74c";
-}
-
 .ph-chat-dots-bold::before {
   content: "\f74d";
 }
@@ -16750,10 +16738,6 @@
   content: "\fa5c";
 }
 
-.ph-youtube-logo-bold::before {
-  content: "\fa5d";
-}
-
 .ph-activity-fill::before {
   content: "\fa5e";
 }

front-end/config.js

@@ -11,18 +11,6 @@ export default {
   publicApiURL: '/api/v1/',
   // publicApiURL: 'http://localhost:5000/',
   searchQueryParam: 'q',
-  footerLinks: [
-    {
-      name: 'Github',
-      icon: 'ph-github-logo-bold',
-      href: 'https://github.com/mwmbl/mwmbl'
-    },
-    {
-      name: 'Wiki',
-      icon: 'ph-info-bold',
-      href: 'https://github.com/mwmbl/mwmbl/wiki'
-    }
-  ],
   commands: {
     'go: ': 'https://',
     'search: google.com ': 'https://www.google.com/search?q=',

front-end/src/components/organisms/footer.js

@@ -1,36 +0,0 @@
-import define from '../../utils/define.js';
-import config from '../../../config.js';
-
-const template = ({ data }) => /*html*/`
-  <p class="footer-text">Find more on</p>
-  <ul class="footer-list">
-    ${ data.links.map(link => /*html*/`
-      <li class="footer-item">
-        <a href="${link.href}" class="footer-link" target="__blank">
-          <i class="${link.icon}"></i>
-          <span>${link.name}</span>
-        </a>
-      </li>
-    `).join('') }
-  </ul>
-`;
-
-export default define('footer', class extends HTMLElement {
-  constructor() {
-    super();
-    this.__setup();
-  }
-
-  __setup() {
-    this.innerHTML = template({ 
-      data: {
-        links: config.footerLinks
-      }
-    });
-    this.__events();
-  }
-
-  __events() {
-    
-  }
-}, { extends: 'footer' });

front-end/src/index.js

@@ -16,7 +16,6 @@ import 'vite/modulepreload-polyfill';
   if (!redirected) {
     // Load components only after redirects are checked.
     import("./components/organisms/results.js");
-    import("./components/organisms/footer.js");
     import("./components/organisms/save.js");
     import("./components/molecules/add-button.js");
     import("./components/molecules/add-result.js");

mwmbl/settings_common.py

@@ -134,3 +134,33 @@ ACCOUNT_EMAIL_VERIFICATION = "mandatory"
 DEFAULT_FROM_EMAIL = "admin@mwmbl.org"
 
 LOGIN_REDIRECT_URL = "/"
+
+FOOTER_LINKS = [
+    {
+        "name": "Matrix",
+        "icon": "ph-chat-circle-text-bold",
+        "href": "https://matrix.to/#/#mwmbl:matrix.org",
+    },
+    {
+        "name": "Book",
+        "icon": "ph-book-bold",
+        "href": "https://book.mwmbl.org",
+    },
+    {
+        "name": "Blog",
+        "icon": "ph-browser-bold",
+        "href": "https://blog.mwmbl.org",
+    },
+    {
+        "name": "GitHub",
+        "icon": "ph-github-logo-bold",
+        "href": "https://github.com/mwmbl/mwmbl",
+    },
+    {
+        "name": "YouTube",
+        "icon": "ph-youtube-logo-bold",
+        "href": "https://www.youtube.com/channel/UCFLbqrH63-icAHxQ1eFfAvA",
+    },
+
+
+]

mwmbl/templates/index.html

@@ -86,7 +86,18 @@
       </mwmbl-results>
     </main>
     <div is="mwmbl-add-result"></div>
-    <footer is="mwmbl-footer"></footer>
+  <div class="footer">
+    <ul class="footer-list">
+      {% for link in footer_links %}
+        <li class="footer-item">
+          <a href="{{ link.href }}" class="footer-link" target="__blank">
+            <i class="{{ link.icon }}"></i>
+            <span>{{ link.name }}</span>
+          </a>
+        </li>
+      {% endfor %}
+    </ul>
+  </div>
 {% vite_asset 'index.js' %}
 {% vite_legacy_polyfills %}
 {% vite_legacy_asset 'index-legacy.js' %}

mwmbl/views.py

@@ -19,6 +19,7 @@ from justext.core import html_to_dom, ParagraphMaker, classify_paragraphs, revis
 
 from mwmbl.settings import NUM_EXTRACT_CHARS
 from mwmbl.tinysearchengine.indexer import Document
+from django.conf import settings
 
 
 def justext_with_dom(html_text, stoplist, length_low=LENGTH_LOW_DEFAULT,
@@ -54,6 +55,7 @@ def index(request):
         "query": query,
         "user": request.user,
         "activity": activity,
+        "footer_links": settings.FOOTER_LINKS,
     })