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

2 years ago · 0a7526411f
3 changed files with 46 additions and 14 deletions
--- a/templates/default.css
+++ b/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;
+}
--- a/templates/default.md
+++ b/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>
--- a/templates/pagedjs.html
+++ b/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>