-
Notifications
You must be signed in to change notification settings - Fork 0
/
about.html
147 lines (135 loc) · 6.57 KB
/
about.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>
Über Code · Kultur · Bonn
</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="theme.css">
<link rel="stylesheet" href="codekulturbn.css">
<link rel="stylesheet" href="pygments.css">
<!--[if lt IE 9]>
<script src="html5shiv.js"></script>
<![endif]-->
<script src="https://hypothes.is/embed.js" async></script>
</head>
<body class="['node-about', 'node']">
<header id="head" class="head">
<input id="menu-check" type="checkbox"/>
<label id="menu-label" for="menu-check" class="unselectable">
<span class="icon close">✕</span>
<span class="icon open">☰</span>
<span class="text">MENU</span>
</label>
<ul>
<li><a href="index.html">Start</a></li>
<li><a href="https://meetup.codekulturbonn.de/">Meetup</a></li>
<li><a href="venues.html">Orte</a></li>
<li><a href="events.html">Veranstaltungen</a></li>
<li><a href="activities.html">Aktivitäten</a></li>
</ul>
</header>
<article id="main" class="main">
<h1>Über Code · Kultur · Bonn</h1>
<p>
Diese Seiten werden automatisch aus einem <a href="https://github.com/codekulturbonn/codekulturbonn.github.io/tree/source/src">Verzeichnis mit Textdateien</a> erzeugt. Die Dateien können in <i>Markdown</i> (Endung .md) oder <a href="https://darrenmulholland.com/docs/syntext/"><i>Syntext</i></a> (Endung .stx) formatiert sein. Ursprünglich benutzte das Programm zum Generieren der Seiten ein leicht anderes Format mit .mk-Endung. Am 2020-01-01 habe ich alle .mk-Dateien umbenannt auf .stx
</p>
<p>
Du möchtest einen Einträg ändern oder ergänzen? Schicke uns einfach einen
<a href="https://github.com/codekulturbonn/codekulturbonn.github.io">Pull Request auf Github</a>.
</p>
<p>
Einträge können sich auf <a href="/venues.html">einen Ort</a> oder <a href="/events.html">eine Veranstaltung</a> beziehen oder <a href="/activities.html">ortsunabhängige Aktivitäten</a> beschreiben.
</p>
<p>
Die Einträge sind dabei Textdateien mit einer einfachen Struktur. Eine Datei beginnt immer mit drei Strichen <code>---</code>,
gefolgt von einer Reihe Kopfzeilen, abgeschlossen mit nochmals <code>---</code>. Der Rest der Datei enthält die Beschreibung im
<a href="https://darrenmulholland.com/docs/syntext/"><i>Syntext</i></a>-Format.
</p>
<p>
Hier ein Beispiel für Kopfzeilen eines Ortes:
</p>
<pre>
title: Haus der Jugend
location: Bonn
venue_url: http://hausderjugendbonn.de/
</pre>
<p>
Veranstaltungen haben andere Kopfzeilen, z.B.:
</p>
<pre>
title: FutureCamp
start: 2018-09-22
fullday: true
event_url: https://futurecamp.digital/
venue: haus-der-jugend
</pre>
<p>
<code>venue</code> enthält dabei den Dateinamen eines Veranstaltungsortes. Auf diese Weise können wir Veranstaltungen an einem bestimmten Ort auflisten, z.B. im <a href="/venues/haus-der-jugend.html">Haus der Jugend</a>.
</p>
<p>
Wir freuen uns auf eure Einträge!
</p>
<h2 id="autor">
Autor
</h2>
<p>
Dr. Olav Schettler
Pipinstr. 14
D-53111 Bonn (NRW)
Germany
</p>
<p>
Inhaltlich Verantwortlicher gemäß §10 Abs.3 MDStV
</p>
<p>
Dr. Olav Schettler
</p>
<h2 id="uber-mich">
Über mich
</h2>
<p>
Ich bin Diplom-Informatiker und arbeite als Product Owner für Sprachassistenten und Smart TV Apps (OTT) bei der <a href="https://www.dw.com/">DW (Deutsche Welle)</a> in Bonn.
</p>
<p>
Als Vater von zwei jungen Erwachsenen und einer Tochter in der 5. Klasse werde ich täglich mit der Faszination der Medienwelt für Heranwachsende konfrontiert. Als ich Anfang der 1980er Jahre als Schüler anfing, mich mit Elektronik zu beschäftigen, mussten wir unsere Computer noch selber aus einzelnen ICs zusammenbauen. Dabei lernt man natürlich eine Menge über das Wie und Warum von Computern. Mit meinem Informatikstudium habe ich diese frühe Faszination zum Beruf gemacht und arbeite seit mehr als 25 Jahren in Web-Entwicklung und E-Commerce.
</p>
<p>
Seit einigen Jahren zeige ich Kindern in Workshops die faszinierende Welt der Microcontroller. Dazu passt gut, dass es unter dem Stichwort "Physical Computing" inzwischen leistungsfähige und doch preiswerte Microcontroller gibt, die von einer internationalen Fan-Gemeinde entwickelt werden und die es interessierten Bastlern und Künstlern ermöglichen, Microcontroller in ihre Bauwerke zu integrieren.
</p>
<p>
Bei der DW habe ich kürzlich den Sensorjournalismus entdeckt. Dieses faszinierende, neue Gebiet verbindet das Internet der Dinge mit dem Datenjournalismus. Dabei wir natürlich auch jede Menge gebastelt und programmiert. Ein schönes Beispiel dieses Feldes war das Experiment <a href="https://re-publica.com/de/session/was-kuh-meint-sensorjournalismus-tiere-und-dinge-reportern-werden-aufbruch-neue-welt-des">Drei Kühe</a>.
</p>
<h2 id="haftungshinweis">
Haftungshinweis
</h2>
<p>
Trotz sorgfältiger inhaltlicher Kontrolle übernehme ich keine Haftung für die Inhalte externer Links. Für den Inhalt der verlinkten Seiten sind ausschließlich deren Betreiber verantwortlich.
</p>
<h2 id="verwendete-open-source-software">
Verwendete Open Source Software
</h2>
<ul>
<li>
<a href="http://dmulholl.com/docs/ivy/dev/">Ivy</a>, ein in Python geschriebener Generator für statische Websites von Darren Mulholland.
</li>
<li>
<a href="https://drdoctr.github.io/">Doctr</a> vereinfacht das Veröffentlichen der Seiten auf Github Pages mithilfe von Travis
</li>
</ul>
<p>
Bei jeder Änderung an den Inhalten im <a href="https://github.com/codekulturbonn/codekulturbonn.github.io/tree/source/src">Quell-Branch <i>source</i></a> über <i>git push</i> startet ein Skript (definiert in der Datei <a href="https://github.com/codekulturbonn/codekulturbonn.github.io/blob/master/.travis.yml">.travis.yaml</a>) und lässt nacheinander Ivy und Doctr laufen, um aus den Quelldateien zuerst HTML zu erzeugen und dieses dann als <a href="https://pages.github.com/">Github Pages</a> zu veröffentlichen.
</p>
</article>
<footer>
<a class="license" rel="license" href="https://creativecommons.org/licenses/by-sa/3.0/deed.de"><img alt="Creative Commons Lizenzvertrag" style="border-width:0" src="https://i.creativecommons.org/l/by-sa/3.0/80x15.png" /></a>
<p>Code · Kultur · Bonn.
<a href="https://chat.codekulturbonn.de/">Chat</a>
- <a href="https://www.meetup.com/de-DE/Bonn-Programmieren-als-Kulturtechnik-Meetup/">Meetup</a>
- <a href="/about.html">Über diese Seiten</a>
</p>
</footer>
<script src="fontawesome-all.min.js"></script>
</body>
</html>