-
Notifications
You must be signed in to change notification settings - Fork 0
/
workshops.html
150 lines (118 loc) · 4.87 KB
/
workshops.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
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset = 'utf-8'>
<meta name = 'viewport' content = 'width=device-width, initial-scale=1.0'>
<title> Polyhedra Fab Lab </title>
<link rel="icon" href="icon.png">
<link rel = "stylesheet" href = "styleCyberpunkSurvival.css">
<link rel = "stylesheet" href = "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.14.0/css/all.min.css">
</head>
<body>
<div id="preloader"></div>
<header>
<img src="logoph.png" width="250px">
<div class="menu-btn"></div>
<div class="navigation">
<div class="navigation-items">
<a href="index.html">Home</a>
<a href="services3.html">Services</a>
<a href="facilities.html">Facilities</a>
<a href="https://polyhedralab.blogspot.com/">Blog</a>
<a href="about.html">About</a>
<a href="./sr/index.html">SRB</a>
</div>
</div>
</header>
<section class="home">
<div class = "content active">
<h1>Learn.<br><span>Electronics <span style ="color:red">101</span></span></h1>
<p>Do you want to start playing with electronics but don't have any previous knowledge and everything seems too complicated?<br><br> Did you ever want to make a simple project with electronics but instructions weren't clear enough and you don't know where to ask for help?<br><br> This is the right place for you!
Come and learn the basics of electronics through fun and easy maker projects. We will be soldering basic components that are used in many DIY projects and have such a variety of functions that you can make many different thingies by slightly modifying what you already made.
Each term in this workshop is dedicated to making one project, so it's not necessary to come every time, but it is definitely recommended to participate in every project as some of them can be combined to make a different device in the end. <br>
<br>
</p>
<a href="https://forms.gle/ngageGWFPKoWLo5i8">Apply here</a>
</div>
<div class = "media-icons">
<a href = "https://discord.gg/dGw4bq3mDC"> <i class = "fab fa-discord"></i> </a>
<a href = "https://sr-rs.facebook.com/Polyhedra3D/"> <i class = "fab fa-facebook-f"></i> </a>
<a href = "https://www.instagram.com/polyhedra3d/"> <i class = "fab fa-instagram"></i> </a>
<a href = "https://twitter.com/polyhedra3d"> <i class = "fab fa-twitter"></i> </a>
</div>
</section>
<section class="home">
<div class ="content active">
<h1>Cyberpunk.<br><span>Survival <span style ="color:red">Course</span></span></h1>
<img id = "keeb1" src="keeb1.jpg">
<h1>Want to build your own macropad?</h1>
<br>
<p> In this course we will build a small Arduino powered macropad from the scratch.
You will learn the basics of fabrication, electronics, and programming, all through making your own keyboard.
<br>
<div class="text">
<p>Course will be divided into 6 classes in which you will become familiar with the drawing and creating your own case, soldering, programming and flashing your own firmware, as well as assembling the keyboard.<br> <br>Course is beginner friendly so no previous knowledge of electronics, or programming is required.<br><br>
<br><br>
<a href="curiculum srb.pdf">Curiculum</a><br><br><br>
<a href="https://forms.gle/VKEqJrkFSMQr6xG28">Apply</a>
</p>
</div>
</div>
<div class= "news-container">
<div class = "title">
>>!
</div>
<ul>
<li>
Electronics 101 Course --> 10.11.2021
</li>
<li>
#### Apply Now ####
</li>
<li>
Cyberpunk Survival --> 25.11.2021
</li>
</ul>
</div>
<script type="text/javascript">
//Javascript of responsive navigation menu
const menuBtn = document.querySelector(".menu-btn");
const navigation = document.querySelector(".navigation");
menuBtn.addEventListener("click", () => {
menuBtn.classList.toggle("active");
navigation.classList.toggle("active");
});
//Javascript for video slider navigation
const btns = document.querySelectorAll(".nav-btn");
const slides = document.querySelectorAll(".video-slide");
const contents = document.querySelectorAll(".content");
var sliderNav = function(manual){
btns.forEach((btn) => {
btn.classList.remove("active");
});
slides.forEach((slide) => {
slide.classList.remove("active");
});
contents.forEach((content) => {
content.classList.remove("active");
});
btns[manual].classList.add("active");
slides[manual].classList.add("active");
contents[manual].classList.add("active");
}
btns.forEach((btn, i) => {
btn.addEventListener("click", () => {
sliderNav(i);
});
});
</script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script type="text/javascript" src="assets/js/tilt.jquery.js"></script>
<script>
var loader = document.getElementById("preloader");
window.addEventListener("load", function(){
loader.style.display = "none";
})
</script>
</body>
</html>