-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
123 lines (118 loc) · 7.19 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>MIT Mystery Hunt / Puzzle Club</title>
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link
href="https://fonts.googleapis.com/css2?family=PT+Serif:ital,wght@0,400;0,700;1,400&family=Syncopate:wght@700&display=swap"
rel="stylesheet"
/>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="stylesheet" href="/style.css" type="text/css" />
<meta
name="description"
content="The MIT Mystery Hunt is an internationally renowned puzzle competition which takes place every January on MIT campus and attracts hundreds of participants from all over the world."
/>
<meta property="og:image" content="/images/header-coin.png" />
<meta
property="og:description"
content="The MIT Mystery Hunt is an internationally renowned puzzle competition which takes place every January on MIT campus and attracts hundreds of participants from all over the world."
/>
<style>
#header { min-height: 28rem; }
</style>
</head>
<body>
<div id="header"></div>
<main id="main">
<!-- NOTE: Don't edit this page directly! View the README on the Github. -->
<div id="hunt">
<p>The MIT Mystery Hunt is a puzzlehunt competition that takes place on the MIT campus every year during the <a href="https://www.wolframalpha.com/input/?i=Friday+before+next+Martin+Luther+King+Day">Martin Luther King, Jr. Day weekend</a>. The hunt challenges each participating team to solve a large number of puzzles which lead to an object (called a "coin") hidden somewhere on campus. The winning team gets to write the subsequent year's hunt.</p>
<p>Mystery Hunt was launched in 1981 and is widely regarded as one of the oldest and most complex puzzlehunts in the world. It attracts more than 2,000 people every year and has inspired similar competitions at universities, companies and cities around the world.</p>
<p>This site serves as a record of the Mystery Hunt's <a href="history.html">history</a> and an <a href="huntsbyyear.html">archive</a> of past hunts. We hope that it inspires you to join in on the fun and become a master puzzle solver.</p>
<p>If you are just starting as a puzzle solver, welcome! Check out the "<a href="resources.html">Resources For Beginners</a>" to read about the art of puzzle solving and get started with a few hand-selected puzzles, and take a look at "<a href="tools.html">Puzzle tools and how-tos</a>" for links to various tools that make the process easier.</p>
<p>If you'd like to receive updates about the MIT Mystery Hunt, you can subscribe to the <a href="https://mailman.mit.edu/mailman/listinfo/puzzle-hunters">[email protected] mailing list</a>.</p>
<h2>Support the MIT Mystery Hunt</h2>
<p>The Mystery Hunt is an ASA-recognized group (reach the student club at <a href="mailto:[email protected]">[email protected]</a>) which receives some funding from Finboard, the Large Events Fund, and other sources at MIT. The group also typically fundraises annually to help cover the costs associated with creating, producing, and running an activity of this size and scope. With your support, we can put the Mystery Hunt in a more stable financial position for the future.</p>
<p>As an MIT student activity, we can accept <a href="https://giving.mit.edu/form?fundId=2720842">donations to our operating fund</a> through MIT's donation mechanism. If you would like to donate, you may do so at the link above. Any money that you donate will go into the student group's account and will help defray the cost of this year's Hunt. Any surpluses from this year will roll over to future Hunts. If you or your company would like to make a non-monetary donation to the Mystery Hunt (server space, food for event puzzles, caffeine pills to keep us awake) please email <a href="mailto:[email protected]">[email protected]</a> and let us know how you wish to help.</p>
</div>
<div id="club">
<style>
.grid {
display: grid;
gap: 1rem;
grid-template-columns: repeat(auto-fill, minmax(min(200px, 100%), 1fr));
}
.container {
position: relative;
}
.container::after {
content: "";
display: block;
padding-bottom: 100%;
}
.container img {
height: 100%;
object-fit: cover;
position: absolute;
width: 100%;
}
</style>
<p>MIT Mystery Hunt / Puzzle Club is the official student group that works alongside each year's writing team to oversee and run Mystery Hunt, one of the world's largest puzzle hunts. Throughout the rest of the year, we put on a bunch of puzzling events for the MIT community such as puzzling magazine solves, crossword sessions, and whatever else our members are interested in, usually alongside lunch or snacks. We try to keep our members in the loop with the puzzling community and give them more friends to puzzle with.</p>
<p>We would love to have you join! Please reach out with any questions. If you're an MIT affiliate, you can add yourself to our lists to hear more.</p>
<ul>
<li>Reach us at <a href="mailto:[email protected]">[email protected]</a>.</li>
<li>Join our event announcement list: <a href="https://groups.mit.edu/webmoira/list/puzzle-club-announce">[email protected]</a>.</li>
<li>Join our club list: <a href="https://groups.mit.edu/webmoira/list/puzzle-club">[email protected]</a>.</li>
<li>View the next events <a href="https://calendar.google.com/calendar/embed?src=24t8tlk4ep757h06p54lcde54g%40group.calendar.google.com&ctz=America%2FNew_York">at Google Calendar</a>.</li>
</ul>
<h2>Exec</h2>
<div class="grid">
<div class="exec">
<h4>President</h4>
<div class="container"><img src="images/frontcoin.png"></div>
<p>Rebecca Chang</p>
</div>
<div class="exec">
<h4>Treasurer</h4>
<div class="container"><img src="images/frontcoin.png"></div>
<p>Rachel Ai</p>
</div>
<div class="exec">
<h4>Webmaster</h4>
<div class="container"><img src="images/exec/adal.png"></div>
<p>Wesley "Adalbert Zollern" Zhang</p>
</div>
<div class="exec">
<h4>Publicity Chair</h4>
<div class="container"><img src="images/frontcoin.png"></div>
<p>Ella Sheffield</p>
</div>
<div class="exec">
<h4>Event Planner</h4>
<div class="container"><img src="images/frontcoin.png"></div>
<p>Aloysius Ng</p>
</div>
<div class="exec">
<h4>Event Planner</h4>
<div class="container"><img src="images/frontcoin.png"></div>
<p>Riley Kong</p>
</div>
</div>
<h2>Calendar</h2>
<p>Here is our calendar of events! <a href="https://calendar.google.com/calendar/embed?src=24t8tlk4ep757h06p54lcde54g%40group.calendar.google.com&ctz=America%2FNew_York">Google Calendar link here.</a></p>
<iframe src="https://calendar.google.com/calendar/embed?src=24t8tlk4ep757h06p54lcde54g%40group.calendar.google.com&ctz=America%2FNew_York" style="border: 0" width="800" height="600" frameborder="0" scrolling="no"></iframe>
</div>
</main>
<div id="footer"></div>
</body>
<script type="module" src="/package.js"></script>
<script type="module" src="/Header.js"></script>
<script type="module" src="/Nav.js?1"></script>
<script type="module" src="/Title.js"></script>
<script type="module" src="/Toggle.js"></script>
<script type="module" src="/Footer.js"></script>
<script type="module" src="/FrontPage.js"></script>
</html>