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
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.
HTML/CSS content is copyright Raymond Sarinas (C) 2021 under the CC-BY-SA 4.0 unported license. Attribution should be a hyperlink to the repository and (C) 2021 Raymond Sarinas visibile in the text.
- Added the following code to each gutenburg HTML file beneath the
<style>
tag:
<link type="text/css" rel="stylesheet" href="gutenburg.css"/>
- Gutenburg HTML files: http://www.gutenberg.org/browse/scores/top
- Background image: https://www.toptal.com/designers/subtlepatterns/vintage-concrete/
- Box shadow: https://www.webfx.com/blog/images/assets/cdn.sixrevisions.com/0457-01-css-box-shadow-demo/demo.html
- Importing fonts: https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face
- 2 column flexbox/container: https://www.w3schools.com/css/css3_flexbox_responsive.asp
- Rainbow gradient text: https://stackoverflow.com/a/40558020
- Center navbar links (referenced more than one of the answers): https://stackoverflow.com/a/50054754
- Background color for text/highlighted background: https://stackoverflow.com/a/16597371
- Ugly pattern background: https://pixy.org/src/399/thumbs350/3996449.jpg
- Ugly sky background: https://lh3.googleusercontent.com/proxy/hWBpI6BrzIQGkFFYrm2fWZ8eWjVorSjYcHfmkmE_DmtLz7YENDnviC2VFJefp9x0CN-DCo5sdRV8S1NFK_bORTA
- Ugly header background: http://www.geocities.ws/heather_32087/background6.gif