This is a 1.5 hour workshop. Together, we will make an online quilt that acts as a future archive for Maggie Wong’s artistic research course at School of the Art Institute, Chicago. We will collectively code as many webpages as there are participants. We’ll use HTML, CSS, Glitch, and g-sheets. After we are situated with Glitch, Maggie and I will give a series of prompts to guide our handmade web. You can see the results at handmade-web.designforthe.net.
Before the workshop begins, please make an account on Glitch.
All of the links to our Glitch pages can be found in this spreadsheet.
Please keep this spreadsheet open for the entire workshop!
When you open a link in Glitch, click the SHOW button in the upper-L corner and press “Next to the Code”. This will allow you to see your web page update in real time.
This workshop will have 3 rounds..
At the beginning of each round, you will open a new link (in a new tab).
At the end of each round, you will close your link (close the tab) and go back to the spreadsheet.
Prompts
During the workshop
Round 1
Copy and paste the ‘story’ you’ve written from your free write. Pick a typeface using the HTML/CSS Cheat Sheet.
For reference, you can refer to this document Election 2020.
Create a header and format text size, font-style, and margin width.
Round 2
Respond to the story by adding three links inside the text.
Links can be to any resource including: articles found through the Flaxman Library, JFAB collection items, art works from the AIC collection, or artists on IG.
Edit the color of the text and background.
Think about a color that resonates with the subject matter and tone.
Round 3
Find quotes that resonate with the story and place them on an appropriate part of the page.
Add orientation and extra style.
After the workshop
Using the search bar in Are.na, find a channel that compliments the page/story as you have found it. Add a link to the page in an inventive fashion. For example, check out this block.
Add a list of sensations and materials that the story makes you think of - formate font, size, color, and style.
Search the internet for unusual ways those materials are used and add links and short descriptions.
Use the Wayback Machine to find a relevant defunct web page then link.
Respond to the page by adding three links. It must fit into one of the following categories: