calcommit.org/index.html at main · Cal-Commit/calcommit.org · GitHub

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
<!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="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>Cal Commit</h1>
          <h3>Teaching Students the World of Collaboration</h3>
          <img src="https://bruinhacks.github.io/hcb.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>

        </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">
            <span class="highlight">What</span> We Do
          </h1>
          <h3 data-aos="fade-right" data-aos-duration="1000" data-aos-delay="50">
            We aspire to teach computer science students the world of <span class="highlight">collaboration.</span> We will do so
            by contributing in open source
            projects on a weekly basis, this will teach students the significance of the <span class="highlight">Git</span>
            software and Github/Gitlab. We will
            also be holding hackathons and be participating in <span class="highlight">competitions</span> to gain <span
              class="highlight">rewards</span> 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. 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="https://kintopia.kintone.com/2020/05/images/Polar%20bear%20and%20the%20monotony%20of%20working%20in%20quarantine.jpg" alt="what we do" data-aos="fade-up" data-aos-duration="800" data-aos-delay="50" class="what_we_do">
        </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">

        </div>
      </div>
    </section>
    <section id="donate">
      <div class="container">
        <h1 data-aos="fade-down" 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;">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>