-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathapply.html
117 lines (70 loc) · 3.54 KB
/
apply.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
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>YSñ,: Residence of Contemporary Artistic Production in Oaxaca</title>
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="https://unpkg.com/tachyons@4.12.0/css/tachyons.min.css"/>
<style>
@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@500&display=swap');
</style>
</head>
<body><script src="/superhi.js"></script>
<header>
<nav class = "flex-wrap flex-nowrap-l">
<!--- logo -->
<a class="grow-4 logo-nav" href="main.html"><img class="logo" src="assets/logo.svg"></a>
<!-- navegacion -->
<a class="tc" href="residency.html">Residency</a>
<a class="tc" href="apply.html">Apply</a>
<a class="tc" href="workshops.html">Workshops</a>
<a class="tc" href="contact.html">Contact</a>
</nav>
</header>
<div class="canvas-holder">
<canvas></canvas>
</div>
<section class=" flex flex-wrap items-center vh-100-l h-100 mt4">
<div class="pt6 txt w-100 w-50-l pa4 pa6-l">
<h1 class="f-subsubheadline ma0 fw7">
To apply</h1>
<ul class="f3">
<li>
Send a letter explaining the project to be developed during the residency as well as a mental map illustrating the process of completion.
</li>
<li>
Send a portfolio and/or a web page.
</li>
<li>
Send an Instagram account.
</li>
<div class="button-box mv4">
<a class="f5 link br-pill pa3 dib blue2 ttu ba" target="_blank" href="https://forms.gle/91bqLDFBfsSH1dMm7">Apply now</a>
</div>
</div>
<div class="drw w-100 w-50-l">
<!-- CAJA -->
<svg id="ilo-box" viewBox="-110 -50 750 750" preserveAspectRatio="xMidYMid meet" x="0" y="0">
<defs>
<style>
.cls-n{fill:#0A00FF;}
.cls-box{fill:none;stroke:#0A00FF;stroke-miterlimit:20;}
</style>
</defs>
<path class="cls-box" d="M275,266.92q-63,23.76-124.7,46.91T25.61,360.74v-133q63-26.11,124.69-52.26T275,123.22Z"/>
<path class="cls-box" d="M275,123.22q63,26.15,124.7,52.25t124.69,52.26v133q-63-23.75-124.69-46.91T275,266.92Z"/>
<path class="cls-box" d="M275,465.12Q212,439,150.3,412.87T25.61,360.62v-133q63,23.74,124.69,46.91T275,321.43Z"/>
<path class="cls-box" d="M275,321.43q63-23.78,124.7-46.91t124.69-46.91v133q-63,26.1-124.69,52.25T275,465.12Z"/>
<path class="cls-n" d="M230.85,304.82,261,316.16V284.78a52.56,52.56,0,0,1,2.8-17.86,28.93,28.93,0,0,1,8-12.27,17.69,17.69,0,0,1,12.05-4.52q7.32,0,10.44,3.77t3.34,10v49l30.13-11.33V252.71q-.21-12.48-9.15-20.34a30.46,30.46,0,0,0-8.44-5.28,24,24,0,0,0,5.72-3.67,33.11,33.11,0,0,0,9.87-15.58q3.14-9.87,1.14-22.16h-20a68.46,68.46,0,0,1-.72,13.29q-1,6.43-6.43,6.44a11.36,11.36,0,0,1-6.86-2.58q-3.43-2.57-7.44-6-4.86-4-10.58-8a22,22,0,0,0-12.86-4q-11.14,0-18.44,6.29a35.77,35.77,0,0,0-10.58,16.3c-2.19,6.67-2.08,14.6-2.08,21.62Zm28-94.84.36,0,.35,0h.05a11.4,11.4,0,0,1,6.43,2c2,1.34,4.05,2.86,6.15,4.58a136.88,136.88,0,0,0,12,8.43c.35.22.72.42,1.09.63h0a30.76,30.76,0,0,0,15.19,3.51q-9.72,0-16.29,4.14a136.91,136.91,0,0,0-12,8.44c-2.1,1.71-4.15,3.24-6.15,4.57a11.42,11.42,0,0,1-6.43,2h-.71c-5.67,0-10.26-8.57-10.26-19.15S253.23,210,258.9,210Z"/>
</svg>
</div>
</section>
<script src="glslcanvas.min.js"></script>
<script src="frag.js"></script>
<script src="canvas.js"></script>
<script src="anime.min.js"></script>
<script src="main.js"></script>
<script src="animation.js"></script>
</body>
</html>