Credits
Back
Banner
The initial banner image was a shot of Eltham Palace. I took this on film years ago. It was uploaded to Flickr in 2006. It will be replaced when I take a suitably-shaped image for the course.
[30Jun18] V2 of the banner, currently WIP is one of the Rush Hour shots.
[25Oct18] Trying Partial
Self Portrait. It works reasonably well on my phone, now waiting for it to load on tablet and laptop.
[19Jan19] St Stephen's mural has been in place for a while. Time for further experimentation, starting with Brighton Pier.
The one from the British Museum.
[4May19] Playing with a Barbican shot.
[2Nov19] Lavender field
Note to self, to change the image, edit /resources/style.css header. The image should be 1100 pix wide. BrMus and Barbican are 1200x330.
Favicons
Reformatting by Favicomatic. The initial logo is a detail from St Martin-in-the-Fields East Window.
Fonts
The fonts used on the site are:
(a) Open Sans by Steve Matteson from Google Fonts under Apache Licence.
(b) Abril Fatface from TypeTogether for the headings.
(c) Macondo Swash Caps by John Vargas Beltrán for the drop caps (as used on About).
(d) Special Elite by Astigmatic for the block qutoes.
(e) Futura Bold Oblique for a piece on Barbara Kruger from oNline Web Fonts
Web Design
85% of the input came from Clarissa Pearson's Learning Responsive Web Design.
Random Gallery
The code for the random image display was provided by William Bontrager. Posted in 2002, there are many later and slicker versions but this is the easiest to understand and to implement.
Smaller things
Floating back to top from w3schools.com.
Lightbox from w3schools.com
<HR> horizontal rule from w3schools.com
The red text box was used on C&N Asg.2 submission.
Footnotes
text
Wikipedia on footnotes *, †, ‡, §, ‖, ¶.
footnotes
footnotes
Schott on footnotes
Incidentally, three dots is a horizontal ellipsis
(… or …).
and † <span style="colour:red">†</span>.
Long dash —
—
æ -
æ
Highlighting from link This text is highlighted in yellow. <span style="background-color: #FFFF00">This text is highlighted in yellow.</span>
Centred paragraph (<p style="text-align:center">).
indent a paragraph from webeminence.com
less than p style="margin-left:10%; margin-right:10%;" greater than