-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
177 lines (175 loc) · 11.3 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
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>Cal Commit</title>
<link rel="icon" type="image/x-icon" href="favicon.png">
<link href="/main_files/style.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" />
<!-- favicon -->
<link rel="icon" type="image/x-icon" href="/main_files/favicon.png">
<meta property="og:type" content="website">
<meta property="og:title" content="Cal Commit - Home" />
<meta property="og:description" content="We aspire to teach computer science students the world of collaboration. We will do so by contributing in open source projects on a weekly basis, this will teach students the significance of the Git software and Github/Gitlab. We will also be holding hackathons and be participating in competitions to gain rewards and do well in the competitive aspect. At the end of the year, students will be masters in Git and will be able to collaborate effectively.
" />
<meta property="og:url" content="https://home.calcommit.repl.co" />
<meta property="og:image" content="/main_files/logo.png" />
</head>
<body>
<div class="under-construction">
<img src="/main_files/construction.png" alt="">
<h1>Woah There!</h1>
<h3>This page is still under construction for mobile devices!</h3>
</div>
<section id="main">
<div class="announcements" style="text-align: center; background-color: #db8a74; padding: 5px;">
<p>Sign Up for Oasis Hacks <a href="https://oasishacks.com">Here!</a></p>
</div>
<div class="row">
<div class="one-of-two">
<img src="/main_files/logo.svg" alt="cal commit logo" class="calc_logo">
</div>
<div class="one-of-two">
<h1><span class="highlight">Cal</span> Commit</h1>
<h3>Teaching Students the World of <span class="highlight">Collaboration</span></h3>
<img src="hcb-logo-original-dark.png" alt="Hack Club Bank Logo" class="hcb_logo">
<a class="buttons" href="#info">Start Your Journey</a>
<a class="buttons" href="#volunteer">Volunteer Today</a>
<a class="buttons" href="#donate">Donate Today</a>
<!-- <a class="buttons" href="./team.html">Meet the Team</a> -->
</div>
</div>
</section>
<section id="info">
<div class="row">
<div class="one-of-two" style="padding: 50px;">
<h1 data-aos="fade-right" data-aos-duration="800">
Our <span class="highlight">Mission</span>
</h1>
<h3 data-aos="fade-right" data-aos-duration="1000" data-aos-delay="50">
Our mission is to equip <span class="highlight">computer science</span> students with the skills
and tools for successful <span class="highlight">collaboration</span> and software development
through <span class="highlight">participation</span> in open-source projects, training in version
control software, and competitions. To get started, simply <a style="color: #db8a74;" target="_blank" href="https://forms.gle/WkvK8FVb3vKygwnA6">Sign Up</a>
</h3>
</div>
<div class="one-of-two">
<img src="polarbear.jpg" alt="what we do" data-aos="fade-up" data-aos-duration="800" data-aos-delay="50" class="what_we_do">
<h1 data-aos="fade-up" data-aos-duration="900" data-aos-delay="59" style="font-size: 15px;">Courtesy of Kintopia
via <a href="https://kintopia.kintone.com/articles/005811.html">website</a></h1>
</div>
</div>
</section>
<section id="volunteer">
<div class="row">
<div class="one-of-two" style="padding: 50px;">
<h1 data-aos="fade-right" data-aos-duration="800">
<span class="highlight">Volunteer</span> With Us
</h1>
<h3 data-aos="fade-right" data-aos-duration="1000" data-aos-delay="50">
As a <span class="highlight">non-profit organization</span>, we
award volunteer hours to those who
<span class="highlight">contribute</span> to open source projects.
We also retain the ability to distribute the
<span class="highlight">President's Volunteer Service Award.</span>
Which is a highly recognized award that is given to those who
volunteer a certain amount of hours. This looks great on college
applications and resumes. To start volunteering, simply <a style="color: #db8a74;" target="_blank" href="https://forms.gle/WkvK8FVb3vKygwnA6">Sign Up</a>
</h3>
</div>
<div class="one-of-two">
<img
src="http://assets.rappler.com/612F469A6EA84F6BAE882D2B94A4B421/img/B491816DD5A947669D29C3C0840631AF/cn-coding.jpg"
alt="what we do" data-aos="fade-up" data-aos-duration="800" data-aos-delay="50" class="what_we_do">
<h1 data-aos="fade-up" data-aos-duration="900" data-aos-delay="59" style="font-size: 15px;">Courtesy of We Bare Bears via <a
href="https://r3.rappler.com/bulletin-board/175377-cartoon-network-coding-kids">Rappler</a></h1>
</div>
</div>
</section>
<section>
<div class="container">
<h1 data-aos="fade-left" data-aos-duration="800">Fueling <span class="highlight">Engagement</span> and <span class="highlight">Drive</span></h1>
<br>
<h3 style="padding-right: 150px; padding-left: 150px;" data-aos="fade-right" data-aos-duration="800" data-aos-delay="50">We help students put their skills to the test by hosting <span class="highlight">competitions</span>, ranging from <span class="highlight">hackathons</span> to <span class="highlight">robotics</span> competitions</a></h3>
<div class="row" style="height: 85%; width: 100%;">
<div>
<img data-aos="fade-left" data-aos-duration="800" data-aos-delay="0"
style="width: 300px; border-radius: 5px; margin: 0px;" src="https://gitinit.calcommit.org/gitinit.jpg" alt="">
<h3 data-aos="fade-left" data-aos-duration="800" data-aos-delay="50" style="padding-left: 15%; padding-right: 15%;">Git Init 2023, January 6th - 8th</h3>
</div>
<div>
<img data-aos="fade-left" data-aos-duration="800" data-aos-delay="100"
style="width: 300px; border-radius: 5px; margin: 0px;" src="https://www.oasishacks.com/oasislogo.png" alt="">
<h3 data-aos="fade-left" data-aos-duration="800" data-aos-delay="150" style="padding-left: 15%; padding-right: 15%;">Oasis Hacks 2023, August 6th</h3>
</div>
</div>
</div>
</section>
<section>
<div class="container">
<h1 data-aos="fade-left" data-aos-duration="800">Expanding Our <span class="highlight">Knowledge</span></h1>
<br>
<h3 style="padding-right: 150px; padding-left: 150px;" data-aos="fade-right" data-aos-duration="800" data-aos-delay="50">Our curriculum is now being used in Central Valley and the East Bay! If you wish to use our curriculum and become a Cal Commit branch, contact <span class="highlight">[email protected]</span> or contact us at our <a style="color: #7289d9;" target="_blank" href="https://discord.gg/Kd5KjD2Phn">Discord Server</a></h3>
<br>
<div>
<img data-aos="fade-left" data-aos-duration="800" data-aos-delay="0" style="width: 300px; border-radius: 25px; margin: 15px;"
src="fhs.png" alt="">
<img data-aos="fade-left" data-aos-duration="800" data-aos-delay="100" style="width: 288px; border-radius: 25px; margin: 15px;" src="map.png" alt="">
<img data-aos="fade-left" data-aos-duration="800" data-aos-delay="200" style="width: 300px; border-radius: 25px; margin: 15px;" src="central-valley.png" alt="">
</div>
</div>
</section>
<section style="margin-bottom: 50px;">
<div class="container" id="courses">
<h1 data-aos="fade-left" data-aos-duration="800">Learn more than <span class="highlight">Git</span></h1>
<br>
<h3 style="padding-right: 150px; padding-left: 150px;" data-aos="fade-right" data-aos-duration="800"
data-aos-delay="50">We are developing courses that let computer science students explore various different topics while also learning Git. If you wish to contribute to our curriculum, contact
<span class="highlight">[email protected]</span> or contact us at our <a style="color: #7289d9;" target="_blank" href="https://discord.gg/Kd5KjD2Phn">Discord Server</a></h3>
<div class="row">
<div class="card" data-aos="zoom-in" data-aos-duration="800">
<img style="width: 50%;" src="https://i.pinimg.com/originals/01/e5/00/01e500fca29c045d432b64f285f9c229.png" alt="">
<div class="card-body">
<h2 data-aos="fade-in" data-aos-duration="800" data-aos-delay="50">Introduction to Git</h2>
<p data-aos="fade-in" data-aos-duration="800" data-aos-delay="50">Learn about the many different commands and applications of Git.</p>
<br>
<p style="color: #db8a74; padding-left: 25%; padding-right: 25%;">Active at your local branch. Coming soon online.</p>
</div>
</div>
<div class="card" data-aos="zoom-in" data-aos-duration="800" data-aos-delay="150">
<img style="width: 50%;" src="https://cdn4.iconfinder.com/data/icons/logos-and-brands/512/267_Python_logo-512.png" alt="">
<div class="card-body">
<h2 data-aos="fade-in" data-aos-duration="800" data-aos-delay="50">Complete Python Course</h2>
<p data-aos="fade-in" data-aos-duration="800" data-aos-delay="50">A complete course about Python and its applications.</p>
<br>
<p style="color: #db8a74; padding-left: 25%; padding-right: 25%;"><a style="color: #db8a74;" href="https://forms.gle/dZLbiS6byHVGSVLS7" target="_blank">Register Here</a></p>
</div>
</div>
</div>
</section>
<section id="donate">
<div class="container">
<h1 data-aos="fade-left" data-aos-duration="800">Donations</h1>
<h3 data-aos="fade-right" data-aos-duration="800" data-aos-delay="50">Feel free to donate, thank you!</h3>
<br>
<iframe src="https://bank.hackclub.com/donations/start/cal-commit" style="border:none;" name="donateFrame"
scrolling="yes" data-aos="fade-in" data-aos-duration="800" data-aos-delay="100" frameborder="0" marginheight="0px"
marginwidth="0px" height="100%" width="512px" allowfullscreen></iframe>
</div>
</section>
<footer style="padding: 20px; text-align: center;">
<h3 style="font-size: 15px;">This website is open-source! Click <a class="highlight"
href="https://github.com/Cal-Commit/calcommit">here</a> to see source code and contribute.</h3>
<h3 style="font-size: 15px">
Cal Commit is fiscally sponsored by
<a style="color: #db8a74" target="_blank" href="https://hackclub.com/">Hack Club</a>, a 501(c)(3) nonprofit. Our
registered EIN is 81-2908499.
</h3>
</footer>
</body>
<script src="https://unpkg.com/aos@next/dist/aos.js"></script>
<script>
AOS.init();
</script>
</html>