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

footer

Browse source
This commit is contained in:
bronkuu 2026-04-27 16:52:14 +02:00
parent b1e40e7beb
commit 67de77b110
5 changed files with 137 additions and 29 deletions
Download patch file Download diff file Expand all files Collapse all files

22
components.css
View file

@ -14,7 +14,7 @@
} }
} }
h1, h2, h3{ h1, h2, h3, h4{
margin: 0; margin: 0;
font-family: serif; font-family: serif;
color: var(--on-background); color: var(--on-background);
@ -37,6 +37,15 @@ h3{
font-size: 1.5rem; font-size: 1.5rem;
} }
h4{
font-size: 1rem;
}
h5{
font-size: 0.8rem;
}
p { p {
color: var(--on-background); color: var(--on-background);
line-height: 1.5rem; line-height: 1.5rem;
@ -45,4 +54,15 @@ p {
section { section {
padding: 1rem 2rem; padding: 1rem 2rem;
margin: 0 auto; margin: 0 auto;
}
svg {
height: 1em;
width: 1em;
}
ul {
list-style-type: none;
padding: 0;
margin: 0;
} }

BIN
images/007.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 85 KiB

BIN
images/008.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 71 KiB

76
index.html
View file

@ -96,6 +96,9 @@
</div> </div>
</section> </section>
<section class="kawiarnia"> <section class="kawiarnia">
<div>
<div>
<div>
<h3>Twój drugi dom</h3> <h3>Twój drugi dom</h3>
<p>Poczuj się jak w domu. Codziennie czekają na Ciebie świeże wypieki prosto z naszej pracowni, selekcja <p>Poczuj się jak w domu. Codziennie czekają na Ciebie świeże wypieki prosto z naszej pracowni, selekcja
najlepszych herbat i przepyszna kawa. To tutaj nasze ciasta smakują najlepiej – podane z uśmiechem, w najlepszych herbat i przepyszna kawa. To tutaj nasze ciasta smakują najlepiej – podane z uśmiechem, w
@ -124,42 +127,54 @@
<span>Darmowe wifi</span> <span>Darmowe wifi</span>
</li> </li>
</ul> </ul>
</div>
<div>
<img alt="kawiarnia" src="images/007.jpg"/>
<img alt="ciasto i kawa" src="images/008.jpg"/>
</div>
</div>
</div>
</section> </section>
</main> </main>
<footer> <footer>
<div> <div>
<img alt="logo" src="scraped/pobrane-1.png" style="width: 14rem"/> <div>
<p>Pasja, natura i domowy smak w każdym kawałku ciasta.</p> <img alt="logo" src="scraped/pobrane-1.png" style="width: 14rem"/>
<p>Pasja, natura i domowy smak w każdym kawałku ciasta.</p>
</div>
<p>&copy 2026 Piekarnik Gosi.</p>
</div> </div>
<div> <div>
<h4>Lokalizacja</h4> <h4>Lokalizacja</h4>
<ul> <ul>
<li> <li>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" <a href="https://maps.app.goo.gl/YD3DWUNKBoweKdpb7">
stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" <div><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
class="lucide lucide-map-pin-icon lucide-map-pin"> stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
<path d="M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0"/> class="lucide lucide-map-pin-icon lucide-map-pin">
<circle cx="12" cy="10" r="3"/> <path d="M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0"/>
</svg> <circle cx="12" cy="10" r="3"/>
<h5>Pracownia</h5> </svg><span>Pracownia</span></div>
<p>ul. Polna 7k<br> <p>ul. Polna 7k<br>
33-314 Somonino</p> 33-314 Somonino</p>
</a>
</li> </li>
<li> <li>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" <a href="https://maps.app.goo.gl/568ax4QLJnXvqbhD9">
stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" <div><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
class="lucide lucide-map-pin-icon lucide-map-pin"> stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
<path d="M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0"/> class="lucide lucide-map-pin-icon lucide-map-pin">
<circle cx="12" cy="10" r="3"/> <path d="M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0"/>
</svg> <circle cx="12" cy="10" r="3"/>
<h5>Kawiarnia</h5> </svg><span>Kawiarnia</span></div>
<p>ul. Dworcowa 3a<br> <p>ul. Dworcowa 3a<br>
33-300 Kartuzy</p> 33-300 Kartuzy</p>
</a>
</li> </li>
</ul> </ul>
</div> </div>
<div> <div>
<h4>Social Media</h4> <h4>Kontakt</h4>
<ul> <ul>
<li> <li>
<a href="https://facebook.com/piekarnikgosi"> <a href="https://facebook.com/piekarnikgosi">
@ -170,7 +185,7 @@
</mask> </mask>
<path fill="currentColor" d="M0 0h48v48H0z" mask="url(#ipSFacebook0)"/> <path fill="currentColor" d="M0 0h48v48H0z" mask="url(#ipSFacebook0)"/>
</svg> </svg>
<span>/PiekarnikGosi</span> <span>facebook.com/PiekarnikGosi</span>
</a> </a>
</li> </li>
<li> <li>
@ -179,13 +194,22 @@
<path fill="currentColor" <path fill="currentColor"
d="M17.34 5.46a1.2 1.2 0 1 0 1.2 1.2a1.2 1.2 0 0 0-1.2-1.2Zm4.6 2.42a7.59 7.59 0 0 0-.46-2.43a4.94 4.94 0 0 0-1.16-1.77a4.7 4.7 0 0 0-1.77-1.15a7.3 7.3 0 0 0-2.43-.47C15.06 2 14.72 2 12 2s-3.06 0-4.12.06a7.3 7.3 0 0 0-2.43.47a4.78 4.78 0 0 0-1.77 1.15a4.7 4.7 0 0 0-1.15 1.77a7.3 7.3 0 0 0-.47 2.43C2 8.94 2 9.28 2 12s0 3.06.06 4.12a7.3 7.3 0 0 0 .47 2.43a4.7 4.7 0 0 0 1.15 1.77a4.78 4.78 0 0 0 1.77 1.15a7.3 7.3 0 0 0 2.43.47C8.94 22 9.28 22 12 22s3.06 0 4.12-.06a7.3 7.3 0 0 0 2.43-.47a4.7 4.7 0 0 0 1.77-1.15a4.85 4.85 0 0 0 1.16-1.77a7.59 7.59 0 0 0 .46-2.43c0-1.06.06-1.4.06-4.12s0-3.06-.06-4.12ZM20.14 16a5.61 5.61 0 0 1-.34 1.86a3.06 3.06 0 0 1-.75 1.15a3.19 3.19 0 0 1-1.15.75a5.61 5.61 0 0 1-1.86.34c-1 .05-1.37.06-4 .06s-3 0-4-.06a5.73 5.73 0 0 1-1.94-.3a3.27 3.27 0 0 1-1.1-.75a3 3 0 0 1-.74-1.15a5.54 5.54 0 0 1-.4-1.9c0-1-.06-1.37-.06-4s0-3 .06-4a5.54 5.54 0 0 1 .35-1.9A3 3 0 0 1 5 5a3.14 3.14 0 0 1 1.1-.8A5.73 5.73 0 0 1 8 3.86c1 0 1.37-.06 4-.06s3 0 4 .06a5.61 5.61 0 0 1 1.86.34a3.06 3.06 0 0 1 1.19.8a3.06 3.06 0 0 1 .75 1.1a5.61 5.61 0 0 1 .34 1.9c.05 1 .06 1.37.06 4s-.01 3-.06 4ZM12 6.87A5.13 5.13 0 1 0 17.14 12A5.12 5.12 0 0 0 12 6.87Zm0 8.46A3.33 3.33 0 1 1 15.33 12A3.33 3.33 0 0 1 12 15.33Z"/> d="M17.34 5.46a1.2 1.2 0 1 0 1.2 1.2a1.2 1.2 0 0 0-1.2-1.2Zm4.6 2.42a7.59 7.59 0 0 0-.46-2.43a4.94 4.94 0 0 0-1.16-1.77a4.7 4.7 0 0 0-1.77-1.15a7.3 7.3 0 0 0-2.43-.47C15.06 2 14.72 2 12 2s-3.06 0-4.12.06a7.3 7.3 0 0 0-2.43.47a4.78 4.78 0 0 0-1.77 1.15a4.7 4.7 0 0 0-1.15 1.77a7.3 7.3 0 0 0-.47 2.43C2 8.94 2 9.28 2 12s0 3.06.06 4.12a7.3 7.3 0 0 0 .47 2.43a4.7 4.7 0 0 0 1.15 1.77a4.78 4.78 0 0 0 1.77 1.15a7.3 7.3 0 0 0 2.43.47C8.94 22 9.28 22 12 22s3.06 0 4.12-.06a7.3 7.3 0 0 0 2.43-.47a4.7 4.7 0 0 0 1.77-1.15a4.85 4.85 0 0 0 1.16-1.77a7.59 7.59 0 0 0 .46-2.43c0-1.06.06-1.4.06-4.12s0-3.06-.06-4.12ZM20.14 16a5.61 5.61 0 0 1-.34 1.86a3.06 3.06 0 0 1-.75 1.15a3.19 3.19 0 0 1-1.15.75a5.61 5.61 0 0 1-1.86.34c-1 .05-1.37.06-4 .06s-3 0-4-.06a5.73 5.73 0 0 1-1.94-.3a3.27 3.27 0 0 1-1.1-.75a3 3 0 0 1-.74-1.15a5.54 5.54 0 0 1-.4-1.9c0-1-.06-1.37-.06-4s0-3 .06-4a5.54 5.54 0 0 1 .35-1.9A3 3 0 0 1 5 5a3.14 3.14 0 0 1 1.1-.8A5.73 5.73 0 0 1 8 3.86c1 0 1.37-.06 4-.06s3 0 4 .06a5.61 5.61 0 0 1 1.86.34a3.06 3.06 0 0 1 1.19.8a3.06 3.06 0 0 1 .75 1.1a5.61 5.61 0 0 1 .34 1.9c.05 1 .06 1.37.06 4s-.01 3-.06 4ZM12 6.87A5.13 5.13 0 1 0 17.14 12A5.12 5.12 0 0 0 12 6.87Zm0 8.46A3.33 3.33 0 1 1 15.33 12A3.33 3.33 0 0 1 12 15.33Z"/>
</svg> </svg>
<span>/PiekarnikGosi</span> <span>instagram.com/PiekarnikGosi</span>
</a>
</li>
<li>
<a href="mailto:gosia@piekarnikgosi.pl">
<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-mail-icon lucide-mail"><path d="m22 7-8.991 5.727a2 2 0 0 1-2.009 0L2 7"/><rect x="2" y="4" width="20" height="16" rx="2"/></svg>
<span>gosia@piekarnikgosi.pl</span>
</a>
</li>
<li>
<a href="tel:+48503186245">
<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-phone-icon lucide-phone"><path d="M13.832 16.568a1 1 0 0 0 1.213-.303l.355-.465A2 2 0 0 1 17 15h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2A18 18 0 0 1 2 4a2 2 0 0 1 2-2h3a2 2 0 0 1 2 2v3a2 2 0 0 1-.8 1.6l-.468.351a1 1 0 0 0-.292 1.233 14 14 0 0 0 6.392 6.384"/></svg>
<span>+48 503 186 245</span>
</a> </a>
</li> </li>
</ul> </ul>
</div> </div>
<p>
&copy 2026 Piekarnik Gosi.
</p>
</footer> </footer>
</body> </body>

68
style.css
View file

@ -184,7 +184,7 @@ nav > div {
background-color: white; background-color: white;
&:nth-child(2) { &:nth-child(2) {
background-color: rgb(from var(--secondary-container) r g b / 0.3);; background-color: rgb(from var(--secondary-container) r g b / 0.3);
} }
& img { & img {
@ -229,6 +229,8 @@ nav > div {
& svg { & svg {
transition-duration: 0.2s; transition-duration: 0.2s;
height: 2em;
width: 2em;
} }
} }
} }
@ -236,5 +238,67 @@ nav > div {
} }
.kawiarnia { .kawiarnia {
background-color: var(--surface-container-low); background-color: var(--secondary-container);
& > div {
background-color: rgb(from var(--surface) r g b / 0.6);
max-width: var(--max-content-width);
margin: 0 auto;
border-radius: var(--border-radius);
& > div {
padding: 2rem;
}
}
}
footer {
display: grid;
grid-template-columns: 3fr 2fr 2fr;
max-width: var(--max-content-width);
margin: 3rem auto;
gap: 1rem;
& > :first-child {
display: flex;
flex-direction: column;
justify-content: space-between;
& p {
font-size: 0.875rem;
}
& > :last-child {
font-weight: lighter;
font-size: 0.75rem;
}
}
& > :nth-child(2) a {
flex-direction: column;
align-items: flex-start;
}
& a {
font-size: 0.875rem;
color: var(--on-background);
display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-start;
text-decoration: none;
margin: 1rem 0;
& > div {
display: flex;
align-items: center;
justify-content: center;
}
}
& h4 {
color: var(--primary);
}
& svg {
margin-right: 0.5rem;
}
} }