Front page

bigrou · Post by **bigrou** » Wed Jul 16, 2008 8:21 pm

I was looking for some work fast to do (to test how stable is KDE 4.1-RC1), I found out that the front page of alleg ( the real front, this one http://www.freeallegiance.org/ ) was some old html code based on tables. So here is the same page validating for xhtml 1.0 Strict, with a css file, in case you could be interested.

Tested on Firefox 2 and Konqueror 4 on Linux, Firefox 3 and IE7 on Windows XP, looks like it's working fine.
I can tweak it again if needed of course.

I don't see where I could host the files so I just pasted it below ( index.html & index-style.css ):

CODE
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>Welcome to Allegiance</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<link rel="shortcut icon" href="favicon.ico" />

<link rel="stylesheet" media="screen" type="text/css" title="default" href="index-style.css" />
</head>
<body>
<div id="header">
<img src="pook/complogo.jpg" alt="Allegiance" width="940" height="220" />
</div>
<div id="page">
<p>
Allegiance is a free, online, multi-player space simulation game. You pilot spacecraft, flying in a team with other players, defending and attacking sectors in space. Allegiance challenges your tactical ingenuity, your ability to function in a team and your prowess at blowing stuff up. Experienced players take command and lead their teams to victory or defeat.
</p>
<div id="left">
<h2><strong>Furious Space Action Combat</strong></h2>
<ul>
<li>
Dodge bullets, missiles and asteroids in a 3D environment. Charge your enemies head-on, or sneak up behind them and kill them when they least expect it. Stunning, colorful effects and explosions intensify the furious combat experience.
</li>
<li>
Defend the honor of one of several unique factions, each of which have unique properties and spacecraft. Choose between different ship and weapon types. Create massive space stations, or captain capital ships. Choose strategically, there is no turning back.
</li>
</ul>
<h2><strong>Furious Space Action Combat</strong></h2>
<ul>
<li>
Break free from predictable wingmen and drone enemies. Allegiance is built from the ground-up to be an evolving, unpredictable challenge with and against other humans.
</li>
<li>
Play a variety of roles like scout, fighter pilot, turret gunner, bomber, capital ship captain, base defender, and commander. Knowing where you are needed most is crucial. Individual, split-second decisions may determine whether you win or lose. Each game and each player's experience can be unique.
</li>
<li>
Learn on the fly. New players can learn while playing by taking on subordinate, single-action roles.
</li>
</ul>
<h2><strong>Furious Space Action Combat</strong></h2>
<ul>
<li>
Invest in success. Choose to play conquest games, where development and management of crucial resources are keys to your success. Progress through a rich technology tree full of unique weapons like sniper rifles, advanced bases like the deadly shipyard, and specialized spacecraft like the Assault Ship.
</li>
<li>
Communicate with your squad-mates. Features like instant voice-chat make essential communication with your squadron quick and easy. Gather your wingmen and swarm an enemy sector in a sudden, deadly attack.
</li>
<li>
Master the strategy. Any player can access the top-down strategic overview, giving them a full view of what's going on in the game. This allows would-be commanders to get a bird's eye perspective of the game and to issue strategic and tactical objectives to teammates and mining/building drones.
</li>
</ul>
</div> 
<div id="right">
<div>
<a href="http://www.freeallegiance.org/forums/index.php?act=home" title="Community Home" >
<img src="pook/btn1.jpg" alt="" width="300" height="75" />
</a>
</div>
<div>
<a href="http://www.freeallegiance.org/screenshots/" title="Screenshots" >
<img src="pook/btn2.jpg" alt="" width="300" height="75" />
</a>
</div>
<div>
<a href="http://asgs.alleg.net/asgsnet/newaccount.aspx" title="Create an Account" >
<img src="pook/btn4.jpg" alt="" width="300" height="75" />
</a>
</div>
<div>
<a href="http://www.freeallegiance.org/downloads ... 0Setup.exe" title="Download Allegiance" >
<img src="pook/btn3.jpg" alt="" width="300" height="75" />
</a>
</div>
<div>
<a href="http://www.allegacademy.org/cadet/cadet ... det1.shtml" title="Learn to Play">
<img src="pook/btn5.jpg" alt="" width="300" height="75" />
</a>
</div>
</div> 
</div> 
</body>
</html>

CODE
img {
border: 0;
}

h2 {
font-size: 1em;
font-family: Verdana, Tahoma, Arial;
}

li {
font-size: 0.7em;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #BBB;
margin: 10px 10px 10px 5px;
list-style: disc outside;
}

body {
background: url("pook/background.jpg");
color: white;
}

#header {
width: 940px;
margin: auto;
}

#page {
width: 800px;
margin: auto;
}

#page p {
font-size: 1em;
margin-bottom: 1em;
font-family: "Trebuchet MS", Tahoma, Verdana, Arial;
}

#left {
width: 480px;
float: left;
background: url("pook/background2.jpg") no-repeat;
padding-left: 10px;
}

#right {
width: 300px;
float: left;
}

Post by **pkk** » Thu Jul 17, 2008 3:25 pm

Blablabla... /wink.gif" style="vertical-align:middle" emoid=";)" border="0" alt="wink.gif" />

http://validator.w3.org/check?uri=http%3A%...ine&group=0