diff --git a/src/assets/six-shooter-1.png b/src/assets/six-shooter-1.png deleted file mode 100644 index a737b89..0000000 Binary files a/src/assets/six-shooter-1.png and /dev/null differ diff --git a/src/components/get-involved.tsx b/src/components/get-involved.tsx index ffbb19f..5b0bff6 100644 --- a/src/components/get-involved.tsx +++ b/src/components/get-involved.tsx @@ -4,21 +4,13 @@ import Button from '@/components/button'; export default function GetInvolved() { return (
-
-
- -

"Six Shooter" by plasmastarfish

- -
-
-
-
Get Involved
- Join the global team behind the most popular Python game framework. Ranging from documentation revisions to - introducing new features to the pygame API. -
-
+
+
Get Involved
+ Join the global team behind the most popular Python game framework. Ranging from documentation revisions to + introducing new features to the pygame API. +
+
diff --git a/src/components/powered.tsx b/src/components/powered.tsx index 0c7d35e..76718b8 100644 --- a/src/components/powered.tsx +++ b/src/components/powered.tsx @@ -1,4 +1,5 @@ -import React, { MouseEvent } from 'react'; +import React from 'react'; +import Head from 'next/head'; import styles from '@/styles/powered.module.css'; import drawnDownAbyss1 from '@/assets/drawn-down-abyss-1.png'; import froggo1 from '@/assets/froggo-swing-n-grapple-1.png'; @@ -66,26 +67,33 @@ class Powered extends React.Component { } return ( -
-
-
Pygame Powered
- Over the many years pygame has been around, there have been amazing projects created by the community. -
- {games.map((data, key) => { - return ( -
- -
- ); - })} + <> + + {games.map((data, key) => { + return ; + })} + +
+
+
Pygame Powered
+ Over the many years pygame has been around, there have been amazing projects created by the community. +
+ {games.map((data, key) => { + return ( +
+ +
+ ); + })} +
-
+ ); } } diff --git a/src/pages/index.tsx b/src/pages/index.tsx index bb8749b..49cab73 100644 --- a/src/pages/index.tsx +++ b/src/pages/index.tsx @@ -1,5 +1,4 @@ import Head from 'next/head'; -import styles from '@/styles/Home.module.css'; import Navbar from '@/components/nav-bar'; import Hero from '@/components/hero'; import About from '@/components/about'; @@ -16,7 +15,7 @@ export default function Home() { -
+
diff --git a/src/styles/Home.module.css b/src/styles/Home.module.css deleted file mode 100644 index e69de29..0000000 diff --git a/src/styles/get-involved.module.css b/src/styles/get-involved.module.css index d5da048..992f406 100644 --- a/src/styles/get-involved.module.css +++ b/src/styles/get-involved.module.css @@ -28,25 +28,3 @@ font-size: 3rem; font-weight: 700; } - -.showcasecontainer { - font-size: 1rem; - font-weight: 400; -} - -.showcaseimage { - width: 750px; - height: 600px; - border-radius: 10px; - background-image: url(../assets/six-shooter-1.png); - background-position: center center; - background-color: aliceblue; - background-repeat: no-repeat; - background-size: cover; -} - -@media only screen and (max-width: 1500px) { - .showcasecontainer { - display: none; - } -} diff --git a/src/styles/hero.module.css b/src/styles/hero.module.css index 160dcb8..c07ba05 100644 --- a/src/styles/hero.module.css +++ b/src/styles/hero.module.css @@ -9,24 +9,19 @@ } .textcontainer { - font-size: 3.5rem; -} - -.disclaimer { - font-size: 1rem; + font-size: 3vw; } .pipinstallcontainer { width: max-content; background-color: rgb(20, 20, 20); - border-radius: 0.25em; - padding: 0.25em 0.5em; - - margin-top: 0.5em; + border-radius: 1vw; + padding: 1vw; + margin-top: 8px; } .pipinstall { - font-size: 1.2rem; + font-size: 1.2vw; font-family: 'Source Code Pro', monospace; overflow: hidden; @@ -47,8 +42,8 @@ } .showcaseimage { - width: 750px; - height: 600px; + width: 45vw; + height: 38vw; border-radius: 10px; background-color: aliceblue; background-image: url(https://i.imgur.com/7mOk5E7.gif); @@ -86,65 +81,13 @@ } } -@media only screen and (max-width: 1500px) { - .textcontainer { - font-size: 3rem; - } - - .pipinstall { - font-size: 1rem; - } - - .showcasecontainer { - font-size: 0.7rem; - } - - .showcaseimage { - width: 500px; - height: 400px; - } -} - -@media only screen and (max-width: 1200px) { - .textcontainer { - font-size: 2.3rem; - } - - .pipinstall { - font-size: 0.6rem; - } - - .showcasecontainer { - font-size: 0.7rem; - } - - .showcaseimage { - width: 375px; - height: 300px; - } -} - @media only screen and (max-width: 950px) { - .textcontainer { - font-size: 1.9rem; - } - .showcasecontainer { display: none; } } @media only screen and (max-width: 600px) { - .textcontainer { - font-size: 1.5rem; - } - - .pipinstall { - font-size: 0.5rem; - padding: 15px; - border-radius: 10px; - } - .pipinstallcontainer, .pipinstall { display: none;