!publish! well..

themes/piratecare/assets/css/postcss.config.js

@@ -17,7 +17,7 @@ module.exports = {
                 'content/**/*.html',
             ],
             // Include any special characters you're using in this regular expression
-            defaultExtractor: content => content.match(/[\w-/:]+(?<!:)/g) || [],
+            defaultExtractor: content => content.match(/[A-Za-z0-9-_:\/]+/g) || [],
             fontFace: true
         }),
         require('autoprefixer')({

themes/piratecare/assets/css/tailwind.config.js

@@ -1,5 +1,9 @@
 module.exports = {
     theme: {
+        screens: {
+            'md': {'max': '767px'},
+            'lg': {'min': '768px'}
+        },
         fontFamily: {
             'vg5000': ['"VG5000-Regular"', 'sans'],
             'playfair': ['"PlayfairDisplay Regular"', 'sans']

themes/piratecare/layouts/_default/baseof.html

@@ -15,11 +15,11 @@
         </div>
         {{ end }}
         {{- partial "header.html" . -}}
-        <main class="flex mb-4 pt-2 justify-between">
-            <aside class="w-2/5 pr-4 pt-16 sticky top-0 static h-full mb-6">
+        <main class="lg:flex mb-4 pt-2 justify-between md:flex-row">
+            <aside class="lg:w-2/5 pr-4 pt-16 lg:sticky lg:top-0 lg:static h-full mb-6 md:w-full">
                 {{- block "sidebar" . }}{{- end }}
             </aside>
-            <article class="w-3/5 pt-32">
+            <article class="lg:w-3/5 pt-32 md:w-full">
                 {{- block "main" . }}{{- end }}
             </article>
         </main>

themes/piratecare/layouts/_default/list.html

@@ -3,6 +3,19 @@
     <div class="leading-none mb-12">
         <span class="title-pretext">syllabus ⦚ </span><span class="title-text pt-6">{{ .Title }}</span>
     </div>
+
+    {{ if ne (trim .Page.TableOfContents "\n") "<nav id=\"TableOfContents\"></nav>" }}
+    <div class="ddmenu">
+        <input id="toggly-toc" type="checkbox" >
+        <label for="toggly-toc" class="sidebar-title" tabindex="1">▒▒ table of contents ▽</label>
+        <div class="hiddendiv">
+            <div class="mt-4">
+                {{ .Page.TableOfContents }}
+            </div>
+        </div>
+    </div>
+    {{ end }}
+
     <div class="ddmenu">
     <input id="toggly" type="checkbox">
     <label for="toggly" class="sidebar-title mb-1" tabindex="1">▒▒ has topics ▽</label>