diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..dc9cdc9 --- /dev/null +++ b/.gitignore @@ -0,0 +1,5 @@ +node_modules/ +.cache/ +public + +package-lock.json diff --git a/README.md b/README.md new file mode 100644 index 0000000..2f81819 --- /dev/null +++ b/README.md @@ -0,0 +1,54 @@ +

+ + Gatsby + +

+

+ Gatsby minimal starter +

+ +## πŸš€ Quick start + +1. **Create a Gatsby site.** + + Use the Gatsby CLI to create a new site, specifying the minimal starter. + + ```shell + # create a new Gatsby site using the minimal starter + npm init gatsby + ``` + +2. **Start developing.** + + Navigate into your new site’s directory and start it up. + + ```shell + cd my-gatsby-site/ + npm run develop + ``` + +3. **Open the code and start customizing!** + + Your site is now running at http://localhost:8000! + + Edit `src/pages/index.js` to see your site update in real-time! + +4. **Learn more** + + - [Documentation](https://www.gatsbyjs.com/docs/?utm_source=starter&utm_medium=readme&utm_campaign=minimal-starter) + + - [Tutorials](https://www.gatsbyjs.com/tutorial/?utm_source=starter&utm_medium=readme&utm_campaign=minimal-starter) + + - [Guides](https://www.gatsbyjs.com/tutorial/?utm_source=starter&utm_medium=readme&utm_campaign=minimal-starter) + + - [API Reference](https://www.gatsbyjs.com/docs/api-reference/?utm_source=starter&utm_medium=readme&utm_campaign=minimal-starter) + + - [Plugin Library](https://www.gatsbyjs.com/plugins?utm_source=starter&utm_medium=readme&utm_campaign=minimal-starter) + + - [Cheat Sheet](https://www.gatsbyjs.com/docs/cheat-sheet/?utm_source=starter&utm_medium=readme&utm_campaign=minimal-starter) + +## πŸš€ Quick start (Gatsby Cloud) + +Deploy this starter with one click on [Gatsby Cloud](https://www.gatsbyjs.com/cloud/): + +[Deploy to Gatsby Cloud](https://www.gatsbyjs.com/dashboard/deploynow?url=https://github.com/gatsbyjs/gatsby-starter-minimal) diff --git a/gatsby-config.js b/gatsby-config.js new file mode 100644 index 0000000..8a5df40 --- /dev/null +++ b/gatsby-config.js @@ -0,0 +1,19 @@ +module.exports = { + siteMetadata: { + title: `interprotocol`, + siteUrl: `https://www.yourdomain.tld` + }, + plugins: ["gatsby-plugin-netlify-cms", "gatsby-plugin-sass", "gatsby-plugin-image", "gatsby-plugin-react-helmet", "gatsby-plugin-sitemap", { + resolve: 'gatsby-plugin-manifest', + options: { + "icon": "src/images/icon.png" + } + }, "gatsby-plugin-sharp", "gatsby-transformer-sharp", { + resolve: 'gatsby-source-filesystem', + options: { + "name": "images", + "path": "./src/images/" + }, + __key: "images" + }] +}; \ No newline at end of file diff --git a/package.json b/package.json new file mode 100644 index 0000000..5ab6298 --- /dev/null +++ b/package.json @@ -0,0 +1,34 @@ +{ + "name": "interprotocol", + "version": "1.0.0", + "private": true, + "description": "interprotocol", + "author": "SeraGabor", + "keywords": [ + "gatsby" + ], + "scripts": { + "develop": "gatsby develop", + "start": "gatsby develop", + "build": "gatsby build", + "serve": "gatsby serve", + "clean": "gatsby clean" + }, + "dependencies": { + "gatsby": "^4.17.2", + "gatsby-plugin-image": "^2.17.0", + "gatsby-plugin-manifest": "^4.17.0", + "gatsby-plugin-netlify-cms": "^6.17.0", + "gatsby-plugin-react-helmet": "^5.17.0", + "gatsby-plugin-sass": "^5.17.0", + "gatsby-plugin-sharp": "^4.17.0", + "gatsby-plugin-sitemap": "^5.17.0", + "gatsby-source-filesystem": "^4.17.0", + "gatsby-transformer-sharp": "^4.17.0", + "netlify-cms-app": "2.15.72", + "react": "^16.8.4", + "react-dom": "^16.8.4", + "react-helmet": "^6.1.0", + "sass": "^1.53.0" + } +} diff --git a/src/images/icon.png b/src/images/icon.png new file mode 100644 index 0000000..38b2fb0 Binary files /dev/null and b/src/images/icon.png differ diff --git a/src/pages/404.js b/src/pages/404.js new file mode 100644 index 0000000..053ae0e --- /dev/null +++ b/src/pages/404.js @@ -0,0 +1,54 @@ +import * as React from "react" +import { Link } from "gatsby" + +// styles +const pageStyles = { + color: "#232129", + padding: "96px", + fontFamily: "-apple-system, Roboto, sans-serif, serif", +} +const headingStyles = { + marginTop: 0, + marginBottom: 64, + maxWidth: 320, +} + +const paragraphStyles = { + marginBottom: 48, +} +const codeStyles = { + color: "#8A6534", + padding: 4, + backgroundColor: "#FFF4DB", + fontSize: "1.25rem", + borderRadius: 4, +} + +// markup +const NotFoundPage = () => { + return ( +
+ Not found +

Page not found

+

+ Sorry{" "} + + πŸ˜” + {" "} + we couldn’t find what you were looking for. +
+ {process.env.NODE_ENV === "development" ? ( + <> +
+ Try creating a page in src/pages/. +
+ + ) : null} +
+ Go home. +

+
+ ) +} + +export default NotFoundPage diff --git a/src/pages/index.js b/src/pages/index.js new file mode 100644 index 0000000..dbc0fb9 --- /dev/null +++ b/src/pages/index.js @@ -0,0 +1,184 @@ +import * as React from "react" + +// styles +const pageStyles = { + color: "#232129", + padding: 96, + fontFamily: "-apple-system, Roboto, sans-serif, serif", +} +const headingStyles = { + marginTop: 0, + marginBottom: 64, + maxWidth: 320, +} +const headingAccentStyles = { + color: "#663399", +} +const paragraphStyles = { + marginBottom: 48, +} +const codeStyles = { + color: "#8A6534", + padding: 4, + backgroundColor: "#FFF4DB", + fontSize: "1.25rem", + borderRadius: 4, +} +const listStyles = { + marginBottom: 96, + paddingLeft: 0, +} +const listItemStyles = { + fontWeight: 300, + fontSize: 24, + maxWidth: 560, + marginBottom: 30, +} + +const linkStyle = { + color: "#8954A8", + fontWeight: "bold", + fontSize: 16, + verticalAlign: "5%", +} + +const docLinkStyle = { + ...linkStyle, + listStyleType: "none", + marginBottom: 24, +} + +const descriptionStyle = { + color: "#232129", + fontSize: 14, + marginTop: 10, + marginBottom: 0, + lineHeight: 1.25, +} + +const docLink = { + text: "Documentation", + url: "https://www.gatsbyjs.com/docs/", + color: "#8954A8", +} + +const badgeStyle = { + color: "#fff", + backgroundColor: "#088413", + border: "1px solid #088413", + fontSize: 11, + fontWeight: "bold", + letterSpacing: 1, + borderRadius: 4, + padding: "4px 6px", + display: "inline-block", + position: "relative", + top: -2, + marginLeft: 10, + lineHeight: 1, +} + +// data +const links = [ + { + text: "Tutorial", + url: "https://www.gatsbyjs.com/docs/tutorial/", + description: + "A great place to get started if you're new to web development. Designed to guide you through setting up your first Gatsby site.", + color: "#E95800", + }, + { + text: "How to Guides", + url: "https://www.gatsbyjs.com/docs/how-to/", + description: + "Practical step-by-step guides to help you achieve a specific goal. Most useful when you're trying to get something done.", + color: "#1099A8", + }, + { + text: "Reference Guides", + url: "https://www.gatsbyjs.com/docs/reference/", + description: + "Nitty-gritty technical descriptions of how Gatsby works. Most useful when you need detailed information about Gatsby's APIs.", + color: "#BC027F", + }, + { + text: "Conceptual Guides", + url: "https://www.gatsbyjs.com/docs/conceptual/", + description: + "Big-picture explanations of higher-level Gatsby concepts. Most useful for building understanding of a particular topic.", + color: "#0D96F2", + }, + { + text: "Plugin Library", + url: "https://www.gatsbyjs.com/plugins", + description: + "Add functionality and customize your Gatsby site or app with thousands of plugins built by our amazing developer community.", + color: "#8EB814", + }, + { + text: "Build and Host", + url: "https://www.gatsbyjs.com/cloud", + badge: true, + description: + "Now you’re ready to show the world! Give your Gatsby site superpowers: Build and host on Gatsby Cloud. Get started for free!", + color: "#663399", + }, +] + +// markup +const IndexPage = () => { + return ( +
+ Home Page +

+ Congratulations +
+ β€” you just made a Gatsby site! + + πŸŽ‰πŸŽ‰πŸŽ‰ + +

+

+ Edit src/pages/index.js to see this page + update in real-time.{" "} + + 😎 + +

+ + Gatsby G Logo +
+ ) +} + +export default IndexPage