Week Nº 16

We’ll start with a quick round of hellos/​introductions (mainly for Eric)⁠—tell us your name, your pronouns, where you’re from, and maybe what you did over break? Eric gets to go first!

Our Class

Let’s look at our plan for the second semester:

The Syllabus

To leave some more time for the design and technical side of our next project, we’re going to get a head start this week on our content.

We’ll be using Are.na⁠—a tool for collecting and organizing links, and finding design inspiration. (Some featured channels, to get the overall vibe.)

Let’s talk through how we’ll use it in the project:

Project Nº 4: Links
Final due date is February 25!

Over the rest of the semester⁠—between/​around our main, unit projects⁠—you’ll also be creating a landing page for your work:

Project Index
Final due is May 15 (end of semester)!

We’re going to do the first milestone, Connecting Your Work together, today. Let’s make a web page! We know it’s been a while. So let’s “get the blood flowing” here again:

1. Head to your GitHub and make a new repo: username.github.io

   This is a special project name that GitHub will make directly available at https://username.github.io/.

2. Clone the repo down, open it in VS Code, and add a classic, simple, semantic index.html file⁠—with your name and list of links to your previous three projects, nothing fancy.

   Remember to enable your local Live Server for previews, and get your DevTools warmed up!

3. Commit and push the HTML, then enable Pages and add the link to the repo’s About section on GitHub.

4. Pull in our reset.css locally, for a nice, clean slate, and let’s make it responsive with the viewport tag.

5. Add in some basic layout styles⁠—using our old friends CSS variables and a media query for sizing them.

   Then let’s grab a nice font for our name, and adapt a pattern for our background⁠—properly attributing it!

Just like riding a (code) bike!

• You’ll finish the first phase of your Index project, from wherever you got in class today. This doesn’t need to be much, to start⁠—just a nicely-styled set of links (that you wouldn’t be embarrassed by):

  Project Index: Connecting Your Work

  Send us your repo/​URL when it’s in a good place:

  Submission Form

• You’ll also dive into the first milestone of your Links project:

  Project Nº 4: Assemble A Collection

  Sign up for Are.na, create your channel and and gather items on your theme, tidy up your metadata, and write a description. When you’re done, submit your channel URL:

  Submission Form

• Next week we’ll be properly starting into our fourth unit, Interface as Interface. Read both our reading selections, in preparation:

  • I Am a Handle
    Rob Giampietro, 2012

  • Sometimes It Looks Like a Duck, Sometimes It Looks Like a Rabbit
    Jack Balkin, Dan Michaelson, 2012

• And add your reading synthesis, as we did in the Fall:

  Unit Nº 4: Reading Responses