autotopia: events list

This commit is contained in:
Astro 2019-04-16 15:36:32 +02:00
parent 9b28fca7a2
commit 57aba00b03
5 changed files with 156 additions and 171 deletions

View File

@ -56,7 +56,7 @@ DS_SCHEDULE=$(patsubst content/static/datenspuren/$(DS_YEAR)/fahrplan/schedule/%
DATESTAMP=build/.stamp-$(shell date +%Y-%m-%d)
# Dateinamen der zu erzeugenden html-Dateien:
CONTENT=$(PAGES) $(NEWS_PAGES) $(DS_PAGES) $(DS_FEEDS) $(AUTOTOPIA_PAGES) $(NEWSFILES) build/calendar.html build/datenspuren/$(DS_YEAR)/pois.json
CONTENT=$(PAGES) $(NEWS_PAGES) $(DS_PAGES) $(DS_FEEDS) $(AUTOTOPIA_PAGES) $(NEWSFILES) build/calendar.html
# 'normale' Seiten:
PAGES:=$(patsubst content/pages/%.xml, build/%.html, $(wildcard content/pages/*.xml))
@ -85,7 +85,7 @@ DS_FEEDS:= \
build/datenspuren/2013/mitschnitte-rss.xml \
build/datenspuren/2014/mitschnitte-rss.xml
AUTOTOPIA_PAGES:=$(patsubst content/autotopia/%.xml, build/autotopia/%.html, $(wildcard content/autotopia/*.xml))
AUTOTOPIA_PAGES:=$(patsubst content/autotopia/%.xml, build/autotopia/%.html, $(wildcard content/autotopia/*.xml content/autotopia/**/*.xml))
# Quellen
NEWSITEMS:=$(wildcard content/news/*.xml)
@ -356,9 +356,13 @@ build/datenspuren/2014/mitschnitte-rss.xml: content/news/ds14-mitschnitte-online
build/datenspuren/$(DS_YEAR)/pois.json:
wget -O $@ --post-data="data=[out:json];($(foreach a, 'amenity'='restaurant' 'amenity'='fast_food' 'amenity'='cafe' 'amenity'='ice_cream' 'amenity'='bakery' 'shop'='convenience' 'shop'='supermarket' 'shop'='tobacco' 'amenity'='pub' 'amenity'='biergarten' 'amenity'='drinking_water', $(foreach t, node way relation, $t(51.06,13.70,51.10,13.74)[${a}];)));out center qt;" http://overpass-api.de/api/interpreter
autotopia-events.xml: $(wildcard content/autotopia/events/*.xml)
sh scripts/gen_news.xml.sh $^ > $@
build/autotopia/%html : STYLE=$(AUTOTOPIA_STYLE)
build/autotopia/%.html: content/autotopia/%.xml $(AUTOTOPIA_STYLE) news.xml
build/autotopia/%.html : BASEURL=""
build/autotopia/events/%.html : BASEURL="../"
build/autotopia/%.html: content/autotopia/%.xml $(AUTOTOPIA_STYLE) autotopia-events.xml
$(call xml_process)
xhtml5-validate: $(patsubst build/%.html, build/%.html.xhtml5-validate, $(CONTENT))

View File

@ -0,0 +1,14 @@
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE page SYSTEM "http://www.c3d2.de/dtd/c3d2web.dtd">
<page pagetitle="Movie screening" title="Movie screening">
<event>
<title lang="de-DE">Filmvorführung</title>
<title lang="en">Movie screening</title>
<start>2019-05-01T19:00:00</start>
</event>
<p>
Schaut Film!
</p>
</page>

View File

@ -2,172 +2,62 @@
<!DOCTYPE page SYSTEM "http://www.c3d2.de/dtd/c3d2web.dtd">
<page pagetitle="Start" title="Autotopia">
<input type="radio" id="lang-de" name="langselect" checked="" />
<input type="radio" id="lang-en" name="langselect"/>
<div class="a-content vertical-header">
<div class="a-item">
<label lang="en" for="lang-de" class="header">Auf deutsch anzeigen</label>
<label lang="de-DE" for="lang-en" class="header">Switch to english</label>
</div>
<image title="Autotopia, Vertical Header" alt="Autotopia, Vertical Header" class="vertical-header-image">
autotopia_header_vertical.svg
</image>
</div>
<div class="a-content a-main">
<div class="a-item">
<span class="header">call for participation</span>
<p lang="en"> 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.
</p>
<p lang="de-DE">
<div class="a-item">
<span class="header">call for participation</span>
<p lang="en"> 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.
</p>
<p lang="de-DE">
Gemessen an den Auswirkungen erscheint die gesellschaftliche Debatte zu sogenannten <q>Zukunftstechnologien</q> oft vereinfachend oder rückwärtsgewandt.
</p>
<p lang="en"> The discussion on so-called <q>future trends</q> 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 <q>obvious necessity</q>.
</p>
<p lang="de-DE">
</p>
<p lang="en"> The discussion on so-called <q>future trends</q> 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 <q>obvious necessity</q>.
</p>
<p lang="de-DE">
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.
</p>
<span lang="en">
<ul>
<li>Who profits from automation?</li>
<li>Which longterm consequences arise from the wide-spread use of automation technologies?</li>
<li>How does automated decision making and the changing job market impact the possibility
of democratic participation?</li>
<li>Which concepts can help to make the next surge of automation beneficial for all members
of society?</li>
<li>Which potential for emancipation and (re)organization may hide in this technological change?</li>
<li>How do we decide how far technological systems (should) reach into our private lives?</li>
</ul>
</span>
<span lang="de-DE">
<ul>
<li>Wem nützt Automatisierung?</li>
<li>Welche langfristigen Veränderungen ergeben sich aus der (Teil-) Automatisierung aller
Lebensbereiche?</li>
<li>Wie wirkt sich die veränderte Arbeitswelt und die Automatisierung von Entscheidungsprozessen auf die Möglichkeiten demokratischer Mitbestimmung aus?</li>
<li>Mit Hilfe welcher Konzepte können die Potentiale der nächsten Automatisierungswellen allen Mitgliedern der Gesellschaft zugute kommen?</li>
<li>Welche Emanzipations- und Gestaltungsmöglichkeiten werden durch technische Umbrüche eröffnet?</li>
<li>Wie können wir definieren welche und wie weit technische Systeme in unsere private Lebensführung eingreifen können?</li>
</ul>
</span>
<p lang="en">
</p>
<span lang="en">
<ul>
<li>Who profits from automation?</li>
<li>Which longterm consequences arise from the wide-spread use of automation technologies?</li>
<li>How does automated decision making and the changing job market impact the possibility
of democratic participation?</li>
<li>Which concepts can help to make the next surge of automation beneficial for all members
of society?</li>
<li>Which potential for emancipation and (re)organization may hide in this technological change?</li>
<li>How do we decide how far technological systems (should) reach into our private lives?</li>
</ul>
</span>
<span lang="de-DE">
<ul>
<li>Wem nützt Automatisierung?</li>
<li>Welche langfristigen Veränderungen ergeben sich aus der (Teil-) Automatisierung aller
Lebensbereiche?</li>
<li>Wie wirkt sich die veränderte Arbeitswelt und die Automatisierung von Entscheidungsprozessen auf die Möglichkeiten demokratischer Mitbestimmung aus?</li>
<li>Mit Hilfe welcher Konzepte können die Potentiale der nächsten Automatisierungswellen allen Mitgliedern der Gesellschaft zugute kommen?</li>
<li>Welche Emanzipations- und Gestaltungsmöglichkeiten werden durch technische Umbrüche eröffnet?</li>
<li>Wie können wir definieren welche und wie weit technische Systeme in unsere private Lebensführung eingreifen können?</li>
</ul>
</span>
<p lang="en">
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!
</p>
<p lang="de-DE">
</p>
<p lang="de-DE">
Autotopia soll eine möglichst große Bandbreite dieser Fragen, aus unterschiedlichen Perspektiven diskutierbar und erfahrbar machen.
</p>
<p lang="en">
</p>
<p lang="en">
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?
</p>
<p lang="de-DE">
</p>
<p lang="de-DE">
Egal ob nerdig oder allgemeinverständlich, künstlerisch oder wissenschaftlich... Wir würden uns sehr freuen wenn du einen Beitrag leisten könntest!
</p>
</div>
<div class="a-item" lang="en">
<span class="header">news</span>
<news-list prefix="autotopia-en" details="all"/>
</div>
<div class="a-item" lang="de-DE">
<span class="header">neuigkeiten</span>
<news-list prefix="autotopia-de" details="all"/>
</div>
</p>
</div>
<div class="a-panel a-content">
<div class="a-item">
<span class="header">meta</span>
<p>
<link href="https://wiki.c3d2.de/GesellschaftMachtTechnik">wiki</link>
|
<link href="https://hackmd.c3d2.de/Autotopia">pad</link>
</p>
<p>
email: <link href="mailto:autotopia@c3d2.de">autotopia@c3d2.de</link>
</p>
<p>
pgp: <link href="autotopia@c3d2.de.asc">
<span lang="en">public key</span>
<span lang="de-DE">öffentlicher Schlüssel</span>
</link>
| AA02 D6BC 2B6B 5264 E952 145C 54F8 77CE CBC2 D22E
</p>
<p>
mastodon: <link href="https://chaos.social/tags/autotopiadd">#AutotopiaDD</link> via <link href="https://chaos.social/@autotopia">@autotopia</link>
</p>
<p>
twitter: <link href="https://twitter.com/hashtag/AutotopiaDD?src=hash">#AutotopiaDD</link> via <link href="https://twitter.com/AutotopiaDD">@AutotopiaDD</link>
</p>
</div>
<div class="a-item">
<span lang="en" class="header">events</span>
<span lang="de-DE" class="header">veranstaltungen</span>
<table>
<tr>
<td>01.05</td>
<td></td>
<td lang="en">Movie screening and discussion</td>
<td lang="de-DE">Filmvorführung und Diskussion</td>
</tr>
<tr>
<td>02.05</td>
<td>Regina M. Sipos</td>
<td lang="en">Interactive workshop <q>Critical making with the community</q></td>
<td lang="de-DE">Interaktiver Workshop <q>Critical making with the community</q></td>
</tr>
<tr>
<td>03.05</td>
<td></td>
<td lang="en">Movie screening and discussion</td>
<td lang="de-DE">Filmvorführung und Diskussion</td>
</tr>
<tr>
<td>04.05</td>
<td>Tomasz Konicz</td>
<td lang="en">Talk <q>Analysis of historical economic crisis and automation as an internal contradiction of capitalism</q></td>
<td lang="de-DE">Vortrag <q>Historische Krisenprozesse und Automatisierung als innerer Widerspruch des Kapitals</q></td>
</tr>
<tr>
<td>04.05</td>
<td>Tino Heim</td>
<td lang="en">Talk <q>On socioecologic collapse, zombie-capitalism and transitions towards a <q>society of liberated lifetime</q>. Automation and digitization as factors of global crisis economy and prerequisites for social appropriation in post-capitalistic societies.</q></td>
<td lang="de-DE">Vortrag <q>Zwischen sozialökologischem Kollaps, Zombiekapitalismus und Übergängen zur 'Gesellschaft der befreiten Zeit'? Automatisierung und Digitalisierung als Faktoren globaler Kriseneskalationen und Möglichkeitsbedingungen postkapitalistischer Vergesellschaftung.</q></td>
</tr>
<tr>
<td>04.05</td>
<td>Tomasz Konicz, Tino Heim</td>
<td lang="en">Panel/Fishbowl discussion on <q>Socio-economic consequences and agency in the age of automation</q></td>
<td lang="de-DE">Panel/Fishbowl-Diskussion zu <q>Sozio-ökonomische Konsequenzen und Handlungsmöglichkeiten des Automatisierungszeitalters</q></td>
</tr>
<tr>
<td>05.05</td>
<td></td>
<td>Lightningtalks</td>
</tr>
<tr>
<td>09.05</td>
<td>Ulrike Heitmüller</td>
<td lang="en">Talk/discussion on Predictive Policing</td>
<td lang="de-DE">Vortrag-/Diskussion zu <q>präventiver Polizeiarbeit</q></td>
</tr>
<tr>
<td>09.05</td>
<td></td>
<td lang="en">Book reading and discussion</td>
<td lang="de-DE">Lese- und Diskussionsabend</td>
</tr>
<tr>
<td>11.05</td>
<td>Henning Lübbecke</td>
<td lang="en">Talk/discussion on <q>Robot ethics</q></td>
<td lang="de-DE">Vortrag/Diskussion zu <q>Roboterethik</q></td>
</tr>
<tr>
<td>12.05</td>
<td>Maximilian Voigt</td>
<td lang="en">Talk/discussion on <q>Digital vs. appropriate education: discovery of technology</q></td>
<td lang="de-DE">Vortrag/Diskussion zu <q>Digitale vs. zeitgemäße Bildung: die Entdeckung der Technik</q></td>
</tr>
</table>
</div>
<div class="a-item" lang="en">
<span class="header">news</span>
<news-list prefix="autotopia-en" details="all"/>
</div>
<div class="a-item" lang="de-DE">
<span class="header">neuigkeiten</span>
<news-list prefix="autotopia-de" details="all"/>
</div>
</page>

View File

@ -2,12 +2,13 @@
<xsl:stylesheet version="1.0"
xmlns="http://www.w3.org/1999/xhtml"
xmlns:date="http://exslt.org/dates-and-times"
xmlns:str="http://exslt.org/strings"
xmlns:xsl="http://www.w3.org/1999/XSL/Transform"
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:itunes="http://www.itunes.com/dtds/podcast-1.0.dtd"
exclude-result-prefixes="xsl date dc itunes">
exclude-result-prefixes="xsl date str dc itunes">
<xsl:include href="../common.xsl" />
<xsl:include href="../common.xsl" />
<xsl:output method="xml"
version="1.0"
@ -55,7 +56,61 @@
</ul>
</nav>
<article>
<xsl:apply-templates/>
<input type="radio" id="lang-de" name="langselect" checked="" />
<input type="radio" id="lang-en" name="langselect"/>
<div class="a-content vertical-header">
<div class="a-item">
<label lang="en" for="lang-de" class="header">Auf deutsch anzeigen</label>
<label lang="de-DE" for="lang-en" class="header">Switch to english</label>
</div>
<img title="Autotopia, Vertical Header" alt="Autotopia, Vertical Header" class="vertical-header-image" src="{$baseurl}autotopia_header_vertical.svg"/>
</div>
<div class="a-content a-main">
<xsl:apply-templates/>
</div>
<div class="a-panel a-content">
<div class="a-item">
<span class="header">meta</span>
<p>
<link href="https://wiki.c3d2.de/GesellschaftMachtTechnik">wiki</link>
|
<link href="https://hackmd.c3d2.de/Autotopia">pad</link>
</p>
<p>
email: <link href="mailto:autotopia@c3d2.de">autotopia@c3d2.de</link>
</p>
<p>
pgp: <link href="autotopia@c3d2.de.asc">
<span lang="en">public key</span>
<span lang="de-DE">öffentlicher Schlüssel</span>
</link>
| AA02 D6BC 2B6B 5264 E952 145C 54F8 77CE CBC2 D22E
</p>
<p>
mastodon: <link href="https://chaos.social/tags/autotopiadd">#AutotopiaDD</link> via <link href="https://chaos.social/@autotopia">@autotopia</link>
</p>
<p>
twitter: <link href="https://twitter.com/hashtag/AutotopiaDD?src=hash">#AutotopiaDD</link> via <link href="https://twitter.com/AutotopiaDD">@AutotopiaDD</link>
</p>
</div>
<div class="a-item">
<span lang="en" class="header">events</span>
<span lang="de-DE" class="header">veranstaltungen</span>
<table>
<xsl:for-each select="document('../../autotopia-events.xml')/page/news/newsfile">
<xsl:sort select="date:seconds(document(concat('../../', .))/page/event/start)" data-type="number" order="ascending" />
<xsl:apply-templates mode="event-list" select="document(concat('../../', .))/page/event">
<xsl:with-param name="file" select="."/>
</xsl:apply-templates>
</xsl:for-each>
</table>
</div>
</div>
</article>
</div>
</body>
@ -72,8 +127,8 @@
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<meta name="robots" content="index,follow" />
<meta name="language" content="German" />
<link rel="stylesheet" type="text/css" href="autotopia.css" />
<link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon" />
<link rel="stylesheet" type="text/css" href="{$baseurl}autotopia.css" />
<link rel="shortcut icon" href="{$baseurl}images/favicon.ico" type="image/x-icon" />
<!--link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="news-rss.xml" />
<link rel="alternate" type="application/atom+xml" title="Atom 1.0" href="news-atom.xml" /-->
<title>
@ -104,11 +159,7 @@
<xsl:value-of select="@title"/>
</a>
</h3>
<!-- Diese Elemente entsprechen Block.class aus xsd/c3d2web.xsd -->
<!--xsl:apply-templates select=".//*[name() = 'dl' or name() = 'p' or name() = 'ul' or name() = 'ol' or name() = 'pre']"/-->
<xsl:apply-templates/>
</xsl:if>
</xsl:for-each>
</xsl:for-each>
@ -122,4 +173,30 @@
<xsl:copy-of select="."/>
</xsl:template>
<xsl:template mode="event-list" match="event">
<xsl:param name="file"/>
<tr>
<td>
<xsl:value-of select="format-number(date:day-in-month(start), '00')"/>
<xsl:text>.</xsl:text>
<xsl:value-of select="format-number(date:month-in-year(start), '00')"/>
<xsl:text>.</xsl:text>
</td>
<xsl:message>S: <xsl:value-of select="speaker"/></xsl:message>
<td>
<xsl:value-of select="speaker"/>
</td>
<td>
<a href="{str:replace(str:replace($file, 'content/autotopia/', ''), '.xml', '.html')}">
<xsl:for-each select="title">
<span lang="{@lang}">
<xsl:value-of select="."/>
</span>
</xsl:for-each>
</a>
</td>
</tr>
</xsl:template>
</xsl:stylesheet>