xichen1/cmput404-assignment-css-hell

CMPUT404-assignment-css-hell

Assignment: CSS Hell

You will skin 3 project gutenberg stories with custom CSS.

You will skin 2 versions of a possible professional homepage for your self with 2 versions of CSS.

Read requirements.org

Read this comic http://theoatmeal.com/comics/design_hell

git clone https://github.com/abramhindle/CMPUT404-assignment-css-hell.git

Changes to html files

1. change the href and src of cover image to the correct path of image

2. change the src of colophon image in 2.html to get the image in assets folder

3. add one line of <figcaption>Cover img test figcaption</figcaption> in 1.html under the cover image on line 248, in order to show the css effect for figcaption

4. for each html file, add a link pointing to the styles.css stylesheet to set the style

Citation

1. The background gradient code was generated by https://cssgradient.io/ by using my self-defined parameters. The author of the website is @moeamaya https://moeamaya.com/

2. The sources of images in gutenberg's assets folders are:
   https://www.gutenberg.org/cache/epub/11/pg11-images.html
   https://www.gutenberg.org/cache/epub/345/pg345-images.html
   https://www.gutenberg.org/cache/epub/345/images/colophon.png
   https://www.gutenberg.org/cache/epub/1342/pg1342-images.html

3. The source of logo used in good/bad html is:
   https://www.pngitem.com/middle/hTmoRwi_nerv-logo-png-so-these-are-the-vectors/
   Author is @Rowena Zainuddin

License/Copyright

Textual content is copyright Abram Hindle (C) 2013 under the CC-BY-SA 4.0 unported license. Attribution should be a hyperlink to the repository and (C) 2013 Abram Hindle visibile in the text.

New textual content is copyright Xichen Pan (C) 2021 under the CC-BY-SA 4.0 unported license. Attribution should be a hyperlink to the repository and (C) 2021 Xichen Pan visibile in the text.

Code is licensed under the Apache 2.0 license.