Browse Source

editing the default texts, styling and structure of the rendered PDF

pull/30/head
mb 2 years ago
parent
commit
0a7526411f
  1. 31
      templates/default.css
  2. 20
      templates/default.md
  3. 9
      templates/pagedjs.html

31
templates/default.css

@ -2,13 +2,34 @@
@page{
size: A5;
}
@page:first{
background-color: pink;
margin: 10mm 20mm 25mm 20mm;
@bottom-center{
content: counter(page);
font-family: monospace;
}
}
body{
color: green;
font-size: 12px;
line-height: 1.5;
color: #822b01;
}
/* ------------------------------------ cover */
@page:first{
background-color: #f3c6ff;
color: #822b01;
}
section#cover{
page-break-after: always;
break-after: always;
}
section#cover h1#title{
font-size: 300%;
}
/* ------------------------------------ main */
section#main pre{
color: magenta;
}

20
templates/default.md

@ -57,5 +57,23 @@ language: en
-->
# In octomode
<section id="cover">
# *in octomode* { #title }
</section>
<section id="main">
Octomode is a collective editing space for PDF making, using Etherpad, Paged.js and Flask.
Inspired by the non-centralised, tentacular cognition capabilities of the octopus, we imagined a space in which the artificial boundaries of writing and designing can be crossed; where writing, editing and designing can be done in one environment simultaneously, allowing the format to influence the matter and vice-versa.
```
Edit this text in the PAD view.
Edit the styling in the STYLESHEET view.
Preview the page in the HTML view.
Render it on pages in the PDF view.
```
</section>

9
templates/pagedjs.html

@ -9,13 +9,6 @@
<title>{{ title }}</title>
</head>
<body>
<section id="cover">
<h1 id="cover_title">{{ title }}</h1>
<div id="cover_container"></div>
</section>
<section id="main">
<div id="wrapper">{{ pad_content }}</div>
</section>
{{ pad_content }}
</body>
</html>

Loading…
Cancel
Save