Commit fed9b0f7 authored by Jean-Baptiste Kempf's avatar Jean-Baptiste Kempf

Template for project and vlc/ improvement

parent c9594fa7
......@@ -14,6 +14,7 @@ RewriteEngine on
RewriteRule \.svn /404.html [L]
RewriteRule removed/ /403.html [L]
RewriteRule HOWTO.Makefile /404.html [L]
RewriteRule templates /404.html [L]
RewriteRule ^favicon.gif$ /favicon.ico [L]
Redirect /videos http://download2.videolan.org/videos
......
......@@ -10,8 +10,10 @@ function FormatSize($size) {
return round($size, 1).$ext;
}
function image( $src_img, $alt ) {
echo "<img src='/images/".$src_img."' alt='".$alt."' />\n";
function image( $src_img, $alt, $id = "" ) {
echo "<img src='/images/".$src_img."' alt='".$alt."'";
if( !empty( $id ) ) echo " id='$id'";
echo "' />\n";
}
/*
......
......@@ -96,6 +96,15 @@ h1
font-size: 23px;
}
h1.bigtitle
{
float: left;
font-family: "Dagny OT";
font-size: 55px;
padding-bottom: 10px;
margin-left: -5px;
}
h2
{
color: black;
......@@ -404,6 +413,34 @@ p
line-height: 18px;
}
/* ======================================= PROJECT PAGES ======================================= */
#projectImg
{
float: left;
padding: 10px 110px 0px 40px;
}
.projectDescription
{
clear: both;
color: #4D4D4D;
font-size: 15px;
line-height: 24px;
}
.tricolumn
{
clear: both;
padding-top: 60px;
color: #333333;
}
.onecolumn, .lastcolumn
{
float: left;
width: 300px;
}
.onecolumn { padding-right: 40px; }
.tricolumn h1 { padding-bottom: 20px; }
/* ======================================= RSS FEEDS =========================================== */
.title
......
<?php
$title = "Free Software and Open Source video streaming solution for every OS!";
$lang = "en";
$menu = array( "projects", "projects" );
require($_SERVER["DOCUMENT_ROOT"]."/include/header.php");
?>
<div>
<?php image( 'largeVLC.png', 'Large Orange VLC media player Traffic Cone Logo', 'projectImg' ); ?>
<div style='float: left; width: 500px;'>
<h1 class='bigtitle'>VLC media player</h1>
<div class='projectDescription'>
VLC is a free and open source cross-platform multimedia player and<br />
framework that plays most multimedia files as well as DVD, Audio CD,<br />
VCD, and various streaming protocols.
</div>
<a class='extraInfoLink' href='/vlc/features.html'>Features</a>
<a class='extraInfoLink' href='/vlc/screenshots.html'>Screenshots</a>
<a class='extraInfoLink' href='#'>Other Systems and Versions</a>
<a id='downloadButton' href='http://www.videolan.org/vlc/download-windows.html'>
<img style='position: absolute; top: -10px; left: -10px;' src='/images/downloadVLC.png' alt='Download VLC icon' />
<div class='downloadText'>Download VLC</div>
<span id='downloadDetails' style='font-size: 12px; color: white;'>
Version 1.1.3 &nbsp;&#8226;&nbsp; Windows &nbsp;&#8226;&nbsp; 15 MB
</span>
</a>
</div>
</div>
<div style='clear: both; padding-top: 90px;'>
<div style='float: left; width: 400px; color: #333333;'>
<h1 style='margin-bottom: 25px;' class='red'>Features</h1>
Lightweight program designed for extreme memory and CPU conditions<br />
<br />
Only one dependancy: libdvbpsi<br />
<br />
CAM menus (MMI) support via an external application<br />
<br />
The configuration file describing outputs can be reloaded without
losing a single packet<br />
<br />
Support for the new S2API of linux-dvb<br />
<br />
IPv6 network support<br />
<br />
UDP rather than RTP output for IPTBV STBs which don't support RTP
</div>
<div style='float: right; width: 450px; padding-left: 70px;'>
<h1 style='padding-left: 5px; margin-bottom: 25px;' class='red'>Screenshots</h1>
<div style='cursor: pointer; border: 1px solid #F48B00; width: 90px; height: 90px; margin: 5px; float: left;'></div>
<div style='cursor: pointer; border: 1px solid #F48B00; width: 90px; height: 90px; margin: 5px; float: left;'></div>
<div style='cursor: pointer; border: 1px solid #F48B00; width: 90px; height: 90px; margin: 5px; float: left;'></div>
<div style='cursor: pointer; border: 1px solid #F48B00; width: 90px; height: 90px; margin: 5px; float: left;'></div>
<div style='clear: left;'></div>
<div style='cursor: pointer; border: 1px solid #F48B00; width: 90px; height: 90px; margin: 5px; float: left;'></div>
<div style='cursor: pointer; border: 1px solid #F48B00; width: 90px; height: 90px; margin: 5px; float: left;'></div>
<div style='cursor: pointer; border: 1px solid #F48B00; width: 90px; height: 90px; margin: 5px; float: left;'></div>
<div style='cursor: pointer; border: 1px solid #F48B00; width: 90px; height: 90px; margin: 5px; float: left;'></div>
<div style='clear: left;'></div>
<div style='cursor: pointer; border: 1px solid #F48B00; width: 90px; height: 90px; margin: 5px; float: left;'></div>
<div style='cursor: pointer; border: 1px solid #F48B00; width: 90px; height: 90px; margin: 5px; float: left;'></div>
<div style='cursor: pointer; border: 1px solid #F48B00; width: 90px; height: 90px; margin: 5px; float: left;'></div>
<div style='cursor: pointer; border: 1px solid #F48B00; width: 90px; height: 90px; margin: 5px; float: left;'></div>
<div style='clear: both;'></div>
<a class='red' style='display: block; padding-top: 10px; padding-left: 5px; font-size: 12px;' href='/vlc/screenshots.html'>view all screenshots</a>
</div>
</div>
<div class='tricolumn'>
<div class="onecolumn">
<h1>Heading One</h1>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse euismod commodo suscipit.<br />
<br />
Donec tempor accumsan massa in iaculis. Donec volutpat rutrum ipsum nec volutpat. Nullam egestas dignissim lorem, eu euismod ante gravida vitae. Sed feugiat porta libero, nec sagittis felis pulvinar ut. Integer ut tristique ante. In hendrerit, risus quis iaculis posuere, ipsum sapien congue nulla, in tristique neque urna sed nibh.<br />
<br />
Nulla ultrices nisl id turpis egestas fermentum. Nunc egestas lacus sit amet metus tincidunt imperdiet. Donec euismod scelerisque diam, a egestas quam pretium non. Phasellus auctor elit non diam facilisis luctus. Sed id justo quis felis aliquam ullamcorper.<br />
</div>
<div class="onecolumn">
<h1>Heading Two</h1>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse euismod commodo suscipit.<br />
<br />
Nulla ultrices nisl id turpis egestas fermentum. Nunc egestas lacus sit amet metus tincidunt imperdiet. Donec euismod scelerisque diam, a egestas quam pretium non. Phasellus auctor elit non diam facilisis luctus. Sed id justo quis felis aliquam ullamcorper.<br />
<br />Donec tempor accumsan massa in iaculis. Donec volutpat rutrum ipsum nec volutpat. Nunc ac urna a risus scelerisque commodo non in neque. Donec blandit eleifend placerat. Proin viverra semper nisi sit amet cursus. Suspendisse potenti. Nullam egestas dignissim lorem, eu euismod ante gravida vitae. Sed feugiat porta libero, nec sagittis felis pulvinar ut. Integer ut tristique ante. In hendrerit, risus quis iaculis posuere, ipsum sapien congue nulla, in tristique neque urna sed nibh.
</div>
<div class='lastcolumn'>
<h1>Heading Three</h1>
Nulla ultrices nisl id turpis egestas fermentum. Nunc egestas lacus sit amet metus tincidunt imperdiet. Donec euismod scelerisque diam, a egestas quam pretium non. Phasellus auctor elit non diam facilisis luctus. Sed id justo quis felis aliquam ullamcorper.<br />
<br />Donec blandit eleifend placerat. Proin viverra semper nisi sit amet cursus. Suspendisse potenti. Nullam egestas dignissim lorem, eu euismod ante gravida vitae. Sed feugiat porta libero, nec sagittis felis pulvinar ut. Integer ut tristique ante. In hendrerit, risus quis iaculis posuere, ipsum sapien congue nulla, in tristique neque urna sed nibh.
</div>
</div>
<div style='clear: both;'></div>
<?php footer(); ?>
......@@ -6,10 +6,10 @@
?>
<div>
<img style='float: left; padding-left: 40px; padding-top: 10px; padding-right: 110px;' alt='Large Orange VLC media player Traffic Cone Logo' src='/images/largeVLC.png' />
<?php image( 'largeVLC.png', 'Large Orange VLC media player Traffic Cone Logo', 'projectImg' ); ?>
<div style='float: left; width: 500px;'>
<h1 style='float: left; font-family: "Dagny OT"; font-size: 55px; padding-bottom: 10px; margin-left: -5px;'>VLC media player</h1>
<div style='color: #4D4D4D; font-size: 15px; line-height: 24px; clear: both;'>
<h1 class='bigtitle'>VLC media player</h1>
<div class='projectDescription'>
VLC is a free and open source cross-platform multimedia player and<br />
framework that plays most multimedia files as well as DVD, Audio CD,<br />
VCD, and various streaming protocols.
......@@ -64,9 +64,9 @@
<a class='red' style='display: block; padding-top: 10px; padding-left: 5px; font-size: 12px;' href='/vlc/screenshots.html'>view all screenshots</a>
</div>
</div>
<div style='clear: both; padding-top: 60px; color: #333333;'>
<div style='float: left; width: 300px; padding-right: 40px;'>
<h1 class='red' style='padding-bottom: 20px;'>Heading One</h1>
<div class='tricolumn'>
<div class="onecolumn">
<h1>Heading One</h1>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse euismod commodo suscipit.<br />
<br />
Donec tempor accumsan massa in iaculis. Donec volutpat rutrum ipsum nec volutpat. Nullam egestas dignissim lorem, eu euismod ante gravida vitae. Sed feugiat porta libero, nec sagittis felis pulvinar ut. Integer ut tristique ante. In hendrerit, risus quis iaculis posuere, ipsum sapien congue nulla, in tristique neque urna sed nibh.<br />
......@@ -74,15 +74,15 @@
Nulla ultrices nisl id turpis egestas fermentum. Nunc egestas lacus sit amet metus tincidunt imperdiet. Donec euismod scelerisque diam, a egestas quam pretium non. Phasellus auctor elit non diam facilisis luctus. Sed id justo quis felis aliquam ullamcorper.<br />
</div>
<div style='float: left; width: 300px; padding-right: 40px;'>
<h1 class='red' style='padding-bottom: 20px;'>Heading Two</h1>
<div class="onecolumn">
<h1>Heading Two</h1>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse euismod commodo suscipit.<br />
<br />
Nulla ultrices nisl id turpis egestas fermentum. Nunc egestas lacus sit amet metus tincidunt imperdiet. Donec euismod scelerisque diam, a egestas quam pretium non. Phasellus auctor elit non diam facilisis luctus. Sed id justo quis felis aliquam ullamcorper.<br />
<br />Donec tempor accumsan massa in iaculis. Donec volutpat rutrum ipsum nec volutpat. Nunc ac urna a risus scelerisque commodo non in neque. Donec blandit eleifend placerat. Proin viverra semper nisi sit amet cursus. Suspendisse potenti. Nullam egestas dignissim lorem, eu euismod ante gravida vitae. Sed feugiat porta libero, nec sagittis felis pulvinar ut. Integer ut tristique ante. In hendrerit, risus quis iaculis posuere, ipsum sapien congue nulla, in tristique neque urna sed nibh.
</div>
<div style='float: left; width: 300px;'>
<h1 class='red' style='padding-bottom: 20px;'>Heading Three</h1>
<div class='lastcolumn'>
<h1>Heading Three</h1>
Nulla ultrices nisl id turpis egestas fermentum. Nunc egestas lacus sit amet metus tincidunt imperdiet. Donec euismod scelerisque diam, a egestas quam pretium non. Phasellus auctor elit non diam facilisis luctus. Sed id justo quis felis aliquam ullamcorper.<br />
<br />Donec blandit eleifend placerat. Proin viverra semper nisi sit amet cursus. Suspendisse potenti. Nullam egestas dignissim lorem, eu euismod ante gravida vitae. Sed feugiat porta libero, nec sagittis felis pulvinar ut. Integer ut tristique ante. In hendrerit, risus quis iaculis posuere, ipsum sapien congue nulla, in tristique neque urna sed nibh.
</div>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment