-
Notifications
You must be signed in to change notification settings - Fork 0
/
architecture-gallery_Artist's-Studio-Gallery.html
190 lines (170 loc) · 8.45 KB
/
architecture-gallery_Artist's-Studio-Gallery.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
<!DOCTYPE html>
<html>
<head>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-166090330-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() { dataLayer.push(arguments); }
gtag('js', new Date());
gtag('config', 'UA-166090330-1');
</script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js" type="text/javascript"></script>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Atelier Even | Architecture Gallery</title>
<link rel="icon" type="image/png" href="img/favicon_io/android-chrome-192x192.png" sizes="192x192">
<link rel="apple-touch-icon" sizes="180x180" href="img/favicon_io/apple-touch-icon.png">
<link rel="stylesheet" href="css/styles.css">
<link rel="stylesheet" href="css/article.css">
</head>
<body>
<div class="navbar" id="navbar"></div>
<div class="row">
<img class="pagetitle" src="img/Architecture_Gallery.png" alt="Architecture_Gallery">
<br>
<div class="mainheadline">Artist’s Studio & Gallery</div>
<div class="subtitle my-2 uppercase">@ Erez Shani Architecture</div>
</div>
<section class="project-nav pb-2"></section>
<div class="row">
<div class="imageinrow">
<img name="img" class="imageinrow" data-modal="modal1"
src="img/Architecture_Gallery/Artists-Studio-Gallery/erez006.jpg" alt="Artists-Studio-Gallery">
<img class=magnifying src="img/magnifying-glass-white1.svg">
</div>
<div id="modal1" class="modal">
<span class="close">⨯</span>
<img class="modal-content">
</div>
<div>
<float class="subtitle">Location:</float>
<float class="description">Tel Aviv - Jaffa, Israel</float>
</div>
<div>
<float class="subtitle">Year:</float>
<float class="description">2019</float>
</div>
<div>
<float class="subtitle">Project Area:</float>
<float class="description">200 ㎡ </float>
</div>
<div>
<float class="subtitle">Design Team:</float>
<float class="description">Orly Even, Erez Shani</float>
</div>
<div class="description">
<p> The project is located in Tel Aviv’s old industrial zone, which is an up-and-coming area and a home to
many art galleries that relocated from the city center. A local artist purchased a space which once
housed a zipper factory and wished to transform it into her studio and an exhibition space.
</p>
<p> Our design concept was to maintain the original roughness of the space and incorporate existing
industrial elements into the design. Therefore, architectural details of the old factory - such as
exposed steel beams, trusses, vast glass windows and lifting equipment - were preserved in full. No
alterations were made to the structural elements and the large open space was mostly maintained, except
for adding toilets and a shower. The ground level was designated as an exhibition space, whereas the
upper level was transformed into a work studio. A part of the first level’s wooden floor was removed, in
order to link the two spaces and to allow more natural light into the ground level.
</p>
<p> The studio provides visitors with opportunity to both see altering exhibitions and have a studio visit
with the artist at the same time.
</p>
</div>
<div class="imageinrow">
<img name="img" class="imageinrow" data-modal="modal2"
src="img/Architecture_Gallery/Artists-Studio-Gallery/Old-Factory-Before-Renovation.png"
alt="Old Factory Before Renovation" loading="lazy">
<img class=magnifying src="img/magnifying-glass-white1.svg">
</div>
<div id="modal2" class="modal">
<span class="close">⨯</span>
<img class="modal-content">
</div>
<div class="imagecredit">Old Factory Before Renovation</div>
<div class="imageinrow">
<img name="img" class="imageinrow" data-modal="modal3"
src="img/Architecture_Gallery/Artists-Studio-Gallery/sec1.png" alt="Cross Section" loading="lazy">
<img class=magnifying src="img/magnifying-glass-white1.svg">
</div>
<div id="modal3" class="modal">
<span class="close">⨯</span>
<img class="modal-content">
</div>
<div class="imagecredit">Cross Section</div>
<div class="imageinrow">
<img name="img" class="imageinrow" data-modal="modal4"
src="img/Architecture_Gallery/Artists-Studio-Gallery/erez012.jpg" alt="Art Studio After Renovation"
loading="lazy">
<img class=magnifying src="img/magnifying-glass-white1.svg">
</div>
<div id="modal4" class="modal">
<span class="close">⨯</span>
<img class="modal-content">
</div>
<div class="threeinrow">
<div class="imageinrow">
<img name="img" class="imageinrow" data-modal="modal5"
src="img/Architecture_Gallery/Artists-Studio-Gallery/erez002.jpg" alt="Art Studio After Renovation"
loading="lazy">
<img class=magnifying src="img/magnifying-glass-white1.svg">
</div>
<div id="modal5" class="modal">
<span class="close">⨯</span>
<img class="modal-content">
</div>
</div>
<div class="threeinrow-m">
<div class="imageinrow">
<img name="img" class="imageinrow" data-modal="modal6"
src="img/Architecture_Gallery/Artists-Studio-Gallery/erez010.jpg" alt="Art Studio After Renovation"
loading="lazy">
<img class=magnifying src="img/magnifying-glass-white1.svg">
</div>
<div id="modal6" class="modal">
<span class="close">⨯</span>
<img class="modal-content">
</div>
</div>
<div class="threeinrow">
<div class="imageinrow">
<img name="img" class="imageinrow" data-modal="modal7"
src="img/Architecture_Gallery/Artists-Studio-Gallery/erez007.jpg" alt="Art Studio After Renovation"
loading="lazy">
<img class=magnifying src="img/magnifying-glass-white1.svg">
</div>
<div id="modal7" class="modal">
<span class="close">⨯</span>
<img class="modal-content">
</div>
</div>
<div class="imageinrow">
<img name="img" class="imageinrow" data-modal="modal8"
src="img/Architecture_Gallery/Artists-Studio-Gallery/erez015.jpg" alt="Art Studio After Renovation"
loading="lazy">
<img class=magnifying src="img/magnifying-glass-white1.svg">
</div>
<div id="modal8" class="modal">
<span class="close">⨯</span>
<img class="modal-content">
</div>
<div class="imageinrow">
<img name="img" class="imageinrow" data-modal="modal9"
src="img/Architecture_Gallery/Artists-Studio-Gallery/erez018.jpg" alt="Art Studio After Renovation"
loading="lazy">
<img class=magnifying src="img/magnifying-glass-white1.svg">
</div>
<div id="modal9" class="modal">
<span class="close">⨯</span>
<img class="modal-content">
</div>
<div class="imagecredit">Art Studio After Renovation (photos: Tal Nisim)</div>
<br>
<div style="text-align: right;">
<img src="img/Architecture_Gallery/erez-shani-logo.png">
</div>
</div>
<section class="project-nav py-2"></section>
<footer class="footer" id="footer"></footer>
<script src="js/pages.js"></script>
</body>
</html>