From b23a05d75848aaa5e4f6297a7243c03ef4cf0bf8 Mon Sep 17 00:00:00 2001 From: Peter Urban Date: Tue, 2 Apr 2019 00:35:09 +0200 Subject: [PATCH] autotopia: Enable html-only i11n. xsl: Add lang attribute passing to some tags. --- content/autotopia/index.xml | 110 ++++++++++++++++++------- content/static/autotopia/autotopia.css | 40 +++++++-- xsl/common.xsl | 4 + 3 files changed, 116 insertions(+), 38 deletions(-) diff --git a/content/autotopia/index.xml b/content/autotopia/index.xml index 1f713b877..3ec75e4fc 100644 --- a/content/autotopia/index.xml +++ b/content/autotopia/index.xml @@ -2,20 +2,29 @@ + + Autotopia, Vertical Headerautotopia_vertical_header.svg

- The website is still under construction. For further information please visit our Wiki + The website is still under construction.

- Die Website ist zur Zeit im Aufbau. Nähere Infos im Wiki + Die Website ist zur Zeit im Aufbau.

-
-

Beginning with the industrial revolution, and the massive impact it had far into the 20th century, we can see again and again how advances in automation provoke social upheaval. By means of technological progress, fueled by a globally connected economy, disruptive technologies impact our lives and communities more and more frequently. +

+

Beginning with the industrial revolution, and the massive impact it had far into the 20th century, we can see again and again how advances in automation provoke social upheaval. By means of technological progress, fueled by a globally connected economy, disruptive technologies impact our lives and communities more and more frequently.

-

The discussion on so-called ’future trends’ often appears too simplified and shortsighted. In debates artificial intelligence, predictive policing/mass surveillance, Industry 4.0, high-frequency trading, automated warfare, etc. are often framed by marketing campaigns as an ’obvious necessity’. +

+ Gemessen an den Auswirkungen erscheint die gesellschaftliche Debatte zu sogenannten ”Zukunftstechnologien” oft vereinfachend oder rückwärtsgewandt.

-

+

The discussion on so-called future trends often appears too simplified and shortsighted. + In debates artificial intelligence, predictive policing/mass surveillance, Industry 4.0, high-frequency trading, automated warfare, etc. are often framed by marketing campaigns as an ’obvious necessity’. +

+

+ Die Diskussion um Künstliche Intelligenz, Predictive Policing / Massenüberwachung, Industrie 4.0, Hochfrequenzhandel, autonome Kriegsführung und andere Phenomene suggeriert eine natürliche Notwendigkeit. Nicht wenige Menschen fühlen sich abgehängt und entmündigt. +

+
  • Who profits from automation?
  • Which longterm consequences arise from the wide-spread use of automation technologies?
  • @@ -26,14 +35,30 @@
  • Which potential for emancipation and (re)organization may hide in this technological change?
  • How do we decide how far technological systems (should) reach into our private lives?
+
+ +
    +
  • Wem nützt Automatisierung?
  • +
  • Welche langfristigen Veränderungen ergeben sich aus der (Teil-) Automatisierung aller +Lebensbereiche?
  • +
  • Wie wirkt sich die veränderte Arbeitswelt und die Automatisierung von Entscheidungsprozessen auf die Möglichkeiten demokratischer Mitbestimmung aus?
  • +
  • Mit Hilfe welcher Konzepte können die Potentiale der nächsten Automatisierungswellenallen Mitgliedern der Gesellschaft zugute kommen?
  • +
  • Welche Emanzipations- und Gestaltungsmöglichkeiten werden durch technische Umbrüche eröffnet?
  • +
  • Wie können wir definieren welche und wie weit technische Systeme in unsere private Lebensführung eingreifen können?
  • +
+
+

+ The series Autotopia aims to discuss these question in various formats. We do not target any specific group; we invite makers, hackers, writers, artists and designers, scientists and journalists, enthusiasts and critics!

-

-The series Autotopia aims to discuss these question in various formats. We do not target any -specific group; we invite makers, hackers, writers, artists and designers, scientists and journalists, enthusiasts and critics! +

+ Autotopia soll eine möglichst große Bandbreite dieser Fragen, aus unterschiedlichen Perspektiven diskutierbar und erfahrbar machen.

-

At the moment we are looking for speakers and are going to lay down precise dates and formats -in the next couple of weeks. We are planning to do talks, workshops, readings, film screenings -and discussions. Is there someone you know, who we should absolutely ask? +

+ At the moment we are looking for speakers and are going to lay down precise dates and formats. + We are planning to do talks, workshops, readings, film screenings and discussions. Is there someone you know, who we should absolutely ask? +

+

+ Egal ob nerdig oder allgemeinverständlich, künstlerisch oder wissenschaftlich... Wir würden uns sehr freuen wenn du einen Beitrag leisten könntest!

@@ -45,12 +70,10 @@ and discussions. Is there someone you know, who we should absolutely ask?

-
-

- deutsch -

-

- english +

+

+ +

contact

@@ -64,7 +87,9 @@ and discussions. Is there someone you know, who we should absolutely ask? email: autotopia@c3d2.de

- pgp: public key AA02 D6BC 2B6B 5264 E952 145C 54F8 77CE CBC2 D22E + pgp: public key + öffentlicher Schlüssel + AA02 D6BC 2B6B 5264 E952 145C 54F8 77CE CBC2 D22E

mastodon: #AutotopiaDD via @autotopia @@ -80,33 +105,58 @@ and discussions. Is there someone you know, who we should absolutely ask? DateEvent - + + wannwas + + tbaBook reading and discussion - + + tbaLese- und Diskussionsabend + + tbaTalk/discussion on Predictive Policing - - tbaInteractive workshop: Critical making with the community + + tbaVortrag-/Diskussion zu präventiver Polizeiarbeit - + + tbaInteractive workshop Critical making with the community + + + tbaInteraktiver Workshop Critical making with the community + + 01.05.Movie screening and discussion - + + 01.05.Filmvorführung und Diskussion + + 03.05.Movie screening and discussion - + + 03.05.Filmvorführung und Diskussion + + 04.05.Talk: Historische Krisenprozesse und Automatisierung als innerer Widerspruch des Kapitals - + + 04.05.Vortrag - Historische Krisenprozesse und Automatisierung als innerer Widerspruch des Kapitals + + 04.05.Panel/Fishbowl discussion on Socio-economic consequences and agency in the age of automation - + + 04.05.Panel/Fishbowl-Diskussion zu Sozio-ökonomische Konsequenzen und Handlungsmöglichkeiten des Automatisierungszeitalters + + 11.05.Talk/discussion on Robot ethics + + 11.05.Vortrag/Diskussion zu Roboterethik +

-
-
diff --git a/content/static/autotopia/autotopia.css b/content/static/autotopia/autotopia.css index 2e4e19e71..85c256cdd 100644 --- a/content/static/autotopia/autotopia.css +++ b/content/static/autotopia/autotopia.css @@ -2,13 +2,17 @@ box-sizing: border-box; } +html { + font-family: "URW Gothic l"; + font-size: larger; +} + body { - color: #111; margin: 0; padding: 0; + color: #111; background: repeat url('autotopia_background_ornament.svg'); background-size: 50%; - font-family: "URW Gothic l"; hyphens: auto; } @@ -35,19 +39,20 @@ max-width:90em; float:left; border-width: 2px; border-left-style:solid; -font-size: larger; line-height: 150%; } -.a-content-panel{ +.a-panel{ width:20%; -min-width:20em; -max-width:30em; -float:left; +min-width:25em; +max-width:35em; padding-left: 4em; +font-size: medium; +border-left-style:none; } .a-content-item{ +min-height: 1rlh; border-width: 2px; border-right-style:solid; border-bottom-style:solid; @@ -57,10 +62,29 @@ background-color: rgba(240,240,250,0.6); text-align: justify; } -:lang(de-DE) { +/* Language selection */ + +input[name=langselect] { + position: absolute; + top: -9999px; + left: -9999px; + /* For mobile, it's typically better to position checkbox on top of clickable + area and turn opacity to 0 instead. */ +} + +label { +cursor: pointer; +} +input[id=lang-en]:checked ~ .a-content :lang(de-DE) { visibility: hidden; display:none; } +input[id=lang-de]:checked ~ .a-content :lang(en) { +visibility: hidden; +display:none; +} + +/* Other tags */ td { vertical-align: top; diff --git a/xsl/common.xsl b/xsl/common.xsl index c0b8daa4c..d76b4e391 100644 --- a/xsl/common.xsl +++ b/xsl/common.xsl @@ -174,6 +174,9 @@ + + + @@ -226,6 +229,7 @@ +