-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
executable file
·99 lines (79 loc) · 3.27 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="">
<title>🐋</title>
<script src="js/libraries/jquery-3.3.1.min.js"></script>
<script src="js/libraries/jquery.lettering-0.6.1.min.js"></script>
<script src="js/libraries/p5.min.js"></script>
<script src="js/libraries/p5.dom.min.js"></script>
<link rel="stylesheet" href="https://unpkg.com/flickity@2/dist/flickity.min.css">
<script src="https://unpkg.com/flickity@2/dist/flickity.pkgd.min.js"></script>
<link rel="stylesheet" href="style.css">
</head>
<body>
<div id="p5Sketch"></div>
<div class="main-carousel">
<div class="carousel-cell">
<div class="outer center-item">
<div class="container">
<div class="header">
WEB || INTERACTION || PRINT || OPEN SOURCE
</div>
<div class="content">
hyper secret studio is <a class="links" href="https://ariannasmaron.it/" data-img="img/ari.jpeg"
target="_blank">Arianna</a>, <a class="links" href="https://alessandrapuricelli.com/" data-img="img/aless.jpg"
target="_blank">Alessandra</a> and <a class="links" href="http://yyyyyyyy.xyz/" data-img="img/yano.jpg"
target="_blank">Yann</a>. <br>
We like to explore the limits of visual language always armed with critical and political thinking. We like
to
investigate and research in our work in order to produce design that is <u>aware</u>.
</div>
<div class="footer">
<div id="mail">
<a href="mailto:secret@hypersecret.studio?subject=WE WANT YOU TO DESIGN OUR: &body=Name: %0D%0A %0D%0A %0D%0A ****************************************%0D%0A %0D%0A %0D%0AContacts: mail|website|phone%0D%0A %0D%0A %0D%0A ****************************************%0D%0A %0D%0A %0D%0A🌈🌈🌈WITH LOVE LOVE LOVE 🌈🌈🌈" style="text-decoration: none;"><span style="font-size: 4vh;">📮 ➡️ 📬</span></a>
</div>
</div>
</div>
</div>
</div>
<div class="carousel-cell">
<div class="outer center-item">
<div class="container">
<div class="header">
WEBSITE >> JONAS GILLMANN
</div>
<div class="content">
hyper secret studio made a joyful and colorful <a class="links" href="https://jonasgillmann.ch"
target="_blank" data-img="img/JG_01.png">website</a> for the theater regisseur and dramaturg Jonas
Gillmann
</div>
<!-- <div class="footer">
<span style="font-size: 4vh;">📮 ➡️ 📬</span><br>
<div id="mail">
secret [at] hypersecret.studio
</div>
</div> -->
</div>
</div>
</div>
</div>
<div id="click-me">
<img src=""></img>
</div>
<div class="projects">
PROJECTS PROJECTS PROJECTS PROJECTS PROJECTS PROJECTS PROJECTS PROJECTS PROJECTS PROJECTS PROJECTS PROJECTS
</div>
<script src="js/sketch_01.js"></script>
<script>
$('.main-carousel').flickity({
// options
cellAlign: 'left',
contain: true,
wrapAround: true
});
</script>
</body>
</html>