You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
90 lines
2.9 KiB
HTML
90 lines
2.9 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title></title>
|
|
<meta name="author" content="">
|
|
<meta name="description" content="">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
|
|
<link href="css/normalize.css" rel="stylesheet">
|
|
<link rel="stylesheet" href="https://unpkg.com/chota@latest">
|
|
<link href="css/main.css" rel="stylesheet">
|
|
</head>
|
|
|
|
<body id="body">
|
|
<div class="navigation-overlay" id="particles-js">
|
|
<div class="cross cross-og">
|
|
<img src="svg/cross1.svg" class="idle">
|
|
<img src="svg/cross2.svg" class="active">
|
|
</div>
|
|
<div class="logo">
|
|
<a href="https://pedf.cuni.cz/PEDF-1.html"><img src="img/logo.png"></a>
|
|
</div>
|
|
|
|
<nav class="menu">
|
|
<ul>
|
|
<li><a class="menu-link" href="#">Domů</a></li>
|
|
<li><a class="menu-link" href="#/predseda">Předseda spolku</a></li>
|
|
<li><a class="menu-link" href="#/prebiram">Přebírám spolek</a></li>
|
|
<li><a class="menu-link" href="#/zapojit-se">Chci se zapojit</a></li>
|
|
<li><a class="menu-link" href="#/zalozit-spolek">Chci založit spolek</a></li>
|
|
</ul>
|
|
</nav>
|
|
</div>
|
|
<div class="cross menu-btn">
|
|
<img src="svg/menu1.svg" class="idle">
|
|
<img src="svg/menu2.svg" class="active">
|
|
</div>
|
|
|
|
<main id="root">
|
|
</main>
|
|
|
|
<div class="up-arrow" onclick="window.scrollTo({ top: 0, behavior: 'smooth' })">
|
|
<img src="svg/up-arrow.svg">
|
|
</div>
|
|
|
|
<code style="display: none">
|
|
clicking on ".cross-og" toggles class "open-nav" on ".navigation-overlay"
|
|
clicking on ".cross-og" toggles class "darken" on "#root"
|
|
clicking on ".cross-og" toggles class "darken" on ".menu-btn"
|
|
clicking on ".menu-link" toggles class "open-nav" on ".navigation-overlay" no-prevent
|
|
clicking on ".menu-link" toggles class "darken" on "#root" no-prevent
|
|
clicking on ".menu-link" toggles class "darken" on ".menu-btn" no-prevent
|
|
clicking on ".menu-btn" toggles class "open-nav" on ".navigation-overlay"
|
|
clicking on ".menu-btn" toggles class "darken" on "#root"
|
|
clicking on ".menu-btn" toggles class "darken" on ".menu-btn"
|
|
</code>
|
|
|
|
<script src="https://unpkg.com/@riotjs/dom-bindings/dist/umd.dom-bindings.js"></script>
|
|
<script src="https://unpkg.com/riot/riot+compiler.min.js"></script>
|
|
<script src="https://unpkg.com/@riotjs/route@5.2.0/route.js"></script>
|
|
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
|
|
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js"></script>
|
|
<script src="js/uilang.js"></script>
|
|
<script src="js/particles.js"></script>
|
|
<script src="js/router.js"></script>
|
|
<script src="js/script.js"></script>
|
|
<script src="js/carousel.js"></script>
|
|
<script>
|
|
const { initDomListeners, setBase, router } = route;
|
|
|
|
setBase(window.location.origin + '/');
|
|
|
|
const loc = window.location;
|
|
|
|
router.on.value(path => {
|
|
console.log(path);
|
|
get_routes(path);
|
|
});
|
|
|
|
initDomListeners();
|
|
|
|
console.log(window.location.hash);
|
|
get_routes(window.location.hash);
|
|
</script>
|
|
</body>
|
|
|
|
</html>
|