File size: 2,183 Bytes
4dc76bd 9df3f2c 4dc76bd c1049d9 053f4a5 ddf3f53 a330ff7 ddf3f53 0e000b8 ddf3f53 a330ff7 ee265ad 992eef3 5424bae 053f4a5 0fb0e78 d3452ab a62c778 1b7b93f 0fb0e78 ddf3f53 f085df1 5c698ad e13835b 8e66be8 f085df1 1654a09 5c698ad 1654a09 5c698ad 1654a09 b955088 1654a09 5c698ad 1654a09 ddf3f53 4dc76bd 0fb0e78 d3452ab 93c0b6e 5411f81 93c0b6e 4dc76bd |
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 |
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>LeRobot Worldwide Hackathon Map</title>
<link rel="stylesheet" href="https://unpkg.com/leaflet/dist/leaflet.css" />
<link href="https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;700&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Source+Code+Pro:wght@400;700&display=swap" rel="stylesheet">
<style>
body {
margin: 0;
}
#map {
height: 100vh;
width: 100%;
font-family: 'IBM Plex Mono', monospace;
}
#title_map{
text-align:center;
font-family: 'Source Code Pro', monospace !important;
font-weight: 700;
font-size: 16px;
padding: 2rem 2rem 0.5rem 2rem;
}
#description_map{
text-align:center;
font-family: 'IBM Plex Mono', monospace;
font-size: 14px;
padding: 0 2rem 2rem 2rem;
}
#event-info {
position: absolute;
top: 20px;
left: 20px;
z-index: 999;
font-family: 'IBM Plex Mono', monospace;
color: #000;
font-size: 0.7vw;
letter-spacing: 1px;
text-align: left;
padding: 8px 12px;
border-radius: 6px;
max-width: 40vw;
}
@media (max-width: 600px) {
#event-info {
position: static;
font-size: 3.5vw;
max-width: 90vw;
margin: 0 auto;
color: #000;
text-align: center;
margin-top: 1rem;
}
}
p {
color: rgb(107, 114, 128);
font-size: 15px;
margin-bottom: 10px;
margin-top: 5px;
}
.card {
max-width: 620px;
margin: 0 auto;
padding: 16px;
border: 1px solid lightgray;
border-radius: 16px;
}
.card p:last-child {
margin-bottom: 0;
}
</style>
</head>
<body>
<div id="title_map"> 🌎 Let's build this event together and share our passion worldwide! 🌎 <br>
</div>
<div id="description_map"> Host a Local Hackathon: Register <a rel="nofollow" href="https://forms.gle/fYQteWn2R2DGBSUy5" target="_blank">here</a></div>
<div id="event-info">
Start: Saturday 14 June 2025 at 09:00 CEST (Paris)<br>
End: Sunday 15 June 2025 at 06:00 PM CEST (Paris)
</div>
<div id="map"></div>
<script src="https://unpkg.com/leaflet/dist/leaflet.js"></script>
<script src="script.js"></script>
</body>
</html>
|