How are we feeling?
Today we will
- Discuss the second part of Galloway's Protocol
- Go over last week's assignment
Learn how to push our code to the server using Git!Finish Git setup!- Start the next project, "Timepiece"
- Continue conferences!
Discussion
HTML assignment
How'd it go? Discuss.
Git demo (let's try that again!)
Fire up those terminals! First, go to your ~/Code
folder and open it (should have created last class):
$ cd ~/Code
$ open .
Make sure that git
is installed:
$ git --version
Now go to GitHub and login. When you're logged in you should see your class site linked under "Your Repositories". It should look similar to the image below, but be titled "[your username].github.io". Click through to go to the repo for your class site!
Once you're there, in the righthand column you should see a little box that says "HTTPS clone URL". Copy the link from the text box to your clipboard:
Now back to the terminal. Let's make sure we're in the right place:
$ cd ~/Code
$ pwd
You should see something like /Users/[your user name]/Code
. Now we can check out the Git repository! Make sure to double-check this command before you hit enter:
$ git clone [paste the copied link here] class-site-git
You should see a bunch of stuff happen and when it's done, you've cloned your git repo! You can open your Code
folder in the finder to check:
$ open .
On Time
https://www.flickr.com/photos/library_of_congress/2178249693/in/photolist-4ju6Kc-4jz335
https://www.flickr.com/photos/ianfuller/79650456/
https://www.flickr.com/photos/robinjp/8706930459/
https://www.flickr.com/photos/bookgrl/601867351/
Examples
Chena Alexander, "Piano Phase"
Joe McKay, "Sunset Solitare"
Eric Levin, "Come Down to Us"
Christian Marclay, "The Clock"
Assignment
Timepiece Part 1
- Sketch out 3 different concepts of a composition for the browser that demonstrates the "change over time"
- 1 of them should be something that you think is reasonably attainable based on what you already know
- 2 of them should be "blue sky" ideas that you don't necessarily know how to do
- Each concept should include images and text, but you can document them however you prefer (photos of hand-written notes, mockups in Photoshop, a Pinterest site with annotated images, etc.).
- Please indicate which concepts are the "blue sky" ones and which is the more attainable one.
- Pick one of the "blue sky" ideas and research how you might make it a reality. Document your research with your own notes about how you might make it happen.
Part 1 of this assignment can be submitted via your class Google doc.
http://cc.andydayton.com/timepiece/
For Next Week
- Sketches and research for your "Timepiece" project
- Read "Web Design: The First 100 Years" by Maciej Cegłowski