Craft your own website - Revision history

Valentin97 at 10:58, 23 March 2026

2026-03-23T10:58:26Z

← Older revision		Revision as of 12:58, 23 March 2026
Line 207:		Line 207:
	* how to open link in new tab: https://stackoverflow.com/questions/4907843/open-a-url-in-a-new-tab-and-not-a-new-window		* how to open link in new tab: https://stackoverflow.com/questions/4907843/open-a-url-in-a-new-tab-and-not-a-new-window

			<div style="display:none">

	==<p style="font-size:100px; color:orange; text-align:center">DEBRIEF</p>==		==<p style="font-size:100px; color:orange; text-align:center">DEBRIEF</p>==
Line 441:		Line 442:
	*https://lucasorigami.github.io/manifesto/		*https://lucasorigami.github.io/manifesto/
	*https://wizardzines.com/		*https://wizardzines.com/

			</div>

Valentin97: /* DEBRIEF */

2026-03-23T10:14:22Z

DEBRIEF

Show changes

Valentin97 at 09:46, 23 March 2026

2026-03-23T09:46:50Z

← Older revision		Revision as of 11:46, 23 March 2026
Line 207:		Line 207:
	* how to open link in new tab: https://stackoverflow.com/questions/4907843/open-a-url-in-a-new-tab-and-not-a-new-window		* how to open link in new tab: https://stackoverflow.com/questions/4907843/open-a-url-in-a-new-tab-and-not-a-new-window


	~~<div style=" display:none">~~

	==<p style="font-size:100px; color:orange; text-align:center">DEBRIEF</p>==		==<p style="font-size:100px; color:orange; text-align:center">DEBRIEF</p>==

Valentin97 at 09:45, 23 March 2026

2026-03-23T09:45:36Z

← Older revision		Revision as of 11:45, 23 March 2026
Line 207:		Line 207:
	* how to open link in new tab: https://stackoverflow.com/questions/4907843/open-a-url-in-a-new-tab-and-not-a-new-window		* how to open link in new tab: https://stackoverflow.com/questions/4907843/open-a-url-in-a-new-tab-and-not-a-new-window

	~~<noinclude>~~

	<div style=" display:none">		<div style=" display:none">
Line 307:		Line 306:
	* there was some confusion around p tags		* there was some confusion around p tags
	** go into divs and color them, there's also css styles (external ones) that you can load in, and it'll give like an outline to each element.		** go into divs and color them, there's also css styles (external ones) that you can load in, and it'll give like an outline to each element.

	~~</div>~~

Valentin97: /* DEBRIEF */

2026-03-16T13:59:46Z

DEBRIEF

← Older revision		Revision as of 15:59, 16 March 2026
Line 208:		Line 208:

	<noinclude>		<noinclude>

			<div style=" display:none">

	==<p style="font-size:100px; color:orange; text-align:center">DEBRIEF</p>==		==<p style="font-size:100px; color:orange; text-align:center">DEBRIEF</p>==
Line 306:		Line 308:
	** go into divs and color them, there's also css styles (external ones) that you can load in, and it'll give like an outline to each element.		** go into divs and color them, there's also css styles (external ones) that you can load in, and it'll give like an outline to each element.

	<~~noinclude~~>		</div>

Valentin97: /* DEBRIEF */

2026-03-16T13:58:55Z

DEBRIEF

← Older revision		Revision as of 15:58, 16 March 2026
Line 206:		Line 206:
	* explanation of flebox (can be used for putting things into rows): https://css-tricks.com/snippets/css/a-guide-to-flexbox/		* explanation of flebox (can be used for putting things into rows): https://css-tricks.com/snippets/css/a-guide-to-flexbox/
	* how to open link in new tab: https://stackoverflow.com/questions/4907843/open-a-url-in-a-new-tab-and-not-a-new-window		* how to open link in new tab: https://stackoverflow.com/questions/4907843/open-a-url-in-a-new-tab-and-not-a-new-window

			<noinclude>

	==<p style="font-size:100px; color:orange; text-align:center">DEBRIEF</p>==		==<p style="font-size:100px; color:orange; text-align:center">DEBRIEF</p>==
Line 303:		Line 305:
	* there was some confusion around p tags		* there was some confusion around p tags
	** go into divs and color them, there's also css styles (external ones) that you can load in, and it'll give like an outline to each element.		** go into divs and color them, there's also css styles (external ones) that you can load in, and it'll give like an outline to each element.

			<noinclude>

Valentin97: /* What went well? */

2026-03-16T13:58:15Z

What went well?

← Older revision		Revision as of 15:58, 16 March 2026
Line 244:		Line 244:
	To practice:		To practice:
	* presentation moment in a form of webring!		* presentation moment in a form of webring!
			* the notes on the next steps at the very end is a good practice
			* the involvement in collective coding : e.g. choose a tag method and explain the code to me

	=== What could be improved? ===		=== What could be improved? ===

Valentin97: /* What went well? */

2026-03-16T13:55:26Z

What went well?

← Older revision		Revision as of 15:55, 16 March 2026
Line 211:		Line 211:
	=== What went well? ===		=== What went well? ===

	* It went well, that people who signed up they all came!!		Setting the tone
	** not everyone came who signed up and some people were late a but we managed to channel them by giving a brief summary what we have done so far also gave '''a moment to briefly summarise what we have done and going to do'''		* Take a moment to briefly summarise what we have done and going to do
			* the atmosphere at the start was already very open, so if feel like we created a enviromnent where people felt safe enough to ask.
			* it's ok if we don't reach that point, that's ok. we're at least going into that direction
			* we didn/'t promise anything but that they will have sense of navigation how to do it, how to search for references themselves

	* People with veeeeeeeery different background m wtih eeeeeven more divers level of knowledge about the internet		Mutual pedagogy
	** everyone who were there had fun despite the difference levels of knowlegde,		* we are all in this together which opens up for mutual teachin moments
	** '''we ~~should keeep it diverse!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!'''~~		* How do we teach them about teaching themselves ??? >> ERROR fixing focus
	** how do we deal with different people want to do different thigngs on the website?		* that moment we started thinking together how to design, we taught each other (also participant to participant)
	** '''How do we teach them about teaching ~~themselves~~ ??? >> ERROR fixing focus ~~'''~~		* encourage to try things out and break them,bump into errors
	** ~~"Oh there is an error what do i do ??? "~~		* drawing the internet and the ip adresses

	* the presentation of the neocities and the intro went really well.		Building community
	** Lucas wants to talk more >> B. says do your research babe		* people emphasised that the community aspect is very good
	** '''Situating into the hitory of the internet and cultural contex, we got feedback this gave purpose for making websites'''		* we should keeep it diverse!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
	** '''people emphasised that the community aspect is very good~~'''~~		* we have a signal group and fell free to send a message there !!!!>>>> COMMUNICATE
	** ~~accidently~~ we ~~went off script and started explaining the history~~ and ~~just in the middle of explaining we reminded ourselves~~ to do a ~~round of intro whic acutally turned out good becaus people alredy relate to the context given.~~
	** is there something else how we can situate our workshop that it goes deeper >> ~~yes '''pick specific tool or method we want to work with on that sess and do a research on that'''~~
	** maybe reuse indieweb principles
	** what are other contexts out there to explore?? >> ~~selfhosting?~~
	** do we keep exploring specific cases or examples, also when everyone is going into their own direction with a website

	* ~~communication with~~ the ~~kurk thumbs up~~		Giving context
	** just opening time		* Situating into the hitory of the internet and cultural contex, we got feedback this gave purpose for making websites
	** we ~~got~~ a ~~table arranged~~		* pick specific tool or method we want to work with on that sess and do a research on that
	** there was a yoga session next to us		* most really enjoyed the background information (intro) at the start, with the added context

	* ~~people were felt that they can ask questions altough~~ we ~~didnt communicate that explicitly~~		Communication:
	** "oh yeah, i forgot" ~ Lucas		* we need a website for the workshop series
	** '''the atmosphere at the start was already very open, so if feel like we ~~created~~ a ~~enviromnent where people felt safe enough~~ to ~~ask.'''~~		* we have a signal group and fell free to send a message there !!!!>>>> COMMUNICATE
	** a ~~brave space~~		* sharing links and a summary after the workshop

	* the ~~beginning of~~ the day ~~it was nice to give an outline what we are going to do~~		Planning ahaed:
	** we didn't promise anything that we didn't complete, i think that's very important ~b, '''it's ok if we don't reach that point, that's ok. we're at least going into that direction.'''		* we went through the planning the day before which helped with the timing
	** no super concrete expected results (more like we're gonna learn about this, instead of you will have this by the end).
	** setting a tone in way that '''we are all in this together which ~~opens up for mutual teachin moments'''~~
	** also that '''we didn/'t promise anything but that they will have sense of navigation how to do it, how to search for references themselves'''
	** '''most really enjoyed the background information (intro) at the start, with the ~~added context'''~~

	* people around us were also interested there was a person who joined just because we were there		To practice:
	** how would we deal with someone who's interested, but missed the beginning and also doesn't know anything yet?		* presentation moment in a form of webring!
	** we should have something like website where we put the next workshop time and we can reference for the peeps outside
	** '''we need a website for the workshop series'''
	** ical feed? +++

	* people were surprised at how much they learned
	** yes im not surprised , it seem that we did a lot and i think it is due to the good planning
	** i also think we estimated it good time-wise what we could fit in.
	** also that '''we went through the planning the day before which helped with the timing'''

	* people want to have a follow up, and left with more things they wanted to add to their website still.
	** '''the notes on the next steps at the very end is a good practice~~++++++++++++++++++'''~~
	*** that's also nice to keep in future workshops (maybe we can ever start with looking at if people played around on their own, or changed anythign in the meantime, if we have recurring participants).
	** we got an invite from De KURK for a second iteration they are going pay our drinks

	* '''presentation moment in a form of webring!~~'''~~
	** next time we can use the random function so that we have a different starting person for the presentation moment.

	* it's nice '''that moment we started thinking together how to design, we taught each other (also participant to participant)'''
	** i think is due to how we introduced the workshop
	** the moments when we also got lost showed that we are all teaching eachother on the spot
	** maybe we can also spend some time learning inspect element, by (temporarly) changing each others websites.>> To learn from each other
	**collective debugging that we didnt, if we didn't know something then we could show them how we went about googling it.

	*** what do we do if we don't have time to figure it out / it's too complex to cover? >> '''we have a signal group and fell free to send a message there !!!!>>>> COMMUNICATE'''
	** someone actually figured out on the fly how to do the background cover before us. >> EVERYONE CONFUSED BUT THE PERSONE SOLVES BEFORE US NICEEEE
	*** we should also encourgage that, like try to figure stuff out if we're struggling, instead of just waiting for us.(was already happening)
	*** '''encourage to try things out and break them,bump into errors'''

	* we didn't stumble upon anything that we couldn't adress, like if we came across a problem we'd just google it collectively and take the time to figure it out. >>
	** this add to the collective learning moment about how to navigate and how to find info about code
	** I really enjoyed '''drawing the internet and the ip adresses'''

	*signal group has established for future communication and debugging
	** '''sharing links and a summary after the workshop'''>>>> we still have to do that (might also be nice to put on the website)

	=== What could be improved? ===		=== What could be improved? ===

Valentin97: /* What went well? */

2026-03-16T13:46:06Z

What went well?

Valentin97: /* What could be improved? */

2026-03-16T08:13:03Z

What could be improved?

← Older revision		Revision as of 10:13, 16 March 2026
Line 283:		Line 283:

	=== What could be improved? ===		=== What could be improved? ===
			* checking opening time of the cafe so we dont wait outside in the rain
			** start at 11.30

			* could've had more back-and forth (between us) agree DJ + explainer method (or asking each other questions without "DJing", so you pass explanations to the other person)
			** putting ourselves into the naive role and ask ""stupid"" questions

			* bigger screen!!!!! +++ HOW??? do they have screen? can we leave a screen there?
			** if we do more workshops, how often? once a month?

			* dry sockets xD
			** they have it, if we need special cables we can also leave them with the screen if needed.

			* didn't get to inspect element, and didn't cover syntax highlighting
			** yes and I think there could be a session just on that
			** introductio into text editors
			** B. proposes to to have the next session is about using text editor VS code
			** L. proposes to have the next session about inspect element, and looking at other people's source code (look at history of inspect element, and devtools in the browser)
			*** B.

			* sometimes it's hard to find the right words to explain (topics that we didn't prepare), that's where balint felt less connected to the participants. WHen you couldn't find the word, you think out loud, and felt like he's overexplaining.
			** at the same time there were moments when improv turned out good and lets focus on those
			** explaining flexbox and divs was a strugle
			** i think with the explaining flexbox, it would've helped if we did that together, because then we can finish each others blocks.
			*** if multiple people have the same problem/question, maybe bring it back to the group and discuss it with everyone
			**** such as how to open in new tab.
			**** could've also done it with flexbox, good to keep our ears open for each others explanations as well if we're helping people individually.
			*** diring preparation, if we think we're got gonna get into a topic we should go over it again, and maybe perpare it just in case.

			* Practice to teach one person and let that person to teach others
			** Another practice to invole everyone into the collective editing by asking them to pick onel element to change and they have to tell the syntax and the steps
			** { outline: 1px solid red; }
			** view > page style > nostyle
			** stylus extention for custom css on pages

			* sometimes it was hard to talk over the noise and the music in the bar
			** maybe nexttime in the back
			** but ssaturdays the yoga is happening there

			* Lucas: forgot to take space sometimes, DJ + explainer method / asking each other questions

			* sometimes we both had a different interpretation of a question, and we'd both give a different answer.
			** mis interpreting the question
			** before we give an answer ask for clarification

			* Lucas: maybe I should've taken the lead a (tiny) bit more on the introduction part. I feel like balitn explained a lot there. do your research babe

			* messy moment: how do we disable CSS in inspect element.
			view > page style > nostyle

			** proposal , we could have a session to look at major social media platforms in a plane html format or at least it is a good way to show that every website is the same at the core
			*** we can also look into userstyles / custom css for third-party websites
			*** wbesite customization session

			* there was some confusion around p tags
			** go into divs and color them, there's also css styles (external ones) that you can load in, and it'll give like an outline to each element.

← Older revision		Revision as of 15:46, 16 March 2026
Line 212:		Line 212:

	* It went well, that people who signed up they all came!!		* It went well, that people who signed up they all came!!
	** not everyone came who signed up and some people were late a but we managed to channel them by giving a brief summary what we have done so far		** not everyone came who signed up and some people were late a but we managed to channel them by giving a brief summary what we have done so far also gave '''a moment to briefly summarise what we have done and going to do'''

	* People with veeeeeeeery different background m wtih eeeeeven more divers level of knowledge about the internet		* People with veeeeeeeery different background m wtih eeeeeven more divers level of knowledge about the internet
	** everyone who were there had fun despite the difference levels of knowlegde,		** everyone who were there had fun despite the difference levels of knowlegde,
	** we should keeep it diverse!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!		** '''we should keeep it diverse!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!'''
	** how do we deal with different people want to do different thigngs on ~~thei~~ website?		** how do we deal with different people want to do different thigngs on the website?
	** so we teach them about teaching themselves >> ERROR fixing focus		** '''How do we teach them about teaching themselves ??? >> ERROR fixing focus '''
	** "Oh there is an error what do i do ??? "		** "Oh there is an error what do i do ??? "

	* the presentation of the neocities and the intro went really well.		* the presentation of the neocities and the intro went really well.
	** Lucas wants to talk more >> B. says do your research babe		** Lucas wants to talk more >> B. says do your research babe
	** Situating into the hitory of the internet and cultural contex, we got feedback this gave purpose for making websites		** '''Situating into the hitory of the internet and cultural contex, we got feedback this gave purpose for making websites'''
	** people emphasised that the community aspect is very good		** '''people emphasised that the community aspect is very good'''
	** accidently we went off script and started explaining the history and just in the middle of explaining we reminded ourselves to do a round of intro whic acutally turned out good becaus people alredy relate to the context given.		** accidently we went off script and started explaining the history and just in the middle of explaining we reminded ourselves to do a round of intro whic acutally turned out good becaus people alredy relate to the context given.
	** is there something else how we can situate our workshop that it goes ~~deep~~		** is there something else how we can situate our workshop that it goes deeper >> yes '''pick specific tool or method we want to work with on that sess and do a research on that'''
	** maybe reuse indieweb principles		** maybe reuse indieweb principles
	** what are other contexts out there ??		** what are other contexts out there to explore?? >> selfhosting?
	** do we keep exploring specific cases or examples, also when everyone is going into their own direction with a website		** do we keep exploring specific cases or examples, also when everyone is going into their own direction with a website

Line 234:		Line 234:
	** just opening time		** just opening time
	** we got a table arranged		** we got a table arranged
	** there was a yoga ~~sess~~ next to us		** there was a yoga session next to us

	* people* were felt that they can ask questions altough we didnt communicate that explicitly		* people were felt that they can ask questions altough we didnt communicate that explicitly
	** "oh yeah, i forgot" ~ Lucas		** "oh yeah, i forgot" ~ Lucas
	** the atmosphere at the start was already very open, so if feel like we created a enviromnent where people felt safe enough to ask.		** '''the atmosphere at the start was already very open, so if feel like we created a enviromnent where people felt safe enough to ask.'''
	** a brave space		** a brave space

	* the beginning of the day it was nice to give an outline what we are going to do		* the beginning of the day it was nice to give an outline what we are going to do
	** we didn't promise anything that we didn't complete, "i ~~thnk~~ that's very ~~imporant"~~ ~b, it's ok if we don't reach that point, that's ok. we're at least going into that direction.		** we didn't promise anything that we didn't complete, i think that's very important ~b, '''it's ok if we don't reach that point, that's ok. we're at least going into that direction.'''
	** no super concrete expected results (more like we're gonna learn about this, instead of you will have this by the end).		** no super concrete expected results (more like we're gonna learn about this, instead of you will have this by the end).
	** setting a tone in way that we are all in this together which opens up for mutual teachin moments		** setting a tone in way that '''we are all in this together which opens up for mutual teachin moments'''
	**also that we ~~didnt promi~~ anything but that they will have sense of navigation how to do it		** also that '''we didn/'t promise anything but that they will have sense of navigation how to do it, how to search for references themselves'''
	** most really enjoyed the background information (intro) at the start, with the added context		** '''most really enjoyed the background information (intro) at the start, with the added context'''

	* people around us were also interested there was a person who joined just because we were there		* people around us were also interested there was a person who joined just because we were there
	** how would we deal ~~withsomeone~~ who's interested, but missed the ~~beginnning~~ and also doesn't know anything yet?		** how would we deal with someone who's interested, but missed the beginning and also doesn't know anything yet?
	** we should have something like ~~websitewhere~~ we put the next ~~workhop~~ time and we can reference for the peeps outside		** we should have something like website where we put the next workshop time and we can reference for the peeps outside
			** '''we need a website for the workshop series'''
	** ical feed? +++		** ical feed? +++

	* people were surprised at how much they learned		* people were surprised at how much they learned
	** yes im not surprised , it seem ~~tha~~ we did a lot and i think it is due to the good planning		** yes im not surprised , it seem that we did a lot and i think it is due to the good planning
	** i also think we estimated it good time-wise what we could fit in.		** i also think we estimated it good time-wise what we could fit in.
	** also that we ~~practiced~~ the day before which helped with the timing		** also that '''we went through the planning the day before which helped with the timing'''

	* people want to have a follow up, and left with more things they wanted to add to their website still.		* people want to have a follow up, and left with more things they wanted to add to their website still.
	** the notes on the next steps at the very end is a good practice+++++++++++++++++++		** '''the notes on the next steps at the very end is a good practice++++++++++++++++++'''
	*** that's also nice to keep in future workshops (maybe we can ever start with looking at if people played around on their own, or changed anythign in the meantime, if we have recurring participants).		*** that's also nice to keep in future workshops (maybe we can ever start with looking at if people played around on their own, or changed anythign in the meantime, if we have recurring participants).
	** we got an invite from De KURK for a second iteration ~~theyu~~ are going pay our drinks		** we got an invite from De KURK for a second iteration they are going pay our drinks
	* presentation moment in webring!
			* '''presentation moment in a form of webring!'''
	** next time we can use the random function so that we have a different starting person for the presentation moment.		** next time we can use the random function so that we have a different starting person for the presentation moment.

	* it's nice that we started thinking together how to design, we taught each other (participant to participant)		* it's nice '''that moment we started thinking together how to design, we taught each other (also participant to participant)'''
	** i think is due to how we introduced the workshop		** i think is due to how we introduced the workshop
	** the moments when we also got lost showed that we are all teaching eachother on the spot		** the moments when we also got lost showed that we are all teaching eachother on the spot
Line 271:		Line 273:
	**collective debugging that we didnt, if we didn't know something then we could show them how we went about googling it.		**collective debugging that we didnt, if we didn't know something then we could show them how we went about googling it.

	*** what do we do if we don't have time to figure it out / it's too complex to cover? >> we have a signal group and fell free to send a message there !!!!>>>> COMMUNICATE		*** what do we do if we don't have time to figure it out / it's too complex to cover? >> '''we have a signal group and fell free to send a message there !!!!>>>> COMMUNICATE'''
	** someone actually figured out on the fly how to do the background cover before us. >> EVERYONE CONFUSED BUT THE PERSONE SOLVES BEFORE US NICEEEE		** someone actually figured out on the fly how to do the background cover before us. >> EVERYONE CONFUSED BUT THE PERSONE SOLVES BEFORE US NICEEEE
	*** we should also encourgage that, like try to figure stuff out if we're struggling, instead of just waiting for us.(was already happening)		*** we should also encourgage that, like try to figure stuff out if we're struggling, instead of just waiting for us.(was already happening)
			*** '''encourage to try things out and break them,bump into errors'''

	* we didn't stumble upon anything that we couldn't adress, like if we came across a problem we'd just google it collectively and take the time to figure it out. >>		* we didn't stumble upon anything that we couldn't adress, like if we came across a problem we'd just google it collectively and take the time to figure it out. >>
	** this add to the collective ~~lerning~~ moment about how to ~~navige~~ and how to find info about code		** this add to the collective learning moment about how to navigate and how to find info about code
	** I really enjoyed drawing the internet and the ip adresses		** I really enjoyed '''drawing the internet and the ip adresses'''

	*signal group has established for future communication and debugging		*signal group has established for future communication and debugging
	** sharing links and a summary>>>> we still have to do that (might also be nice to put on the website)		** '''sharing links and a summary after the workshop'''>>>> we still have to do that (might also be nice to put on the website)

	=== What could be improved? ===		=== What could be improved? ===