camilo
/
Permeable-Glossary
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

more

Browse Source
master
Camilo G 2 years ago
parent bfc631fd8f
commit 374b1b7d98
4 changed files with 140 additions and 11 deletions
Show Stats Download Patch File Download Diff File

3
index-data.html
Unescape Escape View File

@ -3,6 +3,9 @@
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1"> <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"> <link rel="stylesheet" href="style.css">
<title>Glossary</title> <title>Glossary</title>
</head> </head>

3
main.js
Unescape Escape View File

@ -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("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!!!!!! }); ///// END OF FETCH!!!!!!
@ -174,3 +174,4 @@ printCards.addEventListener("click", () => {
document.getElementsByTagName("head")[0].appendChild(interfacestyle); document.getElementsByTagName("head")[0].appendChild(interfacestyle);
document.getElementsByTagName("head")[0].appendChild(printstyle); document.getElementsByTagName("head")[0].appendChild(printstyle);
}); });

137
style-print.css
Unescape Escape View File

@ -12,21 +12,16 @@
margin-right: 0.5cm; margin-right: 0.5cm;
margin-left: 0.5cm; margin-left: 0.5cm;
@right-middle{ @right-middle {
content: "Permeable Territories"; content: "attempting diffraction";
font-family: mono; font-family: mono;
font-size: 7pt; font-size: 7pt;
margin-top: 6cm; margin-top: 0;
margin-right: 2mm; margin-right: 2mm;
writing-mode: vertical-rl; writing-mode: vertical-rl;
text-orientation: mixed; text-orientation: mixed;
} }
}
@page cards {
@left-top { @left-top {
content: "Glossary Cards"; content: "Glossary Cards";
font-family: mono; font-family: mono;
@ -47,6 +42,7 @@
text-orientation: mixed; text-orientation: mixed;
} }
} }
@page intro { @page intro {
@ -130,9 +126,9 @@ button {
} }
.words { .words {
page: cards;
margin: 0; margin: 0;
} }
.leg_titles{ .leg_titles{
font-size: 12pt; font-size: 12pt;
color: black !important; color: black !important;
@ -147,6 +143,10 @@ button {
height: 9.2cm; */ height: 9.2cm; */
} }
#btn-print{
display: none !important;
}
.title { .title {
margin-top: 0.5cm; margin-top: 0.5cm;
} }
@ -155,6 +155,11 @@ button {
margin: 0; margin: 0;
} }
#properties{
font-family: Fluxisch;
font-size: 15pt !important;
}
#words{ #words{
display:block; display:block;
} }
@ -225,35 +230,147 @@ a {
padding-right: 0.5cm; 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{ .action{
content: "action"; page: action;
box-shadow: none; box-shadow: none;
} }
@page situation {
@bottom-left {
content: "situation";
font-size: 7pt;
margin-left: 0.5cm;
margin-bottom: 2mm;
font-family: mono;
}
}
.situation{ .situation{
page: situation;
border-top: none; border-top: none;
} }
@page logic {
@bottom-center {
content: "logic";
font-size: 7pt;
margin-left: 0cm;
margin-bottom: 2mm;
font-family: mono;
}
}
.logic{ .logic{
page: logic;
border-bottom: none; border-bottom: none;
} }
@page proposition {
@bottom-right {
content: "proposition";
font-size: 7pt;
margin-left: 0cm;
margin-bottom: 2mm;
font-family: mono;
}
}
.proposition { .proposition {
page: proposition;
border-left: none; 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 { .hyperlink {
page: hyperlink;
border-radius: none; border-radius: none;
} }
@page form {
@top-right {
content: "form";
font-size: 7pt;
margin-left: 0cm;
margin-top: 2mm;
font-family: mono;
}
}
.form { .form {
page: form;
border-right: none; border-right: none;
} }
@page tool {
@top-center {
content: "tool";
font-size: 7pt;
margin-left: 0cm;
font-family: mono;
}
}
.tool { .tool {
page: tool;
box-shadow: none; box-shadow: none;
} }
@page language {
@top-left {
content: "language";
font-size: 7pt;
margin-left: 0cm;
margin-top: 2mm;
font-family: mono;
}
}
.language { .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; text-shadow: none;
} }

8
style.css
Unescape Escape View File

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

Write Preview
Loading…
Cancel
Save