Online-Demo

2007-06-05T22:15:59Z

46halbe: /* Teilnehmende Websites */

== Allgemein ==

Dies ist eine Aktion von Bloggern und anderen Website-Betreibern, die den AK Vorratsdatenspeicherung unterstützen wollen.

Wie bei anderen ähnlichen Aktionen (z.B. Softwarepatente) können Website-Betreiber ihre Startseite durch eine sog. Vorschaltseite ersetzen, die auf die Aktion "Stoppt die Vorratsdatenspeicherung" aufmerksam macht und auf die Seite des AK Vorratsdatenspeicherung verlinkt.

Noch besser sind sog. Pagepeels / Eselsohren, die quasi auf jeder Seite integeriert werden können, da doch eine Großzahl der Benutzer nicht über die Startseite auf den Webauftritt gelangen.

== Zeitraum ==

'''Jetzt'''. Denn: die [http://www.vorratsdatenspeicherung.de/?/content/view/78/86/#Europ.C3.A4ische_Richtlinie EU-Richtlinie zur Vorratsspeicherung] soll '''bis 1. Januar 2008''' in deutsches Recht umgesetzt werden.

== Pagepeel/ Eselsohr ==

Vorteil des Pagepeels im Gegensatz zur Vorschaltseite ist, daß auch alle Seiten außer der Startseite mit einbezogen werden können in die Aktion.

[[Bild:Onlinedemo-pagepeel-screenshot.jpg]]

'''Die aktuelle Version ist 1.4'''.

Änderungen Version 1.4

* Störende Hintergrundbilder und -farben durch anderes CSS für Bilder und Links unterbunden
* Störende Abstände durch anderes CSS für Bilder und Links unterbunden
* Preload weiter aus dem sichtbaren Bereich geschoben

Änderungen Version 1.3

* Bilder kommen jetzt direkt von diesem Server (einfacher Änderungen zu machen und zu verbreiten)
* Jetzt mit Preload für die ausgeklappte Ansicht
* Nur noch CSS und HTML-Snippet einbinden reicht
* Bugfix der nicht aufgeklappten Pagepeel-Ani (Dank geht an Marko Jung)

===Code===

Folgenden HTML-Code in den <head>-Bereich einbauen:

<pre>

<style type="text/css">

</style>


</pre>

Folgenden HTML-Code in den <body>-Bereich einbauen:

<pre>

<div id="akct"><a id="akpeel" href="http://www.vorratsdatenspeicherung.de" target="_blank" title="Stoppt die Vorratsdatenspeicherung! Jetzt klicken &amp; handeln!"><img src="http://wiki.vorratsdatenspeicherung.de/images/Akvst.gif" alt="Stoppt die Vorratsdatenspeicherung! Jetzt klicken &amp; handeln!" /></a><a id="akpreload" href="http://wiki.vorratsdatenspeicherung.de/?title=Online_Demo" target="_blank" title="Willst du auch bei der Aktion teilnehmen? Hier findest du alle relevanten Infos und Materialien:"><img src="http://wiki.vorratsdatenspeicherung.de/images/Akvsi.gif" alt="Willst du auch bei der Aktion teilnehmen? Hier findest du alle relevanten Infos und Materialien:" /></a></div>

</pre>

Bereitgestellt von [http://www.dataloo.de dirk/dataloo]

Außerdem als [http://www.dataloo.de/ak-vorratsdatenspeicherung-demo/pagepeel.html aktuelle Testseite online]. Bitte mit weiteren Browsern auf Kombatibilität prüfen und Ergebnis unter ''Technisches'' eintragen.

===Inhaltliches===
* Gibt es Verbesserungsvorschläge?
* Codesnipplet für Smarty

===Technisches/Kompatibilität===

Bisher getestet unter:

* Firefox, Version:2.0.* (Windows 32bit, FreeBSD, MacOSX Intel C2D)
* Epiphany 2.14.3; FLOCK 0.7.8; Opera 9.20; Iceweasel 2.0.0.3 (Debian GNU/Linux 4.0)
* IE, Version 6 (Windows, auch 64bit Version von Browser und OS)
* Konqueror, Version: 3.5.6 (FreeBSD, Kubuntu 7.04) ''mit der Einschränkung, dass das Info-Icon mittem im Eselsohr plaziert ist und der Hover-Effekt nicht auf der gesamten Fläche vom unausgeklappten Eselsohr funktioniert''
* Opera, Version 9.1 (Windows, Linux), Version: 9.2 (Windows, FreeBSD, Linux)
* Seamonkey, Version: 1.1.1 (FreeBSD)
* Firefox 2.0.0.3 (W2K, aktuell gepatched)
* Firefox 2.0.0.3 (Intel Mac OS X)
* Safari 2.0.4 (Mac OS X (Intel und PPC))
* Firefox/BonEcho 2.0.0.3 (NetBSD/amd64 3.1)
* Firefox 2.0.0.3 (Linux/Ubuntu 6.10, Linux/Gentoo-2006.1 x86_64)
* Mozilla 1.7 (SunOS/sparc Solaris 10)
* [http://meineipadresse.de/netrenderer/index.php IE NetRenderer] (Windows)
** IE 7
** IE 6
** IE 5.5
** ''funktioniert nicht unter IE 5.0 (der Link funktioniert nicht, d.h. beim Klicken erscheint nicht www.vorratsdatenspeicherung.de)''

===Anleitung zum Einbau===
* '''Wordpress 2.1/2.2''': Ein fertiges Paket (ZIP) gibt es als Wordpress-Plugin [http://www.brostedt.de/linked/ppeel14.zip hier] zum runterladen. Einfach in das Plugin-Verzeichnis von Wordpress entpacken (es ist nur die Datei ppeelvds.php notwendig), Plugin "Pagepeel (AK VDS)" aktivieren. Fertig. Getestet mit WP 2.1 und 2.2, mit den Versionen 1.5 und 2.0 könnte es auch funktionieren. Plugin wurde zusammengefrickelt von [http://zweicent.brostedt.de/ Ralf "Arby" Brostedt] und liegt derzeit in Version 1.4 vor.
Funktioniert ebenfalls einwandfrei mit 2.0.10.
* '''Joomla''':
** Schnell & dreckig: Direkt ins Seitentemplate einbauen. Im Admin Backend unter Site -> Template Manager -> Site Templates genutztes Template selektieren und "Edit HTML" Button betätigen. An geeigneter Stelle Code reinkopieren.
** Alternativ die Datei /templates/TEMPLATENAME/index.php mit einem Texteditor bearbeiten.
** Vielleicht schöner wäre es, wenn jemand ein Modul bastelt, daß das Eselohr enthält. Das muß dann aber auch im Template eingebunden werden, mit eigenem CSS Class Suffix, damit das nicht wie normale Module formatiert wird. Problem dabei: Module sind immer in einen "table" Tag eingebettet. Muß getestet werden, ob das funzt.
* '''Twoday.net-blogs''':<br />Layout anpassen --> Skins (HTML)--> Den <head>-code in die "Hauptseite" einsetzen, den <body>-code unter "Beitragsanzeige". Speichern, fertig.
* '''Serendipity''':
** Für den Header-Code das Ereignis-Plugin "HTML-Code für den head-Bereich (HTML-Kopf Klotz)" aktivieren und dort den Code eintragen.
** Für den Body-Code das Ereignis-Plugin "HTML-Nugget on page" aktivieren, dort die Option "Top of the content" aktivieren und den Code in die Textbox kopieren. Am Ende des Plugins die Textformatierung ausschalten, speichern, fertig.
* '''TYPO3''':
**In den Setup-Bereich des Template-Datensatzes, wenn das zentrale PAGE-Objekt den Namen "page" hat...
**...für den head-Bereich:<br />page.headerData.10 = TEXT<br />page.headerData.10.value (<br />  HEAD-CODE<br />)
**...für den body-Bereich:<br />page.5 = TEXT<br />page.5.value (<br />  BODY-CODE<br />)

* Wer schreibt eine Anleitung für Blogs, die auf Blogger etc. basieren?
* Wer schreibt eine Anleitung für MediaWiki?
* Wer schreibt eine Anleitung für xtc und os-commerce shops

== Vorschlag für Vorschaltseite / Startseiten-Ersatz ==

[[Bild:Onlinedemo-vorschaltseite-screenshot.jpg]]

Gibt´s hier als HTML & Grafiken im Zip [http://wiki.vorratsdatenspeicherung.de/images/Onlinedemo-vorschaltseite.zip Onlinedemo-vorschaltseite.zip] zum runterladen.
(Vorschlag von [http://www.dataloo.de dirk/dataloo])

Außerdem als [http://www.dataloo.de/ak-vorratsdatenspeicherung-demo/vorschaltseite.html aktuelle Testseite online]. Bitte mit weiteren Browsern auf Kombatibilität prüfen und Ergebnis unter ''Technisches'' eintragen.

'''Inhaltliches'''
* -> Wir haben uns geeinigt, das Motto "Stasi 2.0" vorerst nicht offiziell "als AK Vorrat" zu verwenden. Daher sollte der Hinweis "Eine Aktion des..." raus, es kann ja auch als Aufruf einiger Blogs oder anderer Leute udn Gruppen veröffentlicht werden. Ralf (Gemacht - Dirx)
* Gibt es Verbesserungsvorschläge?

'''Technisches'''
* Die Vorschaltseite kann als Standalone Seite eingebunden werden oder als Div-Overlay. Zum Schließen des Overlays wird Javascript benötigt.
* Bisher getestet unter:
** Firefox, Version: 1.5.0.11 (Windows), Version: 2.0 (Windows, FreeBSD)
** Firefox, Version: 2.0.0.3 (Linux/Suse 9.3)
** IE, Version 6 (Windows)
** IE, Version 7 (Windows)
** Konqueror, Version: 3.5.6 (FreeBSD, Kubuntu 7.04)
** Opera, Version: 9.2 (Windows, FreeBSD)
** Seamonkey, Version: 1.1.1 (FreeBSD)
** Seamonkey, Version: 1.1.1 (Win32)
** Seamonkey, Version: 1.0.8 (Linux/Suse 9.3)

== Teilnehmende Websites ==

Vorschlag - Teilnehmer können sich hier eintragen.
* [http://meson.blogger.de der alltäglich Irrsinn]
* [http://nickpol.twoday.net BadA$$Mood]
* [http://www.le-pixxelfriends.de LE PixxelFriends]
* [http://www.crochunter.de Crocodile Hunter Portal]
* [http://www.madmaxx.info madmaxx.info]
* [http://www.samplepoolz.com Samplepoolz - Audio Online Magazin]
* [http://www.sternengarten.info Der wilde Garten - Einsichten, Aussichten, Gedanken]
* [http://www.menschenopfer.com menschenopfer.com]
* [http://srbg.de/ Psychotic] - srbg.de - Gestörtes aus aller Welt
* [http://www.isarnon.blogspot.com/ Fe26]
* [http://www.trueten.de trueten.de]
* [http://www.mom24.de/ mom24 SEO]
* [http://www.heike-scholz.de Mobile Zeitgeist]
* [http://www.ringfahndung.de Ringfahndung Journal]
* [http://www.rssjunkie.de Rssjunkie]
* [http://www.zoellner.yourweb.de ZoEllNeR Online]
* [http://www.jo-zone.net/blog jo-zone]
* [http://www.spiegelfechter.com Der Spiegelfechter]
* [[Benutzer:Warrior|Warrior]] Website: [http://warriors-blog.blogspot.com/ Warriors Blog]
* [[Benutzer:Ricardo.cristof|Ricardo Cristofs]] Websites: [http://blackblogx.midvinterland.de/ BlackBlogX], [http://www.midvinterland.de/ Midvinterland], [http://cristof.remmert-fontes.de/ My CV]
* [[Benutzer:Zipf|Zipf]] Websites: [http://www.rfxd.de/flohmarket/pagepeel.html rfxd]
* [[Benutzer:Dirx|Dirk Adler]] Websites: [http://www.dataloo.de/ dataloo], [http://dataloo.spreadshirt.net/ stasi 2.0 shirt]
* [[Benutzer:Freierfall|Freierfall]] Websites: [http://freierflug.pytalhost.com/wp/ Freierflug]
* [[Benutzer:WordsBG|WordsBG]] Websites: [http://wordsbg.uttx.net/blog/ Boredom ...sucks]
* [[Benutzer:Julius|Julius]] Websites: [http://browsergames.org/blog/ browsergames.org]
* Raphael Gradenwitz: [http://smarthost.ath.cx/ Die Unschuldsvermutung, ein Menschenrecht!]
* [http://www.siggi-nauditt.de/ Siggi's Homepage]
* http://www.ueberwachungsdruck.org
* [[Benutzer:Simon Columbus|Simon Columbus]] Website: [http://www.simoncolumbus.de/ simoncolumbus.de]
* [[Benutzer:Nexus|Nexus]] [http://nexus.is-ac.de/] [http://chbr.de/]
* [http://www.systemfehler.info systemfehler.info]
* [http://www.abi08-alfeld.de info Abiturjahrgang 2008 Gymnasium Alfeld]
* [http://www.netzpolitik.org netzpolitik.org]
* [http://www.daten-speicherung.de Daten-Speicherung.de]
* [http://www.hackemesser.de/ hackemesser.de]
* [http://www.totale-ueberwachung.de/ TOTALE-UEBERWACHUNG.de]
* [http://www.kevin-bachert.de.vu/ kevin-bachert.de.vu ]
* [http://www.freifunk-hannover.de/ freifunk-hannover.de]
* [http://pirat.co.nr/ nanuk's Pirate-Blog] - Super-Sache! Danke für das Wordpress-Plugin :)
* [http://spreeblick.com/ Spreeblick]
* [http://www.rob-log.de/ rob-log]
* [http://kultur-droge.de/ Kultur-Droge]
* [http://www.rammblog.de/ RammBlog]
* [http://www.kulturbolschewismus.de/ Kulturbolschewismus]
* [http://www.zuckerbrot.de/zblog/ zuckerbrot]
* [http://www.piratenpartei-hessen.de/ Piratenpartei Hessen]
* [http://www.blogglobal.org/ BlogGlobal]
* [http://zweicent.brostedt.de/ Nur meine zwei Cent]
* [http://daphillio.com/ daphillio's blog]
* [http://www.gothic-database.de/ Gothic Database]
* [http://geeks-have-feelings-too.net/ Weblog: Geeks-have-feelings-too.net]
* [http://www.jackpotbaby.de/ Jackpot Baby!]
* [http://www.farliblog.de/ Das Farliblog - Deutschlands beliebtester Verbalterrorist]
* [http://www.windisch-design.de/ windisch-design.de | Fotografie]
* [https://www.fabian-fingerle.de/ fabian-fingerle.de | Blog von Fabian (otih )]
* [https://www.datensalat.eu datensalat.eu]
* [http://it1a.ba-webdesign.com Blog des Semesters IT1A an der HS Esslingen]
* [http://hendi.name Hendis Blog] - Danke für eure Arbeit!
* [http://e-strike.pytalhost.net e-Strike.pytalhost.net]
* [http://grofafo.org/ GroFaFo - Das GROSSE Fantasy-Forum]
* [http://phantastischewelten.de/ Die Phantastischen Welten]
* [http://blog.mathias-richel.de Mathias Richel //Das Blog]
* [http://www.surfkraft.de surfkraft.de instrumental surf weblog]
* [http://www.algar-web.de algar-web.de] - Impressionen und Informationen rund um's Reisen
* [http://www.absurde-zeiten.de Absurde Zeiten]
* [http://prescher.net prescher.net] - Andreas Prescher's Website
* [http://www.pottblog.de Pottblog]
* [http://www.ende-der-vernunft.org/ EDV - Ende der Vernunft]
* [http://blog.yumdap.net/ YuMDaP.net's blog]
* [http://eleysia.myblog.de/eleysia/ eleysia.myblog.de]
* [http://www.freekkk.de/wordpress/ Freekkk.de]
* [http://www.superberti.de superberti.de]
* [http://www.kohnlehome.de kohnlehome.de]
* [http://www.anon-web.de www-anon-web.de]
* [http://www.discountsun.de discountsun.de]
* [http://www.belta.de www.belta.de] - Dr. Moffsens Paginen
* [http://semaphor.org?item=blog genius's semaphlog]
* [http://webknocking.de/wgblog WG-Blog]
* [http://www.oberschichtenfernsehen.de/ www.oberschichtenfernsehen.de]
* [http://www.spacezone.de/ Spacezone is not a blog]
* [http://www.waldiswelle.de/ Waldis Welle - The Resurrection]
* [http://www.dervanil.de/ Dervanil]
* [http://jbg-abi2008.de/ Abi 2008 des JBG]
* [http://blog.rkarn.de blog.rkarn.de] - Danke für das WordPress-Plugin!
* [http://www.rkarn.de www.rkarn.de]
* [http://www.bojeonline.de Boje online]
* [http://www.thomasr-vogt.de thomasr-vogt.de]
* [http://www.leipzigblogs.de leipzigblogs.de]
* [http://www.neunzehnhundert.org Neunzehnhundert.org :: Neue Introspektiven]
* [http://www.hastenedgesehn.de HasteNedGesehn]
* [http://zwei-null.org zwei-null.org]
* [http://www.svenscholz.de sagichdoch?]
* [http://www.nornirsaett.de Nornirs Ætt]
* [http://www.singvoegel.com/ Singvøgel]
* [http://www.zweitens-magazin.de/ zweitens-magazin]
* [http://www.initiative-links.com/ Initiative-Links]
* [http://pozimski.eu pozimski.eu] (zwar erstmal eine Platzhalterseite, aber schonmal eingebaut)
* [http://www.daten-chaos.de/ Daten Chaos]
* [http://blog.hessendscher.de/ hessis weblog]
* [http://www.jpberlin.de/badespasz/ Badespasz Halle (Saale)]
* [http://www.eustruggle.net/ European antifascist and antiimperialist youth struggle network - EUstruggle.net]
* [http://mtb-junkie.de/ MTB Junkie]
* [http://www.eayz.net/ The Mighty E]
* [http://duke.de/ duke.de]
* [http://www.rbrt.de/ robert sacht.]
* [http://www.ellsaesser.de/ www.ellsaesser.de]
* [http://www.reaktanz.de/blog reaktanz-blog] (auf den artikel-seiten)
* [http://www.linke-bildung-kultur.de/ SO! - Onlinezeitung]
* [http://www.pferdepension-eilbacherhof.de/ Pferdepension Eilbacherhof]
* [http://blog.absatzweise.de/ Schwebstoffe]
* [http://www.commonsense.traduc.ch CommonSense]
* [http://blog.juergen-luebeck.de/ juergen-luebeck.de]
* [http://www.traduc.ch/translatr/ translatr]
* [http://www.diestaendigereise.de/ die ständige reise]
* [http://www.boschblog.de/ boschblog.de]
* [http://www.mivesto.de/ mivesto.de]
* [http://www.die-welt-ist-eine-scheibe.de die Welt ist eine Scheibe]
* [http://www.malafide.blogger.de/ mala fide]
* [http://ckay.de ckay.de]
* [http://der-ewige.de der-ewige.de]
* [http://slog.dieblogger.de slog.dieblogger.de]
* [http://www.designinplauen.de/ designinplauen.de]
* [http://xairro.ath.cx/linuxblog/ Linux Online Blog]
* [http://www.spitblog.de/ Spitblog]
* [http://www.nabu-weimar.de/ NABU RV WEIMAR / APOLDA e.V]
* [http://www.dhaunsch.com/ dhaunsch, my journey through life the universe and everthing]
* [http://www.euse.de mois-Blog]
* [http://www.brigittedix.de brigittedix.de]
* [http://www.bhuti.de/ bhuti.de]
* [http://herrmarks.twoday.net HerrMarks' Blog]
* [http://www.stefan-welte.de stefan-welte.de]
* [http://zucker.mseyer.de/ Zucker]
* [http://soe.s79.de/ SoE]
* [http://koffje.org/ koffje.org]
* [http://chris-b-online.de/ chris-b online]
* [http://www.landesjugendvertretung.de Landesjugendvertretung Westfalen (LJV)]
* [http://www.benchbacks.de.vu/ BeNcHBaCKs.De.vU]
* [http://www.blog.cbgreenwood.de @cb's ßetabloggerei]
* [http://www.in-deiner-kleinen-welt.de In deiner kleinen Welt - Lug & Trug von vorn bis hinten… Hans, die Frauen und das Leben…]
* [http://blog.2mor.de/ Babelsberg Movements]
* [http://www.your-abi-kit.de YAK - Your Abi Kit]
* [http://nureinhobby.org nureinhobby]
* [http://www.trance-explosion.de.vu Trance Explosion (wöchentliche Tranceshow)]
* [http://wasserstandsmeldung.de/wordpress wasserstandsmeldung]
* [http://www.notiz-blog.net Notiz-Blog]
* [http://sparrenblog.twoday.net sparrenblog.de]
* [http://www.stud.uni-potsdam.de/~zitrone/ Die Zitrone]
* [http://www.tamagothi.de/ Lumières dans la nuit]
* [http://www.lawlita.com/ lawlita.com - Gedanken eines Jurastudenten]
* [http://www.regioblog.de/ regioblog.de - Artikel und Meinungen aus Südhessen]
* [http://mokel.org Mokel.org]
* [http://www.ubergeek.de ubergeek.de]
* [http://www.suchseite.org suchseite.org]
* [http://www.mogel-packung.de Mogel-Packung.de - mit einer kleinen Mogelpackung-Sammlung]
* [http://www.toke.de Toke.de]
* [http://blog.bitrauschen.de Blog Bitrauschen]
* [http://meingottundmeinewelt.de/ meingottundmeinewelt.de]
* [http://46halbe.org/ 46halbe.org]
[[Kategorie:Öffentlichkeitsarbeit]]

Freiheit statt Angst! - Benutzerbeiträge [de]

Online-Demo