Prepare your Class Site

In preparation for mid semester, clean up your file structures and refine the design of your class site. This is the webpage (index.html) at the root of your repository (or folder for the work of Core Interaction Studio.) You are welcome to develop any personal design for this, keeping in mind these techical requirements:

  • It should include all projects, responses, and activites, along with a link to your Lab homepage
  • You may want to clean up the structure of your code, including how you are setting up your classes and nested HTML
  • Add a favicon
  • Add a custom typeface (either Google / Adobe / self-hosted)
  • Make it is responsive with media queries (be sure to check how it displays on your phone)
  • Your design should highlight the links to your projects and exercises, with an emphasis on the projects.
  • Think about your design system: you may want to use the same style sheet for some pages — such as for your reading and CD lecture responses.
  • Keep in mind typographic details, including intentional whitespace (margin/padding) around text, line height, font sizes, alignment, and paragraph measures.

You can use the structure of the demos folder as a starting reference point. Think about a table of contents. What meta data might you include for each project? How might you structure your typography? Prepare your project descriptions if you haven’t yet drafted them yet.

We will use your class sites for midterm reviews, the week of March 21. You must have a canvas submission for your class site with your responses by March 20.

<>