finished script, added placeholder content
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 @@
|
|||||||
|
# for fast notes
|
@ -0,0 +1 @@
|
|||||||
|
# for personal thoughts
|
@ -0,0 +1 @@
|
|||||||
|
# for a long lecture
|
@ -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 @@
|
|||||||
|
# not to waste materials
|
@ -0,0 +1 @@
|
|||||||
|
# to help a stream of consciousness
|
@ -0,0 +1 @@
|
|||||||
|
# for temporary notes
|
@ -0,0 +1 @@
|
|||||||
|
# to calm anxiety
|
@ -0,0 +1 @@
|
|||||||
|
# to describe one experience
|
@ -0,0 +1 @@
|
|||||||
|
# to forget things
|
@ -0,0 +1 @@
|
|||||||
|
# to organise scattered thoughts
|
@ -0,0 +1,2 @@
|
|||||||
|
# to remember things
|
||||||
|
![captiontext](img.jpg)
|
@ -0,0 +1 @@
|
|||||||
|
# to share with others
|
@ -0,0 +1 @@
|
|||||||
|
# transportable
|
@ -0,0 +1 @@
|
|||||||
|
BLABLABLABLA BINDING
|
@ -0,0 +1 @@
|
|||||||
|
![wiki scroll](wiki-scroll.jpg)
|
@ -0,0 +1 @@
|
|||||||
|
# to adapt a cardboard you already own
|
@ -0,0 +1 @@
|
|||||||
|
# glue bound
|
@ -0,0 +1 @@
|
|||||||
|
# hard cover
|
@ -0,0 +1 @@
|
|||||||
|
# metal rings
|
@ -0,0 +1 @@
|
|||||||
|
# no binding
|
@ -0,0 +1 @@
|
|||||||
|
# rubber band
|
@ -0,0 +1 @@
|
|||||||
|
# soft cover
|
@ -0,0 +1 @@
|
|||||||
|
# something you have in the room you are in
|
@ -0,0 +1 @@
|
|||||||
|
# spiral
|
@ -0,0 +1 @@
|
|||||||
|
# sticks
|
@ -0,0 +1 @@
|
|||||||
|
# strings
|
@ -0,0 +1 @@
|
|||||||
|
# strips
|
@ -0,0 +1 @@
|
|||||||
|
# tape
|
@ -0,0 +1 @@
|
|||||||
|
# thread bound
|
@ -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 @@
|
|||||||
|
# very big
|
@ -0,0 +1 @@
|
|||||||
|
# dotted paper
|
@ -0,0 +1 @@
|
|||||||
|
# horizontal
|
@ -0,0 +1 @@
|
|||||||
|
# lined paper
|
@ -0,0 +1 @@
|
|||||||
|
# with very little space for writing
|
@ -0,0 +1 @@
|
|||||||
|
# medium size
|
@ -0,0 +1 @@
|
|||||||
|
# plain paper
|
@ -0,0 +1 @@
|
|||||||
|
# rough paper
|
@ -0,0 +1 @@
|
|||||||
|
# very small
|
@ -0,0 +1 @@
|
|||||||
|
# smooth paper
|
@ -0,0 +1 @@
|
|||||||
|
# with space for marginalia
|
@ -0,0 +1 @@
|
|||||||
|
# with a lot of space for writing
|
@ -0,0 +1 @@
|
|||||||
|
# squared paper
|
@ -0,0 +1 @@
|
|||||||
|
# with thick paper
|
@ -0,0 +1 @@
|
|||||||
|
# with thin paper
|
@ -0,0 +1 @@
|
|||||||
|
# vertical shape
|
@ -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 save/keep loose sheets
|
@ -0,0 +1 @@
|
|||||||
|
# to transport tools (e.g. pen) within the notebook
|
Binary file not shown.
@ -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 os
|
||||||
import markdown
|
import markdown
|
||||||
|
from random import choice
|
||||||
|
|
||||||
# Get the directory path of the script
|
# Get the directory path of the script
|
||||||
script_dir = os.path.dirname(os.path.abspath(__file__))
|
script_dir = os.path.dirname(os.path.abspath(__file__))
|
||||||
|
|
||||||
materials = ['1_situation', '2_binding', '3_paperformat', '4_add_ons']
|
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:
|
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 md_file in md_files:
|
for card_folder in card_folders:
|
||||||
file_path = os.path.join(md_folder, md_file)
|
card_folder_path = os.path.join(material_folder_path, card_folder)
|
||||||
with open(file_path, 'r') as file:
|
#print(card_folder_path) #these are content and make a notebook that folders paths
|
||||||
md = file.read()
|
md_files = os.listdir(card_folder_path)
|
||||||
html_md = markdown.markdown(md)
|
#print(md_files)
|
||||||
print(html_md)
|
for md_file in md_files:
|
||||||
|
file_path = os.path.join(card_folder_path, md_file)
|
||||||
#to create html file i need to create a template
|
#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…
Reference in New Issue