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%); --secondario: hsl(202, 61%, 93%);
--p-glass: hsla(195, 100%, 13%, 0.75); --p-glass: hsla(195, 100%, 13%, 0.75);
--p-glass-dark: hsla(195, 100%, 13%, 0.95); --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%; width: 95%;
margin: 4rem auto; margin: 4rem auto;
border-radius: 2rem; 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-size: cover;
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: center; background-position: center;
@@ -249,6 +249,7 @@ header .container {
grid-template-columns: 1fr 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr 1fr;
gap: 1rem; gap: 1rem;
margin-top: 2rem; margin-top: 2rem;
align-items: start;
} }
@media only screen and (max-width: 1024px) { @media only screen and (max-width: 1024px) {
@@ -289,22 +290,22 @@ header .container {
padding: 1.5rem 1rem; padding: 1.5rem 1rem;
border-radius: 1.5rem; border-radius: 1.5rem;
text-align: center; text-align: center;
backdrop-filter: blur(8px); backdrop-filter: blur(3px);
-webkit-backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(3px);
} }
.pagina .sezione.pizze .titolo { .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%; background-position: 50% 80%;
} }
.pagina .sezione.dolci .titolo { .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%; background-position: 50% 70%;
} }
.pagina .sezione.bevande .titolo { .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%; background-position: 50% 50%;
} }
@@ -319,11 +320,14 @@ header .container {
.pagina .sezione .box .immagine { .pagina .sezione .box .immagine {
display: flex; display: flex;
align-items: center; align-items: flex-start;
flex-grow: 1;
pointer-events: none; pointer-events: none;
} }
.pagina .sezione .box .testo {
flex-grow: 1;
}
.pagina .sezione .box { .pagina .sezione .box {
transition: all 200ms ease-in-out; transition: all 200ms ease-in-out;
cursor: pointer; cursor: pointer;

7
css/style.css
View File

@@ -63,7 +63,7 @@ header .menu a {
*/ */
.top { .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-position: top center;
background-size: cover; background-size: cover;
background-repeat: no-repeat; background-repeat: no-repeat;
@@ -98,6 +98,7 @@ header .menu a {
border: 1px solid var(--primario); border: 1px solid var(--primario);
border-radius: 1rem; border-radius: 1rem;
width: 100%; width: 100%;
height: 100%;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
flex-wrap: nowrap; flex-wrap: nowrap;
@@ -129,6 +130,10 @@ header .menu a {
padding-bottom: 0; padding-bottom: 0;
} }
.pagina .sezione .box .testo p {
font-size: 92%;
}
.pagina .sezione .box .prezzo { .pagina .sezione .box .prezzo {
width: 100%; width: 100%;
text-align: right; text-align: right;

77
index.html
View File

@@ -20,12 +20,14 @@
rel="stylesheet"> rel="stylesheet">
<script src="https://kit.fontawesome.com/c2497a668c.js" crossorigin="anonymous"></script> <script src="https://kit.fontawesome.com/c2497a668c.js" crossorigin="anonymous"></script>
<link rel="icon" type="image/png" <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" <link rel="icon" type="image/svg+xml"
href="https://ctf.francescomancuso.it/tpsit/pizzeriaWeb/img/favicon/favicon.svg" /> href="https://ctf.francescomancuso.it/webserver/tpsit/pizzeriaWeb/img/favicon/favicon.svg" />
<link rel="shortcut icon" href="https://ctf.francescomancuso.it/tpsit/pizzeriaWeb/img/favicon/favicon.ico" /> <link rel="shortcut icon"
href="https://ctf.francescomancuso.it/webserver/tpsit/pizzeriaWeb/img/favicon/favicon.ico" />
<link rel="apple-touch-icon" sizes="180x180" <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ù" /> <meta name="apple-mobile-web-app-title" content="La Rondine Menù" />
</head> </head>
@@ -33,8 +35,9 @@
<header id="header"> <header id="header">
<div class="container"> <div class="container">
<div class="logo"> <div class="logo">
<a href="https://ctf.francescomancuso.it/tpsit/pizzeriaWeb/"><img <a href="https://ctf.francescomancuso.it/webserver/tpsit/pizzeriaWeb/">
src="https://ctf.francescomancuso.it/tpsit/pizzeriaWeb/img/logo-menu-white.png"></a> <img src="https://ctf.francescomancuso.it/webserver/tpsit/pizzeriaWeb/img/logo-menu-white.png">
</a>
</div> </div>
<div class="menu"> <div class="menu">
@@ -83,7 +86,7 @@
</div> </div>
</div> </div>
<div class="pizza"> <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> </div>
</div> </div>
@@ -102,7 +105,7 @@
<!--MARGHERITA--> <!--MARGHERITA-->
<div class="box"> <div class="box">
<div class="immagine"> <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>
<div class="testo"> <div class="testo">
<h3>Margherita</h3> <h3>Margherita</h3>
@@ -113,7 +116,7 @@
<!--CRAZY WURSTEL--> <!--CRAZY WURSTEL-->
<div class="box"> <div class="box">
<div class="immagine"> <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>
<div class="testo"> <div class="testo">
<h3>Crazy Wurstel</h3> <h3>Crazy Wurstel</h3>
@@ -125,7 +128,7 @@
<!--BUFALINA--> <!--BUFALINA-->
<div class="box"> <div class="box">
<div class="immagine"> <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>
<div class="testo"> <div class="testo">
<h3>Bufalina</h3> <h3>Bufalina</h3>
@@ -136,7 +139,7 @@
<!--RONDINE--> <!--RONDINE-->
<div class="box"> <div class="box">
<div class="immagine"> <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>
<div class="testo"> <div class="testo">
<h3>Rondine</h3> <h3>Rondine</h3>
@@ -147,7 +150,7 @@
<!--PISTACCHIOSA--> <!--PISTACCHIOSA-->
<div class="box"> <div class="box">
<div class="immagine"> <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>
<div class="testo"> <div class="testo">
<h3>Pistacchiosa</h3> <h3>Pistacchiosa</h3>
@@ -158,7 +161,7 @@
<!--TROPEANA--> <!--TROPEANA-->
<div class="box"> <div class="box">
<div class="immagine"> <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>
<div class="testo"> <div class="testo">
<h3>Tropeana</h3> <h3>Tropeana</h3>
@@ -169,7 +172,7 @@
<!--NEW MEXICO--> <!--NEW MEXICO-->
<div class="box"> <div class="box">
<div class="immagine"> <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>
<div class="testo"> <div class="testo">
<h3>New Mexico</h3> <h3>New Mexico</h3>
@@ -180,7 +183,7 @@
<!--ZUCOTTA--> <!--ZUCOTTA-->
<div class="box"> <div class="box">
<div class="immagine"> <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>
<div class="testo"> <div class="testo">
<h3>Zuccotta</h3> <h3>Zuccotta</h3>
@@ -191,7 +194,7 @@
<!--PORCHETTOSA--> <!--PORCHETTOSA-->
<div class="box"> <div class="box">
<div class="immagine"> <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>
<div class="testo"> <div class="testo">
<h3>Porchettosa</h3> <h3>Porchettosa</h3>
@@ -202,7 +205,7 @@
<!--MORTAZZA--> <!--MORTAZZA-->
<div class="box"> <div class="box">
<div class="immagine"> <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>
<div class="testo"> <div class="testo">
<h3>Mortazza</h3> <h3>Mortazza</h3>
@@ -233,7 +236,7 @@
<div class="box"> <div class="box">
<div class="immagine"> <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>
<div class="testo"> <div class="testo">
<h3>Tiramisù</h3> <h3>Tiramisù</h3>
@@ -244,7 +247,7 @@
<div class="box"> <div class="box">
<div class="immagine"> <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>
<div class="testo"> <div class="testo">
<h3>Crostata alla frutta</h3> <h3>Crostata alla frutta</h3>
@@ -255,7 +258,7 @@
<div class="box"> <div class="box">
<div class="immagine"> <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>
<div class="testo"> <div class="testo">
<h3>Tartufo di Pizzo</h3> <h3>Tartufo di Pizzo</h3>
@@ -266,7 +269,7 @@
<div class="box"> <div class="box">
<div class="immagine"> <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>
<div class="testo"> <div class="testo">
<h3>Cannolo Scomposto</h3> <h3>Cannolo Scomposto</h3>
@@ -294,7 +297,7 @@
<div class="box"> <div class="box">
<div class="immagine"> <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>
<div class="testo"> <div class="testo">
<h3>Acqua Naturale</h3> <h3>Acqua Naturale</h3>
@@ -305,7 +308,7 @@
<div class="box"> <div class="box">
<div class="immagine"> <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>
<div class="testo"> <div class="testo">
<h3>Acqua Frizzante</h3> <h3>Acqua Frizzante</h3>
@@ -316,7 +319,7 @@
<div class="box"> <div class="box">
<div class="immagine"> <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>
<div class="testo"> <div class="testo">
<h3>Coca Cola</h3> <h3>Coca Cola</h3>
@@ -327,7 +330,7 @@
<div class="box"> <div class="box">
<div class="immagine"> <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>
<div class="testo"> <div class="testo">
<h3>Coca Cola Zero</h3> <h3>Coca Cola Zero</h3>
@@ -338,7 +341,7 @@
<div class="box"> <div class="box">
<div class="immagine"> <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>
<div class="testo"> <div class="testo">
<h3>Fanta</h3> <h3>Fanta</h3>
@@ -349,7 +352,7 @@
<div class="box"> <div class="box">
<div class="immagine"> <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>
<div class="testo"> <div class="testo">
<h3>Sprite</h3> <h3>Sprite</h3>
@@ -360,7 +363,7 @@
<div class="box"> <div class="box">
<div class="immagine"> <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>
<div class="testo"> <div class="testo">
<h3>Birra alla spina</h3> <h3>Birra alla spina</h3>
@@ -371,7 +374,7 @@
<div class="box"> <div class="box">
<div class="immagine"> <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>
<div class="testo"> <div class="testo">
<h3>Birra alla spina</h3> <h3>Birra alla spina</h3>
@@ -382,7 +385,7 @@
<div class="box"> <div class="box">
<div class="immagine"> <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>
<div class="testo"> <div class="testo">
<h3>Tennent's</h3> <h3>Tennent's</h3>
@@ -393,7 +396,7 @@
<div class="box"> <div class="box">
<div class="immagine"> <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>
<div class="testo"> <div class="testo">
<h3>Leffe Rossa</h3> <h3>Leffe Rossa</h3>
@@ -404,7 +407,7 @@
<div class="box"> <div class="box">
<div class="immagine"> <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>
<div class="testo"> <div class="testo">
<h3>Tuborg</h3> <h3>Tuborg</h3>
@@ -415,7 +418,7 @@
<div class="box"> <div class="box">
<div class="immagine"> <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>
<div class="testo"> <div class="testo">
<h3>Corona</h3> <h3>Corona</h3>
@@ -426,7 +429,7 @@
<div class="box"> <div class="box">
<div class="immagine"> <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>
<div class="testo"> <div class="testo">
<h3>Beck's</h3> <h3>Beck's</h3>
@@ -437,7 +440,7 @@
<div class="box"> <div class="box">
<div class="immagine"> <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>
<div class="testo"> <div class="testo">
<h3>Ichnusa</h3> <h3>Ichnusa</h3>
@@ -448,7 +451,7 @@
<div class="box"> <div class="box">
<div class="immagine"> <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>
<div class="testo"> <div class="testo">
<h3>Nastro Azzurro</h3> <h3>Nastro Azzurro</h3>
@@ -477,7 +480,7 @@
</footer> </footer>
<div class="loader" id="loader"> <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> </div>
</body> </body>