diff --git a/.nova/Configuration.json b/.nova/Configuration.json deleted file mode 100644 index 2c7a65d..0000000 --- a/.nova/Configuration.json +++ /dev/null @@ -1,3 +0,0 @@ -{ - "workspace.color" : 1 -} diff --git a/index.html b/index.html index 1607103..a3c4242 100644 --- a/index.html +++ b/index.html @@ -26,6 +26,7 @@
Contact
+

Welcome @@ -77,14 +78,18 @@

News

The redesign everyone has been waiting for is now here!

New Game: Champion Island Google Doodle

- +

- - - + + GitHub Homepage + + + Create an Issue + + diff --git a/style.css b/style.css index dc6ecb7..1dbabd6 100644 --- a/style.css +++ b/style.css @@ -37,31 +37,62 @@ a { } body { background-color: #ddd; + margin: 0; + display: flex; + flex-direction: column; + min-height: 100vh; +} +.content { + flex: 1; + padding: 0px 20px; +} +footer { + margin-top: 20px; + background-color: #ccc; + padding: 10px; + text-align: center; + display: flex; + justify-content: center; + align-items: center; + flex-direction: column; + text-align: center; +} +footer .textLinks { + text-decoration: none; + display: flex; + justify-content: center; + align-items: center; + flex-direction: column; + text-align: center; +} +footer .textLinks:hover { + color: #ff6200; + font-weight: 600; +} +footer * { + margin: 5px 0; } p { - margin: 10px 0px; font-size: 20px; - padding: 0px 20px; } h1 { font-size: 40px; font-weight: 750; - padding: 0px 20px; } h2 { + margin-top: 10px; font-size: 30px; font-weight: 400; - padding: 0px 20px; } h3 { + margin-top: 10px; font-size: 25px; font-weight: 400; - padding: 0px 20px; } h5 { + margin-top: 10px; font-size: 25px; - font-weight: 100; - padding: 0px 20px; + font-weight: 200; } .center { text-align: center; @@ -69,7 +100,7 @@ h5 { /* regular text (body, p, b, h*) styles*/ .contentPush { - height: 65px; + height: 40px; top: 0; } @@ -131,7 +162,7 @@ h5 { display: grid; grid-template-columns: repeat(auto-fit, minmax(100px, 1fr)); /* Responsive grid */ gap: 20px; - margin: 20px; + margin: 0px; justify-content: center; } @@ -149,7 +180,7 @@ h5 { margin-top: 5px; width: auto; height: 100px; - border-radius: 5px; + border-radius: 10px; transition: transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); } @@ -168,18 +199,6 @@ h5 { margin-bottom: 5px; } -.footer { - background-color: rgba(0, 0, 0, 0.2); - padding-top: 20px; -} - -.footer img { - padding: 20px; -} - -.themednotByAI { - content: url("./images/notByAI.svg"); -} @media (prefers-color-scheme: dark) { * { @@ -189,6 +208,9 @@ h5 { background-color: #222; color: #ddd; } + footer { + background-color: #111; + } .bar { background-color: rgba(0, 0, 0, 0.5); } @@ -217,6 +239,11 @@ h5 { .app img { width: auto; height: 80px; - border-radius: 20px; + } + .content { + padding: 0 10px; + } + .homescreen { + gap: 10px; } }