finished script, added placeholder content

master
flem 2 years ago
parent a5a848c440
commit 66c39f33dd

@ -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.

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

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

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

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

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

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

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

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

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

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

@ -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.

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

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

@ -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.

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

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

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

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

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

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

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

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

@ -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>

@ -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>

@ -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)
md_files = os.listdir(md_folder)
print(md_files)
for md_file in md_files:
file_path = os.path.join(md_folder, md_file)
with open(file_path, 'r') as file:
md = file.read()
html_md = markdown.markdown(md)
print(html_md)
#to create html file i need to create a template
material_folder_path = os.path.join(script_dir, folder)
card_folders = os.listdir(material_folder_path)
#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(card_folder_path, md_file)
#print(file_path)
with open(file_path, 'r') as file:
md = file.read()
card = markdown.markdown(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)
with open('notebooks.html', 'w') as out:
out.write(html_template)

@ -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)

@ -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;
}

@ -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>

Binary file not shown.

After

Width:  |  Height:  |  Size: 327 KiB

Loading…
Cancel
Save