This repository has been archived by the owner on Sep 29, 2020. It is now read-only.
forked from lvitas/uidevtest
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathinfo_from_me.txt
50 lines (31 loc) · 2.05 KB
/
info_from_me.txt
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
Instructions:
Finish as much of this test as possible.
You may use the Internet to look up anything you wish.
You will be evaluated on your HTML, CSS, and JavaScript code quality.
Place your HTML in html/index.html. Other resources should be saved where appropriate.
Based on mockup.jpg, create a two column design utilizing the images and text provided (found in the images and text directories). The text and sprites in the article options bar under the published date/time need to be links. Although not shown in mockup.jpg, place a gradient background on the entire page that goes from #CCCCCC at the top to #FFFFFF at the bottom.
--COMPLETE
The only interactive element that needs to function is the text size switcher. The story text needs to be 14px when the user first goes the page. Create toggle functionality utilizing jQuery so when the user clicks on "larger type", only the text in the article changes to 16px, the text "larger type" needs to change to "smaller type", and the icon needs to change to the minus. When the user clicks on "smaller type", everything needs to change back to it's original state. You have been given the jquery-1.4.min.js file in the js directory.
--COMPLETE
Attribute requirements:
orange: #CC6600
--COMPLETE
black:#202020
--COMPLETE
grey: #666666
--COMPLETE
fonts: Georgia,"Times New Roman",Times,serif and Arial,"MS Trebuchet",sans-serif
--COMPLETE
headline font size: 18px
--COMPLETE
article text size: 14px
--COMPLETE
photo cutline size: 12px
--COMPLETE
page gradient: vertical from #CCCCCC at the top to #FFFFFF at the bottom
--COMPLETE
======================================================
This project and all of requirements are complete. Built to spec with the requirements. It has been tested and works in IE8, Chrome (latest), and FireFox(latest).
I added a css folder and css file to keep the index clean. I also used various css selector methods to illustrate some of my knowledge.
Also, I did not make the enlarge button work because it is not part of the requirements.
======================================================