diff --git a/package.json b/package.json index d2ab307..7e252b3 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "react-website", - "version": "0.1.0", + "version": "0.1.9", "private": true, "dependencies": { "@fortawesome/fontawesome": "^1.1.8", diff --git a/public/favicon.ico b/public/favicon.ico index a11777c..8b0567f 100644 Binary files a/public/favicon.ico and b/public/favicon.ico differ diff --git a/src/Website.js b/src/Website.js index 8496ead..4239165 100644 --- a/src/Website.js +++ b/src/Website.js @@ -6,6 +6,7 @@ import Navbar from './components/Navbar' import Home from './screens/Home' import Projects from './screens/Projects' import Experience from './screens/Experience' +import Contact from './screens/Contact' import './Website.css' @@ -19,7 +20,7 @@ class Website extends React.Component { - + diff --git a/src/components/Navbar/index.css b/src/components/Navbar/index.css index 7b2246f..18587c3 100644 --- a/src/components/Navbar/index.css +++ b/src/components/Navbar/index.css @@ -14,7 +14,11 @@ float: right; margin: 5px; padding: 5px 10px; - transition: background-color 0.2s, box-shadow 0.1s; + transition: box-shadow 0.1s; +} + +.navbar-button-close { + background-color: rgb(206, 135, 111); } .navbar-button:active { @@ -22,8 +26,8 @@ } .navbar-menu { - margin: 0 20%; - width: 60%; + margin: 0 18.75%; + width: 62.5%; } .navbar-menu div { @@ -32,7 +36,7 @@ float: left; margin: 1% 2.5%; overflow: hidden; - padding: 5px 0; + padding: 7px 0; text-overflow: ellipsis; transition: background-color 0.2s, box-shadow 0.1s; width: 20%; @@ -59,11 +63,12 @@ } .navbar-menu { - margin: 10%; - width: 80%; + margin: auto; + width: 75%; } .navbar-menu div { margin: 5px 0; + padding: 5px 0; width: 100%; } diff --git a/src/components/Navbar/index.js b/src/components/Navbar/index.js index 82950c5..757b55f 100644 --- a/src/components/Navbar/index.js +++ b/src/components/Navbar/index.js @@ -11,7 +11,7 @@ class Navbar extends React.Component { return ( } - menuCloseButton={
} + menuCloseButton={
} changeMenuOn='500px' largeMenuClassName='navbar' smallMenuClassName='navbar' diff --git a/src/images/In-2C-128px-TM.png b/src/images/In-2C-128px-TM.png new file mode 100644 index 0000000..cce175c Binary files /dev/null and b/src/images/In-2C-128px-TM.png differ diff --git a/src/images/profile.jpg b/src/images/profile.jpg index 4612d9c..f6118ff 100644 Binary files a/src/images/profile.jpg and b/src/images/profile.jpg differ diff --git a/src/screens/Contact/index.css b/src/screens/Contact/index.css new file mode 100644 index 0000000..571153a --- /dev/null +++ b/src/screens/Contact/index.css @@ -0,0 +1,18 @@ +.contact-container { + text-align: center; +} + +.contact-container img { + margin-left: 12px; +} + +.contact-container p { + @import url('https://fonts.googleapis.com/css?family=IBM+Plex+Mono'); + background-color: rgb(216, 221, 233); + border-radius: 5px; + color: rgb(46, 51, 64); + font-family: 'IBM Plex Mono', mono; + margin: 10% auto; + padding: 5px; + width: 150px; +} diff --git a/src/screens/Contact/index.js b/src/screens/Contact/index.js new file mode 100644 index 0000000..d1074c7 --- /dev/null +++ b/src/screens/Contact/index.js @@ -0,0 +1,19 @@ +import React from 'react' + +import './index.css' +import linkedIn from '../../images/In-2C-128px-TM.png' + +class Contact extends React.PureComponent { + render () { + return ( +
+

m@mjfs.us

+ + LinkedIn + +
+ ) + } +} + +export default Contact diff --git a/src/screens/Experience/index.js b/src/screens/Experience/index.js index cb832d4..f063b89 100644 --- a/src/screens/Experience/index.js +++ b/src/screens/Experience/index.js @@ -12,8 +12,8 @@ class Experience extends React.PureComponent {
Hypremium.
May 2018 - Present
    -
  • Architect all new backend microservices, using Serverless, AWS API Gateway/Lambda, and Golang.
  • -
  • Lead backend development team.
  • +
  • Architect all new backend microservices using Serverless, AWS API Gateway/Lambda/more, and Golang.
  • +
  • Lead backend development team in an Agile (scrumban) environment.
  • Monitor and maintain all stages of hosted microservices.
diff --git a/src/screens/Home/index.js b/src/screens/Home/index.js index 5b9ae12..3dcfc6e 100644 --- a/src/screens/Home/index.js +++ b/src/screens/Home/index.js @@ -11,9 +11,9 @@ class Home extends React.PureComponent {

Hello and welcome,

My name is Mitchell Simon. I am the Lead Backend Engineer at - Hypremium, where I architect and maintain our servlerless arcitecture, + Hypremium, where I lead the architecture of and maintain our serverless, Golang backend. I also offer my skills as a consulting/independent - web & software developer. + web & cloud developer.

My professional interests include web development (with an diff --git a/src/screens/Projects/index.js b/src/screens/Projects/index.js index 4895d50..77369c3 100644 --- a/src/screens/Projects/index.js +++ b/src/screens/Projects/index.js @@ -23,7 +23,7 @@ class Projects extends React.PureComponent {

destinate

- Destinate is a react-native, iOS (and Android) app. Its main objective + 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