-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout.html
135 lines (125 loc) · 7.56 KB
/
about.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.0">
<title>About | The Aerial Arts Hub</title>
<link rel="stylesheet" href="styles.css">
</link>
</head>
<body>
<header id="header">
<div class="header-container" id="header-container">
<div class="arrow-back" id="arrow-back">
<a href="javascript:window.history.back();">
<img class="arrow-back-img" id="arrow-back-img" src="assets/chevron-left.svg" alt="Back">
</a>
</div>
<a href="index.html"><img class="logo" src="assets/logo.jpg" alt="The Aerial Arts Hub"></a>
<img class="nav-logo" id="nav-logo" src="assets/menu.svg" alt="Open navigation menu">
</div>
<!-- mobile menu -->
<nav class="mobile-menu" id="mobile-menu">
<img class="closing-x" id="closing-x" src="assets/close.svg" alt="Close the menu">
<div class="nav-links">
<div class="nav-item-div">
<h2 class="nav-item"><a href="studiomap.html">Studio map</a></h2>
</div>
<div class="nav-item-div">
<h2 class="nav-item">Resources</h2>
<img class="nav-link-arrow" id="nav-link-arrow" src="assets/triangle-down.svg" alt="Expand">
<div class="dropdown-container" id="dropdown-container">
<p class="dropdown-item"><a href="studios.html">Studios</a></p>
<p class="dropdown-item"><a href="coaches.html">Coaches</a></p>
<p class="dropdown-item"><a href="performers.html">Performers</a></p>
<p class="dropdown-item"><a href="collectives.html">Troupes and collectives</a></p>
<p class="dropdown-item"><a href="retreats.html">Retreats</a></p>
<p class="dropdown-item"><a href="competitions.html">Competitions</a></p>
<p class="dropdown-item"><a href="festivals.html">Festivals</a></p>
<p class="dropdown-item"><a href="health.html">Physio and flexy</a></p>
<p class="dropdown-item"><a href="photography.html">Photography and video</a></p>
<p class="dropdown-item"><a href="otherresources.html">Other resources</a></p>
<p class="dropdown-item"><a href="allresources.html">See all</a></p>
</div>
</div>
<div class="nav-item-div">
<h2 class="nav-item">Shops</h2>
<img class="nav-link-arrow" id="nav-link-arrow" src="assets/triangle-down.svg" alt="Expand">
<div class="dropdown-container" id="dropdown-container">
<p class="dropdown-item"><a href="clothing.html">Clothing</a></p>
<p class="dropdown-item"><a href="heels.html">Heels</a></p>
<p class="dropdown-item"><a href="equipment.html">Equipment</a></p>
</div>
</div>
<div class="nav-item-div">
<h2 class="nav-item">Skills</h2>
<img class="nav-link-arrow" id="nav-link-arrow" src="assets/triangle-down.svg" alt="Expand">
<div class="dropdown-container" id="dropdown-container">
<p class="dropdown-item"><a href="hoop.html">Hoop/lyra</a></p>
<p class="dropdown-item"><a href="silks.html">Silks</a></p>
<p class="dropdown-item"><a href="trapeze.html">Trapeze</a></p>
<p class="dropdown-item"><a href="hammock.html">Hammock/sling</a></p>
<p class="dropdown-item"><a href="pole.html">Pole</a></p>
<p class="dropdown-item"><a href="straps.html">Straps + rope</a></p>
<p class="dropdown-item"><a href="otherskills.html">Others</a></p>
<p class="dropdown-item"><a href="allskills.html">See all</a></p>
</div>
</div>
<div class="nav-item-div">
<h2 class="nav-item"><a href="events.html">What's on</a></h2>
</div>
<div class="nav-item-div">
<h2 class="nav-item"><a href="about.html">About</a></h2>
</div>
</div>
<div class="nav-input">
<button class="sign-in-btn"><a href="signin.html">Sign in</a></button>
<input type="search" class="search-bar" placeholder="Search...">
</div>
</nav>
</header>
<main id="main">
<img class="about-item-img" src="assets/placeholder.jpg" alt="About page featured image">
<div class="about-text">
<p class="about-p underlined">About</p>
<h2 class="about-h2">The Aerial Arts Hub</h2>
<p class="about-p">The Aerial Arts Hub is a platform for the aerial and pole community
to discover studios, coaches, performers, brands, and other useful resources all over the world.
We aim to be up-to-date, inclusive, accessible, and always free!
</p>
<h2 class="about-h2">Follow our journey</h2>
<p class="about-p">The Aerial Arts Hub is a passion project of amateur aerialist and self-taught
developer Yaiza Canopoli. She has been chronicling her journey developing it in a
newsletter—you can subscribe over at <a href="https://theaerialartshub.substack.com/" target="_blank"
class="text-link">theaerialartshub.substack.com</a>. You can also follow
The Aerial Arts Hub on <a href="https://www.instagram.com/theaerialartshub/" target="_blank"
class="text-link">Instagram</a>.
</p>
<p class="about-p">If you enjoy using the platform and want to support it, you can consider becoming
a paid subscriber to the newsletter. 💖
</p>
<h2 class="about-h2">#FreePalestine</h2>
<p class="about-p">At The Aerial Arts Hub, we stand against genocide and occupation, and in solidarity
with the people of Palestine. We therefore do not feature, endorse or otherwise support any
studios, coaches, performers, brands or other aerial and pole entities associated with Israel.
</p>
<h2 class="about-h2">Sex work positivity</h2>
<p class="about-p">We acknowledge the roots of pole dance in strip, the impact that sex workers have
had and continue to have on pole, and the stigma many sex workers face in their daily lives on top
of the material and legal difficulties that often come with the work. We love pole as a hobby
and sport, but we are also first and foremost a sex work-positive platform, and we will always
support and stand in solidarity with sex workers in the pole and aerial scene.
</p>
</div>
</main>
<footer class="about-footer">
<div class="footer-links-group">
<p class="footer-link"><a href="index.html">Home</a></p>
<p class="footer-link"><a href="#header">About</a></p>
<p class="footer-link"><a href="signin.html">Sign in</a></p>
</div>
<a href="#header"><img class="arrow-up" src="assets/chevron-up.svg" alt="Back to the top"></a>
</footer>
<script src="script.js"></script>
</body>
</html>