diff --git a/static/index.css b/static/index.css index d5186e2..cf10594 100644 --- a/static/index.css +++ b/static/index.css @@ -3,6 +3,25 @@ src: url("/static/fonts/Monocraft.otf") format("opentype"); } + +#popup-overlay { + position: absolute; + width: 100%; + height: 100%; + background-color: rgb(0 0 0 / 85%); + display: none; +} + +#popup { + width: 3vw; + height: auto; + bottom: 1.5%; + left: 1.2%; + position: absolute; + background-color: rgb(0 0 0 / 85%); +} + + .simpletext { font-family: Monocraft; color: white; @@ -11,8 +30,6 @@ font-size: 1.1rem; } - - .header { text-shadow: 1px 1px 2px red, 0 0 1em blue, 0 0 0.2em blue; font-family: Monocraft; @@ -75,7 +92,7 @@ height: 65%; padding: 0; border-color: #000000; - border: 1rem; + border-width: 0.4rem; border-radius: 0.7rem; margin-right: 0rem; left: calc(100% - 5rem); @@ -141,6 +158,7 @@ margin-top: 0.7rem; margin-bottom: 0.7rem; margin-left: 0; + } .link:hover { transform: translate(0,-3px); @@ -152,8 +170,8 @@ display: flex; flex-wrap: wrap; flex-direction: column; - margin-left: 1.5rem; - margin-top: 1rem; + margin: 1rem 1.5rem 0; + width: 100%; } .navbtn { diff --git a/static/scripts/popup.js b/static/scripts/popup.js new file mode 100644 index 0000000..d2ae55e --- /dev/null +++ b/static/scripts/popup.js @@ -0,0 +1,14 @@ + +const popupOverlay = document.getElementById("popup-overlay"); +const popup = document.getElementById("popup"); + +function showPopup() { + popupOverlay.style.display = "block"; +} + +function hidePopup() { + popupOverlay.style.display = "none"; +} + +popupOverlay.addEventListener("click", hidePopup); +popup.addEventListener("click", (event) => event.stopPropagation()); \ No newline at end of file diff --git a/templates/decode.html b/templates/decode.html index 262ec62..0dbbacd 100644 --- a/templates/decode.html +++ b/templates/decode.html @@ -2,6 +2,7 @@ + Попакошька @@ -11,13 +12,18 @@ + \ No newline at end of file diff --git a/templates/found.html b/templates/found.html index c979716..0cdac7e 100644 --- a/templates/found.html +++ b/templates/found.html @@ -11,13 +11,13 @@ \ No newline at end of file