finished script, added placeholder content

1_situation/content/i_need_A_notebook.md

@@ -0,0 +1,2 @@
+I need a notebook for ideas sketching and development = where to write down a sudden idea fast and easy and then have the space to develop it in the future = organised but free space to express maybe with sum-up window/space
+I always feel like when I write on my paper notebooks is never definitive, i feel it like a work in progress that then is completed when I move the notes on my laptop. If I move them on my laptop not organised I feel stressed because it doesn't allow me to think/reason/process but it doesn't even allow my brain to relax because things are in order.

1_situation/content/scroll.md

@@ -0,0 +1 @@
+![wiki scroll](wiki-scroll.jpg)

1_situation/fastnotes.md

@@ -1,2 +0,0 @@
-# for fast notes
-![captiontext](img.jpg)

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

@@ -0,0 +1 @@
+# to create new connections between content

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

@@ -0,0 +1 @@
+# for fast notes

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

@@ -0,0 +1 @@
+# for personal thoughts

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

@@ -0,0 +1 @@
+# for a long lecture

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

@@ -0,0 +1 @@
+# to create a flow of thoughts to look at all at the same time

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

@@ -0,0 +1 @@
+# not to hesitate while writing/approaching the space

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

@@ -0,0 +1 @@
+# not to waste materials

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

@@ -0,0 +1 @@
+# to help a stream of consciousness

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

@@ -0,0 +1 @@
+# for temporary notes

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

@@ -0,0 +1 @@
+# to calm anxiety

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

@@ -0,0 +1 @@
+# to describe one experience

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

@@ -0,0 +1 @@
+# to forget things

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

@@ -0,0 +1 @@
+# to organise scattered thoughts

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

@@ -0,0 +1,2 @@
+# to remember things
+![captiontext](img.jpg)

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

@@ -0,0 +1 @@
+# to share with others

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

@@ -0,0 +1 @@
+# transportable

2_binding/content/i_need_A_notebook.md

@@ -0,0 +1 @@
+BLABLABLABLA BINDING 

2_binding/content/scroll.md

@@ -0,0 +1 @@
+![wiki scroll](wiki-scroll.jpg)

2_binding/make-a-notebook-that/already_own_cardboard.md

@@ -0,0 +1 @@
+# to adapt a cardboard you already own

2_binding/make-a-notebook-that/glue_bound.md

@@ -0,0 +1 @@
+# glue bound

2_binding/make-a-notebook-that/hard_cover.md

@@ -0,0 +1 @@
+# hard cover

2_binding/make-a-notebook-that/metal_rings.md

@@ -0,0 +1 @@
+# metal rings

2_binding/make-a-notebook-that/no_binding.md

@@ -0,0 +1 @@
+# no binding

2_binding/make-a-notebook-that/rubber_band.md

@@ -0,0 +1 @@
+# rubber band

2_binding/make-a-notebook-that/soft_cover.md

@@ -0,0 +1 @@
+# soft cover

2_binding/make-a-notebook-that/something_around_you.md

@@ -0,0 +1 @@
+# something you have in the room you are in

2_binding/make-a-notebook-that/spiral.md

@@ -0,0 +1 @@
+# spiral

2_binding/make-a-notebook-that/sticks.md

@@ -0,0 +1 @@
+# sticks

2_binding/make-a-notebook-that/strings.md

@@ -0,0 +1 @@
+# strings

2_binding/make-a-notebook-that/strips.md

@@ -0,0 +1 @@
+# strips

2_binding/make-a-notebook-that/tape.md

@@ -0,0 +1 @@
+# tape

2_binding/make-a-notebook-that/thread_bound.md

@@ -0,0 +1 @@
+# thread bound

3_paperformat/content/i_need_A_notebook.md

@@ -0,0 +1,2 @@
+I need a notebook for ideas sketching and development = where to write down a sudden idea fast and easy and then have the space to develop it in the future = organised but free space to express maybe with sum-up window/space
+I always feel like when I write on my paper notebooks is never definitive, i feel it like a work in progress that then is completed when I move the notes on my laptop. If I move them on my laptop not organised I feel stressed because it doesn't allow me to think/reason/process but it doesn't even allow my brain to relax because things are in order.

3_paperformat/content/scroll.md

@@ -0,0 +1 @@
+![wiki scroll](wiki-scroll.jpg)

3_paperformat/make-a-notebook-that/big.md

@@ -0,0 +1 @@
+# very big

3_paperformat/make-a-notebook-that/dotted_paper.md

@@ -0,0 +1 @@
+# dotted paper

3_paperformat/make-a-notebook-that/horizontal.md

@@ -0,0 +1 @@
+# horizontal

3_paperformat/make-a-notebook-that/lined_paper.md

@@ -0,0 +1 @@
+# lined paper

3_paperformat/make-a-notebook-that/little_space_for_writing.md

@@ -0,0 +1 @@
+# with very little space for writing

3_paperformat/make-a-notebook-that/medium_size.md

@@ -0,0 +1 @@
+# medium size

3_paperformat/make-a-notebook-that/plain_paper.md

@@ -0,0 +1 @@
+# plain paper

3_paperformat/make-a-notebook-that/rough_paper.md

@@ -0,0 +1 @@
+# rough paper

3_paperformat/make-a-notebook-that/small.md

@@ -0,0 +1 @@
+# very small

3_paperformat/make-a-notebook-that/smooth_paper.md

@@ -0,0 +1 @@
+# smooth paper

3_paperformat/make-a-notebook-that/space_for_marginalia.md

@@ -0,0 +1 @@
+# with space for marginalia

3_paperformat/make-a-notebook-that/space_for_writing.md

@@ -0,0 +1 @@
+# with a lot of space for writing

3_paperformat/make-a-notebook-that/squared_paper.md

@@ -0,0 +1 @@
+# squared paper

3_paperformat/make-a-notebook-that/thick_paper.md

@@ -0,0 +1 @@
+# with thick paper

3_paperformat/make-a-notebook-that/thin_paper.md

@@ -0,0 +1 @@
+# with thin paper

3_paperformat/make-a-notebook-that/vertical.md

@@ -0,0 +1 @@
+# vertical shape

4_add_ons/content/i_need_A_notebook.md

@@ -0,0 +1,2 @@
+I need a notebook for ideas sketching and development = where to write down a sudden idea fast and easy and then have the space to develop it in the future = organised but free space to express maybe with sum-up window/space
+I always feel like when I write on my paper notebooks is never definitive, i feel it like a work in progress that then is completed when I move the notes on my laptop. If I move them on my laptop not organised I feel stressed because it doesn't allow me to think/reason/process but it doesn't even allow my brain to relax because things are in order.

4_add_ons/content/scroll.md

@@ -0,0 +1 @@
+![wiki scroll](wiki-scroll.jpg)

4_add_ons/make-a-notebook-that/for_additional_content.md

@@ -0,0 +1 @@
+# to add content after the page is already full

4_add_ons/make-a-notebook-that/multiple_nb_in_one.md

@@ -0,0 +1 @@
+# to have multiple notebooks in one

4_add_ons/make-a-notebook-that/space_for_temporary_thoughts.md

@@ -0,0 +1 @@
+# to create space for temporary thoughts

4_add_ons/make-a-notebook-that/to_highlight_pages.md

@@ -0,0 +1,2 @@
+# to remember or highlight specific pages
+

4_add_ons/make-a-notebook-that/to_keep_it_closed.md

@@ -0,0 +1,2 @@
+# to keep the notebook closed while transporting it 
+

4_add_ons/make-a-notebook-that/to_make_different_sections.md

@@ -0,0 +1 @@
+# to separate content in different sections

4_add_ons/make-a-notebook-that/to_save_loose_sheets.md

@@ -0,0 +1 @@
+# to save/keep loose sheets

4_add_ons/make-a-notebook-that/to_transport_tools.md

@@ -0,0 +1 @@
+# to transport tools (e.g. pen) within the notebook

notebooks.html

@@ -0,0 +1,50 @@
+
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+    <link rel="stylesheet" href="style.css">
+    <link href="https://fonts.cdnfonts.com/css/fjord" rel="stylesheet">
+    <link href="https://fonts.cdnfonts.com/css/notcouriersans" rel="stylesheet">
+    
+</head>
+<body>
+
+
+    <div class="page">
+        <div class="card"><p><img alt="wiki scroll" src="wiki-scroll.jpg" /></p></div>
+        <div class="card"><h1>to calm anxiety</h1></div>
+        <div class="card"><p><img alt="wiki scroll" src="wiki-scroll.jpg" /></p></div>
+        <div class="card"><h1>hard cover</h1></div>
+        <div class="card"><p>I need a notebook for ideas sketching and development = where to write down a sudden idea fast and easy and then have the space to develop it in the future = organised but free space to express maybe with sum-up window/space
+I always feel like when I write on my paper notebooks is never definitive, i feel it like a work in progress that then is completed when I move the notes on my laptop. If I move them on my laptop not organised I feel stressed because it doesn't allow me to think/reason/process but it doesn't even allow my brain to relax because things are in order.</p></div>
+        <div class="card"><h1>with space for marginalia</h1></div>
+        <div class="card"><p><img alt="wiki scroll" src="wiki-scroll.jpg" /></p></div>
+        <div class="card"><h1>to add content after the page is already full</h1></div>
+    </div>
+
+
+    
+
+
+    <div class="page">
+        <div class="card"><p>I need a notebook for ideas sketching and development = where to write down a sudden idea fast and easy and then have the space to develop it in the future = organised but free space to express maybe with sum-up window/space
+I always feel like when I write on my paper notebooks is never definitive, i feel it like a work in progress that then is completed when I move the notes on my laptop. If I move them on my laptop not organised I feel stressed because it doesn't allow me to think/reason/process but it doesn't even allow my brain to relax because things are in order.</p></div>
+        <div class="card"><h1>for personal thoughts</h1></div>
+        <div class="card"><p>BLABLABLABLA BINDING </p></div>
+        <div class="card"><h1>soft cover</h1></div>
+        <div class="card"><p><img alt="wiki scroll" src="wiki-scroll.jpg" /></p></div>
+        <div class="card"><h1>smooth paper</h1></div>
+        <div class="card"><p>I need a notebook for ideas sketching and development = where to write down a sudden idea fast and easy and then have the space to develop it in the future = organised but free space to express maybe with sum-up window/space
+I always feel like when I write on my paper notebooks is never definitive, i feel it like a work in progress that then is completed when I move the notes on my laptop. If I move them on my laptop not organised I feel stressed because it doesn't allow me to think/reason/process but it doesn't even allow my brain to relax because things are in order.</p></div>
+        <div class="card"><h1>to separate content in different sections</h1></div>
+    </div>
+
+
+    
+
+</body>
+</html>
+

output.html

@@ -1,62 +0,0 @@
-
-<!DOCTYPE html>
-<html>
-<head>
-    <title>Markdown Folders</title>
-    <style>
-        /* CSS styling goes here */
-    </style>
-</head>
-<body>
-    <div class="container">
-        
-            <div class="column">
-                <div class="folder">
-                    <h2>1_situation</h2>
-                    <ul>
-                        
-                            <li>
-                                <h3>fastnotes.md</h3>
-                                <div># for fast notes
-![captiontext](img.jpg)</div>
-                            </li>
-                        
-                            <li>
-                                <h3>transportable.md</h3>
-                                <div></div>
-                            </li>
-                        
-                    </ul>
-                </div>
-            </div>
-        
-            <div class="column">
-                <div class="folder">
-                    <h2>2_binding</h2>
-                    <ul>
-                        
-                    </ul>
-                </div>
-            </div>
-        
-            <div class="column">
-                <div class="folder">
-                    <h2>3_paperformat</h2>
-                    <ul>
-                        
-                    </ul>
-                </div>
-            </div>
-        
-            <div class="column">
-                <div class="folder">
-                    <h2>4_add_ons</h2>
-                    <ul>
-                        
-                    </ul>
-                </div>
-            </div>
-        
-    </div>
-</body>
-</html>

script.py

@@ -1,20 +1,127 @@
 import os
 import markdown
+from random import choice
 
 # Get the directory path of the script
 script_dir = os.path.dirname(os.path.abspath(__file__))
 
 materials = ['1_situation', '2_binding', '3_paperformat', '4_add_ons']
 
+cards = {
+        '1_situation' : {
+                'content' : [],
+                'make-a-notebook-that' : []
+        },
+
+        '2_binding' : {
+                'content' : [],
+                'make-a-notebook-that' : []
+        },
+
+        '3_paperformat' : {
+                'content' : [],
+                'make-a-notebook-that' : []
+        },
+
+        '4_add_ons' : {
+                'content' : [],
+                'make-a-notebook-that' : []
+        }
+
+}
+
 for folder in materials:
-    md_folder = os.path.join(script_dir, folder)
+    material_folder_path = os.path.join(script_dir, folder)
-    md_files = os.listdir(md_folder)
+    card_folders = os.listdir(material_folder_path)
-    print(md_files)
+    #print(material_folder_path)
+    for card_folder in card_folders:
+        card_folder_path = os.path.join(material_folder_path, card_folder)
+        #print(card_folder_path) #these are content and make a notebook that folders paths
+        md_files = os.listdir(card_folder_path)
+        #print(md_files)
         for md_file in md_files:
-        file_path = os.path.join(md_folder, md_file)
+            file_path = os.path.join(card_folder_path, md_file)
+            #print(file_path)
             with open(file_path, 'r') as file:
                 md = file.read()
-            html_md = markdown.markdown(md)
+                card = markdown.markdown(md)
-            print(html_md)
+                #print(card) # the print of all the md files
+                cards[folder][card_folder].append(card)
+
+
+number_pages = 2
+pages = []
+
+
+for page in range(number_pages):
+
+
+    card_1= choice(cards["1_situation"]["content"])
+    cards["1_situation"]["content"].remove(card_1)
+    card_2= choice(cards["1_situation"]["make-a-notebook-that"])
+    cards["1_situation"]["make-a-notebook-that"].remove(card_2)
+
+    card_3= choice(cards["2_binding"]["content"])
+    cards["2_binding"]["content"].remove(card_3)
+    card_4= choice(cards["2_binding"]["make-a-notebook-that"])
+    cards["2_binding"]["make-a-notebook-that"].remove(card_4)
+
+    card_5= choice(cards["3_paperformat"]["content"])
+    cards["3_paperformat"]["content"].remove(card_5)
+    card_6= choice(cards["3_paperformat"]["make-a-notebook-that"])
+    cards["3_paperformat"]["make-a-notebook-that"].remove(card_6)
+
+    card_7= choice(cards["4_add_ons"]["content"])
+    cards["4_add_ons"]["content"].remove(card_7)
+    card_8= choice(cards["4_add_ons"]["make-a-notebook-that"])
+    cards["4_add_ons"]["make-a-notebook-that"].remove(card_8)
+
+
+
+    page_html = f'''
+
+    <div class="page">
+        <div class="card">{card_1}</div>
+        <div class="card">{card_2}</div>
+        <div class="card">{card_3}</div>
+        <div class="card">{card_4}</div>
+        <div class="card">{card_5}</div>
+        <div class="card">{card_6}</div>
+        <div class="card">{card_7}</div>
+        <div class="card">{card_8}</div>
+    </div>
+
+
+    '''
+
+    pages.append(page_html)
+    print(page_html)
+
+
+#print(pages)
+pages_string = "\n".join(pages)
+
+html_template = f'''
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+    <link rel="stylesheet" href="style.css">
+    <link href="https://fonts.cdnfonts.com/css/fjord" rel="stylesheet">
+    <link href="https://fonts.cdnfonts.com/css/notcouriersans" rel="stylesheet">
+    
+</head>
+<body>
+{pages_string}
+
+</body>
+</html>
+
+'''
+
+print(html_template)
 
-#to create html file i need to create a template 
+with open('notebooks.html', 'w') as out:
+    out.write(html_template)

script2.py

@@ -0,0 +1,67 @@
+import os
+from jinja2 import Environment, Template
+import markdown
+
+# Configuration
+materials = ['1_situation', '2_binding', '3_paperformat', '4_add_ons']
+output_file = 'output.html'
+
+# Prepare data for template rendering
+data = []
+for folder in materials:
+    markdown_files = os.listdir(folder)
+    folder_data = {
+        'folder_name': folder,
+        'markdown_files': []
+    }
+    for markdown_file in markdown_files:
+        file_path = os.path.join(folder, markdown_file)
+        with open(file_path, 'r') as file:
+            content = file.read()
+            folder_data['markdown_files'].append({'file_name': markdown_file, 'content': content})
+    data.append(folder_data)
+
+# Define the HTML template
+template = """
+<!DOCTYPE html>
+<html>
+<head>
+    <title>Markdown Folders</title>
+    <style>
+        /* CSS styling goes here */
+    </style>
+</head>
+<body>
+    <div class="container">
+        {% for folder_data in data %}
+            <div class="column">
+                <div class="folder">
+                    <h2>{{ folder_data.folder_name }}</h2>
+                    <ul>
+                        {% for file_data in folder_data.markdown_files %}
+                            <li>
+                                <h3>{{ file_data.file_name }}</h3>
+                                <div>{{ file_data.content }}</div>
+                            </li>
+                        {% endfor %}
+                    </ul>
+                </div>
+            </div>
+        {% endfor %}
+    </div>
+</body>
+</html>
+"""
+
+# Create the Jinja2 environment
+env = Environment()
+
+# Create the template from the template string
+template = env.from_string(template)
+
+# Render the template with data
+html_output = template.render(data=data)
+
+# Write the HTML output to file
+with open(output_file, 'w') as file:
+    file.write(html_output)

style.css

@@ -0,0 +1,48 @@
+
+body{    height: 297mm;
+    width: 210mm;
+
+}
+
+.page {
+    height: 297mm;
+    width: 210mm;
+    
+
+}
+
+.card {
+
+    border: 5mm solid rosybrown;
+    width: 45%;
+    float: left;
+    width: 90mm;
+    height: 66mm;
+
+}
+
+h1{
+    font-size: 10pt;
+    font-family: 'Courier New', Courier, monospace;
+    color: #c4007a;
+    padding-left: 2cm;
+    text-align: center;
+    padding-top: 50px;
+}
+
+p{
+    font-size: 10pt;
+    font-family:'Fjord', sans-serif;                             
+    color: #9594c4;
+    padding-right: 2cm;
+    text-align: center;
+
+
+}
+
+img {
+    width: 90mm;;
+    height: 66mm;
+    object-fit: cover;
+
+}

template.html

@@ -0,0 +1,45 @@
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+    <link rel="stylesheet" href="">
+</head>
+<body>
+
+<div class="page">
+    <div class="card">this is dummy material i need a notebook for ideas sketchin blbalbla</div>
+    <div class="card">to organise scattered thoughts</div>
+    <div class="card"><img src="" alt=""></div>
+    <div class="card">gluebound</div>
+    <div class="card">smoothest paper to prevent myself from</div>
+    <div class="card">with thin paper</div>
+    <div class="card">to transport tools</div>
+    <div class="card">needs to be at 90 degrees</div>
+</div>
+    
+<div class="page">
+    <div class="card"></div>
+    <div class="card"></div>
+    <div class="card"></div>
+    <div class="card"></div>
+    <div class="card"></div>
+    <div class="card"></div>
+    <div class="card"></div>
+    <div class="card"></div>
+</div>
+
+<div class="page">
+    <div class="card"></div>
+    <div class="card"></div>
+    <div class="card"></div>
+    <div class="card"></div>
+    <div class="card"></div>
+    <div class="card"></div>
+    <div class="card"></div>
+    <div class="card"></div>
+</div>
+
+</body>
+</html>