From 3dca79f2ecdea9be020dfeec5708b3302335d0ac Mon Sep 17 00:00:00 2001 From: flem Date: Mon, 29 May 2023 11:13:27 +0200 Subject: [PATCH] content writing --- 1_situation/content/10steps_3.md | 2 + 1_situation/content/10steps_7.md | 2 + 1_situation/content/howtoreuse3.md | 2 + 1_situation/content/productionchoices1.md | 4 + .../make-a-notebook-that/to_remember.md | 1 - 2_binding/content/10steps_4.md | 1 + 2_binding/content/10steps_8.md | 2 + 2_binding/content/howtoreuse4.md | 2 + 2_binding/content/productionchoices2.md | 3 + 3_paperformat/content/10steps_1.md | 2 + 3_paperformat/content/10steps_5.md | 2 + 3_paperformat/content/10steps_9.md | 2 + .../content/{1 copy.md => howsmade.md} | 9 +- 3_paperformat/content/howtoreuse1.md | 2 + .../content/{1 copy 3.md => methods.md} | 0 3_paperformat/content/productionchoices.md | 3 + .../content/{1 copy 2.md => whatsinside.md} | 2 - 3_paperformat/content/{1.md => why1.md} | 0 4_add_ons/content/10steps_10.md | 2 + 4_add_ons/content/10steps_2.md | 2 + 4_add_ons/content/10steps_6.md | 2 + 4_add_ons/content/howtoreuse2.md | 5 + notebooks.html | 366 +++++++++--------- script.py | 3 + style.css | 102 ++++- styles | 6 - styles.md | 15 + 27 files changed, 353 insertions(+), 191 deletions(-) create mode 100644 1_situation/content/10steps_3.md create mode 100644 1_situation/content/10steps_7.md create mode 100644 1_situation/content/howtoreuse3.md create mode 100644 1_situation/content/productionchoices1.md create mode 100644 2_binding/content/10steps_4.md create mode 100644 2_binding/content/10steps_8.md create mode 100644 2_binding/content/howtoreuse4.md create mode 100644 2_binding/content/productionchoices2.md create mode 100644 3_paperformat/content/10steps_1.md create mode 100644 3_paperformat/content/10steps_5.md create mode 100644 3_paperformat/content/10steps_9.md rename 3_paperformat/content/{1 copy.md => howsmade.md} (74%) create mode 100644 3_paperformat/content/howtoreuse1.md rename 3_paperformat/content/{1 copy 3.md => methods.md} (100%) create mode 100644 3_paperformat/content/productionchoices.md rename 3_paperformat/content/{1 copy 2.md => whatsinside.md} (93%) rename 3_paperformat/content/{1.md => why1.md} (100%) create mode 100644 4_add_ons/content/10steps_10.md create mode 100644 4_add_ons/content/10steps_2.md create mode 100644 4_add_ons/content/10steps_6.md create mode 100644 4_add_ons/content/howtoreuse2.md delete mode 100644 styles create mode 100644 styles.md diff --git a/1_situation/content/10steps_3.md b/1_situation/content/10steps_3.md new file mode 100644 index 0000000..45a6ce0 --- /dev/null +++ b/1_situation/content/10steps_3.md @@ -0,0 +1,2 @@ +

step 3. touch the paper you have, fold it, write on it. is it too thick? too thin? too yellow? check what's right and what's not for you. +

\ No newline at end of file diff --git a/1_situation/content/10steps_7.md b/1_situation/content/10steps_7.md new file mode 100644 index 0000000..00b2fdf --- /dev/null +++ b/1_situation/content/10steps_7.md @@ -0,0 +1,2 @@ +

step 7. is there any addition that would make your notebook even more practical? +

\ No newline at end of file diff --git a/1_situation/content/howtoreuse3.md b/1_situation/content/howtoreuse3.md new file mode 100644 index 0000000..51e4fe4 --- /dev/null +++ b/1_situation/content/howtoreuse3.md @@ -0,0 +1,2 @@ +### how to make a notebook with recycled reused restored materials? +

... FACT: Paper sheets follow national or international regulations. For example, the typical A4 used for office prints, is part of the international system ISO 216. This is also important to consider when you are making a notebook. If you decide to go for a unusual shape that does not fit in an already existing size, you'll need to think about what to do with the leftovers of your cut. There are many ways to solve this problem but the main is prevent it before you need to solve it. Could you make the same notebook you had in mind but in some way be able not to cut the paper? I love folds. If you really can't, try to cut a size that could be reused for something else. Make a super vertical notebook for fast thoughts or for grocery lists.

\ No newline at end of file diff --git a/1_situation/content/productionchoices1.md b/1_situation/content/productionchoices1.md new file mode 100644 index 0000000..8965dae --- /dev/null +++ b/1_situation/content/productionchoices1.md @@ -0,0 +1,4 @@ +## production choices +

+I wanted this publication to have two main characteristics: modular and customisable. +The modularity became important to me and my way of taking notes and making notebooks. Modularity allows reconnections, both physically both content-wise. In this context, I decided to produce this publication as a physical 'random choice' to access the content: rotating the cards on the rings, the materials are scattered and re-connected by the user (you). It becomes customisable because of the type of binding I used. I was not happy use plastic instead of metal, but i had this publication to allow a almost 360 degrees rotation so that all the content in the rows could reconnect to the other rows. I was also not happy with being obliged to buy something specific to achieve my intent ...

\ No newline at end of file diff --git a/1_situation/make-a-notebook-that/to_remember.md b/1_situation/make-a-notebook-that/to_remember.md index e8bf5c4..d212e15 100644 --- a/1_situation/make-a-notebook-that/to_remember.md +++ b/1_situation/make-a-notebook-that/to_remember.md @@ -1,2 +1 @@ # to remember things -![captiontext](img.jpg) \ No newline at end of file diff --git a/2_binding/content/10steps_4.md b/2_binding/content/10steps_4.md new file mode 100644 index 0000000..67e392f --- /dev/null +++ b/2_binding/content/10steps_4.md @@ -0,0 +1 @@ +

step 4. while wondering around your pages, consider when you wrote something, in which situation, for which reason. do you know how is the notebook supporting you?

\ No newline at end of file diff --git a/2_binding/content/10steps_8.md b/2_binding/content/10steps_8.md new file mode 100644 index 0000000..9c91ef2 --- /dev/null +++ b/2_binding/content/10steps_8.md @@ -0,0 +1,2 @@ +

step 8. should the cover be hard or soft? can you re-use a cardboard you already have? do you have an old cardboard from? +

\ No newline at end of file diff --git a/2_binding/content/howtoreuse4.md b/2_binding/content/howtoreuse4.md new file mode 100644 index 0000000..3607afc --- /dev/null +++ b/2_binding/content/howtoreuse4.md @@ -0,0 +1,2 @@ +### how to make a notebook with recycled reused restored materials? +

... Cardboards from packages are quite common to have in a house. they become the perfect cover for notebooks. sometimes their shape becomes an invitation for a shape you did not think of before, or helps imagine an add-on that can become essential in your notebook practice.

diff --git a/2_binding/content/productionchoices2.md b/2_binding/content/productionchoices2.md new file mode 100644 index 0000000..bf59de7 --- /dev/null +++ b/2_binding/content/productionchoices2.md @@ -0,0 +1,3 @@ +## production choices +

+... I normally try to find the easiest and most accessible options. To solve both problems, I am happy with what I chose in the end: it lets you, the user, to take possession of this object and participate in its use and creation. This type of spine can be reused for making new notebooks, e.g. it can be cut in smaller pieces to experiment with small notebooks. You can get rid of all the pages I provided, and fill it in with yours. You can mix mines with yours. In addition, the pages can become cards and be used without the spine. Would they still be a book then? ...

\ No newline at end of file diff --git a/3_paperformat/content/10steps_1.md b/3_paperformat/content/10steps_1.md new file mode 100644 index 0000000..694fde5 --- /dev/null +++ b/3_paperformat/content/10steps_1.md @@ -0,0 +1,2 @@ +

step 1. take your current notebook. look at it, open it. where do you write? what do you write? +

\ No newline at end of file diff --git a/3_paperformat/content/10steps_5.md b/3_paperformat/content/10steps_5.md new file mode 100644 index 0000000..d1b24b4 --- /dev/null +++ b/3_paperformat/content/10steps_5.md @@ -0,0 +1,2 @@ +

step 5. look at the shape of your notebook. is it small? is it big enough? +

\ No newline at end of file diff --git a/3_paperformat/content/10steps_9.md b/3_paperformat/content/10steps_9.md new file mode 100644 index 0000000..fee4930 --- /dev/null +++ b/3_paperformat/content/10steps_9.md @@ -0,0 +1,2 @@ +

step 9. fold it, or not. bind it, or not. +

\ No newline at end of file diff --git a/3_paperformat/content/1 copy.md b/3_paperformat/content/howsmade.md similarity index 74% rename from 3_paperformat/content/1 copy.md rename to 3_paperformat/content/howsmade.md index c0eff7c..7bc9f80 100644 --- a/3_paperformat/content/1 copy.md +++ b/3_paperformat/content/howsmade.md @@ -1,7 +1,5 @@ -# how to make a notebook that - -SORT OF INTRO TEXT +# HOW IS THIS PUBLICATION MADE i wanted to make this publication to have two characteristics: modular and customisable. The modularity is something that became important to me and my way of taking notes and making notebooks. Modularity allows reconnections, both physically both content wise. In this context, I decided to have the entire publication as a physical "random choice" to access the content. It becomes customisable because of the type of binding i went for. I was not happy to go for plastic instead of metal, but i had the publication to allow a almost 360 degrees rotation so that all the content in the rows could reconnect to the other rows. I was also not happy with having the problem of being obliged to buy something specific to achieve my intent. I normally try to find the most easy and accessible options. To solve both problems, I am happy with what I chose in the end because it lets you, the user, to take possession of this object and participate in its use and creation. This type of spine can be cut in smaller pieces if you want to experiment with small notebooks, or reused if you want to try to make your own, following some instructions contained in this book maybe. You can get rid of all the pages i provided, and fill it in with yours. You can mix mines with yours. In addition, the pages can become cards and be used without the spine. Would they still be a book then? @@ -9,3 +7,8 @@ I also inserted some empty pages in the publication, to let some space for thoug The content comes all from my reflections and the notes I took, both on my laptop and on my notebooks. They were notes and now, after printing them out i wonder, are they still? The publication is also printed on an a4 to avoid paper waste. it uses 5 different types of paper to help the user try out and feel different options already intrinsicly within the publication. + +01.05.23 +MAKE IT OPENABLE (apribile) WHY: because, in this way, the entire book can be taken apart and become a notebook, or just be taken apart and the rings can be used for something else and the prints can be moved around or used as cards, or attached on walls or anywhere. it opens a bit the concept of book and re-connect it to a printed notebook (a notebook that has inside printed parts that "helps" the user to create content or orientate in the space) + +but it also gives the freedom to completely tear it apart- I like the idea that a book is something "stable" and in this way my work is more similar to a notebook i added notes on and leave space to others to contribute or make their own version of it. \ No newline at end of file diff --git a/3_paperformat/content/howtoreuse1.md b/3_paperformat/content/howtoreuse1.md new file mode 100644 index 0000000..7ce830c --- /dev/null +++ b/3_paperformat/content/howtoreuse1.md @@ -0,0 +1,2 @@ +### how to make a notebook with recycled reused restored materials? +

There are a lot of locations in almost every city that collect paper that cannot be used anymore. Luckly, nowadays, most of these locations, such as printing spaces, stationery shops, book makers, separate and recycle the materials they cannot use. Most of the times, these leftovers are in a very long rectangolar shape, do you know why? When you print, but the shape of your print doesn't 100% fit the paper sheet you are printing on, this produces a lot of leftovers, mainly on one side or two of the sheet. ...

\ No newline at end of file diff --git a/3_paperformat/content/1 copy 3.md b/3_paperformat/content/methods.md similarity index 100% rename from 3_paperformat/content/1 copy 3.md rename to 3_paperformat/content/methods.md diff --git a/3_paperformat/content/productionchoices.md b/3_paperformat/content/productionchoices.md new file mode 100644 index 0000000..8254446 --- /dev/null +++ b/3_paperformat/content/productionchoices.md @@ -0,0 +1,3 @@ +## production choices +

... I also inserted some empty pages in the publication, to let some space for thoughts or ideas (if they come while browsing through). The main reason though, is that i have been wondering when a notebook is not a notebook anymore. I knew this publication was going to be printed, but i hope that through this different considerations, for some, this could still be defined as a notebook. The content comes from my reflections and the notes I took, on my laptop and on my notebooks. They were notes and now, after printing them out I wonder, are they still? +The publication is also printed on an a4 to avoid paper waste. I picked for you 5 different types of paper to let you feel different options already intrinsicly within the publication.

\ No newline at end of file diff --git a/3_paperformat/content/1 copy 2.md b/3_paperformat/content/whatsinside.md similarity index 93% rename from 3_paperformat/content/1 copy 2.md rename to 3_paperformat/content/whatsinside.md index b180cfa..39f0d12 100644 --- a/3_paperformat/content/1 copy 2.md +++ b/3_paperformat/content/whatsinside.md @@ -1,5 +1,3 @@ - - ## what you will find inside this notebook/book/object/publication/game is a selection of multiple things, that all try to help you, a user that could soon become an active maker, to get inspiration and start making notebooks into your own practice. diff --git a/3_paperformat/content/1.md b/3_paperformat/content/why1.md similarity index 100% rename from 3_paperformat/content/1.md rename to 3_paperformat/content/why1.md diff --git a/4_add_ons/content/10steps_10.md b/4_add_ons/content/10steps_10.md new file mode 100644 index 0000000..37dc46a --- /dev/null +++ b/4_add_ons/content/10steps_10.md @@ -0,0 +1,2 @@ +

step 10. put everything together and start again. did you achieve your requests? can you do something different? +

\ No newline at end of file diff --git a/4_add_ons/content/10steps_2.md b/4_add_ons/content/10steps_2.md new file mode 100644 index 0000000..c6dcd9b --- /dev/null +++ b/4_add_ons/content/10steps_2.md @@ -0,0 +1,2 @@ +

step 2. look at your notes and move through them. what do you notice? do you see any pattern in your behaviours? +

\ No newline at end of file diff --git a/4_add_ons/content/10steps_6.md b/4_add_ons/content/10steps_6.md new file mode 100644 index 0000000..f522b25 --- /dev/null +++ b/4_add_ons/content/10steps_6.md @@ -0,0 +1,2 @@ +

step 6. now take paper you might have around you. or buy some. how should this paper be like? +

\ No newline at end of file diff --git a/4_add_ons/content/howtoreuse2.md b/4_add_ons/content/howtoreuse2.md new file mode 100644 index 0000000..8284b43 --- /dev/null +++ b/4_add_ons/content/howtoreuse2.md @@ -0,0 +1,5 @@ +

+ +### how to make a notebook with recycled reused restored materials? + +... These locations do not only offer small rectangular sheets, but sometimes they get rid of stocks they can't use anymore. When you walk around a city, and pass by a stationery, get in and have a look. You might be surprised! Same in printing locations. ... \ No newline at end of file diff --git a/notebooks.html b/notebooks.html index f92a7b7..7df1771 100644 --- a/notebooks.html +++ b/notebooks.html @@ -8,21 +8,24 @@ + + +
reuserecycle-activities.jpg
-

to share with others

-
wiki2.png
-

soft cover

-

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.

-

squared paper

-
Image-13.jpg
-

to separate content in different sections

+

to help a stream of consciousness

+
act-of-making-2.jpg
+
sticks.jpg
+
december22.png
+
scroll-1.jpg
+
december222.png
+
3 (36).jpg
@@ -30,14 +33,17 @@
-
IMG_4285.jpg
-

to calm anxiety

-
3 (32).jpg
-

tape

-
IMG_4286.jpg
-
scroll-1.jpg
-
openable.png
-
inuse.jpg
+

step 3. touch the paper you have, fold it, write on it. is it too thick? too thin? too yellow? check what's right and what's not for you. +

+
19_04_23_scroll.jpg
+

production choices

+

+... I normally try to find the easiest and most accessible options. To solve both problems, I am happy with what I chose in the end: it lets you, the user, to take possession of this object and participate in its use and creation. This type of spine can be reused for making new notebooks, e.g. it can be cut in smaller pieces to experiment with small notebooks. You can get rid of all the pages I provided, and fill it in with yours. You can mix mines with yours. In addition, the pages can become cards and be used without the spine. Would they still be a book then? ...

+
19_04_23_scrollinspace.jpg
+

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.

+

with very little space for writing

+
supi1.png
+
thread-binding.jpg
@@ -45,15 +51,14 @@
-
notebookkit2.png
-

to remember things

-

captiontext

-
3 (29).jpg
-

to adapt a cardboard you already own

-
analoguerandomchoice.jpg
-

with thick paper

-
3 (33).jpg
-
metalring5.jpg
+
supi2.png
+

for a long lecture

+
3 (39).jpg
+
3 (28).jpg
+
create-new-connections.jpg
+

smooth paper

+
1 (8).jpg
+
new1.png
@@ -61,14 +66,22 @@
-
letter.png
-

to describe one experience

-
Image-18.jpg
-

rubber band

-
3 (31).jpg
-

medium size

-
overview-project (2).jpg
-

to have multiple notebooks in one

+
wiki.png
+

to calm anxiety

+
3 (25).jpg
+

metal rings

+

HOW IS THIS PUBLICATION MADE

+

i wanted to make this publication to have two characteristics: modular and customisable. +The modularity is something that became important to me and my way of taking notes and making notebooks. Modularity allows reconnections, both physically both content wise. In this context, I decided to have the entire publication as a physical "random choice" to access the content. It becomes customisable because of the type of binding i went for. I was not happy to go for plastic instead of metal, but i had the publication to allow a almost 360 degrees rotation so that all the content in the rows could reconnect to the other rows. I was also not happy with having the problem of being obliged to buy something specific to achieve my intent. I normally try to find the most easy and accessible options. To solve both problems, I am happy with what I chose in the end because it lets you, the user, to take possession of this object and participate in its use and creation. This type of spine can be cut in smaller pieces if you want to experiment with small notebooks, or reused if you want to try to make your own, following some instructions contained in this book maybe. You can get rid of all the pages i provided, and fill it in with yours. You can mix mines with yours. In addition, the pages can become cards and be used without the spine. Would they still be a book then? +I also inserted some empty pages in the publication, to let some space for thoughts or ideas, if they come while browsing through. The main reason though, is that i have been questioning when a notebook is not a notebook anymore. I knew this publication was going to be printed, but i hope that through this different considerations, for some this could still be defined as a notebook. +The content comes all from my reflections and the notes I took, both on my laptop and on my notebooks. They were notes and now, after printing them out i wonder, are they still?

+

The publication is also printed on an a4 to avoid paper waste. it uses 5 different types of paper to help the user try out and feel different options already intrinsicly within the publication.

+

01.05.23 +MAKE IT OPENABLE (apribile) WHY: because, in this way, the entire book can be taken apart and become a notebook, or just be taken apart and the rings can be used for something else and the prints can be moved around or used as cards, or attached on walls or anywhere. it opens a bit the concept of book and re-connect it to a printed notebook (a notebook that has inside printed parts that "helps" the user to create content or orientate in the space)

+

but it also gives the freedom to completely tear it apart- I like the idea that a book is something "stable" and in this way my work is more similar to a notebook i added notes on and leave space to others to contribute or make their own version of it.

+
photo_2023-04-03_19-20-26.jpg
+
verticalnotebookhate.png
+

to add content after the page is already full

@@ -76,19 +89,14 @@
-
startingpoint.png
-
19_04_23_scroll.jpg
-
aymeric.png
-
3 (38).jpg
-

why

-

One of the main urgency I have to talk about this topic is that both from my personal experience and the experiences of others during growth: standardisation of abilities, of desires, ways of living.

-

We are supposed to satisfy standards and generalisations throughout our entire lives, structures in which some people feel comfortable in and some others not at all, especially if we talk about young humans that are still building up on their personality and still discovering their abilities and strategies.

-

In general, in society, I don't like that we are expected or used to be all the same, that expressing who we are is not part of daily life but many times it's a shaming process that has a lot of impact on growth and development of self. And I feel like that with the arrival of consumerism we got used to the idea that we can just buy objects and it doesn't really matter if they're made for us in the same way they are made for everyone else in the world.

-

I would like this research to be a sort of manifesto for a general context but using the notebook as a "metaphor": who are you? how does your brain work? how do your ideas come along? what are your needs from a tool that society provided in a standardised form?

-

It is not only about making a notebook, is how making a notebook will put us in the position of questioning who we are and the objects we use, why we use them and how something made for us from us could look like.

-

plain paper

-
notesfrompellebyme_pages-to-jpg-0008.jpg
-
hand-writing.jpg
+
3 (26).jpg
+

to remember things

+

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.

+

rubber band

+
side view.jpeg
+

medium size

+
Image-13.jpg
+
notesfrompellebyme_pages-to-jpg-0009.jpg
@@ -96,14 +104,15 @@
-
threerows.jpeg
-

not to waste materials

-
2 (22).jpg
-

no binding

-
notebookkit3.png
-
unnamed.jpg
-
3 (24).jpg
-

to save/keep loose sheets

+
IMG_4285.jpg
+

to create a flow of thoughts to look at all at the same time

+
wiki2.png
+

strips

+
overview-project (3).jpg
+

with a lot of space for writing

+

step 10. put everything together and start again. did you achieve your requests? can you do something different? +

+
unnamed (1).jpg
@@ -111,14 +120,15 @@
-
modular.jpg
-

for personal thoughts

-
Image-14.jpg
-
steve2.png
-
side view.jpeg
-

with a lot of space for writing

-
scroll-2.jpg
-
first notebook kit_02.jpg
+
notesfrompellebyme_pages-to-jpg-0007.jpg
+

for temporary notes

+
3 (27).jpg
+

spiral

+

step 9. fold it, or not. bind it, or not. +

+

vertical shape

+
notesfrompellebyme_pages-to-jpg-0008.jpg
+
concertina2.jpg
@@ -126,20 +136,14 @@
-
notesonfinalproject.jpg
-

for temporary notes

-
outside cover.jpeg
-

spiral

-

how to make a notebook that

-

SORT OF INTRO TEXT

-

i wanted to make this publication to have two characteristics: modular and customisable. -The modularity is something that became important to me and my way of taking notes and making notebooks. Modularity allows reconnections, both physically both content wise. In this context, I decided to have the entire publication as a physical "random choice" to access the content. It becomes customisable because of the type of binding i went for. I was not happy to go for plastic instead of metal, but i had the publication to allow a almost 360 degrees rotation so that all the content in the rows could reconnect to the other rows. I was also not happy with having the problem of being obliged to buy something specific to achieve my intent. I normally try to find the most easy and accessible options. To solve both problems, I am happy with what I chose in the end because it lets you, the user, to take possession of this object and participate in its use and creation. This type of spine can be cut in smaller pieces if you want to experiment with small notebooks, or reused if you want to try to make your own, following some instructions contained in this book maybe. You can get rid of all the pages i provided, and fill it in with yours. You can mix mines with yours. In addition, the pages can become cards and be used without the spine. Would they still be a book then? -I also inserted some empty pages in the publication, to let some space for thoughts or ideas, if they come while browsing through. The main reason though, is that i have been questioning when a notebook is not a notebook anymore. I knew this publication was going to be printed, but i hope that through this different considerations, for some this could still be defined as a notebook. -The content comes all from my reflections and the notes I took, both on my laptop and on my notebooks. They were notes and now, after printing them out i wonder, are they still?

-

The publication is also printed on an a4 to avoid paper waste. it uses 5 different types of paper to help the user try out and feel different options already intrinsicly within the publication.

-

with thin paper

-
wikiroll.png
-

to keep the notebook closed while transporting it

+
threerows.jpeg
+

to share with others

+
notetaking.png
+

hard cover

+
1 (14).jpg
+

horizontal

+
first notebook kit.jpg
+
metalring5.jpg
@@ -147,15 +151,16 @@ The content comes all from my reflections and the notes I took, both on my lapto
-

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.

-

to create new connections between content

-
3 (27).jpg
-

thread bound

-
2 (17).jpg
-

smooth paper

-
opened.jpeg
-
recycling-shops.jpg
+

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.

+

for personal thoughts

+

how to make a notebook with recycled reused restored materials?

+

... Cardboards from packages are quite common to have in a house. they become the perfect cover for notebooks. sometimes their shape becomes an invitation for a shape you did not think of before, or helps imagine an add-on that can become essential in your notebook practice.

+

strings

+
IMG_4287.jpg
+

squared paper

+
act-of-making.jpg
+

to save/keep loose sheets

@@ -163,14 +168,19 @@ I always feel like when I write on my paper notebooks is never definitive, i fee
-
paper selection.jpeg
-
3 (37).jpg
-

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.

-

metal rings

-
notesfrompellebysteve.png
-

with space for marginalia

-
act-of-making.jpg
-
thread-binding.jpg
+

how to make a notebook with recycled reused restored materials?

+

... FACT: Paper sheets follow national or international regulations. For example, the typical A4 used for office prints, is part of the international system ISO 216. This is also important to consider when you are making a notebook. If you decide to go for a unusual shape that does not fit in an already existing size, you'll need to think about what to do with the leftovers of your cut. There are many ways to solve this problem but the main is prevent it before you need to solve it. Could you make the same notebook you had in mind but in some way be able not to cut the paper? I love folds. If you really can't, try to cut a size that could be reused for something else. Make a super vertical notebook for fast thoughts or for grocery lists.

+

not to hesitate while writing/approaching the space

+
aymeric.png
+

something you have in the room you are in

+

how did i gather all these information

+

let's same, as always, most of the things come from a lot of talking and thinking, as well as experimenting for years and years. +in this particular case, +The methods I used to feed this publication are multiple experiments and approaches I worked with between March 2022 and April 2023. The first one is my personal notebook process that consists in the creation of different prototypes to analyse and question my use of notebooks and to discover how to modify them to adjust them to my needs. The second method is discussion groups to collect opinions through conversation and questions. The third one involves gathering and analysing the work of other users to understand how they approach the same process. The last method is the Collaborative Explorative Sessions (C.E.S.): the C.E.S. are a collaborative playground to experiment with a collection of exercises together with the workshop participants. I created the C.E.S. through the knowledge adquired in the process and specifically thanks to the first three methods included in the research, as well as inspired by Generative Design Research, which includes the end user in the design process (Sanders and Stappers, 2014). All these methods will not be discussed inside this publication, but relating thoughts and opinions will be presented in some of the cards. In addition, the results of the research are published in my thesis, "Paper Notebooks: From an Industrial Model to a Tool of Expression" (2023) produced in the context of the graduation research from the Experimental Publishing (XPUB) Master course at the Piet Zwart Institute, Willem de Kooning Academy, Rotterdam University of Applied Sciences.

+

plain paper

+

step 2. look at your notes and move through them. what do you notice? do you see any pattern in your behaviours? +

+

to keep the notebook closed while transporting it

@@ -178,14 +188,14 @@ I always feel like when I write on my paper notebooks is never definitive, i fee
-
2 (21).jpg
-
not-to-waste.jpg
-
3 (39).jpg
-

hard cover

-
create-new-connections.jpg
-

with very little space for writing

-
Image-15.jpg
-

to remember or highlight specific pages

+
notebookkit2.png
+
3 (37).jpg
+
Image-14.jpg
+

soft cover

+
3 (31).jpg
+

very small

+
3 (23).jpg
+

to create space for temporary thoughts

@@ -193,18 +203,15 @@ I always feel like when I write on my paper notebooks is never definitive, i fee
-

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.

+
Image-6.jpg

to forget things

-
3 (25).jpg
-

glue bound

-

how did i gather all these information

-

let's same, as always, most of the things come from a lot of talking and thinking, as well as experimenting for years and years. -in this particular case, -The methods I used to feed this publication are multiple experiments and approaches I worked with between March 2022 and April 2023. The first one is my personal notebook process that consists in the creation of different prototypes to analyse and question my use of notebooks and to discover how to modify them to adjust them to my needs. The second method is discussion groups to collect opinions through conversation and questions. The third one involves gathering and analysing the work of other users to understand how they approach the same process. The last method is the Collaborative Explorative Sessions (C.E.S.): the C.E.S. are a collaborative playground to experiment with a collection of exercises together with the workshop participants. I created the C.E.S. through the knowledge adquired in the process and specifically thanks to the first three methods included in the research, as well as inspired by Generative Design Research, which includes the end user in the design process (Sanders and Stappers, 2014). All these methods will not be discussed inside this publication, but relating thoughts and opinions will be presented in some of the cards. In addition, the results of the research are published in my thesis, "Paper Notebooks: From an Industrial Model to a Tool of Expression" (2023) produced in the context of the graduation research from the Experimental Publishing (XPUB) Master course at the Piet Zwart Institute, Willem de Kooning Academy, Rotterdam University of Applied Sciences.

-
photo_2023-04-03_19-20-26.jpg
-
supi1.png
-
new1.png
+

step 4. while wondering around your pages, consider when you wrote something, in which situation, for which reason. do you know how is the notebook supporting you?

+
3 (38).jpg
+

how to make a notebook with recycled reused restored materials?

+

There are a lot of locations in almost every city that collect paper that cannot be used anymore. Luckly, nowadays, most of these locations, such as printing spaces, stationery shops, book makers, separate and recycle the materials they cannot use. Most of the times, these leftovers are in a very long rectangolar shape, do you know why? When you print, but the shape of your print doesn't 100% fit the paper sheet you are printing on, this produces a lot of leftovers, mainly on one side or two of the sheet. ...

+

lined paper

+
to-calm-anxiety.jpg
+

to separate content in different sections

@@ -212,14 +219,14 @@ The methods I used to feed this publication are multiple experiments and approac
-
Image-6.jpg
-

not to hesitate while writing/approaching the space

-
metalrings2.png
-

something you have in the room you are in

-
modular1.png
-

rough paper

-
3 (35).jpg
-

to add content after the page is already full

+
2 (17).jpg
+

transportable

+
steve.png
+

sticks

+
notebookkit3.png
+

dotted paper

+
overview-project (2).jpg
+
hand-writing.jpg
@@ -227,14 +234,22 @@ The methods I used to feed this publication are multiple experiments and approac
-
supi2.png
-

to help a stream of consciousness

-
3 (34).jpg
-
19_04_23_scrollinspace.jpg
-
metalring6.jpg
-

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.

-
1 (14).jpg
-
concertina2.jpg
+

production choices

+

+I wanted this publication to have two main characteristics: modular and customisable. +The modularity became important to me and my way of taking notes and making notebooks. Modularity allows reconnections, both physically both content-wise. In this context, I decided to produce this publication as a physical 'random choice' to access the content: rotating the cards on the rings, the materials are scattered and re-connected by the user (you). It becomes customisable because of the type of binding I used. I was not happy use plastic instead of metal, but i had this publication to allow a almost 360 degrees rotation so that all the content in the rows could reconnect to the other rows. I was also not happy with being obliged to buy something specific to achieve my intent ...

+

not to waste materials

+
3 (32).jpg
+

glue bound

+

production choices

+

... I also inserted some empty pages in the publication, to let some space for thoughts or ideas (if they come while browsing through). The main reason though, is that i have been wondering when a notebook is not a notebook anymore. I knew this publication was going to be printed, but i hope that through this different considerations, for some, this could still be defined as a notebook. The content comes from my reflections and the notes I took, on my laptop and on my notebooks. They were notes and now, after printing them out I wonder, are they still? +The publication is also printed on an a4 to avoid paper waste. I picked for you 5 different types of paper to let you feel different options already intrinsicly within the publication.

+

with thick paper

+

+ +

how to make a notebook with recycled reused restored materials?

+

... These locations do not only offer small rectangular sheets, but sometimes they get rid of stocks they can't use anymore. When you walk around a city, and pass by a stationery, get in and have a look. You might be surprised! Same in printing locations. ...

+
recycling-shops.jpg
@@ -242,13 +257,14 @@ The methods I used to feed this publication are multiple experiments and approac
-
3 (26).jpg
-

to create a flow of thoughts to look at all at the same time

-
notetaking.png
-

strips

-
december22.png
-

vertical shape

-
to-calm-anxiety.jpg
+
paper selection.jpeg
+
metalrings.png
+
metalrings2.png
+

thread bound

+

step 5. look at the shape of your notebook. is it small? is it big enough? +

+
unnamed.jpg
+
scroll-2.jpg

to transport tools (e.g. pen) within the notebook

@@ -257,14 +273,14 @@ The methods I used to feed this publication are multiple experiments and approac
-
notesfrompellebyme_pages-to-jpg-0007.jpg
+
modular.jpg

to organise scattered thoughts

-
trashbooks.png
-

sticks

-
IMG_4287.jpg
-

lined paper

-
december222.png
-
printforparticipants-1.jpg
+
Image-18.jpg
+
steve2.png
+
notesfrompellebysteve.png
+

with thin paper

+
wikiroll.png
+
inuse.jpg
@@ -272,14 +288,15 @@ The methods I used to feed this publication are multiple experiments and approac
-
wiki.png
-
metalrings.png
-
whatisanotebook.png
-
3 (28).jpg
+
2 (21).jpg
+

to describe one experience

+

step 8. should the cover be hard or soft? can you re-use a cardboard you already have? do you have an old cardboard from? +

+
3 (21).jpg
1 (8).jpg
-

very big

-
verticalnotebookhate.png
-
notesfrompellebyme_pages-to-jpg-0009.jpg
+

with space for marginalia

+
3 (24).jpg
+
first notebook kit_02.jpg
@@ -287,17 +304,14 @@ The methods I used to feed this publication are multiple experiments and approac
-
3 (30).jpg
-

transportable

-
steve.png
-
sticks.jpg
-

what you will find inside this notebook/book/object/publication/game

-

is a selection of multiple things, that all try to help you, a user that could soon become an active maker, to get inspiration and start making notebooks into your own practice. -some things will stop and continue on a different card, try to reconnect them to go on reading! Nothing is in order, every piece of the publication is positioned almost 100% randomly in the different cards. You might feel lost, in that case move on, read something else, write down something. You might find an explanation somewhere else. -some of the cards are pieces of my personal thoughs while, in the last year, i have been experimenting with notebooks' making. They might feel completely out of context, as also the pictures of the notebooks these comments are referred to are randomly spread around the publication. Use your imagination and get lost.

-

dotted paper

-
1 (8).jpg
-

to create space for temporary thoughts

+
startingpoint.png
+

for fast notes

+
2 (22).jpg
+

to adapt a cardboard you already own

+
metalring6.jpg
+

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.

+
openable.png
+
printforparticipants-1.jpg
@@ -305,14 +319,16 @@ some of the cards are pieces of my personal thoughs while, in the last year, i h
-
2 (17).jpg
-

for a long lecture

-
act-of-making-2.jpg
-

strings

-
overview-project (3).jpg
-

very small

-
first notebook kit.jpg
-
3 (36).jpg
+

step 7. is there any addition that would make your notebook even more practical? +

+

to create new connections between content

+
whatisanotebook.png
+

no binding

+

step 1. take your current notebook. look at it, open it. where do you write? what do you write? +

+

rough paper

+
3 (33).jpg
+

to remember or highlight specific pages

@@ -320,14 +336,14 @@ some of the cards are pieces of my personal thoughs while, in the last year, i h
-

wiki scroll

-

for fast notes

-
3 (22).jpg
-
3 (21).jpg
-
1 (14).jpg
-

horizontal

-
3 (23).jpg
-
unnamed (1).jpg
+
letter.png
+
not-to-waste.jpg
+
outside cover.jpeg
+

tape

+
analoguerandomchoice.jpg
+

very big

+
3 (35).jpg
+

to have multiple notebooks in one

diff --git a/script.py b/script.py index 5d78008..196849f 100644 --- a/script.py +++ b/script.py @@ -122,10 +122,13 @@ html_template = f''' + + + {pages_string} diff --git a/style.css b/style.css index c30ed72..8f9c989 100644 --- a/style.css +++ b/style.css @@ -54,16 +54,57 @@ h1{ overflow: hidden; } -p{ +h2{ + font-family: Catamaran, sans-serif; + font-weight: 800; + font-size: 14; + color: #393E41; + text-decoration: underline; + text-decoration-line: underline; + text-decoration-thickness: 8px; + text-decoration-color: #A6DBF0; +} + +h3 { font-family: Catamaran, sans-serif; + font-weight: 800; + font-size: 14; + color: #393E41; + text-decoration: underline; + text-decoration-line: underline; + text-decoration-thickness: 8px; + text-decoration-color: #E2C044; +} + +.info{ + font-family: Catamaran, sans-serif; + font-weight: 400; + font-size: 10; + color: #393E41; +} + +.tensteps{ + font-family: Catamaran, sans-serif; + font-weight: 800; + font-size: 12pt; + color: #6776FF; +} + +.diary{ font-size: 10pt; - font-family:'Fjord', sans-serif; + font-family:'Fjord', serif; color: #9594c4; padding-right: 5mm; text-align: center; height:fit-content; overflow: hidden; +} - +.howto{ + font-family: Catamaran, sans-serif; + font-weight: 400; + font-size: 10; + color: #E2C044; + } img { @@ -92,4 +133,57 @@ img { overflow: hidden; } -} \ No newline at end of file + + +} + +@media screen { + .page{ + width: auto; + height: auto; + + } + + .button { + background-color: #9594c4; + border: none; + color: white; + padding: 20px; + text-align: center; + text-decoration: none; + display: inline-block; + font-size: 16px; + margin: 4px 2px; + } + + #infobutton, .close, button { + background: none; + display: inline-block; + min-width: 50px; + height: 50px; + border-radius: 24px; + padding: 0 4px; + border: 1px solid currentColor; + color: #9594c4; + } + +#infobutton:hover { + border: 1px solid #9594c4; + background-color: #9594c4; + color: white; +} + + + nav { + position: absolute; + top: 0; + left: 0; + right: 0; + z-index: 50; + padding: 24px; + text-align: right; + pointer-events: none; + + } +} + diff --git a/styles b/styles deleted file mode 100644 index c72eaf6..0000000 --- a/styles +++ /dev/null @@ -1,6 +0,0 @@ -

-

-

-

-

-

\ No newline at end of file diff --git a/styles.md b/styles.md new file mode 100644 index 0000000..d482a96 --- /dev/null +++ b/styles.md @@ -0,0 +1,15 @@ +## info titles +### how to titles + +text-decoration-line: underline; +text-decoration-thickness: 3px; + + +

+

+

+

+

+

+

+

\ No newline at end of file