epic/OpenRA
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Download buttons

Browse Source
This commit is contained in:
Matthew Bowra-Dean
2010-04-30 21:14:49 +12:00
committed by Chris Forbes
parent 811362f570
commit a805bdcef6
5 changed files with 61 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
artsrc/ra/website-background.psd
View File

Binary file not shown.

BIN
web/background.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 484 KiB

After

Width:  |  Height:  |  Size: 414 KiB

BIN
web/down_win.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 6.6 KiB

26
web/index.html
View File

@@ -19,17 +19,18 @@
<body> <body>
<div id="main"> <div id="main">
<div id="header"> <div id="header">
<h1><img src="soviet-logo.png" alt="Logo" style="vertical-align: middle; margin: -30px 0px" />OpenRA</h1> <h1><img src="soviet-logo.png" alt="Logo" />OpenRA</h1>
</div> </div>
<div id="menu"> <div id="menu">
<span class="links"><a href="index.html">Home</a></span> <span class="links"><a href="index.html">Home</a></span>
<span class="links">Screenshots & Footage</span> <span class="links">Screenshots & Footage</span>
<span class="links">Download</span> <span class="links">Download</span>
<span class="links">Mods</span>
<span class="links">Stats</span> <span class="links">Stats</span>
<span class="links">Get Involved</span> <span class="links">Get Involved</span>
<span class="links"><a href="irc://irc.freenode.net/#openra">IRC</a></span> <span class="links"><a href="irc://irc.freenode.net/#openra">IRC</a></span>
</div> </div>
<div id="sidebar" style="float: right; width: 40%"> <div id="sidebar">
<ul> <ul>
<li> <li>
<strong>30</strong><span>current players</span> <strong>30</strong><span>current players</span>
@@ -41,8 +42,14 @@
<strong>&gt;9000</strong><span>downloads</span> <strong>&gt;9000</strong><span>downloads</span>
</li> </li>
</ul> </ul>
<div style="margin: 100px auto 20px auto; width: 50%; clear: both">
<img src="down_win.png" alt="Download OpenRA for Windows" />
<img src="down_win.png" alt="Download OpenRA for Windows" />
<img src="down_win.png" alt="Download OpenRA for Windows" />
</div>
</div> </div>
<div id="content"> <div id="content">
<h2>Welcome</h2>
<p> <p>
OpenRA is an Open Source reimplementation of Command & Conquer: Red Alert. OpenRA is an Open Source reimplementation of Command & Conquer: Red Alert.
</p> </p>
@@ -52,14 +59,25 @@
but we might support a single-player campaign at some point, too. but we might support a single-player campaign at some point, too.
</p> </p>
<p> <p>
OpenRA should run on any modern PC running Windows, OSX or Linux. Requires .NET Framework v3.5 SP1 or 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. later; or an up-to-date version of Mono.
</p> </p>
</div> </div>
<div id="screenshots" style="width: 60%; margin-left: 30px"> <div id="screenshots" style="">
<img src="ss1.jpg" alt="Screenshot 1" /> <img src="ss1.jpg" alt="Screenshot 1" />
<img src="ss2.jpg" alt="Screenshot 2" /> <img src="ss2.jpg" alt="Screenshot 2" />
</div> </div>
<div id="footer" style="">
<a href="#" onclick="$('#trademarks').toggle()">Show 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 />
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 registerd trademark of Novell, Inc. in the United States and other countries.
</p>
</div>
</div> </div>
</body> </body>
</html> </html>

47
web/openra.css
View File

@@ -1,27 +1,37 @@
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 } h1 { font-family: Cambria, Georgia, Times New Roman, Serif }
a { text-decoration: none; color: White } h2 { font-family: Helvetica, Arial, Sans-Serif }
a:visited { text-decoration: none; color: White }
a:hover { text-decoration: none; color: White } a { color: White }
a:visited { color: White }
div#main div#main
{ {
width: 1024px; width: 1024px;
height:768px; height:768px;
background-image: url("background.png"); background-image: url("background.png");
background-repeat: no-repeat; background-repeat: no-repeat;
margin: 0px auto; margin: 0 auto;
padding: 20px 0px; padding: 20px 0px;
} }
div#header div#header
{ {
background-image: url("banner.png"); background-image: url("banner.png");
background-repeat: no-repeat; background-repeat: no-repeat;
height: 66px height: 66px
} }
div#header img
{
vertical-align: middle;
margin: -30px 0px
}
div#content div#content
{ {
width: 33%; float: left;
margin: 30px 0 0 20px; width: 50%;
text-align: justify; text-align: justify;
} }
div#menu div#menu
@@ -30,11 +40,15 @@ div#menu
margin-left: auto; margin-left: auto;
width: 90% width: 90%
} }
div#menu a { text-decoration: none; color: White }
div#menu a:visited { text-decoration: none; color: White }
div#menu a:hover { text-decoration: none; color: White }
/* Sidebar */ /* Sidebar */
div#sidebar div#sidebar
{ {
margin-top: 30px; float: right;
width: 40%
} }
div#sidebar strong div#sidebar strong
{ {
@@ -52,6 +66,23 @@ div#sidebar span
font-size: 0.8em font-size: 0.8em
} }
div#screenshots
{
clear: both;
width: 640px;
margin: 0 auto;
height: 400px;
border: solid 5px gray;
}
div#footer
{
font-size: 0.6em;
margin-left: 30px;
margin-bottom: 10px;
text-align: center
}
span.links span.links
{ {
margin: 0px 10px; margin: 0px 10px;
@@ -59,5 +90,5 @@ span.links
} }
span.links:hover span.links:hover
{ {
border-bottom: solid 2px red; border-bottom: solid 2px #650b03;
} }