c3d2/c3d2-web
c3d2
/
c3d2-web
38
3
Fork 0
Code Issues 1 Pull Requests Releases Wiki Activity

prepare datenspuren content for 2012

This commit is contained in:
Astro 2012-04-06 02:14:34 +02:00
parent 64b7581513
commit afbdc10c75
5 changed files with 368 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
content/datenspuren/fahrplan.xml
View File

@ -2,6 +2,9 @@
<!DOCTYPE page SYSTEM "http://www.c3d2.de/dtd/c3d2web.dtd">
<page title="Fahrplan/Programm">
<include-pentabarf-schedule src="../static/datenspuren/2011/fahrplan/day_2011-10-15.de.html"/>
<include-pentabarf-schedule src="../static/datenspuren/2011/fahrplan/day_2011-10-16.de.html"/>
<!--include-pentabarf-schedule src="../static/datenspuren/2011/fahrplan/day_2011-10-15.de.html"/>
<include-pentabarf-schedule src="../static/datenspuren/2011/fahrplan/day_2011-10-16.de.html"/-->
<p>
Wird an dieser Stelle vor der Veranstaltung veröffentlicht.
</p>
</page>

1
content/datenspuren/index.xml
View File

@ -3,6 +3,7 @@
<page title="News">
<news-list prefix="ds12-" details="all"/>
<news-list prefix="ds11-" details="all"/>
</page>

8
content/datenspuren/info.xml
View File

@ -4,7 +4,7 @@
<page title="Informationen">
<dl class="main_left">
<dt>Termin</dt>
<dd>15. und 16. Oktober 2011</dd>
<dd>13. und 14. Oktober 2012</dd>
<dt>Ort</dt>
<dd><link href="ort.html">Scheune</link></dd>
<dt>Eintritt</dt>
@ -14,12 +14,8 @@
<dt>Chat</dt>
<dd><link href="xmpp:datenspuren@muc.hq.c3d2.de?join">datenspuren@muc.hq.c3d2.de</link></dd>
</dl>
<p title="Veranstaltung" class="main_right">Der Chaos Computer Club Dresden lädt zum achten Mal zum Symposium Datenspuren</p>
<p title="Veranstaltung" class="main_right">Der Chaos Computer Club Dresden lädt zum neunten Mal zum Symposium Datenspuren</p>
<p class="main_right">
Willkommen sind wie immer alle selbst denkenden Wesen. Der Eintritt ist frei.
</p>
<!--<p>
Für Besucher von weit her koordinieren wir in unserem
Wiki <link href="https://wiki.c3d2.de/Datenspuren_2010_Mitfahrgelegenheiten">Mitfahrgelegenheiten</link>.
</p>-->
</page>

6
content/datenspuren/mitschnitte.xml
View File

@ -3,8 +3,8 @@
<page title="Mitschnitte">
<p title="Datenspuren 2011">
Die Mitschnitte dieser Datenspuren, angefertigt von COeins:
<p title="Datenspuren 2011 (15. &amp; 16. Oktober 2011)">
Die Mitschnitte der letzten Datenspuren, angefertigt von COeins:
</p>
<resource title="Eröffnung/Abschluß" size="69812270" type="video/avi" url="http://ftp.c3d2.de/datenspuren/2011/ds11_0000_eroeffnung_abschluss.avi" preview="http://ftp.c3d2.de/datenspuren/2011/ds11_0000_eroeffnung_abschluss.gif" poster="http://ftp.c3d2.de/datenspuren/2011/ds11_0000_eroeffnung_abschluss.jpg"><alternative size="36177928" type="video/mp4" url="http://ftp.c3d2.de/datenspuren/2011/ds11_0000_eroeffnung_abschluss.mp4"/><alternative size="35788479" type="video/webm" url="http://ftp.c3d2.de/datenspuren/2011/ds11_0000_eroeffnung_abschluss.webm"/></resource>
@ -52,7 +52,7 @@
type="application/x-bittorrent" url="ds11_mp4.torrent"/>
<p title="Datenspuren 2010 (16 &amp; 17. Oktober 2010)">
Die Mitschnitte vom letzten Jahr, ebenfalls von COeins:
Die Mitschnitte vom vorletzten Jahr, ebenfalls von COeins:
</p>
<resource title="Her mit den Daten!" size="456080984" type="video/mp4" url="http://ftp.ccc.de/regional/dresden/datenspuren/2010/ds2010_3929.mp4" preview="http://ftp.ccc.de/regional/dresden/datenspuren/2010/ds2010_3929.gif" poster="http://ftp.ccc.de/regional/dresden/datenspuren/2010/ds2010_3929.jpg"><alternative size="254926606" type="video/webm" url="http://ftp.ccc.de/regional/dresden/datenspuren/2010/ds2010_3929.webm"/><alternative size="208319596" type="video/ogg" url="http://ftp.ccc.de/regional/dresden/datenspuren/2010/ds2010_3929.ogv"/><alternative size="253865868" type="video/x-flv" url="http://ftp.ccc.de/regional/dresden/datenspuren/2010/ds2010_3929.flv"/></resource>

357
content/static/datenspuren/2012/style/style.css Normal file
View File

@ -0,0 +1,357 @@
body {
font-family: sans-serif;
margin: 12pt auto;
background: white;
}
#cloudy {
background: url("../images/cloudy.png");
position: relative;
height: 231px;
width: 264px;
margin-right: -44.400000000000006pt;
margin-top: -60pt;
float: right;
}
#cloudy-sun {
background-color: #eec73e;
opacity: 0;
-webkit-transition-property: opacity;
-webkit-transition-duration: 0.5s;
-moz-transition-property: opacity;
-moz-transition-duration: 0.5s;
-ms-transition-property: opacity;
-ms-transition-duration: 0.5s;
-o-transition-property: opacity;
-o-transition-duration: 0.5s;
transition-property: opacity;
transition-duration: 0.5s;
width: 200px;
height: 200px;
margin-right: 3px;
margin-left: auto;
border-radius: 100%;
cursor: pointer;
}
#cloudy-sun:hover {
opacity: 0.6;
-webkit-transition-property: opacity;
-webkit-transition-duration: 2s;
-moz-transition-property: opacity;
-moz-transition-duration: 2s;
-ms-transition-property: opacity;
-ms-transition-duration: 2s;
-o-transition-property: opacity;
-o-transition-duration: 2s;
transition-property: opacity;
transition-duration: 2s;
}
#aussicht {
background: url("../images/aussicht.png");
height: 63px;
width: 191px;
display: inline-block;
}
#aussicht * {
display: none;
}
#header {
text-align: center;
}
#content {
border: 12pt solid #65b8ff;
border-radius: 24pt;
background: rgba(255,255,255,0.65);
min-height: 400px;
display: inline-block;
}
#ct0, #ct1, #ct2 {
display: table-cell;
}
#ct0 {
width: 50%;
}
#ct1 {
width: auto;
}
#ct2 {
width: 50%;
}
.leftSideBar {
float: left;
border-right: 12pt solid #65b8ff;
border-bottom: 12pt solid #65b8ff;
border-radius: 0 0 24pt 0;
margin: 0 24pt 24pt 0;
}
.leftSideBar > div {
margin: 12pt;
}
.leftSideBar > div > h2 {
font-size: 12pt;
margin-bottom: 0;
}
.leftSideBar > div > ul {
margin-top: 0;
list-style-type: none;
padding: 0;
font-size: 9.600000000000001pt;
}
a {
color: #980101;
font-weight: bold;
text-decoration: none;
}
.feedlinks {
font-size: 8pt;
font-weight: bold;
color: #888;
}
#bodyText {
padding: 0 24pt 24pt;
}
#bodyText > div {
min-width: 800px;
}
#bodyText > .schedule {
width: auto;
}
h1, h2, h3, dt {
font-weight: bolder;
}
h3.summary {
margin-top: 2em;
}
.date {
padding-left: 12pt;
font-size: x-small;
font-weight: normal;
color: #888;
}
.notice.feed {
font-size: 9.600000000000001pt;
}
.url {
text-decoration: underline;
}
#footer {
text-align: center;
margin-top: 6pt;
font-size: 9.600000000000001pt;
}
#oldds {
margin: 0;
}
#oldds > li {
display: inline;
margin: 0 0.3em;
}
dl dt {
font-weight: bold;
margin-top: 1em;
font-size: 110%;
}
dl dd {
margin-left: 2em;
}
#solar {
background-image: url('../images/sun.svg');
z-index: -1000;
overflow: hidden;
clip: auto;
position: absolute;
top: -3900px;
right: -3900px;
width: 8000px;
height: 8000px;
-webkit-animation: rotate 230s infinite linear;
-moz-animation: rotate 230s infinite linear;
-o-animation: rotate 230s infinite linear;
-ms-animation: rotate 230s infinite linear;
animation: rotate 230s infinite linear;
}
@-webkit-keyframes rotate {
0% {
-webkit-transform:rotate(0deg);
}
100% {
-webkit-transform:rotate(-360deg);
}
}
@-moz-keyframes rotate {
0% {
-moz-transform:rotate(0deg);
}
100% {
-moz-transform:rotate(-360deg);
}
}
@-o-keyframes rotate {
0% {
-o-transform:rotate(0deg);
}
100% {
-o-transform:rotate(-360deg);
}
}
@-ms-keyframes rotate {
0% {
-ms-transform:rotate(0deg);
}
100% {
-ms-transform:rotate(-360deg);
}
}
@keyframes rotate {
0% {
transform:rotate(0deg);
}
100% {
transform:rotate(-360deg);
}
}
.backgroundcloud {
position: absolute;
width: 72px;
height: 40px;
z-index: -7;
}
.backgroundflash {
position: absolute;
z-index: -5;
}
.backgroundraindrop {
position: absolute;
z-index: -8;
color: #65b8ff;
font-family: monospace;
font-size: 50%;
font-weight: bold;
}
/* -- Schedule -- */
.scheduletitle:nth-child(1) {
margin-top: 130px;
}
.schedule {
border-radius: 30px;
background-color: #65B8FF;
border-spacing: 2px;
width: 610px;
}
.schedule .schedulehead {
color: white;
padding: 0.2em 0;
font-weight: bold;
}
.schedule .timeslot {
color: white;
padding: 0.2em 0.8em 0.2em 1em;
text-align: right;
}
.schedule .timeslot.odd {
font-size: 9.600000000000001pt;
}
.schedule td.event {
border-radius: 15px;
background-color: white;
padding: 1em 0.5em;
}
.schedule ul {
display: block;
margin: 0;
padding: 0;
list-style-type: none;
font-size: 9.600000000000001pt;
}
.schedule ul li {
display: inline;
padding-right: 1em;
}
/* -- Video Resource -- */
.resource {
display: inline-block;
margin: 2px 2px;
width: 392px;
text-align: center;
position: relative;
background-color: #65B8FF;
border-top-right-radius: 12pt;
border-top-left-radius: 12pt;
border-bottom-right-radius: 24pt;
border-bottom-left-radius: 24pt;
padding: 0.2em 0;
}
.resource h4 {
font-weight: bold;
margin: 0 auto;
vertical-align: bottom;
}
.resource h4 a {
color: white;
}
.resource img, .resource video {
width: 384px;
border-radius: 2px;
}
.resource .video-js-box {
margin: 0 auto;
padding: 0;
background-color: black;
border-radius: 2px;
}
.resource .video-js-box div.vjs-big-play-button {
/* We use autoplay */
display: none !important;
}
.resource ul {
list-style-type: none;
font-size: 90%;
margin: 0 auto;
padding: 0;
}
.resource li {
display: inline-block;
margin: 0 0.5em;
}
.resource li .size {
padding-left: 0.5em;
font-size: 75%;
color: #333;
}
.resource .play {
position: absolute;
text-align: center;
right: 0;
left: 0;
top: 35%;
bottom: 50%;
font-size: 400%;
font-weight: bold;
color: white;
text-shadow: black 2px 2px 0;
z-index: 10;
margin: 0;
}
.resource .play:hover {
color: #ffff7f;
text-shadow: black 2px 2px 0;
opacity: 0;
-webkit-transition: opacity 2s ease-in;
-moz-transition: opacity 2s ease-in;
-o-transition: opacity 2s ease-in;
-ms-transition: opacity 2s ease-in;
transition: opacity 2s ease-in;
}
.resource img, .resource .play {
cursor: pointer;
}
.resource .feedback {
display: block;
}