diff --git a/contents.js b/contents.js index 1f233bb..315a04d 100644 --- a/contents.js +++ b/contents.js @@ -44,7 +44,7 @@ function populateContributions(contributions) { function createSection(contribution) { let section = reference.cloneNode(true); - section.id = contribution.moment; + section.id = contribution.moment.replace("'",""); section.querySelector(".moment").innerHTML = contribution.moment; section.querySelector(".title").innerHTML = contribution.title; section.querySelector(".author").innerHTML = contribution.author; @@ -99,7 +99,6 @@ function printViewToggle() { // var btnPrint = document.getElementById("btn-print"); // console.log(btnPrint); //------------------------- - createBackToWebBtn(); } else { //document.getElementsByTagName("head")[0].removeChild(printview); pagedjs.remove(); diff --git a/fonts/blocuswebfont.woff b/fonts/blocuswebfont.woff new file mode 100644 index 0000000..ece60f2 Binary files /dev/null and b/fonts/blocuswebfont.woff differ diff --git a/fonts/fengardoneue_black-webfont.woff b/fonts/fengardoneue_black-webfont.woff new file mode 100644 index 0000000..d93a91a Binary files /dev/null and b/fonts/fengardoneue_black-webfont.woff differ diff --git a/fonts/fengardoneue_regular-webfont.woff b/fonts/fengardoneue_regular-webfont.woff new file mode 100644 index 0000000..5147f1e Binary files /dev/null and b/fonts/fengardoneue_regular-webfont.woff differ diff --git a/index.html b/index.html index 2b6a4ad..5f5fe20 100644 --- a/index.html +++ b/index.html @@ -133,7 +133,7 @@
-
SI18 Weekly Release #3
+
10.05.2022
SI18 Weekly Release #3

Emergent Opera

What does it mean? This week we invite you to make content within a common diff --git a/print.css b/print.css index f4d1b52..57d8155 100644 --- a/print.css +++ b/print.css @@ -31,10 +31,13 @@ } -.index-title { - font-weight: bold; - margin-top: 16px; -} + .index-title { + font-weight: bold; + margin-top: 16px; + text-transform: uppercase; + text-align: right; + } + .contributions, .contribution { @@ -93,6 +96,10 @@ border-bottom: none; } + .contribution .content h2, + .contribution .description{ + font-size: 18px; + } .contribution .title { font-size: 28px; @@ -103,11 +110,15 @@ height: 100%; overflow: hidden; } + + img { + margin: 16px auto; + } /*Sorry Gi, the multicolumn layout is too painful */ - .contribution .content{ + /* .contribution .content{ column-count: 2; column-fill: auto; } @@ -117,10 +128,13 @@ .contribution img{ column-span: all; - width: 200%; + float: left; } + */ + + .content p, .content h2 { margin: default; } @@ -134,4 +148,11 @@ height: 100%; } +} + + +@media print{ + body, html{ + background-color: white; + } } \ No newline at end of file diff --git a/style.css b/style.css index a023177..46608fe 100644 --- a/style.css +++ b/style.css @@ -1,7 +1,25 @@ +@font-face { + font-family: Fengardo; + src: url("fonts/fengardoneue_regular-webfont.woff"); +} + +@font-face { + font-family: Fengardo; + src: url("fonts/fengardoneue_black-webfont.woff"); + font-weight: bold; +} + +@font-face { + font-family: Blocus; + src: url("fonts/blocuswebfont.woff"); +} + + :root { - --text:rgb(44, 44, 44); - --wireframe:#202020; - --background:#FF6347; + --text:#FF6347; + /* --wireframe:#202020; */ + --wireframe:#FF6347; + --background:#fcf9d9; } *{ @@ -14,8 +32,8 @@ body, html{ margin: 0; padding: 0; background-color: var(--background); - - font-family: Arial, Helvetica, sans-serif; + color: var(--text); + font-family: Fengardo; font-size: 21px; line-height: 1.6; @@ -82,12 +100,13 @@ body, html{ } .cover .title { - font-size: 56px; + font-size: 64px; margin: 64px 0; + } .cover .description { - max-width: 60ch; + max-width: 50ch; } dl { @@ -96,7 +115,6 @@ dl { dt { margin-top: 24px; - font-style: italic; } dd { @@ -121,6 +139,7 @@ dd { .contribution .title { margin: 0; + margin-top: 8px; font-size: 36px; } @@ -143,6 +162,10 @@ dd { font-size: 1rem; } +.contribution .content ol { + padding-inline-start: 16px; +} + .contribution img { width: 100%; height: auto; @@ -167,9 +190,10 @@ dd { #btn-print { display: inline-block; + color: var(--text); margin-top: 32px; background: none; - border: 1px solid currentColor; + border: 1px solid var(--text); padding: 4px 8px; font-size: 1rem; }