-
Notifications
You must be signed in to change notification settings - Fork 0
/
about.html
119 lines (119 loc) · 4.76 KB
/
about.html
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
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
<!DOCTYPE html SYSTEM "about:legacy-compat">
<html>
<head>
<title>Game Players Hub</title>
<link rel="stylesheet" type="text/css" href="GPHStyles.css" />
</head>
<body>
<header>
<div id="headerContent">
<p id="tagLine">Video game news, reviews and a place to be heard.</p>
<div id="navWrapper">
<nav>
<a href="about.html" class="current">About</a>
<a href="articles.html">Articles</a>
<a href="games.html">Games</a>
<a href="index.html">Home</a>
</nav>
</div>
</div>
</header>
<div id="headerBottomDivider"> </div>
<div id="headerBottomShadow"> </div>
<section id="mainContent">
<h1>
About GamePlayersHub</h1>
<p>
GamePlayersHub is a source for video game news and reviews. Video game reviews are
rated on a percentage scale. You may notice that the scores are colored differently.
The colors are based on the visible light spectrum to go with the galactic theme.
Isn't that great? If you're still thinking about that one, the answer is "yes, it's
great". Moving on... The colors for ratings are attributed based on the red-shift
and blue-shift observed in the Doppler Effect. When a light source moves away from
an observer the electromagnetic wavelength increases causing it to shift toward
the red end of the spectrum, conversely when a light source moves toward an observer
the electromagnetic wavelength decreases causing it to shift toward the blue end
of the spectrum. Basically, blue comes toward you and red moves away from you. It
doesn't have any purpose here other than going along with the galactic theme, and
I'm extremely nerdy; and this project is being graded so I had to include unnecessary
crap to make excusess for using more CSS.
</p>
<h1>
The Colors</h1>
<div class="colorRuleWrap">
<div id="blackRule" class="colorRule">
</div>
<p>
This is a terrible, awful game. It's bad, bad, bad. Pretend it doesn't exist and
move on with your life.</p>
</div>
<div class="colorRuleWrap">
<div id="darkRedRule" class="colorRule">
</div>
<p>
You could buy it, but you'll just end up using the disc as a beverage coaster.</p>
</div>
<div class="colorRuleWrap">
<div id="redRule" class="colorRule">
</div>
<p>
Buy it as a gift for someone you don't like.</p>
</div>
<div class="colorRuleWrap">
<div id="orangeRule" class="colorRule">
</div>
<p>
This is pretty bad, but you might at least get a good laugh out of how bad it is.</p>
</div>
<div class="colorRuleWrap">
<div id="yellowRule" class="colorRule">
</div>
<p>
Sports games.</p>
</div>
<div class="colorRuleWrap">
<div id="grayRule" class="colorRule">
</div>
<p>
Meh.</p>
</div>
<div class="colorRuleWrap">
<div id="greenRule" class="colorRule">
</div>
<p>
Put the $10 your grandma gave you for your birthday toward this one.</p>
</div>
<div class="colorRuleWrap">
<div id="lightBlueRule" class="colorRule">
</div>
<p>
This is definitely worth <em>your</em> money.</p>
</div>
<div class="colorRuleWrap">
<div id="darkBlueRule" class="colorRule">
</div>
<p>
It doesn't get any better this. Except for purple, but this is really good.</p>
</div>
<div class="colorRuleWrap">
<div id="purpleRule" class="colorRule">
</div>
<p>
This is a terrific, wonderful game. It's good, good, good. Buy 1000 of them, play
one, and build a fort with the rest.</p>
</div>
</section>
<div id="footerTopDivider"> </div>
<footer>
<div id="footerContent">
<div id="footerNav">
<a href="index.html">Home</a>
<a href="games.html">Games</a>
<a href="articles.html">Articles</a>
<a href="about.html">About</a>
</div>
</div>
</footer>
</body>
</html>