CC/octomode
12
0
Fork 0
Code Issues 18 Pull Requests Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
mb 2022-10-30 22:27:01 +01:00
parent 4df5594d20
commit 0a7526411f
3 changed files with 46 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

31
templates/default.css
View File

@ -2,13 +2,34 @@
@page{ @page{
size: A5; size: A5;
} margin: 10mm 20mm 25mm 20mm;
@page:first{
background-color: pink; @bottom-center{
content: counter(page);
font-family: monospace;
}
} }
body{ body{
color: green; font-size: 12px;
line-height: 1.5;
color: #822b01;
}
/* ------------------------------------ cover */
@page:first{
background-color: #f3c6ff;
color: #822b01;
} }
section#cover{ 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
View File

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

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