-
Notifications
You must be signed in to change notification settings - Fork 21
/
index.html
144 lines (124 loc) · 5.4 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<link rel="shortcut icon" href=" ">
<!-- <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" /> -->
<meta name="viewport" content="width=device-width, user-scalable=no" />
<title>Learn Teach Code</title>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-118124010-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() { dataLayer.push(arguments); }
gtag('js', new Date());
gtag('config', 'UA-118124010-1');
</script>
<link rel="stylesheet" href="https://unpkg.com/[email protected]/dist/leaflet.css"
integrity="sha512-puBpdR0798OZvTTbP4A8Ix/l+A4dHDD0DGqYW6RQ+9jxkRFclaxxQb/SJAWZfWAkuyeQUytO7+7N4QKrDh+drA=="
crossorigin="" />
<script src="https://kit.fontawesome.com/977a0e1c20.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="style.css">
</head>
<body>
<header>
<h1>Learn Teach Code</h1>
<hr />
<div class="icon-bar" style="text-align: center; column-gap: 20px;">
<a href="https://github.com/learnteachcode" class="icon-link">
<i class="fa-brands fa-github fa-xl"></i>
</a>
|
<a href="https://discord.gg/FZ2wqAg4XV" class="icon-link">
<i class="fa-brands fa-discord fa-xl"></i>
</a>
|
<a href="https://learnteachcode.org/slack" class="icon-link">
<i class="fa-brands fa-slack fa-xl"></i>
</a>
|
<a href="https://twitter.com/LearnToCodeLA" class="icon-link">
<i class="fa-brands fa-twitter fa-xl"></i>
</a>
|
<a href="https://www.meetup.com/LearnTeachCode/" class="icon-link">
<i class="fa-brands fa-meetup fa-xl"></i>
</a>
<h5 style="margin-top: 5px; margin-bottom: 5px;">
<a href="https://learnteachcode.org/code-coffee-compendium" target="_blank" rel="noopener">Resources</a>
|
<a href="./code-of-conduct.html">Code of Conduct</a>
</h5>
<hr />
</div>
<br />
<p class="tagline">"A community for anyone who wants to learn about computer science or programming."</p>
<hr />
<br />
<p>Whether you're a total beginner or a coding ninja/guru/Jedi Master, we're here to learn about computer science
and programming in a fun, informal environment -- and also to provide moral support to fight the fears and
frustrations that come with learning a new skill or transitioning to a new career.</p>
<br />
<p style="text-align: center;"><strong><a href="https://discord.gg/FZ2wqAg4XV" target="_blank" rel="noopener">Join our chat on Discord!</a></strong></p> </header>
</header>
<section>
<h2>Upcoming Events:</h2>
<div id="mapid"></div>
<div class='viewLinks'>
<a id='list' class='button viewLink active' href="#">List View</a>
<a id='weekly' class='button viewLink' href="#">Week View</a>
</div>
<div class='view weekly'>
<div class='weekview slider'>
<button class='prev' onclick='plusSlides(-1)'>❮</button>
<button class='next' onclick='plusSlides(1)'>❯</button>
<div class='week slide fade' id='firstweek'></div>
<div class='week slide fade' id='secondweek'></div>
</div>
<div class='dots'>
<span class='dot' onclick='currentSlide(1)'></span>
<span class='dot' onclick='currentSlide(2)'></span>
</div>
</div>
<div class='view list showing'>
<ul class="listview"></ul>
</div>
<p>Visit our <a href="https://www.meetup.com/LearnTeachCode/">Meetup.com page</a> for details on our next meetings.
</p>
</section>
<section>
<h2>Stuff we do at Learn Teach Code:</h2>
<ul>
<li><strong>Learn programming fundamentals</strong> through a variety of languages and platforms together in small
groups or pair programming -- everything from short tutorials to day-long hackathons/learnathons!</li>
<li><strong>Workshops</strong> -- build something tangible and learn new skills in our structured group classes!
</li>
<li><strong>Co-working and casual learning</strong> - work on your own projects independently while enjoying the
company of like-minded people.</li>
<li><strong> Discussion groups</strong> for language-agnostic topics (book club, anyone?)</li>
<li><strong>Project show-and-tell</strong> -- get feedback, generate ideas, or just show off your mad skillz!</li>
<li>And other random, fun activities like geeky movie nights and joint events with other meetups!</li>
</ul>
</section>
<footer>
<p>
<strong>Want to get more involved with our community?</strong>
<a href="https://learnteachcode.org/slack" target="_blank">Join our chatroom on Slack</a> and follow us on <a
href="https://twitter.com/LearnToCodeLA" target="_blank">Twitter</a> and <a
href="https://github.com/learnteachcode" target="_blank">GitHub</a>!
</p>
<p>
<strong>Want to sponsor us?</strong> We're always on the lookout for more meeting spaces. Let us know if you have
any suggestions or would like to sponsor us at your office!
</p>
</footer>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"
integrity="sha384-xBuQ/xzmlsLoJpyjoggmTEz8OWUFM0/RC5BsqQBDX2v5cMvDHcMakNTNrHIW2I5f"
crossorigin="anonymous"></script>
<script src="https://unpkg.com/[email protected]/dist/leaflet.js"
integrity="sha512-QVftwZFqvtRNi0ZyCtsznlKSWOStnDORoefr1enyq5mVL4tmKB3S/EnC3rRJcxCPavG10IcrVGSmPh6Qw5lwrg=="
crossorigin=""></script>
<script src="custom.js"></script>
<script src="slider.js"></script>
</body>
</html>