-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathfensterbilder-2.html
184 lines (157 loc) · 14 KB
/
fensterbilder-2.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
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
<!DOCTYPE html>
<html lang="de" prefix="og: http://ogp.me/ns#">
<!--
Hallo Fremde:r,
schön, dass du dich umschaust! Falls du Fragen hast oder wissen
möchtest, wie bestimmte Sachen auf meiner Website funktionieren,
schreib doch einfach an postfach2b [ät] web.de oder sende einen
Post an @[email protected].
Weiterhin viele schöne Entdeckungen!
-->
<head>
<meta charset="UTF-8">
<title>Malerei hinterm Fenster // @cz+</title>
<link href='bestand/style.css' rel='stylesheet'>
<link href="bestand/czSlab.woff2" rel="preload" as="font" type="font/woff2" crossorigin>
<link href="https://charakterziffer.github.io/rss.xml" rel="alternate" type="application/rss+xml" title="@cz+ Blogartikel">
<link rel="icon" href="/bestand/favicon.png">
<link rel="apple-touch-icon" href="/bestand/touchicon.png">
<meta name="theme-color" content="#228811">
<meta name="color-scheme" content="light dark">
<meta name="description" content="Jeden Monat ein neues Bild malen, das ich ins Fenster hänge – das sollte kreativ motivieren, doch vielleicht frustriert es auch als lästige Pflicht.">
<meta name="author" content="Gerhard Großmann, postfach2b [ät] web.de">
<meta name="fediverse:creator" content="[email protected]" />
<meta name="keywords" content="Gerhard Großmann, Regensburg, Hohenfels, charakterziffer, Blog, Twitter, Mastodon">
<meta name="robots" content="index, follow">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="referrer" content="strict-origin">
<style> /* QR-Code mit URL für Ausdrucke, siehe smashingmagazine.com/2013/03/tips-and-tricks-for-print-style-sheets/ */
@media print { header:after {
content: url('https://chart.googleapis.com/chart?cht=qr&chs=110x110&chl=https://charakterziffer.github.io/fensterbilder-2.html&choe=UTF-8');
position: absolute; right: .5em; top:.2em; z-index:-1; -webkit-print-color-adjust: exact !important; print-color-adjust: exact !important; } } </style>
<meta property="og:image" content="https://charakterziffer.github.io/bestand/cz200x200.jpg">
</head>
<body>
<header>
<a title="Zur Startseite" href="https://charakterziffer.github.io/"><img src="https://charakterziffer.github.io/bestand/favicon.png" width="59.8" height="59.8" alt="">@charak<br>terziffer</a>
<div>
<form id="suchform" method="GET" action="https://duckduckgo.com/" onsubmit="javascript:document.getElementById('q').value = document.getElementById('keyword').value + ' site:charakterziffer.github.io'">
<input type="text" id="keyword" placeholder="Suche mit DuckDuckGo" aria-label="Seite extern durchsuchen mit DuckDuckGo">
<input type="hidden" id="q" name="q">
<input type="hidden" name="kl" value="de-de">
<input type="hidden" name="kj" value="281">
<input type="hidden" name="kx" value="666">
<input type="hidden" name="k9" value="281">
<input type="hidden" name="kaa" value="839">
<input type="hidden" name="ka" value="Source Sans Pro">
<input type="submit" value="🔍" aria-label="Suchen">
</form>
<nav class="no-hyphens no-print"><ul>
<li><a href="/archiv.html">Archiv</a></li>
<li><a href="/extra/index.html">Extra</a></li>
<li><a href="/rss.xml">RSS</a></li>
<li><a href="/index.html#impressum">Impressum</a></li>
</ul></nav>
</div>
</header>
<main>
<article>
<time datetime="2024-05-09">Do, 9. Mai 2024</time>
<h1>Malerei hinterm Fenster</h1>
<p>Als kreativen Ansporn hatte ich mir vorgenommen, fürs Fenster meines Arbeitszimmers monatlich ein neues Bild zu malen. Es ist dann von außen sichtbar und erfreut vielleicht ein paar Passanten. Nach über zwei Jahren fürchte ich: Jetzt ist die Luft erst mal raus.</p>
<p>Ideen für Motive habe ich zwar einige, aber nicht jeden Monat ist mir danach, etwas zu malen. Zu oft fühlten sich die Fensterbilder in letzter Zeit wie eine lästige Pflicht an – und das ist nicht Sinn der Sache. Vielleicht sollte ich das Malen verspielter angehen, mehr Mut zum Unperfekten und Sinnfreien.</p>
<style>
<!--
.bildraster { margin: 2.2em 0; display: grid; grid-gap: 1em;
grid-template-columns: repeat(auto-fill, minmax(9em, 1fr)); }
.bildraster > a { display: flex; justify-content: center;
align-items: center; margin: 0; padding: 0; }
.bildraster img { max-width: 100%; width: 100%; height: 11em;
object-fit: contain; overflow: clip; }
@supports not (display: grid) {
.bildraster { margin:1.1em -.5em -.75em; display: flex; flex-wrap: wrap; }
.bildraster > a { flex: 1 1 9em; margin: .5em; } }
.lightbox { position: fixed; top: 0; left: 0; right: 0; bottom: 0;
display:none; z-index:1; background:rgba(0,0,0,.8); padding:3vmin; }
.lightbox:target { display: block; animation: none; }
.lightbox span { display: block; width: 100%; height: 100%;
background-position: center; background-repeat: no-repeat; background-size: contain; }
-->
</style>
<div class="bildraster">
<a href="#bild-01"><img src="material/galerie/fb13k.jpg" alt="Komposition aus vier geometrischen Formen, jeweils aus Papier ausgeschnitten und aufgeklebt: Ein gelber Kreis, ein Dreieck aus zerknittertem Packpapier, ein pinkfarbenes Fünfeck und ein Quadrat aus zwei Zeitungsspalten. Dazu sechs blaue Linien in der Bildmitte links und ein grünes Punkteraster unten." /></a>
<a href="#bild-02"><img src="material/galerie/fb14k.jpg" alt="Verzierter, roter Buchstabe „G“ auf blaugrünem Grund mit angedeuteten Tannenzweigen. Das G ist mit einer Karos und einer Fleur-de-lis verziert, auf dem Querbalken sitzt eine weiße Eule." /></a>
<a href="#bild-03"><img src="material/galerie/fb15k.jpg" alt="Eine abstrakte Form, ähnlich einem kastenförmigen Papierdrachen." /></a>
<a href="#bild-04"><img src="material/galerie/fb16k.jpg" alt="Studie über Löwenzahn. Das Bild ist in Felder aufgeteilt, Je eines mit einer Pfahlwurzel, mit grün gezackten Blättern, gelben Blütenfasern, geschlossene Blütenköpfe und weiße Flugsamen." /></a>
<a href="#bild-05"><img src="material/galerie/fb17k.jpg" alt="Von links wachsen feurige dornenzweige in Bild und treffen in der Mitte auf grüne, geschwungene Ranken, die von rechts ins Bild dringen." /></a>
<a href="#bild-06"><img src="material/galerie/fb18k.jpg" alt="Collage aus astronomischen Elementen alter Holzschnitte: Schweifstern, Sonne mit Strahlenkranz, Komet, Sternkarte. Die Papier-Teile sind hauptsächlich in Blautönen, dazu einzelne Akzente in leuchtendem Gelb." /></a>
<a href="#bild-07"><img src="material/galerie/fb19k.jpg" alt="Umrisse von Herbstblättern, die sich überlagern. Verschiedene Farbschichten sind aufgesprüht, was eine eher graue Fläche ergibt, die in verschiedenen Farben schimmert." /></a>
<a href="#bild-08"><img src="material/galerie/fb20k.jpg" alt="Abstraktes Ölbild mit schwarzem Hintergrund. Aus der Mitte öffnen sich farbige, durchscheinende Rechtecke, aufgefächert wie unterschiedliche große Buchseiten." /></a>
<a href="#bild-09"><img src="material/galerie/fb21k.jpg" alt="Zwei Punkteraster, eines rechtwinklig in Altrosa, das andere diagonal in Rot. Sie überlagern sich in der Bildmitte in Form eines Kommas, mit leichtem Moirée-Effekt. Einige Punkte sind golden, der Hintergrund verwaschen Rosa." /></a>
<a href="#bild-10"><img src="material/galerie/fb22k.jpg" alt="Zwei Reihen mit je drei schwarzblauen Kreisen. Die Kreise sind von der Struktur unterschiedliche dicht gefüllt wie Wolken, Wollknäule oder Pfingsrosen und haben verschiedene Helligkeiten." /></a>
<a href="#bild-11"><img src="material/galerie/fb23k.jpg" alt="Ein sitzender Hase, zusammengesetzt aus groben, pinkfarbenen Pixeln." /></a>
<a href="#bild-12"><img src="material/galerie/fb24k.jpg" alt="Missglücktes und darum verschmiertes Porträt, im Grunde nur noch ein schmutzig brauner Umriss." /></a>
</div>
<!-- Bilder als Hintergrund, so laden sie erst beim Lightbox-Öffnen -->
<p><a href="#_" class="lightbox" id="bild-01"><span style="background-image:url(material/galerie/fb13.jpg)"></span></a>
<a href="#_" class="lightbox" id="bild-02"><span style="background-image:url(material/galerie/fb14.jpg)"></span></a>
<a href="#_" class="lightbox" id="bild-03"><span style="background-image:url(material/galerie/fb15.jpg)"></span></a>
<a href="#_" class="lightbox" id="bild-04"><span style="background-image:url(material/galerie/fb16.jpg)"></span></a>
<a href="#_" class="lightbox" id="bild-05"><span style="background-image:url(material/galerie/fb17.jpg)"></span></a>
<a href="#_" class="lightbox" id="bild-06"><span style="background-image:url(material/galerie/fb18.jpg)"></span></a>
<a href="#_" class="lightbox" id="bild-07"><span style="background-image:url(material/galerie/fb19.jpg)"></span></a>
<a href="#_" class="lightbox" id="bild-08"><span style="background-image:url(material/galerie/fb20.jpg)"></span></a>
<a href="#_" class="lightbox" id="bild-09"><span style="background-image:url(material/galerie/fb21.jpg)"></span></a>
<a href="#_" class="lightbox" id="bild-10"><span style="background-image:url(material/galerie/fb22.jpg)"></span></a>
<a href="#_" class="lightbox" id="bild-11"><span style="background-image:url(material/galerie/fb23.jpg)"></span></a>
<a href="#_" class="lightbox" id="bild-12"><span style="background-image:url(material/galerie/fb24.jpg)"></span></a></p>
<p>Das letzte Bild war übrigens der Versuch eines Porträts mit Ölfarben. Ich wurde im Laufe des Malens damit aber so unzufrieden, dass ich es kurzerhand völlig verschmiert habe. Ins Fenster hänge ich das nicht, außer ich übermale alles nochmal. Oder es landet im Müll. Ob das vor zu hohen Erwartungen schützt: Für den Müll malen?</p>
<p>Bei allem Frust übers missglückte Porträt sollte ich nicht vergessen, dass unter diesen zwölf Bildern auch einige sind, die mir recht gut gefallen. Die <a href="fensterbilder.html">„erste Staffel“ meiner Fensterbilder</a> habe ich übrigens vor anderthalb Jahren veröffentlicht.</p>
<p style="margin-bottom:2.25em;">---<br>
<i>Rubrik(en):</i> <a href="archiv.html?ansporn">#ansporn</a> <a href="archiv.html?kritik">#kritik</a> <a href="archiv.html?sujet">#sujet</a> </p>
</article>
<div class="no-print">
<h2 id="kommentieren">Artikel kommentieren</h2>
<p>Ich lege Wert auf eine respektvolle Diskussion und überprüfe jeden Kommentar, bevor er hier erscheint. Beleidigende oder unsachliche Beiträge ignoriere ich mit großem Vergnügen. Alle Angaben sind freiwillig.</p>
<form name="kommentarformular" id="kommentarformular" method="post" action="https://www.onlex.de/_formmailer.php?username=charakterziffer" accept-charset="UTF-8" enctype="application/x-www-form-urlencoded" onsubmit="javascript:document.getElementById('aktuelles-datum').value = new Date().toLocaleString('de-DE')">
<input type="hidden" name="post_id" value="/fensterbilder-2">
<input type="hidden" name="date" id="aktuelles-datum" value="">
<input type="hidden" name="nummer" value="1">
<div>
<label for="name">Name</label>
<div><input name=" name" id="name" type="text" size="25" spellcheck="false">
<i>(Pseudonym möglich)</i></div>
<!-- fügt in der Onlex-Mail eine Leerzeile davor ein -->
</div>
<div>
<label for="mail">E-Mail</label>
<div><input name="mail" id="mail" type="email" size="25" autocomplete="email" spellcheck="false" autocapitalize="off">
<i>(wird nicht veröffentlicht)</i></div>
</div>
<div>
<label for="link">Website</label>
<div><input name="link" id="link" type="url" size="25" spellcheck="false" onblur="javascript:if ( (this.value!='') && !(this.value.match(/^https?:\/\//g)) ) { this.value = 'http://' + this.value;}"></div>
<!-- Beim Verlassen des Feldes: Falls Webadresse nicht leer und nicht mit „http(s)://“ beginnt, dann ergänze „http://“. So bekommt der Nutzer wegen type="url" keine Fehlermeldung, auch wenn er das http:// vergisst. -->
</div>
<div>
<label for="comment">Kommentar</label><br>
<textarea name="comment" id="comment" rows="8" cols="50" required spellcheck="true"></textarea>
</div>
<input type="hidden" name=" --- Hinweis" value="Mehrzeilige Kommentare in 'Apostrophe' einschließen und um </р><р> ergänzen.">
<input name="onlex_password" id="onlex_password" type="hidden" value="5">
<div><input name="submit" id="submit" type="submit" value="Veröffentlichen"></div>
</form>
<p class="no-hyphens" style="font-size:0.9em;line-height:1.667em;">Formatierungen mit HTML sind möglich, z.<small> </small>B. <em><em>betont</em></em>, <strong><strong>hervor­gehoben</strong></strong> oder <code><code>Quelltext</code></code>. Außerdem Verlinkungen (<a href="http://verlinkte-website.de">Linktext</a>) und Bilder (<img src="http://pfad-zum.de/bild.jpg" alt="Bildbeschreibung">).</p>
</div> <!-- .no-print -->
<p style="width:48%; float:left; margin:3.1em 0 1.1em;" class="no-hyphens no-print"><a href="wohin-kommentieren.html">← Wohin mit Kommentaren? – Eine Entgegnung</a></p>
<p style="width:48%; float:right; text-align:right; margin:3.1em 0 1.1em;" class="no-hyphens no-print"><a href="colapen.html">Schreibfedern aus der Getränkedose →</a></p>
<p style="clear:both;" class="no-print"></p>
</main>
<aside class="no-hyphens">
<p>Hallo, ich bin <a href="javascript:new%20Audio('bestand/aussprache.mp3').play()" class="anhoeren" title="Aussprache anhören">Gerhard Großmann</a> aus Hohen­fels<span class="no-print"> (siehe <a href="/index.html#impressum">Impres­sum/Daten­schutz</a>)</span>. Über Fragen, Kritik und Anmer­kungen freue ich mich sehr – z.<small> </small>B.<span class="no-print"> via <a href="https://typo.social/@charakterziffer" target="_blank" rel="noopener noreferrer">Masto­don</a> oder</span> per Mail an <em>postfach2b [ät] web.de</em>.</p>
<p class="no-print">Mein <a href="/rss.xml" class="icon-rss">RSS-Feed</a> informiert immer pünkt­lich über neue Artikel. Alle bis­herigen Ein­träge finden sich <a href="/archiv.html">im Archiv</a>.</p>
<p>Die Texte in diesem Blog stehen unter einer <a rel="license" href="https://creativecommons.org/licenses/by-sa/4.0/deed.de" class="icon-ccbysa">Crea­tive-Commons-Lizenz 4.0 (Deutsch­land)</a> mit Namens­nennung und Weiter­gabe unter gleichen Bedin­gungen.</p>
</aside>
<script src="https://www.onlex.de/_counter.php?username=charakterziffer" defer></script>
</body>
</html>