summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
-rw-r--r--index.html71
-rw-r--r--style.css76
2 files changed, 67 insertions, 80 deletions
diff --git a/index.html b/index.html
index f539edd..30a0988 100644
--- a/index.html
+++ b/index.html
@@ -247,47 +247,42 @@
247 <div id="footer" class="footer"> 247 <div id="footer" class="footer">
248 <div class="scrollcontainer"> 248 <div class="scrollcontainer">
249 <div class="credits"> 249 <div class="credits">
250 <div class="creditline"> 250 <div class="partners">
251 <div class="credit partner"><a href="https://ccc.de/">Chaos Computer Club</a></div> 251 <a href="https://www.ccc.de/"><div id="ccc" class="partner">
252 <a href="https://www.ccc.de/"><div class="credit ccc"><img src="img/ccc.svg" height="50px" alt="Logo des Chaos Computer Clubs"/></div></a> 252 <img src="img/ccc.svg" height="50px" alt="Logo des Chaos Computer Clubs"/>
253 <div class="credit imprint" onclick="show_impressum()"><span>Impressum + Datenschutz<span></div> 253 <div>Chaos Computer Club Ultras</div>
254 </div> 254 </div></a><!-- this comment is important as white spaces leave gaps between divs
255 <div class="creditline small"> 255 --><a href="https://freifunk.net/"><div id="freifunk" class="partner">
256 <div class="credit empty"></div> 256 <img src="img/freifunk.svg" height="50px" alt="Logo des Freifunk e. V.s"/>
257 <div class="credit noimg empty"></div> 257 <div>Förderverein Freie Netzwerke</div>
258 <div class="credit implementor"><a href="http://elektrowecker.de/">Pepo</a> – UX</div> 258 </div></a><!-- this comment is important as white spaces leave gaps between divs
259 </div> 259 --><a href="https://freiheitsrechte.org/"><div id="gff" class="partner">
260 <div class="creditline"> 260 <img src="img/gff.svg" height=50px" alt="Logo des Gesellschaft für Freiheitsrechte e. V."/>
261 <div class="credit partner"><a href="https://freifunk.net/">Förderverein Freie Netzwerke</a></div> 261 <div>Gesellschaft für Freiheitsrechte</div>
262 <a href="https://freifunk.net/"><div class="credit freifunk"><img src="img/freifunk.svg" height="50px" alt="Logo des Freifunk e. V.s"/></div></a> 262 </div></a>
263 <div class="credit implementor"><a href="http://www.schlicht-und-ergreifend.de">Malik Aziz</a> – Design</div>
264 </div>
265 <div class="creditline small">
266 <div class="credit empty"></div>
267 <div class="credit noimg empty"></div>
268 <div class="credit implementor"><a href="https://erdgeist.org/">erdgeist</a> – Konzept &amp; Umsetzung</div>
269 </div>
270 <div class="creditline">
271 <div class="credit partner"><a href="https://freiheitsrechte.org/">Gesellschaft für Freiheitsrechte</a></div>
272 <a href="https://freiheitsrechte.org/"><div class="credit gff"><img src="img/gff.svg" height=50px" alt="Logo des Gesellschaft für Freiheitsrechte e. V."/></div></a>
273 <div class="credit implementor"><a href="https://kanzlei-hubrig.de/">Beata Hubrig</a> – Rechtliches</div>
274 </div> 263 </div>
264 <div class="credit imprint" onclick="show_impressum()"><span>Impressum + Datenschutz<span></div>
265 <hr/>
266 <div class="credit implementor"><a href="https://erdgeist.org/">erdgeist</a> (Konzept + Umsetzung)</div>
267 <div class="credit implementor"><a href="https://kanzlei-hubrig.de/">Beata Hubrig</a> (Rechtliches)</div>
268 <div class="credit implementor"><a href="http://www.schlicht-und-ergreifend.de">Malik Aziz</a> (Design) ∙ <a href="http://elektrowecker.de/">Pepo</a> (UX)</div>
275 </div> 269 </div>
276 <div class="impressum"> 270 <div class="impressum">
277 <p>Der Abmahnbeantworter ist ein Projekt des Chaos Computer Club e. V.,</p> 271 <div class="partners">
278 <p>des Fördervereins Freie Netzwerke e. V. und der Gesellschaft für Freiheitsrechte e. V.</p> 272 <p>Der Abmahnbeantworter ist ein Projekt des Chaos Computer Club e. V., des Fördervereins Freie Netzwerke e. V. und der Gesellschaft für Freiheitsrechte e. V.</p>
279 <div class="back circle_num" onclick="hide_impressum()">⇦</div> 273 <div class="back circle_num" onclick="hide_impressum()">⇦</div><!--
280 <div class="visdp"> 274 --><div class="visdp">
281 <p><strong>V.i.S.d.P.</strong> 275 <p><strong>V.i.S.d.P.</strong>
282 <p>Dirk Engling</p> 276 <p>Dirk Engling</p>
283 <p>c/o Chaos Computer Club</p> 277 <p>c/o Chaos Computer Club</p>
284 <p>Zeiseweg 9</p> 278 <p>Zeiseweg 9</p>
285 <p>22765 Hamburg</p> 279 <p>22765 Hamburg</p>
286 <p><a href="mailto:erdgeist@ccc.de">E-Mail: erdgeist@ccc.de</a></p> 280 <p><a href="mailto:erdgeist@ccc.de">E-Mail: erdgeist@ccc.de</a></p>
287 </div> 281 </div><!--
288 <div class="datenschutz"> 282 --><div class="datenschutz">
289 <p><strong>Datenschutzerklärung</strong></p> 283 <p><strong>Datenschutzerklärung</strong></p>
290 <p>Eine Erhebung von personenbezogenen Daten der Nutzer dieser Website findet nicht statt. Auch der Webserver speichert keine IP-Adressen der Nutzer.</p> 284 <p>Eine Erhebung von personenbezogenen Daten der Nutzer dieser Website findet nicht statt. Auch der Webserver speichert keine IP-Adressen der Nutzer.</p>
285 </div>
291 </div> 286 </div>
292 </div> 287 </div>
293 </div> 288 </div>
diff --git a/style.css b/style.css
index 0ef5891..9d48498 100644
--- a/style.css
+++ b/style.css
@@ -36,6 +36,7 @@
36html, body { 36html, body {
37 height: 100%; 37 height: 100%;
38 margin: 0px !important; 38 margin: 0px !important;
39 min-width: 480px;
39 40
40 font-family: 'SourceSansPro', sans-serif; 41 font-family: 'SourceSansPro', sans-serif;
41 font-size: 14pt; 42 font-size: 14pt;
@@ -459,26 +460,27 @@ select.zeit {
459 min-height: 100%; 460 min-height: 100%;
460 height: auto !important; 461 height: auto !important;
461 height: 100%; 462 height: 100%;
462 margin: 0 auto -260px; 463 margin: 0 auto -300px;
463} 464}
464 465
465.footer, .push { 466.footer, .push {
466 height: 260px; 467 height: 300px;
467} 468}
468 469
469.footer { 470.footer {
470 width: 100%; 471 width: 100%;
471 min-width: 540px; 472 min-width: 540px;
472 margin: 0; 473 margin: 0;
473 padding: 72px 0 0 0; 474 padding: 50px 0 0 0;
474 475
475 font-size: 12pt; 476 font-size: 11pt;
476 font-weight: 300; 477 font-weight: 300;
477 478
478 overflow: hidden; 479 overflow: hidden;
479 text-align: center; 480 text-align: center;
480} 481}
481 482
483/* Footer links have a softer color than in block 1 */
482.footer a:link, 484.footer a:link,
483.footer a:visited { 485.footer a:visited {
484 color: #8E99A0; 486 color: #8E99A0;
@@ -494,56 +496,45 @@ select.zeit {
494 496
495.footer .imprint { 497.footer .imprint {
496 cursor: pointer; 498 cursor: pointer;
499 margin-bottom: 1em;
497} 500}
498 501
499.credit { 502.partners {
500 display: inline-block; 503 width: 480px;
501 vertical-align: top; 504 padding: 0;
502 width: 210px; 505 margin: 0 auto 24px auto;
503 margin: 0 0 0 0 !important; 506 border: none;
504 padding: 15px 0 0 0;
505
506 height: 35px;
507}
508
509.credit.imprint,
510.credit.implementor {
511 text-align: left;
512} 507}
513 508
514.partner { 509.partner {
515 text-align: right; 510 display: inline-block;
511 vertical-align: bottom;
512 width: 160px;
513 height: 120px;
514 margin: 0px 0px 0px 0px;
516} 515}
517 516
518.credit > img { 517.partner > img {
519 opacity: 0.5; 518 opacity: 0.5;
519 padding: 0 0 0 10px;
520 margin-bottom: 10px;
520} 521}
521 522
522.creditline { 523.partner#ccc > img {
523 height: 50px; 524 padding: 10px 0 0 0;
524} 525 margin: 0;
525
526.creditline.small {
527 height: 35px;
528} 526}
529 527
530.creditline.small > .credit { 528.implementor {
531 vertical-align: middle; 529 margin-bottom: 0.3em;
532 padding-top: 6px;
533 height: 29px;
534} 530}
535 531
536.credit.noimg { 532.credits hr {
537 padding-top: 0; 533 width: 60px;
538 height: 35px; 534 margin-bottom: 1em;
539 width: 100px;
540} 535}
541 536
542.credit.freifunk, .credit.ccc, .credit.gff { 537/* ******** Horizontal footer slide magic ******** */
543 padding-top: 0;
544 height: 50px;
545 width: 100px;
546}
547 538
548.scrollcontainer { 539.scrollcontainer {
549 width: 200%; 540 width: 200%;
@@ -572,7 +563,6 @@ select.zeit {
572 width: 50%; 563 width: 50%;
573 float: left; 564 float: left;
574 position: relative; 565 position: relative;
575 overflow: hidden;
576 left: 0; 566 left: 0;
577 transition: left 1s; 567 transition: left 1s;
578} 568}
@@ -585,8 +575,10 @@ select.zeit {
585.datenschutz { 575.datenschutz {
586 vertical-align: top; 576 vertical-align: top;
587 display: inline-block; 577 display: inline-block;
588 width: 250px; 578 width: 188px;
589 margin-top: 2em; 579 margin: 2em 0 0 32px;
580 text-align: left;
581 padding: 0 0 0 0;
590} 582}
591 583
592.back { 584.back {
@@ -597,7 +589,7 @@ select.zeit {
597 width: 40px; 589 width: 40px;
598 height: 40px; 590 height: 40px;
599 cursor: pointer; 591 cursor: pointer;
600 margin-top: 65px; 592 margin: 65px 0 0 0;
601} 593}
602 594
603.back:hover { 595.back:hover {