Ny-Tran/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

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.

Code is licensed under the Apache 2.0 license.

Copyright 2021 Thi Ny Tran

References

1. Coffee Paper Image for Part 1

   • Link: https://www.freepik.com/premium-photo/old-paper-texture-background_6773643.htm#page=1&query=old%20paper&position=11
   • Date Accessed: Feb.19.2021
   • Photo from User: daboost

2. Alice In the Wonderland, by Lewis Carroll eBook

   • Link: http://www.gutenberg.org/files/11/11-h/11-h.htm
   • Date Accessed: Feb.19.2021

3. The Adventures of Sherlock Holmes, by Arthur Conan Doyle eBook

   • Link: http://www.gutenberg.org/files/1661/1661-h/1661-h.htm
   • Date Accessed: Feb.19.2021

4. A Christmas Carol, by Charles Dickens eBook

   • Link: http://www.gutenberg.org/files/46/46-h/46-h.htm
   • Date Accessed: Feb.19.2021

5. Understanding how to link an image from the web as a background

   • Link: https://www.w3schools.com/cssref/pr_background-image.asp
   • Date Accessed: Feb.19.2021

6. Putting borders around images

   • Link: https://www.w3schools.com/cssref/pr_border-style.asp
   • Date Accessed: Feb.19.2021

7. Getting a table to center

   • Link: https://stackoverflow.com/a/29642878
   • Date Accessed: Feb.19.2021
   • Answer from user: Gopal00005

8. Spacing between paragraphs

   • Link: https://stackoverflow.com/a/41253930
   • Date Accessed: Feb.19.2021
   • Answer from user: David542

9. Tageting images with alt

   • Link: https://stackoverflow.com/a/3804860
   • Date Accessed: Feb.19.2021
   • Answer from user: Michael Mior

10. Background for good css homepage

    • Link: https://www.xmple.com/wallpaper/blue-gradient-white-linear--c2-87cefa-ffffff-a-270-f-14-image/
    • Date Accessed: Feb.20.2021

11. Background for bad css homepage

    • Link: http://www.pngall.com/nemo-png/download/37852
    • Date Accessed: Feb.20.2021

12. Understanding how text-shawdow works in CSS

    • Link: https://www.w3schools.com/cssref/css3_pr_text-shadow.asp
    • Date Accessed: Feb.20.2021

HTML Modifications

• Included my own custom CSS
• Images now referenced to my own folders