You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
200 lines
11 KiB
HTML
200 lines
11 KiB
HTML
|
|
<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"><img src="1_situation/content/IMG_4285.jpg" alt="IMG_4285.jpg" /></div>
|
|
<div class="card"><h1>to create new connections between content</h1></div>
|
|
<div class="card"><img src="2_binding/content/outsidecover.jpeg" alt="outsidecover.jpeg" /></div>
|
|
<div class="card"><h1>thread bound</h1></div>
|
|
<div class="card"><img src="3_paperformat/content/wiki2.png" alt="wiki2.png" /></div>
|
|
<div class="card"><h1>very big</h1></div>
|
|
<div class="card"><img src="4_add_ons/content/19_04_23_scroll.jpg" alt="19_04_23_scroll.jpg" /></div>
|
|
<div class="card"><h1>to keep the notebook closed while transporting it</h1></div>
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<div class="page">
|
|
<div class="card"><img src="1_situation/content/first notebook kit.jpg" alt="first notebook kit.jpg" /></div>
|
|
<div class="card"><img src="1_situation/make-a-notebook-that/Image-6.jpg" alt="Image-6.jpg" /></div>
|
|
<div class="card"><img src="2_binding/content/recycling-shops.jpg" alt="recycling-shops.jpg" /></div>
|
|
<div class="card"><h1>something you have in the room you are in</h1></div>
|
|
<div class="card"><img src="3_paperformat/content/IMG_4286.jpg" alt="IMG_4286.jpg" /></div>
|
|
<div class="card"><img src="3_paperformat/make-a-notebook-that/hand-writing.jpg" alt="hand-writing.jpg" /></div>
|
|
<div class="card"><img src="4_add_ons/content/metalrings.png" alt="metalrings.png" /></div>
|
|
<div class="card"><img src="4_add_ons/make-a-notebook-that/aymeric.png" alt="aymeric.png" /></div>
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<div class="page">
|
|
<div class="card"><p><img alt="wiki scroll" src="wiki-scroll.jpg" /></p></div>
|
|
<div class="card"><img src="1_situation/make-a-notebook-that/create-new-connections.jpg" alt="create-new-connections.jpg" /></div>
|
|
<div class="card"><img src="2_binding/content/3 (32).jpg" alt="3 (32).jpg" /></div>
|
|
<div class="card"><h1>rubber band</h1></div>
|
|
<div class="card"><img src="3_paperformat/content/analoguerandomchoice.jpg" alt="analoguerandomchoice.jpg" /></div>
|
|
<div class="card"><h1>rough paper</h1></div>
|
|
<div class="card"><img src="4_add_ons/content/first notebook kit_02.jpg" alt="first notebook kit_02.jpg" /></div>
|
|
<div class="card"><h1>to add content after the page is already full</h1></div>
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<div class="page">
|
|
<div class="card"><img src="1_situation/content/3 (38).jpg" alt="3 (38).jpg" /></div>
|
|
<div class="card"><h1>not to waste materials</h1></div>
|
|
<div class="card"><img src="2_binding/content/3 (28).jpg" alt="3 (28).jpg" /></div>
|
|
<div class="card"><img src="2_binding/make-a-notebook-that/3 (36).jpg" alt="3 (36).jpg" /></div>
|
|
<div class="card"><img src="3_paperformat/content/3 (25).jpg" alt="3 (25).jpg" /></div>
|
|
<div class="card"><img src="3_paperformat/make-a-notebook-that/inuse.jpg" alt="inuse.jpg" /></div>
|
|
<div class="card"><img src="4_add_ons/content/to-calm-anxiety.jpg" alt="to-calm-anxiety.jpg" /></div>
|
|
<div class="card"><img src="4_add_ons/make-a-notebook-that/supi1.png" alt="supi1.png" /></div>
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<div class="page">
|
|
<div class="card"><img src="1_situation/content/1 (8).jpg" alt="1 (8).jpg" /></div>
|
|
<div class="card"><img src="1_situation/make-a-notebook-that/side view.jpeg" alt="side view.jpeg" /></div>
|
|
<div class="card"><img src="2_binding/content/act-of-making.jpg" alt="act-of-making.jpg" /></div>
|
|
<div class="card"><img src="2_binding/make-a-notebook-that/notesfrompellebysteve.png" alt="notesfrompellebysteve.png" /></div>
|
|
<div class="card"><img src="3_paperformat/content/steve.png" alt="steve.png" /></div>
|
|
<div class="card"><h1>with very little space for writing</h1></div>
|
|
<div class="card"><img src="4_add_ons/content/3 (29).jpg" alt="3 (29).jpg" /></div>
|
|
<div class="card"><h1>to transport tools (e.g. pen) within the notebook</h1></div>
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<div class="page">
|
|
<div class="card"><p class="myquotes">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 describe one experience</h1></div>
|
|
<div class="card"><img src="2_binding/content/new1.png" alt="new1.png" /></div>
|
|
<div class="card"><img src="2_binding/make-a-notebook-that/scroll-1.jpg" alt="scroll-1.jpg" /></div>
|
|
<div class="card"><img src="3_paperformat/content/paper selection.jpeg" alt="paper selection.jpeg" /></div>
|
|
<div class="card"><h1>dotted paper</h1></div>
|
|
<div class="card"><img src="4_add_ons/content/hand-writing.jpg" alt="hand-writing.jpg" /></div>
|
|
<div class="card"><img src="4_add_ons/make-a-notebook-that/metalrings2.png" alt="metalrings2.png" /></div>
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<div class="page">
|
|
<div class="card"><img src="1_situation/content/Image-14.jpg" alt="Image-14.jpg" /></div>
|
|
<div class="card"><h1>to help a stream of consciousness</h1></div>
|
|
<div class="card"><img src="2_binding/content/december222.png" alt="december222.png" /></div>
|
|
<div class="card"><h1>soft cover</h1></div>
|
|
<div class="card"><img src="3_paperformat/content/threerows.jpeg" alt="threerows.jpeg" /></div>
|
|
<div class="card"><img src="3_paperformat/make-a-notebook-that/3 (21).jpg" alt="3 (21).jpg" /></div>
|
|
<div class="card"><img src="4_add_ons/content/opened.jpeg" alt="opened.jpeg" /></div>
|
|
<div class="card"><h1>to create space for temporary thoughts</h1></div>
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<div class="page">
|
|
<div class="card"><img src="1_situation/content/3 (30).jpg" alt="3 (30).jpg" /></div>
|
|
<div class="card"><h1>to calm anxiety</h1></div>
|
|
<div class="card"><p class="wiki"> What is the starting need that brought to the creation and use of the notebook?** This question helps to highlight the starting point and main reason for the creation of a new notebook (or modification applied). it can be described in a few words. </p></div>
|
|
<div class="card"><h1>hard cover</h1></div>
|
|
<div class="card"><img src="3_paperformat/content/reuserecycle-activities.jpg" alt="reuserecycle-activities.jpg" /></div>
|
|
<div class="card"><h1>medium size</h1></div>
|
|
<div class="card"><img src="4_add_ons/content/photo_2023-04-03_19-20-26.jpg" alt="photo_2023-04-03_19-20-26.jpg" /></div>
|
|
<div class="card"><h1>to separate content in different sections</h1></div>
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<div class="page">
|
|
<div class="card"><img src="1_situation/content/notesfrompellebyme_pages-to-jpg-0007.jpg" alt="notesfrompellebyme_pages-to-jpg-0007.jpg" /></div>
|
|
<div class="card"><h1>to share with others</h1></div>
|
|
<div class="card"><p class="wiki"> What is the starting need that brought to the creation and use of the notebook?** This question helps to highlight the starting point and main reason for the creation of a new notebook (or modification applied). it can be described in a few words. </p></div>
|
|
<div class="card"><img src="2_binding/make-a-notebook-that/overview-project (2).jpg" alt="overview-project (2).jpg" /></div>
|
|
<div class="card"><p class=wiki> What are the positive sides? Does it work within the starting purpose? This is to understand if the solutions that have been found and applied to the new notebook are valid and working. this is important mostly not to lose track of the reasons underneath the concept and to evaluate how much the modifications worked. </p></div>
|
|
<div class="card"><img src="3_paperformat/make-a-notebook-that/3 (35).jpg" alt="3 (35).jpg" /></div>
|
|
<div class="card"><p class=wiki> What are the negative sides? What could be a different approach to solve the issue? if what has been analysed above did not work, why didn't it work? analysing what worked and what did not help to reason on new ways to solve the issue that was not solved. </p></div>
|
|
<div class="card"><h1>to save/keep loose sheets</h1></div>
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<div class="page">
|
|
<div class="card"><img src="1_situation/content/metalring6.jpg" alt="metalring6.jpg" /></div>
|
|
<div class="card"><img src="1_situation/make-a-notebook-that/steve2.png" alt="steve2.png" /></div>
|
|
<div class="card"><img src="2_binding/content/unnamed.jpg" alt="unnamed.jpg" /></div>
|
|
<div class="card"><h1>tape</h1></div>
|
|
<div class="card"><img src="3_paperformat/content/3 (39).jpg" alt="3 (39).jpg" /></div>
|
|
<div class="card"><h1>smooth paper</h1></div>
|
|
<div class="card"><img src="4_add_ons/content/concertina2.jpg" alt="concertina2.jpg" /></div>
|
|
<div class="card"><img src="4_add_ons/make-a-notebook-that/trashbooks.png" alt="trashbooks.png" /></div>
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<div class="page">
|
|
<div class="card"><p class=wiki> A personal notebook process
|
|
is the ever-changing process a person can go through, by analysing and keeping attention to their individual note-taking activity and their use of paper notebooks to understand themselves and their needs. </p></div>
|
|
<div class="card"><h1>to organise scattered thoughts</h1></div>
|
|
<div class="card"><img src="2_binding/content/notetaking.png" alt="notetaking.png" /></div>
|
|
<div class="card"><h1>strings</h1></div>
|
|
<div class="card"><img src="3_paperformat/content/notebookkit3.png" alt="notebookkit3.png" /></div>
|
|
<div class="card"><img src="3_paperformat/make-a-notebook-that/metalring5.jpg" alt="metalring5.jpg" /></div>
|
|
<div class="card"><img src="4_add_ons/content/threerows.jpeg" alt="threerows.jpeg" /></div>
|
|
<div class="card"><h1>to have multiple notebooks in one</h1></div>
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<div class="page">
|
|
<div class="card"><img src="1_situation/content/3 (26).jpg" alt="3 (26).jpg" /></div>
|
|
<div class="card"><h1>not to hesitate while writing/approaching the space</h1></div>
|
|
<div class="card"><img src="2_binding/content/modular.jpg" alt="modular.jpg" /></div>
|
|
<div class="card"><h1>glue bound</h1></div>
|
|
<div class="card"><img src="3_paperformat/content/not-to-waste.jpg" alt="not-to-waste.jpg" /></div>
|
|
<div class="card"><h1>squared paper</h1></div>
|
|
<div class="card"><img src="4_add_ons/content/2 (21).jpg" alt="2 (21).jpg" /></div>
|
|
<div class="card"><h1>to remember or highlight specific pages</h1></div>
|
|
</div>
|
|
|
|
|
|
|
|
|
|
</body>
|
|
</html>
|
|
|