-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
* build(yarn): add react-responsive * feat: use different app components for different screen sizes * style(fonts): add new source code pro font * build(yarn): add arwes packages * style(theme): add new elements to the theme * style: refactored the theme to use the arwes (emotion) methods * refactor: move cv version to constants * refactor: use shorthand imports * style: add new grey colour * feat: add new mobile site with links and new UI * refactor: updates version command to use a normal ts file * style: make pretty on smaller screens
- Loading branch information
Kieran O'Neill
authored
Sep 15, 2021
1 parent
797db47
commit 199854d
Showing
34 changed files
with
643 additions
and
136 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,3 @@ | ||
| declare module '*.ttf'; | ||
| declare module '*.woff'; | ||
| declare module '*.woff2'; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,100 @@ | ||
| import Terminal from '@kieranroneill/terminal-in-react'; | ||
| import React, { useState } from 'react'; | ||
| import styled from 'styled-components'; | ||
|
|
||
| // Commands | ||
| import { | ||
| getAsteroidsCmd, | ||
| getBarrelRollCmd, | ||
| getCVCmd, | ||
| getGithubCmd, | ||
| getLinkedInCmd, | ||
| getTwitterCmd, | ||
| getVersion, | ||
| } from '../../commands'; | ||
|
|
||
| // Components | ||
| import AsteroidsGame from '../AsteroidsGame'; | ||
| import BarrelRoll from '../BarrelRoll'; | ||
|
|
||
| // Descriptions | ||
| import { | ||
| asteroidsDescription, | ||
| barrelrollDescription, | ||
| cvDescription, | ||
| githubDescription, | ||
| linkedinDescription, | ||
| twitterDescription, | ||
| versionDescription, | ||
| } from '../../descriptions'; | ||
|
|
||
| // Theme | ||
| import { palette } from '../../theme'; | ||
|
|
||
| const WrapComponent = styled.div` | ||
| display: flex; | ||
| flex-direction: row; | ||
| height: 100vh; | ||
| `; | ||
|
|
||
| const DesktopApp: React.FC = () => { | ||
| const [asteroidsOpen, setAsteroidsOpen] = useState<boolean>(false); | ||
| const [barrelRolling, setBarrelRolling] = useState<boolean>(false); | ||
| const msg: string = ` | ||
| Welcome to | ||
| __ _ _ ____ | ||
| / /__(_)__ _________ _____ ____ ____ ___ (_) / /_________ ____ ___ | ||
| / // / / _ \\/ ___/ __ \`/ __ \\/ __ \\/ __ \\/ _ \\/ / / // ___/ __ \\/ __ \`__ \\ | ||
| / , </ / __/ / / /_/ / / / / /_/ / / / / __/ / / // /__/ /_/ / / / / / / | ||
| /_/|_/_/\\___/_/ \\__,_/_/ /_/\\____/_/ /_/\\___/_/_/_(_)___/\\____/_/ /_/ /_/ | ||
| Type \`help\` to begin' | ||
| `; | ||
|
|
||
| return ( | ||
| <> | ||
| {asteroidsOpen && ( | ||
| <AsteroidsGame onClose={() => setAsteroidsOpen(false)} /> | ||
| )} | ||
| <BarrelRoll | ||
| onComplete={() => setBarrelRolling(false)} | ||
| roll={barrelRolling} | ||
| /> | ||
| <WrapComponent> | ||
| <Terminal | ||
| allowTabs={false} | ||
| backgroundColor="black" | ||
| color={palette.brand.primary.main} | ||
| commands={{ | ||
| asteroids: getAsteroidsCmd(setAsteroidsOpen), | ||
| barrelroll: getBarrelRollCmd(setBarrelRolling), | ||
| cv: getCVCmd(), | ||
| github: getGithubCmd(), | ||
| linkedin: getLinkedInCmd(), | ||
| twitter: getTwitterCmd(), | ||
| version: getVersion(), | ||
| }} | ||
| descriptions={{ | ||
| asteroids: asteroidsDescription, | ||
| barrelroll: barrelrollDescription, | ||
| cv: cvDescription, | ||
| github: githubDescription, | ||
| linkedin: linkedinDescription, | ||
| twitter: twitterDescription, | ||
| version: versionDescription, | ||
| }} | ||
| hideTopBar={true} | ||
| msg={msg} | ||
| promptSymbol="$ " | ||
| showActions={false} | ||
| startState="maximised" | ||
| style={{ | ||
| display: asteroidsOpen ? 'none' : 'block', | ||
| }} | ||
| /> | ||
| </WrapComponent> | ||
| </> | ||
| ); | ||
| }; | ||
|
|
||
| export default DesktopApp; |
Oops, something went wrong.