commit 6f24f19897bcb46500af0f74fff28f85d86ae257 Author: Warwick Date: Fri Nov 6 16:54:59 2020 +0000 Got a good amount of the most important content in the project. diff --git a/.babelrc b/.babelrc new file mode 100644 index 0000000..ec8664d --- /dev/null +++ b/.babelrc @@ -0,0 +1,8 @@ +{ + "plugins": [ + ["@babel/plugin-transform-react-jsx", { + "pragma": "h", + "pragmaFrag": "Fragment", + }] + ] +} diff --git a/index.html b/index.html new file mode 100644 index 0000000..e75dd03 --- /dev/null +++ b/index.html @@ -0,0 +1,5 @@ + + + + + diff --git a/package.json b/package.json new file mode 100644 index 0000000..11af750 --- /dev/null +++ b/package.json @@ -0,0 +1,26 @@ +{ + "name": "portfolio-site", + "version": "1.0.0", + "description": "Portfolio Site", + "main": "src/index.jsx", + "scripts": { + "start": "parcel index.html" + }, + "author": "", + "license": "BSD-2-Clause", + "devDependencies": { + "@babel/core": "^7.12.3", + "@babel/plugin-transform-react-jsx": "^7.12.1", + "parcel-bundler": "^1.12.4" + }, + "dependencies": { + "@material-ui/core": "^4.11.0", + "preact": "^10.5.5" + }, + "skipLibCheck": true, + "alias": { + "react": "preact/compat", + "react-dom/test-utils": "preact/test-utils", + "react-dom": "preact/compat" + } +} diff --git a/src/GameProjects.jsx b/src/GameProjects.jsx new file mode 100644 index 0000000..e69de29 diff --git a/src/Greeting.jsx b/src/Greeting.jsx new file mode 100644 index 0000000..bd0c7a0 --- /dev/null +++ b/src/Greeting.jsx @@ -0,0 +1,41 @@ +import { h, render, Component } from "preact"; +import { + Container, + Card, + CardActions, + CardContent, + Typography, + Button, +} from "@material-ui/core"; +import CV from "../static/cv.pdf"; + +class Greeting extends Component { + render() { + return ( + +

+ + + Welcome + + Hi, My name is Warwick and I'm a Fullstack Web Developer with an + academeic background in Computing for Games and Entrepreneurship. + + Availability + + I'm currently looking for work if you think my skills may be + relevant to you. My CV and previous projects can be found below. + + + + + + + + ); + } +} + +export default Greeting; diff --git a/src/Header.jsx b/src/Header.jsx new file mode 100644 index 0000000..8540c82 --- /dev/null +++ b/src/Header.jsx @@ -0,0 +1,18 @@ +import { h, render, Component } from "preact"; +import { AppBar, Toolbar, Container, Typography } from "@material-ui/core"; + +class Header extends Component { + render() { + return ( + + + + Warwick New + + + + ); + } +} + +export default Header; diff --git a/src/WebProjects.jsx b/src/WebProjects.jsx new file mode 100644 index 0000000..1fc7805 --- /dev/null +++ b/src/WebProjects.jsx @@ -0,0 +1,55 @@ +import { h, render, Component } from "preact"; +import { + Container, + Card, + CardHeader, + CardMedia, + CardActions, + CardContent, + Typography, + Button, +} from "@material-ui/core"; +import RambleScreenshot from "../static/images/RambleScreenshot.png"; +class WebProjects extends Component { + render() { + return ( + +

+ Web Development Projects + + + + + + In this project I acted as CTO and built a website that allowed + users to stream their podcasts live and accept call ins in a + similar vain to talk shows! I learnt the entire javascript web + development stack from react to audio streaming to devops in order + to make it a reality. + + + + + + + + + ); + } +} +export default WebProjects; diff --git a/src/index.jsx b/src/index.jsx new file mode 100644 index 0000000..9e9a876 --- /dev/null +++ b/src/index.jsx @@ -0,0 +1,29 @@ +import { h, render, Component } from "preact"; +import { Container, Grid, Button, Typography } from "@material-ui/core"; +import { ThemeProvider } from "@material-ui/core/styles"; +import theme from "./theme"; +import Header from "./Header"; +import Greeting from "./Greeting"; +import WebProjects from "./WebProjects"; + +class App extends Component { + render() { + return ( + +

+ + + + Hi + + + + + ); + } +} + +render(, document.body); diff --git a/src/theme.js b/src/theme.js new file mode 100644 index 0000000..8ed0cab --- /dev/null +++ b/src/theme.js @@ -0,0 +1,14 @@ +import { createMuiTheme } from "@material-ui/core/styles"; +import { orange, green, deepPurple } from "@material-ui/core/colors"; + +const theme = createMuiTheme({ + palette: { + primary: green, + secondary: deepPurple, + }, + status: { + danger: orange, + }, +}); + +export default theme; diff --git a/static/cv.pdf b/static/cv.pdf new file mode 100644 index 0000000..4f5dd24 Binary files /dev/null and b/static/cv.pdf differ diff --git a/static/images/RambleScreenshot.png b/static/images/RambleScreenshot.png new file mode 100644 index 0000000..28fc660 Binary files /dev/null and b/static/images/RambleScreenshot.png differ