-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
135 lines (104 loc) · 5.66 KB
/
index.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>PIERO FORNASETTI</title>
<script src="lib/anime.min.js"></script>
<script src="lib/screenfull.min.js"></script>
<script src="main.js"></script>
<link rel="stylesheet" href="fonts.css">
<link rel="stylesheet" href="styles.css">
</head>
<body>
<button class="fullscreen">FULLSCREEN</button>
<section id="cover">
<div class="cover-header">
<h1 class="title bold">PIERO FORNASETTI</h1>
<h2 class="italic subtitle">"La Stanza Metafisica"</h2>
</div>
<img class="text" src="images/cover-text.png">
<img class="slide" src="images/cover.png">
</section>
<section class="header">
<h1 class="title bold">PIERO FORNASETTI</h1>
<h2 class="italic subtitle">"La Stanza Metafisica"</h2>
</section>
<div class="container">
<section class="bubbles">
<article class="bubble bubble--left">
<div class="content"><b>Piero Fornasetti</b> was a phenomenally talented and prolific painter and illustrator, but his talents soared far beyond two-dimensional artwork.</div>
</article>
<article class="bubble bubble--left"> <!-- data-delay="1000" -->
<div class="content">Nowhere is that demonstrated more intensely than in “La Stanza Metafisica,” a prescient example of an art installation ingeniously reinterpreted by Shelton, Mindel & Associates for the home of Sting and Trudie Styler.</div>
</article>
<article class="bubble bubble--hasImage">
<div class="content">
<img src="images/bitmap@2x.jpg">
</div>
</article>
<article class="bubble bubble--left" >
<div class="content">“La Stanza Metafisica” was designed as a space for meditation that could be set up in various configurations, according to the needs of the user.</div>
</article>
<article class="bubble bubble--right">
<div class="content">“… where one or more people may stay and gather their thoughts, whether creative or religious or of some other kind.”<br />–Piero Fornasetti</div>
</article>
<article class="bubble bubble--hasImage">
<div class="content">
<img src="images/piero-fornasetti.png" alt="">
</div>
</article>
<article class="bubble bubble--left">
<div class="content"> Fornasetti was fascinated by the organization of interior spaces and the screen.</div>
</article>
<article class="bubble bubble--right">
<div class="content">“… I thought it could also live another life: that is, the decoration of the walls could serve as the background for the decoration of rooms of various use." </div>
</article>
<article class="bubble bubble--right">
<div class="content">“[The screen] could assume larger or smaller dimensions by adding or removing panels, and could be adapted to the walls of a given room… It can cover the walls entirely… it can be used in the dining room rather than in the bedroom.” <br />–Piero Fornasetti</div>
</article>
<article class="bubble bubble--right">
<div class="content">“A person could change residence and there would be no need for him to lose the background of the settings in which he accustomed to live. He could take his walls with him, as they are also washable and easily transportable.”<br />–Piero Fornasetti</div>
</article>
<article class="bubble bubble--hasImage">
<div class="content">
<img src="images/ladder.png" alt="">
</div>
</article>
<article class="bubble bubble--left">
<div class="content">“La Stanza Metafisica” did in fact travel with Fornasetti, serving a practical purpose in setting the stage for several of his exhibitions.</div>
</article>
<article class="bubble bubble--left">
<div class="content">The screens traveled to exhibitions at the Tea Centre in London (1958) and the Landesgewerbemuseum in Karlsruhe (1962). </div>
</article>
<article class="bubble bubble--hasImage">
<div class="content">
<img src="images/group-3@2x.jpg" alt="">
</div>
</article>
<article class="bubble bubble--left">
<div class="content">He referred to screens as his favorite “children” and traced the history of the screen, noting interesting details…</div>
</article>
<article class="bubble bubble--right">
<div class="content">“In Europe they first appear in the early Middle Ages, and were made of all sorts of materials, even wicker; they were used to separate the beds of the members of a noble entourage when they had to sleep in a single room.”<br />–Piero Fornasetti</div>
</article>
<article class="bubble bubble--left">
<div class="content">Fornasetti was particularly interested in Japanese screens and was a connoisseur of the various forms, styles, and techniques.</div>
</article>
<article class="bubble bubble--hasImage">
<div class="content">
<img src="images/japan.jpg" alt="">
</div>
</article>
<article class="bubble bubble--left">
<div class="content">Much influenced by Japanese design and architecture, he revered In Praise of Shadows by Junichiro Tanizaki, a 1933 treatise on traditional Japanese aesthetics still studied by architects today.</div>
</article>
<article class="bubble bubble--hasImage last">
<div class="content">
<img src="images/auction.png" alt="">
</div>
</article>
</section>
</div>
</body>
</html>