Worked on navigation generation and made first changes in style

This commit is contained in:
Martin Byrenheid 2014-01-21 00:03:09 +01:00
parent 0aae2717f4
commit fab83289b2
11 changed files with 1384 additions and 145 deletions

View File

@ -44,6 +44,7 @@
<link rel="alternate" type="application/atom+xml" title="Atom 1.0" href="{$baseurl}news-atom.xml" />
<link rel="stylesheet" title="Default" type="text/css" href="{$baseurl}style/default.css" />
<link rel="space-api" title="Hackerspace API Endpoint" type="application/json" href="http://www.hq.c3d2.de/spaceapi.json"/>
<link href='http://fonts.googleapis.com/css?family=Source+Code+Pro:500' rel='stylesheet' type='text/css' />
<xsl:comment>[if lt IE 9]&gt;
&lt;script src="<xsl:value-of select="$baseurl"/>script/ie-html5.js" type="text/javascript"&gt;&lt;/script&gt;
&lt;![endif]</xsl:comment>

View File

@ -5,32 +5,12 @@ When changing the position of these files in the navigation sidebar,
please adjust the #navigation li:nth-child(...) rules in the CSS file.
-->
<navigation>
<group>
<file title="News">news</file>
<file>whois</file>
<file>news</file>
<file>schule</file>
</group>
<group>
<file>space</file>
<file>unterstuetzen</file>
</group>
<group>
<file title="Kalender">calendar</file>
<file>themenabende</file>
<file>events</file>
</group>
<group>
<file>ueber_uns</file>
<file>kontakt</file>
<file>muc</file>
<file>wiki</file>
</group>
<group>
<file>radio</file>
<file>podcast</file>
<file>pentamusic</file>
</group>
<group>
<file>shop</file>
<file>warez</file>
</group>
<file>events</file>
<file>unterstuetzen</file>
<file>pentamedia</file>
<file>downloads</file>
</navigation>

View File

@ -1,88 +0,0 @@
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE page SYSTEM "http://www.c3d2.de/dtd/c3d2web.dtd">
<?xml-stylesheet type="text/xsl" href="../xsl/html.xsl" ?>
<page title="Hackerspace">
<p>
<image class="spacestatus"
title="Aktueller Öffnungszustand">http://www.hq.c3d2.de/status.png</image>
Wir sind dabei in wesentlich größere Räume zu ziehen. Damit gibt es
bald mehr Platz für spannende Projekte und Hackerkultur. Wir
suchen sowohl personelle als auch <link
href="unterstuetzen.html">finanzielle Unterstützung</link>.
</p>
<p title="Anfahrt">
<em>Bisher:</em>
Um in das HQ zu kommen, sollte der Nordeingang des Bürogebäudes Lingnerallee genommen werden. Dieser wird gegen 18:00 Uhr geschlossen. In diesem Fall zum Fenster hoch rufen oder per <link href="/muc.html">Chat</link> nachfragen. Die Tür zum HQ befindet sich im 1. Obergeschoss im hinteren Teil des Gebäude.
</p>
<p>
<em>Neu in Renovierung:</em>
Ebenfalls durch den Nordeingang und links abbiegen, jedoch schon die beiden Türen rechts hinter und vor der ersten Glastür.
</p>
<p><link href="images/hq/lingerhaus-gross.jpg"><image title="Vogelperspektive">images/hq/lingerhaus-klein.jpg</image></link></p>
<p title="Ausstattung">
</p>
<ul>
<li>Lötkolben</li>
<li>IPv4- &amp; IPv6-Internet über Ethernet und IEEE802.11n</li>
<li>Kühlschrank mit Club Mate, Eis und TkPizza</li>
<li>Pizzaofen</li>
<li>Kaffeeautomat</li>
<li>Stereoanlage über Pulseaudio</li>
<li>Eine lokale Cloud für Software-Projekte</li>
<li>Externe Bildschirme</li>
<li>Gaffer Tape</li>
<li>Eine Bibliothek toter Baum</li>
<li>Sofas und Sessel</li>
<li>Tische und Stühle</li>
<li>Geselligkeit</li>
<li>Bunte Lichter</li>
<li>Elektronikschrott</li>
</ul>
<p>
Schau auch im Wiki:
</p>
<ul>
<li><link href="https://wiki.c3d2.de/Man_hq">man hq</link></li>
<li><link href="https://wiki.c3d2.de/HQ/Wunschliste">Wunschliste</link></li>
</ul>
<p title="Neue Impressionen">
<link href="https://media.c3d2.de/u/lachmoewe/m/werkzeugschrank/">
<image title="Werkzeugschrank">https://media.c3d2.de/mgoblin_media/media_entries/43/DSC7557.medium.jpg</image>
</link>
<link href="https://media.c3d2.de/u/lachmoewe/m/serverschrank/">
<image title="Serverschrank">https://media.c3d2.de/mgoblin_media/media_entries/42/DSC7554.medium.jpg</image>
</link>
<link href="https://media.c3d2.de/u/lachmoewe/m/schlechtes-arbeitslicht/">
<image title="Schlechtes Arbeitslicht">https://media.c3d2.de/mgoblin_media/media_entries/41/DSC7534.medium.jpg</image>
</link>
<link href="https://media.c3d2.de/u/lachmoewe/m/bestimmungsgerechte-arbeitsbeleuchtung/">
<image title="Bestimmungsgerechte Arbeitsbeleuchtung">https://media.c3d2.de/mgoblin_media/media_entries/32/DSC7515.medium.jpg</image>
</link>
<image title="Neues Bild 1">images/hq/new1.jpg</image>
<link href="http://carwe.de/pano_hq/raum1_01.jpg">
<image title="Panorama Raum 1">images/hq/pano1.jpg</image>
</link>
<link href="http://carwe.de/pano_hq/raum3_01.jpg">
<image title="Panorama Raum 3">images/hq/pano3.jpg</image>
</link>
<link href="https://media.c3d2.de/u/lachmoewe/m/es-werde-licht/">
<image title="Es werde Licht!">https://media.c3d2.de/mgoblin_media/media_entries/33/DSC7517.medium.jpg</image>
</link>
</p>
<p title="Alte Impressionen">
<image title="Hackatmosphäre">images/hq/old1.jpg</image>
<image title="LED-Gebastel">images/hq/old2.jpg</image>
<image title="Raspberry Pi im Zustandsschalter">images/hq/schalter.jpg</image>
</p>
<!--
Im Web:
* hackerspaces.org
* coderwall
-->
</page>

View File

@ -0,0 +1,47 @@
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE page SYSTEM "http://www.c3d2.de/dtd/c3d2web.dtd">
<?xml-stylesheet type="text/xsl" href="../xsl/html.xsl" ?>
<page id="unterstuetzen" title="Unterstützen">
<p title="Spenden">
Raumvergrößerung zieht eine Mieterhöhung mit sich. Wir können das
nicht in der bisherigen Konstellation stemmen. Wenn dir
Hackerspace-Kultur in dieser Stadt wichtig ist, richte einen
Dauerauftrag über einen dir angemessen erscheinenden Betrag an
folgendes Konto ein:
</p>
<dl>
<dt>Bank</dt>
<dd>Dresdner Volksbank</dd>
<dt>Inhaber</dt>
<dd>Netzbiotop Dresden e.V.</dd>
<dt>Kontonummer</dt>
<dd>4655221005</dd>
<dt>BLZ</dt>
<dd>85090000</dd>
<dt>BIC</dt>
<dd>GENODEF 1DRS</dd>
<dt>IBAN</dt>
<dd>DE34 85090000 4655221005</dd>
</dl>
<p>
Der Netzbiotop Dresden e.V. ist der gemeinnützige Verein hinter dem C3D2.
Wir können auch steuerlich absetzbare Spendenquittungen ausstellen.
</p>
<p title="Sachspenden">
Über nützliche und interessante Dinge freuen wir uns. Besonders
benötigte Dinge notieren wir im Wiki:
</p>
<ul>
<li>
<link href="https://wiki.c3d2.de/HQ/Wunschliste">HQ-Wunschliste</link>
</li>
<li>
<link href="https://wiki.c3d2.de/Hardware#Wunschliste">Hardware-Wunschliste</link>
</li>
</ul>
<p>
Stromfressende Server und Elektronikschrott können wir leider
nicht gebrauchen.
</p>
</page>

Binary file not shown.

After

Width:  |  Height:  |  Size: 24 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 620 B

290
output/html/space.html Normal file
View File

@ -0,0 +1,290 @@
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml" lang="de" xml:lang="de">
<head>
<meta charset="utf-8"/>
<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
<meta name="description" content="&lt;&lt;&lt;/&gt;&gt; c3d2, der Erfahrungsaustauschkreis aus dem sächsischen Dresden"/>
<meta name="keywords" content="c3d2 ccc dresden sachsen hacker"/>
<meta name="robots" content="index,follow"/>
<meta name="generator" content="C3D2-Web"/>
<meta name="language" content="de"/>
<meta name="author" content="Fnordic walker"/>
<meta name="date" content="May 23 1981"/>
<meta name="DC.Creator" content="Fnordic walker"/>
<meta name="DC.Description" content="&lt;&lt;&lt;/&gt;&gt; c3d2, der Erfahrungsaustauschkreis aus dem sächsischen Dresden"/>
<meta name="DC.Publisher" content="Chaos Computer Club Dresden"/>
<meta name="DC.Date" content="May 23 1981"/>
<meta name="DC.Type" content="Text"/>
<meta name="DC.Format" content="text/html"/>
<meta name="DC.Language" content="de"/>
<meta name="DC.Coverage" content="Dresden"/>
<meta name="DC.Title" content="c3d2: Chaos Computer Club Dresden"/>
<link rel="icon" type="image/png" href="http://c3d2.de/favicon.ico"/>
<link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="http://c3d2.de/news-rss.xml"/>
<link rel="alternate" type="application/atom+xml" title="Atom 1.0" href="http://c3d2.de/news-atom.xml"/>
<link rel="stylesheet" title="Default" type="text/css" href="http://c3d2.de/style/default.css"/>
<link rel="space-api" title="Hackerspace API Endpoint" type="application/json" href="http://www.hq.c3d2.de/spaceapi.json"/>
<!--[if lt IE 9]>
<script src="http://c3d2.de/script/ie-html5.js" type="text/javascript"></script>
<![endif]-->
<script src="http://c3d2.de/script/jquery-1.8.3.min.js" type="text/javascript" defer="defer">
</script>
<script src="http://c3d2.de/script/jquery.dataset.js" type="text/javascript" defer="defer">
</script>
<script src="http://c3d2.de/script/pentamedia-comments.js" type="text/javascript" defer="defer">
</script>
<script src="http://c3d2.de/script/play-resources.js" type="text/javascript" defer="defer">
</script>
<script src="http://c3d2.de/script/bitlove-enclosures.js" type="text/javascript" defer="defer">
</script>
<title>C3D2 Blub -
Hackerspace
</title>
</head>
<body>
<div id="page">
<div id="head">
<nav id="navigation">
<div id="navgroups">
<ul>
<li>
<li>
<a href="http://c3d2.de/news.html">
MISSING TITLE
</a>
</li>
</li>
<li>
<li>
<a href="http://c3d2.de/whois.html">
MISSING TITLE
</a>
</li>
</li>
<li>
<li>
<a href="http://c3d2.de/schule.html">
MISSING TITLE
</a>
</li>
</li>
<li>
<li>
<a href="http://c3d2.de/space.html" title="&#10; Hackerspace&#10; ">
Hackerspace
</a>
</li>
</li>
<li>
<li>
<a href="http://c3d2.de/unterstuetzen.html">
MISSING TITLE
</a>
</li>
</li>
<li>
<li>
<a href="http://c3d2.de/calendar.html">
MISSING TITLE
</a>
</li>
</li>
<li>
<li>
<a href="http://c3d2.de/themenabende.html">
MISSING TITLE
</a>
</li>
</li>
<li>
<li>
<a href="http://c3d2.de/events.html">
MISSING TITLE
</a>
</li>
</li>
<li>
<li>
<a href="http://c3d2.de/kontakt.html">
MISSING TITLE
</a>
</li>
</li>
<li>
<li>
<a href="http://c3d2.de/muc.html">
MISSING TITLE
</a>
</li>
</li>
<li>
<li>
<a href="http://c3d2.de/wiki.html">
MISSING TITLE
</a>
</li>
</li>
<li>
<li>
<a href="http://c3d2.de/radio.html">
MISSING TITLE
</a>
</li>
</li>
<li>
<li>
<a href="http://c3d2.de/podcast.html">
MISSING TITLE
</a>
</li>
</li>
<li>
<li>
<a href="http://c3d2.de/pentamusic.html">
MISSING TITLE
</a>
</li>
</li>
<li>
<li>
<a href="http://c3d2.de/shop.html">
MISSING TITLE
</a>
</li>
</li>
<li>
<li>
<a href="http://c3d2.de/warez.html">
MISSING TITLE
</a>
</li>
</li>
</ul>
</div>
</nav>
</div>
<section id="content"><h2>
Hackerspace
</h2>
Hackerspace
<p class="">
<img src="http://c3d2.de/http://www.hq.c3d2.de/status.png" title="Aktueller Öffnungszustand" alt="Aktueller Öffnungszustand" class="spacestatus"/>
Wir sind dabei in wesentlich größere Räume zu ziehen. Damit gibt es
bald mehr Platz für spannende Projekte und Hackerkultur. Wir
suchen sowohl personelle als auch <a href="http://c3d2.de/unterstuetzen.html">finanzielle Unterstützung</a>.
</p>
<h3>Anfahrt</h3><p class="">
<em>Bisher:</em>
Um in das HQ zu kommen, sollte der Nordeingang des Bürogebäudes Lingnerallee genommen werden. Dieser wird gegen 18:00 Uhr geschlossen. In diesem Fall zum Fenster hoch rufen oder per <a href="http://c3d2.de//muc.html">Chat</a> nachfragen. Die Tür zum HQ befindet sich im 1. Obergeschoss im hinteren Teil des Gebäude.
</p>
<p class="">
<em>Neu in Renovierung:</em>
Ebenfalls durch den Nordeingang und links abbiegen, jedoch schon die beiden Türen rechts hinter und vor der ersten Glastür.
</p>
<p class=""><a href="http://c3d2.de/images/hq/lingerhaus-gross.jpg"><img src="http://c3d2.de/images/hq/lingerhaus-klein.jpg" title="Vogelperspektive" alt="Vogelperspektive" class=""/></a></p>
<h3>Ausstattung</h3><p class="">
</p>
<ul>
<li>Lötkolben</li>
<li>IPv4- &amp; IPv6-Internet über Ethernet und IEEE802.11n</li>
<li>Kühlschrank mit Club Mate, Eis und TkPizza</li>
<li>Pizzaofen</li>
<li>Kaffeeautomat</li>
<li>Stereoanlage über Pulseaudio</li>
<li>Eine lokale Cloud für Software-Projekte</li>
<li>Externe Bildschirme</li>
<li>Gaffer Tape</li>
<li>Eine Bibliothek toter Baum</li>
<li>Sofas und Sessel</li>
<li>Tische und Stühle</li>
<li>Geselligkeit</li>
<li>Bunte Lichter</li>
<li>Elektronikschrott</li>
</ul>
<p class="">
Schau auch im Wiki:
</p>
<ul>
<li><a href="https://wiki.c3d2.de/Man_hq">man hq</a></li>
<li><a href="https://wiki.c3d2.de/HQ/Wunschliste">Wunschliste</a></li>
</ul>
<h3>Neue Impressionen</h3><p class="">
<a href="https://media.c3d2.de/u/lachmoewe/m/werkzeugschrank/">
<img src="http://c3d2.de/https://media.c3d2.de/mgoblin_media/media_entries/43/DSC7557.medium.jpg" title="Werkzeugschrank" alt="Werkzeugschrank" class=""/>
</a>
<a href="https://media.c3d2.de/u/lachmoewe/m/serverschrank/">
<img src="http://c3d2.de/https://media.c3d2.de/mgoblin_media/media_entries/42/DSC7554.medium.jpg" title="Serverschrank" alt="Serverschrank" class=""/>
</a>
<a href="https://media.c3d2.de/u/lachmoewe/m/schlechtes-arbeitslicht/">
<img src="http://c3d2.de/https://media.c3d2.de/mgoblin_media/media_entries/41/DSC7534.medium.jpg" title="Schlechtes Arbeitslicht" alt="Schlechtes Arbeitslicht" class=""/>
</a>
<a href="https://media.c3d2.de/u/lachmoewe/m/bestimmungsgerechte-arbeitsbeleuchtung/">
<img src="http://c3d2.de/https://media.c3d2.de/mgoblin_media/media_entries/32/DSC7515.medium.jpg" title="Bestimmungsgerechte Arbeitsbeleuchtung" alt="Bestimmungsgerechte Arbeitsbeleuchtung" class=""/>
</a>
<img src="http://c3d2.de/images/hq/new1.jpg" title="Neues Bild 1" alt="Neues Bild 1" class=""/>
<a href="http://carwe.de/pano_hq/raum1_01.jpg">
<img src="http://c3d2.de/images/hq/pano1.jpg" title="Panorama Raum 1" alt="Panorama Raum 1" class=""/>
</a>
<a href="http://carwe.de/pano_hq/raum3_01.jpg">
<img src="http://c3d2.de/images/hq/pano3.jpg" title="Panorama Raum 3" alt="Panorama Raum 3" class=""/>
</a>
<a href="https://media.c3d2.de/u/lachmoewe/m/es-werde-licht/">
<img src="http://c3d2.de/https://media.c3d2.de/mgoblin_media/media_entries/33/DSC7517.medium.jpg" title="Es werde Licht!" alt="Es werde Licht!" class=""/>
</a>
</p>
<h3>Alte Impressionen</h3><p class="">
<img src="http://c3d2.de/images/hq/old1.jpg" title="Hackatmosphäre" alt="Hackatmosphäre" class=""/>
<img src="http://c3d2.de/images/hq/old2.jpg" title="LED-Gebastel" alt="LED-Gebastel" class=""/>
<img src="http://c3d2.de/images/hq/schalter.jpg" title="Raspberry Pi im Zustandsschalter" alt="Raspberry Pi im Zustandsschalter" class=""/>
</p>
</section>
<footer id="footer">
<ul>
<li>
<!-- Creative Commons License -->
<a rel="license" href="http://creativecommons.org/licenses/by-sa/2.0/de/deed.de">
<img src="http://c3d2.de/images/footer/cc-somerights20.png" width="88" height="31" alt="Creative Commons License" title="Creative Commons Attribution-ShareAlike 2.0 Germany License"/>
</a>
<!--
<rdf:RDF xmlns="http://web.resource.org/cc/"
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#">
<Work rdf:about="">
<dc:type rdf:resource="http://purl.org/dc/dcmitype/Interactive" />
<license rdf:resource="http://creativecommons.org/licenses/by-sa/2.0/de/" />
</Work>
<License rdf:about="http://creativecommons.org/licenses/by-sa/2.0/de/">
<permits rdf:resource="http://web.resource.org/cc/Reproduction" />
<permits rdf:resource="http://web.resource.org/cc/Distribution" />
<requires rdf:resource="http://web.resource.org/cc/Notice" />
<requires rdf:resource="http://web.resource.org/cc/Attribution" />
<permits rdf:resource="http://web.resource.org/cc/DerivativeWorks" />
<requires rdf:resource="http://web.resource.org/cc/ShareAlike" />
</License>
</rdf:RDF>
-->
</li>
<li>
<a href="http://c3d2.de/impressum.html">Impressum</a>
</li>
<li>
<a href="http://www.w3.org/html/logo/">
<img src="http://c3d2.de/images/footer/html5-badge-h-multimedia-semantics.png" width="83" height="32" alt="HTML5 Powered with Multimedia, and Semantics" title="HTML5 Powered with Multimedia, and Semantics"/>
</a>
</li>
</ul>
<small class="hidden">
Cover, Concealment, Camouflage, Denial and Deception
</small>
</footer>
</div>
</body>
</html>

View File

@ -0,0 +1,831 @@
/* -- General -- */
html {
margin: 0;
padding: 0;
}
body {
font-family: Verdana, Arial, sans-serif;
margin: 0;
padding: 0;
}
pre {
border: thin dotted #ccc;
margin-left: 1em;
margin-right: 1em;
background-color: #fafafa;
padding: 1em;
}
#content img {
/* prevent overflow */
max-width: 33em;
}
/* -- Logo -- */
/*#logo::before {
margin-bottom: -20px;
height: 30px;
display: block;
border: none;
padding: 0;
line-height: 0.1em;
font-size: 1px;
}
#logo {
margin: 0;
padding: 35px 0 0;
background-image: url(../images/c3d2_blue.jpg);
text-align: left;
}
#logo > a {
display: block;
margin: 0 0 35px;
padding: 0;
}
#logo > a > h1 {
padding: 70px 0 0 0;
max-width: 960px;
margin: 0 auto;
overflow: hidden;
background-image: url(../images/logo.png);
background-repeat: no-repeat;
height: 0px !important;
}
*/
/* -- Page head -- */
#head {
height: 200px;
background-color: #222222;
background-image: url("../images/c3d2_logo.png");
background-repeat: no-repeat;
background-position: right center;
border-bottom: 10px solid #404040;
}
#title_logo {
padding-top: 20px;
padding-left: 40px;
}
/* -- Navigation -- */
#navigation {
text-align: left;
margin: 0;
padding-left: 40px;
max-width: 45%;
}
#navigation ul {
display: inline-block;
list-style-type: none;
font-size: small;
margin: 0.5em 0;
padding: 0 5em 0 0;
vertical-align: top;
}
#navigation li {
line-height: 2em;
float: left;
padding-left: 5px;
}
#navigation a {
color: #888;
font-family: 'Source Code Pro';
font-size: 1.2em;
text-decoration: none;
}
#navigation li.active a {
color: #ddd;
padding-bottom: 3px;
border-bottom: 2px dashed #ebc63c;
}
#navigation a:hover {
color: white;
}
/* -- Content -- */
#content {
text-align: left;
line-height: 1.3em;
margin: 0 auto;
padding: 2em 0 4em;
min-height: 300px;
min-width: 30em;
max-width: 960px;
}
#content.portalcontainer {
max-width: inherit;
padding: 0 0 4em;
text-align: center;
}
#content p {
margin: 1.5em 1em;
}
#content a {
text-decoration: none;
border-bottom: #ebc63c 1px solid;
margin-bottom: 1px;
color: #555;
}
#content a:hover {
border-width: 2px;
margin-bottom: 0px;
}
#content h1,
#content h2,
#content h3,
#content h4,
#content h5 {
letter-spacing: 3px;
margin: 0px;
background-color: transparent;
font-weight: bold;
}
#content h1 {
line-height: 1em;
}
#content h2 {
line-height: 1em;
font-size: 200%;
margin-bottom: 1em;
margin-top: 0px;
color: #333;
text-align: center;
}
#content h3 {
line-height: 1.3em;
font-size: 130%;
margin-top: 30px;
color: #555;
}
#content h4 {
font-size: 120%;
}
#content hr.news {
visibility: hidden;
/*clear: both;*/
}
#content div.news {
padding: 1em;
margin: 0;
margin-bottom: 0.5em;
}
.news_author {
font-size: small;
font-style: italic;
margin-left: 1em;
font-weight: bold;
}
#content h2.news, #content h3.news {
border-bottom: #ebc63c 3px solid;
padding: 0px;
line-height: 1.1em;
margin-bottom: 0px;
}
#content h3.news a {
border: none;
}
#content ul {
list-style-type: square;
list-style-image: url(../images/bullet.png);
}
#content li {
margin-top: .5em;
}
/* -- Comments -- */
div.comments > p:first-child {
padding: 1em 0 0;
/* like h2 */
font-size: 1.2em;
font-weight: bold;
color: #666;
}
div.comment {
border-bottom: #ccc 1.1px dashed !important;
border-top: #ccc 1.1px dashed !important;
padding: 1em 2em 1em !important;
margin: 0 -2em -1.1px;
}
div.comment .author {
font-weight: bold;
}
p.new_comment {
margin-bottom: 4em !important;
}
p.new_comment a:before {
content: url(../images/bullet.png);
padding-right: 4px;
}
/* -- footer -- */
#footer {
clear: both;
margin: 0 auto;
text-align: center;
font-size: small;
}
#footer ul, #footer li {
display: inline;
list-style-type: none;
}
#footer li a {
margin: 0 1em;
color: #676767;
text-decoration: none;
font-weight: bold;
}
#footer li a img {
border: none;
}
.hidden {
color: white;
font-size: xx-small;
clear: both;
}
#update {
font: xx-small sans-serif;
letter-spacing: 0.8px;
color: #666;
}
/* some little helpers */
img.left {
float: left;
margin-right: 1em;
}
img.right {
float: right;
margin-left: 1em;
}
dt {
font-weight: bold;
font-style: italic;
margin-left: 2em;
margin-top: 0.5em;
color: #555;
}
dt:after {
content: ":";
}
dl {
font-size: 90%;
margin-top: 2em;
margin-bottom: 3em;
}
dt.main {
font-style: normal;
font-size: 100%;
margin-left: 1em;
margin-top: 1em;
color: #000;
}
dt.main:after, dt.main:before {
content: "";
}
dd, dt {
font-size: 95%;
}
dd {
margin-left: 4em;
}
ul.details_event {
list-style-type: none;
}
abbr.dtstart, abbr.dtend {
border-bottom: none;
}
.spacestatus {
float: right;
padding: 0;
margin: 0 0 1em 0.5em;
width: 128px;
height: 128px;
}
/* -- Portal -- */
#portal {
white-space-collapsing: discard;
}
#portal article {
display: inline-block;
position: relative;
width: 14.5em;
height: 14.5em;
overflow: hidden;
text-align: left;
vertical-align: middle;
margin: 0.3em 0.15em 0;
padding: 0;
}
#portal article > a {
display: block;
border-bottom: none;
margin: 0;
padding: 0;
width: 14.5em;
height: 14.5em;
}
#portal article > a:hover {
margin: 0;
}
#portal h3, #portal .footer {
position: absolute;
left: 0;
right: 0;
height: 1.2em;
margin: 0;
padding: 0;
font-size: medium;
line-height: 1.2em;
overflow: hidden;
text-overflow: ellipsis;
font-weight: 100;
background-color: rgba(0, 0, 0, 0.6);
color: white;
z-index: 2;
}
/* <header/> */
#portal h3 {
top: -1.3em;
transition: top 0.3s ease-out;
letter-spacing: 0;
}
#portal article:hover h3 {
top: 0;
transition: top 0.1s ease-in;
}
/* <footer/> */
#portal .footer {
bottom: -1.3em;
transition: bottom 0.3s ease-out;
letter-spacing: 0;
}
#portal article:hover .footer {
bottom: 0;
transition: bottom 0.1s ease-in;
}
/* <content-text/> */
#portal h4 {
position: absolute;
left: 0;
top: 1.2rem;
padding: 0.2em 0.1em;
line-height: 0.9em;
font-size: x-large;
font-weight: bold;
letter-spacing: 0;
color: #111;
text-shadow:
-1px 0 1px white, 0 1px 1px white,
1px 0 1px white, 0 -1px 1px white;
background-color: rgba(0, 0, 0, 0);
transition: all 0.3s ease-out;
}
#portal article.news:hover h4 {
color: white;
background-color: rgba(0, 0, 0, 0.6);
text-shadow: none;
transition: all 0.1s ease-in;
}
#portal .wiki h4 {
text-align: justify;
word-break: break-all;
}
#portal .wiki h4:before, #portal .wiki h4:after {
color: #999;
font-size: 120%;
}
#portal .wiki h4:before {
content: '[[';
}
#portal .wiki h4:after {
content: ']]';
}
#portal .space > a {
background: url(/status.png) 50% 50% no-repeat;
}
/* -- Upcoming, Chaosupdates -- */
#portal .upcoming h3 a, #portal .chaosupdates h3 a {
color: white;
}
#portal .upcoming ul, #portal .chaosupdates ul {
list-style-type: none;
font-size: small;
margin: 2em 0 0;
padding: 0 0 0 1.5em;
}
#portal .upcoming ul li, #portal .chaosupdates ul li {
line-height: 1.5em;
margin-top: .5em;
}
/* -- Calendar -- */
table.calendar {
table-layout: fixed;
width: 99%;
border: 1px solid #ccc;
}
table.calendar th {
background: #DDD;
padding: .5em
}
table.calendar tr {
min-height: 5em;
}
table.calendar tr td {
border: none;
vertical-align: top;
background: #eee;
padding: .5em
}
table.calendar tr td span.day {
font-size: 200%;
font-weight: bold;
}
td.calweek1 {
color: black;
}
td.calsun1 {
color: red;
}
td.calweek2 {
color: #6f6f6f;
}
td.calsun2 {
color: #ff6f6f;
}
td.calweek3 {
color: #bfbfbf;
}
td.calsun3 {
color: #ffbfbf;
}
table.calendar tr td ul {
font-size: 70%;
padding: 2px 0px;
margin: 0px;
}
table.calendar tr td ul li {
list-style-type: none;
list-style-image: none;
overflow: hidden;
line-height: 1.3em;
margin-top: 1.5em;
}
table.calendar tr td:hover ul li {
overflow: visible;
}
.calendar .today {
background-color: #ebd16d;
-webkit-transition: background-color 2s linear;
-moz-transition: background-color 2s linear;
-o-transition: background-color 2s linear;
-ms-transition: background-color 2s linear;
transition: background-color 2s linear;
}
/* -- MIME Icons -- */
/* Icons from the Tango Project, http://art.gnome.org/themes/icon/1150 */
/* CSS Idea by Tigion, http://blog.tigion.de/2007/06/28/link-indication-der-kompromiss-des-linkbildes/ */
a.mime:before {
padding-right: 0.3em;
content: url(../images/mime/text.png);
text-align: right;
vertical-align: middle;
}
a[href$=".pdf"].mime:before {
content: url(../images/mime/document.png);
}
a[href$=".ps"].mime:before {
content: url(../images/mime/document.png);
}
a[href$=".html"].mime:before {
content: url(../images/mime/document.png);
}
a[href$=".mp3"].mime:before {
content: url(../images/mime/audio.png);
}
a[href$=".ogg"].mime:before {
content: url(../images/mime/audio.png);
}
a[href$=".opus"].mime:before {
content: url(../images/mime/audio.png);
}
a[href$=".m4a"].mime:before {
content: url(../images/mime/audio.png);
}
a[href$=".m3u"].mime:before {
content: url(../images/mime/playlist.png);
}
a[href$=".pls"].mime:before {
content: url(../images/mime/playlist.png);
}
a[href$=".svg"].mime:before {
content: url(../images/mime/image.png);
}
a[href$=".png"].mime:before {
content: url(../images/mime/image.png);
}
a[href$=".gif"].mime:before {
content: url(../images/mime/image.png);
}
a[href$=".jpg"].mime:before {
content: url(../images/mime/image.png);
}
a[href$=".avi"].mime:before {
content: url(../images/mime/video.png);
}
a[href$=".mpg"].mime:before {
content: url(../images/mime/video.png);
}
a[href$=".mpeg"].mime:before {
content: url(../images/mime/video.png);
}
a[href$=".mov"].mime:before {
content: url(../images/mime/video.png);
}
a[href$=".wmv"].mime:before {
content: url(../images/mime/video.png);
}
a[href$=".ogm"].mime:before {
content: url(../images/mime/video.png);
}
a[href$=".mp4"].mime:before {
content: url(../images/mime/video.png);
}
a[href$=".mkv"].mime:before {
content: url(../images/mime/video.png);
}
a[href$=".m4v"].mime:before {
content: url(../images/mime/video.png);
}
a[href$=".ogv"].mime:before {
content: url(../images/mime/video.png);
}
a[href$=".webm"].mime:before {
content: url(../images/mime/video.png);
}
a[href$=".flv"].mime:before {
content: url(../images/mime/video.png);
}
a[href$=".tar"].mime:before {
content: url(../images/mime/pkg.png);
}
a[href$=".tar.gz"].mime:before {
content: url(../images/mime/pkg.png);
}
a[href$=".tgz"].mime:before {
content: url(../images/mime/pkg.png);
}
a[href$=".tar.bz2"].mime:before {
content: url(../images/mime/pkg.png);
}
a[href$=".tbz"].mime:before {
content: url(../images/mime/pkg.png);
}
a[href$=".zip"].mime:before {
content: url(../images/mime/pkg.png);
}
a[href$=".rar"].mime:before {
content: url(../images/mime/pkg.png);
}
a[href$=".7z"].mime:before {
content: url(../images/mime/pkg.png);
}
a[href$=".torrent"].mime:before {
content: url(../images/mime/bittorrent.png);
}
a[href$="news-rss.xml"]:before {
content: url(../images/mime/feed.png);
padding-right: 0.3em;
}
a[href$="news-atom.xml"]:before {
content: url(../images/mime/feed.png);
padding-right: 0.3em;
}
a[href$="podcast.xml"]:before, a[href$="pentaradio.xml"]:before,
a[href$="pentacast.xml"]:before, a[href$="pentamusic.xml"]:before,
a[href$="pentamedia.xml"]:before, a[href="pentacast-ogg.xml"]:before {
content: url(../images/mime/feed.png);
padding-right: 0.3em;
}
a[href$=".ics"]:before {
content: url(../images/mime/calendar.png);
padding-right: 0.3em;
}
a[href$="xcal.xml"]:before {
content: url(../images/mime/calendar.png);
padding-right: 0.3em;
}
#news h2 a:before {
content: url(../images/mime/feed.png);
padding-right: 0.3em;
}
li audio, li video, li .poster {
max-width: 100%;
margin: 0;
padding: 0;
color: #333;
background-color: white;
}
.play {
display: inline-block !important;
position: relative !important;
}
.play .postercaption {
position: absolute;
z-index: 10;
text-align: center;
right: 0;
left: 0;
top: 45%;
bottom: 45%;
font-size: 300%;
color: white;
text-shadow: #666 1px 1px 0;
font-weight: bold;
}
.play:hover .postercaption {
color: #ffff7f;
text-shadow: black 1px 1px 8.5px;
opacity: 0;
-webkit-transition: opacity 3s ease-in;
-moz-transition: opacity 3s ease-in;
-o-transition: opacity 3s ease-in;
-ms-transition: opacity 3s ease-in;
transition: opacity 3s ease-in;
}
.play {
cursor: pointer;
font-weight: bold;
}
/* -- green play button -- */
#content a.play.no-poster {
display: inline-block;
padding: 0.16em 0.8em 0.2em;
vertical-align: middle;
line-height: 1.3em;
height: 1.3em;
color: white;
font-weight: bold;
text-shadow: 0 -1px rgba(0, 0, 0, 0.55);
border: 1px solid rgba(0, 0, 0, 0.34);
border-bottom-color: rgba(0, 0, 0, 0.55);
background: #83AC35;
webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.55) inset,0 1.5px rgba(0,0,0,0.155),0 -0.65em rgba(0,0,0,0.15) inset;
moz-box-shadow: 0 1px 0 rgba(255,255,255,0.55) inset,0 1.5px rgba(0,0,0,0.155),0 -0.65em rgba(0,0,0,0.15) inset;
ms-box-shadow: 0 1px 0 rgba(255,255,255,0.55) inset,0 1.5px rgba(0,0,0,0.155),0 -0.65em rgba(0,0,0,0.15) inset;
o-box-shadow: 0 1px 0 rgba(255,255,255,0.55) inset,0 1.5px rgba(0,0,0,0.155),0 -0.65em rgba(0,0,0,0.15) inset;
box-shadow: 0 1px 0 rgba(255,255,255,0.55) inset,0 1.5px rgba(0,0,0,0.155),0 -0.65em rgba(0,0,0,0.15) inset;
webkit-border-radius: 3px;
moz-border-radius: 3px;
ms-border-radius: 3px;
o-border-radius: 3px;
border-radius: 3px;
}
#content a.play.no-poster:hover {
/* prevent default a:hover effect */
border: 1px solid #333;
margin-bottom: 1px;
text-shadow: 0 -1px black;
background: #639C15;
}
.video-resource {
vertical-align: top;
width: 48%;
margin: 1em auto;
display: inline-block;
text-align: center;
}
.video-resource.playing {
width: auto;
}
.video-resource h4 {
line-height: 1em;
height: 2em;
vertical-align: bottom;
}
.video-resource img {
max-width: 95%;
}
.video-resource ul {
padding: 0;
font-size: small;
}
.video-resource ul li.play-resource {
display: block;
}
.video-resource ul li {
display: inline-block;
margin: 0 0.8em;
}
.video-resource .size {
margin-left: 0.4em;
font-size: smaller;
color: #333;
}
.chapters {
margin: 0.5em auto;
}
.chapters dt, .chapters dd {
line-height: 2em;
margin: 0;
padding: 0;
}
.chapters dt {
width: 8em;
text-align: right;
margin-bottom: -2em;
}
.chapters dt:after {
content: '';
}
.chapters dd {
margin-left: 10em;
}
p.blockquote {
padding: .5em .5em .5em 2em;
border-left: 20px solid #eee;
background-color: #fafafa;
}
/* -- Flattr button -- */
a.flattr {
content: url(../images/flattrthis.png);
opacity: 0.8;
text-decoration: none;
border-bottom: none;
}
a.flattr:hover {
opacity: 1;
text-decoration: none;
border-bottom: none;
}
/* CSS reset for deficient HTML5 support */
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
display: block;
}

View File

@ -0,0 +1,177 @@
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml" lang="de" xml:lang="de">
<head>
<meta charset="utf-8"/>
<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
<meta name="description" content="&lt;&lt;&lt;/&gt;&gt; c3d2, der Erfahrungsaustauschkreis aus dem sächsischen Dresden"/>
<meta name="keywords" content="c3d2 ccc dresden sachsen hacker"/>
<meta name="robots" content="index,follow"/>
<meta name="generator" content="C3D2-Web"/>
<meta name="language" content="de"/>
<meta name="author" content="Fnordic walker"/>
<meta name="date" content="May 23 1981"/>
<meta name="DC.Creator" content="Fnordic walker"/>
<meta name="DC.Description" content="&lt;&lt;&lt;/&gt;&gt; c3d2, der Erfahrungsaustauschkreis aus dem sächsischen Dresden"/>
<meta name="DC.Publisher" content="Chaos Computer Club Dresden"/>
<meta name="DC.Date" content="May 23 1981"/>
<meta name="DC.Type" content="Text"/>
<meta name="DC.Format" content="text/html"/>
<meta name="DC.Language" content="de"/>
<meta name="DC.Coverage" content="Dresden"/>
<meta name="DC.Title" content="c3d2: Chaos Computer Club Dresden"/>
<link rel="icon" type="image/png" href="favicon.ico"/>
<link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="news-rss.xml"/>
<link rel="alternate" type="application/atom+xml" title="Atom 1.0" href="news-atom.xml"/>
<link rel="stylesheet" title="Default" type="text/css" href="style/default.css"/>
<link rel="space-api" title="Hackerspace API Endpoint" type="application/json" href="http://www.hq.c3d2.de/spaceapi.json"/>
<link href="http://fonts.googleapis.com/css?family=Source+Code+Pro:500" rel="stylesheet" type="text/css"/>
<!--[if lt IE 9]>
<script src="script/ie-html5.js" type="text/javascript"></script>
<![endif]-->
<script src="script/jquery-1.8.3.min.js" type="text/javascript" defer="defer">
</script>
<script src="script/jquery.dataset.js" type="text/javascript" defer="defer">
</script>
<script src="script/pentamedia-comments.js" type="text/javascript" defer="defer">
</script>
<script src="script/play-resources.js" type="text/javascript" defer="defer">
</script>
<script src="script/bitlove-enclosures.js" type="text/javascript" defer="defer">
</script>
<title>C3D2 Blub - Unterstützen</title>
</head>
<body>
<div id="page">
<div id="head">
<div id="title_logo">
<img src="images/c3d2_title.png" alt="C3D2" title="C3D2"/>
</div>
<nav id="navigation">
<ul>
<li>
<a href="news.html">
MISSING TITLE
</a>
</li>
<li>
<a href="schule.html">
MISSING TITLE
</a>
</li>
<li>
<a href="ueber_uns.html">
MISSING TITLE
</a>
</li>
<li>
<a href="kontakt.html">
MISSING TITLE
</a>
</li>
<li>
<a href="events.html">
MISSING TITLE
</a>
</li>
<li class="&#10; active&#10; ">
<a href="unterstuetzen.html" title="Unterstützen">Unterstützen</a>
</li>
<li>
<a href="pentamedia.html">
MISSING TITLE
</a>
</li>
<li>
<a href="downloads.html">
MISSING TITLE
</a>
</li>
</ul>
</nav>
</div>
<section id="content"><h2>Unterstützen</h2>
<h3>Spenden</h3><p class="">
Raumvergrößerung zieht eine Mieterhöhung mit sich. Wir können das
nicht in der bisherigen Konstellation stemmen. Wenn dir
Hackerspace-Kultur in dieser Stadt wichtig ist, richte einen
Dauerauftrag über einen dir angemessen erscheinenden Betrag an
folgendes Konto ein:
</p>
<dl class="">
<dt>Bank</dt>
<dd>Dresdner Volksbank</dd>
<dt>Inhaber</dt>
<dd>Netzbiotop Dresden e.V.</dd>
<dt>Kontonummer</dt>
<dd>4655221005</dd>
<dt>BLZ</dt>
<dd>85090000</dd>
<dt>BIC</dt>
<dd>GENODEF 1DRS</dd>
<dt>IBAN</dt>
<dd>DE34 85090000 4655221005</dd>
</dl>
<p class="">
Der Netzbiotop Dresden e.V. ist der gemeinnützige Verein hinter dem C3D2.
Wir können auch steuerlich absetzbare Spendenquittungen ausstellen.
</p>
<h3>Sachspenden</h3><p class="">
Über nützliche und interessante Dinge freuen wir uns. Besonders
benötigte Dinge notieren wir im Wiki:
</p>
<ul>
<li>
<a href="https://wiki.c3d2.de/HQ/Wunschliste">HQ-Wunschliste</a>
</li>
<li>
<a href="https://wiki.c3d2.de/Hardware#Wunschliste">Hardware-Wunschliste</a>
</li>
</ul>
<p class="">
Stromfressende Server und Elektronikschrott können wir leider
nicht gebrauchen.
</p>
</section>
<footer id="footer">
<ul>
<li>
<!-- Creative Commons License -->
<a rel="license" href="http://creativecommons.org/licenses/by-sa/2.0/de/deed.de">
<img src="images/footer/cc-somerights20.png" width="88" height="31" alt="Creative Commons License" title="Creative Commons Attribution-ShareAlike 2.0 Germany License"/>
</a>
<!--
<rdf:RDF xmlns="http://web.resource.org/cc/"
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#">
<Work rdf:about="">
<dc:type rdf:resource="http://purl.org/dc/dcmitype/Interactive" />
<license rdf:resource="http://creativecommons.org/licenses/by-sa/2.0/de/" />
</Work>
<License rdf:about="http://creativecommons.org/licenses/by-sa/2.0/de/">
<permits rdf:resource="http://web.resource.org/cc/Reproduction" />
<permits rdf:resource="http://web.resource.org/cc/Distribution" />
<requires rdf:resource="http://web.resource.org/cc/Notice" />
<requires rdf:resource="http://web.resource.org/cc/Attribution" />
<permits rdf:resource="http://web.resource.org/cc/DerivativeWorks" />
<requires rdf:resource="http://web.resource.org/cc/ShareAlike" />
</License>
</rdf:RDF>
-->
</li>
<li>
<a href="impressum.html">Impressum</a>
</li>
<li>
<a href="http://www.w3.org/html/logo/">
<img src="images/footer/html5-badge-h-multimedia-semantics.png" width="83" height="32" alt="HTML5 Powered with Multimedia, and Semantics" title="HTML5 Powered with Multimedia, and Semantics"/>
</a>
</li>
</ul>
<small class="hidden">
Cover, Concealment, Camouflage, Denial and Deception
</small>
</footer>
</div>
</body>
</html>

View File

@ -11,37 +11,39 @@
<xsl:template name="navitem">
<xsl:param name="file"/>
<xsl:param name="baseurl"/>
<xsl:param name="title"/>
<li>
<xsl:variable name="xml_file" select="document(concat($file, '.xml'))" />
<a href="{$baseurl}{$file}.html">
<xsl:choose>
<xsl:when test="string-length($title) = 0">
<xsl:if test="document(concat('../content/pages/', $file, '.xml'))/page/@pagetitle">
<xsl:attribute name="title"><xsl:value-of select="document(concat('../content/pages/', $file, '.xml'))/page/@pagetitle"/></xsl:attribute>
</xsl:if>
<xsl:value-of select="document(concat('../content/pages/', $file, '.xml'))/page/@title"/>
</xsl:when>
<xsl:otherwise>
<xsl:value-of select="$title"/>
</xsl:otherwise>
<xsl:choose>
<xsl:when test="$xml_file/page/@title">
<xsl:attribute name="title">
<xsl:value-of select="$xml_file/page/@title"/>
</xsl:attribute>
<xsl:value-of select="$xml_file/page/@title"/>
</xsl:when>
<xsl:otherwise>
MISSING TITLE
</xsl:otherwise>
</xsl:choose>
</a>
</li>
</xsl:template>
<xsl:template name="navitems">
<xsl:for-each select="document('navigation.xml')/navigation/group">
<xsl:param name="active" />
<ul>
<xsl:for-each select="file">
<xsl:call-template name="navitem">
<xsl:with-param name="file" select="."/>
<xsl:with-param name="title" select="@title"/>
<xsl:with-param name="baseurl" select="$baseurl"/>
</xsl:call-template>
</xsl:for-each>
<xsl:for-each select="document('navigation.xml')/navigation/file">
<li>
<xsl:if test=". = $active">
<xsl:attribute name="class">
active
</xsl:attribute>
</xsl:if>
<xsl:call-template name="navitem">
<xsl:with-param name="file" select="."/>
<xsl:with-param name="baseurl" select="$baseurl"/>
</xsl:call-template>
</li>
</xsl:for-each>
</ul>
</xsl:for-each>
</xsl:template>

View File

@ -72,15 +72,14 @@
<!-- # PAGE HEAD # -->
<div id="head">
<!-- TODO: Wrap with link to baseurl -->
<h1>
<xsl:value-of select="common_title_prefix" />
</h1>
<!-- TODO: Include Logo-Artwork -->
<div id="title_logo">
<img src="{$baseurl}images/c3d2_title.png" alt="C3D2" title="C3D2" />
</div>
<nav id="navigation">
<div id="navgroups">
<xsl:call-template name="navitems" />
</div>
<xsl:call-template name="navitems">
<xsl:with-param name="active" select="@id" />
</xsl:call-template>
</nav>
</div>