-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
238 lines (224 loc) · 16.8 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
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
<!doctype html>
<html lang="en">
<head>
<!--
Not displayed stuff, header below.
-->
<meta charset="utf-8">
<title>Raylı Sistem Araçları Yarışması</title>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no"> <!-- For responsiveness -->
<script src="https://kit.fontawesome.com/c857a23705.js"></script>
<link href="./styles/index.css" rel="stylesheet">
<link rel="icon" type="image/x-svg" href="./images/yarismaicon.svg">
</head>
<body>
<div class="wrapper">
<div class="banner">
<header>
<!-- Website top area. Navbar, white logo etc. -->
<a href="./">
<img src="./images/lothlogo.svg" alt="Loth Robotics Logo" class="lothlogo"> <!-- Loth Robotics Logo, on the left side of the navbar -->
</a>
<a href="#" class="toggle-btn">
<span class="bar"></span><span class="bar"></span><span class="bar"></span> <!-- Hamburger menu layout for smaller devices -->
</a>
<nav class="navbar">
<div class="navbar-links">
<ul>
<li><a href="#aboutus">Biz Kimiz</a></li>
<li><a href="#about">Yarışma Hakkında</a></li>
<li><a href="#announcements">Duyurular</a></li>
<li><a href="./basvuru/">Başvuru</a></li>
</ul>
</div>
</nav>
</header>
<div class="yazi">
<img class="yarismalogo" src="./images/yarismalogo.svg">
</div>
</div>
<div class="banner2">
<section class="bolum1" id="bolum1">
<div class="container">
<img class="countdown-timer" src="./images/countdown-bg.svg" alt="Raylı Sistem Araçları Yarışmasına Kalan Zamanı Gösteren Sayaç">
<div class="content">
<div class="time alignleft">
<div>YARIŞMA</div>
<div>BAŞVURU SONU</div>
</div>
<div class="time">
<!--
The contents of this dividion will be filled throughout Javascript code, not raw HTML
-->
<div class="days-compt-start"></div>
<div class="days-compt"></div>
</div>
</div>
</img>
</div>
<div class="basvuruContainer">
<a href="./basvuru/" class="basvuru"><b style="font-weight: 1000;">Yarışmaya Başvur</b></a> <!-- Redirects to the ./basvuru/index.html -->
</div>
<div id="aboutus">
<h2 class="subTitle">Biz Kimiz?</h2>
<article>
Loth Robotics, Beşiktaş Sakıp Sabancı Anadolu Lisesinin robotik kulübüdür. 2019’da bir FRC takımı olarak kurduğumuz bu kulüp zaman içinde çeşitli reformlar sonucu daha kapsamlı bir kulüp halini almıştır. Bizler robotiğe, yazılıma ve mekaniğe meraklı 30'dan fazla üyesi olan girişken ve istekli bir takımız.
</article>
</div>
<div id="about">
<h2 class="subTitle">Yarışma Hakkında</h2>
<article>
Lise düzeyindeki öğrencilere hitaben çeşitli alanlarda birçok robotik yarışması düzenlenmiş olmasına rağmen daha önce benzeri görülmemiş bir “Raylı Sistem Araçları” yarışmasını Metro İstanbul ile işbirliği içerisinde organize etmekten gurur duyuyoruz.
Bu yarışmada takımlar, önceden belirlenmiş ölçülere göre tasarladıkları araçları ile raylar üstünde rekabet ediyor. Araçlar, otonom bir şekilde önceden belirlenmiş iki nokta arasında en hızlı şekilde hareket ederek doğru noktaya olabildiğince yakın şekilde durmaya çalışıyor.<br><br>
Raylı Sistem Araçları Yarışması ile öğrencilerin robotik ve raylı sistemler alanlarına ilgilerini arttırmayı ve öğrencilerin benzeri olmayan bir deneyim yaşamalarını amaçlıyoruz.
</article>
</div>
<div id="announcements">
<h2 class="subTitle">Duyurular</h2>
<div class="announcementsBox">
<div class="box-4 box">
<h3>2024 Yılı Raylı Sistem Araçları Yarışması Fotoğrafları Drive Linki Yayınlandı</h3>
<small>21/10/2024</small>
<p>Raylı sistem araçları yarışması drive linkine ulaşmak için: <br>
Link: <a href="https://drive.google.com/drive/folders/1qXn1SsC3qVDifUEgIUNOJM0B3nZTEpSZ?usp=sharing" target="_blank">https://drive.google.com/drive/folders/1qXn1SsC3qVDifUEgIUNOJM0B3nZTEpSZ</a> <br>
</p>
</div>
<!--Announces will be written directly, in this part. -->
<!--<div class="box-10 box">
<h3>Araç Ağırlıkları ve Uzunlukları Hakkında</h3>
<small>19/10/2024</small>
<p>Araçlar, kural kitapçığında belirtilen ağırlık ve uzunluğun en fazla %115'i kadar olması durumunda da takımlar teknik kontrolden geçebilecek ve yarışmaya alınacaktır. Bunlara karşılık ağırlık ve uzunluk bakımından %100'ün üzerindeki her yüzdelik başına takımların rapor puanlarından düşülecektir.</p>
</div>
<div class="box-9 box">
<h3>Yarışma Yeri ve Saati Hakkında</h3>
<small>15/10/2024</small>
<p>Yarışma yeri Metro İstanbul Esenler Yerleşkesi olarak güncellenmiştir. Yarışma akışı <a href="https://www.instagram.com/lothrobotics/" target="_blank">@lothrobotics</a> Instagram hesabından duyurulacaktır.</p>
</div>
<div class="box-8 box">
<h3>Son Başvuru Tarihi Güncellendi</h3>
<small>15/10/2024</small>
<p>Yarışmaya son başvuru tarihi 17 Ekim Perşembe günü olarak güncellenmiştir.</p>
</div>
<div class="box-7 box">
<h3>Malzeme Desteğine Başlandı</h3>
<small>06/10/2024</small>
<p>Pazartesi günü itibarıyla yarışmaya katılacak olan takımlar okulumuzdan malzeme desteklerini alabilirler.</p>
</div>
<div class="box-6 box">
<h3>Örnek Travers Modeli Yayınlandı</h3>
<small>06/10/2024</small>
<p>Takımlar için raylarda kullanılan traverslerin örnek bir modeli yayınlanmıştır: <br>
Link: <a href="./docs/Travers.stl" target="_blank">https://raylisistem.lothrobotics.com/docs/Travers.stl</a> </p>
</div>
<div class="box-5 box">
<h3>Ekler Güncellendi</h3>
<small>06/10/2024</small>
<p>Katılımcıların doldurması gereken ekler güncellenmiştir.</p>
</div>
<div class="box-4 box">
<h3>Raylı Sistem Araçları Yarışması Duyuruldu</h3>
<small>09/09/2024</small>
<p>Loth Robotics ve Metro İstanbul işbirliğiyle bu sene de düzenlenecek olan Raylı Sistem Araçları Yarışması duyuruldu! Ayrıntılı bilgi için kural kitapçığına göz atmayı unutmayın.</p>
</div>-->
<div class="box-3 box">
<h3>2023 Yılı Raylı Sistem Araçları Yarışması Fotoğrafları Drive Linki Yayınlandı</h3>
<small>15/06/2023</small>
<p>Raylı sistem araçları yarışması drive linkine ulaşmak için: <br>
Link: <a href="https://drive.google.com/drive/folders/1SG96KNKyJw2bDYg-SxrOowmaeg6qNuly" target="_blank">https://drive.google.com/drive/folders/1SG96KNKyJw2bDYg-SxrOowmaeg6qNuly</a> <br>
</p>
</div>
<!--<div class="box-7 box">
<h3>Yarışma Akışı Yayınlandı</h3>
<small>08/06/2023</small>
<p>Yarışma akışına ulaşmak için: <a href="./docs/YarismaAkisi.pdf" target="_blank">YarismaAkisi.pdf</a></p>
</div>
<div class="box-6 box">
<h3>Yarışma Alanına Ulaşım Hakkında</h3>
<small>08/06/2023</small>
<p>Yarışma alanına ulaşmak için M1B Yenikapı-Otogar-Kirazlı Metro Hattı'nı kullanabilirsiniz. Esenler İstasyonu'ndan çıktıktan sonra sağa dönerek yarışma alanına ulaşabilirsiniz. Ayrıntılı bilgi için <a href="https://instagram.com/lothrobotics">@lothrobotics</a> Instagram hesabını ziyaret etmeyi unutmayın.</p>
</div>
<div class="box-5 box">
<h3>Birincilik Ödülü Güncellendi</h3>
<small>07/06/2023</small>
<p>Öncesinde Ender 3 Pro olan birincilik ödülü Ender 5 Pro olacak şekilde değiştirilmiştir! Benzer değişiklikler için yarışma sayfasını ve <a href="https://instagram.com/lothrobotics">@lothrobotics</a> Instagram hesabını düzenli kontrol etmeyi unutmayın.</p>
</div>
<div class="box-4 box">
<h3>Son Başvuru Tarihi Güncellendi</h3>
<small>05/06/2023</small>
<p>Öncesinde 5 Haziran Salı olan yarışmaya son başvuru tarihi 8 Haziran Perşembe olacak şekilde güncellenmiştir! Benzer değişiklikler için yarışma sayfasını ve <a href="https://instagram.com/lothrobotics">@lothrobotics</a> Instagram hesabını düzenli kontrol etmeyi unutmayın.</p>
</div>
<div class="box-3 box">
<h3>Raylı Sistem Araçları Yarışması Duyuruldu</h3>
<small>17/05/2023</small>
<p>Loth Robotics ve Metro İstanbul işbirliğiyle bu sene de düzenlenecek olan Raylı Sistem Araçları Yarışması duyuruldu! Ayrıntılı bilgi için kural kitapçığına göz atmayı unutmayın.</p>
</div>-->
<div class="box-2 box">
<h3>2022 Yılı Raylı Sistem Araçları Yarışması Fotoğrafları Drive Linkleri Yayınlandı</h3>
<small>20/06/2022</small>
<p>Raylı sistem araçları yarışması drive linklerine ulaşmak için: <br>
1. Link: <a href="https://drive.google.com/drive/folders/1a-ylzdRXYaRrsS3qSCVmKVrCOS5fgQZU?usp=sharing" target="_blank">https://drive.google.com/drive/folders/1a-ylzdRXYaRrsS3qSCVmKVrCOS5fgQZU?usp=sharing</a> <br>
2. Link: <a href="https://drive.google.com/drive/folders/14DzMz-PPIMr78JX4xBNUJQDV6M4NS8eU?usp=sharing" target="_blank">https://drive.google.com/drive/folders/14DzMz-PPIMr78JX4xBNUJQDV6M4NS8eU?usp=sharing</a> <br>
</p>
</div>
<!--<div class="box-6 box">
<h3>Son Başvuru Tarihi Güncellendi</h3>
<small>3/06/2022</small>
<p>Öncesinde 4 Haziran Cumartesi olan yarışmaya son başvuru tarihi 6 Haziran Pazartesi olacak şekilde güncellenmiştir! Benzer değişiklikler için yarışma sayfasını ve @lothrobotics instagram hesabını düzenli kontrol etmeyi unutmayın.</p>
</div>
<div class="box-5 box">
<h3>Kilogram Sınırı Güncellendi</h3>
<small>21/05/2022</small>
<p>Öncesinde 1 kg olan kütle sınırı 2.5 kg olacak şekilde güncellenmiştir! Kural kitapçığı da değişikliğe uygun olacak şekilde güncellenmiştir. Benzer değişiklikler için yarışma sayfasını ve @lothrobotics instagram hesabını düzenli kontrol etmeyi unutmayın.</p>
</div>
<div class="box-4 box">
<h3>Yarışma Afişi Yayınlandı</h3>
<small>21/05/2022</small>
<p>Yarışmanın Afişi yayınlanmıştır! İncelemek için başvuru sayfasını kontrol etmeyi unutmayın.</p>
</div>
<div class="box-3 box">
<h3>Kural Kitapçığı Yayınlandı</h3>
<small>13/05/2022</small>
<p>Yarışmanın Kural Kitapçığı yayınlanmıştır! İncelemek için başvuru sayfasını kontrol etmeyi unutmayın. Başvuru için öğrencilerin başvuru sayfasındaki "Gerekli Belgeler" başlığının altındaki ekleri doldurması, danışman öğretmenin ise yarışma başvuru belgesini doldurup tüm belgeleri <a style="color:black" href="mailto:[email protected]">[email protected]</a> e-posta adresine 4 Haziran'dan önce göndermesi gerekmektedir.</p>
</div>
<div class="box-2 box">
<h3>Raylı Sistem Araçları Yarışması Duyuruldu</h3>
<small>04/05/2022</small>
<p>Loth Robotics ve Metro İstanbul işbirliğiyle bu sene ilk kez düzenlenecek olan Raylı Sistem Araçları Yarışması duyuruldu! Ayrıntılı bilgi için şartnameye ve yakında yayınlanacak olan kural kitapçığına göz atmayı unutmayın.</p>
</div>-->
<div class="box-1 box">
<p class="end">Henüz başka duyuru yok. <br> Siteyi düzenli aralıklarla kontrol etmeyi unutmayın.</p>
</div>
</div>
</div>
</section>
<div class="upperFooter">
<a href="mailto:[email protected]">Bize ulaşın ></a>
</div>
</div>
<footer class="footerdiv" id="footer">
<p class="footertext"><b>© Loth Robotics 2024</b></p>
<div class="socialmedia">
<a class="footericon" target="_blank" href="http://www.lothrobotics.com"><i><img src="./images/Lothroboticswhite.svg" style="height: 30px; width:auto;"></i></a>
<a class="footericon" target="_blank" href="https://www.instagram.com/lothrobotics/"><i><img src="./images/instagram.jpg" style="height: 30px; width: auto;"></i></a>
<a class="footericon" target="_blank" href="https://github.com/LothRobotics"><i><img src="./images/github.png" style="height: 30px; width: auto;"></i></a>
<a class="footericon" target="_blank" href="https://sabancilisesi.meb.k12.tr"><i ><img src="./images/ssalicon.svg" style="height: 30px; width: auto;"></i></a>
</div>
</footer>
</div>
<script src="./src/fixer.js"></script>
<script src="./src/index.js" type="text/JavaScript"></script>
</body>
<script>
/*
Appends smooth scroll behaviour to the animations, from below code executed; all a tags that aims an identity on the page, becomes smooth.
*/
document.querySelectorAll('a[href^="#"]').forEach(anchor => {
anchor.addEventListener('click', function (e) {
e.preventDefault();
document.querySelector(this.getAttribute('href')).scrollIntoView({
behavior: 'smooth'
});
});
});
</script>
</html>