fr/web-semprace
1
0
Fork 0
Code Pull Requests Activity

Prerelase changes 2.0

Browse Source
This commit is contained in:
Filip Rojek
2023-12-01 03:23:59 +01:00
parent 0ef26dddfd
commit cefac20276
8 changed files with 197 additions and 165 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
templates/base.html
View File

@ -9,6 +9,10 @@
<link rel="stylesheet" href="/header.css">
<link rel="stylesheet" href="/main.css">
<link rel="stylesheet" href="/news.css">
<link rel="stylesheet" href="/responsivity.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Kanit:wght@300;400;500;600;800&amp;display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://use.typekit.net/yqq2dbq.css">
</head>
@ -20,11 +24,11 @@
<div class="nav-btn">
<img src="/svg/menu.svg" alt="menu icon">
</div>
<div class="nav-right mobile-visible">
<div class="nav-right NOmobile-visible">
<a href="https://www.facebook.com/events/823114292589147/?active_tab=discussion" target="_blank"><img src="/svg/facebook.svg" alt="facebook logo"></a>
<a href="https://www.instagram.com/pkm.hub" target="_blank"><img src="/svg/instagram.svg" alt="instagram logo"></a>
<a href="https://www.youtube.com/@pkmhub" target="_blank"><img src="/svg/youtube.svg" alt="youtube logo"></a>
<a href="/galerie">galerie</a>
<!--<a href="/galerie">galerie</a>-->
</div>
</nav>
@ -32,9 +36,14 @@
{% block main %} {% endblock main %}
</main>
<footer class="footer-mobile">
<p>Nadační fond maléDivy • <a href="https://www.kulturaturnov.cz" target="_blank">Kulturní centrum Turnov</a> • <a href="https://www.facebook.com/bigbandturnov" target="_blank">Big Band ZUŠ Turnov</a></p>
<p>&copy; <a href="https://fofrweb.com/" target="_blank">Fofrweb</a> + PKM</p>
</footer>
<script>
const navBtn = document.querySelector(".nav-btn img")
let navVisible = false
let navVisible = true
navBtn.addEventListener("click", () => {
if(navVisible) {
document.querySelector(".nav-right").classList.add("mobile-visible")
@ -44,19 +53,6 @@
navVisible = !navVisible
})
window.addEventListener("resize", () => {
const width = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;
console.log(width)
if(width <= "992") {
document.querySelector("main").appendChild(document.querySelector("footer"))
} else {
document.querySelector("aside".appendChild(document.querySelector("footer")))
}
})
</script>
</body>

9
templates/index.html
View File

@ -6,7 +6,7 @@
<section class="aside-wrapper">
<aside>
<section id="vstupenky-wrapper">
<a href="#" class="vstupenky">VSTUPENKY &gt;&gt;</a>
<a href="#" class="vstupenky">VSTUPENKY<span>&nbsp;&gt;&gt;</span></a>
</section>
<section class="infotable">
@ -24,8 +24,7 @@
<div class="text">
<h3>Kvalitní muzika</h3>
<p>
“Proč nehrají, preceptore?” na našem plese rozhodně neuslyšíš. Zahraje nám <b>BigBand ZUŠ
Turnov</b>, kterej do toho umí hrábnout.
“Proč nehrají, preceptore?” na našem plese rozhodně neuslyšíš. Zahraje nám <b>BigBand ZUŠ Turnov</b>, kterej do toho umí hrábnout.
</p>
</div>
</div>
@ -50,9 +49,9 @@
<div class="info-wrapper">
<img src="/svg/dancing.svg" alt="ikonka" />
<div class="text">
<h3>Beer pong</h3>
<h3>Unikátní program</h3>
<p>
Zahraj si o super ceny v týhle obdobě americkýho fenoménu.
V tomhle se musí najít úplně každej. Brikulí jsme si pro Tebe s kámošema připravili tolik, že by to měl i tvůj matikář problém spočítat.
</p>
</div>
</div>