mirror of https://github.com/mitchell/mjfs.us.git
Update content on home and projects;
minor refactors to project layout; new sans font
This commit is contained in:
mitchell
parent
0a11346225
commit
134b661205
|
|
@ -1,6 +1,6 @@
|
|||
{
|
||||
"name": "mjfs.us",
|
||||
"version": "0.3.5",
|
||||
"version": "0.4.0",
|
||||
"private": true,
|
||||
"dependencies": {
|
||||
"@fortawesome/fontawesome": "^1.1.8",
|
||||
|
|
|
|||
|
|
@ -1,15 +1,18 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||||
<meta name="theme-color" content="#000000">
|
||||
<meta charset="utf-8" />
|
||||
<meta
|
||||
name="viewport"
|
||||
content="width=device-width, initial-scale=1, shrink-to-fit=no"
|
||||
/>
|
||||
<meta name="theme-color" content="#000000" />
|
||||
<!--
|
||||
manifest.json provides metadata used when your web app is added to the
|
||||
homescreen on Android. See https://developers.google.com/web/fundamentals/engage-and-retain/web-app-manifest/
|
||||
-->
|
||||
<link rel="manifest" href="%PUBLIC_URL%/manifest.json">
|
||||
<link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico">
|
||||
<link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
|
||||
<link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico" />
|
||||
<!--
|
||||
Notice the use of %PUBLIC_URL% in the tags above.
|
||||
It will be replaced with the URL of the `public` folder during the build.
|
||||
|
|
@ -19,14 +22,18 @@
|
|||
work correctly both with client-side routing and a non-root public URL.
|
||||
Learn how to configure a non-root public URL by running `npm run build`.
|
||||
-->
|
||||
<link href="https://fonts.googleapis.com/css?family=Gothic+A1" rel="stylesheet">
|
||||
<link href="https://fonts.googleapis.com/css?family=IBM+Plex+Mono" rel="stylesheet">
|
||||
<link
|
||||
href="https://fonts.googleapis.com/css?family=IBM+Plex+Mono"
|
||||
rel="stylesheet"
|
||||
/>
|
||||
<link
|
||||
href="https://fonts.googleapis.com/css?family=IBM+Plex+Sans"
|
||||
rel="stylesheet"
|
||||
/>
|
||||
<title>Mitchell J. F. Simon</title>
|
||||
</head>
|
||||
<body>
|
||||
<noscript>
|
||||
You need to enable JavaScript to run this app.
|
||||
</noscript>
|
||||
<noscript> You need to enable JavaScript to run this app. </noscript>
|
||||
<div id="root"></div>
|
||||
<!--
|
||||
This HTML file is a template.
|
||||
|
|
|
|||
|
|
@ -12,7 +12,7 @@ class Header extends React.PureComponent<Props> {
|
|||
return (
|
||||
<div className="header-container">
|
||||
<h2>Mitchell J. F. Simon</h2>
|
||||
<SmallText>Lead Backend Engineer, Hypremium.</SmallText>
|
||||
<SmallText>Lead Software Engineer (Backend), Hypremium.</SmallText>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
|
|
|||
|
|
@ -6,6 +6,7 @@
|
|||
border-radius: 3px;
|
||||
display: block;
|
||||
float: left;
|
||||
margin-bottom: 100%;
|
||||
margin-right: 1%;
|
||||
width: 37%;
|
||||
}
|
||||
|
|
@ -0,0 +1,42 @@
|
|||
// @flow
|
||||
import React from "react"
|
||||
|
||||
import "./index.css"
|
||||
import profile from "../../images/profile.jpg"
|
||||
|
||||
type Props = {}
|
||||
|
||||
class Home extends React.PureComponent<Props> {
|
||||
render() {
|
||||
return (
|
||||
<div className="home-container">
|
||||
<img src={profile} alt="Profile" />
|
||||
<p>Hello and welcome,</p>
|
||||
<p>
|
||||
I am a software developer, with an expertise in serverless (FaaS)
|
||||
service architecture. Most of my experience is in web services, and
|
||||
the languages I am currently proficient in include Go, JavaScript, and
|
||||
Ruby. I build web services with APIs mostly utilizing the REST
|
||||
architectural style, and various relational and key-value DBMS. In
|
||||
addition to this, I am acclimated with JaveScript client-side
|
||||
development, like React.js & Native. I'm currently working to
|
||||
acclimate myself with GraphQL and Docker deployments.
|
||||
</p>
|
||||
<p>
|
||||
My professional interests, aside from the above, include software
|
||||
architecture, system administration, development tools, and business
|
||||
development. My personal interests include music performance, skiing,
|
||||
and politics.
|
||||
</p>
|
||||
<p />
|
||||
<p>
|
||||
Thank you for reading my quick bio. If you would like to contact me
|
||||
visit the contact page for all of your options.
|
||||
</p>
|
||||
<p className="signature">- Mitchell J. F. Simon, III</p>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
}
|
||||
|
||||
export default Home
|
||||
|
|
@ -1,38 +0,0 @@
|
|||
// @flow
|
||||
import React from "react"
|
||||
|
||||
import "./index.css"
|
||||
import profile from "../../images/profile.jpg"
|
||||
|
||||
type Props = {}
|
||||
|
||||
class Home extends React.PureComponent<Props> {
|
||||
render() {
|
||||
return (
|
||||
<div className="home-container">
|
||||
<img src={profile} alt="Profile" />
|
||||
<p>Hello and welcome,</p>
|
||||
<p>
|
||||
My name is Mitchell Simon. I am the Lead Backend Engineer at
|
||||
Hypremium. Where I lead the architecture of and maintain our
|
||||
platform's backend API. I also offer my skills as a consulting web
|
||||
& cloud developer.
|
||||
</p>
|
||||
<p>
|
||||
My professional interests include web development (with an emphasis on
|
||||
backend), software architecture, system administration, cloud
|
||||
architecture, software engineering, cybersecurity, and business
|
||||
administration. My personal interests include music performance,
|
||||
skiing, and politics.
|
||||
</p>
|
||||
<p>
|
||||
Thank you for reading my quick bio. If you would like to contact me
|
||||
visit the contact page for all of your options.
|
||||
</p>
|
||||
<p className="signature">- Mitchell J. F. Simon, III</p>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
}
|
||||
|
||||
export default Home
|
||||
|
|
@ -14,7 +14,7 @@
|
|||
"alt": "Maintainability"
|
||||
}
|
||||
],
|
||||
"description": "This is the source code for this site, which currently utilizes the React.js library. In the past it was built using plain HTML, then Sinatra. It was developed using ESLint, Prettier, Flow, and continously deployed using Travis CI. The site itself is hosted on S3 and distributed to several cache locations around the world using Cloudfront."
|
||||
"description": "This is the source code for this site, which currently utilizes the React.js library. In the past it was built using plain HTML, then Sinatra. It was developed using Flow, and continously deployed using Travis CI. The site itself is hosted on S3 and distributed to several cache locations around the world using Cloudfront."
|
||||
},
|
||||
|
||||
{
|
||||
|
|
@ -37,14 +37,14 @@
|
|||
"alt": "Maintainability"
|
||||
}
|
||||
],
|
||||
"description": "This package will become a fully featured AWS Lambda function router, able to respond to HTTP, Schedule, Cognito, and SNS events. It will also support middleware interfacing. So far it includes functionality for API Gateway. Check out the GoDoc Reference to see how to instantiate a router and create endpoints."
|
||||
"description": "So far this package can create a router and routes whose execution utilizes a middleware context pattern, all in one Golang Lambda function. It has full test coverage, and is currently deployed in numerous services where I am employed. Check out the GoDoc Reference to see how to instantiate a router and create endpoints."
|
||||
},
|
||||
|
||||
{
|
||||
"title": "destinate",
|
||||
"repoUrl": "https://github.com/mitchell/destinate",
|
||||
"badges": [],
|
||||
"description": "destinate is a react-native, iOS (and Android) app. Its main objective is to suggest places or activities to the user based on their past choices. It utilizes a serverless backend, written in Go and hosted on AWS API Gateway/Lambda. It is still under development, as a side project of Arash Lari and I."
|
||||
"description": "destinate is a react-native, iOS (and Android) app. Its main objective is to suggest places or activities to the user based on their past choices. It utilizes a serverless backend, written in Go and hosted on AWS API Gateway/Lambda. It is still under development, as a side project of Arash Lari and myself."
|
||||
},
|
||||
|
||||
{
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
body {
|
||||
background-color: rgb(46, 51, 65);
|
||||
color: rgb(254, 255, 254);
|
||||
font-family: "Gothic A1", sans-serif;
|
||||
font-family: "IBM Plex Sans", sans-serif;
|
||||
font-size: 100%;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,8 +1,7 @@
|
|||
// @flow
|
||||
import Home from "../containers/Home"
|
||||
import Home from "../components/Home"
|
||||
import Projects from "../containers/Projects"
|
||||
// import Experience from "../containers/Experience"
|
||||
import Contact from "../containers/Contact"
|
||||
import Contact from "../components/Contact"
|
||||
|
||||
const routes = [
|
||||
{
|
||||
|
|
@ -17,12 +16,6 @@ const routes = [
|
|||
component: Projects,
|
||||
exact: false
|
||||
},
|
||||
// {
|
||||
// path: "/experience",
|
||||
// name: "Experience",
|
||||
// component: Experience,
|
||||
// exact: false
|
||||
// },
|
||||
{
|
||||
path: "/contact",
|
||||
name: "Contact",
|
||||
|
|
|
|||
Loading…
Reference in New Issue