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
-
change the href and src of cover image to the correct path of image
-
change the src of
colophon
image in 2.html to get the image in assets folder -
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 -
for each html file, add a link pointing to the styles.css stylesheet to set the style
-
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/
-
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 -
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
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.