From ff208c4ebf30024a7fa593d20b10bcddd5660baa Mon Sep 17 00:00:00 2001 From: EngDann Date: Tue, 16 Jul 2024 13:49:42 -0300 Subject: [PATCH] Dividindo em html, css e js --- docs/assets/favicon_transparent_32x32.png | Bin 0 -> 717 bytes docs/index.html | 70 +--------------------- docs/script.js | 46 ++++++++++++++ docs/style.css | 17 ++++++ 4 files changed, 66 insertions(+), 67 deletions(-) create mode 100644 docs/assets/favicon_transparent_32x32.png create mode 100644 docs/script.js create mode 100644 docs/style.css diff --git a/docs/assets/favicon_transparent_32x32.png b/docs/assets/favicon_transparent_32x32.png new file mode 100644 index 0000000000000000000000000000000000000000..5c441352c4c79f1b56d1e1415e0ad1f852d0bab5 GIT binary patch literal 717 zcmV;;0y6!HP)Px%he^!cEQ(O@O8YbvfXL@(5bgDckhqMu)jBfaSos$Po8RTi^M=0km-z0H9xR z|9!gBEC+(XJ`^!)YNgP+zY~81|8gf+3zQKj0N@1x^h&O05QRfl*P4iP7&aQ6+m3@NY7AQTmZS&nT&Z1>m*P{}3C9w?S&w~3O)`H4(K>ZYFA%dQ25Wx&Em`nhc zLov({hRXX0bW?DDtm2As77=lfBHCSzwb-m%P_JtOSnKfb8K|~ki8`cJjOG~NHHWK- zhPPl%fItiYgU4kT{FU|t6rmK{pH9w}hY$d#CD-@ro`EcZGU6lvJd<4S%6f=on;O+c@v#Igy*v2QVjk&S09jA5GU7Nfblo;Jwc3Wt zvptR$ofED8{CW_10lp#7g};ABUg%r_V4be5M$(D=V*6<#92eZ*(-43xkt~4qlBV}_ zIk05`R49&-RhfZTwN%|O2R53t3D9(4OF8fhv!@R*Xbd!?00000NkvXXu0mjfHo8Db literal 0 HcmV?d00001 diff --git a/docs/index.html b/docs/index.html index f65c2946..74ec6016 100644 --- a/docs/index.html +++ b/docs/index.html @@ -6,26 +6,9 @@ SIGE IE - Electrical Maintenance + - + @@ -234,53 +217,6 @@

- + diff --git a/docs/script.js b/docs/script.js new file mode 100644 index 00000000..6101aade --- /dev/null +++ b/docs/script.js @@ -0,0 +1,46 @@ +var scrollpos = window.scrollY; +var header = document.getElementById("header"); +var navcontent = document.getElementById("nav-content"); +var navaction = document.getElementById("navAction"); +var brandname = document.getElementById("brandname"); +var toToggle = document.querySelectorAll(".toggleColour"); + +document.addEventListener("scroll", function () { + /* Apply classes for slide in bar */ + scrollpos = window.scrollY; + + if (scrollpos > 10) { + header.classList.add("bg-white"); + navaction.classList.remove("bg-white"); + navaction.classList.add("gradient"); + navaction.classList.remove("text-gray-800"); + navaction.classList.add("text-white"); + // Use to switch toggleColour colours + for (var i = 0; i < toToggle.length; i++) { + toToggle[i].classList.add("text-gray-800"); + toToggle[i].classList.remove("text-white"); + } + header.classList.add("shadow"); + navcontent.classList.remove("bg-gray-100"); + navcontent.classList.add("bg-white"); + } else { + header.classList.remove("bg-white"); + navaction.classList.remove("gradient"); + navaction.classList.add("bg-white"); + navaction.classList.remove("text-white"); + navaction.classList.add("text-gray-800"); + // Use to switch toggleColour colours + for (var i = 0; i < toToggle.length; i++) { + toToggle[i].classList.add("text-white"); + toToggle[i].classList.remove("text-gray-800"); + } + + header.classList.remove("shadow"); + navcontent.classList.remove("bg-white"); + navcontent.classList.add("bg-gray-100"); + } +}); + +document.getElementById("nav-toggle").addEventListener("click", function () { + document.getElementById("nav-content").classList.toggle("hidden"); +}); diff --git a/docs/style.css b/docs/style.css new file mode 100644 index 00000000..ccc12a9b --- /dev/null +++ b/docs/style.css @@ -0,0 +1,17 @@ +.gradient { + background: linear-gradient(90deg, #003366 0%, #ffcc00 100%); +} + +.image-container { + display: flex; + justify-content: center; + align-items: center; +} + +.image-container img { + width: 100%; + height: auto; + max-width: 300px; /* Tamanho máximo das imagens */ + border-radius: 8px; + margin: 0 auto; +}