-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
137 lines (119 loc) · 6.47 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
---
title: WV Arduino Club
description: A club dedicated to working on projects with Arduino microcontrollers.
---
<!DOCTYPE HTML>
<html>
<head>
<title>{{ page.title }}</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<link rel="stylesheet" href="assets/css/main.css" />
<noscript><link rel="stylesheet" href="assets/css/noscript.css" /></noscript>
<!-- G-Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-Q55Z2TBY13"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', '{{ site.G-Analytics }}');
</script>
</head>
<body class="is-preload">
<!-- Wrapper -->
<div id="wrapper">
<!-- Header -->
<header id="header">
<div class="logo">
<span class="icon fa-robot"></span>
</div>
<div class="content">
<div class="inner">
<h1>{{ page.title }}</h1>
<p>{{ page.description }}</p>
</div>
</div>
<nav>
<ul>
<!-- <li><a href="#intro">Intro</a></li> -->
<li><a href="#about">about</a></li>
<li><a href="#contact">Contact</a></li>
<li><a href="#mission">mission</a></li>
<li><a href="https://wvarduinoclub.github.io/tutorials/">tutorials</a></li>
<!-- <li><a href="#elements">Elements</a></li> -->
</ul>
</nav>
</header>
<!-- Main -->
<div id="main">
<!-- Intro -->
<!-- <article id="intro">
<h2 class="major">Intro</h2>
<span class="image main"><img src="images/pic01.jpg" alt="" /></span>
<p>Aenean ornare velit lacus, ac varius enim ullamcorper eu. Proin aliquam facilisis ante interdum congue. Integer mollis, nisl amet convallis, porttitor magna ullamcorper, amet egestas mauris. Ut magna finibus nisi nec lacinia. Nam maximus erat id euismod egestas. By the way, check out my <a href="#work">awesome work</a>.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis dapibus rutrum facilisis. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Etiam tristique libero eu nibh porttitor fermentum. Nullam venenatis erat id vehicula viverra. Nunc ultrices eros ut ultricies condimentum. Mauris risus lacus, blandit sit amet venenatis non, bibendum vitae dolor. Nunc lorem mauris, fringilla in aliquam at, euismod in lectus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. In non lorem sit amet elit placerat maximus. Pellentesque aliquam maximus risus, vel sed vehicula.</p>
</article> -->
<!-- About -->
<article id="about">
<h2 class="major">About</h2>
<span class="image main"><img src="images/cartooned_prusa.png" alt="" height="350"/></span>
<p>We are an <a href="https://www.westviewasb.com/clubs-1/arduino-club">ASB-recognized club</a> at Westview High School. We've prepared various lessons on Arduinos and successfully coached a group of high school students through <a href="https://seanboe.github.io/blog//arduino-presentation">the basics</a>.</p>
<p>During the quarantine period, we also hosted Python programming lessons virtually. The full curriculum can be found on our <a href="https://wvarduinoclub.github.io/tutorials/">tutorials website</a>.</p>
<p>The best way to get involved is to <a href="{{ site.discord-link }}">join our Discord</a>. There, you can get to know us before joining!</p>
</article>
<!-- Mission -->
<article id="mission">
<h2 class="major">Mission</h2>
<span class="image main"><img src="images/cartooned_quadruped.png" alt="" /></span>
<caption><i>Sean Boerhout's <a href="https://seanboe.github.io/blog/tag/quadruped">quadrupedal robot</a></i></caption>
<hr/>
<p>We are a club based at Westview High School that promotes student-led projects and independent problem solving by working to complete various projects together. Our goal is to allow students, from beginner to advanced, to be able to enjoy the fun that Arduinos have to offer!</p>
<p>Room: J115, Mrs. Park</p>
</article>
<!-- Contact -->
<article id="contact">
<h2 class="major">Contact</h2>
<form method="post" action="https://formspree.io/f/xbjqpvgn">
<div class="fields">
<div class="field half">
<label for="name">Name</label>
<input type="text" name="name" id="name" />
</div>
<div class="field half">
<label for="email">Email</label>
<input type="text" name="email" id="email" />
</div>
<div class="field">
<label for="message">Message</label>
<textarea name="message" id="message" rows="4"></textarea>
</div>
</div>
<ul class="actions">
<li><input type="submit" value="Send Message" class="primary" /></li>
<li><input type="reset" value="Reset" /></li>
</ul>
</form>
<ul class="icons">
<!-- <li><a href="#" class="icon brands fa-twitter"><span class="label">Twitter</span></a></li> -->
<!-- <li><a href="#" class="icon brands fa-facebook-f"><span class="label">Facebook</span></a></li> -->
<!-- <li><a href="#" class="icon brands fa-instagram"><span class="label">Instagram</span></a></li> -->
<li><a href="{{ site.discord-link }}" class="fa fa-gamepad"><span class="label" target="_blank"></span></a></li>
<li><a href="https://github.com/{{ site.github }}" class="icon brands fa-github" target="_blank"><span class="label">GitHub</span></a></li>
</ul>
</article>
</div>
<!-- Footer -->
<footer id="footer">
<p class="copyright">© {{ page.title }}. Design: <a href="https://html5up.net">HTML5 UP</a>.</p>
</footer>
</div>
<!-- BG -->
<div id="bg"></div>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/browser.min.js"></script>
<script src="assets/js/breakpoints.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>