diff --git a/templates/default.css b/templates/default.css
index 4569bdf..82b8123 100644
--- 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;
+}
\ No newline at end of file
diff --git a/templates/default.md b/templates/default.md
index c33718f..ca53690 100644
--- a/templates/default.md
+++ b/templates/default.md
@@ -57,5 +57,23 @@ language: en
-->
-# In octomode
+
+# *in octomode* { #title }
+
+
+
+
+
+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.
+```
+
+
\ No newline at end of file
diff --git a/templates/pagedjs.html b/templates/pagedjs.html
index db221cd..4375168 100644
--- a/templates/pagedjs.html
+++ b/templates/pagedjs.html
@@ -9,13 +9,6 @@
{{ title }}
-
-
-
+ {{ pad_content }}