Všechny projekty

Pro klienta · 2025 – dosud Projekt 7 z 20

Pivnice Tunel

Web hospody na náchodském náměstí: jedna statická stránka bez backendu.

Otevřít web

Ověřený stav webu: Běží, odezva 43 ms,

Úvodní stránka webu Pivnice Tunel s fotografií výčepu a nadpisem poctivé české pivo v centru Náchoda

Ve zkratce

Role
Návrh, vývoj a provoz
Období
2025 – dosud
Stav
V provozu
Technologie
5 technologií
Klient
Pivnice Tunel

Web je jedna statická stránka bez serverové logiky: celé HTML má kolem 35 kB a styly se z Tailwind CSS překládají do jednoho souboru. Na serveru tak není databáze ani skripty, které by bylo potřeba hlídat a aktualizovat.

Co je uvnitř

  • Půdorys salónku nakreslený v SVG – lavice, stůl, vstup se záclonou a věšák – s textovým popisem pro čtečky obrazovky.
  • Časová osa historie domu.
  • Pro vyhledávače strukturovaná data schema.org (hospoda s otevírací dobou a kontakty), sitemap.xml a robots.txt.
  • Drobnosti: vlastní stránka 404, manifest a ikony pro přidání na plochu telefonu.

Postaveno na

  • HTML
  • Tailwind CSS 3
  • JavaScript
  • SVG
  • schema.org

Klávesové zkratky.

Klávesové zkratky webu. Při psaní do formuláře nereagují.

Web

?
Tahle nápověda
g
Mřížka 12 sloupců, komponenty a měření stránky
d
Vzhled: podle systému, světlý, tmavý, Linkin Park
Ctrl P
Vytisknout CV místo webu
Esc
Zavřít dialog nebo mřížku

Modrou tečku za jménem v úvodu jde chytit a hodit.

Linkin Park

l setlist lp
Setlist, skladby po albech
papercut
Přes stránku se roztrhne papír
numb
Web na pár vteřin otupí
faint
Stránka omdlí a zase se probere
meteora
Meteorický roj a přímý zásah do tečky za jménem
fromzero emily
Web zhasne do nuly a znovu se zrodí, s díky pro Emily Armstrong
concert koncert
Koncert: web projede barvy všech alb
castleofglass
Stránka zesklovatí, praskne a sklo se sesype
iridescent
Nadpisy a tečky se na chvíli přelijí duhou
breakingthehabit
Co je vidět, se rozsype a zase složí
intheend
Závěrečné titulky jako v kině
victim morethevictim
Web se rozpadne v glitchi a zůstane rozladěný (do obnovení, dalšího slova nebo Esc)
finalmasquerade
Škraboška přes celý web, kamera proletí okem
lost
Odchod na stránku 404

Slova napište kdekoli mimo formulář, velikost písmen ani mezery nevadí. S omezeným pohybem přijde jen krátké oznámení.

Na telefonu otevře setlist pět ťuknutí na modrou tečku za jménem.