From dae7c5337bd513f0749cd9ddc4d4466d40c04294 Mon Sep 17 00:00:00 2001 From: Rory Healy Date: Sat, 13 May 2023 14:49:49 +1000 Subject: [PATCH] Add menu, landing page --- .prettierrc | 4 +- app/layout.tsx | 4 +- app/page.tsx | 9 +- components/footer.tsx | 8 +- components/header.tsx | 42 +--- components/headphones.tsx | 4 +- components/menu.tsx | 79 ++++++ public/favicon.ico | Bin 268322 -> 0 bytes public/favicon.svg | 4 + public/images/black/github-logo.svg | 8 + public/images/black/headphones.svg | 225 ++++++++++++++++++ public/images/black/menu.svg | 4 + public/images/black/moon.svg | 8 + public/images/{ => black}/pause.svg | 0 public/images/{ => black}/play.svg | 0 public/images/{ => black}/speaker-loud.svg | 0 .../images/{ => black}/speaker-moderate.svg | 0 public/images/{ => black}/speaker-off.svg | 0 public/images/{ => black}/speaker-quiet.svg | 0 public/images/{ => black}/stop.svg | 0 public/images/{ => black}/track-next.svg | 0 public/images/{ => black}/track-previous.svg | 0 public/images/white/github-logo.svg | 4 + public/images/{ => white}/headphones.svg | 20 +- public/images/{ => white}/menu.svg | 0 public/images/white/pause.svg | 4 + public/images/white/play.svg | 4 + public/images/white/speaker-loud.svg | 4 + public/images/white/speaker-moderate.svg | 4 + public/images/white/speaker-off.svg | 4 + public/images/white/speaker-quiet.svg | 4 + public/images/white/stop.svg | 4 + public/images/white/sun.svg | 4 + public/images/white/track-next.svg | 4 + public/images/white/track-previous.svg | 4 + 35 files changed, 403 insertions(+), 60 deletions(-) create mode 100644 components/menu.tsx delete mode 100644 public/favicon.ico create mode 100644 public/favicon.svg create mode 100644 public/images/black/github-logo.svg create mode 100644 public/images/black/headphones.svg create mode 100644 public/images/black/menu.svg create mode 100644 public/images/black/moon.svg rename public/images/{ => black}/pause.svg (100%) rename public/images/{ => black}/play.svg (100%) rename public/images/{ => black}/speaker-loud.svg (100%) rename public/images/{ => black}/speaker-moderate.svg (100%) rename public/images/{ => black}/speaker-off.svg (100%) rename public/images/{ => black}/speaker-quiet.svg (100%) rename public/images/{ => black}/stop.svg (100%) rename public/images/{ => black}/track-next.svg (100%) rename public/images/{ => black}/track-previous.svg (100%) create mode 100644 public/images/white/github-logo.svg rename public/images/{ => white}/headphones.svg (98%) rename public/images/{ => white}/menu.svg (100%) create mode 100644 public/images/white/pause.svg create mode 100644 public/images/white/play.svg create mode 100644 public/images/white/speaker-loud.svg create mode 100644 public/images/white/speaker-moderate.svg create mode 100644 public/images/white/speaker-off.svg create mode 100644 public/images/white/speaker-quiet.svg create mode 100644 public/images/white/stop.svg create mode 100644 public/images/white/sun.svg create mode 100644 public/images/white/track-next.svg create mode 100644 public/images/white/track-previous.svg diff --git a/.prettierrc b/.prettierrc index 32ebab4..7d88720 100644 --- a/.prettierrc +++ b/.prettierrc @@ -1,4 +1,6 @@ { "singleQuote": true, - "trailingComma": "none" + "jsxSingleQuote": true, + "trailingComma": "none", + "printWidth": 120 } diff --git a/app/layout.tsx b/app/layout.tsx index 56d1008..cd8de53 100644 --- a/app/layout.tsx +++ b/app/layout.tsx @@ -4,7 +4,7 @@ export const metadata = { title: 'The Myrtle Tree', description: 'A pitch for a game about sound and reliving memories', icons: { - icon: 'favicon.ico' + icon: 'favicon.svg' } }; @@ -14,7 +14,7 @@ export default function RootLayout({ children: React.ReactNode; }) { return ( - + {children} ); diff --git a/app/page.tsx b/app/page.tsx index 38fcb40..4ef7883 100644 --- a/app/page.tsx +++ b/app/page.tsx @@ -1,11 +1,12 @@ import React from 'react'; -// import Headphones from '@/components/headphones'; -// import Header from '@/components/header'; +import Header from '@/components/header'; +import Footer from '@/components/footer'; export default function Home() { return ( -
-

Testing

+
+
+
); } diff --git a/components/footer.tsx b/components/footer.tsx index 167c031..3bddcd7 100644 --- a/components/footer.tsx +++ b/components/footer.tsx @@ -1,5 +1,11 @@ import React from 'react'; +import Menu from '@/components/menu'; export default function Footer() { - return
; + return ( +
+

The Myrtle Tree - A pitch for a game about sound and reliving memories.

+

By Rory Healy.

+
+ ); } diff --git a/components/header.tsx b/components/header.tsx index ba02c3c..6fbd496 100644 --- a/components/header.tsx +++ b/components/header.tsx @@ -1,48 +1,10 @@ -'use client'; - import React from 'react'; -import Image from 'next/image'; -import DropdownMenu from '@radix-ui/react-dropdown-menu'; -import { useState } from 'react'; - -function Menu() { - const darkMode = useState(true); - const menuItems = ['Source code on GitHub', 'Made by Rory Healy']; - return ( - - - Menu - - - - {menuItems.map((text, i) => ( - - {text} - - ))} - - - - ); -} +import Menu from '@/components/menu'; export default function Header() { return ( -
+
- {/* Menu */}
); } diff --git a/components/headphones.tsx b/components/headphones.tsx index 0d5ca32..2e02b09 100644 --- a/components/headphones.tsx +++ b/components/headphones.tsx @@ -5,8 +5,8 @@ export default function Headphones() { return (
Headphones image diff --git a/components/menu.tsx b/components/menu.tsx new file mode 100644 index 0000000..e292dbc --- /dev/null +++ b/components/menu.tsx @@ -0,0 +1,79 @@ +'use client'; + +import React from 'react'; + +import Image from 'next/image'; +import * as DropdownMenu from '@radix-ui/react-dropdown-menu'; +import { useState } from 'react'; + +enum Mode { + Light, + Dark +} + +interface DisplayMode { + current: Mode, + text: string, + icon: string +} + +const darkDisplayMode: DisplayMode = { + current: Mode.Dark, + text: 'Switch to light mode', + icon: 'images/white/sun.svg' +} + +const lightDisplayMode: DisplayMode = { + current: Mode.Light, + text: 'Switch to dark mode', + icon: 'images/black/moon.svg' +} + +export default function Menu() { + const [displayMode, setDisplayMode] = useState(darkDisplayMode); + + const modeSwitch = () => { + if (displayMode.current === Mode.Dark) { + setDisplayMode(lightDisplayMode); + } else if (displayMode.current === Mode.Light) { + setDisplayMode(darkDisplayMode); + } else { + // Might not be necessary + throw new TypeError('Invalid displayMode set.'); + } + }; + + return ( + + + Menu + + + + + +

{displayMode.text}

+ Sun + + + + +

View source on GitHub

+ GitHub logo + + + + +

Made by Rory Healy

+ + + + + ); +} diff --git a/public/favicon.ico b/public/favicon.ico deleted file mode 100644 index ff544f19066ff853661c2d57bf1ede076cf3f801..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 268322 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 diff --git a/public/favicon.svg b/public/favicon.svg new file mode 100644 index 0000000..007c37a --- /dev/null +++ b/public/favicon.svg @@ -0,0 +1,4 @@ + + + + diff --git a/public/images/black/github-logo.svg b/public/images/black/github-logo.svg new file mode 100644 index 0000000..e46612c --- /dev/null +++ b/public/images/black/github-logo.svg @@ -0,0 +1,8 @@ + + + diff --git a/public/images/black/headphones.svg b/public/images/black/headphones.svg new file mode 100644 index 0000000..a1ed177 --- /dev/null +++ b/public/images/black/headphones.svg @@ -0,0 +1,225 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/public/images/black/menu.svg b/public/images/black/menu.svg new file mode 100644 index 0000000..9109132 --- /dev/null +++ b/public/images/black/menu.svg @@ -0,0 +1,4 @@ + + + + diff --git a/public/images/black/moon.svg b/public/images/black/moon.svg new file mode 100644 index 0000000..1dac2ca --- /dev/null +++ b/public/images/black/moon.svg @@ -0,0 +1,8 @@ + + + diff --git a/public/images/pause.svg b/public/images/black/pause.svg similarity index 100% rename from public/images/pause.svg rename to public/images/black/pause.svg diff --git a/public/images/play.svg b/public/images/black/play.svg similarity index 100% rename from public/images/play.svg rename to public/images/black/play.svg diff --git a/public/images/speaker-loud.svg b/public/images/black/speaker-loud.svg similarity index 100% rename from public/images/speaker-loud.svg rename to public/images/black/speaker-loud.svg diff --git a/public/images/speaker-moderate.svg b/public/images/black/speaker-moderate.svg similarity index 100% rename from public/images/speaker-moderate.svg rename to public/images/black/speaker-moderate.svg diff --git a/public/images/speaker-off.svg b/public/images/black/speaker-off.svg similarity index 100% rename from public/images/speaker-off.svg rename to public/images/black/speaker-off.svg diff --git a/public/images/speaker-quiet.svg b/public/images/black/speaker-quiet.svg similarity index 100% rename from public/images/speaker-quiet.svg rename to public/images/black/speaker-quiet.svg diff --git a/public/images/stop.svg b/public/images/black/stop.svg similarity index 100% rename from public/images/stop.svg rename to public/images/black/stop.svg diff --git a/public/images/track-next.svg b/public/images/black/track-next.svg similarity index 100% rename from public/images/track-next.svg rename to public/images/black/track-next.svg diff --git a/public/images/track-previous.svg b/public/images/black/track-previous.svg similarity index 100% rename from public/images/track-previous.svg rename to public/images/black/track-previous.svg diff --git a/public/images/white/github-logo.svg b/public/images/white/github-logo.svg new file mode 100644 index 0000000..9585531 --- /dev/null +++ b/public/images/white/github-logo.svg @@ -0,0 +1,4 @@ + + + + diff --git a/public/images/headphones.svg b/public/images/white/headphones.svg similarity index 98% rename from public/images/headphones.svg rename to public/images/white/headphones.svg index 7a48a34..fc63d21 100644 --- a/public/images/headphones.svg +++ b/public/images/white/headphones.svg @@ -1,9 +1,9 @@ @@ -211,7 +211,7 @@ + + + diff --git a/public/images/white/play.svg b/public/images/white/play.svg new file mode 100644 index 0000000..b6b25d8 --- /dev/null +++ b/public/images/white/play.svg @@ -0,0 +1,4 @@ + + + + diff --git a/public/images/white/speaker-loud.svg b/public/images/white/speaker-loud.svg new file mode 100644 index 0000000..007c37a --- /dev/null +++ b/public/images/white/speaker-loud.svg @@ -0,0 +1,4 @@ + + + + diff --git a/public/images/white/speaker-moderate.svg b/public/images/white/speaker-moderate.svg new file mode 100644 index 0000000..e9559d6 --- /dev/null +++ b/public/images/white/speaker-moderate.svg @@ -0,0 +1,4 @@ + + + + diff --git a/public/images/white/speaker-off.svg b/public/images/white/speaker-off.svg new file mode 100644 index 0000000..7a0655c --- /dev/null +++ b/public/images/white/speaker-off.svg @@ -0,0 +1,4 @@ + + + + diff --git a/public/images/white/speaker-quiet.svg b/public/images/white/speaker-quiet.svg new file mode 100644 index 0000000..be0cffd --- /dev/null +++ b/public/images/white/speaker-quiet.svg @@ -0,0 +1,4 @@ + + + + diff --git a/public/images/white/stop.svg b/public/images/white/stop.svg new file mode 100644 index 0000000..da12e82 --- /dev/null +++ b/public/images/white/stop.svg @@ -0,0 +1,4 @@ + + + + diff --git a/public/images/white/sun.svg b/public/images/white/sun.svg new file mode 100644 index 0000000..d5d4596 --- /dev/null +++ b/public/images/white/sun.svg @@ -0,0 +1,4 @@ + + + + diff --git a/public/images/white/track-next.svg b/public/images/white/track-next.svg new file mode 100644 index 0000000..6e93e1e --- /dev/null +++ b/public/images/white/track-next.svg @@ -0,0 +1,4 @@ + + + + diff --git a/public/images/white/track-previous.svg b/public/images/white/track-previous.svg new file mode 100644 index 0000000..72bf54a --- /dev/null +++ b/public/images/white/track-previous.svg @@ -0,0 +1,4 @@ + + + +