From 891c8939683b1cde2a2b67bf89742ef0424180be Mon Sep 17 00:00:00 2001 From: biglyderv Date: Sat, 5 Jul 2025 03:53:50 -0400 Subject: [PATCH] WIP fixes to design, mobile, and file structure --- README.md | 2 +- favicon.ico | Bin 2966 -> 0 bytes index.html | 174 +++++++++++++--------------------------------------- index.js | 12 ++++ styles.css | 129 +++++++++++++++++++++++++++++--------- 5 files changed, 154 insertions(+), 163 deletions(-) delete mode 100644 favicon.ico create mode 100644 index.js diff --git a/README.md b/README.md index 3537c19..eb49823 100644 --- a/README.md +++ b/README.md @@ -2,4 +2,4 @@ This is the official site for the Scratch Computing Alliance (SCA). Our goal is to unite techy Scratchers in one big alliance. -[Visit the website.](https://scratch-computing-alliance.github.io/) +[Visit the website.](https://scratch-computing-alliance.github.io/) \ No newline at end of file diff --git a/favicon.ico b/favicon.ico deleted file mode 100644 index 5806b8438e10e97a710e24aa5356f224e9824510..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 2966 zcmb_eSyxg~6sG6id-k!1eo!uR$XPVC91u}L5K>SCQA5;39MV8@L~%^h##O6vX{*(9 zFZ_Xe`PzHyr5kc7u*=$Udv%5A9JTt>eP{RW#RX~4 zJ;VG?BecX+bOX-YwFve&u`o7*nE@{*+%Al}x@7J(88Fq~he=N_rfKB$Nsk-BUMDQ& z#hT};@P4Z1iT#YL=&e;{@R?f?uv;;D&ko{3q`UqWoOkLlU^bzci`ZMqUY@KjBh=UP&-iVG-&I$G&G|6lF2UDsgrkNz*JmfSdRQw<6Y*5} z&bo8{^Ez{I-)hF;MpSq=mlTPP_1Q=grrMU2_`Kg-QiwVKpu`~Huxat9J}aBKCcddC zPx3q#p2N=K0_A!wOoe%ZAsn2|72jCLu~Y8<7`5~o{B!Lthk}Sj9^vKQ4!#{9OFp_9 z>d;EKuEu&SPCUQ{*|za$mU1N`xjyN2lYX3P|7OAt&gJlkUuy9Wn@;;qO8+}5O0g6g z$DpMhp4Mi;I{EMp+r)#b@ivY&H!$t$>vmv&Z6zaoYh@XpQtfd+XIaq|8hR;EIN$GO15{&TP8df}ega^pIT z`MENVb~%I#wXLdoO8zE?ZT(@WHv=*V3fLtr|ybo-w}SBlm^<=!)>n-w5e!PP3L3zH(lOdK>2gk8PCy qiavw!Lip@A_tt>jrqy5nX48f6*-uN^?_QsQ--=y7lD~)l*ZnW)6Qgqg diff --git a/index.html b/index.html index 9bc037c..206e341 100644 --- a/index.html +++ b/index.html @@ -1,138 +1,46 @@ - - SCA | Home - - - - + - copyright.innerHTML = copyright.innerHTML.replace("%CURRYEAR%", years); - }); - - function redirHome() { - window.location.href = "/"; - } - - - -
- - | SkyHub • - Forums • - Licenses - • Studio • - Members • - GitHub • - Docs -
- -
- This is the official website for the Scratch Computing Alliance. Our goal is - to unite techy Scratchers—could that be you?
- If you want to join the SCA, you can ask - here! -
-
- - - + \ No newline at end of file diff --git a/index.js b/index.js new file mode 100644 index 0000000..e448b14 --- /dev/null +++ b/index.js @@ -0,0 +1,12 @@ +document.addEventListener("DOMContentLoaded", () => { + const copyright = document.getElementById("copyright"); + + let d = new Date(); + const years = d.getFullYear(); + + copyright.innerHTML = copyright.innerHTML.replace("%CURRYEAR%", years); +}); + +function redirHome() { + window.location.href = "/"; +} \ No newline at end of file diff --git a/styles.css b/styles.css index 62796ad..d0cf85a 100644 --- a/styles.css +++ b/styles.css @@ -1,43 +1,114 @@ - body { - background-color: #f1f1f1ef +body { + background-color: #f1f1f1ef; + margin: 0; + padding: 0; + min-height: 100vh; + display: grid; } + h1 { -font-family: "TW Cen MT" + font-family: "TW Cen MT" } -p { -font-family: "Lucida Console" + +p, +a { + font-family: "Lucida Console"; } + a { -font-family: "Lucida Console"; + color: rgb(30, 198, 189); + font-weight: bold; } -footer { -border-radius: 10px; -font-family: 'Times New Roman', Times, serif; font-size: 10px; -background-color: gray; -color:#f1f1f1; -text-align: bottom, center; -padding: 20px; + +html { + font-family: "TW Cen MT"; } -header { -border-radius: 10px; -background-color: gray; -color:#f1f1f1; -padding: 10px 25px 10px 25px; +body { + font-size: large; + background-color: #fafaf6; } -header a { -color:#f1f1f1; -font-weight: bold; + +.nonbody { + display: flex; + background-color: #5d617c; + border-radius: 100px; + padding: 10px 50px; + gap: 10px; + font-size: x-large; + color: white; + justify-self: center; + align-items: center; + width: calc(100vw - 100px); } -footer a { - color:#f1f1f1; - font-weight: bold; + +.nonbody img { + height: 50px; + border-radius: 10px; + transition: all 1s cubic-bezier(0.23, 1, 0.32, 1); } -#scaicon { - width: 40px; - padding: 0px 10px 0px 0px; + +.nonbody a { + color: white; } + a { - color: rgb(30, 198, 189); - font-weight: bold; + color: rgb(77, 58, 244); + text-decoration: none; + transition: all 1s cubic-bezier(0.23, 1, 0.32, 1); +} + +a:hover, +.nonbody a:hover { + color: rgb(56, 193, 247); + text-decoration: underline; +} + +.nonbody a:hover { + background-color: #43465b; + height: 100%; + padding: 10px; + border-radius: 100px; } + +.nonbody img:hover { + height: 55px; +} + +#foot { + font-size: medium; + margin: 20px 0 0 0; + border-radius: 10px 10px 0 0; + align-self: end; +} + +#foot a { + text-decoration: underline; +} + +#banner h1, +#banner h3 { + justify-self: center; +} + +#banner { + margin: 25px; + justify-self: center; + color: #5d617c; + background-color: #1a1a1b; + width: calc(100vw - 100px); + padding: 100px 0; + font-size: 20px; + border-radius: 50px; + padding: 25px; +} + +main { + justify-self: center; + text-align: center; +} + +#head { + border-radius: 0 0 10px 10px; + align-self: start; +} \ No newline at end of file