From af9d4aa82b19f66bd5e4c32c59cafe7dd06ac339 Mon Sep 17 00:00:00 2001 From: Francesco Mecca Date: Thu, 6 Jul 2023 11:06:46 +0200 Subject: [PATCH] bocciofila --- bocciofila/confetti.css | 7 +++++++ bocciofila/index.html | 42 +++++++++++++++++++++++++++++++++++++---- bocciofila/ruota.html | 24 ++++++++++++++--------- bocciofila/script.js | 7 +++++++ bocciofila/style2.css | 34 +++++++++++++++++++++++++++++++++ 5 files changed, 101 insertions(+), 13 deletions(-) diff --git a/bocciofila/confetti.css b/bocciofila/confetti.css index 7f85199..e1931b9 100644 --- a/bocciofila/confetti.css +++ b/bocciofila/confetti.css @@ -9,3 +9,10 @@ position: relative; left: 30%; } +#main { + background-image: url("./bgdottedeven.png"); +background-color:#fff4f6; + /* Additional background styles if needed */ +} +*{cursor: url("pincursorsh.png"), default;} + diff --git a/bocciofila/index.html b/bocciofila/index.html index 125a9c1..951e84f 100644 --- a/bocciofila/index.html +++ b/bocciofila/index.html @@ -1,23 +1,57 @@ - - Giochi della Ruota + + + - +
- + + +
+
+ diff --git a/bocciofila/ruota.html b/bocciofila/ruota.html index 0f9608a..3963512 100644 --- a/bocciofila/ruota.html +++ b/bocciofila/ruota.html @@ -1,5 +1,5 @@ - + @@ -19,7 +19,8 @@ -
+
@@ -37,27 +38,32 @@
diff --git a/bocciofila/script.js b/bocciofila/script.js index aced0ea..44b1ee9 100644 --- a/bocciofila/script.js +++ b/bocciofila/script.js @@ -82,3 +82,10 @@ toggleButton.addEventListener('click', function() { contentDiv.style.display = 'none'; } }); +// document.getElementById("legend-button").addEventListener("click", function() { + // document.getElementById("legend-modal").style.display = "block"; +// }); + +document.getElementById("close-button").addEventListener("click", function() { + document.getElementById("legend-modal").style.display = "none"; +}); diff --git a/bocciofila/style2.css b/bocciofila/style2.css index 5fbe154..8b505d5 100644 --- a/bocciofila/style2.css +++ b/bocciofila/style2.css @@ -25,3 +25,37 @@ html, body { /* display: none; /\* Hides the container by default *\/ */ margin: 0 auto; /* Centers the container horizontally */ } +.modal { + display: none; + position: fixed; + z-index: 999; + left: 0; + top: 0; + width: 100%; + height: 100%; + overflow: auto; + background-color: rgba(0, 0, 0, 0.5); +} + +.modal-content { + background-color: #fefefe; + margin: 20% auto; + padding: 20px; + border: 1px solid #888; + width: 80%; + max-width: 800px; +} + +#legend-button { + background: none; + border: none; + cursor: pointer; +} + +#legend-button img { + width: 80px; + height: 80px; + margin-right: 5px; +} + +*{cursor: url("pincursorsh.png"), default;}