-
Notifications
You must be signed in to change notification settings - Fork 0
/
index_old2.html
220 lines (213 loc) · 12.5 KB
/
index_old2.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
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">
<meta name="keywords" content="portfolio, art, design, contemporary, post-internet">
<meta name="author" content="Matthias Pitscher">
<!-- facbeook stuff-->
<meta property="og:url" content="images/preview.png">
<meta property="og:type" content="website">
<meta property="og:title" content="&#128065;">
<meta property="og:description" content="Please, have a look.">
<title>Pitscher</title>
<link rel="shortcut icon" href="favicon.ico">
<link rel="stylesheet" type="text/css" href="css/normalize.css">
<link rel="stylesheet" type="text/css" href="css/swiper.css">
<link rel="stylesheet" type="text/css" href="fonts/font.css">
<link rel="stylesheet" type="text/css" href="css/style.css">
</head>
<body>
<div class="swiper-container-v">
<div class="swiper-wrapper">
<div data-hash="start" class="swiper-slide">
<div class="text-container">
<h1 class="title">H👁,<br>m👁 name is Pitscher. <br>👁 am an artist and des👁gner working with technology in d👁verse ways.<br>Here is m👁 <a target="_blank" href="mailto:matthias@pitscher.net">contact</a> if you want to create something together. </h1>
</div>
<div class="swiper-button-down"></div>
</div>
<div data-hash="Pracht" class="swiper-slide">
<div onclick="toggleInfo(this);" class="info">i
<div class="expand-text">
<h1>Pr...t</h1>
<h2>02 2018</h2>
<p>
Advertisement for two shows at a secret venue in Leipzig. The styles are completely opposit of each other.
While one is minimalistic with a fine noise texture and showcasing the great font <a target="_blank" href="http://oxlos.crowdfont.org">Oxlos</a>. The other one is completely overloaded with <a target="_blank" href="https://openclipart.org/">ClipArt</a>.
</p>
</div>
</div>
<div class="swiper-container-h">
<div class="swiper-button-next"></div>
<div class="swiper-button-prev"></div>
<div class="swiper-wrapper">
<div class="swiper-slide"><img src="images/Poster_Pracht_3.3__black.png" alt="Poster Pracht black" class="ri dropshadow">
</div>
<div class="swiper-slide"><img src="images/Poster_Pracht_3.3__white.png" alt="Poster Pracht white" class="ri dropshadow">
</div>
<div class="swiper-slide"><img src="images/Prt_15-Feb.png" alt="Poster Pracht ClipArt" class="ri dropshadow">
</div>
</div>
</div>
</div>
<div data-hash="shared-habitats" class="swiper-slide">
<div onclick="toggleInfo(this);" class="info">i
<div class="expand-text">
<h1>Shared Habitats</h1>
<h2>06 2017</h2>
<p>
I had the pleasure to design a Poster for the exhibition “Shared Habitats” in <a target="_blank" href="https://www.google.de/maps/place/Kaohsiung,+Taiwan/@20.5587299,119.7285306,611404a,35y,25.31t/data=!3m1!1e3!4m5!3m4!1s0x346e43517a7a741b:0x4826a24a54732a37!8m2!3d22.6272784!4d120.3014353?hl=de">Kaohsiung</a>.
My former professor and her students are exhibiting media art works that deal with the environment (Umwelt). The poster can be flipped upside down and two posters together remind us that we live in a shared habitat.
</p>
</div>
</div>
<div class="swiper-container-h">
<div class="swiper-button-next"></div>
<div class="swiper-button-prev"></div>
<div class="swiper-wrapper">
<div class="swiper-slide"><img src="images/Shared_Habitats.jpg" alt="Poster Shared Habitats" class="ri dropshadow">
</div>
<div class="swiper-slide"><img src="images/Shared_Habitats_mockup.jpg" alt="Poster Shared Habitats" class="ri">
</div>
</div>
</div>
</div>
<div data-hash="social-media-meditation" class="swiper-slide">
<div onclick="toggleInfo(this);" class="info">i
<div class="expand-text">
<h1>Social Media Meditation</h1>
<h2>04 2017</h2>
<p>
For my thesis project I created a visual language that mimics contemporary yoga and meditation institutes.
This speculative brand is based on the idea of nothingness. The logo got stripped away from any iconic form.
The promotional pictures resemble stockphotos.<br>More information: <a target="_blank" href="http://www.socialmediameditation.net">www.socialmediameditation.net</a><br>Even more information in my <a target="_blank" href="http://www.pitscher.net/Thesis_SMM.pdf">Thesis Book</a>(german)
</p>
</div>
</div>
<div class="swiper-container-h">
<div class="swiper-button-next"></div>
<div class="swiper-button-prev"></div>
<div class="swiper-wrapper">
<div class="swiper-slide"><img src="images/smm_logo.svg" alt="social media meditation logo" class="ri">
</div>
<div class="swiper-slide"><img src="images/smm_promo.jpg" alt="social media meditation logo" class="ri">
</div>
<div class="swiper-slide"><a target="_blank" href="http://www.socialmediameditation.net" class="ri"><img src="images/smm_website.png" alt="social media meditation website" class="ri"></a>
</div>
<div class="swiper-slide"><a target="_blank" href="http://www.pitscher.net/Thesis_SMM.pdf" class="ri"><img src="images/smm_thesis.jpg" alt="social media meditation book" class="ri"></a>
</div>
</div>
</div>
</div>
<div data-hash="speculative-society" class="swiper-slide">
<div onclick="toggleInfo(this);" class="info">i
<div class="expand-text">
<h1>Spekulative Gesellschaft</h1>
<h2>2016-2017</h2>
<p>
The Speculative Society (Spekulative Gesellschaft) is an everchanging group of individuals that organized events, happenings and exhibitions.
I created a lot of the recent graphics, like invitation cards, logos, posters and leaflets.
</p>
</div>
</div>
<div class="swiper-container-h">
<div class="swiper-button-next"></div>
<div class="swiper-button-prev"></div>
<div class="swiper-wrapper">
<div class="swiper-slide"><img src="images/SpeGe_Logo.png" alt="Spekulative Gesellschaft Logo" class="ri">
</div>
<div class="swiper-slide"><a target="_blank" href="https://winterwerkschau.bau-ha.us/"><img src="images/MdSGhdnzt.jpg" alt="Mit der Spekulativen Gesellschaft hat das nichts zu tun" class="ri"></a>
</div>
<div class="swiper-slide"><img src="images/SpeGe_Einladung1.jpg" alt="Einladung zur Spekulativen Gesellschaft" class="ri">
</div>
<div class="swiper-slide"><a href="http://summaery.uni-weimar.de/de/universitaet/profil/veranstaltungen/veranstaltungen-2016/summaery2016/projekte/?tx_showcase_summaeryprojectpublic%5Bproject%5D=723&tx_showcase_summaeryprojectpublic%5Baction%5D=show&tx_showcase_summaeryprojectpublic%5Bcontroller%5D=Summaery&cHash=ea1bb2d0ebbc2c92ae52be73d2bb6c26"><img src="images/niche_plakat.jpg" alt="Niche_Construction Poster" class="ri dropshadow"></a>
<p class="sub">in collaboration with Rama Bielewski </p>
</div>
<div class="swiper-slide"><a target="_blank" href="http://acudmachtneu.de/events/553/gestalten-medialer-umgebungen/" class="ri"><img src="images/GMU_Poster.jpg" alt="Gestalten Medialer Umgebungen Poster" class="ri dropshadow"></a>
</div>
</div>
</div>
</div>
<div data-hash="cheap-quick-dirty" class="swiper-slide">
<div onclick="toggleInfo(this);" class="info">i
<div class="expand-text">
<h1>Cheap–Quick–Dirty</h1>
<h2>03 2016</h2>
<p>
Cheap and dirty posters for the exhibition called “Cheap Quick Dirty”, where students inventend B-Movies and created additional graphics.
</p>
</div>
</div>
<div class="swiper-container-h">
<div class="swiper-button-next"></div>
<div class="swiper-button-prev"></div>
<div class="swiper-wrapper">
<div class="swiper-slide"><img src="images/cheapquickdirty_poster_RED.png" alt="Cheap Quick Dirty Poster" class="ri dropshadow">
</div>
<div class="swiper-slide"><img src="images/cheapquickdirty_poster_Orange.jpg" alt="Cheap Quick Dirty Poster" class="ri dropshadow">
</div>
<div class="swiper-slide"><img src="images/cheapquickdirty_poster_printed.jpg" alt="Cheap Quick Dirty Poster" class="ri">
</div>
<div class="swiper-slide"><img src="images/cheapquickdirty_poster_glued.jpg" alt="Cheap Quick Dirty Poster" class="ri">
</div>
<div class="swiper-slide"><img src="images/cheapquickdirty_poster_cool.jpg" alt="Cheap Quick Dirty Poster" class="ri dropshadow">
<p class="sub">Disregarded version</p>
</div>
</div>
</div>
</div>
<div data-hash="mess-with-tech-sense-and-thinking" class="swiper-slide">
<div onclick="toggleInfo(this);" class="info">i
<div class="expand-text">
<h1>Mess with tech, sense & thinking</h1>
<h2>02 2016</h2>
<p>
Together with Rama Bielewski we designed a foldable Poster/Flyer combination for a hybrid event at <a target="_blank" href="https://transmediale.de/content/the-mess-with-tech-sense-and-thinking">transmediale16</a>
</p>
</div>
</div>
<div class="swiper-container-h">
<div class="swiper-button-next"></div>
<div class="swiper-button-prev"></div>
<div class="swiper-wrapper">
<div class="swiper-slide"><img src="images/mtst_poster.jpg" alt="Mess with tech sense and thinking Poster" class="ri">
</div>
<div class="swiper-slide"><img src="images/mtst_flyer_cover.jpg" alt="Mess with tech sense and thinking Flyer Cover" class="ri">
</div>
<div class="swiper-slide"><img src="images/mtst_flyer_front.jpg" alt="Mess with tech sense and thinking Flyer Front" class="ri">
</div>
<div class="swiper-slide"><img src="images/mtst_flyer_back.jpg" alt="Mess with tech sense and thinking Flyer Back" class="ri">
</div>
</div>
</div>
</div>
<div data-hash="media-art-award" class="swiper-slide">
<div onclick="toggleInfo(this);" class="info">i
<div class="expand-text">
<h1>Preis der Medienkunst / Mediengestaltung</h1>
<h2>02 2016</h2>
<p>
The Media Art Award is an annual competition for recent graduates. I created the minimalistic poster for the 2014 edition.
The octahedron resembles a digital version of a handax, the first human tool. But it also stands for the 8 fields of study in Media Art and Design.
A 3 dimensional version was given out as the first price.
</p>
</div>
</div>
<div class="swiper-container-h">
<div class="swiper-button-next"></div>
<div class="swiper-button-prev"></div>
<div class="swiper-wrapper">
<div class="swiper-slide"><img src="images/pdm_black.jpg" alt="Preis der Medienkunst black" class="ri dropshadow">
</div>
<div class="swiper-slide"><img src="images/pdm_mockup.jpg" alt="Preis der Medienkunst printed" class="ri">
</div>
</div>
</div>
</div>
</div>
</div>
<script src="js/swiper.min.js"></script>
<script src="js/swiper-script.js"></script>
<script src="js/toggle.js"></script>
</body>
</html>