[xiph-commits] r8978 - in websites-plone/www: . css
atamido at motherfish-iii.xiph.org
atamido at motherfish-iii.xiph.org
Wed Feb 23 23:26:33 PST 2005
Author: atamido
Date: 2005-02-23 23:26:32 -0800 (Wed, 23 Feb 2005)
New Revision: 8978
Modified:
websites-plone/www/css/xiph-screen.css
websites-plone/www/css/xiphbar.css
websites-plone/www/index.html
Log:
Finished adding rest of the text to the frontpage. Added some more markup to the HTML. Changed some styles for better accessibility compliance. Assuming the rendering bugs in KHTML are not to great for later versions, and the IE 'copyright' bug can be lived with, this should be final layout settings.
Modified: websites-plone/www/css/xiph-screen.css
===================================================================
--- websites-plone/www/css/xiph-screen.css 2005-02-24 07:23:56 UTC (rev 8977)
+++ websites-plone/www/css/xiph-screen.css 2005-02-24 07:26:32 UTC (rev 8978)
@@ -6,6 +6,10 @@
padding: 0;
}
+a {
+ color: #3366CC;
+}
+
.logos {
padding: 72px 0 0 47px;
}
@@ -23,6 +27,7 @@
border-right: 1px solid #9FC0D7;
padding: 1em 1em 1em 0;
position: absolute;
+ float: left;
width: 8em;
min-height: 15em;
height: 100%;
@@ -37,6 +42,7 @@
.leftside li {
text-align: right;
font-size: .7em;
+ line-height: 1.4;
list-style: none;
}
@@ -61,33 +67,16 @@
.content {
margin: 0;
- padding: 0 0 0 10em;
+ padding: 0 1em 0 10em;
font-family: Arial, Helvetica, sans-serif;
}
h2 {
- font-size: 1em;
+ font-size: .9em;
color: #FF9900;
}
-.newslist {
- margin: 0;
- padding: 0;
-}
-
-.newslist li {
- margin-bottom: .5em;
- list-style: none;
+h3 {
font-size: .7em;
- color: #3366CC;
-}
-
-.newslist a {
- color: #3366CC;
- line-height: 0;
-}
-
-.xiph {
color: #FF9900;
- font-weight: bold;
-}
\ No newline at end of file
+}
Modified: websites-plone/www/css/xiphbar.css
===================================================================
--- websites-plone/www/css/xiphbar.css 2005-02-24 07:23:56 UTC (rev 8977)
+++ websites-plone/www/css/xiphbar.css 2005-02-24 07:26:32 UTC (rev 8978)
@@ -19,7 +19,7 @@
-.sites {
+.xiphbar ul {
margin: 0;
border: 0;
padding: .23em 12px .45em 0;
@@ -27,7 +27,7 @@
text-transform: uppercase;
}
-.sites li {
+.xiphbar li {
margin: 0;
border: 0;
padding: 0 10px 0 0;
@@ -35,7 +35,7 @@
list-style: none;
}
-.sites a {
+.xiphbar li a {
color: #FFCE67;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
Modified: websites-plone/www/index.html
===================================================================
--- websites-plone/www/index.html 2005-02-24 07:23:56 UTC (rev 8977)
+++ websites-plone/www/index.html 2005-02-24 07:26:32 UTC (rev 8978)
@@ -4,19 +4,68 @@
<head>
<title>Xiph.org</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+<script type="text/javascript"></script>
<link href="/css/xiph-screen.css" rel="stylesheet" type="text/css"/>
+<style type="text/css">
+<!--
+
+.newslist {
+ margin: 0 0 2em 0;
+ padding: 0;
+}
+
+.newslist li {
+ margin-bottom: .6em;
+ list-style: none;
+ font-size: .7em;
+ line-height: 1.4;
+}
+
+.wiki_ {
+ margin-bottom: 1.4em;
+}
+
+.documentation_ {
+ margin-bottom: 1.4em;
+}
+
+.xiph {
+ color: #FF9900;
+ font-weight: bold;
+}
+
+.banners img {
+ display: block;
+ margin-left: auto;
+ margin-right: auto;
+}
+
+.resources ul {
+ margin: 0;
+ padding: 0;
+}
+
+.resources li {
+ margin-bottom: .6em;
+ list-style: none;
+ font-size: .7em;
+ line-height: 1.4;
+}
+
+-->
+</style>
</head>
<body>
<div class="xiphbar">
<img src="images/logos/xiph/xiphbar.png" alt="Xiph logo"/>
- <ul class="sites">
- <li><a href="http://www.xiph.org/">Xiph.org</a></li>
- <li><a href="http://www.vorbis.org/">Vorbis.org</a></li>
- <li><a href="http://www.theora.org/">Theora.org</a></li>
- <li><a href="http://www.icecast.org/">Icecast.org</a></li>
- <li><a href="http://www.speex.org/">Speex.org</a></li>
- <li><a href="http://www.flac.org/">FLAC.org</a></li>
+ <ul>
+ <li class="xiph_"><a href="http://www.xiph.org/">Xiph.org</a></li>
+ <li class="vorbis_"><a href="http://www.vorbis.org/">Vorbis.org</a></li>
+ <li class="theora_"><a href="http://www.theora.org/">Theora.org</a></li>
+ <li class="icecast"><a href="http://www.icecast.org/">Icecast.org</a></li>
+ <li class="speex_"><a href="http://www.speex.org/">Speex.org</a></li>
+ <li class="flac_"><a href="http://www.flac.org/">FLAC.org</a></li>
</ul>
</div>
@@ -28,22 +77,20 @@
<div class="leftside">
<ul>
- <li><a href="/">About</a></li>
- <li><a href="/">Press</a></li>
- <li><a href="/">Donate</a></li>
- <li><a href="/">Contact</a></li>
- <li><a href="http://wiki.xiph.org/index.php/Main_Page">Wiki</a></li>
- <li> </li>
- <li><a href="/">Downloads</a></li>
- <li><a href="http://trac.xiph.org/cgi-bin/trac.cgi/">Bugs</a></li>
- <li><a href="/">Documentation</a></li>
- <li> </li>
- <li><a href="/">Resources by Project</a></li>
+ <li class="about_"><a href="/">About</a></li>
+ <li class="press_"><a href="/">Press</a></li>
+ <li class="donate_"><a href="/">Donate</a></li>
+ <li class="contact_"><a href="/">Contact</a></li>
+ <li class="wiki_"><a href="http://wiki.xiph.org/index.php/Main_Page">Wiki</a></li>
+ <li class="downloads_"><a href="/">Downloads</a></li>
+ <li class="bugs_"><a href="http://trac.xiph.org/cgi-bin/trac.cgi/">Bugs</a></li>
+ <li class="documentation_"><a href="/">Documentation</a></li>
+ <li class="resources_"><a href="/">Resources by Project</a></li>
</ul>
<div class="leftspacer"></div>
<div class="copyright">
<p>The Xiph Fish Logo is a <br/>trademark (™) of Xiph.Org.</p>
- <p>These pages<br/> © 1994 - 2005 Xiph.Org. <br/>All rights reserved.</p>
+ <p>These pages<br/> © 1994 - 2005 Xiph.Org. <br/>All rights reserved.</p>
</div>
</div>
@@ -55,9 +102,43 @@
<li><a href="http://fluendo.com/press/releases/PR-2004-03.html">Speex Goes 1.0; Xiph.Org now a 501(c)3 Non-Profit Organization</a></li>
<li><b><a href="http://fluendo.com/press/releases/PR-2004-03.html">more headlines ></a></b></li>
</ul>
- <img class="vorbisbanner" src="images/logos/vorbis/vorbis_banner.png" alt="Vorbis Banner" />
- <p>Lotsa text Lotsa text Lotsa text Lotsa text Lotsa text Lotsa text Lotsa text Lotsa text Lotsa text Lotsa text Lotsa text Lotsa text Lotsa text Lotsa text Lotsa text Lotsa text Lotsa text Lotsa text Lotsa text Lotsa text Lotsa text Lotsa text Lotsa text Lotsa text Lotsa text Lotsa text Lotsa text Lotsa text Lotsa text Lotsa text Lotsa text Lotsa text Lotsa text Lotsa text Lotsa text Lotsa text Lotsa text Lotsa text Lotsa text Lotsa text Lotsa text Lotsa text Lotsa text Lotsa text Lotsa text Lotsa text Lotsa text Lotsa text Lotsa text Lotsa text Lotsa text Lotsa text Lotsa text Lotsa text Lotsa text Lotsa text Lotsa text Lotsa text Lotsa text </p>
-
+ <div class="banners">
+ <img class="vorbisbanner" src="images/logos/vorbis/vorbis_banner.png" alt="Vorbis Banner" />
+ <img class="xiphbanner" src="images/logos/xiph/xiph_banner.png" alt="Xiph Banner" />
+ </div>
+ <p style="text-align: center; width: 461px; margin-left: auto; margin-right: auto; font-size: .8em;">In our effort to bring open-source ideals to the world of multimedia, the <b>Xiph.Org Foundation</b> and it's open-source community develops a multitude of amazing products.</p>
+ <h2>Resources by Project</h2>
+ <div class="resources">
+ <div class="containers" style="padding-left: 1em; padding-bottom: 1em; float: right; width: 50%;">
+ <h3>Container Formats</h3>
+ <ul>
+ <li><a href="#">Ogg:</a> Media container. This is our native format and the recommended container for all Xiph codecs.</li>
+ <li><a href="#">Speex RTP:</a> RTP payload format for voice</li>
+ <li><a href="#">Vorbis RTP:</a> RTP payload format for audio</li>
+ <li><a href="#">Theora RTP:</a> RTP payload format for video</li>
+ </ul>
+ </div>
+ <div class="distribsoft">
+ <h3>Software for Distributing Media</h3>
+ <ul>
+ <li><a href="#">Icecast:</a> Streaming server</li>
+ <li><a href="#">Ices:</a> Source client for Icecast Server</li>
+ <li><a href="#">IceShare:</a> P2P content for distribution</li>
+ </ul>
+ </div>
+ <div class="codecs">
+ <h3>Codecs</h3>
+ <ul>
+ <li><a href="#">Vorbis:</a> Audio codec</li>
+ <li><a href="#">Tremor:</a> Fixed-point decoder</li>
+ <li><a href="#">Theora:</a> Video codec</li>
+ <li><a href="#">FLAC:</a> Free Lossless Audio Codec</li>
+ <li><a href="#">Speex:</a> Speech codec</li>
+ <li><a href="#">OggWrit:</a> Text phrase codec (subtitles)</li>
+ <li><a href="#">Ogg Metadata:</a> Arbitratry metadata format</li>
+ </ul>
+ </div>
+ </div>
</div>
More information about the commits
mailing list