Commit e22b6120 authored by Mark Repka's avatar Mark Repka

Update Prettier rules

parent 406956b1
{
"endOfLine": "lf",
"semi": false,
"semi": true,
"singleQuote": false,
"tabWidth": 2,
"tabWidth": 4,
"trailingComma": "es5"
}
......@@ -7,6 +7,6 @@
"src/styles/webfonts/*.woff": true,
"src/styles/webfonts/*.woff2": true,
"src/styles/webfonts/*.svg": true,
"src/styles/css/*.min.css": true,
"src/styles/css/*.min.css": true
}
}
\ No newline at end of file
}
......@@ -86,9 +86,9 @@ A quick look at the top-level files and directories you'll see in a Gatsby proje
Looking for more guidance? Full documentation for Gatsby lives [on the website](https://www.gatsbyjs.org/). Here are some places to start:
- **For most developers, we recommend starting with our [in-depth tutorial for creating a site with Gatsby](https://www.gatsbyjs.org/tutorial/).** It starts with zero assumptions about your level of ability and walks through every step of the process.
- **For most developers, we recommend starting with our [in-depth tutorial for creating a site with Gatsby](https://www.gatsbyjs.org/tutorial/).** It starts with zero assumptions about your level of ability and walks through every step of the process.
- **To dive straight into code samples, head [to our documentation](https://www.gatsbyjs.org/docs/).** In particular, check out the _Guides_, _API Reference_, and _Advanced Tutorials_ sections in the sidebar.
- **To dive straight into code samples, head [to our documentation](https://www.gatsbyjs.org/docs/).** In particular, check out the _Guides_, _API Reference_, and _Advanced Tutorials_ sections in the sidebar.
## 💫 Deploy
......
import "./src/styles/css/reset.min.css"
import "./src/styles/css/all.min.css"
import "./src/styles/css/repka.css"
console.log("Gatsby Browser");
\ No newline at end of file
import "./src/styles/css/reset.min.css";
import "./src/styles/css/all.min.css";
import "./src/styles/css/repka.css";
console.log("Gatsby Browser");
module.exports = {
siteMetadata: {
title: `Mark Repka Website`,
description: `repkam09.com`,
author: `@repkam09`,
},
plugins: [
`gatsby-plugin-react-helmet`,
{
resolve: `gatsby-source-filesystem`,
options: {
name: `images`,
path: `${__dirname}/src/images`,
},
siteMetadata: {
title: `Mark Repka Website`,
description: `repkam09.com`,
author: `@repkam09`,
},
`gatsby-transformer-sharp`,
`gatsby-plugin-sharp`
],
}
plugins: [
`gatsby-plugin-react-helmet`,
{
resolve: `gatsby-source-filesystem`,
options: {
name: `images`,
path: `${__dirname}/src/images`,
},
},
`gatsby-transformer-sharp`,
`gatsby-plugin-sharp`,
],
};
{
"name": "gatsby-starter-default",
"name": "repkam09-com-gatsby",
"private": true,
"description": "A simple starter to get up and developing quickly with Gatsby",
"description": "Website, repkam09.com, rewritten in Gatsby/React",
"version": "0.1.0",
"author": "Kyle Mathews <mathews.kyle@gmail.com>",
"author": "Mark Repka <mark@repkam09.com>",
"dependencies": {
"gatsby": "^2.18.17",
"gatsby-image": "^2.2.37",
......
import React from "react"
import "./footer.css"
import React from "react";
import "./footer.css";
const Footer = () => {
const footerString = "© " + new Date().getFullYear() + " Mark R. Repka"
const footerString = "© " + new Date().getFullYear() + " Mark R. Repka";
return <footer className="footer-wrapper">{footerString}</footer>
}
return <footer className="footer-wrapper">{footerString}</footer>;
};
export default Footer
export default Footer;
import React from "react"
import { Helmet } from "react-helmet"
import "./header.css"
import React from "react";
import { Helmet } from "react-helmet";
import "./header.css";
const Header = (props) => {
return (
<>
<Helmet>
<title>{props.siteTitle}</title>
</Helmet>
<header className="header-wrapper">
<span>Header</span>
</header>
</>
)
}
const Header = props => {
return (
<>
<Helmet>
<title>{props.siteTitle}</title>
</Helmet>
export default Header
<header className="header-wrapper">
<span>Header</span>
</header>
</>
);
};
export default Header;
import React from "react"
import PropTypes from "prop-types"
import React from "react";
import PropTypes from "prop-types";
import Header from "./header"
import Footer from "./footer"
import Header from "./header";
import Footer from "./footer";
const Layout = ({ children }) => {
return (
<>
<Header siteTitle={"repkam09.com"} />
<main>{children}</main>
<Footer />
</>
)
}
return (
<>
<Header siteTitle={"repkam09.com"} />
<main>{children}</main>
<Footer />
</>
);
};
Layout.propTypes = {
children: PropTypes.node.isRequired,
}
children: PropTypes.node.isRequired,
};
export default Layout
export default Layout;
import React from "react"
import React from "react";
const Featured = ({ header, textblock, image }) => {
return (
<div className="highlight-section">
<div className="highlight-section-content">
<img src={"/images/" + image} alt={image} />
<h3>{header}</h3>
<p>{textblock}</p>
</div>
</div>
)
}
return (
<div className="highlight-section">
<div className="highlight-section-content">
<img src={"/images/" + image} alt={image} />
<h3>{header}</h3>
<p>{textblock}</p>
</div>
</div>
);
};
export default Featured
export default Featured;
import React from "react"
import React from "react";
const FeaturedIcons = ({ name, url }) => {
let displayClass = "fa-2x " + name;
return (
<li className="hero-header-contact-icon">
<a href={url}>
<i className={displayClass} alt={name}></i>
</a>
</li>
)
}
export default FeaturedIcons
let displayClass = "fa-2x " + name;
return (
<li className="hero-header-contact-icon">
<a href={url}>
<i className={displayClass} alt={name}></i>
</a>
</li>
);
};
export default FeaturedIcons;
import React from "react"
import { Helmet } from "react-helmet"
import React from "react";
import { Helmet } from "react-helmet";
const NotFoundPage = () => (
<>
<Helmet>
<title>Not Found</title>
</Helmet>
<h1>Sorry! Page Not Found!</h1>
<p>You just hit a route that doesn&#39;t exist... the sadness.</p>
</>
)
<>
<Helmet>
<title>Not Found</title>
</Helmet>
<h1>Sorry! Page Not Found!</h1>
<p>You just hit a route that doesn&#39;t exist... the sadness.</p>
</>
);
export default NotFoundPage
export default NotFoundPage;
import React from "react"
import Layout from "../components/generic/layout"
import React from "react";
import Layout from "../components/generic/layout";
const AboutPage = () => (
<Layout>
<section className="hero-header-image">
<span>Page Content Goes Here</span>
</section>
</Layout>
)
<Layout>
<section className="hero-header-image">
<span>Page Content Goes Here</span>
</section>
</Layout>
);
export default AboutPage
export default AboutPage;
import React from "react"
import React from "react";
import featured from "../sitedata/features.json"
import iconjson from "../sitedata/icons.json"
import featured from "../sitedata/features.json";
import iconjson from "../sitedata/icons.json";
import Feature from "../components/index/featured"
import Icon from "../components/index/icon"
import { Helmet } from "react-helmet"
import Feature from "../components/index/featured";
import Icon from "../components/index/icon";
import { Helmet } from "react-helmet";
const IndexPage = () => {
const features = featured.map((feature, key) => {
return <Feature {...feature} key={key} />
})
const icons = iconjson.map((icon, key) => {
return <Icon {...icon} key={key} />
})
return (
<>
<Helmet>
<title>Mark R. Repka</title>
</Helmet>
<section className="hero-header-image">
<div className="hero-header-tag">
<span></span>
</div>
<div className="hero-header-text">
<h1>Mark R. Repka</h1>
<ul className="hero-header-contact-icon-wrapper">
{icons}
</ul>
</div>
</section>
<section className="highlight-section-wrapper">{features}</section>
</>
)
}
export default IndexPage
const features = featured.map((feature, key) => {
return <Feature {...feature} key={key} />;
});
const icons = iconjson.map((icon, key) => {
return <Icon {...icon} key={key} />;
});
return (
<>
<Helmet>
<title>Mark R. Repka</title>
</Helmet>
<section className="hero-header-image">
<div className="hero-header-tag">
<span></span>
</div>
<div className="hero-header-text">
<h1>Mark R. Repka</h1>
<ul className="hero-header-contact-icon-wrapper">
{icons}
</ul>
</div>
</section>
<section className="highlight-section-wrapper">{features}</section>
</>
);
};
export default IndexPage;
[
{
"header": "Cooking and Baking",
"image": "cookies.jpg",
"textblock": "Some of Mark's favorite hobbies include cooking and baking. He loves trying new recipes and making food from all sorts of different cultures and flavour profiles. Check out some of his favories here."
},
{
"header": "Software Projects",
"image": "software.jpg",
"textblock": "Mark has worked on a variety of software projects and teams over the last decade. A majority of his projects can be found on GitHub and GitLab with a breakdown and description of the major projects here on this website."
},
{
"header": "Whisky Tastings",
"image": "whisky.jpg",
"textblock": "This is an example of a longer text block that can show more content"
},
{
"header": "Project Cars",
"image": "autocross.jpg",
"textblock": "This is an example of a longer text block that can show more content"
}
]
\ No newline at end of file
{
"header": "Cooking and Baking",
"image": "cookies.jpg",
"textblock": "Some of Mark's favorite hobbies include cooking and baking. He loves trying new recipes and making food from all sorts of different cultures and flavour profiles. Check out some of his favories here."
},
{
"header": "Software Projects",
"image": "software.jpg",
"textblock": "Mark has worked on a variety of software projects and teams over the last decade. A majority of his projects can be found on GitHub and GitLab with a breakdown and description of the major projects here on this website."
},
{
"header": "Whisky Tastings",
"image": "whisky.jpg",
"textblock": "This is an example of a longer text block that can show more content"
},
{
"header": "Project Cars",
"image": "autocross.jpg",
"textblock": "This is an example of a longer text block that can show more content"
}
]
[
{
"name": "fab fa-facebook-square",
"url": "https://facebook.com/repkam09"
},
{
"name": "fab fa-telegram",
"url": "https://t.me/repkam09"
},
{
"name": "fas fa-envelope",
"url": "mailto:mark@repkam09.com"
},
{
"name": "fab fa-linkedin",
"url": "https://www.linkedin.com/in/markrepka/"
},
{
"name": "fab fa-twitter",
"url": "https://twitter.com/repkam09"
},
{
"name": "fab fa-github",
"url": "https://github.com/repkam09"
}
]
\ No newline at end of file
{
"name": "fab fa-facebook-square",
"url": "https://facebook.com/repkam09"
},
{
"name": "fab fa-telegram",
"url": "https://t.me/repkam09"
},
{
"name": "fas fa-envelope",
"url": "mailto:mark@repkam09.com"
},
{
"name": "fab fa-linkedin",
"url": "https://www.linkedin.com/in/markrepka/"
},
{
"name": "fab fa-twitter",
"url": "https://twitter.com/repkam09"
},
{
"name": "fab fa-github",
"url": "https://github.com/repkam09"
}
]
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment