Browse Source

css changes

master
alicestrt 4 years ago
parent
commit
cf2e9a2efc
  1. 77
      content/cover.md
  2. 18
      content/zabala_warning.md
  3. 51
      themes/basic/static/css/print.css
  4. BIN
      themes/basic/static/fonts/unifont/unifont-13.0.03.ttf

77
content/cover.md

@ -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>

18
content/zabala_warning.md

@ -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

51
themes/basic/static/css/print.css

@ -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: " --";
} }

BIN
themes/basic/static/fonts/unifont/unifont-13.0.03.ttf

Binary file not shown.
Loading…
Cancel
Save