mitchell/mjfs.us
1
0
Fork 0
mirror of https://github.com/mitchell/mjfs.us.git synced 2025-12-19 13:47:22 +00:00
Code Issues Projects Releases Packages Wiki Activity

Renamed screens/ to containers/; changed from standard to prettier; modified quick bio; version bump; changed from yarn back to npm

Browse source
This commit is contained in:
mitchelljfs 2018-07-01 23:06:34 -07:00
parent e800ba76b6
commit 63362a9c8d
25 changed files with 11524 additions and 7789 deletions
Download patch file Download diff file Expand all files Collapse all files

12
src/components/ClearButton/index.js
View file

@ -1,12 +1,14 @@
import React from 'react'
import PropTypes from 'prop-types'
import React from "react"
import PropTypes from "prop-types"
import './index.css'
import "./index.css"
class ClearButton extends React.PureComponent {
render () {
render() {
return (
<a className='clear-button' href={this.props.href}>{this.props.children}</a>
<a className="clear-button" href={this.props.href}>
{this.props.children}
</a>
)
}
}

10
src/components/Header/index.js
View file

@ -1,13 +1,13 @@
import React from 'react'
import React from "react"
import SmallText from '../SmallText'
import SmallText from "../SmallText"
import './index.css'
import "./index.css"
class Header extends React.PureComponent {
render () {
render() {
return (
<div className='header-container'>
<div className="header-container">
<h2>Mitchell J. F. Simon</h2>
<SmallText>Lead Backend Engineer, Hypremium.</SmallText>
</div>

50
src/components/Navbar/index.js
View file

@ -1,26 +1,42 @@
import React from 'react'
import ResponsiveMenu from 'react-responsive-navbar'
import { NavLink } from 'react-router-dom'
import FontAwesomeIcon from '@fortawesome/react-fontawesome'
import faBars from '@fortawesome/fontawesome-free-solid/faBars'
import React from "react"
import ResponsiveMenu from "react-responsive-navbar"
import { NavLink } from "react-router-dom"
import FontAwesomeIcon from "@fortawesome/react-fontawesome"
import faBars from "@fortawesome/fontawesome-free-solid/faBars"
import './index.css'
import "./index.css"
class Navbar extends React.Component {
render () {
render() {
return (
<ResponsiveMenu
menuOpenButton={<div className='navbar-button'><FontAwesomeIcon icon={faBars} /></div>}
menuCloseButton={<div className='navbar-button navbar-button-close'><FontAwesomeIcon icon={faBars} /></div>}
changeMenuOn='500px'
largeMenuClassName='navbar'
smallMenuClassName='navbar'
menuOpenButton={
<div className="navbar-button">
<FontAwesomeIcon icon={faBars} />
</div>
}
menuCloseButton={
<div className="navbar-button navbar-button-close">
<FontAwesomeIcon icon={faBars} />
</div>
}
changeMenuOn="500px"
largeMenuClassName="navbar"
smallMenuClassName="navbar"
menu={
<div className='navbar-menu'>
<NavLink activeClassName='active-button' exact to='/'><div>Home</div></NavLink>
<NavLink activeClassName='active-button' to='/projects'><div>Projects</div></NavLink>
<NavLink activeClassName='active-button' to='/experience'><div>Experience</div></NavLink>
<NavLink activeClassName='active-button' to='/contact'><div>Contact</div></NavLink>
<div className="navbar-menu">
<NavLink activeClassName="active-button" exact to="/">
<div>Home</div>
</NavLink>
<NavLink activeClassName="active-button" to="/projects">
<div>Projects</div>
</NavLink>
<NavLink activeClassName="active-button" to="/experience">
<div>Experience</div>
</NavLink>
<NavLink activeClassName="active-button" to="/contact">
<div>Contact</div>
</NavLink>
</div>
}
/>

12
src/components/SmallText/index.js
View file

@ -1,13 +1,11 @@
import React from 'react'
import PropTypes from 'prop-types'
import React from "react"
import PropTypes from "prop-types"
import './index.css'
import "./index.css"
class SmallText extends React.PureComponent {
render () {
return (
<div className='small-text'>{this.props.children}</div>
)
render() {
return <div className="small-text">{this.props.children}</div>
}
}