Website/index.html at master · CAMSCSC/Website · 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
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
<!DOCTYPE html>
<html>
  <head>
    <!-- Meta tags -->
    <title>Welcome | CAMS CSC Club</title>
    <meta charset="UTF-8">
    <meta property="og:site_name" content="Welcome">
    <meta property="og:title" content="Welcome | CAMS CSC Club">
    <meta property="og:description" content="CAMS CSC strives to inspire and support CAMS students with an interest in computer science. Also, we are str('1/sin(θ)')[0:-3].">
    <meta property="og:image" content="https://camscsc.org/assets/img/logo.png">
    <meta property="og:url" content="https://camscsc.org">
    <meta name="description" content="CAMS CSC strives to inspire and support CAMS students with an interest in computer science. Also, we are str('1/sin(θ)')[0:-3].">
    <meta name="keywords" content="">
    <meta property="og:type" content="website">
    <meta name="theme-color" content="#00EE00">

    <link rel="stylesheet" href="styles/style.css" type="text/css">
    <link rel="stylesheet" href="styles/jquery.bxslider.css" type="text/css">
    <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=Ubuntu" rel="stylesheet" ype='text/css' />
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
    <script src="scripts/jquery.bxslider.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.4.1/jquery.easing.min.js"></script>
    <script src="scripts/min.js"></script>
    <script src="scripts/scripts.js"></script>
    <script>(function (i, s, o, g, r, a, m) { i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () { (i[r].q = i[r].q || []).push(arguments) }, i[r].l = 1 * new Date(); a = s.createElement(o), m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m) })(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga'); ga('create', 'UA-48668461-1', 'auto'); ga('send', 'pageview');</script>
  </head>
  <body>
    <div class="wrap">
      <div class="subMenu">
        <div class="innermenu">
          <a href="#home" class="subNavBtn">Home</a>
          <a href="#s1" class="subNavBtn">About</a>
          <a href="#s2" class="subNavBtn">CTF</a>
          <a href="#s3" class="subNavBtn">Learn</a>
          <a href="#s4" class="subNavBtn">Join Us</a>
          <a href="#s5" class="subNavBtn last">Keep In Touch</a>
        </div>
      </div>
      <div class="section" id="home">
        <div class="inner">
          <h1 class="title">{ CAMS CSC }</h1>
          <div class="subtitle">
            <span class="typed"></span>
            <p class="array">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</p>
          </div>

          <ul class="bxslider"></ul>

        </div>
      </div>
      <div class="section" id="s1">
        <div class="inner ">
          <h1>{ About }</h1>

          <h3>What is CAMS CSC</h3>
          <p>CAMS CSC stands for CAMS Computer Science and Cyber Security Club. We are committed to inspiring and
            teaching
            students about computers, hacking, forensics, software, hardware, and most importantly, how to have fun with
            the knowledge and skills that you develop.</p>

          <h3>Our Philosophy</h3>
          <p>At CAMS CSC, we believe that learning about computers should not be a mundane task. While this club will
            eventually convert most of the social time currently available to you into social time with your computer,
            the
            knowledge you will gain far supersedes the satisfaction of communicating with humans. We will have frequent
            and rewarding challenges that follow lessons. In addition, we will not force you to show up to every
            meeting.
            However, showing up does benefit you because it will give you an opportunity to interact with other humans
            who
            have similar interests.</p>
        </div>
      </div>
      <div class="section" id="s2">
        <div class="inner">
          <h1>{ CTF }</h1>

          <h3>Capture the Flag</h3>
          <p>We make learning fun by uncovering the scientific, competitive, legislative, and mischievous nature of
            students. Command your team of up to 3 members as you fervently battle your way into the top of the
            scoreboard
            in the an all year long CTF game. The top teams will get glory, fame, and prizes too! However, this isn't
            the
            usual game of capture the flag where you run around trying to steal other teams' flags. This is the CTF of
            the
            digital world. Teams will be given intimidating challenges to solve. Every challenge contains a special
            string
            of text which is the "flag." Upon discovering a flag, your team can submit it for points. Along the way, you
            will solve cryptographic puzzles, attack flaws on the CTF server, reverse engineer binaries, write simple
            algorithms, and maybe even learn a thing or two.</p>
          <div class="btcon_1">
            <a href="http://ctf.camscsc.org" target="_blank">> http://ctf.camscsc.org</a>
          </div>

        </div>
      </div>
      <div class="section" id="s3">
        <div class="inner">
          <h1>{ Learn }</h1>

          <h3>We Educate</h3>
          <p>If learning is much more than regurgitation, then teaching is much more than telling. Teaching is
            explaining,
            demonstrating, and ultimately inspiring. We do not expect anyone to magically understand concepts regarding
            computers simply from experimentation. Sometimes, it is necessary to understand conceptual and abstract
            things
            before one can proceed to apply them in a more advanced way. When we first began as a club, we taught with
            PowerPoint presentations. However, such methods of teaching turned out to be ineffective because everyone
            learned at his/her own pace and PowerPoints lose their value without a presenter. CSC has evolved to use a
            truly integrated online lesson system. We have combined an interactive and mobile capable web interface with
            comprehensive lessons that are easy enough for everyone to understand. Some lessons even have a sprinkle of
            humor. Check it out for yourself!</p>

          <div class="btcon_2">
            <a href="http://learn.camscsc.org" target="_blank">> http://learn.camscsc.org</a>
          </div>

        </div>
      </div>
      <div class="section" id="s4">
        <div class="inner">
          <h1>{ Join Us }</h1>
          <h3>Our Location</h3>
          <p>Latitude: 33.8611722&deg; | Longitude: -118.2541457&deg;</p>
          <p>In other words, we meet in Mr. Virak's computer programming room.</p>

          <h3>Meeting Times</h3>
          <p>Start: 0 16 * * 4 | End: 0 17 * * 4</p>
          <p>In other words, we meet once biweekly on Thursdays at lunch.</p>

          <h3>Optional Paraphernalia</h3>
          <ul>
            <li>A laptop</li>
            <li>Your brain</li>
          </ul>

          <h3>Board Applications 2022-23!</h3>
          <ol>
            <li>Fill out: <a
                href="https://tinyurl.com/CAMSCSCBoard2022-23"
                target="_blank">https://tinyurl.com/CAMSCSCBoard2022-23</a>
            </li>
            <li>Show up at meetings to confirm your existence</li>
          </ol>
        </div>
      </div>
      <div class="section" id="s5">
        <div class="inner">
          <h1>{ Keep In Touch }</h1>
          <div id="contact">
            <a href="mailto:camscsc@gmail.com">Gmail</a>
            <span> | </span>
            <a href="https://www.youtube.com/channel/UCBoN66yEu3Bm4UYvlvT3KMQ" target="_blank">YouTube</a>
            <span> | </span>
            <a href="https://www.facebook.com/groups/2153688398270524" target="_blank">Facebook</a>
            <span> | </span>
            <a href="https://www.instagram.com/cams.csc/" target="_blank">Instagram</a>
          </div>
        </div>
      </div>
    </div>
  </body>
</html>