chore(Help): Add icons for help modal

zentrum-lexikographie · Jan 3, 2025 · 2cfa698 · 2cfa698
1 parent 5cf45b5
commit 2cfa698
Show file tree

Hide file tree

Showing 11 changed files with 43 additions and 4 deletions.
diff --git a/public/fontawesome.min.css b/public/fontawesome.min.css
diff --git a/public/fonts.css b/public/fonts.css
@@ -111,3 +111,29 @@
        url('fonts/source-sans-pro-v21-latin-ext_latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
        url('fonts/source-sans-pro-v21-latin-ext_latin-700italic.svg#SourceSansPro') format('svg'); /* Legacy iOS */
 }
+
+/*!
+ * Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com
+ * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
+ * Copyright 2024 Fonticons, Inc.
+ */
+@font-face {
+  font-family: 'Font Awesome 6 Brands';
+  font-display: block;
+  font-weight: 400;
+  src: url("fonts/fa-brands-400.woff2") format("woff2"), url("fonts/fa-brands-400.ttf") format("truetype");
+}
+
+@font-face {
+  font-family: 'Font Awesome 6 Free';
+  font-display: block;
+  font-weight: 900;
+  src: url("fonts/fa-solid-900.woff2") format("woff2"), url("fonts/fa-solid-900.ttf") format("truetype");
+}
+
+@font-face {
+  font-family: 'Font Awesome 6 Free';
+  font-display: block;
+  font-weight: 400;
+  src: url("fonts/fa-regular-400.woff2") format("woff2"), url("fonts/fa-regular-400.ttf") format("truetype");
+}
diff --git a/public/fonts/fa-brands-400.ttf b/public/fonts/fa-brands-400.ttf
diff --git a/public/fonts/fa-brands-400.woff2 b/public/fonts/fa-brands-400.woff2
diff --git a/public/fonts/fa-regular-400.ttf b/public/fonts/fa-regular-400.ttf
diff --git a/public/fonts/fa-regular-400.woff2 b/public/fonts/fa-regular-400.woff2
diff --git a/public/fonts/fa-solid-900.ttf b/public/fonts/fa-solid-900.ttf
diff --git a/public/fonts/fa-solid-900.woff2 b/public/fonts/fa-solid-900.woff2
diff --git a/public/fonts/fa-v4compatibility.ttf b/public/fonts/fa-v4compatibility.ttf
diff --git a/public/fonts/fa-v4compatibility.woff2 b/public/fonts/fa-v4compatibility.woff2
diff --git a/src/dwds/livestream/html.clj b/src/dwds/livestream/html.clj
@@ -23,21 +23,25 @@
     [:tspan.lemma :font-bold :text-xl]
     [:tspan.source :fill-dwds-grey-1]]
    [:header :absolute :top-0 :left-0 :p-4]
-   [:footer :absolute :bottom-0 :left-0 :p-4
-    [:p.network-error :w-fit :text-dwds-white :font-bold]]]
+   [:footer :text-dwds-white
+    [:p.info :absolute :bottom-0 :left-0 :p-6 :text-4xl :hidden]
+    [:p.network-error :absolute :bottom-0 :right-0 :p-6 :w-fit :font-bold]]]
   ([page-title & contents]
    [:<> {:lang "de"}
     [:head
      [:meta {:charset "UTF-8"}]
      [:meta {:name "viewport", :content "width=device-width, initial-scale=1.0"}]
      [:link {:rel "stylesheet" :href (str cp "fonts.css")}]
+     [:link {:rel "stylesheet" :href (str cp "fontawesome.min.css")}]
      [:link {:rel "stylesheet" :href (str cp "styles.css")}]
      [:title (str title " – " page-title)]]
     [:body
      [:header [:a {:href "https://www.dwds.de/"} [:img {:src (str cp "d.png")}]]]
-     [:footer [:p.network-error {:style "display: none"}
-               "Verbindung unterbrochen! Lade in Kürze neu…"]]
      [:main contents]
+     [:footer
+      [:p.info [:a {:href ""} [:i.fa-solid.fa-question]]]
+      [:p.network-error {:style "display: none"}
+       "Verbindung unterbrochen! Lade in Kürze neu…"]]
      [:script (str "var cp = \"" cp "\";")]
      [:script {:src (str cp "js/main.js")}]]]))