bronku/piekarnikgosipl
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

torty

Browse source
This commit is contained in:
bronkuu 2026-05-14 13:17:25 +02:00
parent 3b90728954
commit 56c5a7512e
5 changed files with 235 additions and 38 deletions
Download patch file Download diff file Expand all files Collapse all files

90
templates/styles/wyroby_torty.css
View file

@ -1,4 +1,4 @@
#wyroby-torty > section{
#wyroby-torty > section {
padding: 2rem;
}
@ -49,25 +49,25 @@
}
& > svg {
place-self: center;
font-size: 2rem;
padding-right: 0;
place-self: center;
}
& > ul {
grid-column: 1 / -1;
border-radius: var(--small-radius);
border: 1px solid var(--surface-container-highest);
background-color: white;
overflow: hidden;
border: 1px solid var(--surface-container-highest);
border-radius: var(--small-radius);
background-color: white;
grid-column: 1 / -1;
& > li {
padding: 1rem 2rem;
&:first-child {
background-color: rgb(from var(--secondary-container) r g b / 30%);
font-weight: bold;
background-color: rgb(from var(--secondary-container) r g b / 30%);
& > span:last-child {
color: black;
@ -88,43 +88,101 @@
display: grid;
grid-template-columns: repeat(var(--grid-cols), 1fr);
gap: 2rem;
& > header {
grid-column: 1 / -1;
text-align: center;
grid-column: 1 / -1;
}
& .offer-card {
padding: 2rem;
border: 1px solid var(--surface-container-highest);
border-radius: var(--border-radius);
background: white;
}
& dl {
color: var(--on-surface);
& > * {
padding: 0.25rem 0;
}
& dt {
font-size: 1.1rem;
font-weight: 700;
display: inline-block;
margin-top: 1rem;
color: var(--primary);
border-bottom: 1px dashed var(--outline-variant);
}
& dd {
font-size: 0.75rem;
font-style: italic;
margin: 0;
padding-top: 0.25rem;
color: var(--on-surface-variant);
}
}
}
#torty-musowe {
background-color: var(--surface-container-highest);
border-radius: var(--border-radius);
border: 1px solid var(--surface-container-highest);
border-radius: var(--border-radius);
background-color: var(--surface-container-low);
& > div {
display: grid;
padding: 2rem;
grid-template-columns: auto auto;
gap: 2rem;
& > div{
& > header {
display: grid;
grid-template-columns: 1fr 1fr;
gap : 2rem;
grid-template-rows: auto 1fr;
place-items: center;
& > div {
overflow: hidden;
width: 60%;
border: 10px solid white;
border-radius: var(--border-radius);
& > img {
width: 100%;
}
}
}
@media (max-width: 786px) {
grid-template-columns: 1fr;
& > div {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 2rem;
}
@media (max-width: 786px) {
grid-template-columns: 1fr;
& > div {
grid-template-columns: 1fr;
}
}
& h4 {
font-family: 'Plus Jakarta Sans', sans-serif; /* Modern font for titles */
font-weight: 700;
margin-bottom: 0.5rem;
letter-spacing: 1px;
text-transform: uppercase;
color: var(--primary);
}
& p {
font-size: 0.95rem;
opacity: 0.8;
}
}
}

80
templates/wyroby_torty.gohtml
View file

@ -6,7 +6,7 @@
to
powiew naturalnej świeżości</p>
<nav>
<a class="btn-green" href="wyroby.gohtml">Ciasta</a>
<a class="btn-green" href="wyroby.html">Ciasta</a>
<a class="btn-green">Torty</a>
<a class="btn-green" href="wyroby_slodkie_stoly.html">Slodkie stoły</a>
<a class="btn-green" href="wyroby_lody.html">Lody</a>
@ -36,7 +36,13 @@
</section>
<section id="cennik-tortow">
<div>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-banknote-icon lucide-banknote"><rect width="20" height="12" x="2" y="6" rx="2"/><circle cx="12" cy="12" r="2"/><path d="M6 12h.01M18 12h.01"/></svg>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
class="lucide lucide-banknote-icon lucide-banknote">
<rect width="20" height="12" x="2" y="6" rx="2"/>
<circle cx="12" cy="12" r="2"/>
<path d="M6 12h.01M18 12h.01"/>
</svg>
<h3>Cennik Tortów Tradycyjnych</h3>
<ul>
<li><span>Ilość porcji</span><span>Cena orientacyjna</span></li>
@ -63,7 +69,15 @@
<p>Wybierz swoją ulubioną kompozycję bazową</p>
</header>
<div class="offer-card">
<svg style="--icon-color: var(--primary)" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-grid3x3-icon lucide-grid-3x3"><rect width="18" height="18" x="3" y="3" rx="2"/><path d="M3 9h18"/><path d="M3 15h18"/><path d="M9 3v18"/><path d="M15 3v18"/></svg>
<svg style="--icon-color: var(--primary)" xmlns="http://www.w3.org/2000/svg" width="24" height="24"
viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
stroke-linejoin="round" class="lucide lucide-grid3x3-icon lucide-grid-3x3">
<rect width="18" height="18" x="3" y="3" rx="2"/>
<path d="M3 9h18"/>
<path d="M3 15h18"/>
<path d="M9 3v18"/>
<path d="M15 3v18"/>
</svg>
<h3>Biszkopt Kakaowy</h3>
<dl>
<div>
@ -82,14 +96,19 @@
</dl>
</div>
<div class="offer-card">
<svg style="--icon-color: #B56576" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-heart-icon lucide-heart"><path d="M2 9.5a5.5 5.5 0 0 1 9.591-3.676.56.56 0 0 0 .818 0A5.49 5.49 0 0 1 22 9.5c0 2.29-1.5 4-3 5.5l-5.492 5.313a2 2 0 0 1-3 .019L5 15c-1.5-1.5-3-3.2-3-5.5"/></svg>
<svg style="--icon-color: #B56576" xmlns="http://www.w3.org/2000/svg" width="24" height="24"
viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
stroke-linejoin="round" class="lucide lucide-heart-icon lucide-heart">
<path d="M2 9.5a5.5 5.5 0 0 1 9.591-3.676.56.56 0 0 0 .818 0A5.49 5.49 0 0 1 22 9.5c0 2.29-1.5 4-3 5.5l-5.492 5.313a2 2 0 0 1-3 .019L5 15c-1.5-1.5-3-3.2-3-5.5"/>
</svg>
<h3>Biszkopt biały</h3>
<dl>
<div>
<dt>Śmietankowy</dt>
<dd>W sezonie możliwość dodatku świeżych owoców</dd>
</div>
<dt>Pistacja z malinami</dt> <div>
<dt>Pistacja z malinami</dt>
<div>
<dt>Owocowe</dt>
<dd>Truskawkowy, malinowy, mango, czarna porzeczka, mango-owoce leśne</dd>
</div>
@ -98,7 +117,14 @@
</dl>
</div>
<div class="offer-card">
<svg style="--icon-color: #D48C45" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-citrus-icon lucide-citrus"><path d="M21.66 17.67a1.08 1.08 0 0 1-.04 1.6A12 12 0 0 1 4.73 2.38a1.1 1.1 0 0 1 1.61-.04z"/><path d="M19.65 15.66A8 8 0 0 1 8.35 4.34"/><path d="m14 10-5.5 5.5"/><path d="M14 17.85V10H6.15"/></svg>
<svg style="--icon-color: #D48C45" xmlns="http://www.w3.org/2000/svg" width="24" height="24"
viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
stroke-linejoin="round" class="lucide lucide-citrus-icon lucide-citrus">
<path d="M21.66 17.67a1.08 1.08 0 0 1-.04 1.6A12 12 0 0 1 4.73 2.38a1.1 1.1 0 0 1 1.61-.04z"/>
<path d="M19.65 15.66A8 8 0 0 1 8.35 4.34"/>
<path d="m14 10-5.5 5.5"/>
<path d="M14 17.85V10H6.15"/>
</svg>
<h3>Inne</h3>
<dl>
<dt>Cytrynowy na bazie lemon curd</dt>
@ -106,24 +132,34 @@
</dl>
</div>
</section>
<section id="torty-musowe">
<header>
<h2>Torty Musowe</h2>
</header>
<section>
<div id="torty-musowe">
<div>
<div><h4>Karmel-jogurt-migdały</h4>
<p>mus z karmelizowanej białej czekolady, chrupiąca warstwa migdałowa, ganache jogurtowy</p></div>
<div><h4>Mango-marakuja-truskawka</h4>
<p>spód migdałowy, galaretka mango-marakuja, żelka truskawkowa, krem diplomat kokosowo-waniliowy</p></div>
<div><h4>Czekolada-malina-jeżyna</h4>
<p>biszkopt jogurtowy, chrupiąca warstwa czekoladowa, żelka jeżynowa, krem malinowy, mus czekoladowy</p>
</div>
<div><h4>Whisky-mango</h4>
<p>brownie, krem mango, ganache czekoladowe , mus whisky</p></div>
<div><h4>Kawa-orzech ziemny</h4>
<p>biszkopt, karmelizowane orzeszki ziemne, namelaka z masłem orzechowym, kawowy mus</p></div>
<header>
<h2>Torty Musowe</h2>
<div>
<img src="images/010.avif">
</div>
</header>
<div>
<div><h4>Karmel-jogurt-migdały</h4>
<p>mus z karmelizowanej białej czekolady, chrupiąca warstwa migdałowa, ganache jogurtowy</p>
</div>
<div><h4>Mango-marakuja-truskawka</h4>
<p>spód migdałowy, galaretka mango-marakuja, żelka truskawkowa, krem diplomat
kokosowo-waniliowy</p></div>
<div><h4>Czekolada-malina-jeżyna</h4>
<p>biszkopt jogurtowy, chrupiąca warstwa czekoladowa, żelka jeżynowa, krem malinowy, mus
czekoladowy</p>
</div>
<div><h4>Whisky-mango</h4>
<p>brownie, krem mango, ganache czekoladowe , mus whisky</p></div>
<div><h4>Kawa-orzech ziemny</h4>
<p>biszkopt, karmelizowane orzeszki ziemne, namelaka z masłem orzechowym, kawowy mus</p></div>
</div>
</div>
</section>
</div>
</section>
</main>
{{template "footer"}}