Due Date:
In class we made a kind of toy Google Map out of hand-coded HTML, CSS, and Javascript. You will remember it from JSBin and from Github.
Your next assignment builds directly on that exercise and on your existing knowledge of HTML, CSS, and Javascript.
Assignment
- Essay
- You should write a short essay, approximately 500 words (~ 2 pages double-spaced, if we were using word processors) addressing a small, specific historical topic with a spatial history component. That is, the “spatial” element shouldn’t just be an afterthought, but should be at the centre of your analysis. Moreover, your topic should be Toronto-centric – you should choose a neighbourhood or theme that is relevant to the course and especially to the Toronto Region. You should pick something that you (a) know something about already, and (b) are interested in. . The essay should introduce the reader to the topic, and make a not-too-complex argument which, again, highlights the spatial component.
The essay will be written in Markdown, which makes traditional citations a little complicated (Scholarly Markdown solves that problem, but it’s fairly difficult to set up). So please use simple links for your citations; in Markdown, these take the form
[I'm an inline-style link](https://www.google.com)
. So, for instance:[Latour, p. 97](http://search.library.utoronto.ca/details?5484640&uuid=4f41639c-43d4-45e8-81f2-d8acd9263f8a)
. Don’t worry about a bibliography. - Map
- Your map should have at least 4 markers. The assignment template uses a for loop to iterate, that is, repeat, a set of actions for a group of markers. See the template for details. Each marker’s info-window contents should contain a brief headline and some explanatory text. Your essay should refer back to the markers, and you are free to refer to your essay in the marker text itself.
- Styling
- As was also the case with our in-class assignment, the bulk of the styling work is accomplished for us by the strapdown.js script that we call at the bottom of the page. Remember that you can use any of several bootswatch themes if you would like to try a different overall look. If you like, you can also customize the CSS further by using the style.css file in the project folder. In fact, I would definitely recommend doing some styling work. Can you, for instance, style the map legend to crate a
Getting your assignment, and handing it in
This assignment is stored on Github. Learning how to deal with the Git system is part of this challenge:
- register for an account at Github
- navigate to the assignment repository at https://github.com/titaniumbones/maps-with-markdown
- “fork” the repo by clicking on the “fork” button at the top left
- set up git on your computer; you may prefer to use the desktop application.
- create a local clone for the repository
- make your changes
push
your changes to github- submit your work by making a pull request. I’ll download and grade your work.
We will discuss Git in class; make sure to be present for this!
Expectations
Your Map should work – all your markers should display correctly. The initial zoom should be set so that all of your markers are visible, and when I click on those markers the appropriate text should display.
If you change the styling, you should not create a terrible mess!