css changes

This commit is contained in:
alicestrt 2020-12-01 14:31:07 +01:00
parent 0065aef798
commit cf2e9a2efc
4 changed files with 117 additions and 29 deletions

77
content/cover.md Normal file
View File

@ -0,0 +1,77 @@
<pre>
a a a a a a a
n n n n n n
o o o o o o
u u u u u u
r r r r r
i i i i i
s s s s s
h h h h
i i i i
n n n n
g g g g
n n n n h
e e e e i
t t t t n
w w w w g r
o o o o i
r r r r n s
k k k k e h n
t i o
a a a a w n u a
o g r
n n n r i n
o o k n s o
u u e h u
r r a t i r
i i w n i
s n o g s
h o r h
i u k n i
n r e n
g i a t g
s s w
h n h n o n
i e i o r e
n t n u k t
o g w g r w
u o i a o
r n r n s r
n i e k e h n
o s t t i o
u h w a w n
r i o o g
i n r n r
s g k o k
h u
i n a r a
n e i
g t n s
w o h
n o u i
e r r n
t k i g
w s n
o a h n o
r i e u n
k n n t r e
o g w i t
a u o s w u
r n r h o r
n i e k i r i k
s t n k s
h w a g h a
o a i
r n n n n
k o e n g o
u t o u
r w u n r
i o r e i
s r i t s
h k s w h
i h o i
a n a i r n
g n k g
</pre>

View File

@ -2,22 +2,22 @@ Title: The Philosophy of Warnings
Author: Santiago Zabala Author: Santiago Zabala
Category: Articles Category: Articles
<div class="colophon"> <div class="colophon">
<p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras eget arcu at ligula vulputate euismod non eget risus. Nullam placerat risus nulla. Fusce in arcu dolor. Quisque nec dignissim nulla, a dapibus lorem. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer sed quam sit amet sapien faucibus convallis ac a sem. Etiam commodo elit id consequat tempus. <p> Published by: <br> Editing: <br> Design <br> Paper <br> Typeface <br>
</p><p> </p><p id="colophon_right"> Sponsors: <br> Thanks: <br> Other <br>
Fusce porttitor consectetur lacinia. Suspendisse facilisis ligula sed libero cursus, eget iaculis lectus vulputate. Nam lacinia massa vitae dapibus blandit. Donec tempus pulvinar ornare. Aliquam dictum accumsan tellus et ullamcorper. Nunc nisl tortor, hendrerit et sem eget, feugiat venenatis orci. Nullam condimentum fringilla commodo. </p></div> </p></div>
<div class="first-page"> <div class="first-page">
<div id="title_edition">Of Whirlpools and Tornadoes <br> Nourishing Networks</div> <div id="title_edition">Of Whirlpools and Tornadoes <br> A Nourishing Network</div>
<div id="amro">AMRO 2020</div> <div id="amro">AMRO 2020</div>
<div class="author">Santiago Zabala</div> <div id="author">Santiago Zabala</div>
<div class="title">The Philosophy of Warnings</div> <div id="title">The Philosophy of Warnings</div>
<div class="published">Published in the *Institute of Arts and Ideas* </div> <div id="published">Published in the *Institute of Arts and Ideas* </div>
</div> </div>
<header id="pageheader-issue">Nourishing Networks</header> <header id="pageheader-issue">A Nourishing Network</header>
<header id="pageheader-theme">Theme</header> <header id="pageheader-theme">The Philosophy of Warnings</header>
<div class="essay_content"> <div class="essay_content">
<p>This month an undergraduate student told me his parents were using the <p>This month an undergraduate student told me his parents were using the

View File

@ -23,19 +23,23 @@
src: url("../fonts/notcouriersans/NotCourierSans.ttf") format("truetype"); src: url("../fonts/notcouriersans/NotCourierSans.ttf") format("truetype");
} }
@font-face {
font-family: "Unifont";
src: url("../fonts/unifont/unifont-13.0.03.ttf") format("truetype");
}
@page{ @page{
size:A4; size:A4;
@bottom-center { @bottom-center {
content: counter(page); content: counter(page);
font-size: 12px; font-size: 16px;
font-family: "White Rabbit"; font-family: "White Rabbit";
} }
} }
@page :left { @page :left {
margin-left: 0.4in; margin-left: 0.2in;
margin-right: 1.2in; margin-right: 1.2in;
@ -51,7 +55,7 @@
} }
@page :right { @page :right {
margin-left: 1.2in; margin-left: 1.2in;
margin-right: 0.4in; margin-right: 0.5in;
@top-right { @top-right {
content: element(pageheader-issue, first-except); content: element(pageheader-issue, first-except);
@ -77,28 +81,28 @@
} }
/*First page*/
.first-page { .first-page {
line-height: 1.6; line-height: 1.6;
} }
.title { #title {
font-size: 20px; font-size: 20px;
text-align: center; text-align: center;
font-family: 'White Rabbit'; font-family: 'White Rabbit';
} }
.published { #published {
font-size: 20px; font-size: 20px;
font-family: 'White Rabbit'; font-family: 'White Rabbit';
page-break-after: always; page-break-after: always;
text-align: center; text-align: center;
text-decoration: none; text-decoration: none;
color: black; color: black;
} }
.author { #author {
font-size: 20px; font-size: 20px;
font-family: 'White Rabbit'; font-family: 'White Rabbit';
text-align: center; text-align: center;
@ -118,19 +122,32 @@
text-align: center; text-align: center;
} }
/*Colophon*/
.colophon { .colophon {
column-count: 2; column-count: 2;
column-gap: 40px; column-gap: 100px;
column-fill: balance; column-fill: balance;
column-rule-width: medium; column-rule-width: medium;
page-break-before: always; page-break-before: always;
font-family: 'Unifont';
line-height: 1.6;
} }
#colophon_right {
margin-top: 650px;
}
/*Content*/
.essay_content { .essay_content {
font-family: 'Not Courier Sans'; font-family: 'Unifont';
font-weight: 300;
font-size: 18px; font-size: 18px;
line-height: 1.6;
page-break-before: always; page-break-before: always;
} }
.essay_content p:first-of-type { .essay_content p:first-of-type {
@ -138,15 +155,9 @@
} }
.bio { .bio {
font-family: 'Not Courier Sans'; font-family: 'Unifont';
font-weight: 300;
font-size: 18px; font-size: 18px;
margin-top: 650px; margin-top: 500px;
margin-left: 400px; margin-left: 400px;
page-break-before: always; page-break-after: always;
}
@counter-style numeric {
suffix: "-- ";
prefix: " --";
} }

Binary file not shown.