codekasten/wortschlucker/templates/layout.html

148 lines
4 KiB
HTML

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:py="http://genshi.edgewall.org/" py:strip="">
<py:match path="head" once="true">
<head py:attrs="select('@*')">
<title py:with="title = list(select('title/text()'))">
WortSchlucker<py:if test="title">: ${title}</py:if>
</title>
<link rel="stylesheet" href="${base_url}media/style.css" type="text/css" />
<script type="text/javascript" src="${base_url}media/jquery.js"></script>
${select('*[local-name()!="title"]')}
</head>
</py:match>
<div py:def="poll_new_small" class="poll_new_small">
<form action="/polls/new" method="post">
<label for="title">Titel des Wortschluckers:</label>
<input type="text" id="title" class="poll_new_small_text" name="title" />
<span py:if="'title' in errors" class="error">${errors.title}</span>
<input type="submit" name="submit" class="poll_new_small_button" value="N&auml;chster Schritt" />
</form>
</div>
<py:match path="body" once="true">
<body py:attrs="select('@*')">
<div id="header-wrapper">
<div id="header">
<div id="menu">
<ul>
<li class="current_page_item"><a href="#">Blog</a></li>
<li><a href="#" class="first">This </a></li>
<li><a href="#">will be</a></li>
<li><a href="#">advertisement</a></li>
</ul>
</div>
<!-- end #menu -->
<div class="search">
<form method="get" action="">
<fieldset>
<input type="text" name="s" class="search-text" size="15" />
<input type="submit" class="search-submit" value="GO" />
</fieldset>
</form>
</div>
<!-- end #search -->
</div>
</div>
<!-- end #header -->
<!-- end #header-wrapper -->
<div id="logo">
<div id="logo-image">
<a href="${base_url}">
<img src="${base_url}media/images/logo.png" width="67" height="96" alt="WortSchlucker logo" /></a>
</div>
<div id="logo-text">
<a href="${base_url}"><h1>Wortschlucker</h1></a>
<p><em> nomnomnom</em></p>
</div>
</div>
<hr />
<!-- end #logo -->
<div id="page">
<div id="page-bgtop">
<div id="content">
${select('*|text()')}
</div>
<!-- end #content -->
<div id="sidebar">
<ul>
<li>
<h2>Use Cases</h2>
<ul>
<li><a href="/node/brainstorming.html">Brainstorming</a></li>
<li><a href="/node/kartenabfrage_online.html">Kartenabfrage</a></li>
<li><a href="/node/feedback_online.html">Feedback</a></li>
<li><a href="/node/auswertungsmethode.html">Auswertungsmethode</a></li>
<li><a href="/node/notizzettel_online.html">Notizzettel</a></li>
<li><a href="/node/einkaufsliste.html">Einkaufsliste</a></li>
<li><a href="/node/microblogging_zwischenablage.html">Zwischenablage</a></li>
<li><a href="/node/namensfindung_projekte.html">Namensfindung</a></li>
</ul>
</li>
<li>
<h2>Advertisement </h2>
<ul>
<li><a href="#">&nbsp;</a></li>
<li><a href="#">&nbsp;</a></li>
<li><a href="#">&nbsp;</a></li>
<li><a href="#">&nbsp;</a></li>
<li><a href="#">&nbsp;</a></li>
<li><a href="#">&nbsp;</a></li>
<li><a href="#">&nbsp;</a></li>
<li><a href="#">&nbsp;</a></li>
</ul>
</li>
<li>
<h2>Nav</h2>
<ul>
<li><a href="/node/agb.html">AGB</a></li>
<li><a href="/node/impressum.html">Impressum</a></li>
<li><a href="/node/datenschutz.html">Datenschutz</a></li>
<li><a href="/node/kontakt.html">Kontakt</a></li>
</ul>
</li>
</ul>
</div>
<!-- end #sidebar -->
<div style="clear: both;">&nbsp;</div>
</div>
</div> <!-- end #page -->
<div id="footer">
<div id="footer_left">
<h3> Lorem Ipsum </h3>
Fliesstext fuer die Suchmaschinen
</div>
<div id="footer_center">
<h3> Lorem Ipsum </h3>
Evtl. hier Links rein, auch den legal stuff
</div>
<div id="footer_right">
<h3> Lorem Ipsum </h3>
Fliesstext fuer die Suchmaschinen
</div>
<div id="footer_bottom">
<p>(c) 2010 wortschlucker.de. Design based on themes from <a href="http://www.freecsstemplates.org/">Free CSS Templates</a>.</p>
</div>
</div><!-- end #footer -->
</body>
</py:match>
</html>