diff options
| -rw-r--r-- | index.html | 2 | ||||
| -rw-r--r-- | public/favicon.ico | bin | 0 -> 15406 bytes | |||
| -rw-r--r-- | src/components/Apps.tsx | 30 | ||||
| -rw-r--r-- | src/components/CloseWindow.tsx | 9 | ||||
| -rw-r--r-- | src/components/Home.tsx | 2 | ||||
| -rw-r--r-- | src/components/Layout.tsx | 5 | ||||
| -rw-r--r-- | src/routes/index.tsx | 2 |
7 files changed, 44 insertions, 6 deletions
@@ -3,7 +3,7 @@ <html lang="en"> <head> <meta charset="UTF-8" /> - <link rel="icon" type="image/svg+xml" href="/star.svg" /> + <link rel="icon" type="image/png" href="/favicon.ico"> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Adam M.</title> diff --git a/public/favicon.ico b/public/favicon.ico Binary files differnew file mode 100644 index 0000000..cae3062 --- /dev/null +++ b/public/favicon.ico diff --git a/src/components/Apps.tsx b/src/components/Apps.tsx new file mode 100644 index 0000000..e4dea26 --- /dev/null +++ b/src/components/Apps.tsx @@ -0,0 +1,30 @@ +import { useState, useEffect } from "react"; +//import { Link } from "react-router-dom"; +//import GameCard from "./GameCard"; +//import Button from "./Button"; +//import { GameType } from "../types"; + + +export default function Apps () { + //const [games, setGames] = useState<GameType[]>([]); + + + return( + <> + <div> + <div className="flex flex-col gap-16 max-w-6xl shrink"> + <div className="title font-bold text-6xl font-title">Apps</div> + <div className="jumbotron jumbotron-fluid bg-transparent"> + <div className="container secondary-color"> + </div> + </div> + <div className="prose prose-invert-off"> + <h1>Game Holster</h1> + <p>This is a work in progress thingie</p> + <p>talk about your app here</p> + </div> + </div> + </div> + </> + ); +} diff --git a/src/components/CloseWindow.tsx b/src/components/CloseWindow.tsx index 40c5962..bb33e0a 100644 --- a/src/components/CloseWindow.tsx +++ b/src/components/CloseWindow.tsx @@ -1,10 +1,17 @@ //import { Link } from "react-router-dom"; //export default () => ( -export default function Home () { +export default function CloseWindow () { + // trigger localStorage listener in other tabs. + // this forces react rerender where required. localStorage.setItem("logged in trigger", String(Math.random())); + // close window once done window.close(); + + // window can only be closed if it was opened by javascript. + // if the window was opened by a user then just redirect to + // the home page instead. window.location.replace("/"); return( diff --git a/src/components/Home.tsx b/src/components/Home.tsx index 7430549..ec15c9b 100644 --- a/src/components/Home.tsx +++ b/src/components/Home.tsx @@ -1,6 +1,4 @@ -//import { Link } from "react-router-dom"; -//export default () => ( export default function Home () { return( <> diff --git a/src/components/Layout.tsx b/src/components/Layout.tsx index fc50468..3d3747d 100644 --- a/src/components/Layout.tsx +++ b/src/components/Layout.tsx @@ -16,11 +16,12 @@ export default function Layout ({userData}: userData) <nav id="sidebar-content" dir="rtl" className="text-stone-50 p-6 w-full h-screen overflow-y-auto overflow-x-hidden"> <div dir='ltr'> { userData.name ? <div className="flex items-end gap-2 pb-2"> <div className="text-xs"> Logged in as: </div> <div>{userData.name}</div> </div> : <a href="" onClick={loginLink} className="pb-2"> Login with Github </a> } - <div className="text-3xl py-10 text-center font-title">Tradam</div> + <div className="text-3xl py-10 text-center font-title">Adam <br/>Malczewski</div> <div className="flex flex-col items-center gap-1"> <Button link={ <Link to="/" className="absolute flex top-0 left-0 w-36 h-16 text-stone-50 bg-transparent justify-center items-center" role="button"><div className="h-min">About Me</div></Link> }/> - <Button link={ <Link to="/blogs" className="absolute flex top-0 left-0 w-36 h-16 text-stone-50 bg-transparent justify-center items-center" role="button"><div className="h-min">Blog</div></Link> }/> + <Button link={ <Link to="/apps" className="absolute flex top-0 left-0 w-36 h-16 text-stone-50 bg-transparent justify-center items-center" role="button"><div className="h-min">Apps</div></Link> }/> <Button link={ <Link to="/games" className="absolute flex top-0 left-0 w-36 h-16 text-stone-50 bg-transparent justify-center items-center" role="button"><div className="h-min">Games</div></Link> }/> + {/*<Button link={ <Link to="/blogs" className="absolute flex top-0 left-0 w-36 h-16 text-stone-50 bg-transparent justify-center items-center" role="button"><div className="h-min">Blog</div></Link> }/>*/} <Button link={ <div className="text-stone-50 bg-transparent w-36 h-16 flex justify-center items-center"> <a id="contact" href="mailto:[email protected]" className="w-36 h-16 relative text-center whitespace-nowrap flex justify-center items-center"> <div className="contact w-36 h-16 flex items-center justify-center"> diff --git a/src/routes/index.tsx b/src/routes/index.tsx index 71cfd3b..bab58be 100644 --- a/src/routes/index.tsx +++ b/src/routes/index.tsx @@ -5,6 +5,7 @@ import Blogs from "../components/Blogs"; import Games from "../components/Games"; import UploadGame from "../components/UploadGame"; import Game from "../components/Game"; +import Apps from "../components/Apps"; import Layout from "../components/Layout"; import CloseWindow from "../components/CloseWindow"; @@ -45,6 +46,7 @@ export default function Index() <Route path="/games" element={<Games />} /> <Route path="/games/upload" element={<UploadGame />} /> <Route path="/game/:game" element={<Game />} /> + <Route path="/apps" element={<Apps />} /> <Route path="/closewindow" element={<CloseWindow />} /> </Route> </Routes> |