some fixes and also make it an installable PWA

site/config.stx

@@ -1,2 +1,2 @@
 [?]
-[=baseurl http://localhost:8080]
+[=baseurl https://swaous.asuscomm.com/dev/avrahamsociety/]

site/librarymain.html

@@ -3,12 +3,12 @@
 <div id="library">
     <div id="libpages">
         [f library libraryEntry]
-            <a href="/library/[^libraryEntry.filename]">
+            <a href="[^baseurl]/library/[^libraryEntry.filename]">
                 <span>[^libraryEntry.libraryTitle]</span>
                 <p>
                     [^libraryEntry.libraryBlurb]
                 </p>
-                <span><img src="/res/librarrow.svg"></span>
+                <span><img src="[^baseurl]/res/librarrow.svg"></span>
             </a>
         [/]
     </div>

site/main.css

@@ -40,6 +40,7 @@
     width: 100vw;
     height: 100vh;
     overflow: auto;
+    overflow-x: hidden;
 }
 
 #main > div, #main > p {
@@ -76,10 +77,13 @@
 
 #main > div.bottom > * {
     flex-basis: 100%;
-    justify-self: start;
     width: 100%;
 }
 
+#main > div.bottom > img {
+    max-width: 40vw;
+}
+
 #main > .top {
     text-align: center;
     height: 100vh;
@@ -266,6 +270,10 @@ small {
         padding-left: 0px !important;
         max-width: unset !important;
     }
+
+    #main > div.bottom > img {
+        max-width: 90vw;
+    }
 }
 
 #plug {

site/manifest.json

@@ -0,0 +1,14 @@
+{
+    "name": "Avraham Society",
+    "short_name": "AvrahamSociety",
+    "start_url": ".",
+    "display": "standalone",
+    "background_color": "#ff0000",
+    "description": "A Jewish Humanist organization serving the Middle East and North Africa",
+    "icons": [
+        {
+            "src": "res/Avraham_Society_icon.png",
+            "sizes": "any"
+        }
+    ]
+}

site/templates/default.html

@@ -18,10 +18,12 @@
         <meta charset="UTF-8">
         <title>Avraham Society | [^title]</title>
         <link rel="stylesheet" href="[^baseurl]/main.css" />
-        <link rel="preconnect" href="https://fonts.googleapis.com">
+        <link rel="manifest" href="[^baseurl]/manifest.json"/>
+        <!--
+            <link rel="preconnect" href="https://fonts.googleapis.com">
         <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
         <link rel="icon" href="[^baseurl]/res/Avraham_Society_icon.png">
-        <link href="https://fonts.googleapis.com/css2?family=Inter:wght@800&family=Libre+Baskerville&family=Roboto&family=Roboto+Mono:wght@300&display=swap" rel="stylesheet">
+        <link href="https://fonts.googleapis.com/css2?family=Inter:wght@800&family=Libre+Baskerville&family=Roboto&family=Roboto+Mono:wght@300&display=swap" rel="stylesheet">-->
 
         <!-- HTML Meta Tags -->
         <meta name="description" content="The Avraham Society is a Jewish Humanist initiative focused on serving the needs of the Jewish communities of Iraq and Kuwait.">