-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
89 lines (80 loc) · 7.39 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
<!doctype html>
<html lang="en">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Good Chaos</title>
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="manifest" href="/site.webmanifest">
<link href="./build/styles/main.css" rel="stylesheet">
<style>
.gradient {
background-image: url('./build/images/GC-hoverstate-gradient-2.svg');
}
@font-face {
font-display: swap;
font-family: "Swear Deck";
font-style: normal;
font-weight: 500;
src: url("./build/fonts/swear-deck/swear-deck--medium-cilati.woff2") format("woff2");
}
@font-face {
font-display: swap;
font-family: Lazzer;
font-style: normal;
font-weight: 400;
src: url("./build/fonts/lazzer/lazzer--regular.woff2") format("woff2");
}
</style>
</head>
<body>
<div class="wrapper">
<main class="main">
<h1>We are<br> Good Chaos</h1>
<div class="intro">
<p>We are a new organization committed to artists, caregivers, entrepreneurs, and farmed animals; starting in our backyard here in Chicago and working more broadly nationwide.</p>
<p>We believe in collective action, radical wonder, and joyful rebellion; and harness philanthropy, investing, and narrative change strategies to imagine new possibilities, make bold moves, and experiment with wild ideas.</p>
</div>
<div class="outro">
<p>
<span>Let’s dream<br> bigger, together.</span>
<span>Let’s make<br> some Good Chaos.</span>
</p>
</div>
</main>
<footer class="footer">
<div class="footer__inner">
<svg width="74" height="74" viewBox="0 0 74 74" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
<path d="M46.662 0.413856C46.3691 2.15776 46.0587 3.89879 45.786 5.64844C45.1363 9.81427 44.8143 14.0146 44.5504 18.2178C44.3502 21.3953 44.3212 24.5814 44.3038 27.7647C44.3038 28.3364 44.4169 28.4341 44.9884 28.2847C54.4676 25.8168 63.6857 22.6019 72.6805 18.7464C72.8807 18.6602 73.0779 18.5683 73.2781 18.4907C73.5101 18.3988 73.7219 18.2178 73.922 18.6027C74.1367 19.0136 73.8669 19.0883 73.6116 19.2262C70.2527 21.0247 67.0011 23.0042 63.8018 25.0698C58.0498 28.7846 52.4662 32.7292 47.1232 37.0071C46.7809 37.28 46.5953 37.4323 46.984 37.8747C51.7439 43.3104 56.8403 48.4071 62.366 53.0786C63.0824 53.6848 63.8511 54.2249 64.582 54.8167C64.759 54.9604 65.1825 55.015 64.8605 55.4431C64.6168 55.7677 64.4486 55.8683 64.0512 55.6384C60.3964 53.5182 56.5386 51.8001 52.6605 50.1367C48.7824 48.4732 44.881 46.8643 40.8521 45.583C40.3097 45.4106 40.0689 45.4738 39.805 45.9881C35.2713 54.7306 31.4135 63.7489 28.4287 73.1292C28.3649 73.3332 28.304 73.54 28.2228 73.7411C28.0894 74.0744 27.7877 74.0026 27.5382 73.971C27.1612 73.925 27.3555 73.6636 27.3874 73.4768C27.7007 71.6381 28.0401 69.8051 28.3243 67.9607C29.0495 63.249 29.4585 58.5057 29.7456 53.7509C29.8935 51.3117 29.9197 48.8725 29.9051 46.4276C29.9022 45.8904 29.8558 45.6835 29.2061 45.853C19.5296 48.4071 10.0591 51.5559 0.826462 55.4057C0.693033 55.4603 0.556704 55.5149 0.426177 55.5752C0.246338 55.6585 0.104208 55.6643 0.0316926 55.4402C-0.0263197 55.2592 -0.0205185 55.1184 0.185425 55.0351C0.295649 54.9891 0.39717 54.9202 0.501593 54.8627C9.86478 49.8005 18.4883 43.6581 26.8334 37.1134C27.1467 36.8692 27.2801 36.7141 26.9465 36.3406C22.0039 30.79 16.9887 25.3112 11.1672 20.6282C10.5667 20.1455 9.9634 19.6629 9.32817 19.2262C8.86117 18.9073 9.22085 18.6717 9.33397 18.3959C9.4877 18.0339 9.69655 18.212 9.90249 18.3327C17.3049 22.6479 25.2323 25.7996 33.2467 28.7731C33.8065 28.98 33.9776 28.8162 34.2039 28.3709C38.7723 19.3583 42.8854 10.159 45.905 0.508664C45.992 0.235731 46.0355 -0.0544412 46.4561 0.00876452C46.7461 0.0518593 46.7229 0.224239 46.662 0.413856Z"/>
</svg>
<a class="link" href="mailto:[email protected]">Join Our Mailing List</a>
</div>
</footer>
<div class="gradient" style="--x: -700px; --y: -800px;" aria-hidden>
<main class="main">
<h1>We are<br> Good Chaos</h1>
<div class="intro">
<p>We are a new organization committed to artists, caregivers, entrepreneurs, and farmed animals; starting in our backyard here in Chicago and working more broadly nationwide.</p>
<p>We believe in collective action, radical wonder, and joyful rebellion; and harness philanthropy, investing, and narrative change strategies to imagine new possibilities, make bold moves, and experiment with wild ideas.</p>
</div>
<div class="outro">
<p>
<span>Let’s dream<br> bigger, together.</span>
<span>Let’s make<br> some Good Chaos.</span>
</p>
</div>
</main>
<footer class="footer">
<div class="footer__inner">
<svg width="74" height="74" viewBox="0 0 74 74" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
<path d="M46.662 0.413856C46.3691 2.15776 46.0587 3.89879 45.786 5.64844C45.1363 9.81427 44.8143 14.0146 44.5504 18.2178C44.3502 21.3953 44.3212 24.5814 44.3038 27.7647C44.3038 28.3364 44.4169 28.4341 44.9884 28.2847C54.4676 25.8168 63.6857 22.6019 72.6805 18.7464C72.8807 18.6602 73.0779 18.5683 73.2781 18.4907C73.5101 18.3988 73.7219 18.2178 73.922 18.6027C74.1367 19.0136 73.8669 19.0883 73.6116 19.2262C70.2527 21.0247 67.0011 23.0042 63.8018 25.0698C58.0498 28.7846 52.4662 32.7292 47.1232 37.0071C46.7809 37.28 46.5953 37.4323 46.984 37.8747C51.7439 43.3104 56.8403 48.4071 62.366 53.0786C63.0824 53.6848 63.8511 54.2249 64.582 54.8167C64.759 54.9604 65.1825 55.015 64.8605 55.4431C64.6168 55.7677 64.4486 55.8683 64.0512 55.6384C60.3964 53.5182 56.5386 51.8001 52.6605 50.1367C48.7824 48.4732 44.881 46.8643 40.8521 45.583C40.3097 45.4106 40.0689 45.4738 39.805 45.9881C35.2713 54.7306 31.4135 63.7489 28.4287 73.1292C28.3649 73.3332 28.304 73.54 28.2228 73.7411C28.0894 74.0744 27.7877 74.0026 27.5382 73.971C27.1612 73.925 27.3555 73.6636 27.3874 73.4768C27.7007 71.6381 28.0401 69.8051 28.3243 67.9607C29.0495 63.249 29.4585 58.5057 29.7456 53.7509C29.8935 51.3117 29.9197 48.8725 29.9051 46.4276C29.9022 45.8904 29.8558 45.6835 29.2061 45.853C19.5296 48.4071 10.0591 51.5559 0.826462 55.4057C0.693033 55.4603 0.556704 55.5149 0.426177 55.5752C0.246338 55.6585 0.104208 55.6643 0.0316926 55.4402C-0.0263197 55.2592 -0.0205185 55.1184 0.185425 55.0351C0.295649 54.9891 0.39717 54.9202 0.501593 54.8627C9.86478 49.8005 18.4883 43.6581 26.8334 37.1134C27.1467 36.8692 27.2801 36.7141 26.9465 36.3406C22.0039 30.79 16.9887 25.3112 11.1672 20.6282C10.5667 20.1455 9.9634 19.6629 9.32817 19.2262C8.86117 18.9073 9.22085 18.6717 9.33397 18.3959C9.4877 18.0339 9.69655 18.212 9.90249 18.3327C17.3049 22.6479 25.2323 25.7996 33.2467 28.7731C33.8065 28.98 33.9776 28.8162 34.2039 28.3709C38.7723 19.3583 42.8854 10.159 45.905 0.508664C45.992 0.235731 46.0355 -0.0544412 46.4561 0.00876452C46.7461 0.0518593 46.7229 0.224239 46.662 0.413856Z"/>
</svg>
<a class="link" href="mailto:[email protected]">Join Our Mailing List</a>
</div>
</footer>
</div>
</div>
<script src="/build/scripts/main.js"></script>
</body>
</html>