Paul's changes

Mailaender · May 3, 2010 · 5b70db9 · 5b70db9
1 parent 0c059af
commit 5b70db9
Show file tree

Hide file tree

Showing 2 changed files with 53 additions and 37 deletions.
diff --git a/web/index.html b/web/index.html
@@ -10,46 +10,53 @@
 		<![endif]-->
 		<script src="jquery-1.4.2.min.js" type="text/javascript"></script>
 		<script src="jquery.cycle.lite.1.0.min.js" type="text/javascript"></script>
+
 		<script type="text/javascript">
 			$(function() {
 				$("#screenshots").cycle();
 			});
 		</script>
 	</head>
 	<body>
+		<div id="header">
+			<h1><img src="soviet-logo.png" alt="Logo" />OpenRA</h1>
+		</div>
 		<div id="main">
-			<div id="header">
-				<h1><img src="soviet-logo.png" alt="Logo" />OpenRA</h1>
-			</div>
 			<div id="menu">
+
 				<span class="links"><a href="index.html">Home</a></span>
 				<span class="links">Screenshots & Footage</span>
 				<span class="links">Download</span>
 				<span class="links">Mods</span>
 				<span class="links">Stats</span>
 				<span class="links">Get Involved</span>
+
 				<span class="links"><a href="irc://irc.freenode.net/#openra">IRC</a></span>
 			</div>
 			<div id="sidebar">
 				<div style="margin: 0 auto; width: 100%">
 					<span class="stats">
 						<strong>30</strong><span class="desc">current players</span>
 					</span>
+
 					<span class="stats">
 						<strong>500</strong><span class="desc">total games played</span>
 					</span>
 					<span class="stats">
 						<strong>&gt;9000</strong><span class="desc">downloads</span>
 					</span>
 				</div>
+
 				<div id="download" class="rounded">
 					<img src="arrow.png" alt="Download Arrow" style="float: left; margin-top: 3px" />
 					Download OpenRA for Windows <br />
-					<span class="desc">version: 1.337 size: 9001KB</span>
+					<span class="desc">version: 1.337 size: 9001KB</span><br />
+					<a class="desc" href="">Download for other platforms</a>
 				</div>
 			</div>
+
 			<div id="content">
-				<h2>Welcome</h2>
+				<h2>Welcome Back, Commander</h2>
 				<p>
 					OpenRA is an Open Source reimplementation of Command & Conquer: Red Alert.
 				</p>
@@ -59,25 +66,28 @@ <h2>Welcome</h2>
 					but we might support a single-player campaign at some point, too.
 				</p>
 				<p>
+
 					OpenRA should run on any modern PC running Windows, Mac OS X or Linux. Requires Microsoft .NET Framework v3.5 SP1 or 
 					later; or an up-to-date version of Mono.
 				</p>
+				<div id="screenshots">
+					<img width="512" src="ss1.jpg" alt="Screenshot 1" />
+					<img width="512" src="ss2.jpg" alt="Screenshot 2" />
+				</div>
 			</div>
-			<div id="screenshots">
-				<img width="512" src="ss1.jpg" alt="Screenshot 1" />
-				<img width="512" src="ss2.jpg" alt="Screenshot 2" />
-			</div>
+		</div>
 			<div id="footer">
-				<a href="#" onclick="$('#trademarks').toggle()">Show/hide legal notices</a>
-				<p id="trademarks" style="display: none">
-					Website design &copy;2010 Matthew Bowra-Dean. <a href="license.txt">Licensed under GPLv3</a><br /><br />
+
+				<img style="float:left; padding-left:10px; padding-top:5px;" src="gplv3-127x51.png">
+				<p>
 					Command &amp; Conquer and Command &amp; Conquer Red Alert are trademarks or registered trademarks of Electronic Arts Inc.in the U.S. and/or other countries.<br />
 					Windows is a registered trademark of Microsoft Corporation in the United States and other countries.<br />
 					Mac OS X is a trademark of Apple Inc., registered in the U.S. and other countries.<br />
+
 					Linux is the registered trademark of Linus Torvalds in the U.S. and other countries.<br />
-					Mono is a registered trademark of Novell, Inc. in the United States and other countries.
+					Mono is a registerd trademark of Novell, Inc. in the United States and other countries.
 				</p>
 			</div>
-		</div>
 	</body>
 </html>
+
diff --git a/web/openra.css b/web/openra.css
@@ -17,38 +17,37 @@ div#main
 
 div#header
 {
-	/*background-image: url("banner.png"); 
-	background-repeat: no-repeat; */
-	border-top: solid 2px #650b03;
-	border-bottom: solid 2px #650b03;
-	background-color: #272d2c;
-	width: 100%;
+	background-image: url("banner.png"); 
+	background-repeat: repeat-x; 
 	height: 66px
 }
 
-div#header img
+div#header h1
 {
-	float: left;
-	margin: -40px 0 0 0;
+	margin-left:auto;
+	margin-right:auto;
+	width:280px;
 }
 
-div#header h1
+div#header img
 {
-	margin-top: 10px;
+	vertical-align: middle; 
+	margin: -30px 0px
 }
 
 div#content
 {
-	clear: left;
-	float: left;
-	width: 50%;
 	text-align: justify;
+	width:50%;
+	padding-left:50px;
 }
 div#menu
 {
 	margin-top: 10px; 
-	margin-left: auto; 
-	width: 90%
+	margin-left: auto;
+	margin-right:auto;
+	width:90%;
+	text-align:center;
 }
 div#menu a { text-decoration: none; color: White }
 div#menu a:visited { text-decoration: none; color: White }
@@ -77,6 +76,11 @@ div#sidebar .desc
 	font-size: 0.8em
 }
 
+div#sidebar a.desc
+{
+	font-size: 0.7em
+}
+
 div#download
 {
 	margin: 20px auto; 
@@ -87,7 +91,6 @@ div#download
 
 div#screenshots
 {
-	float: left;
 	width: 512px; 
 	margin: 0 auto; 
 	height: 320px;
@@ -97,11 +100,14 @@ div#screenshots
 
 div#footer
 {
-	clear: both;
-	font-size: 0.6em; 
+	background-image: url("banner.png"); 
+	background-repeat: repeat-x; 
+	height: 66px;
+	font-size: 0.5em; 
 	margin-bottom: 10px;
-	padding-top: 10px;
-	text-align: center
+	padding-top:2px;
+	padding-right:10px;
+	text-align: right;
 }
 
 span.links
@@ -116,10 +122,10 @@ span.links:hover
 
 div.rounded
 {
-	border: solid 2px #650b03;
+	border: solid 3px #650b03;
 	background-color: #272d2c; 
 	border-radius: 10px; 
 	-moz-border-radius: 10px;
 	-webkit-border-radius: 10px;
 	-khtml-border-radius: 10px;
-}
+}