sandpoints logo added to footer..

static/js/sandpoints.js

@@ -24,6 +24,8 @@ window.addEventListener('DOMContentLoaded', (e) => {
         } else {
             toggle('syllabus/');
         }
+    } else if (document.querySelector('body').clientWidth < 361) {
+        toggle('syllabus/');
     }
 
     let par = document.querySelector("#TableOfContents > ol:first-child > li:first-child");

themes/sandpoints/assets/css/site.css

@@ -431,14 +431,74 @@ body {
     color: black;
 }
 
-.dotslash {
-  display: none
+.logolink {
+  margin-left: auto;
+  order: 2;
+}
+
+.sandpointlogo {
+  display: inline-flex;
+  font-family: 'Great Vibes', cursive;
+  font-size: 1.3rem;
+  color: white;
+  background-color: rgba(255, 0, 0, 0.8);
+  position: relative;
+  padding-top: 0.4em;
+  padding-left: 1em;
+  padding-right: 0.7em;
+  padding-bottom: 1.4em;
+  max-width: 0em;
+  max-height: 0em;
+}
+
+.sandpointF {
+  position: absolute;
+  font-size: 1.2em;
+  margin-top: -0.2em;
+  margin-left: -0.4em;
+}
+
+.sandpointN {
+  position: absolute;
+  margin-left: -0.3em;
+  margin-top: -0.1em;
+}
+
+.sandpointC {
+  position: absolute;
+  margin-top: 0.2em;
+  margin-left: 0.1em;
+}
+
+.sandpoints {
+  display: inline-flex;
+  background-color: white;
+  color: black;
+  font-family: 'Vollkorn', serif;
+  font-style: italic;
+}
+
+footer {
+  display: flex;
+  font-size: 1rem;
+}
+
+.footerline {
+  margin-top: auto;
 }
 
 li {
   list-style-type: "›  ";
 }
 
+img {
+  width: 100%;
+}
+
+.dotslash {
+  display: none
+}
+
 .sup {
     display: inline-flex;
     flex-wrap: nowrap;
@@ -586,7 +646,6 @@ blockquote  {
 
 .header {
   position: sticky;
-  position: -webkit-sticky;
   top: 0;
   padding-top: 0.5rem;
   font-size: 1.1rem;
@@ -690,6 +749,13 @@ h2.nocount:before, h3.nocount:before, h4.nocount:before, h5.nocount:before, h6.n
     display: none;
   }
 
+  .has, .afterhas  {
+    font-size: 1.1rem;
+  }
+
+  .session, .topic {
+    margin-bottom: 0.2em;
+  }
   .content {
     padding: 0px;
     margin: 0 auto;
@@ -737,4 +803,6 @@ h2.nocount:before, h3.nocount:before, h4.nocount:before, h5.nocount:before, h6.n
   .ddmenu input:checked ~ .hiddendiv {
     display: block;
   }
+
+
 }

themes/sandpoints/layouts/_default/list.html

@@ -15,15 +15,16 @@
         <div class="afterhas">
           {{ range .Params.has_topics }}
             {{ with $.GetPage (printf "%s%s" "/topic/" . ) }}
-            <div>
-              <a href="{{ .RelPermalink }}{{ if eq hugo.Environment "offline" }}index.html{{ end }}">{{ .Title }}</a>
+            <div class="topic">
+                <a href="{{ .RelPermalink }}{{ if eq hugo.Environment "offline" }}index.html{{ end }}">{{ .Title }}</a>
             </div>
             {{ end }}
-          {{ end }}
+            {{ end }}
         </div>
     </div>
 </div>
 
+
 <div class="content">{{ .Content }}</div>
 
 {{ end }}

themes/sandpoints/layouts/partials/footer.html

@@ -1,3 +1,11 @@
 <footer>
+    <span class="footerline"> Built with&nbsp;
+        <a href="https://sandpoints.org"><span class="sup">sand⁄P</span><i>oints</i></a>.
+    </span>
+    <a class="logolink" title="built by Sandpoints" href="https://sandpoints.org">
+    <div class="sandpointlogo">
+        <span class="sandpointF">ƒ</span>
+        <span class="sandpointN">¬</span>
+        <span class="sandpointC">,</span>
+    </div></a>
 </footer>
-

themes/sandpoints/layouts/session/single.html

@@ -16,9 +16,13 @@
           {{ $currentSession := . }}
           {{ range where $.Site.RegularPages ".Section" "topic" }}
           {{ if in .Params.has_sessions $currentSession.File.LogicalName }}
-            <div><a href="{{ .RelPermalink }}{{ if eq hugo.Environment "offline" }}index.html{{ end }}">{{ .Title }}</a></div>
+            <div class="session">
+                <a href="{{ .RelPermalink }}{{ if eq hugo.Environment "offline" }}index.html{{ end }}">{{ .Title }}</a>
+            </div>
           {{ else if in $currentSession.Params.is_in .File.LogicalName }}
-            <div><a href="{{ .RelPermalink }}{{ if eq hugo.Environment "offline" }}index.html{{ end }}">{{ .Title }}</a></div>
+            <div class="session">
+                <a href="{{ .RelPermalink }}{{ if eq hugo.Environment "offline" }}index.html{{ end }}">{{ .Title }}</a>
+            </div>
           {{ end }}
           {{ end }}
         </div>

themes/sandpoints/layouts/topic/single.html

@@ -15,7 +15,7 @@
         <div class="afterhas">
           {{ range .Params.has_sessions }}
             {{ with $.GetPage (printf "%s%s" "/session/" . ) }}
-            <div>
+            <div class="topic">
               <a href="{{ .RelPermalink }}{{ if eq hugo.Environment "offline" }}index.html{{ end }}">{{ .Title }}</a>
             </div>
             {{ end }}