-
-
Notifications
You must be signed in to change notification settings - Fork 1
Expand file tree
/
Copy pathindex.html
More file actions
234 lines (211 loc) · 17.8 KB
/
index.html
File metadata and controls
234 lines (211 loc) · 17.8 KB
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Mobius Robotics</title>
<link rel="icon" type="image/png" href="src/images/logo.png">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="./src/output.css" rel="stylesheet">
<script src="./src/scripts.js" async></script>
<meta property="og:title" content="Mobius Robotics">
<meta property="og:description" content="Innovation, creativity and passion, the robotics that adapts to every challenge!">
<meta property="og:image" content="https://mobius-robotics.github.io/src/images/logo.png">
<meta property="og:url" content="https://mobius-robotics.github.io/">
<meta property="og:type" content="website" />
<meta name="theme-color" content="base-100">
</head>
<body class="min-h-dvh scroll-smooth antialiased transition-colors flex flex-col">
<header class="navbar bg-primary flex justify-between gap-4 items-center relative">
<details class="dropdown">
<summary class="btn btn-square">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
class="inline-block h-5 w-5 stroke-current">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16"></path>
</svg>
</summary>
<ul class="menu dropdown-content bg-base-200 rounded-box z-[1] w-52 p-2 shadow">
<li><a href="./">Home</a></li>
<li><a href="./eurobot">Eurobot</a></li>
<li><a href="./loki">Loki</a></li>
<li><a href="./dinamino">Dinamino</a></li>
<li><a href="#about">About Us</a></li>
<li><a href="./gallery">Gallery</a></li>
<li><a href="./sponsors">Sponsors</a></li>
</ul>
</details>
<div class="absolute left-1/2 transform -translate-x-1/2">
<h1 class="font-semibold text-2xl font-revamped text-center">Mobius Robotics</h1>
</div>
<div class="flex gap-2 md:gap-4 items-center">
<div class="hidden md:block">
<a class="btn btn-outline btn-sm btn-info" target="_blank" href="https://paypal.me/mobiusrobotics" aria-label="Donations"><svg xmlns="http://www.w3.org/2000/svg" width="1.5em" height="1.5em" viewBox="-23 0 302 302"><path fill="#27346a" d="M217.168 23.507C203.234 7.625 178.046.816 145.823.816h-93.52A13.39 13.39 0 0 0 39.076 12.11L.136 259.077c-.774 4.87 2.997 9.28 7.933 9.28h57.736l14.5-91.971l-.45 2.88c1.033-6.501 6.593-11.296 13.177-11.296h27.436c53.898 0 96.101-21.892 108.429-85.221c.366-1.873.683-3.696.957-5.477q-2.334-1.236 0 0c3.671-23.407-.025-39.34-12.686-53.765"/><path fill="#27346a" d="M102.397 68.84a11.7 11.7 0 0 1 5.053-1.14h73.318c8.682 0 16.78.565 24.18 1.756a102 102 0 0 1 6.177 1.182a90 90 0 0 1 8.59 2.347c3.638 1.215 7.026 2.63 10.14 4.287c3.67-23.416-.026-39.34-12.687-53.765C203.226 7.625 178.046.816 145.823.816H52.295C45.71.816 40.108 5.61 39.076 12.11L.136 259.068c-.774 4.878 2.997 9.282 7.925 9.282h57.744L95.888 77.58a11.72 11.72 0 0 1 6.509-8.74"/><path fill="#2790c3" d="M228.897 82.749c-12.328 63.32-54.53 85.221-108.429 85.221H93.024c-6.584 0-12.145 4.795-13.168 11.296L61.817 293.621c-.674 4.262 2.622 8.124 6.934 8.124h48.67a11.71 11.71 0 0 0 11.563-9.88l.474-2.48l9.173-58.136l.591-3.213a11.71 11.71 0 0 1 11.562-9.88h7.284c47.147 0 84.064-19.154 94.852-74.55c4.503-23.15 2.173-42.478-9.739-56.054c-3.613-4.112-8.1-7.508-13.327-10.28c-.283 1.79-.59 3.604-.957 5.477"/><path fill="#1f264f" d="M216.952 72.128a90 90 0 0 0-5.818-1.49a110 110 0 0 0-6.177-1.174c-7.408-1.199-15.5-1.765-24.19-1.765h-73.309a11.6 11.6 0 0 0-5.053 1.149a11.68 11.68 0 0 0-6.51 8.74l-15.582 98.798l-.45 2.88c1.025-6.501 6.585-11.296 13.17-11.296h27.444c53.898 0 96.1-21.892 108.428-85.221c.367-1.873.675-3.688.958-5.477q-4.682-2.47-10.14-4.279a83 83 0 0 0-2.77-.865"/></svg><p>PayPal</p></a>
</div>
<label class="swap swap-rotate btn btn-square btn-ghost">
<input type="checkbox" class="theme-controller" id="theme-toggle" />
<svg class="swap-off h-9 w-9 fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
<path
d="M5.64,17l-.71.71a1,1,0,0,0,0,1.41,1,1,0,0,0,1.41,0l.71-.71A1,1,0,0,0,5.64,17ZM5,12a1,1,0,0,0-1-1H3a1,1,0,0,0,0,2H4A1,1,0,0,0,5,12Zm7-7a1,1,0,0,0,1-1V3a1,1,0,0,0-2,0V4A1,1,0,0,0,12,5ZM5.64,7.05a1,1,0,0,0,.7.29,1,1,0,0,0,.71-.29,1,1,0,0,0,0-1.41l-.71-.71A1,1,0,0,0,4.93,6.34Zm12,.29a1,1,0,0,0,.7-.29l.71-.71a1,1,0,1,0-1.41-1.41L17,5.64a1,1,0,0,0,0,1.41A1,1,0,0,0,17.66,7.34ZM21,11H20a1,1,0,0,0,0,2h1a1,1,0,0,0,0-2Zm-9,8a1,1,0,0,0-1,1v1a1,1,0,0,0,2,0V20A1,1,0,0,0,12,19ZM18.36,17A1,1,0,0,0,17,18.36l.71.71a1,1,0,0,0,1.41,0,1,1,0,0,0,0-1.41ZM12,6.5A5.5,5.5,0,1,0,17.5,12,5.51,5.51,0,0,0,12,6.5Zm0,9A3.5,3.5,0,1,1,15.5,12,3.5,3.5,0,0,1,12,15.5Z" />
</svg>
<svg class="swap-on h-9 w-9 fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
<path
d="M21.64,13a1,1,0,0,0-1.05-.14,8.05,8.05,0,0,1-3.37.73A8.15,8.15,0,0,1,9.08,5.49a8.59,8.59,0,0,1,.25-2A1,1,0,0,0,8,2.36,10.14,10.14,0,1,0,22,14.05,1,1,0,0,0,21.64,13Zm-9.5,6.69A8.14,8.14,0,0,1,7.08,5.22v.27A10.15,10.15,0,0,0,17.22,15.63a9.79,9.79,0,0,0,2.1-.22A8.11,8.11,0,0,1,12.14,19.73Z" />
</svg>
</label>
</div>
</header>
<!--
<div>
<h1 data-key="title">Welcome to the website</h1>
<p data-key="description">This is a simple multilingual website.</p>
<button onclick="changeLanguage('en')" class="flex gap-2 items-center">
EN
<svg xmlns="http://www.w3.org/2000/svg" width="2rem" height="2rem" viewBox="0 0 36 36">
<path fill="#00247d"
d="M0 9.059V13h5.628zM4.664 31H13v-5.837zM23 25.164V31h8.335zM0 23v3.941L5.63 23zM31.337 5H23v5.837zM36 26.942V23h-5.631zM36 13V9.059L30.371 13zM13 5H4.664L13 10.837z" />
<path fill="#cf1b2b"
d="m25.14 23l9.712 6.801a4 4 0 0 0 .99-1.749L28.627 23zM13 23h-2.141l-9.711 6.8c.521.53 1.189.909 1.938 1.085L13 23.943zm10-10h2.141l9.711-6.8a4 4 0 0 0-1.937-1.085L23 12.057zm-12.141 0L1.148 6.2a4 4 0 0 0-.991 1.749L7.372 13z" />
<path fill="#eee"
d="M36 21H21v10h2v-5.836L31.335 31H32a4 4 0 0 0 2.852-1.199L25.14 23h3.487l7.215 5.052c.093-.337.158-.686.158-1.052v-.058L30.369 23H36zM0 21v2h5.63L0 26.941V27c0 1.091.439 2.078 1.148 2.8l9.711-6.8H13v.943l-9.914 6.941c.294.07.598.116.914.116h.664L13 25.163V31h2V21zM36 9a3.98 3.98 0 0 0-1.148-2.8L25.141 13H23v-.943l9.915-6.942A4 4 0 0 0 32 5h-.663L23 10.837V5h-2v10h15v-2h-5.629L36 9.059zM13 5v5.837L4.664 5H4a4 4 0 0 0-2.852 1.2l9.711 6.8H7.372L.157 7.949A4 4 0 0 0 0 9v.059L5.628 13H0v2h15V5z" />
<path fill="#cf1b2b" d="M21 15V5h-6v10H0v6h15v10h6V21h15v-6z" />
</svg>
</button>
<button onclick="changeLanguage('it')" class="flex gap-2 items-center">
IT
<svg xmlns="http://www.w3.org/2000/svg" width="2rem" height="2rem" viewBox="0 0 36 36">
<path fill="#ce2b37" d="M36 27a4 4 0 0 1-4 4h-8V5h8a4 4 0 0 1 4 4z" />
<path fill="#009246" d="M4 5a4 4 0 0 0-4 4v18a4 4 0 0 0 4 4h8V5z" />
<path fill="#eee" d="M12 5h12v26H12z" />
</svg>
</button>
</div>
-->
<div class="flex-grow">
<div class="flex flex-col px-4 py-8 gap-4">
<div class="flex flex-col items-center gap-4 md:flex-row-reverse md:justify-center md:gap-24">
<div class="flex flex-col items-center gap-4">
<img src="src/images/logo.png" alt="Mobius Robotics Logo" class="center w-64">
<img src="src/images/name.png" alt="Mobius Robotics Name" class="center w-64">
</div>
<p class="text-center md:w-72 text-lg"><em>The Loop of Progress Starts Here!</em><br>
Innovation, creativity and passion, the robotics that adapts to every challenge. Our dynamic team thrives on collaboration and hands-on experience to redefine the future of technology.</p>
</div>
<div class="md:hidden flex flex-col items-center gap-4">
<a class="btn btn-outline btn-wide btn-info" target="_blank" href="https://paypal.me/mobiusrobotics" aria-label="Donations"><svg xmlns="http://www.w3.org/2000/svg" width="2em" height="2em" viewBox="-23 0 302 302"><path fill="#27346a" d="M217.168 23.507C203.234 7.625 178.046.816 145.823.816h-93.52A13.39 13.39 0 0 0 39.076 12.11L.136 259.077c-.774 4.87 2.997 9.28 7.933 9.28h57.736l14.5-91.971l-.45 2.88c1.033-6.501 6.593-11.296 13.177-11.296h27.436c53.898 0 96.101-21.892 108.429-85.221c.366-1.873.683-3.696.957-5.477q-2.334-1.236 0 0c3.671-23.407-.025-39.34-12.686-53.765"/><path fill="#27346a" d="M102.397 68.84a11.7 11.7 0 0 1 5.053-1.14h73.318c8.682 0 16.78.565 24.18 1.756a102 102 0 0 1 6.177 1.182a90 90 0 0 1 8.59 2.347c3.638 1.215 7.026 2.63 10.14 4.287c3.67-23.416-.026-39.34-12.687-53.765C203.226 7.625 178.046.816 145.823.816H52.295C45.71.816 40.108 5.61 39.076 12.11L.136 259.068c-.774 4.878 2.997 9.282 7.925 9.282h57.744L95.888 77.58a11.72 11.72 0 0 1 6.509-8.74"/><path fill="#2790c3" d="M228.897 82.749c-12.328 63.32-54.53 85.221-108.429 85.221H93.024c-6.584 0-12.145 4.795-13.168 11.296L61.817 293.621c-.674 4.262 2.622 8.124 6.934 8.124h48.67a11.71 11.71 0 0 0 11.563-9.88l.474-2.48l9.173-58.136l.591-3.213a11.71 11.71 0 0 1 11.562-9.88h7.284c47.147 0 84.064-19.154 94.852-74.55c4.503-23.15 2.173-42.478-9.739-56.054c-3.613-4.112-8.1-7.508-13.327-10.28c-.283 1.79-.59 3.604-.957 5.477"/><path fill="#1f264f" d="M216.952 72.128a90 90 0 0 0-5.818-1.49a110 110 0 0 0-6.177-1.174c-7.408-1.199-15.5-1.765-24.19-1.765h-73.309a11.6 11.6 0 0 0-5.053 1.149a11.68 11.68 0 0 0-6.51 8.74l-15.582 98.798l-.45 2.88c1.025-6.501 6.585-11.296 13.17-11.296h27.444c53.898 0 96.1-21.892 108.428-85.221c.367-1.873.675-3.688.958-5.477q-4.682-2.47-10.14-4.279a83 83 0 0 0-2.77-.865"/></svg><h class="text-lg">PayPal</p></a>
</div>
</div>
<div class="flex flex-col p-4 gap-8 md:gap-0 md:p-0 md:py-4 md:flex-row md:flex-wrap md:justify-center">
<div class="flex flex-col items-center gap-4 md:basis-1/3 md:p-8">
<h2 class="font-semibold content-center justify-center text-xl text-center font-revamped">Eurobot</h2>
<p>Learn more about the excitement of Eurobot, where our team showcased innovative robotics, tackling the challenge of managing a Martian greenhouse, and demonstrating our skills in a competitive environment.</p>
<img src="./src/images/eurobot.jpeg" alt="Eurobot" class="center">
<a href="./eurobot" class="btn btn-active btn-secondary">Our Eurobot Journey</a>
</div>
<div class="flex flex-col items-center gap-4 md:basis-1/3 md:p-8">
<h2 class="font-semibold content-center justify-center text-xl text-center font-revamped">Loki</h2>
<p>Discover Loki, our innovative robot designed for the Eurobot competition, featuring cutting-edge computer vision, 3D-printed components, and advanced mobility solutions.</p>
<img src="./src/images/loki.png" alt="Loki" class="center w-80">
<a href="./loki" class="btn btn-active btn-secondary">See Loki in Detail</a>
</div>
<div class="flex flex-col items-center gap-4 md:basis-1/3 md:p-8">
<h2 class="font-semibold content-center justify-center text-xl text-center font-revamped">Dinamino</h1>
<p>Explore Dinamino, our 3D-printed robot with video streaming, speed-controlled wheels, and powered by ROS 2 with Arduino and Raspberry integration.</p>
<img src="./src/images/dinamino.png" alt="Dinamino" class="center w-80">
<a href="./dinamino" class="btn btn-active btn-secondary">See Dinamino in Detail</a>
</div>
<div id="about" class="flex flex-col items-center gap-4 md:basis-1/3 md:p-8">
<h2 class="font-semibold content-center justify-center text-xl text-center font-revamped">About Us</h2>
<p>We are Mobius Robotics, a diverse team of students who apply our knowledge in mechanics, electronics, and computer science to create innovative physical models. By using artificial intelligence and advanced materials, we aim to revolutionize traditional production processes.</p>
<div class="carousel w-full">
<div id="slide1" class="carousel-item relative w-full">
<img src="./src/images/about1.jpeg" class="w-full" />
<div class="absolute left-5 right-5 top-1/2 flex -translate-y-1/2 transform justify-between">
<a href="#slide7" class="btn btn-circle">❮</a>
<a href="#slide2" class="btn btn-circle">❯</a>
</div>
</div>
<div id="slide2" class="carousel-item relative w-full">
<img src="./src/images/about2.jpeg" class="w-full" />
<div class="absolute left-5 right-5 top-1/2 flex -translate-y-1/2 transform justify-between">
<a href="#slide1" class="btn btn-circle">❮</a>
<a href="#slide3" class="btn btn-circle">❯</a>
</div>
</div>
<div id="slide3" class="carousel-item relative w-full">
<img src="./src/images/about3.jpeg" class="w-full" />
<div class="absolute left-5 right-5 top-1/2 flex -translate-y-1/2 transform justify-between">
<a href="#slide2" class="btn btn-circle">❮</a>
<a href="#slide4" class="btn btn-circle">❯</a>
</div>
</div>
<div id="slide4" class="carousel-item relative w-full">
<img src="./src/images/about4.jpeg" class="w-full" />
<div class="absolute left-5 right-5 top-1/2 flex -translate-y-1/2 transform justify-between">
<a href="#slide3" class="btn btn-circle">❮</a>
<a href="#slide5" class="btn btn-circle">❯</a>
</div>
</div>
<div id="slide5" class="carousel-item relative w-full">
<img src="./src/images/about5.jpeg" class="w-full" />
<div class="absolute left-5 right-5 top-1/2 flex -translate-y-1/2 transform justify-between">
<a href="#slide4" class="btn btn-circle">❮</a>
<a href="#slide6" class="btn btn-circle">❯</a>
</div>
</div>
<div id="slide6" class="carousel-item relative w-full">
<img src="./src/images/about6.jpeg" class="w-full" />
<div class="absolute left-5 right-5 top-1/2 flex -translate-y-1/2 transform justify-between">
<a href="#slide5" class="btn btn-circle">❮</a>
<a href="#slide7" class="btn btn-circle">❯</a>
</div>
</div>
<div id="slide7" class="carousel-item relative w-full">
<img src="./src/images/about7.jpeg" class="w-full" />
<div class="absolute left-5 right-5 top-1/2 flex -translate-y-1/2 transform justify-between">
<a href="#slide6" class="btn btn-circle">❮</a>
<a href="#slide1" class="btn btn-circle">❯</a>
</div>
</div>
</div>
</div>
<div class="flex flex-col items-center gap-4 md:basis-1/3 md:p-8">
<h2 class="font-semibold content-center justify-center text-xl text-center font-revamped">Gallery</h2>
<p>Explore our gallery showcasing the talented members of our team and our exciting projects. Discover the creativity and innovation behind Mobius Robotics through our photos!</p>
<img src="./src/images/sharper9.jpg" alt="Gallery" class="center">
<a href="./gallery" class="btn btn-active btn-secondary">Explore the Gallery</a>
</div>
</div>
</div>
<footer class="footer bg-primary text-neutral-content p-8 mt-4">
<nav>
<h6 class="footer-title">Team</h6>
<a class="link link-hover" href="https://linktr.ee/mobius_robotics_team" target="_blank">Linktree</a>
<a class="link link-hover" href="./sponsors">Sponsors</a>
<a class="link link-hover" href="https://maps.app.goo.gl/DDToWxcmv24FEpGEA" target="_blank">Check Our Location</a>
</nav>
<nav>
<h6 class="footer-title">Social</h6>
<div class="grid grid-flow-col gap-4">
<a href="https://www.instagram.com/mobius_robotics_team" target="_blank">
<svg xmlns="http://www.w3.org/2000/svg" width="2rem" height="2rem" viewBox="0 0 24 24">
<path fill="currentColor"
d="M7.8 2h8.4C19.4 2 22 4.6 22 7.8v8.4a5.8 5.8 0 0 1-5.8 5.8H7.8C4.6 22 2 19.4 2 16.2V7.8A5.8 5.8 0 0 1 7.8 2m-.2 2A3.6 3.6 0 0 0 4 7.6v8.8C4 18.39 5.61 20 7.6 20h8.8a3.6 3.6 0 0 0 3.6-3.6V7.6C20 5.61 18.39 4 16.4 4zm9.65 1.5a1.25 1.25 0 0 1 1.25 1.25A1.25 1.25 0 0 1 17.25 8A1.25 1.25 0 0 1 16 6.75a1.25 1.25 0 0 1 1.25-1.25M12 7a5 5 0 0 1 5 5a5 5 0 0 1-5 5a5 5 0 0 1-5-5a5 5 0 0 1 5-5m0 2a3 3 0 0 0-3 3a3 3 0 0 0 3 3a3 3 0 0 0 3-3a3 3 0 0 0-3-3" />
</svg>
</a>
<a href="https://www.linkedin.com/company/mobius-robotics-team/" target="_blank">
<svg xmlns="http://www.w3.org/2000/svg" width="2rem" height="2rem" viewBox="0 0 24 24">
<path fill="currentColor"
d="M19 3a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2zm-.5 15.5v-5.3a3.26 3.26 0 0 0-3.26-3.26c-.85 0-1.84.52-2.32 1.3v-1.11h-2.79v8.37h2.79v-4.93c0-.77.62-1.4 1.39-1.4a1.4 1.4 0 0 1 1.4 1.4v4.93zM6.88 8.56a1.68 1.68 0 0 0 1.68-1.68c0-.93-.75-1.69-1.68-1.69a1.69 1.69 0 0 0-1.69 1.69c0 .93.76 1.68 1.69 1.68m1.39 9.94v-8.37H5.5v8.37z" />
</svg>
</a>
<a href="https://t.me/Mobius_Robotics_News" target="_blank">
<svg xmlns="http://www.w3.org/2000/svg" width="2rem" height="2rem" viewBox="0 0 24 24">
<path fill="currentColor"
d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10s10-4.48 10-10S17.52 2 12 2m4.64 6.8c-.15 1.58-.8 5.42-1.13 7.19c-.14.75-.42 1-.68 1.03c-.58.05-1.02-.38-1.58-.75c-.88-.58-1.38-.94-2.23-1.5c-.99-.65-.35-1.01.22-1.59c.15-.15 2.71-2.48 2.76-2.69a.2.2 0 0 0-.05-.18c-.06-.05-.14-.03-.21-.02c-.09.02-1.49.95-4.22 2.79c-.4.27-.76.41-1.08.4c-.36-.01-1.04-.2-1.55-.37c-.63-.2-1.12-.31-1.08-.66c.02-.18.27-.36.74-.55c2.92-1.27 4.86-2.11 5.83-2.51c2.78-1.16 3.35-1.36 3.73-1.36c.08 0 .27.02.39.12c.1.08.13.19.14.27c-.01.06.01.24 0 .38" />
</svg>
</a>
</div>
</nav>
</footer>
</body>
</html>