60 lines
2.6 KiB
HTML
60 lines
2.6 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="fr">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Carte Interhack Camp 2026</title>
|
|
<link rel="stylesheet" href="./js/lib/leaflet/leaflet.css">
|
|
<link rel="stylesheet" href="./css/style.css">
|
|
<link rel="stylesheet" href="./css/style-desktop.css" media="screen and (min-width: 600px)">
|
|
<link rel="stylesheet" href="./css/widgets.css">
|
|
<link rel="stylesheet" href="./css/about.css">
|
|
<script type="module" src="./js/index.js"></script>
|
|
<script type="module" src="./js/components/bidi-panel.js"></script>
|
|
<script type="module" src="./js/components/upcoming-talks.js"></script>
|
|
<script type="module" src="./js/components/html.js"></script>
|
|
<script type="module" src="./js/components/talk.js"></script>
|
|
<link rel="shortcut icon" href="./assets/favicon@192.png" type="image/png">
|
|
<link rel="manifest" href="manifest.json" />
|
|
</head>
|
|
<body>
|
|
<header id="main-header">
|
|
<button id="logo">
|
|
<img src="./logo.png" alt="Interhack Camp">
|
|
</button>
|
|
</header>
|
|
|
|
<section id="map"></section>
|
|
|
|
<hr>
|
|
|
|
<nav id="explore">
|
|
<details>
|
|
<summary>
|
|
<button id="explore-toggle-btn" title="Explorer les lieux"><img src="./assets/amenities-btn.svg" alt="Icone avec le signe +" /></button>
|
|
</summary>
|
|
<button title="Eau potable" id="explore-drinking-water"><img src="./icons/eau-potable.svg" alt="Icone de goutte sur fond bleu"></button>
|
|
<button title="Poubelles" id="explore-bin"><img src="./icons/poubelle.svg" alt="Icone de poubelle sur fond marron"></button>
|
|
<button title="Repos" id="explore-dodo"><img src="./icons/dortoir.svg" alt="Icone de lit"></button>
|
|
<button title="Programmation" id="explore-on-schedule"><img src="./icons/prog.svg" alt="Icone d;orloge sur fond bleu canard"></button>
|
|
</details>
|
|
</nav>
|
|
|
|
<form id="search-section">
|
|
<label for="search-area-query">Rechercher une zone</label><br/>
|
|
<input type="search" name="query" id="search-area-query" autocomplete="off" />
|
|
<button title="Rechercher" >
|
|
<img src="icons/search.svg" alt="Icone de loupe"/>
|
|
</button>
|
|
</form>
|
|
|
|
<dialog id="result-panel-dialog">
|
|
<button title="Fermer" id="close-result-panel-btn">
|
|
<img src="./icons/close.svg" alt="Icone de croix">
|
|
</button>
|
|
<camp-bidi-panel id="result-panel" ></camp-bidi-panel>
|
|
</dialog>
|
|
|
|
<template id="about-template" is="camp-html" src="./about.html"></template>
|
|
</body>
|
|
</html>
|