francesco/pizzeriaWeb
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Risolto bug CSS + link assoluti. Pronto per la pubblicazione finale

Browse Source
This commit is contained in:
Francesco Mancuso
2025-10-15 22:06:42 +02:00
parent e2df1d5355
commit ae832fa3cf
3 changed files with 59 additions and 47 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
css/avanzato.css
View File

@@ -32,7 +32,7 @@ button {
--secondario: hsl(202, 61%, 93%);
--p-glass: hsla(195, 100%, 13%, 0.75);
--p-glass-dark: hsla(195, 100%, 13%, 0.95);
--s-glass: hsla(202, 61%, 93%, 0.55);
--s-glass: hsla(202, 61%, 93%, 0.68);
}
*,
@@ -166,7 +166,7 @@ header .container {
width: 95%;
margin: 4rem auto;
border-radius: 2rem;
background-image: url("https://ctf.francescomancuso.it/tpsit/pizzeriaWeb/img/texture.svg");
background-image: url("https://ctf.francescomancuso.it/webserver/tpsit/pizzeriaWeb/img/texture.svg");
background-size: cover;
background-repeat: no-repeat;
background-position: center;
@@ -249,6 +249,7 @@ header .container {
grid-template-columns: 1fr 1fr 1fr 1fr;
gap: 1rem;
margin-top: 2rem;
align-items: start;
}
@media only screen and (max-width: 1024px) {
@@ -289,22 +290,22 @@ header .container {
padding: 1.5rem 1rem;
border-radius: 1.5rem;
text-align: center;
backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px);
backdrop-filter: blur(3px);
-webkit-backdrop-filter: blur(3px);
}
.pagina .sezione.pizze .titolo {
background-image: url("https://ctf.francescomancuso.it/tpsit/pizzeriaWeb/img/pizze.webp");
background-image: url("https://ctf.francescomancuso.it/webserver/tpsit/pizzeriaWeb/img/pizze.webp");
background-position: 50% 80%;
}
.pagina .sezione.dolci .titolo {
background-image: url("https://ctf.francescomancuso.it/tpsit/pizzeriaWeb/img/dolci.webp");
background-image: url("https://ctf.francescomancuso.it/webserver/tpsit/pizzeriaWeb/img/dolci.webp");
background-position: 50% 70%;
}
.pagina .sezione.bevande .titolo {
background-image: url("https://ctf.francescomancuso.it/tpsit/pizzeriaWeb/img/bevande.webp");
background-image: url("https://ctf.francescomancuso.it/webserver/tpsit/pizzeriaWeb/img/bevande.webp");
background-position: 50% 50%;
}
@@ -319,11 +320,14 @@ header .container {
.pagina .sezione .box .immagine {
display: flex;
align-items: center;
flex-grow: 1;
align-items: flex-start;
pointer-events: none;
}
.pagina .sezione .box .testo {
flex-grow: 1;
}
.pagina .sezione .box {
transition: all 200ms ease-in-out;
cursor: pointer;

7
css/style.css
View File

@@ -63,7 +63,7 @@ header .menu a {
*/
.top {
background-image: url("https://ctf.francescomancuso.it/tpsit/pizzeriaWeb/img/header.webp");
background-image: url("https://ctf.francescomancuso.it/webserver/tpsit/pizzeriaWeb/img/header.webp");
background-position: top center;
background-size: cover;
background-repeat: no-repeat;
@@ -98,6 +98,7 @@ header .menu a {
border: 1px solid var(--primario);
border-radius: 1rem;
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
flex-wrap: nowrap;
@@ -129,6 +130,10 @@ header .menu a {
padding-bottom: 0;
}
.pagina .sezione .box .testo p {
font-size: 92%;
}
.pagina .sezione .box .prezzo {
width: 100%;
text-align: right;

77
index.html
View File

@@ -20,12 +20,14 @@
rel="stylesheet">
<script src="https://kit.fontawesome.com/c2497a668c.js" crossorigin="anonymous"></script>
<link rel="icon" type="image/png"
href="https://ctf.francescomancuso.it/tpsit/pizzeriaWeb/img/favicon/favicon-96x96.png" sizes="96x96" />
href="https://ctf.francescomancuso.it/webserver/tpsit/pizzeriaWeb/img/favicon/favicon-96x96.png"
sizes="96x96" />
<link rel="icon" type="image/svg+xml"
href="https://ctf.francescomancuso.it/tpsit/pizzeriaWeb/img/favicon/favicon.svg" />
<link rel="shortcut icon" href="https://ctf.francescomancuso.it/tpsit/pizzeriaWeb/img/favicon/favicon.ico" />
href="https://ctf.francescomancuso.it/webserver/tpsit/pizzeriaWeb/img/favicon/favicon.svg" />
<link rel="shortcut icon"
href="https://ctf.francescomancuso.it/webserver/tpsit/pizzeriaWeb/img/favicon/favicon.ico" />
<link rel="apple-touch-icon" sizes="180x180"
href="https://ctf.francescomancuso.it/tpsit/pizzeriaWeb/img/favicon/apple-touch-icon.png" />
href="https://ctf.francescomancuso.it/webserver/tpsit/pizzeriaWeb/img/favicon/apple-touch-icon.png" />
<meta name="apple-mobile-web-app-title" content="La Rondine Menù" />
</head>
@@ -33,8 +35,9 @@
<header id="header">
<div class="container">
<div class="logo">
<a href="https://ctf.francescomancuso.it/tpsit/pizzeriaWeb/"><img
src="https://ctf.francescomancuso.it/tpsit/pizzeriaWeb/img/logo-menu-white.png"></a>
<a href="https://ctf.francescomancuso.it/webserver/tpsit/pizzeriaWeb/">
<img src="https://ctf.francescomancuso.it/webserver/tpsit/pizzeriaWeb/img/logo-menu-white.png">
</a>
</div>
<div class="menu">
@@ -83,7 +86,7 @@
</div>
</div>
<div class="pizza">
<img src="img/pizza.webp" alt="Pizza">
<img src="https://ctf.francescomancuso.it/webserver/tpsit/pizzeriaWeb/img/pizza.webp" alt="Pizza">
</div>
</div>
</div>
@@ -102,7 +105,7 @@
<!--MARGHERITA-->
<div class="box">
<div class="immagine">
<img src="img/menu/pizze/margherita.webp" alt="Margherita">
<img src="https://ctf.francescomancuso.it/webserver/tpsit/pizzeriaWeb/img/menu/pizze/margherita.webp" alt="Margherita">
</div>
<div class="testo">
<h3>Margherita</h3>
@@ -113,7 +116,7 @@
<!--CRAZY WURSTEL-->
<div class="box">
<div class="immagine">
<img src="img/menu/pizze/crazy-wurstel.webp" alt="Crazy Wurstel">
<img src="https://ctf.francescomancuso.it/webserver/tpsit/pizzeriaWeb/img/menu/pizze/crazy-wurstel.webp" alt="Crazy Wurstel">
</div>
<div class="testo">
<h3>Crazy Wurstel</h3>
@@ -125,7 +128,7 @@
<!--BUFALINA-->
<div class="box">
<div class="immagine">
<img src="img/menu/pizze/bufalina.webp" alt="Bufalina">
<img src="https://ctf.francescomancuso.it/webserver/tpsit/pizzeriaWeb/img/menu/pizze/bufalina.webp" alt="Bufalina">
</div>
<div class="testo">
<h3>Bufalina</h3>
@@ -136,7 +139,7 @@
<!--RONDINE-->
<div class="box">
<div class="immagine">
<img src="img/menu/pizze/rondine.webp" alt="Rondine">
<img src="https://ctf.francescomancuso.it/webserver/tpsit/pizzeriaWeb/img/menu/pizze/rondine.webp" alt="Rondine">
</div>
<div class="testo">
<h3>Rondine</h3>
@@ -147,7 +150,7 @@
<!--PISTACCHIOSA-->
<div class="box">
<div class="immagine">
<img src="img/menu/pizze/pistacchiosa.webp" alt="Pistacchiosa">
<img src="https://ctf.francescomancuso.it/webserver/tpsit/pizzeriaWeb/img/menu/pizze/pistacchiosa.webp" alt="Pistacchiosa">
</div>
<div class="testo">
<h3>Pistacchiosa</h3>
@@ -158,7 +161,7 @@
<!--TROPEANA-->
<div class="box">
<div class="immagine">
<img src="img/menu/pizze/tropeana.webp" alt="Tropeana">
<img src="https://ctf.francescomancuso.it/webserver/tpsit/pizzeriaWeb/img/menu/pizze/tropeana.webp" alt="Tropeana">
</div>
<div class="testo">
<h3>Tropeana</h3>
@@ -169,7 +172,7 @@
<!--NEW MEXICO-->
<div class="box">
<div class="immagine">
<img src="img/menu/pizze/new-mexico.webp" alt="New Mexico">
<img src="https://ctf.francescomancuso.it/webserver/tpsit/pizzeriaWeb/img/menu/pizze/new-mexico.webp" alt="New Mexico">
</div>
<div class="testo">
<h3>New Mexico</h3>
@@ -180,7 +183,7 @@
<!--ZUCOTTA-->
<div class="box">
<div class="immagine">
<img src="img/menu/pizze/zuccotta.webp" alt="Zuccotta">
<img src="https://ctf.francescomancuso.it/webserver/tpsit/pizzeriaWeb/img/menu/pizze/zuccotta.webp" alt="Zuccotta">
</div>
<div class="testo">
<h3>Zuccotta</h3>
@@ -191,7 +194,7 @@
<!--PORCHETTOSA-->
<div class="box">
<div class="immagine">
<img src="img/menu/pizze/porchettosa.webp" alt="Porchettosa">
<img src="https://ctf.francescomancuso.it/webserver/tpsit/pizzeriaWeb/img/menu/pizze/porchettosa.webp" alt="Porchettosa">
</div>
<div class="testo">
<h3>Porchettosa</h3>
@@ -202,7 +205,7 @@
<!--MORTAZZA-->
<div class="box">
<div class="immagine">
<img src="img/menu/pizze/mortazza.webp" alt="Mortazza">
<img src="https://ctf.francescomancuso.it/webserver/tpsit/pizzeriaWeb/img/menu/pizze/mortazza.webp" alt="Mortazza">
</div>
<div class="testo">
<h3>Mortazza</h3>
@@ -233,7 +236,7 @@
<div class="box">
<div class="immagine">
<img src="img/menu/dolci/tiramisu.jpg" alt="Tiramisu'">
<img src="https://ctf.francescomancuso.it/webserver/tpsit/pizzeriaWeb/img/menu/dolci/tiramisu.jpg" alt="Tiramisu'">
</div>
<div class="testo">
<h3>Tiramisù</h3>
@@ -244,7 +247,7 @@
<div class="box">
<div class="immagine">
<img src="img/menu/dolci/crostata_alla_frutta.jpg" alt="Crostata alla frutta">
<img src="https://ctf.francescomancuso.it/webserver/tpsit/pizzeriaWeb/img/menu/dolci/crostata_alla_frutta.jpg" alt="Crostata alla frutta">
</div>
<div class="testo">
<h3>Crostata alla frutta</h3>
@@ -255,7 +258,7 @@
<div class="box">
<div class="immagine">
<img src="img/menu/dolci/tartufo_di_pizzo.jpg" alt="Tartufo di pizzo">
<img src="https://ctf.francescomancuso.it/webserver/tpsit/pizzeriaWeb/img/menu/dolci/tartufo_di_pizzo.jpg" alt="Tartufo di pizzo">
</div>
<div class="testo">
<h3>Tartufo di Pizzo</h3>
@@ -266,7 +269,7 @@
<div class="box">
<div class="immagine">
<img src="img/menu/dolci/cannolo_sbriciolato.webp" alt="Cannolo Scomposto">
<img src="https://ctf.francescomancuso.it/webserver/tpsit/pizzeriaWeb/img/menu/dolci/cannolo_sbriciolato.webp" alt="Cannolo Scomposto">
</div>
<div class="testo">
<h3>Cannolo Scomposto</h3>
@@ -294,7 +297,7 @@
<div class="box">
<div class="immagine">
<img src="img/menu/bibite/acqua-naturale.webp" alt="Acqua Naturale">
<img src="https://ctf.francescomancuso.it/webserver/tpsit/pizzeriaWeb/img/menu/bibite/acqua-naturale.webp" alt="Acqua Naturale">
</div>
<div class="testo">
<h3>Acqua Naturale</h3>
@@ -305,7 +308,7 @@
<div class="box">
<div class="immagine">
<img src="img/menu/bibite/acqua-frizzante.webp" alt="Acqua Frizzante">
<img src="https://ctf.francescomancuso.it/webserver/tpsit/pizzeriaWeb/img/menu/bibite/acqua-frizzante.webp" alt="Acqua Frizzante">
</div>
<div class="testo">
<h3>Acqua Frizzante</h3>
@@ -316,7 +319,7 @@
<div class="box">
<div class="immagine">
<img src="img/menu/bibite/cocacola.webp" alt="Coca Cola">
<img src="https://ctf.francescomancuso.it/webserver/tpsit/pizzeriaWeb/img/menu/bibite/cocacola.webp" alt="Coca Cola">
</div>
<div class="testo">
<h3>Coca Cola</h3>
@@ -327,7 +330,7 @@
<div class="box">
<div class="immagine">
<img src="img/menu/bibite/cocacola-zero.webp" alt="Coca Cola Zero">
<img src="https://ctf.francescomancuso.it/webserver/tpsit/pizzeriaWeb/img/menu/bibite/cocacola-zero.webp" alt="Coca Cola Zero">
</div>
<div class="testo">
<h3>Coca Cola Zero</h3>
@@ -338,7 +341,7 @@
<div class="box">
<div class="immagine">
<img src="img/menu/bibite/fanta.webp" alt="Fanta">
<img src="https://ctf.francescomancuso.it/webserver/tpsit/pizzeriaWeb/img/menu/bibite/fanta.webp" alt="Fanta">
</div>
<div class="testo">
<h3>Fanta</h3>
@@ -349,7 +352,7 @@
<div class="box">
<div class="immagine">
<img src="img/menu/bibite/sprite.webp" alt="Sprite">
<img src="https://ctf.francescomancuso.it/webserver/tpsit/pizzeriaWeb/img/menu/bibite/sprite.webp" alt="Sprite">
</div>
<div class="testo">
<h3>Sprite</h3>
@@ -360,7 +363,7 @@
<div class="box">
<div class="immagine">
<img src="img/menu/bibite/birra-piccola.webp" alt="Birra alla spina">
<img src="https://ctf.francescomancuso.it/webserver/tpsit/pizzeriaWeb/img/menu/bibite/birra-piccola.webp" alt="Birra alla spina">
</div>
<div class="testo">
<h3>Birra alla spina</h3>
@@ -371,7 +374,7 @@
<div class="box">
<div class="immagine">
<img src="img/menu/bibite/birra-grande.webp" alt="Birra alla spina">
<img src="https://ctf.francescomancuso.it/webserver/tpsit/pizzeriaWeb/img/menu/bibite/birra-grande.webp" alt="Birra alla spina">
</div>
<div class="testo">
<h3>Birra alla spina</h3>
@@ -382,7 +385,7 @@
<div class="box">
<div class="immagine">
<img src="img/menu/bibite/birra-tennents.webp" alt="Tennent's">
<img src="https://ctf.francescomancuso.it/webserver/tpsit/pizzeriaWeb/img/menu/bibite/birra-tennents.webp" alt="Tennent's">
</div>
<div class="testo">
<h3>Tennent's</h3>
@@ -393,7 +396,7 @@
<div class="box">
<div class="immagine">
<img src="img/menu/bibite/birra-leffe-rossa.webp" alt="Leffe Rossa">
<img src="https://ctf.francescomancuso.it/webserver/tpsit/pizzeriaWeb/img/menu/bibite/birra-leffe-rossa.webp" alt="Leffe Rossa">
</div>
<div class="testo">
<h3>Leffe Rossa</h3>
@@ -404,7 +407,7 @@
<div class="box">
<div class="immagine">
<img src="img/menu/bibite/birra-tuborg.webp" alt="tuoborg">
<img src="https://ctf.francescomancuso.it/webserver/tpsit/pizzeriaWeb/img/menu/bibite/birra-tuborg.webp" alt="tuoborg">
</div>
<div class="testo">
<h3>Tuborg</h3>
@@ -415,7 +418,7 @@
<div class="box">
<div class="immagine">
<img src="img/menu/bibite/birra-corona.webp" alt="Corona">
<img src="https://ctf.francescomancuso.it/webserver/tpsit/pizzeriaWeb/img/menu/bibite/birra-corona.webp" alt="Corona">
</div>
<div class="testo">
<h3>Corona</h3>
@@ -426,7 +429,7 @@
<div class="box">
<div class="immagine">
<img src="img/menu/bibite/birra-becks.webp" alt="Beck's">
<img src="https://ctf.francescomancuso.it/webserver/tpsit/pizzeriaWeb/img/menu/bibite/birra-becks.webp" alt="Beck's">
</div>
<div class="testo">
<h3>Beck's</h3>
@@ -437,7 +440,7 @@
<div class="box">
<div class="immagine">
<img src="img/menu/bibite/birra-ichnusa.webp" alt="Ichnusa">
<img src="https://ctf.francescomancuso.it/webserver/tpsit/pizzeriaWeb/img/menu/bibite/birra-ichnusa.webp" alt="Ichnusa">
</div>
<div class="testo">
<h3>Ichnusa</h3>
@@ -448,7 +451,7 @@
<div class="box">
<div class="immagine">
<img src="img/menu/bibite/birra-nastro-azzurro.webp" alt="Nastro Azzurro">
<img src="https://ctf.francescomancuso.it/webserver/tpsit/pizzeriaWeb/img/menu/bibite/birra-nastro-azzurro.webp" alt="Nastro Azzurro">
</div>
<div class="testo">
<h3>Nastro Azzurro</h3>
@@ -477,7 +480,7 @@
</footer>
<div class="loader" id="loader">
<img src="https://ctf.francescomancuso.it/tpsit/pizzeriaWeb/img/logo-menu-white.png" alt="Caricamento...">
<img src="https://ctf.francescomancuso.it/webserver/tpsit/pizzeriaWeb/img/logo-menu-white.png" alt="Caricamento...">
</div>
</body>