User:Kiara/Research/WebSpell/Prototypes - Revision history

Kiara: /* Prototype #6 The Ultimate Prototype */

2026-01-20T10:11:37Z

Prototype #6 The Ultimate Prototype

← Older revision		Revision as of 12:11, 20 January 2026
Line 143:		Line 143:
	but it is very singular and personal for sure		but it is very singular and personal for sure

	<span style="opacity: 0.6; font-size: 13px; font-style: italic;">Last edited: 20-01-2026, 11:10</span><br>		<span style="opacity: 0.6; font-size: 13px; font-style: italic;">Last edited: 20-01-2026, 11:11</span><br>
	Adding to this, here is a small plan for future additions:		Adding to this, here is a small plan for future additions:
	* Content		* Content
	** One page = one prompt (list below)		** One page = one prompt (list below)
	*** <span style="opacity: 0.6;">parody</span>		*** <span style="opacity: 0.6;">parody</span>
	*** <span style="opacity: 0.6;">[[./# maze]] (to continue and finish)</span>		*** <span style="opacity: 0.6;">[[#Prototype_#3_Nomai_spiral_and_translation_concepts\|maze]] (to continue and finish)</span>
	*** <span style="opacity: 0.6;">build shapes in CSS</span>		*** <span style="opacity: 0.6;">build shapes in CSS</span>
	*** <span style="opacity: 0.6;">xpub webring</span>		*** <span style="opacity: 0.6;">xpub webring</span>

Kiara: /* Prototype #6 The Ultimate Prototype */

2026-01-20T10:10:40Z

Prototype #6 The Ultimate Prototype

← Older revision		Revision as of 12:10, 20 January 2026
Line 148:		Line 148:
	** One page = one prompt (list below)		** One page = one prompt (list below)
	*** <span style="opacity: 0.6;">parody</span>		*** <span style="opacity: 0.6;">parody</span>
	*** <span style="opacity: 0.6;">maze (to continue and finish)</span>		*** <span style="opacity: 0.6;">[[./# maze]] (to continue and finish)</span>
	*** <span style="opacity: 0.6;">build shapes in CSS</span>		*** <span style="opacity: 0.6;">build shapes in CSS</span>
	*** <span style="opacity: 0.6;">xpub webring</span>		*** <span style="opacity: 0.6;">xpub webring</span>

Kiara: /* Prototype #6 The Ultimate Prototype */

2026-01-20T10:10:09Z

Prototype #6 The Ultimate Prototype

@@ Line 131: / Line 131: @@
 = Prototype #6 '''The Ultimate Prototype''' =
 https://for-the-record.neocities.org/
@@ Line 142: / Line 143: @@
 but it is very singular and personal for sure
 tbc...
 = Prototype #7 '''CMS''' =

Kiara: /* Prototype #6 The Ultimate Prototype */

2026-01-17T17:03:11Z

Prototype #6 The Ultimate Prototype

← Older revision		Revision as of 19:03, 17 January 2026
Line 143:		Line 143:

	tbc...		tbc...
			<span style="opacity: 0.6; font-size: 13px; font-style: italic;">Last edited: 05-01-2026, 14:43</span><br>

	= Prototype #7 '''CMS''' =		= Prototype #7 '''CMS''' =

Kiara: /* Prototype #7 CMS */

2026-01-17T17:01:02Z

Prototype #7 CMS

← Older revision		Revision as of 19:01, 17 January 2026
Line 145:		Line 145:

	= Prototype #7 '''CMS''' =		= Prototype #7 '''CMS''' =
	This prototype is actually a journey. I will log my exercises and experiments into discovering [https://www.11ty.dev/ eleventy] and [ W], in order to pick one as the running engine for my website (grad project).		This prototype is actually a journey. I will log my exercises and experiments into discovering [https://www.11ty.dev/ eleventy] and [https://w.club1.fr W], in order to pick one as the running engine for my website (grad project).

	== 7.1 Eleventy ==		== 7.1 Eleventy ==

Kiara: /* 7.2 W */

2026-01-05T18:09:41Z

7.2 W

← Older revision		Revision as of 20:09, 5 January 2026
Line 169:		Line 169:

	== 7.2 W ==		== 7.2 W ==
	<code>05-01-2026</code>		<code>05-01-2026</code><br>
	I am trying to install W and... It requires to have a server...<br>		I am trying to install W and... It requires to have a server...<br>
	I do not have a server, and installing it on cerealbox... well I don't know if it is worth it, given that I am looking for a new web host. I guess I'll have to sort that issue before going further.		I do not have a server, and installing it on cerealbox... well I don't know if it is worth it, given that I am looking for a new web host. I guess I'll have to sort that issue before going further.

Kiara: /* 7.1 Eleventy */

2026-01-05T18:09:29Z

7.1 Eleventy

← Older revision		Revision as of 20:09, 5 January 2026
Line 148:		Line 148:

	== 7.1 Eleventy ==		== 7.1 Eleventy ==
	<code>05-01-~~2025~~</code><br>		<code>05-01-2026</code><br>
	To learn eleventy, I used the first step described on the official website and [https://learn-eleventy.pages.dev/lesson/1/ this tutorial].<br>		To learn eleventy, I used the first step described on the official website and [https://learn-eleventy.pages.dev/lesson/1/ this tutorial].<br>
	The tutorial is a bit confusing after the official guide. I would recommend starting directly with one of the tutorials linked at the bottom of the official guide ([https://www.11ty.dev/docs/#tutorials-and-starter-projects here]).<br>		The tutorial is a bit confusing after the official guide. I would recommend starting directly with one of the tutorials linked at the bottom of the official guide ([https://www.11ty.dev/docs/#tutorials-and-starter-projects here]).<br>
Line 167:		Line 167:

	End of today: I reached lesson 9 (out of 31) and I fear the complexity of the file structure. I read through the tutorial, but the connections between files is not quite clear, creating an element or a page sounds like a hassle of tutorial reading until it becomes natural. But this process sounds way too long to be manageable... I'll try W and see if it comes in more practical.		End of today: I reached lesson 9 (out of 31) and I fear the complexity of the file structure. I read through the tutorial, but the connections between files is not quite clear, creating an element or a page sounds like a hassle of tutorial reading until it becomes natural. But this process sounds way too long to be manageable... I'll try W and see if it comes in more practical.

			== 7.2 W ==
			<code>05-01-2026</code>
			I am trying to install W and... It requires to have a server...<br>
			I do not have a server, and installing it on cerealbox... well I don't know if it is worth it, given that I am looking for a new web host. I guess I'll have to sort that issue before going further.

	</div>		</div>
	</div> <!-- end of the page is here -->		</div> <!-- end of the page is here -->

Kiara: /* 7.1 Eleventy */

2026-01-05T17:33:25Z

7.1 Eleventy

← Older revision		Revision as of 19:33, 5 January 2026
Line 155:		Line 155:
	This tutorial is pretty neat for the fact that it contains and explains some accessibility tips.		This tutorial is pretty neat for the fact that it contains and explains some accessibility tips.

	I am beginning to see the potential of eleventy. Since we use nunjucks, markdown and html we can build templates and reusable code snippets, which is extremely handy when a website has recurring elements on every page (a logo, a menu, a footer, etc.)!		I am beginning to see the potential of eleventy. Since we use nunjucks, markdown, json and html we can build templates and reusable code snippets, which is extremely handy when a website has recurring elements on every page (a logo, a menu, a footer, etc.)!

	I am now reaching a part where we need to use javascript. Eleventy already runs through node.js, so little note to myself: check the website weight and compare with W ---> is JS really necessary?		I am now reaching a part where we need to use javascript. Eleventy already runs through node.js, so little note to myself: check the website weight and compare with W ---> is JS really necessary?
			Also, actually, json is a database language, maybe this also adds to the weight? Cause so far the website has only one page and soooo many files :(

			Basically, summing up what I've learned so far:
			* the working content (code) of the website is in the '''src''' folder
			* with the '''eleventy.config.js''' file we can pass files and folders to '''dist''' which is the actual content (??? not clear) and retrieve the content from the collections (see below)
			* the '''data''' folder contains data (json files) that are implemented in code snippets found in the '''_includes/partials''' folder to be then reused in the '''_includes/layouts''' files
			* other folder inside '''src''' are collections (categories) of the website. They contain md files that serves for ...

			End of today: I reached lesson 9 (out of 31) and I fear the complexity of the file structure. I read through the tutorial, but the connections between files is not quite clear, creating an element or a page sounds like a hassle of tutorial reading until it becomes natural. But this process sounds way too long to be manageable... I'll try W and see if it comes in more practical.

	</div>		</div>
	</div> <!-- end of the page is here -->		</div> <!-- end of the page is here -->

Kiara: /* 7.1 Eleventy */

2026-01-05T16:45:02Z

7.1 Eleventy

← Older revision		Revision as of 18:45, 5 January 2026
Line 148:		Line 148:

	== 7.1 Eleventy ==		== 7.1 Eleventy ==
			<code>05-01-2025</code><br>
	To learn eleventy, I used the first step described on the official website and [https://learn-eleventy.pages.dev/lesson/1/ this tutorial].<br>		To learn eleventy, I used the first step described on the official website and [https://learn-eleventy.pages.dev/lesson/1/ this tutorial].<br>
	The tutorial is a bit confusing after the official guide. I would recommend starting directly with one of the tutorials linked at the bottom of the official guide ([https://www.11ty.dev/docs/#tutorials-and-starter-projects here]).<br>		The tutorial is a bit confusing after the official guide. I would recommend starting directly with one of the tutorials linked at the bottom of the official guide ([https://www.11ty.dev/docs/#tutorials-and-starter-projects here]).<br>
	Anyways, this tutorial is helping (not explicitly, but still) to understand the structure of a project directory: [[File:Folder-tree-eleventy.png\|500px\|frameless\|center]]		Anyways, this tutorial is helping (not explicitly, but still) to understand the structure of a project directory: [[File:Folder-tree-eleventy.png\|500px\|frameless\|center]]

			This tutorial is pretty neat for the fact that it contains and explains some accessibility tips.

			I am beginning to see the potential of eleventy. Since we use nunjucks, markdown and html we can build templates and reusable code snippets, which is extremely handy when a website has recurring elements on every page (a logo, a menu, a footer, etc.)!

			I am now reaching a part where we need to use javascript. Eleventy already runs through node.js, so little note to myself: check the website weight and compare with W ---> is JS really necessary?

	</div>		</div>
	</div> <!-- end of the page is here -->		</div> <!-- end of the page is here -->

Kiara: /* Prototype #6 The Ultimate Prototype */

2026-01-05T16:27:20Z

Prototype #6 The Ultimate Prototype

← Older revision		Revision as of 18:27, 5 January 2026
Line 143:		Line 143:

	tbc...		tbc...

			= Prototype #7 '''CMS''' =
			This prototype is actually a journey. I will log my exercises and experiments into discovering [https://www.11ty.dev/ eleventy] and [ W], in order to pick one as the running engine for my website (grad project).

			== 7.1 Eleventy ==
			To learn eleventy, I used the first step described on the official website and [https://learn-eleventy.pages.dev/lesson/1/ this tutorial].<br>
			The tutorial is a bit confusing after the official guide. I would recommend starting directly with one of the tutorials linked at the bottom of the official guide ([https://www.11ty.dev/docs/#tutorials-and-starter-projects here]).<br>
			Anyways, this tutorial is helping (not explicitly, but still) to understand the structure of a project directory: [[File:Folder-tree-eleventy.png\|500px\|frameless\|center]]


	</div>		</div>
	</div> <!-- end of the page is here -->		</div> <!-- end of the page is here -->