-
Notifications
You must be signed in to change notification settings - Fork 3
/
index.html
160 lines (154 loc) · 8.25 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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta author="Ryan Yang">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="theme-color" content="#151515" />
<link rel="shortcut icon" type="image/svg" href="./assets/Component 4.png"/>
<title>Leadership in Tech: PCC</title>
<link href="https://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="assets/libraries/materialize/materialize.min.css">
<script src="assets/libraries/materialize/materialize.min.js"></script>
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
<link rel="stylesheet" type="text/css" media="screen" href="css/main.css" />
<link rel="stylesheet" type="text/css" media="screen" href="css/home.css" />
<link rel="stylesheet" type="text/css" media="screen" href="css/students.css" />
<link rel="stylesheet" type="text/css" media="screen" href="css/support.css" />
<link rel="stylesheet" type="text/css" media="screen" href="css/who.css" />
<link rel="stylesheet" type="text/css" media="screen" href="css/what.css" />
<script src="js/students.js"></script>
<script src="js/what.js"></script>
<script src="js/events.js"></script>
<script src="js/script.js"></script>
</head>
<body onload="load();">
<nav>
<i onclick="toggleSideBar();" class="material-icons">menu</i>
</nav>
<ul id="side">
<div class="org_logo__icon div-background"></div>
<div class="org_name div-background"></div>
<li></li>
<li onclick="router('home');"><a id="home" href="#home">Home</a></li>
<li onclick="router('who');"><a id="who" href="#who">Who We Are</a></li>
<li onclick="router('what');"><a id="what" href="#what">What We Do</a></li>
<li onclick="router('students');"><a id="students" href="#students">For Students</a></li>
<li onclick="router('support');"><a id="support" href="#support">Support Us</a></li>
</ul>
<div id="root">
<div id="home-page" class="page">
<div class="hero">
<div class="hero__overlay valign-wrapper">
<div class="hero__overlay--text">
<h2>Leadership in Technology</h2>
STEM Super Club at PCC
<br>
</div>
</div>
</div>
</div>
<div id="who-page" class="page">
<div id="about" class="grid__display--header">
<h3>The Board Members</h3>
The people behind LIT
</div>
<div class="grid__display--people">
<div class="person__profile card person__profile--kody">
<div id="person__profile--picture-kody" class="person__profile--picture"></div>
<div class="person__profile--desc">
<div class="person__profile--name">Kody Kinzie</div>
CS student and infosec researcher interested in ethical hacking, Wi-Fi security, Arduino/Raspberry Pi platforms, urban exploration, and photography.
</div>
</div>
<div class="person__profile card person__profile--ryan">
<div id="person__profile--picture-ryan" class="person__profile--picture"></div>
<div class="person__profile--desc">
<div class="person__profile--name">Ryan Yang</div>
Front-end developer with a strong interest on writing cool software with the latest technologies available.
</div>
</div>
<div class="person__profile card person__profile--gavin">
<div id="person__profile--picture-gavin" class="person__profile--picture"></div>
<div class="person__profile--desc">
<div class="person__profile--name">Gavin Gutner</div>
Embraced True Nihilism and is currently enacting it's philosophy. Likes playing the Sims and NiEr: Automata, draws in his spare time and is a completely normal human being. Also is working on a graphic novel "Once I learn how to draw" that is.
</div>
</div>
<div class="person__profile card person__profile--evelyn">
<div id="person__profile--picture-evelyn" class="person__profile--picture"></div>
<div class="person__profile--desc">
<div class="person__profile--name">Evelyn Lu</div>
Fueled by logic, curiosity, and boredom. Sometimes I make random things with or without my friends.
</div>
</div>
<div class="person__profile card person__profile--marco">
<div id="person__profile--picture-marco" class="person__profile--picture"></div>
<div class="person__profile--desc">
<div class="person__profile--name">Marco Aguilar</div>
Newly sprung Computer Science major and aspiring creator.
</div>
</div>
<div class="person__profile card person__profile--victor">
<div id="person__profile--picture-victor" class="person__profile--picture"></div>
<div class="person__profile--desc">
<div class="person__profile--name">Victor Tang</div>
CS major and electronics designer. Likes to create things that solve practical problems.
</div>
</div>
</div>
</div>
<div id="what-page" class="page">
<div class="project-gallery__header">
Member Projects
<br>
<span>Stuff we're making</span>
</div>
<div id="project-gallery">
<div id="project-col-1"></div>
<div id="project-col-2"></div>
<div id="project-col-3"></div>
</div>
</div>
<div id="students-page" class="page">
<div class="event-bulletin-header">
Join Us
<br>
<span>Find us through here</span>
</div>
<div class="student-links">
<div class="btn-large" style="background-color: #7289DA !important;" onclick="window.location = 'https://discord.gg/qJNxb4G';">
Discord
</div>
<div class="btn-large" style="background-color: #DB2828 !important; color: #FBBD08 !important;" onclick="window.location = 'https://csthorn.com/lit';">
Thorn
</div>
</div>
<div class="event-bulletin-header">
Events
<br>
<span>Stuff we're hosting</span>
</div>
<div id="event-bulletin">
<div id="upcoming-events">
<span>Upcoming Events</span>
</div>
<div id="past-events">
Past Events
</div>
</div>
</div>
<div id="support-page" class="page">
<div class="page valign-wrapper">
<div class="contact">
To support LIT, contact us at:
<br>
</div>
</div>
</div>
</div>
</body>
</html>