-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathmeetingslides.html
143 lines (115 loc) · 6.71 KB
/
meetingslides.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8", name="viewport" content="width=device-width, initial-scale=1.0">
<title>Meeting Slides | Van Tech Coding Club</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" href="images/linkinbiologo.png">
<!-- Import the Courier Prime font -->
<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=Courier+Prime&display=swap" rel="stylesheet">
<!-- ^^^ -->
<link href="css/universal.css" rel="stylesheet" type="text/css">
<link href="css/meetingslides.css" rel="stylesheet" type="text/css">
<script src="https://kit.fontawesome.com/841ed0000c.js" crossorigin="anonymous"></script>
</head>
<body>
<nav>
<ul class="desktop_navbar" id="navbar">
<li><button onclick="burger_button()" class="navbut_text nav_button"><i class="fa fa-bars fa-lg"></i></button></li>
<li class="navbar_li"><a class="nav_text"><img class="navbar_logo" src="images/logo.png" alt="VanTech Coding Club Logo"/></a></li>
<li class="navbar_li navbar_title"><a class="nav_text" href="">VAN TECH CODING CLUB</a></li>
<li class="navbar_li navbar_li_right"><a class="nav_text" href="index.html">Home</a></li>
<li class="navbar_li navbar_li_right"><a class="nav_text" href="about.html">About</a></li>
<li class="navbar_li navbar_li_right"><a class="nav_text current_nav_page" href="meetingslides.html">Meeting Slides</a></li>
<li class="navbar_li navbar_li_right"><a class="nav_text" href="#footer_contact">Contact</a></li>
<li class="navbar_li navbar_li_right"><a class="nav_text joc" href="signup.html">Join our Club!</a></li>
</ul>
</nav>
<!-- Top Section of the website -->
<header>
<div class="top_section">
<div class="left_container">
<a href="links.html">
<img class="top_image" src="images\linkinbiologo.png" alt="club logo">
</a>
</div>
<div class="right_container">
<p>
<span class="top_title">Meeting Slides</span><br>
If you missed a meeting or need help on a project, do not worry. Here are all of our past meeting slides, view them as you please! As always, feel free to contact any of our Execs or Mentors if you have questions about anything!
</p>
</div>
<div class="curved">
<div id="pentagon_3"></div>
</div>
<div class="curved">
<div id="pentagon_2"></div>
</div>
<div class="curved">
<div id="pentagon_1"></div>
</div>
</div>
<svg viewBox="0 70 500 70" preserveAspectRatio="xMinYMin meet">
<path d="M 0 70 L50 140 L100 70 L150 140 L200 70 L250 140 L300 70 L350 140 L400 70 L450 140 L500 70 Z" style="stroke: none; fill: #234C8A;"></path>
</svg>
<svg style="visibility: hidden; position: absolute;" width="0" height="0" xmlns="http://www.w3.org/2000/svg" version="1.1">
<defs>
<filter id="curve"><feGaussianBlur in="SourceGraphic" stdDeviation="6" result="blur" />
<feColorMatrix in="blur" mode="matrix" values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 19 -9" result="curve" />
<feComposite in="SourceGraphic" in2="curve" operator="atop"/>
</filter>
</defs>
</svg>
</header>
<!-- Top Section of the website ^^^ -->
<!-- Meeting Slides Section -->
<section id="slides" class="page_section slides_page">
<ul class="slide_filter">
<li class="slide_filter_item slide_filter_active" data-filter="All">All</li>
<li class="slide_filter_item" data-filter="general">General</li>
<li class="slide_filter_item" data-filter="workshop">Workshops</li>
<li class="slide_filter_item" data-filter="event">Events</li>
</ul>
<div class="slides_container" id="slides_container">
<!-- One slide
<div class="slide workshop">
<a href="https://docs.google.com/presentation/d/1_uEJYcfGosJzlOp6nVbC0YzPFQWLSDL4TJWeus7G32A/edit?usp=sharing"></a>
<div class="slide_image_container">
<a href="https://docs.google.com/presentation/d/1_uEJYcfGosJzlOp6nVbC0YzPFQWLSDL4TJWeus7G32A/edit?usp=sharing" target="_blank">
<iframe src="https://docs.google.com/presentation/d/e/2PACX-1vTxTYLpqSB1JnmhajwQQgty0-CJA3Yxrkh9GWIgXwOMRNKgbokGSuB0VkItQUANsvPBSpjAyYaytshe/embed?start=false&loop=false&delayms=60000" frameborder="0" width="100%" height="100%" allowfullscreen="true" mozallowfullscreen="true" webkitallowfullscreen="true"></iframe>
</a>
</div>
<div class="about_slide_section">
<p class="slide_name">First Meeting! | General</p>
<p class="about_slide">October 13th, 2021</p>
<a class="view_slides_button" href="https://docs.google.com/presentation/d/1_uEJYcfGosJzlOp6nVbC0YzPFQWLSDL4TJWeus7G32A/edit?usp=sharing" target="_blank">View Slides</a>
</div>
</div>
One slide ^^^-->
</div>
</section>
<!-- Meeting Slides section -->
<footer id="footer_contact">
<div class="footer_content">
<div class="contact_email">
<p>Questions? Contact us here!</p>
<a class="footer_email_link" href="mailto:[email protected]">[email protected]</a>
</div>
<div class="media_icons">
<a href="https://www.instagram.com/vtcodingclub/" target="_blank"><i class="fa-brands fa-instagram"></i></a>
<a href="https://discord.gg/Bw62yHXa82" target="_blank"><i class="fa-brands fa-discord"></i></a>
</div>
</div>
<div id="footer_shape_1"></div>
<div id="footer_shape_2"></div>
</footer>
<!--Jquery-->
<script src="https://code.jquery.com/jquery-3.5.1.js" integrity="sha256-QWo7LDvxbWT2tbbQ97B53yJnYU3WhH/C8ycbRAkjPDc=" crossorigin="anonymous"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js" type="text/javascript"></script>
<script src="https://code.jquery.com/jquery-1.11.0.min.js" type="text/javascript"></script>
<!--^ ^ ^-->
<script src="js/meetingslides.js"></script>
<script src="js/navbar.js"></script>
</body>