From 374b1b7d9878c7720acb44640ae45fb8bf5b6b1d Mon Sep 17 00:00:00 2001 From: Camilo G Date: Wed, 22 Jun 2022 01:24:30 +0200 Subject: [PATCH] more --- index-data.html | 3 ++ main.js | 3 +- style-print.css | 137 ++++++++++++++++++++++++++++++++++++++++++++---- style.css | 8 +++ 4 files changed, 140 insertions(+), 11 deletions(-) diff --git a/index-data.html b/index-data.html index b2cb2a5..c9f3919 100644 --- a/index-data.html +++ b/index-data.html @@ -3,6 +3,9 @@ + + + Glossary diff --git a/main.js b/main.js index 6de52f3..423b4cc 100644 --- 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 = ` ${properties_bag.map(propBag).join("")}` + document.getElementById("legend").innerHTML = ` ${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); }); + diff --git a/style-print.css b/style-print.css index f52333b..bed139d 100644 --- a/style-print.css +++ b/style-print.css @@ -12,21 +12,16 @@ margin-right: 0.5cm; margin-left: 0.5cm; - @right-middle{ - content: "Permeable Territories"; + @right-middle { + 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; } +@page action { + + @bottom-left-corner { + content: "action"; + font-size: 7pt; + margin-left: 0.5cm; + margin-bottom: 2mm; + font-family: mono; + } +} + .action{ - content: "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; } \ No newline at end of file diff --git a/style.css b/style.css index aa2830c..bbbd512 100644 --- 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;