fonts, css

3 years ago · f87ecb0995
parent 0ca13baf05
commit f87ecb0995
12 changed files with 222 additions and 4 deletions
--- 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/
--- a/layout/.DS_Store
+++ b/layout/.DS_Store
--- a/layout/fonts/NeuzeitOffice-Regular.ttf
+++ b/layout/fonts/NeuzeitOffice-Regular.ttf
--- a/layout/fonts/fivo-sans.medium.otf
+++ b/layout/fonts/fivo-sans.medium.otf
--- a/layout/index.html
+++ b/layout/index.html
@ -1,15 +1,17 @@
 <html>
 <head>
    <meta name="viewport" content="width=device-width, initial-scale=1">
-    <link rel="stylesheet" href="paged.js_files/interface.css">
-    <script src="paged.js_files/paged.polyfill.js"></script>
+    <link rel="stylesheet" href="pagedjs_files/interface.css">
+    <script src="pagedjs_files/paged.polyfill.js"></script>
    <link rel="stylesheet" href="styles/1.css">
    <meta charset="utf-8"/>
    <title>Booklet</title>
 </head>

 <body>
-
+    <div class="newchapter">
+        <h1>I WISH I COULD SHOW YOU A PICTURE OF WHAT I GOT🤮</h1>
+    </div>

 </body>
 </html>
--- a/layout/paged.js_files/interface.css
+++ b/layout/paged.js_files/interface.css
--- a/layout/paged.js_files/paged.js
+++ b/layout/paged.js_files/paged.js
--- a/layout/paged.js_files/paged.polyfill.js
+++ b/layout/paged.js_files/paged.polyfill.js
--- a/layout/style.css
+++ 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;
+}
+
+
+}
--- 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;
+    }
+    
+    
+    }
--- 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;
+    }
+    
+    
+    }
--- 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;
+    }
+    
+    
+    }