diff --git a/README.txt b/README.txt
index 79e1b36..3e7b030 100644
--- a/README.txt
+++ b/README.txt
@@ -4,7 +4,7 @@ This is a little file to explain what's going on in these folders.
the folder 'layout' contains >
- the folder 'paged.js_files' > the library Paged.js
+ the folder 'pagedjs_files' > the library Paged.js
Paged.js is a free and open source JavaScript library that paginates
content in the browser to create PDF output from any HTML content.)
https://www.pagedjs.org/about/
diff --git a/layout/.DS_Store b/layout/.DS_Store
new file mode 100644
index 0000000..6eb175a
Binary files /dev/null and b/layout/.DS_Store differ
diff --git a/layout/fonts/NeuzeitOffice-Regular.ttf b/layout/fonts/NeuzeitOffice-Regular.ttf
new file mode 100755
index 0000000..054fc07
Binary files /dev/null and b/layout/fonts/NeuzeitOffice-Regular.ttf differ
diff --git a/layout/fonts/fivo-sans.medium.otf b/layout/fonts/fivo-sans.medium.otf
new file mode 100644
index 0000000..cd3fa7d
Binary files /dev/null and b/layout/fonts/fivo-sans.medium.otf differ
diff --git a/layout/index.html b/layout/index.html
index 7420d3f..674d6bb 100644
--- a/layout/index.html
+++ b/layout/index.html
@@ -1,15 +1,17 @@
-
-
+
+
Booklet
-
+
+
I WISH I COULD SHOW YOU A PICTURE OF WHAT I GOTš¤®
+
\ No newline at end of file
diff --git a/layout/paged.js_files/interface.css b/layout/pagedjs_files/interface.css
similarity index 100%
rename from layout/paged.js_files/interface.css
rename to layout/pagedjs_files/interface.css
diff --git a/layout/paged.js_files/paged.js b/layout/pagedjs_files/paged.js
similarity index 100%
rename from layout/paged.js_files/paged.js
rename to layout/pagedjs_files/paged.js
diff --git a/layout/paged.js_files/paged.polyfill.js b/layout/pagedjs_files/paged.polyfill.js
similarity index 100%
rename from layout/paged.js_files/paged.polyfill.js
rename to layout/pagedjs_files/paged.polyfill.js
diff --git a/layout/style.css b/layout/style.css
new file mode 100755
index 0000000..e9eb2b4
--- /dev/null
+++ b/layout/style.css
@@ -0,0 +1,54 @@
+@media print{
+
+/* Define the size of the pages and layout settings */
+
+@page {
+ size: 148mm 210mm;
+ marks: crop cross;
+ bleed: 5mm;
+}
+
+/* Custom font */
+
+@font-face {
+ font-family: "neuzeit";
+ src: url("fonts/NeuzeitOffice-Regular.ttf") format("ttf")
+}
+
+@font-face {
+ font-family: "fivo";
+ src: url("fonts/fivo-sans.medium.otf") format("otf")
+}
+
+/* Custom variables */
+
+:root{
+
+
+}
+
+/* Rules for everything */
+
+body{
+ font-family: "neuzeit";
+}
+
+/* Rules for the rest */
+
+div{
+ box-sizing: border-box;
+}
+
+
+p{
+ text-align: left;
+ font-size: 12px;
+ line-height: 15.5px;
+}
+
+h1{
+ text-align: center;
+}
+
+
+}
\ No newline at end of file
diff --git a/layout/styles/1.css b/layout/styles/1.css
index e69de29..bbfc119 100644
--- a/layout/styles/1.css
+++ b/layout/styles/1.css
@@ -0,0 +1,54 @@
+@media print{
+
+ /* Define the size of the pages and layout settings */
+
+ @page {
+ size: 148mm 210mm;
+ marks: crop cross;
+ bleed: 5mm;
+ }
+
+ /* Custom font */
+
+ @font-face {
+ font-family: "neuzeit";
+ src: url("../fonts/NeuzeitOffice-Regular.ttf")
+ }
+
+ @font-face {
+ font-family: "fivo";
+ src: url("../fonts/fivo-sans.medium.otf")
+ }
+
+ /* Custom variables */
+
+ :root{
+
+
+ }
+
+ /* Rules for everything */
+
+ body{
+ font-family: "neuzeit";
+ }
+
+ /* Rules for the rest */
+
+ div{
+ box-sizing: border-box;
+ }
+
+
+ p{
+ text-align: left;
+ font-size: 12px;
+ line-height: 15.5px;
+ }
+
+ h1{
+ text-align: center;
+ }
+
+
+ }
\ No newline at end of file
diff --git a/layout/styles/2.css b/layout/styles/2.css
index e69de29..bbfc119 100644
--- a/layout/styles/2.css
+++ b/layout/styles/2.css
@@ -0,0 +1,54 @@
+@media print{
+
+ /* Define the size of the pages and layout settings */
+
+ @page {
+ size: 148mm 210mm;
+ marks: crop cross;
+ bleed: 5mm;
+ }
+
+ /* Custom font */
+
+ @font-face {
+ font-family: "neuzeit";
+ src: url("../fonts/NeuzeitOffice-Regular.ttf")
+ }
+
+ @font-face {
+ font-family: "fivo";
+ src: url("../fonts/fivo-sans.medium.otf")
+ }
+
+ /* Custom variables */
+
+ :root{
+
+
+ }
+
+ /* Rules for everything */
+
+ body{
+ font-family: "neuzeit";
+ }
+
+ /* Rules for the rest */
+
+ div{
+ box-sizing: border-box;
+ }
+
+
+ p{
+ text-align: left;
+ font-size: 12px;
+ line-height: 15.5px;
+ }
+
+ h1{
+ text-align: center;
+ }
+
+
+ }
\ No newline at end of file
diff --git a/layout/styles/3.css b/layout/styles/3.css
index e69de29..bbfc119 100644
--- a/layout/styles/3.css
+++ b/layout/styles/3.css
@@ -0,0 +1,54 @@
+@media print{
+
+ /* Define the size of the pages and layout settings */
+
+ @page {
+ size: 148mm 210mm;
+ marks: crop cross;
+ bleed: 5mm;
+ }
+
+ /* Custom font */
+
+ @font-face {
+ font-family: "neuzeit";
+ src: url("../fonts/NeuzeitOffice-Regular.ttf")
+ }
+
+ @font-face {
+ font-family: "fivo";
+ src: url("../fonts/fivo-sans.medium.otf")
+ }
+
+ /* Custom variables */
+
+ :root{
+
+
+ }
+
+ /* Rules for everything */
+
+ body{
+ font-family: "neuzeit";
+ }
+
+ /* Rules for the rest */
+
+ div{
+ box-sizing: border-box;
+ }
+
+
+ p{
+ text-align: left;
+ font-size: 12px;
+ line-height: 15.5px;
+ }
+
+ h1{
+ text-align: center;
+ }
+
+
+ }
\ No newline at end of file