-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
executable file
·219 lines (197 loc) · 12.8 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
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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Incomplete Open Cubes Revisited</title>
<meta name="description" content="Exploring the extended potential of Sol LeWitt’s ‘Incomplete Open Cubes’">
<link rel="canonical" href="https://cubes-revisited.art/">
<link rel="stylesheet" href="/assets/styles.css">
<link rel="shortcut icon" href="/favicon.ico">
<link rel="icon" type="image/png" href="/assets/favicon-16x16.png" sizes="16x16">
<link rel="icon" type="image/png" href="/assets/favicon-32x32.png" sizes="32x32">
<link rel="icon" type="image/png" href="/assets/favicon-96x96.png" sizes="96x96">
<link rel="icon" type="image/png" href="/assets/favicon-128x128.png" sizes="128x128">
<link rel="icon" type="image/png" href="/assets/favicon-196x196.png" sizes="196x196">
<link rel="apple-touch-icon" href="/assets/apple-touch-icon-180x180.png" sizes="180x180">
<meta property="og:title" content="Incomplete Open Cubes Revisited">
<meta property="og:type" content="website">
<meta property="og:url" content="https://cubes-revisited.art/">
<meta property="og:image" content="https://cubes-revisited.art/assets/cubes-og.png">
<meta property="og:description" content="Exploring the extended potential of Sol LeWitt’s ‘Incomplete Open Cubes’">
<meta property="twitter:card" content="summary_large_image">
<meta property="twitter:title" content="Incomplete Open Cubes Revisited">
<meta property="twitter:url" content="https://cubes-revisited.art/">
<meta property="twitter:image" content="https://cubes-revisited.art/assets/cubes-og.png">
<meta property="twitter:description" content="Exploring the extended potential of Sol LeWitt’s ‘Incomplete Open Cubes’">
</head>
<body class="home">
<main id="main" aria-label="Content">
<div class="home-wrap">
<div class="intro">
<h1 class="intro-title">Incomplete <span>Open Cubes</span> Revisited</h1>
<div class="intro-text">
<h2 class="intro-description">Exploring the extended potential of <span>Sol LeWitt’s</span> <cite>Incomplete <span>Open Cubes</span></cite></h2>
<p class="intro-about"><a href="/about/">About this project</a></p>
</div> <!-- end .intro-text -->
<div class="intro-cube">
<svg viewBox="0 0 640 739.03">
<g class="parts">
<g class="part04">
<polygon class="d" points="96 535.8 64 480.37 352 351.04 352 387.99"/>
<polygon class="w" points="96 535.8 64 517.32 64 480.37 96 480.37"/>
<polygon class="t" points="96 498.85 64 480.37 320 332.56 352 351.04"/>
</g>
<g class="part08">
<polygon class="d" points="96 535.8 64 221.71 128 221.71 128 517.32"/>
<polygon class="w" points="96 535.8 64 517.32 64 221.71 96 221.71"/>
<polygon class="t" points="96 240.18 64 221.71 96 203.23 128 221.71"/>
</g>
<g class="part05">
<polygon class="d" points="320 406.47 288 92.38 352 92.38 352 387.99"/>
<polygon class="w" points="320 406.47 288 387.99 288 92.38 320 92.38"/>
<polygon class="t" points="320 110.85 288 92.38 320 73.9 352 92.38"/>
</g>
<g class="part05-alt">
<polygon class="d" points="320 369.52 288 92.38 352 92.38 352 351.04"/>
<polygon class="w" points="320 369.52 288 351.04 288 92.38 352 92.38 320 110.85"/>
<polygon class="t" points="320 110.85 288 92.38 320 73.9 352 92.38"/>
</g>
<g class="part12">
<polygon class="d" points="96 277.14 64 221.71 352 92.38 352 129.33"/>
<polygon class="w" points="96 277.14 64 258.66 64 221.71 96 221.71"/>
<polygon class="t" points="96 240.18 64 221.71 320 73.9 352 92.38"/>
</g>
<g class="part09">
<polygon class="d" points="544 277.14 288 92.38 576 221.71 576 258.66"/>
<polygon class="w" points="544 277.14 288 129.33 288 92.38 544 221.71"/>
<polygon class="t" points="544 240.18 288 92.38 320 73.9 576 221.71"/>
</g>
<g class="part09-alt">
<polygon class="d" points="544 277.14 320 110.85 576 221.71 576 258.66"/>
<polygon class="w" points="544 277.14 320 147.81 320 110.85 576 221.71 544 240.18"/><polygon class="t" points="544 240.18 320 110.85 352 92.38 576 221.71"/>
</g>
<g class="part01">
<polygon class="d" points="544 535.8 288 351.04 576 480.37 576 517.32"/>
<polygon class="w" points="544 535.8 288 387.99 288 351.04 544 480.37"/>
<polygon class="t" points="544 498.85 288 351.04 320 332.56 576 480.37"/>
</g>
<g class="part01-alt">
<polygon class="d" points="544 535.8 320 369.52 576 480.37 576 517.32"/>
<polygon class="w" points="544 535.8 320 406.47 320 369.52 576 480.37 544 498.85"/>
<polygon class="t" points="544 498.85 320 369.52 352 351.04 576 480.37"/>
</g>
<g class="part06">
<polygon class="d" points="544 535.8 512 221.71 576 221.71 576 517.32"/>
<polygon class="w" points="544 535.8 512 517.32 512 221.71 544 221.71"/>
<polygon class="t" points="544 240.18 512 221.71 544 203.23 576 221.71"/>
</g>
<g class="part02">
<polygon class="d" points="320 665.13 288 609.7 576 480.37 576 517.32"/>
<polygon class="w" points="320 665.13 288 646.65 288 609.7 320 609.7"/>
<polygon class="t" points="320 628.18 288 609.7 544 461.89 576 480.37"/>
</g>
<g class="part02-alt">
<polygon class="d" points="320 665.13 288 609.7 544 498.85 544 535.8"/>
<polygon class="w" points="320 665.13 288 646.65 288 609.7 544 498.85 320 628.18"/>
<polygon class="t" points="320 628.18 288 609.7 512 480.37 544 498.85"/>
</g>
<g class="part03">
<polygon class="d" points="320 665.13 64 480.37 352 609.7 352 646.65"/>
<polygon class="w" points="320 665.13 64 517.32 64 480.37 320 609.7"/>
<polygon class="t" points="320 628.18 64 480.37 96 461.89 352 609.7"/>
</g>
<g class="part03-alt">
<polygon class="d" points="320 665.13 96 498.85 352 609.7 352 646.65"/>
<polygon class="w" points="320 665.13 96 535.8 96 498.85 352 609.7 320 628.18"/>
<polygon class="t" points="320 628.18 96 498.85 128 480.37 352 609.7"/>
</g>
<g class="part07">
<polygon class="d" points="320 665.13 288 351.04 352 351.04 352 646.65"/>
<polygon class="w" points="320 665.13 288 646.65 288 351.04 320 351.04"/>
<polygon class="t" points="320 369.52 288 351.04 320 332.56 352 351.04"/>
</g>
<g class="part10">
<polygon class="d" points="320 406.47 288 351.04 576 221.71 576 258.66"/>
<polygon class="w" points="320 406.47 288 387.99 288 351.04 320 351.04"/>
<polygon class="t" points="320 369.52 288 351.04 544 203.23 576 221.71"/>
</g>
<g class="part11">
<polygon class="d" points="320 406.47 64 221.71 352 351.04 352 387.99"/>
<polygon class="w" points="320 406.47 64 258.66 64 221.71 320 351.04"/>
<polygon class="t" points="320 369.52 64 221.71 96 203.23 352 351.04"/>
</g>
</g>
</svg>
</div><!-- end .intro-cube -->
</div> <!-- end .intro -->
<nav class="site-nav">
<h2 class="v-subhead">See the 4,094 variations<span>:</span></h2>
<ol class="v-list">
<li class="v-item">
<a class="v-link _01" href="/01/">
<div class="icon-wrap"><svg class="icon" viewBox="0 0 37.86 41.57"><line x1="18.93" y1="20.78" x2="30.93" y2="27.71"/></svg></div><p class="label">1-part: <span class="amount">12</span></p>
</a>
</li>
<li class="v-item">
<a class="v-link _02" href="/02/">
<div class="icon-wrap"><svg class="icon" viewBox="0 0 37.86 41.57"><polyline points="18.93 20.79 30.93 27.71 18.93 34.64"/></svg></div><p class="label">2-part: <span class="amount">66</span></p>
</a>
</li>
<li class="v-item">
<a class="v-link _03" href="/03/">
<div class="icon-wrap"><svg class="icon" viewBox="0 0 37.86 41.57"><polyline points="18.93 20.79 30.93 27.71 18.93 34.64 6.93 27.71"/></svg></div><p class="label">3-part: <span class="amount">220</span></p>
</a>
</li>
<li class="v-item">
<a class="v-link _04" href="/04/">
<div class="icon-wrap"><svg class="icon" viewBox="0 0 37.86 41.57"><polygon points="18.93 20.79 30.93 27.71 18.93 34.64 6.93 27.71 18.93 20.79"/></svg></div><p class="label">4-part: <span class="amount">495</span></p>
</a>
</li>
<li class="v-item">
<a class="v-link _05" href="/05/">
<div class="icon-wrap"><svg class="icon" viewBox="0 0 37.86 41.57"><polygon points="18.93 20.79 30.93 27.71 18.93 34.64 6.93 27.71 18.93 20.79"/><line x1="18.93" y1="6.93" x2="18.93" y2="20.78"/></svg></div><p class="label">5-part: <span class="amount">792</span></p>
</a>
</li>
<li class="v-item">
<a class="v-link _06" href="/06/">
<div class="icon-wrap"><svg class="icon" viewBox="0 0 37.86 41.57"><polygon points="18.93 20.79 30.93 27.71 18.93 34.64 6.93 27.71 18.93 20.79"/><line x1="18.93" y1="6.93" x2="18.93" y2="20.78"/><line x1="30.93" y1="13.86" x2="30.93" y2="27.71"/></svg></div><p class="label">6-part: <span class="amount">924</span></p>
</a>
</li>
<li class="v-item">
<a class="v-link _07" href="/07/">
<div class="icon-wrap"><svg class="icon" viewBox="0 0 37.86 41.57"><polygon points="18.93 20.79 30.93 27.71 18.93 34.64 6.93 27.71 18.93 20.79"/><line x1="18.93" y1="6.93" x2="18.93" y2="20.78"/><line x1="30.93" y1="13.86" x2="30.93" y2="27.71"/><line x1="18.93" y1="20.78" x2="18.93" y2="34.64"/></svg></div><p class="label">7-part: <span class="amount">792</span></p>
</a>
</li>
<li class="v-item">
<a class="v-link _08" href="/08/">
<div class="icon-wrap"><svg class="icon" viewBox="0 0 37.86 41.57"><polygon points="18.93 20.79 30.93 27.71 18.93 34.64 6.93 27.71 18.93 20.79"/><line x1="18.93" y1="6.93" x2="18.93" y2="20.78"/><line x1="30.93" y1="13.86" x2="30.93" y2="27.71"/><line x1="6.93" y1="13.86" x2="6.93" y2="27.71"/><line x1="18.93" y1="20.78" x2="18.93" y2="34.64"/></svg></div><p class="label">8-part: <span class="amount">495</span></p>
</a>
</li>
<li class="v-item">
<a class="v-link _09" href="/09/">
<div class="icon-wrap"><svg class="icon" viewBox="0 0 37.86 41.57"><polygon points="18.93 20.79 30.93 27.71 18.93 34.64 6.93 27.71 18.93 20.79"/><polyline points="18.93 20.79 18.93 6.93 30.93 13.86 30.93 27.71"/><line x1="6.93" y1="13.86" x2="6.93" y2="27.71"/><line x1="18.93" y1="20.78" x2="18.93" y2="34.64"/></svg></div><p class="label">9-part: <span class="amount">220</span></p>
</a>
</li>
<li class="v-item">
<a class="v-link _10" href="/10/">
<div class="icon-wrap"><svg class="icon" viewBox="0 0 37.86 41.57"><polygon points="18.93 20.79 30.93 27.71 18.93 34.64 6.93 27.71 18.93 20.79"/><polyline points="18.93 20.79 18.93 6.93 30.93 13.86 30.93 27.71"/><line x1="6.93" y1="13.86" x2="6.93" y2="27.71"/><polyline points="18.93 34.64 18.93 20.79 30.93 13.86"/></svg></div><p class="label">10-part: <span class="amount">66</span></p>
</a>
</li>
<li class="v-item">
<a class="v-link _11" href="/11/">
<div class="icon-wrap"><svg class="icon" viewBox="0 0 37.86 41.57"><polygon points="18.93 20.79 30.93 27.71 18.93 34.64 6.93 27.71 18.93 20.79"/><polyline points="18.93 20.79 18.93 6.93 30.93 13.86 30.93 27.71"/><polyline points="18.93 34.64 18.93 20.79 30.93 13.86"/><polyline points="18.93 20.79 6.93 13.86 6.93 27.71"/></svg></div><p class="label">11-part: <span class="amount">12</span></p>
</a>
</li>
</ol> <!-- end .v-list -->
</nav> <!-- end .site-nav -->
</div> <!-- end .home-wrap -->
</main> <!-- end #main -->
<footer>
<p>Made by <a href="https://robweychert.com/">Rob Weychert</a> in 2018</p>
<p>Source code on <a href="https://github.com/robweychert/incomplete-cubes-generator">GitHub</a></p>
<p>Inspired by <a href="https://metmuseum.org/art/collection/search/691091"><cite>Incomplete Open Cubes</cite></a> <span>(Sol LeWitt, 1974)</span></p>
</footer>
</body>
</html>