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 5806b84..0000000 Binary files a/favicon.ico and /dev/null differ 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