more

2 years ago · 374b1b7d98
parent bfc631fd8f
commit 374b1b7d98
4 changed files with 140 additions and 11 deletions
--- a/index-data.html
+++ b/index-data.html
@ -3,6 +3,9 @@
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
+        <link href="style-print.css" rel="stylesheet" type="text/css" media="print">
+        <script src="pagedjs/polyfill.js"></script>
+        <link href="pagedjs/interface.css" rel="stylesheet" type="text/css">
        <link rel="stylesheet" href="style.css"> 
        <title>Glossary</title>
    </head>
--- a/main.js
+++ b/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" 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 </button> ${properties_bag.map(propBag).join("")}`

 }); ///// END OF FETCH!!!!!!

@ -174,3 +174,4 @@ printCards.addEventListener("click", () => {
  document.getElementsByTagName("head")[0].appendChild(interfacestyle);
  document.getElementsByTagName("head")[0].appendChild(printstyle);
 });
+
--- a/style-print.css
+++ b/style-print.css
@ -13,20 +13,15 @@
    margin-left: 0.5cm;

    @right-middle {
-        content: "Permeable Territories";
+        content: "attempting diffraction";
        font-family: mono;
        font-size: 7pt;
-        margin-top: 6cm;
+        margin-top: 0;
        margin-right: 2mm;
        writing-mode: vertical-rl;
        text-orientation: mixed;
    }

-
-}
-
-@page cards {
-
    @left-top {
        content: "Glossary Cards";
        font-family: mono;
@ -47,6 +42,7 @@
        text-orientation: mixed;
    }

+
 }

@page intro {
@ -130,9 +126,9 @@ button {
 }

 .words {
-    page: cards;
    margin: 0;
 }
+
 .leg_titles{
    font-size: 12pt;
    color: black !important;
@ -147,6 +143,10 @@ button {
    height: 9.2cm; */
 }

+#btn-print{
+    display: none !important;
+}
+
 .title {
    margin-top: 0.5cm;
 }
@ -155,6 +155,11 @@ button {
    margin: 0;
 }

+#properties{
+    font-family: Fluxisch;
+    font-size: 15pt !important;
+}
+
 #words{
    display:block;
 }
@ -225,35 +230,147 @@ a {
    padding-right: 0.5cm;
 }

-.action{
+@page action {
+
+    @bottom-left-corner {
        content: "action";
+        font-size: 7pt;
+        margin-left: 0.5cm;
+        margin-bottom: 2mm;
+        font-family: mono;
+    }
+}
+
+.action{
+    page: action;
    box-shadow: none;
 }

+@page situation {
+
+    @bottom-left {
+        content: "situation";
+        font-size: 7pt;
+        margin-left: 0.5cm;
+        margin-bottom: 2mm;
+        font-family: mono;
+    }
+}
+
 .situation{
+    page: situation;
    border-top: none;
 }

+@page logic {
+
+    @bottom-center {
+        content: "logic";
+        font-size: 7pt;
+        margin-left: 0cm;
+        margin-bottom: 2mm;
+        font-family: mono;
+    }
+}
+
 .logic{
+    page: logic;
    border-bottom: none;
 }

+@page proposition {
+
+    @bottom-right {
+        content: "proposition";
+        font-size: 7pt;
+        margin-left: 0cm;
+        margin-bottom: 2mm;
+        font-family: mono;
+    }
+}
+
 .proposition {
+    page: proposition;
    border-left: none;
 }

+@page hyperlink {
+
+    @right-bottom {
+        content: "hyperlink";
+        font-size: 7pt;
+        margin-left: 0cm;
+        margin-right: 2mm;
+        font-family: mono;
+        writing-mode: vertical-rl;
+        text-orientation: mixed;
+    }
+}
+
 .hyperlink {
+    page: hyperlink;
    border-radius: none;
 }

+@page form {
+
+    @top-right {
+        content: "form";
+        font-size: 7pt;
+        margin-left: 0cm;
+        margin-top: 2mm;
+        font-family: mono;
+    }
+}
+
 .form {
+    page: form;
    border-right: none;
 }

+@page tool {
+
+    @top-center {
+        content: "tool";
+        font-size: 7pt;
+        margin-left: 0cm;
+        font-family: mono;
+    }
+}
+
 .tool {
+    page: tool;
    box-shadow: none;
 }

+@page language {
+
+    @top-left {
+        content: "language";
+        font-size: 7pt;
+        margin-left: 0cm;
+        margin-top: 2mm;
+        font-family: mono;
+    }
+}
+
 .language {
+    page: language;
+    text-shadow: none;
+}
+
+@page process {
+
+    @top-center {
+        content: "process";
+        font-size: 7pt;
+        margin-left: 0cm;
+        margin-top: 2mm;
+        font-family: mono;
+    }
+}
+
+.process {
+    page: language;
    text-shadow: none;
 }
--- a/style.css
+++ b/style.css
@ -78,6 +78,10 @@ a {
    text-decoration:none;
 }

+.guide{
+    display:none;
+}
+
 .head{
    display:flex;
    justify-content: space-between;
@ -226,6 +230,10 @@ a {
    text-decoration-color: var(--body-text-color); 
 }

+.symbol{
+    font-family: symbols1;
+}
+
 .symbol-leg {
    color: var(--body-text-color);
    font-family: symbols1;