Giter VIP home page Giter VIP logo

cmput404-assignment-css-hell's Introduction

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.

Assignment Completed by Neil Borle

Code is licensed under the Apache 2.0 license.

Changes for Assignment Part 1

  1. Applied old parchment image as a background.
  2. Applied Tangerine font to the documents.
  3. Changed the padding for the body of the document.
  4. Added shadows to all images in the document.
  5. changed the padding and allignment of paragraphs.
  6. Changed all paragraphs to start with a large brown letter.
  7. Changed the colour of h1 headers and rotated them by -2.5deg.
  8. Underlined h1 headers.
  9. Changed the colour of h2 headers and rotated them by -1deg.
  10. Changed achors to be grey.

Citations

Project Gutenberg Documents: A tail of two cities, Beowulf and Emma.

Background image in part I: https://www.flickr.com/photos/clarkemckinnon/6970073002/

Font used in part 1: http://www.google.com/fonts/specimen/Tangerine

Part 2 images used: http://wallpoper.com/wallpaper/hypnotoad-404356

Colour gradients created with the help of: http://www.colorzilla.com/gradient-editor/

cmput404-assignment-css-hell's People

Contributors

nbor avatar abramhindle avatar

Watchers

James Cloos avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.