mitchell
/
mjfs.us
mirror of https://github.com/mitchell/mjfs.us.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Update content on home and projects; 

minor refactors to project layout; new sans font
This commit is contained in:
mitchell 2019-01-26 16:30:09 -08:00
parent 0a11346225
commit 134b661205
11 changed files with 68 additions and 63 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
package.json
View File

@ -1,6 +1,6 @@
{ {
"name": "mjfs.us", "name": "mjfs.us",
"version": "0.3.5", "version": "0.4.0",
"private": true, "private": true,
"dependencies": { "dependencies": {
"@fortawesome/fontawesome": "^1.1.8", "@fortawesome/fontawesome": "^1.1.8",

27
public/index.html
View File

@ -1,15 +1,18 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <meta
<meta name="theme-color" content="#000000"> 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 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/ 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="manifest" href="%PUBLIC_URL%/manifest.json" />
<link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico"> <link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico" />
<!-- <!--
Notice the use of %PUBLIC_URL% in the tags above. Notice the use of %PUBLIC_URL% in the tags above.
It will be replaced with the URL of the `public` folder during the build. 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. 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`. 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
<link href="https://fonts.googleapis.com/css?family=IBM+Plex+Mono" rel="stylesheet"> 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> <title>Mitchell J. F. Simon</title>
</head> </head>
<body> <body>
<noscript> <noscript> You need to enable JavaScript to run this app. </noscript>
You need to enable JavaScript to run this app.
</noscript>
<div id="root"></div> <div id="root"></div>
<!-- <!--
This HTML file is a template. This HTML file is a template.

0
src/containers/Contact/index.css → src/components/Contact/index.css
View File

0
src/containers/Contact/index.js → src/components/Contact/index.js
View File

2
src/components/Header/index.js
View File

@ -12,7 +12,7 @@ class Header extends React.PureComponent<Props> {
return ( return (
<div className="header-container"> <div className="header-container">
<h2>Mitchell J. F. Simon</h2> <h2>Mitchell J. F. Simon</h2>
<SmallText>Lead Backend Engineer, Hypremium.</SmallText> <SmallText>Lead Software Engineer (Backend), Hypremium.</SmallText>
</div> </div>
) )
} }

1
src/containers/Home/index.css → src/components/Home/index.css
View File

@ -6,6 +6,7 @@
border-radius: 3px; border-radius: 3px;
display: block; display: block;
float: left; float: left;
margin-bottom: 100%;
margin-right: 1%; margin-right: 1%;
width: 37%; width: 37%;
} }

42
src/components/Home/index.js Normal file
View File

@ -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&#39;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

38
src/containers/Home/index.js
View File

@ -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&#39;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

6
src/data/projects.json
View File

@ -14,7 +14,7 @@
"alt": "Maintainability" "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" "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", "title": "destinate",
"repoUrl": "https://github.com/mitchell/destinate", "repoUrl": "https://github.com/mitchell/destinate",
"badges": [], "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."
}, },
{ {

2
src/index.css
View File

@ -1,6 +1,6 @@
body { body {
background-color: rgb(46, 51, 65); background-color: rgb(46, 51, 65);
color: rgb(254, 255, 254); color: rgb(254, 255, 254);
font-family: "Gothic A1", sans-serif; font-family: "IBM Plex Sans", sans-serif;
font-size: 100%; font-size: 100%;
} }

11
src/routes/routes.js
View File

@ -1,8 +1,7 @@
// @flow // @flow
import Home from "../containers/Home" import Home from "../components/Home"
import Projects from "../containers/Projects" import Projects from "../containers/Projects"
// import Experience from "../containers/Experience" import Contact from "../components/Contact"
import Contact from "../containers/Contact"
const routes = [ const routes = [
{ {
@ -17,12 +16,6 @@ const routes = [
component: Projects, component: Projects,
exact: false exact: false
}, },
// {
// path: "/experience",
// name: "Experience",
// component: Experience,
// exact: false
// },
{ {
path: "/contact", path: "/contact",
name: "Contact", name: "Contact",