Update README.md

garrying · May 29, 2024 · f7b960b · f7b960b
1 parent 80444a0
commit f7b960b
Show file tree

Hide file tree

Showing 4 changed files with 33 additions and 16 deletions.
diff --git a/README.md b/README.md
@@ -7,6 +7,7 @@ Course material for _Interactive Media: Web,_ an undergraduate course taught at
 - Spring/Summer of 2019
 - Spring/Summer of 2020 (Virtual)
 - Winter of 2022
+- Spring/Summer of 2024
 
 ## Description
 

diff --git a/assignments/collection-of-collections.md b/assignments/collection-of-collections.md
@@ -1,24 +1,24 @@
 # Collection of Collections
 
-![An animation cycling through Susan Kare's icons for the Macintosh](../media/susan-kare-icons.gif "Susan Kare, 1984")  
+![An animation cycling through Susan Kare's icons for the Macintosh](../media/susan-kare-icons.gif "Susan Kare, 1984")
 
 For your final project, the task will be to translate a collection into a web-based experience that will be part of a webring called [**WWWorkshop**](https://wwworkshop.org), under the title _Collection of Collections_. As a contributor to the webring you will be documenting and publishing a collection of your choosing that will help form a collective memory with your peers. The exploration of the collection should be engaging, engrossing, and purposeful. Visitors should visit the experience and understand its breadth and connections.
 
 As a starting point there are few questions you could ask yourself before committing to a direction, subject matter, or design:
 
 - What tools/knowledge/methods could we impart to your peers?  
-(For example: browser plugins, ways of presenting work quickly, quirks in your neighbourhood for first time visitors)  
-- What do you, or friends, collect? and why?  
-- What is the web missing?  
-- What story can be told through the connections of different items?  
-- How do we “query” or “see” specific parts?  
-- How do we “browse” or “explore” the whole?  
+  (For example: browser plugins, ways of presenting work quickly, quirks in your neighbourhood for first time visitors)
+- What do you, or friends, collect? and why?
+- What is the web missing?
+- What story can be told through the connections of different items?
+- How do we “query” or “see” specific parts?
+- How do we “browse” or “explore” the whole?
 
 How you choose to interpret the prompts is up to you. You might have thought of more questions along the way. Your site should have an intent and not simply be a grid of related images, for example. Recall the examples of unique libraries and interpretations of an archive.
 
 Consider your content: one of the central tasks of this assignment is storytelling: but this is not a game or a book, this is a website, a more non-linear form.
 
-Consider the the full breadth of topics, references, and methods we have covered this semester. What is your interpretation of designing, and making, for/on/with the web. Situating *flux*, *user*, *interface*, and *database*.
+Consider the the full breadth of topics, references, and methods we have covered this semester. What is your interpretation of designing, and making, for/on/with the web. Situating _flux_, _user_, _interface_, and _database_.
 
 Know that your sites are not "done" at the due date for this assignment; let's establish a good starting point and allow for your projects to grow and evolve over time. It is encouraged that you think of ways of finding contributions from your peers and your peers peers.
 
@@ -29,7 +29,7 @@ Know that your sites are not "done" at the due date for this assignment; let's e
 ❑ All links on page(s) are working  
 ❑ A page, or dedicated area, that describes your website/collection (About, What is this, Methodology, How to contribute, etc.)  
 ❑ A .zip file can be uploaded to Canvas (As a backup, or to show process work)  
-❑ The webring `<script>` tag snippet below...  
+❑ The webring `<script>` tag snippet below...
 
 ### Adding your site to the webring (Required)
 
@@ -40,15 +40,29 @@ On your homepage, copy and paste the following HTML snippet at the bottom of you
 Feel free to customize the color of your widget by changing the `data-color` attribute to a color of your choice.
 
 ```html
-<script src="https://wwworkshop.org/wwwidget.js" data-color="#0000ff" data-link-type="random" async defer></script>
+<script
+  src="https://wwworkshop.org/wwwidget.js"
+  data-color="#0000ff"
+  data-link-type="random"
+  async
+  defer
+></script>
 ```
+
 _Navigate to a random page in the webring_
 
 **OR**
 
 ```html
-<script src="https://wwworkshop.org/wwwidget.js" data-color="#0000ff" data-link-type="next" async defer></script>
+<script
+  src="https://wwworkshop.org/wwwidget.js"
+  data-color="#0000ff"
+  data-link-type="next"
+  async
+  defer
+></script>
 ```
+
 _Navigate to the next page in the webring, adjacent to you_
 
 ### References and Examples
@@ -82,4 +96,3 @@ _Navigate to the next page in the webring, adjacent to you_
 - https://letterformarchive.org/
 - http://riseupfeministarchive.ca/
 - https://otherti.me/
-- https://mynothingnewyear.com/
diff --git a/assignments/interactive-typologies.md b/assignments/interactive-typologies.md
@@ -6,7 +6,7 @@ Through the assignment, you’ll explore the possibilities and limitations of th
 
 ### Final Deliverable
 
-Fully coded website, uploaded to a live server (You have free access to Webspace [via OCAD U](http://webspace.ocad.ca/))
+Fully coded website, uploaded to a live server (You have free access to Webspace [via OCAD U](https://ocaduwebspace.ca/))
 
 - Site should be viewable by anyone with the URL
 - Can be more than one page

diff --git a/assignments/variable-dimensions.md b/assignments/variable-dimensions.md
@@ -15,13 +15,16 @@ Lastly, explain your idea in the form of comments at each breakpoint in your CSS
 In your HTML file be sure to add the following between `<head>` and `</head>`:
 
 ```html
-<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+<meta
+  name="viewport"
+  content="width=device-width, initial-scale=1, shrink-to-fit=no"
+/>
 ```
 
 This is required in order for you to see your media queries work at their corresponding resolutions. Feel free to use [example-4-context](../examples/example-4-context) as a starting point.
- 
+
 Some worthwhile resources:
-- [mediaqueri.es](https://mediaqueri.es/) Examples of sites using media queries
+
 - [w3schools.com/cssref/css3_pr_mediaquery.asp](https://www.w3schools.com/cssref/css3_pr_mediaquery.asp) All media query conditions
 - [responsivedesign.is](https://responsivedesign.is/) A primer site
 - [fastcompany.com/3038367/9-gifs-that-explain-responsive-design-brilliantly-2](https://www.fastcompany.com/3038367/9-gifs-that-explain-responsive-design-brilliantly-2) Principles of responsive design