-
Notifications
You must be signed in to change notification settings - Fork 1
/
page.html
390 lines (269 loc) · 19.5 KB
/
page.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
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>Vergangene Visionen aus der Feder von Friedrich Wilhelm IV.</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="css/style.css">
<link rel="apple-touch-icon" sizes="57x57" href="favicon/apple-touch-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="favicon/apple-touch-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="favicon/apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="favicon/apple-touch-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="favicon/apple-touch-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="favicon/apple-touch-icon-120x120.png">
<link rel="icon" type="image/png" href="favicon/favicon-32x32.png" sizes="32x32">
<link rel="icon" type="image/png" href="favicon/favicon-96x96.png" sizes="96x96">
<link rel="icon" type="image/png" href="/faviconfavicon-16x16.png" sizes="16x16">
<link rel="manifest" href="favicon/manifest.json">
<link rel="mask-icon" href="favicon/safari-pinned-tab.svg" color="#5bbad5">
<meta name="msapplication-TileColor" content="#fffaf9">
<meta name="theme-color" content="#ffffff">
<meta property="og:url" content="">
<meta property="og:title" content="">
<meta property="og:description" content="">
<meta property="og:image" content="">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@uclab_potsdam">
<meta name="twitter:creator" content="@uclab_potsdam">
</head>
<body>
<div class="language-container">
<div class="de active"><a href=".">DE</a></div>
<div><a href="en/">EN</a></div>
</div>
<header class="slider-container">
<ul class="slider">
<li class="header-inner" style="background: linear-gradient(to bottom, rgba( 0,0,0, .35 ) 0%,rgba( 0,0,0, .35) 100% ), url( 'img/91777.jpg' ); background-size: 100% 100%, cover;">
<div class="slider-inner">
<div class="project-container">
<div class="container">
<h1 class="project-title">
<span class="project-title-main">
Vergangene<br>
Visionen
</span><br>
aus der Feder von Friedrich Wilhelm IV.
</h1>
<div class="blockquotes">
<blockquote>»Bekanntlich zeichnete der König während gesellschaftlicher Unterhaltung in den Abendstunden, während des Vorlesens von Zeitungen oder leichterer Lectüre, ja sehr häufig während ernster Vorträge, ohne je den Faden zu verlieren und von der gründlichsten Behandlung der Vortragsgegenstände im Mindesten nachzulassen.«</blockquote>
<span class="blockquote-author">Friedrich August Stüler</span> <span class="blockquote-year">(1861)</span>
</div><!-- .blockquotes -->
<div class="blockquote-info">Bildinformation: GK II (12) II-1-Bc-5 Rs 1, Jahr: 1844</div>
</div><!-- container -->
</div><!-- .project-container -->
</div><!-- .slider-inner -->
</li>
<li class="header-inner" style="background: linear-gradient(to bottom, rgba( 0,0,0, .35 ) 0%,rgba( 0,0,0, .35) 100% ), url( 'img/88415.jpg' ); background-size: 100% 100%, cover;">
<div class="slider-inner">
<div class="project-container">
<div class="container">
<h1 class="project-title">
<span class="project-title-main">
Vergangene<br>
Visionen
</span><br>
aus der Feder von Friedrich Wilhelm IV.
</h1>
<div class="blockquotes">
<blockquote>»Unglaublich ist sein Genie fürs Zeichnen. Er wirft jeden Augenblick, wenn er frei ist, [...] Zeichnungen aufs Papier; Entwürfe zu grossen historischen Stücken, [...] von Personen und Sachen, die er auf Reisen gesehen hat, von mythischen und allegorischen Gegenstünden. Er malt selbst Himmel und Hölle; und sehr oft [...] biblische Dinge.«</blockquote>
<span class="blockquote-author">Johann Friedrich Herbart</span> <span class="blockquote-year">(1810)</span>
</div><!-- .blockquotes -->
<div class="blockquote-info">Bildinformation: GK II (12) VIII-C-98, Jahr: um 1840</div>
</div><!-- container -->
</div><!-- .project-container -->
</div><!-- .slider-inner -->
</li>
<li class="header-inner" style="background: linear-gradient(to bottom, rgba( 0,0,0, .35 ) 0%,rgba( 0,0,0, .35) 100% ), url( 'img/90004.jpg' ); background-size: 100% 100%, cover;">
<div class="slider-inner">
<div class="project-container">
<div class="container">
<h1 class="project-title">
<span class="project-title-main">
Vergangene<br>
Visionen
</span><br>
aus der Feder von Friedrich Wilhelm IV.
</h1>
<div class="blockquotes">
<blockquote>»Ich zeichne eigentlich fast gar nicht mehr präsentables; von Zeit zu Zeit einmal eine extravagante Landschaft; Figuren Compositionen habe ich ganz abandonnirt; desto mehr Baupläne zeichne ich aus freier Hand, folglich jederzeit windschief – ich bin aber ein Narr für Architectur.«<br /><br /></blockquote>
<span class="blockquote-author">Friedrich Wilhelm (IV.)</span> <span class="blockquote-year">(1838)</span>
</div><!-- .blockquotes -->
<div class="blockquote-info">Bildinformation: GK II (12) II-1-Cg-100 Rs, Jahr: um 1838</div>
</div><!-- container -->
</div><!-- .project-container -->
</div><!-- .slider-inner -->
</li>
</ul>
<a href="#" class="slider_nav slider1_nav down">Weiter</a>
</header>
<section class="about clearfix">
<div class="container">
<div class="span-1 span-left">
<p>König Friedrich Wilhelm IV. von Preußen (1795 – 1861) hinterließ ein Konvolut an Skizzenblättern. Sie zeugen von historischen Ereignissen wie Kriegen und Revolutionen, literarischen Einflüssen oder persönlichen Obsessionen. Auf zahlreichen Blättern offenbart sich der planerische Blick des Königs in Form von architektonischen Visionen und träumerischen Entwürfen. Der bisher erschlossene Bestand an 1492 Seiten mit Zeichnungen des Königs wird hier im historischen und thematischen Zusammenhang in einer Visualisierung hochaufgelöst und explorativ verfügbar gemacht.</p>
</div><!-- .span1 -->
<div class="span-1 span-right">
<p>Die Zeichnungen Friedrich Wilhelms IV. sind Teil der <a href="http://www.spsg.de/forschung-sammlungen/sammlungen/graphische-sammlung-plankammer/">Graphischen Sammlung</a> der Stiftung Preußische Schlösser und Gärten Berlin-Brandenburg und wurden in einem <a href="http://bestandskataloge.spsg.de/">Online-Bestandskatalog</a> veröffentlicht.</p>
<p>Der Visualisierungs-Prototyp ist im Rahmen des Forschungsprojektes <a href="http://uclab.fh-potsdam.de/projects/vikus/">»VIKUS – Visualisierung kultureller Sammlungen«</a> an der Fachhochschule Potsdam entstanden.</p>
</div><!-- .span-1 -->
</div><!-- .container -->
</section>
<section class="research clearfix">
<div class="container">
<p>Die folgende Visualisierung ist ein Prototyp und dient der Forschung.<br />
Bitte probieren Sie sie gern aus!
<!-- Sie können uns unterstützen, indem Sie zum Abschluss einen Fragebogen ausfüllen. -->
</p>
<!-- <a class="btn-feedback" href="feedback.php" target="_blank">Zum Fragebogen</a> -->
</div>
</section>
<section class="vis clearfix">
<div class="container">
<img src="img/vis-preview.jpg">
<a href="vis/" class="visible-desktops">
<div class="link-to-vis">
<div class="link-to-vis-inner">
<h3 class="link-to-vis-title">Visualisierung starten</h3>
</div>
</div>
</a>
<!-- <a href="#" class="visible-desktop">
<div class="link-to-vis">
<div class="link-to-vis-inner">
<h3 class="link-to-vis-title">Launch am</h3>
4. Februar 2016
</div>
</div>
</a> -->
<div class="vis-info">
<strong>Entwickelt für die aktuellen Versionen von Chrome, Edge, Firefox und Safari</strong><br>
Zur anonymen Auswertung der Nutzung werden Cookies verwendet.<br>
Minimum 100 MB Datenverbrauch.
</div>
<!-- <div target="_blank" class="msg-no-mobile hidden-desktop">
<div class="link-to-vis ">
<div class="link-to-vis-inner">
Die Visualisierung ist derzeit nur für Desktop-Browser optimiert.
</div>
</div>
</div> -->
</div><!-- .container -->
</section>
<section class="info clearfix">
<div class="container">
<div class="span-1 span-left">
<h2>Forschungsprototyp</h2>
<p>Die vorliegende Webseite und die prototypische Visualisierung sind an der <a href="http://www.fh-potsdam.de/" target="blank">Fachhochschule Potsdam</a> im <a href="http://uclab.fh-potsdam.de" target="blank">Urban Complexity Lab</a> im Rahmen des vom <a href="http://bmbf.de" target="blank"></a>Bundesministerium für Bildung und Forschung (BMBF)</a> geförderten Forschungsprojektes <a href="http://uclab.fh-potsdam.de/projects/vikus/" target="blank">»VIKUS - Visualisierung kultureller Sammlungen«</a> entstanden. Projektpartner sind die <a href="http://www.spsg.de/startseite/" target="blank">Stiftung Preußische Schlösser und Gärten</a> und die <a href="https://www.programmfabrik.de/" target="blank">Programmfabrik GmbH</a>.</p>
<h2>Projektteam »VIKUS«</h2>
<ul>
<li>Wissenschaftliche Leitung:<br>Prof. Dr. Marian Dörk</li>
<li>Wissenschaftliche Mitarbeit, inhaltliche Betreuung und Recherche:<br>Katrin Glinka</li>
<li>Design und Entwicklung der Visualisierung:<br><a href="http://www.chrispie.com">Christopher Pietsch</a></li>
<li>Wissenschaftliche Betreuung seitens der SPSG:<br>Dr. Carsten Dilba</li>
<li>Wissenschaftliche Beratung:<br>Dr. Jörg Meiner</li>
<li>Workshop und Unterstützung:<br>Stephanie Neumann, Matthias Graf, Sebastian Meier, Till Nagel, Jan-Erik Stange, Alex Butterworth</li>
<li>Design und Entwicklung der Startseite:<br>Knisterwerk, Phillip Kortlang & Chris Magiera</li>
</p>
</div><!-- .span-1 -->
<div class="span-1">
<h2>Datenquellen</h2>
<p>Die Visualisierung basiert auf einem <a href="http://bestandskataloge.spsg.de/" target="_blank">Online-Bestandskatalog der Zeichnungen Friedrich Wilhelms IV. von Preußen</a>, der 2013 von der Stiftung Preußische Schlösser und Gärten veröffentlicht wurde. Die SPSG erhielt für die Erschließung und Veröffentlichung des Online-Bestandskatalogs Förderungen von der <a href="http://www.dfg.de" target="_blank">Deutschen Forschungsgemeinschaft (DFG)</a>, der <a href="http://stiftungen.stifterverband.info/t263_schulzere/index.html" target="_blank">Reinhold und Elisabeth-Schulze-Stiftung</a>, der Scherping-Schulze-Stiftung im Stifterverband für die Deutsche Wissenschaft und der <a href="http://www.fritz-thyssen-stiftung.de" target="_blank">Fritz Thyssen Stiftung</a>.</p>
<p>Die in der Visualisierung genutzten Digitalisate, Metadaten und Thementexte wurden von Dr. Jörg Meiner (Projektleitung), Dr. Catharina Hasenclever (Projektleitung, 2006-2008), Antje Adler, Astrid Fritsche, Klaus Dorst, Stefan Gehlen, Dr. Gabriele Horn, Dr. Andreas Meinecke, Dr. Gerd-H. Zuchold, Dr. Rolf H. Johannsen, Prof. Dr. Harry Falk, Dr. Rolf Th. Senn und Dr. Sepp-Gustav Gröschel erstellt. Redaktion: Dr. Carsten Dilba.</p>
<p>Die Zeitleiste wurde ergänzt durch Auszüge aus dem Ausstellungskatalog »Unglaublich ist sein Genie fürs Zeichnen« Friedrich Wilhelm IV. von Preußen (1795-1861) zum 150. Todestag, herausgegeben im Auftrag der Stiftung Preußische Schlösser und Gärten von Jörg Meiner, 2011.</p>
<h2>Technik</h2>
<p>HTML5, CSS3, Canvas/WebGL, <a href="http://www.pixijs.com">pixi.js</a> und <a href="http://www.d3js.org">d3.js</a></p>
</div><!-- .span-1 -->
</div><!-- .container -->
</section>
<section class="imprint clearfix">
<div class="container">
<h2>Impressum</h2>
<div class="span-1">
<h3>Haftungsausschluss</h3>
<p>Eine Haftung für die Richtigkeit, Vollständigkeit und Aktualität dieser Webseiten kann trotz sorgfältiger Prüfung nicht übernommen werden. Die Fachhochschule Potsdam übernimmt insbesondere keine Haftung für eventuelle Schäden oder Konsequenzen, die durch eine direkte oder indirekte Nutzung der angebotenen Inhalte entstehen.</p>
<p>Es wird ausdrücklich darauf hingewiesen, dass für den Inhalt verlinkter Seiten ausschließlich deren Betreiber verantwortlich ist. Trotz sorgfältiger inhaltlicher Kontrolle übernehmen wir keine Haftung für die Inhalte externer Links. Für Schäden, die aus der Nutzung oder Nichtnutzung dieser Informationen entstehen, haftet ausschließlich der Betreiber der Seite, auf die verwiesen wurde.</p>
<p>Sollten Sie Kenntnis von verlinkten Seiten mit rechtswidrigen Inhalten erlangen, bitten wir Sie, uns dies mitzuteilen.</p>
<h3>Urheberrecht</h3>
<p>Alle im Internetangebot der Fachhochschule Potsdam veröffentlichten Inhalte (Layout, Texte, Bilder, Grafiken usw.) unterliegen dem Urheberrecht. Jede vom Urheberrechtsgesetz nicht zugelassene Verwertung bedarf vorheriger ausdrücklicher Zustimmung. Dies gilt insbesondere für Vervielfältigung, Bearbeitung, Übersetzung, Einspeicherung, Verarbeitung bzw. Wiedergabe von Inhalten in Datenbanken oder anderen elektronischen Medien und Systemen. Fotokopien und Downloads von Webseiten für den privaten, wissenschaftlichen und nicht kommerziellen Gebrauch dürfen hergestellt werden.</p>
<p>Wir erlauben ausdrücklich und begrüßen das Zitieren unserer Dokumente und Webseiten sowie das Setzen von Links auf unsere Website.</p>
<h3>Hausanschrift</h3>
<p>Kiepenheuerallee 5, 14469 Potsdam</p>
<h3>Postanschrift</h3>
<p>Postfach 60 06 08, 14406 Potsdam / Telefon +49 331 580 00, Fax +49 331 580 1009</p>
<p>Die Fachhochschule Potsdam ist eine Körperschaft des Öffentlichen Rechts. Sie wird durch den Präsidenten Herrn Prof. Dr. Eckehard Binas vertreten.</p>
<h3>Zuständige Aufsichtsbehörde</h3>
<p>Ministerium für Wissenschaft, Forschung und Kultur des Landes Brandenburg</p>
<p>Dortustr. 36, 14467 Potsdam, www.mwfk.brandenburg.de</p>
<h3>Umsatzsteueridentifikationsnummer</h3>
<p>
(gemäß § 27a Umsatzsteuergesetz)<br>
DE 811920300
</p>
<h3>Verantwortliche Personen</h3>
<p>
Für die Medieninformationen im Sinne des Presserechtes verantwortlich:<br>
Birgit Lißke – Tel. +49 331 580 1004
</p>
</div><!-- .span-1 -->
<div class="span-1">
<h3>Datenschutzerklärung</h3>
<p>Die Fachhochschule Potsdam unterliegt den Bestimmungen des Brandenburgischen Datenschutzgesetzes sowie den einschlägigen gesetzlichen Grundlagen mit Bestimmungen zum Schutz des Rechtes auf informationelle Selbstbestimmung.</p>
<p>Zum Schutz Ihrer Rechte haben wir technische und organisatorische Maßnahmen getroffen, dass die Vorschriften über den Datenschutz sowohl innerhalb der Fachhochschule Potsdam als auch von externen Dienstleistern beachtet werden, wenn diese an diesem Angebot mitwirken.</p>
<p>Ihre Daten dürfen nur in dem Umfange verarbeitet werden, wie spezielle Gesetze dies zulassen oder Ihre Einwilligung vorliegt.</p>
<p>In Verbindung mit Ihrem Zugriff auf das Internetangebot der Fachhochschule Potsdam werden auf unseren Servern im Falle des erfolglosen Abrufens einer Datei vorübergehend Daten zur Feststellung von Betriebsstörungen gespeichert, die möglicherweise eine Identifizierung zulassen. Dies können sein: Name der abgerufenen Datei, Datum und Uhrzeit des Abrufs und die abrufende IP-Adresse.</p>
<p>Bei der Verwendung der angebotenen Mail-Links werden nur die von Ihnen eingegebenen Daten an den Empfänger der Mail weitergeleitet. In Logdateien können zur Sicherstellung des Betriebes sowie zur Gewährleistung der Datensicherheit die Verbindungsdaten gespeichert werden. Eine Auswertung dieser Daten erfolgt nicht.</p>
<p>Ausgenommen hiervon sind: Auswertungen bei Vorliegen des Verdachtes einer Straftat und Auswertungen bei Vorliegen eines begründeten Missbrauchsverdachtes. Daten in anonymisierter Form für statistische Zwecke und zur Optimierung des Internetangebotes.</p>
<p>Wir weisen Sie darauf hin, dass die Datenübertragung, insbesondere per E-Mail, über das Internet derzeit im Wesentlichen ungesichert erfolgt. Es ist nicht ausgeschlossen, dass übermittelte Daten von Unbefugten zur Kenntnis genommen und eventuell sogar verfälscht werden können.</p>
</div><!-- .span-1 -->
</div><!-- .container -->
</section>
<script src="js/jquery-2.2.0.min.js"></script>
<script src="js/responsiveslides.min.js"></script>
<script>
/*
* Slider
* ----------------------------------------- */
$(function () {
$( '.slider' ).responsiveSlides({
auto: true,
nav: false,
speed: 500,
timeout: 10000,
namespace: "slider",
});
$(".down").click(function(){
$("html, body").stop().animate({scrollTop:window.innerHeight}, '500', 'swing', function() {
});
});
// $('.visible-desktop').click(function(){
// return false;
// })
});
// $('.visible-desktop').click(function() {
// return openWindow(this.href);
// })
// function openWindow(url) {
// if (window.innerWidth <= 640) {
// // if width is smaller then 640px, create a temporary a elm that will open the link in new tab
// var a = document.createElement('a');
// a.setAttribute("href", url);
// a.setAttribute("target", "_blank");
// var dispatch = document.createEvent("HTMLEvents");
// dispatch.initEvent("click", true, true);
// a.dispatchEvent(dispatch);
// }
// else {
// var width = window.innerWidth ;
// // define the height in
// var height = window.innerHeight ;
// // Ratio the hight to the width as the user screen ratio
// window.open(url , 'newwindow', 'width=' + width + ', height=' + height + ', top=' + ((window.innerHeight - height) / 2) + ', left=' + ((window.innerWidth - width) / 2));
// }
// return false;
// }
</script>
</body>
</html>