Added placeholder stats and changed screenshot in the background.

This commit is contained in:
Matthew Bowra-Dean
2010-04-29 21:32:24 +12:00
committed by Chris Forbes
parent b319e3f298
commit aee2f9739e
4 changed files with 61 additions and 3 deletions

Binary file not shown.

Binary file not shown.

Before

Width:  |  Height:  |  Size: 386 KiB

After

Width:  |  Height:  |  Size: 484 KiB

View File

@@ -14,7 +14,7 @@
<div id="header">
<h1><img src="soviet-logo.png" alt="Logo" style="vertical-align: middle; margin: -30px 0px" />OpenRA</h1>
</div>
<div id="menu" style="margin-top: 10px; margin-left: auto; width: 90%">
<div id="menu">
<span class="links"><a href="index.html">Home</a></span>
<span class="links">Screenshots & Footage</span>
<span class="links">Download</span>
@@ -22,8 +22,32 @@
<span class="links">Get Involved</span>
<span class="links"><a href="irc://irc.freenode.net/#openra">IRC</a></span>
</div>
<div id="sidebar" style="float: right; width: 40%">
<ul>
<li>
<strong>30</strong><span>current players</span>
</li>
<li>
<strong>500</strong><span>total games played</span>
</li>
<li>
<strong>&gt;9000</strong><span>downloads</span>
</li>
</ul>
</div>
<div id="content">
<p>
OpenRA is an Open Source reimplementation of Command & Conquer: Red Alert.
</p>
<p>
We've tried to closely follow the spirit of the original game, while modernizing the interface
and making use of today's powerful graphics processors. Our emphasis is on the multiplayer experience,
but we might support a single-player campaign at some point, too.
</p>
<p>
OpenRA should run on any modern PC running Windows, OSX or Linux. Requires .NET Framework v3.5 SP1 or
later; or an up-to-date version of Mono.
</p>
</div>
</div>
</body>

View File

@@ -1,4 +1,4 @@
body { background-color: black; margin: 0px; color: White }
body { background-color: black; margin: 0px; color: White; }
h1 { font-family: Cambria, Georgia, Times New Roman, Serif }
a { text-decoration: none; color: White }
a:visited { text-decoration: none; color: White }
@@ -18,6 +18,40 @@ div#header
background-repeat: no-repeat;
height: 66px
}
div#content
{
width: 33%;
margin: 30px 0 0 20px;
text-align: justify;
}
div#menu
{
margin-top: 10px;
margin-left: auto;
width: 90%
}
/* Sidebar */
div#sidebar
{
margin-top: 30px;
}
div#sidebar strong
{
font-size: 2.3em;
display: block
}
div#sidebar li
{
list-style-type: none;
float: left;
margin-right: 10px;
}
div#sidebar span
{
font-size: 0.8em
}
span.links
{
margin: 0px 10px;