print button

index.html

@@ -12,9 +12,9 @@
         <h1 id="title"> Living Glossary for a Diffractive Publishing Practice </h1>
         <!-- <button class="btn" id="btn-web">Web</button> -->
         <button class="btn" id="btn-print">Print</button>
-        <a href="rss.xml">
+        <!-- <a href="rss.xml">
             (rss)</p>
-        </a>
+        </a> -->
     </div>
     <div class="description">
         <div id="intro">
@@ -27,9 +27,9 @@
              <p>Please check the source <a href="https://hub.xpub.nl/soupboat/pad/p/camilo_glossary">pad</a> and read the instructions if you want to contribute by adding new words, annotations, or properties.</p>
         </div>
         <div id="panel"> 
-            <div class="question">
+            <!-- <div class="question">
                 <input id="search" type="text" ><span onclick="document.getElementById('search').value=''"></span>
-            </div>
+            </div> -->
             <div id="legend" class="legend"></div>
         </div>
     </div>

main.js

@@ -54,7 +54,7 @@ fetch("glossary.json").then(response => response.json()).then(data => glossary =
   }
   
   document.getElementById("words").innerHTML = `${words_bag.map(wordBag).join("")}`
-  document.getElementById("legend").innerHTML = `<button type="button" id="properties" class="btn active" onclick="filterSelection('all');activeclass();"> Properties </button> ${properties_bag.map(propBag).join("")}`
+  document.getElementById("legend").innerHTML = `<button type="button" id="properties" class="btn active" onclick="filterSelection('all');activeclass();"> Properties (all)</button> ${properties_bag.map(propBag).join("")}`
 
 }); ///// END OF FETCH!!!!!!
 

pagedjs/interface.css

@@ -2,7 +2,7 @@
 
 /* Change the look */
 :root {
-    --color-background: rgb(70, 119, 255);
+    --color-background: rgb(255, 219, 224);
     --color-pageSheet: #cfcfcf;
     --color-pageBox: violet;
     --color-paper: white;

style-print.css

@@ -111,6 +111,8 @@ button {
 }
 
 #intro{
+    column-count: 1;
+    column-gap: none;
     width: 100%;
     padding: 0;
     margin: 0;
@@ -179,7 +181,7 @@ button {
 
 #properties{
     font-family: Fluxisch;
-    font-size: 15pt !important;
+    font-size: 10pt !important;
 }
 
 #words{
@@ -395,4 +397,5 @@ a {
 .process {
     page: language;
     text-shadow: none;
-}
+}
+