finished

1_situation/content/altmaterials_bone.md

@@ -1,2 +1,2 @@
-### tools to make notebooks: do you need a bone folder?
-This tool helps us to fold the sheets to avoid breaking paper, especially if thick, and to be more precise. Otherwise, you can use the back side of any metal knife. Or anything that is flat, hard and with a smooth surface that you can easily hold in your hands. Try with other objects too, you will be surprised!
+### tools to make notebooks: do you need a folding bone?
+This tool helps us to fold the sheets to avoid breaking paper, especially if thick, and to be more precise. For this, you can use the back side of any metal knife. Or anything that is flat, hard and with a smooth surface that you can easily hold in your hands. Try with other objects too, you will be surprised!

1_situation/make-a-notebook-that/notes_on_prototypes_16.md

@@ -1,3 +1,3 @@
-#### NOTES ON PROTOTYPE: the first one but new
+#### NOTES ON PROTOTYPE: the last one
 15.03.23
-I will take *the last vertical notebook* I made in december and rip it apart. I will 1) change the cover, it was too hard and felt very difficult to open and use. 2) add the pockets as they have been very useful. 3) get rid of one of the signatures as I had to make it smaller. 4) I made some of the folded sheets a bit wider and some less and I want to see if those cm more I have will influence how I feel. As with the wide sheets I am having problems, how much do I have to reduce it to make it the perfect width? 
+I will take *the one that did not work* I made in december and rip it apart. I will 1) change the cover, it was too hard and felt very difficult to open and use. 2) add the pockets as they have been very useful. 3) get rid of one of the signatures as I had to make it smaller. 4) I made some of the folded sheets a bit wider and some less and I want to see if those cm more I have will influence how I feel. As with the wide sheets I am having problems, how much do I have to reduce it to make it the perfect width? 

2_binding/content/altmaterials_awl.md

@@ -1,2 +1,2 @@
-### tools to make notebooks: do you need a awl?
+### tools to make notebooks: do you need an awl?
 What is it? This is not a hole puncher, but more like a hole maker. You'll need this in case of a thread binding, to help your needle to pass through the sheets correctly (the sheets need to be alligned - if that's what you want) In this case, a knife would not work. What about a needle? That's already what will pass through the holes. You can also use a needle that is a tiny bigger than the one you'll use for binding later. Yes, it does hurt a bit when the paper is not very thin. A solution is creating your own tool, by attaching or glueing a needle inside anything that you can hold with one hand. 

2_binding/content/notes_on_prototypes_9.md

@@ -1,4 +1,4 @@
-#### NOTES ON PROTOTYPE: the first one but new
+#### NOTES ON PROTOTYPE: the one that did not work
 05.12.22
 I found some problems in this new version I made:
 It's very inflexible. I cannot turn it around, I cannot open the pages completely and I cannot use the two pages as a whole because the curve is too big. It's too thick and bulky. I cannot transport it easily, there are too many pages to start from. I tried to insert different sections. The problem is I am not able, every time I take notes, to visualise in which area the content I want to write should go into, so then it ends up that I don't write at all because I do not know where to start.

3_paperformat/content/notes_on_prototypes_17.md

@@ -1,3 +1,3 @@
-#### NOTES ON PROTOTYPE: the first one but new
+#### NOTES ON PROTOTYPE: the last one
 15.03.23
 1) I noticed that I made some of the folded sheets a bit wider than the 20x30 that I used before and some less and I want to see if that cm more I have will influence how I feel. As with the wide sheets I am having problems, how much do I have to reduce it to make it the perfect width? 

script.py

@@ -59,7 +59,7 @@ for folder in materials:
                     my_file= my_file.replace('.jpg', '').replace('.jpeg', '').replace('.png', '').replace('prototype_', '').replace('_', ' ').replace('1','').replace('2','').replace('3',' ')
                     image_html = f"<div class='image_titles'>{my_file}</div>"
                 else:
-                    image_html = f'""'
+                    image_html = f''
                 mycard = f'<div class="card img" style="background-image: url(\'{relative_file_path}\'); background-size:cover;  ">{image_html}</div>    '
                 cards[folder][card_folder].append(mycard)
                 # print(mycard)

style.css

@@ -6,9 +6,11 @@ body{
 }
 
 .page {
-        height: 297mm;
-        width: 210mm;
+        height: 287mm;
+        width: 200mm;
         margin: 0 auto;
+        padding: 5mm;
+        overflow: hidden;  
 
 }
 
@@ -16,34 +18,31 @@ body{
 
 .card {
     float: left;
-    width: calc(210mm / 2); /* Adjusted width to fit 2 cards per row with margins */
-    height: calc(297mm / 4); /* Adjusted height to fit 4 rows per page with margins */
+    width: calc(200mm / 2 ); /* Adjusted width to fit 2 cards per row with margins */
+    height: calc(287mm / 4 ) ; /* Adjusted height to fit 4 rows per page with margins */
     /*border: 1px solid black;*/
     box-sizing: border-box; /* Includes the border in the width and height calculation */
     overflow: hidden;   
 }
 
 .card.image{
-    width: calc(210mm / 2); /* Adjusted width to fit 2 cards per row with margins */
-    height: calc(297mm / 4);
+    width: calc(200mm / 2); /* Adjusted width to fit 2 cards per row with margins */
+    height: calc(287mm / 4);
     padding: 0;
     margin: 0;
+    box-sizing: border-box; /* Includes the border in the width and height calculation */
+    overflow: hidden;   
+
 
 }
 .card.text{
     padding: 5mm; 
-}
-
+    box-sizing: border-box; /* Includes the border in the width and height calculation */
 
-.card.left-card {
-    padding-right: 10mm;
+    overflow: hidden;   
 
 }
 
-.card.right-card {
-    padding-left: 10mm;
-
-}
     
 /*game */ 
 h1{
@@ -74,7 +73,7 @@ h2{
     margin: 0mm;
     margin-bottom: 5pt;
     line-height: 14pt;
-    padding: 5mm 5mm 0mm 5mm;
+    padding: 0mm 5mm 0mm 5mm;
 
 }
 
@@ -87,7 +86,7 @@ h3 {
     margin: 0mm;
     margin-bottom: 5pt;
     line-height: 14pt;
-    padding: 5mm 5mm 0mm 5mm;
+    padding: 0mm 5mm 0mm 5mm;
 }
 
 /* wiki*/ 
@@ -99,7 +98,7 @@ h4{
     line-height:normal;
     padding-left: 10mm;
     margin: 1mm;
-    padding: 5mm 5mm 0mm 5mm;
+    padding: 0mm 5mm 0mm 5mm;
 
 
 }
@@ -129,7 +128,7 @@ p{
     font-family: 'Catamaran Bold', sans-serif;
     font-weight: 800;
     font-size: 12pt;
-    color: #6776ff;
+    color: #b4d194;
     line-height: 16pt;
     padding-top: 100px;
     padding-left: 5mm;
@@ -146,13 +145,13 @@ p{
 .image_titles {
     /*width: 105mm;*/
     text-align: center;
-    margin-top: 66mm;
-    margin-left: 6mm;
-    font-family: 'NotCourierSans Bold',Courier, sans-serif;
-    font-weight: 800;
+    margin-top: 63mm;
+    margin-left: 9mm;
+    font-family: 'NotCourierSans',Courier, sans-serif;
+
     font-size: 12pt;
     /*text-shadow: -1px 2px #393e41;*/
-    color: black;
+    color:black;
     display: inline-flex;
     justify-content: center;
     align-items: center;
@@ -179,12 +178,12 @@ p{
         print-color-adjust: exact !important;      
     }
 
-    @page{
 
-        color-adjust: exact;
+    .page{
+
         -webkit-print-color-adjust: exact !important;   /* Chrome, Safari 6 – 15.3, Edge */
-        color-adjust: exact !important;                 /* Firefox 48 – 96 */
-        print-color-adjust: exact !important;      
+        print-color-adjust: exact !important;   
+
     }