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

better template structure

Browse Source
This commit is contained in:
Filip Rojek 2023-11-21 11:35:59 +01:00
parent 6344aa902a
commit 1f5c3543fc
3 changed files with 76 additions and 72 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

72
templates/base.html
View File

@ -28,77 +28,7 @@
</nav>
<main>
<section id="news">
{% block news %} {% endblock %}
</section>
<section class="aside-wrapper">
<aside>
<section id="vstupenky-wrapper">
<a href="#" class="vstupenky">VSTUPENKY &gt;&gt;</a>
</section>
<section class="infotable">
<div class="info-wrapper">
<img src="/img/uvod.png" alt="ikonka" />
<div class="text">
<h3>Slavnostní úvod</h3>
<p>
Na rozehřátí ti něco pěknýho řeknem a možná se dočkáš i nějakýho toho videjka.
</p>
</div>
</div>
<div class="info-wrapper">
<img src="/img/muzika.png" alt="ikonka" />
<div class="text">
<h3>Kvalitní muzika</h3>
<p>
“Proč nehrají, preceptore?” na našem plese rozhodně neuslyšíš. Zahraje nám BigBand ZUŠ
Turnov, kterej do toho umí hrábnout.
</p>
</div>
</div>
<div class="info-wrapper">
<img src="/img/tombola.png" alt="ikonka" />
<div class="text">
<h3>Tombola</h3>
<p>
Už teď ty ceny nemáme kam dávat. Tak nám přijď pomoct a nějakou si odnes domů!
</p>
</div>
</div>
<div class="info-wrapper">
<img src="/img/fotokoutek.png" alt="ikonka" />
<div class="text">
<h3>Fotokoutek</h3>
<p>
Vyblejsknem tě samotnýho nebo s celou partou. A to v našem koutku i na tanečním place!
</p>
</div>
</div>
<div class="info-wrapper">
<img src="/img/beerpong.png" alt="ikonka" />
<div class="text">
<h3>Beer pong</h3>
<p>
Zahraj si o super ceny v týhle obdobě americkýho fenoménu.
</p>
</div>
</div>
<div class="info-wrapper">
<img src="/img/prekvapeni.png" alt="ikonka" />
<div class="text">
<h3>Půlnoční překvapení</h3>
<p>
No, máš se prostě na co těšit. Bude to velký! Co? To už by přece nebylo překvápko.
</p>
</div>
</div>
</section>
</aside>
<footer>
<a href="https://www.fofrweb.com/" target="_blank">Vytvořeno týmem Fofrweb</a>
</footer>
</section>
{% block main %} {% endblock main %}
</main>
</body>

74
templates/index.html Normal file
View File

@ -0,0 +1,74 @@
{% extends "base.html" %}
{% block main %}
<section id="news">
{% block news %} {% endblock news %}
</section>
<section class="aside-wrapper">
<aside>
<section id="vstupenky-wrapper">
<a href="#" class="vstupenky">VSTUPENKY &gt;&gt;</a>
</section>
<section class="infotable">
<div class="info-wrapper">
<img src="/img/uvod.png" alt="ikonka" />
<div class="text">
<h3>Slavnostní úvod</h3>
<p>
Na rozehřátí ti něco pěknýho řeknem a možná se dočkáš i nějakýho toho videjka.
</p>
</div>
</div>
<div class="info-wrapper">
<img src="/img/muzika.png" alt="ikonka" />
<div class="text">
<h3>Kvalitní muzika</h3>
<p>
“Proč nehrají, preceptore?” na našem plese rozhodně neuslyšíš. Zahraje nám BigBand ZUŠ
Turnov, kterej do toho umí hrábnout.
</p>
</div>
</div>
<div class="info-wrapper">
<img src="/img/tombola.png" alt="ikonka" />
<div class="text">
<h3>Tombola</h3>
<p>
Už teď ty ceny nemáme kam dávat. Tak nám přijď pomoct a nějakou si odnes domů!
</p>
</div>
</div>
<div class="info-wrapper">
<img src="/img/fotokoutek.png" alt="ikonka" />
<div class="text">
<h3>Fotokoutek</h3>
<p>
Vyblejsknem tě samotnýho nebo s celou partou. A to v našem koutku i na tanečním place!
</p>
</div>
</div>
<div class="info-wrapper">
<img src="/img/beerpong.png" alt="ikonka" />
<div class="text">
<h3>Beer pong</h3>
<p>
Zahraj si o super ceny v týhle obdobě americkýho fenoménu.
</p>
</div>
</div>
<div class="info-wrapper">
<img src="/img/prekvapeni.png" alt="ikonka" />
<div class="text">
<h3>Půlnoční překvapení</h3>
<p>
No, máš se prostě na co těšit. Bude to velký! Co? To už by přece nebylo překvápko.
</p>
</div>
</div>
</section>
</aside>
<footer>
<a href="https://www.fofrweb.com/" target="_blank">Vytvořeno týmem Fofrweb</a>
</footer>
</section>
{% endblock main %}

2
templates/news.html
View File

@ -1,4 +1,4 @@
{% extends "base.html" %}
{% extends "index.html" %}
{% block news %}
<h1>Novinky</h1>
<h2>Co se děje kolem našeho plesu?</h2>