User:Kiara/Research/workshops.log/XPUB Magical Webring - Revision history

Kiara at 13:30, 20 November 2025

2025-11-20T13:30:40Z

← Older revision		Revision as of 15:30, 20 November 2025
Line 11:		Line 11:
	\| — Project Proposal		\| — Project Proposal
	[[../../draft_project_proposal\|——— Drafts]]<br>		[[../../draft_project_proposal\|——— Drafts]]<br>
	~~<!--~~ [[../../project_proposal\|——— Final]] ~~-->~~		[[../../project_proposal\|——— Final]]
	\|-		\|-
	\| — Thesis Outline		\| — Thesis Outline
	[[../../draft_thesis_outline\|——— Drafts]]<br>		[[../../draft_thesis_outline\|——— Drafts]]<br>
	~~<!--~~ [[../../thesis_outline\|——— Final]] ~~-->~~		[[../../thesis_outline\|——— Final]]
	\|-		\|-
	\| — (more or less) Rapid Prototypes		\| — (more or less) Rapid Prototypes
	[[../../WebSpell/Prototypes\|——— WebSpell Prototypes]]<br>		[[../../WebSpell/Prototypes\|——— WebSpell Prototypes]]<br>
	[[../../workshops.log~~/XPUB_Magical_Webring~~\|——— ~~Workshop: XPUB magical webring~~]]		[[../../workshops.log\|——— Workshops]]
	\|}		\|}

Kiara at 16:43, 17 November 2025

2025-11-17T16:43:40Z

← Older revision		Revision as of 18:43, 17 November 2025
Line 6:		Line 6:
	\|-		\|-
	\| [[../../notes.md\|— Notes]]		\| [[../../notes.md\|— Notes]]
	[[../../notes.md/Prototypes\|——— Prototypes]]		[[../../notes.md/Prototypes\|——— Prototypes]]<br>
			[[../../Try Out Nights\|——— Try Out Nights]]
	\|-		\|-
	\| — Project Proposal		\| — Project Proposal

Kiara: /* Result */

2025-11-07T16:39:30Z

Result

← Older revision		Revision as of 18:39, 7 November 2025
Line 108:		Line 108:

	==== Result ====		==== Result ====
	The result of the workshop is at https://hub.xpub.nl/cerealbox/~kiara/magic-webring.html		The result of the workshop is at https://hub.xpub.nl/cerealbox/~kiara/magic-webring/index.html

Kiara: /* Result */

2025-11-04T19:50:45Z

Result

← Older revision		Revision as of 21:50, 4 November 2025
Line 109:		Line 109:
	==== Result ====		==== Result ====
	The result of the workshop is at https://hub.xpub.nl/cerealbox/~kiara/magic-webring.html		The result of the workshop is at https://hub.xpub.nl/cerealbox/~kiara/magic-webring.html



	----		----

Kiara: /* References */

2025-11-04T19:50:33Z

References

← Older revision		Revision as of 21:50, 4 November 2025
Line 107:		Line 107:
	[https://cs.sjoy.lol/ CSS JOY Webring]<br>		[https://cs.sjoy.lol/ CSS JOY Webring]<br>

			==== Result ====
			The result of the workshop is at https://hub.xpub.nl/cerealbox/~kiara/magic-webring.html

	----		----

Kiara: /* Workflow */

2025-11-02T12:02:41Z

Workflow

← Older revision		Revision as of 14:02, 2 November 2025
Line 76:		Line 76:
	<div id="xpubRing"></div>		<div id="xpubRing"></div>
	<script type="text/javascript" src="https://hub.xpub.nl/cerealbox/~kiara/magic-webring/webring.js"></script>		<script type="text/javascript" src="https://hub.xpub.nl/cerealbox/~kiara/magic-webring/webring.js"></script>
			</syntaxhighlight>
			* In your <code><head></code>, insert this:
			<syntaxhighlight lang="css">
			<link rel="stylesheet" href="https://hub.xpub.nl/cerealbox/~kiara/magic-webring/webring-styles.css">
	</syntaxhighlight>		</syntaxhighlight>
	* Upload your folder into cerealbox:		* Upload your folder into cerealbox:
Line 82:		Line 86:
	* Once all the folders are uploaded, I will retrieve the urls, put them in the script and we will take a tour through the ring together!		* Once all the folders are uploaded, I will retrieve the urls, put them in the script and we will take a tour through the ring together!

			'''Structure sumup once uploaded to cerealbox:'''<br>
			~/kiara/magic-webring
			<span style="opacity: 0.6;">index.html</span>
			<span style="opacity: 0.6;">style.css</span>
			<span style="opacity: 0.6;">webring.js</span>
			name1_name2 (your folder)
			<span style="opacity: 0.6;">index.html</span>
			<span style="opacity: 0.6;">style.css</span>
			whatever additional folder you might need (imgs, fonts, etc.)

	<div style="font-size: 18px; font-weight: bold; font-style: italic; font-family: Liberation Serif; border: dashed 3px lavender; padding: 0px 20px; width: fit-content;">		<div style="font-size: 18px; font-weight: bold; font-style: italic; font-family: Liberation Serif; border: dashed 3px lavender; padding: 0px 20px; width: fit-content;">

Kiara: /* Workflow */

2025-11-02T11:38:56Z

Workflow

← Older revision		Revision as of 13:38, 2 November 2025
Line 69:		Line 69:

	===== Workflow =====		===== Workflow =====
	* Create a folder dedicated to the webring. It can be in an already existing folder where you keep all your xpub code or wherever you want. Ultimately, the folder containing your code will be uploaded to cerealbox.		* Create a folder dedicated to the webring. It can be a subfolder in an already existing folder where you keep all your xpub code or wherever you want. Ultimately, the folder containing your webring workshop code will be uploaded to cerealbox.
	* Your folder should contain at least <code>index.html</code> and <code>style.css</code> files.		* Your folder should contain at least <code>index.html</code> and <code>style.css</code> files.
	* ✨ Make your page ✨		* ✨ Make your page ✨
Line 75:		Line 75:
	<syntaxhighlight lang="html">		<syntaxhighlight lang="html">
	<div id="xpubRing"></div>		<div id="xpubRing"></div>
	<script type="text/javascript" src="/~~03_WebRingWorkshop~~/webring.js"></script>		<script type="text/javascript" src="https://hub.xpub.nl/cerealbox/~kiara/magic-webring/webring.js"></script>
	</syntaxhighlight>		</syntaxhighlight>
	* Upload your folder into cerealbox:		* Upload your folder into cerealbox:

Kiara: /* Workflow */

2025-10-30T13:06:28Z

Workflow

← Older revision		Revision as of 15:06, 30 October 2025
Line 79:		Line 79:
	* Upload your folder into cerealbox:		* Upload your folder into cerealbox:
	** Navigate to my folder: <code>kiara/magic-webring</code>		** Navigate to my folder: <code>kiara/magic-webring</code>
	** Upload your folder into it, the folder should have the name(s) of the people who made it (eg: name1_name2) so that the url to the folder looks like <code><nowiki>https://xpub.nl/cerealbox/kiara/magic-webring/name1_name2</nowiki></code>		** Upload your folder into it, the folder should have the name(s) of the people who made it (eg: name1_name2) so that the url to the folder looks like<br> <code><nowiki>https://xpub.nl/cerealbox/kiara/magic-webring/name1_name2</nowiki></code>
	* Once all the folders are uploaded, I will retrieve the urls, put them in the script and we will take a tour through the ring together!		* Once all the folders are uploaded, I will retrieve the urls, put them in the script and we will take a tour through the ring together!

Kiara: /* Workflow */

2025-10-30T13:06:09Z

Workflow

← Older revision		Revision as of 15:06, 30 October 2025
Line 79:		Line 79:
	* Upload your folder into cerealbox:		* Upload your folder into cerealbox:
	** Navigate to my folder: <code>kiara/magic-webring</code>		** Navigate to my folder: <code>kiara/magic-webring</code>
	** Upload your folder into it, the folder should have the name(s) of the people who made it (eg: name1_name2) so that the url to the folder looks like <code>https://xpub.nl/cerealbox/kiara/magic-webring/name1_name2</code>		** Upload your folder into it, the folder should have the name(s) of the people who made it (eg: name1_name2) so that the url to the folder looks like <code><nowiki>https://xpub.nl/cerealbox/kiara/magic-webring/name1_name2</nowiki></code>
	* Once all the folders are uploaded, I will retrieve the urls, put them in the script and we will take a tour through the ring together!		* Once all the folders are uploaded, I will retrieve the urls, put them in the script and we will take a tour through the ring together!

Kiara: /* Workflow */

2025-10-30T13:05:24Z

Workflow

← Older revision		Revision as of 15:05, 30 October 2025
Line 69:		Line 69:

	===== Workflow =====		===== Workflow =====
	# Create a folder dedicated to the webring. It can be in an already existing folder where you keep all your xpub code or wherever you want. Ultimately, the folder containing your code will be uploaded to cerealbox.		* Create a folder dedicated to the webring. It can be in an already existing folder where you keep all your xpub code or wherever you want. Ultimately, the folder containing your code will be uploaded to cerealbox.
	# Your folder should contain at least <code>index.html</code> and <code>style.css</code> files.		* Your folder should contain at least <code>index.html</code> and <code>style.css</code> files.
	# ✨ Make your page ✨		* ✨ Make your page ✨
	# Somewhere in your code you will have to integrate this piece of code in order to make the webring work.		* Somewhere in your code you will have to integrate this piece of code in order to make the webring work:
	~~## code will be here~~		<syntaxhighlight lang="html">
	# Upload your folder into cerealbox:		<div id="xpubRing"></div>
	## Navigate to my folder: <code>kiara/magic-webring</code>		<script type="text/javascript" src="/03_WebRingWorkshop/webring.js"></script>
	## Upload your folder into it, the folder should have the name(s) of the people who made it (eg: name1_name2) so that the url to the folder looks like <code>https://xpub.nl/cerealbox/kiara/magic-webring/name1_name2</code>		</syntaxhighlight>
	# Once all the folders are uploaded, I will retrieve the urls, put them in the script and we will take a tour through the ring together!		* Upload your folder into cerealbox:
			** Navigate to my folder: <code>kiara/magic-webring</code>
			** Upload your folder into it, the folder should have the name(s) of the people who made it (eg: name1_name2) so that the url to the folder looks like <code>https://xpub.nl/cerealbox/kiara/magic-webring/name1_name2</code>
			* Once all the folders are uploaded, I will retrieve the urls, put them in the script and we will take a tour through the ring together!