new layout
[deb/hackedgotchi.git] / templates / index.html.dj
index 7cdb85a..c88f816 100644 (file)
-<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
-<html>
-  <head>
-       <title>{{ name }}</title>
-       <meta http-equiv="content-type" content="text/html; charset=utf-8" >
-       <meta name="generator" content="{{ generator }}" >
-       <link rel="stylesheet" media="screen" type="text/css" href="common/boxless.css" >
-       <link rel="icon" type="image/x-icon" href="common/favicon.ico" >
-       <link href="rss10.xml" rel="alternate" type="application/rss+xml"  title="RSS 1.0 Feed" >
-       <link href="rss20.xml" rel="alternate" type="application/rss+xml"  title="RSS 2.0 Feed" >
-       <link href="atom.xml"  rel="alternate" type="application/atom+xml" title="Atom Feed" >
+<?xml version="1.0" encoding="utf-8"?>
+<!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">
+ <head>
+  <title>{{ name }}</title>
+  <meta http-equiv="content-type" content="text/html; charset=utf-8" />
+  <meta name="generator" content="{{ generator }}" />
+  <link rel="stylesheet" href="common/planet.css" type="text/css" />
+  <link rel="icon" type="image/x-icon" href="common/favicon.ico" />
+  <link href="rss10.xml" rel="alternate" type="application/rss+xml"  title="RSS 1.0 Feed" />
+  <link href="rss20.xml" rel="alternate" type="application/rss+xml"  title="RSS 2.0 Feed" />
+  <link href="atom.xml"  rel="alternate" type="application/atom+xml" title="Atom Feed" />
 
-       <script type="text/javascript" src="common/hide.js"></script>
-       <script type="text/javascript">
-         <!--
-                window.onload=hideHosts;
-               -->
-       </script>
 </head>
+  <script type="text/javascript" src="common/hide.js"></script>
+  <script type="text/javascript">
+  <!--
+        window.onload=hideHosts;
+       -->
+  </script>
+ </head>
 
-<body>
+ <body>
+  <div id="header">
+   <div id="upperheader">
+    <div id="logo">
+               <a href="./" title="Debian Home"><img src="common/Pics/openlogo-50.png" alt="Debian" width="50" height="61" /></a> 
+    </div><!-- end logo -->
+    <p class="section">planet</p>
+   </div><!-- end upperheader -->
+   <div id="navbar">
+    <p class="hidecss"><a href="#inner">Skip Quicknav</a></p>
+    <ul>
+       <li><a href="http://www.debian.org/intro/about">About Debian</a></li>
+     <li><a href="http://www.debian.org/distrib/">Getting Debian</a></li>
+     <li><a href="http://www.debian.org/doc/">Documentation</a></li>
+     <li><a href="http://www.debian.org/support">Support</a></li>
+     <li><a href="http://www.debian.org/devel/">Development</a></li>
+    </ul>
+   </div><!-- end navbar -->
+  </div><!-- end header -->
+  <p id="breadcrumbs"><a href="http://planet.debian.org/">Planet Debian</a></p>
+   <div id="content">
 
-{% for item in Items %}
-{% ifchanged item.new_date %}
- <h1>{{ item.new_date }}</h1>
-{% endifchanged %}
+    {% for item in Items %}
+     {% ifchanged item.new_date %}
   <h1>{{ item.new_date }}</h1>
+     {% endifchanged %}
 
- <div class="channel">
- {% ifchanged item.channel_name %}
-   {% if item.channel_face %}
   <div class="channel">
    {% ifchanged item.channel_name %}
+      {% if item.channel_face %}
      <a href="{{ item.channel_link }}">
-       <img class="face" src="heads/{{ item.channel_face }}"
+      <img class="face" src="heads/{{ item.channel_face }}"
             width="{{ item.channel_facewidth }}" height="{{ item.channel_faceheight }}"
-            alt="hackergotchi for {{ item.channel_author|safe }}" >
+            alt="hackergotchi for {{ item.channel_author|safe }}" />
      </a>
-   {% endif %}
-   <h2>
-       <a href="{{ item.channel_link }}" title="{{ item.channel_title }}">{{ item.channel_name|safe }}</a>
-       <script type="text/javascript">
+      {% endif %}
+     <h2 class="planet-title">
+      <a href="{{ item.channel_link }}" title="{{ item.channel_title }}">{{ item.channel_name|safe }}</a>
+       <script type="text/javascript">
          <!--
                 document.write( "<a href=\"#\" id=\"{{ item.link }}_hide\" onClick=\"exclude( '{{ item.link }}' ); hideHosts(); return false;\"><img src=\"common/minus-8.png\" style=\"border: none;\" title=\"Hide Author\" alt=\"Hide Author\" height=\"8\" width=\"8\"><\/a> <a href=\"#\" id=\"{{ item.link }}_show\"  style=\"display:none;\" onClick=\"show( '{{ item.link }}' );  return false;\"><img src=\"common/plus-8.png\" style=\"border: none;\" title=\"Show Author\" alt=\"Show Author\" height=\"8\" width=\"8\"><\/a>" );
          -->
-       </script>
-   </h2>
- {% endifchanged %}
-   <div id="{{ item.link }}" class="{{ item.link }}">
-        <div class="entry">
-          <h3>
-                <a href="{{ item.link}}">{{ item.title }}</a>
-          </h3>
-          <div class="content">
-                {{ item.content|safe }}
-          </div>
-
-          <p class="date">
-                <a href="{{ item.link }}">{{ item.date }}</a>
-                {% if item.author %}
-                  by {{ item.author|safe }}
-                {% endif %}
-          </p>
+       </script>
+      </h2>
    {% endifchanged %}
+     <div id="{{ item.link }}" class="{{ item.link }}">
+      <div class="entry">
+       <h3 class="entry-title">
+        <a href="{{ item.link}}">{{ item.title }}</a>
+       </h3>
+       <div class="content">
+        {{ item.content|safe }}
+       </div>
+       <p class="date">
+        <a href="{{ item.link }}">{{ item.date }}</a>
+        {% if item.author %}
+         by {{ item.author|safe }}
+        {% endif %}
+       </p>
+      </div>
      </div>
+    </div>
+    {% endfor %}
    </div>
- </div>
-{% endfor %}
-
-    <div id="sidebar">
-         <h1>{{ name }}</h1>
-         <div id="logo"><img src="common/debian.png" width="101" height="124" alt=""></div>
-
-               {% if Config.search %}
-         <h1>{{ Config.searchtext }}</h1>
-         <form method="GET" action="/cgi-bin/search.cgi">
-               <input type="text" name="terms" value="">
-         </form>
-               {% endif %}
-
-         <p>
-               {{ Config.syndicationtext }}
-         </p>
-
-         <p>
-               <a href="rss10.xml"><img class="button" src="common/rss10.png" width="80" height="15" alt="[RSS 1.0 Feed]"></a>
-               <a href="rss20.xml"><img class="button" src="common/rss20.png" width="80" height="15" alt="[RSS 2.0 Feed]"></a>
-               <a href="atom.xml"><img class="button" src="common/atom.png" width="80" height="15" alt="[Atom Feed]"></a>
-               <a href="foafroll.xml"><img class="button" src="common/foaf.png" width="80" height="15" alt="[FOAF Subscriptions]"></a>
-               <a href="opml.xml"><img class="button" src="common/opml.png" width="80" height="15" alt="[OPML Subscriptions]"></a>
-               <a href="http://www.catb.org/hacker-emblem/"><img class="button" src="common/hacker.png" width="80" height="15" alt="[Hacker]"></a>
-               <a href="http://www.intertwingly.net/code/venus/"><img class="button" src="common/planet.png" width="80" height="15" alt="[Planet]"></a>
-         </p>
-
-         <p>
-               {{ Config.lastupdatetext }} {{ date|date:"d M Y H:i" }}<br>{{ Config.utctext }}<br>
-               {{ Config.contacttext }} <a href="mailto:{{ owner_email }}">{{ owner_name }}</a><br>
-               {{ Config.wikitext }} <a href="{{ Config.wiki_url }}">{{ Config.wikiname }}</a>
-         </p>
-
-         <h2>{{ Config.otherplanettext }}</h2>
-         <ul>
-               {% include "planets.html" %}
-         </ul>
-
-         <div id="unhide-all" style="display:none;">
-               <h2>{{ Config.hiddenfeedstext }}</h2>
-               <p>{{ Config.hiddenfeedstext2 }} <a href="#" onClick="excludeNone(); return false">{{ Config.showalltext }}</a></p>
-         </div>
-
-         <h2>{{ Config.subscriptionstext }}</h2>
-         <ul>
-               {% for channel in Channels %}
-                 <li><a href="{{ channel.link }}" title="{{ channel.title }}">{{ channel.name|safe }}</a> <a href="{{ channel.url }}">({{ Config.feedtext }})</a></li>
-               {% endfor %}
-         </ul>
-       </div>
-</body>
+   <div id="sidebar">
+    {% if Config.search %}
+     <h1>{{ Config.searchtext }}</h1>
+     <form method="GET" action="/cgi-bin/search.cgi">
+      <input type="text" name="terms" value="">
+     </form>
+    <hr />
+    {% endif %}
+    <p>
+     {{ Config.syndicationtext }}
+    </p>
+    <p>
+     <a href="rss10.xml"><img class="button" src="common/rss10.png" width="80" height="15" alt="[RSS 1.0 Feed]"></a>
+     <a href="rss20.xml"><img class="button" src="common/rss20.png" width="80" height="15" alt="[RSS 2.0 Feed]"></a>
+     <a href="atom.xml"><img class="button" src="common/atom.png" width="80" height="15" alt="[Atom Feed]"></a>
+     <a href="foafroll.xml"><img class="button" src="common/foaf.png" width="80" height="15" alt="[FOAF Subscriptions]"></a>
+     <a href="opml.xml"><img class="button" src="common/opml.png" width="80" height="15" alt="[OPML Subscriptions]"></a>
+     <a href="http://www.catb.org/hacker-emblem/"><img class="button" src="common/hacker.png" width="80" height="15" alt="[Hacker]"></a>
+     <a href="http://www.intertwingly.net/code/venus/"><img class="button" src="common/planet.png" width="80" height="15" alt="[Planet]"></a>
+    </p>
+   <p>
+    {{ Config.lastupdatetext }} {{ date|date:"d M Y H:i" }}<br>{{ Config.utctext }}<br>
+    {{ Config.contacttext }} <a href="mailto:{{ owner_email }}">{{ owner_name }}</a>
+   </p>
+   <h2>{{ Config.otherplanettext }}</h2>
+   <ul>
+    {% include "planets.html" %}
+   </ul>
+   <div id="unhide-all" style="display:none;">
+    <h2>{{ Config.hiddenfeedstext }}</h2>
+    <p>{{ Config.hiddenfeedstext2 }} <a href="#" onClick="excludeNone(); return false">{{ Config.showalltext }}</a></p>
+   </div>
+   <h2>{{ Config.subscriptionstext }}</h2>
+   <ul>
+    {% for channel in Channels %}
+    <li><a href="{{ channel.link }}" title="{{ channel.title }}">{{ channel.name|safe }}</a> <a href="{{ channel.url }}">({{ Config.feedtext }})</a></li>
+    {% endfor %}
+   </ul>
+  </div>
+ </body>
 </html>