Skip to content

Commit 7a5f4f8

Browse files
Blogartikel „Wolken“
1 parent 9428907 commit 7a5f4f8

47 files changed

Lines changed: 435 additions & 112 deletions

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

404.html

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -76,6 +76,13 @@ <h1 id="seite-nicht-gefunden-fehler-404">Seite nicht gefunden (Fehler 404)</h1>
7676

7777
<p> </p>
7878

79+
<section>
80+
<time datetime="2025-07-30">Mi, 30. Juli 2025</time>
81+
<h2><a href="/wolken.html">Blick in die Wolken</a></h2>
82+
<p>In den letzten Monaten habe ich eine Fotoserie angefertigt und immer mal wieder den Himmel fotografiert. Hier zeige ich eine Auswahl meiner Bilder.
83+
<a href="/wolken.html" aria-label="Artikel lesen">[→]</a></p>
84+
<p>&nbsp;</p>
85+
</section>
7986
<section>
8087
<time datetime="2025-06-19">Do, 19. Juni 2025</time>
8188
<h2><a href="/neutralitaet.html">Unmögliche Neutralität</a></h2>
@@ -90,13 +97,6 @@ <h2><a href="/origamitaube.html">Eine Taube aus Papier</a></h2>
9097
<a href="/origamitaube.html" aria-label="Artikel lesen">[→]</a></p>
9198
<p>&nbsp;</p>
9299
</section>
93-
<section>
94-
<time datetime="2025-04-22">Di, 22. Apr. 2025</time>
95-
<h2><a href="/skulptur.html">Skulptur</a></h2>
96-
<p>Eine Kurzgeschichte, die mehrdeutig, widersprüchlich und unklar bleibt. Die eigentlich einfache Handlung soll zu verschiedenen Deutungen anregen.
97-
<a href="/skulptur.html" aria-label="Artikel lesen">[→]</a></p>
98-
<p>&nbsp;</p>
99-
</section>
100100

101101
</main>
102102

archiv.html

Lines changed: 9 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -86,6 +86,15 @@ <h1 id="archiv-meiner-blogartikel-seit-2020">Archiv meiner Blogartikel seit 2020
8686

8787
<h1 class="jahreszahl">2025</h1>
8888

89+
<section data-rubrik="sujet ">
90+
<time datetime="2025-07-30">Mi, 30. Juli 2025</time>
91+
<h2><a href="wolken.html">Blick in die Wolken</a></h2>
92+
<p>In den letzten Monaten habe ich eine Fotoserie angefertigt und immer mal wieder den Himmel fotografiert. Hier zeige ich eine Auswahl meiner Bilder.
93+
<a href="wolken.html" aria-label="Artikel lesen">[→]</a></p>
94+
<p><i>516 Wörter //</i>&nbsp;
95+
<a href="archiv.html?sujet">#sujet&nbsp; </a><br />&nbsp;</p>
96+
</section>
97+
8998
<section data-rubrik="kritik ">
9099
<time datetime="2025-06-19">Do, 19. Juni 2025</time>
91100
<h2><a href="neutralitaet.html">Unmögliche Neutralität</a></h2>

index.html

Lines changed: 81 additions & 28 deletions
Original file line numberDiff line numberDiff line change
@@ -74,6 +74,85 @@ <h1 id="manches-soll-nicht-gleich-in-der-timeline-versinken">Manches soll nicht
7474

7575
<p>Auf dieser Website ist Raum für das, wofür meinem Mastodon-Account <a href="https://typo.social/@charakterziffer/">@charakterziffer</a> zu kurzlebig ist. Mein Blog ist als Plus zu meinen Posts gedacht, eben „@cz+“. // Die letzten drei Artikel:</p>
7676

77+
<article>
78+
<time datetime="2025-07-30">Mi, 30. Juli 2025</time>
79+
<h1><a href="wolken.html">Blick in die Wolken</a></h1>
80+
<p>Der Himmel ist schön, also jedenfalls sehr oft. Das klingt banal, aber es ist mir gerade in letzter Zeit wieder sehr aufgefallen – vielleicht weil ich nach unserem Umzug einen etwas weiteren Blick auf die Himmelsfläche habe. Und dann gibt es diesen selbstverstärkenden Effekt: Wenn ich auf etwas aufmerksam geworden bin, achte ich zukünftig eher darauf und ich bemerke es immer häufiger. Bei schönen Himmelsansichten sicherlich nicht das schlechteste.</p>
81+
82+
<p>Darum möchte ich mit diesem Blogartikel euren eigenen Blick ein wenig lenken. Schaut ruhig öfter mal nach oben und freut euch über die abenteuerlichen Farben und seltsamen Wolkenstrukturen. Selbst wenn es grau ist, gibt es etwas zu entdecken. Was <em>ich</em> in den letzten Monaten am Himmel so gesehen habe? Davon habe ich immer mal wieder Fotos gemacht (Klick aufs Bild öffnet eine größere Ansicht):</p>
83+
84+
<style>
85+
<!--
86+
.bildraster { margin: 2.2em 0; display: grid; grid-gap: 1em;
87+
grid-template-columns: repeat(auto-fill, minmax(9em, 1fr)); }
88+
.bildraster > a { display: flex; justify-content: center;
89+
align-items: center; margin: 0; padding: 0; }
90+
.bildraster img { max-width: 100%; width: 100%; }
91+
92+
@supports not (display: grid) {
93+
.bildraster { margin:1.1em -.5em -.75em; display:flex; flex-wrap:wrap; }
94+
.bildraster > a { flex: 1 1 9em; margin: .5em; } }
95+
96+
.lightbox { position: fixed; top: 0; left: 0; right: 0; bottom: 0;
97+
display:none; z-index:1; background:rgba(0,0,0,.8); padding:3vmin; }
98+
.lightbox:target { display: block; animation: none; }
99+
.lightbox span { display: block; width: 100%; height: 100%;
100+
background-position: center; background-repeat: no-repeat; background-size: contain; }
101+
-->
102+
</style>
103+
104+
<div class="bildraster">
105+
<a href="#bild-01"><img src="material/galerie/w01k.jpg" alt="" /></a>
106+
<a href="#bild-02"><img src="material/galerie/w02k.jpg" alt="" /></a>
107+
<a href="#bild-03"><img src="material/galerie/w03k.jpg" alt="" /></a>
108+
<a href="#bild-04"><img src="material/galerie/w04k.jpg" alt="" /></a>
109+
<a href="#bild-05"><img src="material/galerie/w05k.jpg" alt="" /></a>
110+
<a href="#bild-06"><img src="material/galerie/w06k.jpg" alt="" /></a>
111+
<a href="#bild-07"><img src="material/galerie/w07k.jpg" alt="" /></a>
112+
<a href="#bild-08"><img src="material/galerie/w08k.jpg" alt="" /></a>
113+
<a href="#bild-09"><img src="material/galerie/w09k.jpg" alt="" /></a>
114+
<a href="#bild-10"><img src="material/galerie/w10k.jpg" alt="" /></a>
115+
<a href="#bild-11"><img src="material/galerie/w11k.jpg" alt="" /></a>
116+
<a href="#bild-12"><img src="material/galerie/w12k.jpg" alt="" /></a>
117+
<a href="#bild-13"><img src="material/galerie/w13k.jpg" alt="" /></a>
118+
<a href="#bild-14"><img src="material/galerie/w14k.jpg" alt="" /></a>
119+
<a href="#bild-15"><img src="material/galerie/w15k.jpg" alt="" /></a>
120+
<a href="#bild-16"><img src="material/galerie/w16k.jpg" alt="" /></a>
121+
<a href="#bild-17"><img src="material/galerie/w17k.jpg" alt="" /></a>
122+
<a href="#bild-18"><img src="material/galerie/w18k.jpg" alt="" /></a>
123+
<a href="#bild-19"><img src="material/galerie/w19k.jpg" alt="" /></a>
124+
<a href="#bild-20"><img src="material/galerie/w20k.jpg" alt="" /></a>
125+
126+
</div>
127+
128+
<!-- Bilder als Hintergrund, so laden sie erst beim Lightbox-Öffnen -->
129+
<p><a href="#_" class="lightbox" id="bild-01"><span style="background-image:url(material/galerie/w01.jpg)"></span></a>
130+
<a href="#_" class="lightbox" id="bild-02"><span style="background-image:url(material/galerie/w02.jpg)"></span></a>
131+
<a href="#_" class="lightbox" id="bild-03"><span style="background-image:url(material/galerie/w03.jpg)"></span></a>
132+
<a href="#_" class="lightbox" id="bild-04"><span style="background-image:url(material/galerie/w04.jpg)"></span></a>
133+
<a href="#_" class="lightbox" id="bild-05"><span style="background-image:url(material/galerie/w05.jpg)"></span></a>
134+
<a href="#_" class="lightbox" id="bild-06"><span style="background-image:url(material/galerie/w06.jpg)"></span></a>
135+
<a href="#_" class="lightbox" id="bild-07"><span style="background-image:url(material/galerie/w07.jpg)"></span></a>
136+
<a href="#_" class="lightbox" id="bild-08"><span style="background-image:url(material/galerie/w08.jpg)"></span></a>
137+
<a href="#_" class="lightbox" id="bild-09"><span style="background-image:url(material/galerie/w09.jpg)"></span></a>
138+
<a href="#_" class="lightbox" id="bild-10"><span style="background-image:url(material/galerie/w10.jpg)"></span></a>
139+
<a href="#_" class="lightbox" id="bild-11"><span style="background-image:url(material/galerie/w11.jpg)"></span></a>
140+
<a href="#_" class="lightbox" id="bild-12"><span style="background-image:url(material/galerie/w12.jpg)"></span></a>
141+
<a href="#_" class="lightbox" id="bild-13"><span style="background-image:url(material/galerie/w13.jpg)"></span></a>
142+
<a href="#_" class="lightbox" id="bild-14"><span style="background-image:url(material/galerie/w14.jpg)"></span></a>
143+
<a href="#_" class="lightbox" id="bild-15"><span style="background-image:url(material/galerie/w15.jpg)"></span></a>
144+
<a href="#_" class="lightbox" id="bild-16"><span style="background-image:url(material/galerie/w16.jpg)"></span></a>
145+
<a href="#_" class="lightbox" id="bild-17"><span style="background-image:url(material/galerie/w17.jpg)"></span></a>
146+
<a href="#_" class="lightbox" id="bild-18"><span style="background-image:url(material/galerie/w18.jpg)"></span></a>
147+
<a href="#_" class="lightbox" id="bild-19"><span style="background-image:url(material/galerie/w19.jpg)"></span></a>
148+
<a href="#_" class="lightbox" id="bild-20"><span style="background-image:url(material/galerie/w20.jpg)"></span></a></p>
149+
150+
<p>Eine Fotoserie über längere Zeit kann den Blick für Gemeinsamkeiten und Unterschiede schärfen und dazu anregen, auf Details zu achten – ich kann so ein Projekt nur empfehlen! Was man außer Wolken noch fotografieren könnte? Baumblätter, rote Gegenstände, Litfaßsäulen, Steine, bewachsene Gehsteigfugen, Käfer, Erker, beklebte Stromkästen … alles, was einem im Alltag begegnet. Ich wünsche euch einen geschärften Blick und eine himmlische Sommerzeit!</p>
151+
152+
<p>---<br /><a href="wolken.html#kommentieren">Artikel kommentieren …</a>
153+
</p>
154+
</article>
155+
77156
<article>
78157
<time datetime="2025-06-19">Do, 19. Juni 2025</time>
79158
<h1><a href="neutralitaet.html">Unmögliche Neutralität</a></h1>
@@ -97,7 +176,7 @@ <h2 id="wer-neutral-bleibt-hilft-dem-angreifer">Wer neutral bleibt, hilft dem An
97176

98177
<h2 id="wohin-stellt-sich-die-bundestagsverwaltung">Wohin stellt sich die Bundestagsverwaltung?</h2>
99178

100-
<p>Zurück zum Anlass dieses Artikels. Wenn die Bundestagsverwaltung ihren Beschäftigten <em>verbietet</em>, als queere Mitarbeiter am CSD teilzunehmen, dann ist das keine Neutralität. Dann ist das „Der Bundestag verbietet seinen queeren Mitarbeiter:innen, sich beim CSD als Bundestagsbeschäftigte zu zeigen“ oder kurz: „Der Bundestag verbietet seinen Mitarbeiter:innen, sich als queer zu zeigen“. Und das bedeutet im Grunde, dass Mitarbeiter:innen des Bundestags ihre Identität nicht öffentlich zeigen dürfen (wenn sie von der Normalität abweicht).</p>
179+
<p>Zurück zum Anlass dieses Artikels. Wenn die Bundestagsverwaltung ihren Beschäftigten <em>verbietet</em>, als queere Mitarbeiter am CSD teilzunehmen, dann ist das keine Neutralität. Dann ist das „Der Bundestag verbietet seinen queeren Mitarbeiter:innen, sich beim CSD als Bundestagsbeschäftigte zu zeigen“ oder kurz: „Der Bundestag verbietet seinen Mitarbeiter:innen, sich als queer zu zeigen“. Und das bedeutet im Grunde, dass Mitarbeiter:innen des Bundestags ihre Identität nicht öffentlich zeigen dürfen (wenn sie von der Normalität abweicht).</p>
101180

102181
<p>Meiner Meinung nach rutscht die Bundestagsverwaltung damit ein gutes Stück auf die Seite derjenigen, die queere Personen unsichtbar machen möchten und ihre Diskriminierung leugnen. Neutral ist diese Einstellung ganz sicher nicht. Ein paar ergänzende Gedanken, beispielsweise zu symbolischer und tatsächlicher Handlung sowie dem Verhältnis von Neutralität und dem Vertreten von Werten finden sich in der <a href="https://www.ardaudiothek.de/episode/die-frage-des-tages/muss-sich-der-bundestag-zum-csd-neutral-verhalten/radio3/14759677/">Frage des Tages</a> von Radio3 (rbb).</p>
103182

@@ -188,32 +267,6 @@ <h1><a href="origamitaube.html">Eine Taube aus Papier</a></h1>
188267
</p>
189268
</article>
190269

191-
<article>
192-
<time datetime="2025-04-22">Di, 22. Apr. 2025</time>
193-
<h1><a href="skulptur.html">Skulptur</a></h1>
194-
<style>
195-
<!--
196-
.fade-in { mask-image: linear-gradient(to bottom, transparent, white); }
197-
.fade-out { mask-image: linear-gradient(to bottom, white, transparent 75%); }
198-
-->
199-
</style>
200-
201-
<p class="fade-in">Menschen stiegen ein, stiegen aus, erfüllten den Raum mit diffusen Murmeln. Auf einem der hinteren Sitze öffnete Alex ihren mattschwarzen Geigenkasten. Vor dem Fenster spielte ein Junge Kästchenhüpfen, zusammen mit anderen Kindern, die wegen seiner Springkünste begeistert klatschten. Ein Hund bellte.</p>
202-
203-
<p>Das Taxi kam einen Augenblick nach dem Bus am Konzerthaus an. Alex hatte die Satteltasche an sich genommen. Mit einem beherzten Wurf platzierte Jonas den Stein auf dem Feld Nº 6. Das Publikum klatschte. Die Geigen hatten bereits zu summen begonnen, während Maria ihre Noten aufschlug. Sie hatte noch etwas Zeit; die Triangel kam im ersten Satz nicht vor. Als der Gesang einsetzte, erhob sich der Uniformierte. Er nahm sein Rad und wartete, bis der Bus zum Stehen kam. Bevor der Postbote wieder auf das Fahrrad stieg, zog er den Kopfhörer aus dem Ohr und legte ihn zu den Briefen in die Satteltasche.</p>
204-
205-
<p>Der Junge blickte kurz auf, als der Uniformierte vorbeifuhr, dann nahm er den Stein aus dem vorigen Feld. Es musste sich um Alex handelt, vermutete Frau Mohnfeld. Ganz sicher war sie sich bei den Zwillingen aber nie. Sie schob den Vorhang wieder vor, denn die Sonne blinzelte durch die Schleierwolken. In diesem Augenblick bellte erneut ihr Hund und kurz darauf klapperte der Briefschlitz.</p>
206-
207-
<p>Seinem Gefühl nach hatte die Generalprobe nur eine Viertelstunde gedauert. Jonas knabberte eine Mohrrübe, während er im Foyer auf den Bus wartete. Ob seine Tante die Konzertkarten rechtzeitig bekommen hatte? Nach einem Blick auf die Standuhr warf Jonas die zweite Mohrrübe in seine Satteltasche und eilte auf die Straße. Das graue Licht des Morgens brach sich im feinen Nieselregen. An der Bushaltestelle warteten Alex und Maria, über das Konzert redend, als die Linie 14 um das Justizgebäude bog. Menschen stiegen ein, stiegen aus, erfüllten den Raum mit diffusen Murmeln. Auf einem der hinteren Sitze öffnete Alex ihren mattschwarzen Geigenkasten. Vor dem Fenster spielte ein Junge Kästchenhüpfen, zusammen mit anderen Kindern, die wegen seiner Springkünste begeistert klatschten. Ein Hund bellte.</p>
208-
209-
<p class="fade-out">Das Taxi kam einen Augenblick nach dem Bus am Konzerthaus an. Alex hatte die Satteltasche an sich genommen. Mit einem beherzten Wurf platzierte Jonas den Stein auf dem Feld Nº 6. Das Publikum klatschte. Die Geigen hatten bereits zu summen begonnen, während Maria ihre Noten aufschlug. Sie hatte noch etwas Zeit; die Triangel kam im ersten Satz nicht vor.</p>
210-
211-
<p class="hinterlegt" style="background-color:var(--nebelgrau)">Diese Kurzgeschichte ist inspiriert von den früheren Zwischensequenzen bei arte-Programmhinweisen (<a href="https://www.youtube.com/watch?v=tSJzq_ifwy0&amp;list=PL47SHE1KRxr8o4NqGHucs4OHq7-pGoIvE&amp;index=1">arte Idents 2011</a>). Daran fasziniert haben mich die mehrdeutige Handlung und die Idee eines abstrakten Gebildes, das immer wieder andere Blickwinkel bietet.</p>
212-
213-
<p>---<br /><a href="skulptur.html#kommentieren">Artikel kommentieren …</a>
214-
</p>
215-
</article>
216-
217270
<p style="text-align:right;">Alle Artikel <a href="archiv.html">im Archiv lesen</a>&nbsp;…</p>
218271

219272
<h1 id="sonstiges">Sonstiges</h1>
@@ -247,7 +300,7 @@ <h3 id="rechtliche-hinweise">Rechtliche Hinweise</h3>
247300

248301
<p><strong>§<small> </small>3 Widerspruch gegen Direktwerbung</strong> · Die Verwendung meiner Kontaktdaten zur gewerblichen Werbung ist ausdrücklich nicht erwünscht; ich widerspreche hiermit jeder kommerziellen Nutzung und Weitergabe meiner Daten (gemäß § 21 DSGVO). // Über <a href="briefe.html">private Fanpost</a> freue ich mich allerdings sehr und antworte darauf mit großem Vergnügen!</p>
249302

250-
<p style="text-align:right; color:#666; font-size:0.75em; margin: 3.5em .75em 1.1em">Website zuletzt erstellt: 2025-06-18T23:45:07+02:00</p>
303+
<p style="text-align:right; color:#666; font-size:0.75em; margin: 3.5em .75em 1.1em">Website zuletzt erstellt: 2025-07-30T07:17:58+02:00</p>
251304

252305
</main>
253306

material/galerie/w01.jpg

88.8 KB

material/galerie/w01k.jpg

3.94 KB

material/galerie/w02.jpg

142 KB

material/galerie/w02k.jpg

4.26 KB

material/galerie/w03.jpg

93.8 KB

material/galerie/w03k.jpg

2.58 KB

material/galerie/w04.jpg

120 KB

0 commit comments

Comments
 (0)