-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
133 lines (123 loc) · 5.7 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
124
125
126
127
128
129
130
131
132
133
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>ACM @ UD</title>
<link href="https://fonts.googleapis.com/css2?family=PT+Mono&family=Raleway:wght@300;400;700&display=swap"
rel="stylesheet">
<link href="https://unpkg.com/[email protected]/dist/aos.css" rel="stylesheet">
<link rel="stylesheet" href="styles.css">
<script src="https://kit.fontawesome.com/077e61081a.js" crossorigin="anonymous"></script>
</head>
<body>
<!-- navbar -->
<nav id="nav">
<div class="nav-container">
<h1 class="name"><a href="/">ACM @ UD</a></h1>
<div class="links">
<a href="#about">About Us</a>
<a href="#calendar">Calendar</a>
<a href="#join">Join ACM</a>
</div>
</div>
</nav>
<!-- landing screen -->
<div class="billboard">
<div id="vis"></div>
<div class="landing-content">
<h1>ACM @ UD</h1>
<h3>UD's premier computer science club</h3>
<a href="#about" class="btn">Learn More</a>
</div>
</div>
<div class="container">
<div class="section" data-aos="fade-left" data-aos-duration="800" data-aos-offset="200">
<a class="anchor" id="about"></a>
<h1 class="header">About Us</h1>
<p class="content">
The <a href="https://www.acm.org/">Association for Computing Machinery (ACM)</a> is the largest network
of computer
scientists in the world, with over 100,000 student and professional members. ACM@UD is the University of
Delaware's
part of this worldwide network. We're open to <em>anyone</em> with an interest in computer science at
UD, no matter
your skill level. In our meetings, you'll learn about the best parts of CS while meeting people in the
process. From
artificial intelligence to cybersecurity, we cover a broad range of topics geared towards beginners and
experts alike.
</p>
</div>
<div class="section" data-aos="fade-right" data-aos-duration="800" data-aos-offset="200">
<a class="anchor" id="calendar"></a>
<h1 class="header">Calendar</h1>
<p class="content">
We hold our meetings on <u><b>Wednesdays at 5pm</b></u> in person, but we will record them for those who
can't make it. On presentation nights, we'll be learning about interesting topics in CS. On community nights, we
play games like Jackbox and Skribbl.io.
<div class="months">
<div class="month" data-aos="fade-up" data-aos-duration="800">
<h2>September</h2>
<hr>
<p>1: Kickoff Meeting</p>
<p>8: How to Build a Webapp in JavaScript</p>
<p>15: How to Land an Internship</p>
<p>22: Career Fair Catchup</p>
<p>29: Tinkering with the Raspberry Pi</p>
</div>
<div class="month" data-aos="fade-up" data-aos-duration="800" data-aos-delay="400">
<h2>October</h2>
<hr>
<p>6: Graduate Student Presentation</p>
<p>13: Ethics in Algorithms</p>
<p>20: Alumni in Industry Night</p>
<p>27: Intro to 3D Graphics</p>
</div>
<div class="month" data-aos="fade-up" data-aos-duration="800" data-aos-delay="800">
<h2>November</h2>
<hr>
<p>3: Creative Coding</p>
<p>10: Intro to Webscraping</p>
<p>17: Tentative</p>
</div>
<div class="month" data-aos="fade-up" data-aos-duration="800" data-aos-delay="1200">
<h2>December</h2>
<hr>
<p>1: Graduate Student Presentation</p>
<p>8: Farewell Meeting</p>
</div>
</div>
</p>
</div>
<div class="section" data-aos="fade-left" data-aos-duration="800" data-aos-offset="200">
<a class="anchor" id="join"></a>
<h1 class="header">Join ACM</h1>
<p class="content">Interested? Join our community server to receive updates about meetings and events!</p>
<p class="discord">
<a href="https://discord.gg/Mq5RQfs"><i class="fab fa-discord"></i> Join our Discord server!</a>
</p>
</div>
</div>
<footer>
Made by <a href="https://jinay.dev/">Jinay Jain</a>, president of UD ACM. <p>Simulation inspired by the <a
href="https://p5js.org/examples/simulate-flocking.html">p5.js flocking example</a>.</p>
</footer>
<script src="https://unpkg.com/[email protected]/dist/aos.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/1.1.9/p5.min.js"
integrity="sha512-WIklPM6qPCIp6d3fSSr90j+1unQHUOoWDS4sdTiR8gxUTnyZ8S2Mr8e10sKKJ/bhJgpAa/qG068RDkg6fIlNFA=="
crossorigin="anonymous"></script>
<script>
AOS.init();
window.onload = scrollFunc;
window.onscroll = scrollFunc;
function scrollFunc() {
if (document.body.scrollTop > 50 || document.documentElement.scrollTop > 50) {
document.getElementById("nav").style.background = "#0E103D";
} else {
document.getElementById("nav").style.background = "none"
}
}
</script>
<script src="vis.js"></script>
</body>
</html>