diff --git a/content/datenspuren/licenses.xml b/content/datenspuren/licenses.xml
new file mode 100644
index 000000000..7039997d1
--- /dev/null
+++ b/content/datenspuren/licenses.xml
@@ -0,0 +1,49 @@
+
+
+
+
+ Diese Seite enthält einige Werke und ziehmlich alle treten einen Teil ihrer Rechte an die Menschheit ab um uns alle ein Stück vorwärts zu bringen.
+ Generell gilt "Copyleft" von 2004 bis zu deinem heute :) außer hier steht etwas anderes.
+
+
+
+ Das
+
+
+
+
+
+ Folgende Werke hat
+
+ Feed-icon.svg .
+
+
+ Feed-icon.svg .
+
+
+ Feed-icon.svg .
+
+
+ Feed-icon.svg .
+
+
+
+
+
+
\ No newline at end of file
diff --git a/content/static/datenspuren/2012/images/battery.svg b/content/static/datenspuren/2012/images/battery.svg
new file mode 100644
index 000000000..1e9ad4a8f
--- /dev/null
+++ b/content/static/datenspuren/2012/images/battery.svg
@@ -0,0 +1,213 @@
+
+
diff --git a/content/static/datenspuren/2012/images/btn.svg b/content/static/datenspuren/2012/images/btn.svg
new file mode 100644
index 000000000..75f8aaefb
--- /dev/null
+++ b/content/static/datenspuren/2012/images/btn.svg
@@ -0,0 +1,103 @@
+
+
diff --git a/content/static/datenspuren/2012/images/calendar.svg b/content/static/datenspuren/2012/images/calendar.svg
new file mode 100644
index 000000000..6c3f41335
--- /dev/null
+++ b/content/static/datenspuren/2012/images/calendar.svg
@@ -0,0 +1,132 @@
+
+
diff --git a/content/static/datenspuren/2012/images/feed.svg b/content/static/datenspuren/2012/images/feed.svg
new file mode 100644
index 000000000..b32514942
--- /dev/null
+++ b/content/static/datenspuren/2012/images/feed.svg
@@ -0,0 +1,18 @@
+
+
+
diff --git a/content/static/datenspuren/2012/images/filmstrip.svg b/content/static/datenspuren/2012/images/filmstrip.svg
new file mode 100644
index 000000000..b666c48bd
--- /dev/null
+++ b/content/static/datenspuren/2012/images/filmstrip.svg
@@ -0,0 +1,102 @@
+
+
+
+
+
+
+
+ image/svg+xml
+
+
+
+
+ 1 1
+
diff --git a/content/static/datenspuren/2012/images/info.svg b/content/static/datenspuren/2012/images/info.svg
new file mode 100644
index 000000000..a55757d1b
--- /dev/null
+++ b/content/static/datenspuren/2012/images/info.svg
@@ -0,0 +1,127 @@
+
+
diff --git a/content/static/datenspuren/2012/images/logo_ds12.png b/content/static/datenspuren/2012/images/logo_ds12.png
deleted file mode 100644
index 4ff9695a8..000000000
Binary files a/content/static/datenspuren/2012/images/logo_ds12.png and /dev/null differ
diff --git a/content/static/datenspuren/2012/images/logo_ds12_cfp.png b/content/static/datenspuren/2012/images/logo_ds12_cfp.png
deleted file mode 100644
index 2e4c836a8..000000000
Binary files a/content/static/datenspuren/2012/images/logo_ds12_cfp.png and /dev/null differ
diff --git a/content/static/datenspuren/2012/images/map.svg b/content/static/datenspuren/2012/images/map.svg
new file mode 100644
index 000000000..7041215dd
--- /dev/null
+++ b/content/static/datenspuren/2012/images/map.svg
@@ -0,0 +1,621 @@
+
+
diff --git a/content/static/datenspuren/2012/images/marker.svg b/content/static/datenspuren/2012/images/marker.svg
new file mode 100644
index 000000000..febaa9b54
--- /dev/null
+++ b/content/static/datenspuren/2012/images/marker.svg
@@ -0,0 +1,112 @@
+
+
+
+
+
+
+
+
+ image/svg+xml
+
+
+
+
+
+
+
+
+
+
diff --git a/content/static/datenspuren/2012/images/osm.svg b/content/static/datenspuren/2012/images/osm.svg
new file mode 100644
index 000000000..2919c1441
--- /dev/null
+++ b/content/static/datenspuren/2012/images/osm.svg
@@ -0,0 +1,3336 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ image/svg+xml
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 01011001 00110101 10010011 01011001 00110101 10010011
+
diff --git a/content/static/datenspuren/2012/images/video.svg b/content/static/datenspuren/2012/images/video.svg
new file mode 100644
index 000000000..41bd7c5ef
--- /dev/null
+++ b/content/static/datenspuren/2012/images/video.svg
@@ -0,0 +1,153 @@
+
+
diff --git a/content/static/datenspuren/2012/images/wlan.svg b/content/static/datenspuren/2012/images/wlan.svg
new file mode 100644
index 000000000..1db5474ca
--- /dev/null
+++ b/content/static/datenspuren/2012/images/wlan.svg
@@ -0,0 +1,210 @@
+
+
diff --git a/content/static/datenspuren/2012/style/style.css b/content/static/datenspuren/2012/style/style.css
index 51b338fa8..490a468e9 100644
--- a/content/static/datenspuren/2012/style/style.css
+++ b/content/static/datenspuren/2012/style/style.css
@@ -1,357 +1,184 @@
+
+/* placement */
body {
- font-family: sans-serif;
- margin: 12pt auto;
- background: white;
+ width: 100%;
}
-#cloudy {
- background: url("../images/cloudy.png");
- position: relative;
- height: 231px;
- width: 264px;
- margin-right: -44.400000000000006pt;
- margin-top: -60pt;
- float: right;
+
+#device {
+ width: 800px;
+ padding: 5pt;
+ margin-left: auto;
+ margin-right: auto;
}
-#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;
+#screen {
+ margin-top: 1em;
+ margin-bottom: 45pt;
}
-#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;
+#content, #device-2 {
+ padding: 0.5em;
}
-#aussicht {
- background: url("../images/aussicht.png");
- height: 63px;
- width: 191px;
- display: inline-block;
+/**/
+
+/* borders */
+#device {
+ border: 0pt solid #CCC;
+ border-radius: 3.5em;
}
-#aussicht * {
- display: none;
+#device-2 {
+ border: 10pt solid black;
+ border-radius: 3em;
}
-#header {
- text-align: center;
+#screen {
+ border: 2pt solid black;
}
-#content {
- border: 12pt solid #65b8ff;
- border-radius: 24pt;
- background: rgba(255,255,255,0.65);
- min-height: 400px;
- display: inline-block;
+/**/
+
+/* font */
+* {
+ font-family: sans-serif;
}
-#ct0, #ct1, #ct2 {
- display: table-cell;
+#head {
+ text-align: center;
}
-#ct0 {
- width: 50%;
+#head h1, #head h2 {
+ margin: 0px;
}
-#ct1 {
- width: auto;
+/**/
+
+/* menu */
+#menu {
+ display: table;
+ width: 100%;
}
-#ct2 {
- width: 50%;
+#menu > * {
+ display: table-cell;
+ padding: 5pt;
+ vertical-align: top;
+ width: 15%;
}
-.leftSideBar {
- float: left;
- border-right: 12pt solid #65b8ff;
- border-bottom: 12pt solid #65b8ff;
- border-radius: 0 0 24pt 0;
- margin: 0 24pt 24pt 0;
+#menu * {
+ text-align: center;
+ font-size: 87%;
}
-.leftSideBar > div {
- margin: 12pt;
+#battery, #c3d2 { width: auto; }
+#c3d2 { text-align: right; }
+/**/
+
+/* polish */
+#device {
+ background: #bbb;
+ box-shadow: 0em -0.1em 0.4em #CCC;
}
-.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;
+#device-2 {
+ /* bark!! */
+ background: #222;
+ background: -moz-linear-gradient(
+ 200deg,
+ rgb(174, 188, 191) 0,
+ rgb(110, 119, 116) 230pt,
+ rgb(26, 30, 26) 231pt,
+ rgb(10, 8, 9) 100%); /* FF3.6+ */
+ background: -webkit-gradient(
+ linear,
+ right top,
+ left bottom,
+ color-stop(0, rgb(174, 188, 191)),
+ color-stop(230pt, rgb(110, 119, 116)),
+ color-stop(231pt, rgb(26, 30, 26)),
+ color-stop(100%, rgb(10, 8, 9))); /* Chrome,Safari4+ */
+ background: -webkit-linear-gradient(
+ 200deg,
+ rgb(174, 188, 191) 0,
+ rgb(110, 119, 116) 230pt,
+ rgb(26, 30, 26) 231pt,
+ rgb(10, 8, 9) 100%); /* Chrome10+,Safari5.1+ */
+ background: -o-linear-gradient(
+ 200deg,
+ rgb(174, 188, 191) 0,
+ rgb(110, 119, 116) 230pt,
+ rgb(26, 30, 26) 231pt,
+ rgb(10, 8, 9) 100%); /* Opera 11.10+ */
+ background: -ms-linear-gradient(
+ 200deg,
+ rgb(174, 188, 191) 0,
+ rgb(110, 119, 116) 230pt,
+ rgb(26, 30, 26) 231pt,
+ rgb(10, 8, 9) 100%); /* IE10+ */
+ background: linear-gradient(
+ 200deg,
+ rgb(174, 188, 191) 0,
+ rgb(110, 119, 116) 230pt,
+ rgb(26, 30, 26) 231pt,
+ rgb(10, 8, 9) 100%); /* W3C */
}
+#screen { background: white; }
+#screen-top { min-height: 1000px; }
.date {
- padding-left: 12pt;
- font-size: x-small;
- font-weight: normal;
- color: #888;
+ float: right;
+ color: #999;
+ font-size: 80%;
}
-.notice.feed {
- font-size: 9.600000000000001pt;
+#content p { text-align: justify; }
+a {
+ text-decoration: none;
+ color: #335;
+ font-weight: bold;
}
-.url {
- text-decoration: underline;
+#head * {
+ color: #CCC;
+ font-weight: 300;
}
+/**/
+
+/* footer */
#footer {
- text-align: center;
- margin-top: 6pt;
- font-size: 9.600000000000001pt;
+ border-top: 1px solid black;
+ text-align: center;
+ margin: 0 auto;
+ padding: 0.8em 0;
+ font-size: 85%;
}
#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;
+ padding-left: 0px;
margin: 0;
- padding: 0;
- list-style-type: none;
- font-size: 9.600000000000001pt;
}
-.schedule ul li {
+#oldds li {
+ list-style: none;
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;
+
+/* debug */
+nothing { display: none; }
+nothing { border: 1px solid red; }
+
+/* videos, at least */
+section.resource {
+ border: 2pt solid black;
+ border-radius: 8pt;
+ padding: 10pt;
+ margin-bottom: 5pt;
+ display: inline-block;
}
-.resource .play {
- position: absolute;
+section.resource > h4 {
+ margin: 0pt;
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;
+ margin-left: auto;
+ margin-right: auto;
+ max-width: 300px;
+ min-height: 3em;
}
-.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;
+section.resource > p.play {
+ text-align: center !important;
}
+
+/* info */
+#info {
+ position: absolute;
+ color: #CCC;
+ font-weight: 300;
+ padding-left: 0;
+ list-style-type: none;
+ margin-left: 7pt;
+ margin-top: 5pt;
+}
\ No newline at end of file
diff --git a/xsl/datenspuren/xhtml5.xsl b/xsl/datenspuren/xhtml5.xsl
index 4f20ae20c..a4e0ed435 100644
--- a/xsl/datenspuren/xhtml5.xsl
+++ b/xsl/datenspuren/xhtml5.xsl
@@ -35,30 +35,105 @@
-
-
-
-
-
-
+
+
+
+
+ Samstag & Sonntag,
+ 13. & 14. Oktober 2012
+ Eintritt frei
+
+
+
+
+
-
-
+
+
+
+
+
+
+
+
+
+ 
+ 
+ 
+ 
+ 
+ 
+