diff --git a/src/assets/About.svg b/src/assets/About.svg deleted file mode 100644 index e13909f..0000000 --- a/src/assets/About.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/src/assets/Discord.svg b/src/assets/Discord.svg deleted file mode 100644 index de030dc..0000000 --- a/src/assets/Discord.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/src/assets/GitHub.svg b/src/assets/GitHub.svg deleted file mode 100644 index 3b867fc..0000000 --- a/src/assets/GitHub.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/src/assets/Team.svg b/src/assets/Team.svg deleted file mode 100644 index f508561..0000000 --- a/src/assets/Team.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/src/assets/WhatsNew.svg b/src/assets/WhatsNew.svg deleted file mode 100644 index a1dcda4..0000000 --- a/src/assets/WhatsNew.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/src/components/Footer.tsx b/src/components/Footer.tsx index 4ffc5e8..34634fb 100644 --- a/src/components/Footer.tsx +++ b/src/components/Footer.tsx @@ -2,6 +2,7 @@ import React from 'react'; import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'; import { icon } from '@fortawesome/fontawesome-svg-core/import.macro' + const darkMode = 'dark:text-white dark:hover:text-suva-grey'; const lightMode = 'text-black hover:text-electric-blue'; const footerButtonUtils = 'flex items-center py-2 px-4'; @@ -11,7 +12,7 @@ const footerDivStyle = 'dark:bg-black flex justify-between position:static py-8 const ICON_HEIGHT = "h-[48px]" const iconsFA = [ , , , ]; -interface FooterProps - { +interface FooterProps { href: string; // icon: React.ReactNode; iconTextName: string; } -function FooterButton ({ href, icon, iconTextName}: FooterProps) -{ +function FooterButton({ href, icon, iconTextName }: FooterProps) { return ( - -
- {icon} -
-

{iconTextName}

- + +
+ {icon} +
+

{iconTextName}

+ ); } -function Footer() -{ +function Footer() { return ( -
+
- + diff --git a/src/components/Header.tsx b/src/components/Header.tsx index 00f7c30..ec71238 100644 --- a/src/components/Header.tsx +++ b/src/components/Header.tsx @@ -75,7 +75,7 @@ export const Header = () => {
  • - diff --git a/src/components/IconCard.tsx b/src/components/IconCard.tsx index 7e8c9eb..18e13ef 100644 --- a/src/components/IconCard.tsx +++ b/src/components/IconCard.tsx @@ -5,7 +5,7 @@ const HORIZONTAL_TEXT_WIDTH = "w-[500px]" const VERTICAL_TEXT_WIDTH = "w-[1200px]" const HORIZONTAL_CENTER = "justify-around" const VERTICAL_CENTER = "items-center" -const HORIZONTAL_GAP = "" //"gap-20" +const HORIZONTAL_GAP = "" //"gap-20" const VERTICAL_GAP = "" //"gap-10" const HEADING_SIZE = "text-[64px]" const BODY_SIZE = "text-[48px]" @@ -29,7 +29,7 @@ export type IconCardProps = { } -export const IconCard = ({data, bgColor, icon}: IconCardProps) => { +export const IconCard = ({ data, bgColor, icon }: IconCardProps) => { var size, center, flexDirection, gap, align @@ -37,16 +37,16 @@ export const IconCard = ({data, bgColor, icon}: IconCardProps) => { size = HORIZONTAL_TEXT_WIDTH center = HORIZONTAL_CENTER gap = HORIZONTAL_GAP - flexDirection = (data.orientation===Orientation.west) ? "flex-row-reverse" : "flex-row" + flexDirection = (data.orientation === Orientation.west) ? "flex-row-reverse" : "flex-row" } else { //vertical size = VERTICAL_TEXT_WIDTH center = VERTICAL_CENTER gap = VERTICAL_GAP - flexDirection = (data.orientation===Orientation.north) ? "flex-col-reverse" : "flex-col" + flexDirection = (data.orientation === Orientation.north) ? "flex-col-reverse" : "flex-col" } - return( + return (
    {textContainer(data.headingText, data.bodyText, size)}
    @@ -57,7 +57,7 @@ export const IconCard = ({data, bgColor, icon}: IconCardProps) => { } function textContainer(headingText: string, bodyText: string, width: string) { - return( + return (

    {headingText}

    {bodyText}

    @@ -66,7 +66,7 @@ function textContainer(headingText: string, bodyText: string, width: string) { } export function isHorizontal(orientation: Orientation) { - return(Boolean(orientation % 2)) + return (Boolean(orientation % 2)) } export default IconCard; \ No newline at end of file diff --git a/src/components/Login.tsx b/src/components/Login.tsx index 72177d8..ecda742 100644 --- a/src/components/Login.tsx +++ b/src/components/Login.tsx @@ -14,19 +14,17 @@ export const Login = () => { return (