-
-Kick off your project with this hello-world boilerplate. This starter ships with the main Gatsby configuration files you might need to get up and running blazing fast with the blazing fast app generator for React.
-
-_Have another more specific idea? You may want to check out our vibrant collection of [official and community-created starters](https://www.gatsbyjs.com/docs/gatsby-starters/)._
-
-## π Quick start
-
-1. **Create a Gatsby site.**
-
- Use the Gatsby CLI to create a new site, specifying the hello-world starter.
-
- ```shell
- # create a new Gatsby site using the hello-world starter
- gatsby new my-hello-world-starter https://github.com/gatsbyjs/gatsby-starter-hello-world
- ```
-
-1. **Start developing.**
-
- Navigate into your new siteβs directory and start it up.
-
- ```shell
- cd my-hello-world-starter/
- gatsby develop
- ```
-
-1. **Open the source code and start editing!**
-
- Your site is now running at `http://localhost:8000`!
-
- _Note: You'll also see a second link: _`http://localhost:8000/___graphql`_. This is a tool you can use to experiment with querying your data. Learn more about using this tool in the [Gatsby tutorial](https://www.gatsbyjs.com/tutorial/part-five/#introducing-graphiql)._
-
- Open the `my-hello-world-starter` directory in your code editor of choice and edit `src/pages/index.js`. Save your changes and the browser will update in real time!
-
-## π§ What's inside?
-
-A quick look at the top-level files and directories you'll see in a Gatsby project.
-
- .
- βββ node_modules
- βββ src
- βββ .gitignore
- βββ .prettierrc
- βββ gatsby-browser.js
- βββ gatsby-config.js
- βββ gatsby-node.js
- βββ gatsby-ssr.js
- βββ LICENSE
- βββ package-lock.json
- βββ package.json
- βββ README.md
-
-1. **`/node_modules`**: This directory contains all of the modules of code that your project depends on (npm packages) are automatically installed.
-
-2. **`/src`**: This directory will contain all of the code related to what you will see on the front-end of your site (what you see in the browser) such as your site header or a page template. `src` is a convention for βsource codeβ.
-
-3. **`.gitignore`**: This file tells git which files it should not track / not maintain a version history for.
-
-4. **`.prettierrc`**: This is a configuration file for [Prettier](https://prettier.io/). Prettier is a tool to help keep the formatting of your code consistent.
-
-5. **`gatsby-browser.js`**: This file is where Gatsby expects to find any usage of the [Gatsby browser APIs](https://www.gatsbyjs.com/docs/browser-apis/) (if any). These allow customization/extension of default Gatsby settings affecting the browser.
-
-6. **`gatsby-config.js`**: This is the main configuration file for a Gatsby site. This is where you can specify information about your site (metadata) like the site title and description, which Gatsby plugins youβd like to include, etc. (Check out the [config docs](https://www.gatsbyjs.com/docs/gatsby-config/) for more detail).
-
-7. **`gatsby-node.js`**: This file is where Gatsby expects to find any usage of the [Gatsby Node APIs](https://www.gatsbyjs.com/docs/node-apis/) (if any). These allow customization/extension of default Gatsby settings affecting pieces of the site build process.
-
-8. **`gatsby-ssr.js`**: This file is where Gatsby expects to find any usage of the [Gatsby server-side rendering APIs](https://www.gatsbyjs.com/docs/ssr-apis/) (if any). These allow customization of default Gatsby settings affecting server-side rendering.
-
-9. **`LICENSE`**: This Gatsby starter is licensed under the 0BSD license. This means that you can see this file as a placeholder and replace it with your own license.
-
-10. **`package-lock.json`** (See `package.json` below, first). This is an automatically generated file based on the exact versions of your npm dependencies that were installed for your project. **(You wonβt change this file directly).**
-
-11. **`package.json`**: A manifest file for Node.js projects, which includes things like metadata (the projectβs name, author, etc). This manifest is how npm knows which packages to install for your project.
-
-12. **`README.md`**: A text file containing useful reference information about your project.
-
-## π Learning Gatsby
-
-Looking for more guidance? Full documentation for Gatsby lives [on the website](https://www.gatsbyjs.com/). 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.com/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.com/docs/).** In particular, check out the _Guides_, _API Reference_, and _Advanced Tutorials_ sections in the sidebar.
-
-## π« Deploy
-
-[](https://app.netlify.com/start/deploy?repository=https://github.com/gatsbyjs/gatsby-starter-hello-world)
-
-[](https://vercel.com/import/project?template=https://github.com/gatsbyjs/gatsby-starter-hello-world)
-
-
diff --git a/gatsby-site/package.json b/gatsby-site/package.json
deleted file mode 100644
index 7ac0ba5..0000000
--- a/gatsby-site/package.json
+++ /dev/null
@@ -1,32 +0,0 @@
-{
- "name": "gatsby-starter-hello-world",
- "private": true,
- "description": "A simplified bare-bones starter for Gatsby",
- "version": "0.1.0",
- "license": "0BSD",
- "scripts": {
- "build": "gatsby build",
- "develop": "gatsby develop",
- "format": "prettier --write \"**/*.{js,jsx,ts,tsx,json,md,yml}\"",
- "start": "npm run develop",
- "serve": "gatsby serve",
- "clean": "gatsby clean",
- "test": "echo \"Write tests! -> https://gatsby.dev/unit-testing\" && exit 1"
- },
- "dependencies": {
- "gatsby": "^2.25.3",
- "react": "^16.12.0",
- "react-dom": "^16.12.0"
- },
- "devDependencies": {
- "eslint-config-prettier": "^6.15.0",
- "prettier": "^2.1.2"
- },
- "repository": {
- "type": "git",
- "url": "https://github.com/gatsbyjs/gatsby-starter-hello-world"
- },
- "bugs": {
- "url": "https://github.com/gatsbyjs/gatsby/issues"
- }
-}
diff --git a/gatsby-site/src/pages/index.js b/gatsby-site/src/pages/index.js
deleted file mode 100644
index a15ef76..0000000
--- a/gatsby-site/src/pages/index.js
+++ /dev/null
@@ -1,5 +0,0 @@
-import React from "react";
-
-export default function Home() {
- return
Hello world!
;
-}
diff --git a/site/.eslintrc.json b/site/.eslintrc.json
new file mode 100644
index 0000000..a134b11
--- /dev/null
+++ b/site/.eslintrc.json
@@ -0,0 +1,11 @@
+{
+ "extends": ["eslint:recommended", "prettier"],
+ "env": {
+ "node": false,
+ "browser": true,
+ "es6": true
+ },
+ "parserOptions": {
+ "ecmaVersion": 2018
+ }
+}
diff --git a/gatsby-site/.gitignore b/site/.gitignore
similarity index 100%
rename from gatsby-site/.gitignore
rename to site/.gitignore
diff --git a/gatsby-site/.prettierignore b/site/.prettierignore
similarity index 100%
rename from gatsby-site/.prettierignore
rename to site/.prettierignore
diff --git a/gatsby-site/LICENSE b/site/LICENSE
similarity index 100%
rename from gatsby-site/LICENSE
rename to site/LICENSE
diff --git a/site/README.md b/site/README.md
index 9c40dcd..b40d274 100644
--- a/site/README.md
+++ b/site/README.md
@@ -1,68 +1,99 @@
-This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).
+
+
-## Available Scripts
+Kick off your project with this hello-world boilerplate. This starter ships with the main Gatsby configuration files you might need to get up and running blazing fast with the blazing fast app generator for React.
-In the project directory, you can run:
+_Have another more specific idea? You may want to check out our vibrant collection of [official and community-created starters](https://www.gatsbyjs.com/docs/gatsby-starters/)._
-### `yarn start`
+## π Quick start
-Runs the app in the development mode.
-Open [http://localhost:3000](http://localhost:3000) to view it in the browser.
+1. **Create a Gatsby site.**
-The page will reload if you make edits.
-You will also see any lint errors in the console.
+ Use the Gatsby CLI to create a new site, specifying the hello-world starter.
-### `yarn test`
+ ```shell
+ # create a new Gatsby site using the hello-world starter
+ gatsby new my-hello-world-starter https://github.com/gatsbyjs/gatsby-starter-hello-world
+ ```
-Launches the test runner in the interactive watch mode.
-See the section about [running tests](https://facebook.github.io/create-react-app/docs/running-tests) for more information.
+1. **Start developing.**
-### `yarn build`
+ Navigate into your new siteβs directory and start it up.
-Builds the app for production to the `build` folder.
-It correctly bundles React in production mode and optimizes the build for the best performance.
+ ```shell
+ cd my-hello-world-starter/
+ gatsby develop
+ ```
-The build is minified and the filenames include the hashes.
-Your app is ready to be deployed!
+1. **Open the source code and start editing!**
-See the section about [deployment](https://facebook.github.io/create-react-app/docs/deployment) for more information.
+ Your site is now running at `http://localhost:8000`!
-### `yarn eject`
+ _Note: You'll also see a second link: _`http://localhost:8000/___graphql`_. This is a tool you can use to experiment with querying your data. Learn more about using this tool in the [Gatsby tutorial](https://www.gatsbyjs.com/tutorial/part-five/#introducing-graphiql)._
-**Note: this is a one-way operation. Once you `eject`, you canβt go back!**
+ Open the `my-hello-world-starter` directory in your code editor of choice and edit `src/pages/index.js`. Save your changes and the browser will update in real time!
-If you arenβt satisfied with the build tool and configuration choices, you can `eject` at any time. This command will remove the single build dependency from your project.
+## π§ What's inside?
-Instead, it will copy all the configuration files and the transitive dependencies (webpack, Babel, ESLint, etc) right into your project so you have full control over them. All of the commands except `eject` will still work, but they will point to the copied scripts so you can tweak them. At this point youβre on your own.
+A quick look at the top-level files and directories you'll see in a Gatsby project.
-You donβt have to ever use `eject`. The curated feature set is suitable for small and middle deployments, and you shouldnβt feel obligated to use this feature. However we understand that this tool wouldnβt be useful if you couldnβt customize it when you are ready for it.
+ .
+ βββ node_modules
+ βββ src
+ βββ .gitignore
+ βββ .prettierrc
+ βββ gatsby-browser.js
+ βββ gatsby-config.js
+ βββ gatsby-node.js
+ βββ gatsby-ssr.js
+ βββ LICENSE
+ βββ package-lock.json
+ βββ package.json
+ βββ README.md
-## Learn More
+1. **`/node_modules`**: This directory contains all of the modules of code that your project depends on (npm packages) are automatically installed.
-You can learn more in the [Create React App documentation](https://facebook.github.io/create-react-app/docs/getting-started).
+2. **`/src`**: This directory will contain all of the code related to what you will see on the front-end of your site (what you see in the browser) such as your site header or a page template. `src` is a convention for βsource codeβ.
-To learn React, check out the [React documentation](https://reactjs.org/).
+3. **`.gitignore`**: This file tells git which files it should not track / not maintain a version history for.
-### Code Splitting
+4. **`.prettierrc`**: This is a configuration file for [Prettier](https://prettier.io/). Prettier is a tool to help keep the formatting of your code consistent.
-This section has moved here: https://facebook.github.io/create-react-app/docs/code-splitting
+5. **`gatsby-browser.js`**: This file is where Gatsby expects to find any usage of the [Gatsby browser APIs](https://www.gatsbyjs.com/docs/browser-apis/) (if any). These allow customization/extension of default Gatsby settings affecting the browser.
-### Analyzing the Bundle Size
+6. **`gatsby-config.js`**: This is the main configuration file for a Gatsby site. This is where you can specify information about your site (metadata) like the site title and description, which Gatsby plugins youβd like to include, etc. (Check out the [config docs](https://www.gatsbyjs.com/docs/gatsby-config/) for more detail).
-This section has moved here: https://facebook.github.io/create-react-app/docs/analyzing-the-bundle-size
+7. **`gatsby-node.js`**: This file is where Gatsby expects to find any usage of the [Gatsby Node APIs](https://www.gatsbyjs.com/docs/node-apis/) (if any). These allow customization/extension of default Gatsby settings affecting pieces of the site build process.
-### Making a Progressive Web App
+8. **`gatsby-ssr.js`**: This file is where Gatsby expects to find any usage of the [Gatsby server-side rendering APIs](https://www.gatsbyjs.com/docs/ssr-apis/) (if any). These allow customization of default Gatsby settings affecting server-side rendering.
-This section has moved here: https://facebook.github.io/create-react-app/docs/making-a-progressive-web-app
+9. **`LICENSE`**: This Gatsby starter is licensed under the 0BSD license. This means that you can see this file as a placeholder and replace it with your own license.
-### Advanced Configuration
+10. **`package-lock.json`** (See `package.json` below, first). This is an automatically generated file based on the exact versions of your npm dependencies that were installed for your project. **(You wonβt change this file directly).**
-This section has moved here: https://facebook.github.io/create-react-app/docs/advanced-configuration
+11. **`package.json`**: A manifest file for Node.js projects, which includes things like metadata (the projectβs name, author, etc). This manifest is how npm knows which packages to install for your project.
-### Deployment
+12. **`README.md`**: A text file containing useful reference information about your project.
-This section has moved here: https://facebook.github.io/create-react-app/docs/deployment
+## π Learning Gatsby
-### `yarn build` fails to minify
+Looking for more guidance? Full documentation for Gatsby lives [on the website](https://www.gatsbyjs.com/). Here are some places to start:
-This section has moved here: https://facebook.github.io/create-react-app/docs/troubleshooting#npm-run-build-fails-to-minify
+- **For most developers, we recommend starting with our [in-depth tutorial for creating a site with Gatsby](https://www.gatsbyjs.com/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.com/docs/).** In particular, check out the _Guides_, _API Reference_, and _Advanced Tutorials_ sections in the sidebar.
+
+## π« Deploy
+
+[](https://app.netlify.com/start/deploy?repository=https://github.com/gatsbyjs/gatsby-starter-hello-world)
+
+[](https://vercel.com/import/project?template=https://github.com/gatsbyjs/gatsby-starter-hello-world)
+
+
diff --git a/site/src/config.js b/site/config.js
similarity index 100%
rename from site/src/config.js
rename to site/config.js
diff --git a/gatsby-site/gatsby-config.js b/site/gatsby-config.js
similarity index 100%
rename from gatsby-site/gatsby-config.js
rename to site/gatsby-config.js
diff --git a/site/package.json b/site/package.json
index f76d0e7..bbd7ef0 100644
--- a/site/package.json
+++ b/site/package.json
@@ -1,37 +1,36 @@
{
- "name": "serverless-fullstack-app-website",
- "version": "0.1.0",
- "private": true,
- "dependencies": {
- "@testing-library/jest-dom": "^4.2.4",
- "@testing-library/react": "^9.3.2",
- "@testing-library/user-event": "^7.1.2",
- "react": "^16.13.1",
- "react-dom": "^16.13.1",
- "react-scripts": "3.4.3",
- "js-cookie": "^2.2.1",
- "moment": "^2.24.0",
- "react-router-dom": "^5.1.2"
- },
- "scripts": {
- "start": "react-scripts start",
- "build": "react-scripts build",
- "test": "react-scripts test",
- "eject": "react-scripts eject"
- },
- "eslintConfig": {
- "extends": "react-app"
- },
- "browserslist": {
- "production": [
- ">0.2%",
- "not dead",
- "not op_mini all"
- ],
- "development": [
- "last 1 chrome version",
- "last 1 firefox version",
- "last 1 safari version"
- ]
- }
+ "name": "forget-me-not-site",
+ "private": true,
+ "description": "Forget Me Not site for saving bookmarks",
+ "version": "0.1.0",
+ "license": "0BSD",
+ "scripts": {
+ "build": "gatsby build",
+ "develop": "gatsby develop",
+ "format": "prettier --write \"**/*.{js,jsx,ts,tsx,json,md,yml}\"",
+ "start": "npm run develop",
+ "serve": "gatsby serve",
+ "clean": "gatsby clean",
+ "test": "echo \"Write tests! -> https://gatsby.dev/unit-testing\" && exit 1"
+ },
+ "dependencies": {
+ "gatsby": "^2.25.3",
+ "react": "^16.12.0",
+ "react-dom": "^16.12.0",
+ "react-router-dom": "^5.1.2",
+ "js-cookie": "^2.2.1",
+ "moment": "^2.24.0"
+ },
+ "devDependencies": {
+ "eslint": "^7.12.1",
+ "eslint-config-prettier": "^6.15.0",
+ "prettier": "^2.1.2"
+ },
+ "repository": {
+ "type": "git",
+ "url": "https://github.com/gatsbyjs/gatsby-starter-hello-world"
+ },
+ "bugs": {
+ "url": "https://github.com/gatsbyjs/gatsby/issues"
+ }
}
diff --git a/site/public/favicon.ico b/site/public/favicon.ico
index abca195..1a466ba 100644
Binary files a/site/public/favicon.ico and b/site/public/favicon.ico differ
diff --git a/site/public/fullstack-app-artwork.png b/site/public/fullstack-app-artwork.png
deleted file mode 100644
index 8ae7d9b..0000000
Binary files a/site/public/fullstack-app-artwork.png and /dev/null differ
diff --git a/site/public/fullstack-app-title.png b/site/public/fullstack-app-title.png
deleted file mode 100644
index d750ceb..0000000
Binary files a/site/public/fullstack-app-title.png and /dev/null differ
diff --git a/site/public/index.html b/site/public/index.html
index d2994a7..48b0944 100644
--- a/site/public/index.html
+++ b/site/public/index.html
@@ -1,27 +1 @@
-
-
-
-
-
-
-
-
-
-
-
- Serverless Fullstack Application
-
-
-
-
-
-
+
\ No newline at end of file
diff --git a/site/public/manifest.json b/site/public/manifest.json
index 52eb326..2ffa886 100644
--- a/site/public/manifest.json
+++ b/site/public/manifest.json
@@ -1,6 +1,6 @@
{
- "short_name": "Serverless Fullstack Application",
- "name": "Serverless Fullstack Application",
+ "short_name": "Forget Me Not",
+ "name": "Forget Me Not",
"icons": [
{
"src": "favicon.ico",
diff --git a/site/serverless.yml b/site/serverless.yml
index 3b075cc..106ae28 100644
--- a/site/serverless.yml
+++ b/site/serverless.yml
@@ -6,6 +6,6 @@ inputs:
src:
src: ./
hook: npm run build
- dist: build
+ dist: public
# Enable this when you want to set a custom domain.
# domain: ${env:domain}
diff --git a/site/src/App.js b/site/src/App.js
deleted file mode 100644
index ce17c13..0000000
--- a/site/src/App.js
+++ /dev/null
@@ -1,58 +0,0 @@
-import React, { Component } from 'react'
-import {
- BrowserRouter as Router,
- Switch,
- Route,
-} from 'react-router-dom'
-import Home from './pages/Home/Home'
-import Auth from './pages/Auth/Auth'
-import Dashboard from './pages/Dashboard/Dashboard'
-import { getSession } from './utils'
-
-export default class App extends Component {
-
- constructor(props) {
- super(props)
- this.state = {}
- }
-
- async componentDidMount() {
- // console.log(getSession())
- }
-
- render() {
- return (
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- )
- }
-}
-
-/**
- * A component to protect routes.
- * Shows Auth page if the user is not authenticated
- */
-const PrivateRoute = ({ component, ...options }) => {
-
- const session = getSession()
-
- const finalComponent = session ? Dashboard : Home
- return
-}
\ No newline at end of file
diff --git a/site/src/App.module.css b/site/src/App.module.css
deleted file mode 100644
index 14936b8..0000000
--- a/site/src/App.module.css
+++ /dev/null
@@ -1,333 +0,0 @@
-.container {
- display: flex;
- flex-direction: column;
- align-content: center;
- justify-content: center;
- box-sizing: border-box;
- overflow: hidden;
- width: 100%;
- height: 100vh;
-}
-
-.containerInner {
- display: flex;
- flex-direction: column;
- box-sizing: border-box;
- background: #000;
- width: 100%;
- height: 100%;
- align-self: center;
- max-width: 700px;
- padding: 50px 15px 30px 15px;
-}
-
-.containerLoading {
- display: flex;
- flex-direction: row;
- width: 100%;
- height: auto;
- justify-content: center;
- align-content: center;
- padding: 160px 0 0 0;
-}
-
-.column {
- display: flex;
- flex-direction: row;
- box-sizing: border-box;
- height: 100%;
- width: 50%;
-}
-
-.row {
- display: flex;
- flex-direction: column;
- box-sizing: border-box;
- width: 100%;
-}
-
-.heroArtwork {
- display: flex;
- flex-direction: row;
- box-sizing: border-box;
- align-content: center;
- justify-content: center;
- width: 100%;
-}
-
-.heroArtwork img {
- width: auto;
- height: auto;
- align-self: center;
- max-height: 100%;
- max-width: 500px;
- user-select: none;
-}
-
-.heroTitle {
- display: flex;
- flex-direction: row;
- box-sizing: border-box;
- align-content: center;
- justify-content: center;
- width: 100%;
-}
-
-.heroTitle img {
- width: auto;
- height: auto;
- align-self: center;
- max-height: 100%;
- max-width: 500px;
- user-select: none;
-}
-
-.heroDescription {
- display: flex;
- text-align: center;
- font-size: 18px;
- line-height: 30px;
- margin: 10px 0 32px 0px;
-}
-
-.error {
- display: flex;
- flex-direction: column;
- width: 100%;
- margin: 18px 0;
- align-content: center;
- justify-content: center;
- text-align: center;
- color: #FD5750;
- font-size: 18px;
-}
-
-.success {
- display: flex;
- flex-direction: column;
- width: 100%;
- margin: 32px 0;
- align-content: center;
- justify-content: center;
- text-align: center;
- text-transform: lowercase;
- color: #78f542;
- font-size: 22px;
-}
-
-.containerRegister {}
-
-.containerSignIn {}
-
-.socialButtons {
- display: flex;
- flex-direction: row;
- box-sizing: border-box;
- margin: 15px auto 0px auto;
- width: 100%;
-}
-
-.buttonGithub {
- display: flex;
- flex-direction: row;
- justify-content: center;
- align-content: center;
- box-sizing: border-box;
- margin: 0 auto 10px auto;
- width: 100%;
- padding: 12px;
- border-radius: 4px;
- font-size: 19px;
- font-weight: 500;
- opacity: 0.6;
- transition: all 0.3s ease;
- text-transform: lowercase;
-}
-
-.buttonGithub:hover {
- cursor: pointer;
- opacity: 1;
-}
-
-.buttonGithub img {
- max-height: 28px;
- margin-right: 13px;
- margin-top: 1.5px;
-}
-
-.buttonGoogle {
- display: flex;
- flex-direction: row;
- justify-content: center;
- align-content: center;
- box-sizing: border-box;
- width: 100%;
- padding: 12px;
- border-radius: 4px;
- font-size: 19px;
- font-weight: 500;
- opacity: 0.6;
- transition: all 0.3s ease;
- text-transform: lowercase;
-}
-
-.buttonGoogle:hover {
- cursor: pointer;
- opacity: 1;
-}
-
-.buttonGoogle img {
- max-height: 25px;
- margin-right: 11px;
- margin-top: 3px;
-}
-
-.formType {
- display: flex;
- flex-direction: row;
- margin: 0px auto 0px auto;
- width: 100%;
- padding: 10px 0;
- font-size: 22px;
- color: rgba(255,255,255,0.6);
- text-transform: lowercase;
- user-select: none;
-}
-
-.formTypeRegister {
- display: flex;
- width: 50%;
- padding: 5px 40px 5px 0;
- justify-content: flex-end;
- border-right: 2px solid rgba(255,255,255,0.15);
-}
-
-.formTypeRegister:hover {
- cursor: pointer;
-}
-
-.formTypeSignIn {
- display: flex;
- width: 50%;
- padding: 5px 0 5px 40px;
- text-align: left;
-}
-
-.formTypeSignIn:hover {
- cursor: pointer;
-}
-
-.formTypeActive {
- color: rgba(255,255,255,1);
-}
-
-.form {
- display: flex;
- flex-direction: column;
- max-width: 380px;
- width: 100%;
- margin: 10px auto 0 auto;
- text-align: center;
-}
-
-.formField {
- display: flex;
- flex-direction: column;
- width: 100%;
- margin-bottom: 25px;
-}
-
-
-.formLabel {
- font-size: 19px;
- font-weight: 500;
- margin: 0 0 10px 0;
- user-select: none;
- display: none;
-}
-
-.formInput {
- text-align: center;
- font-size: 22px;
- padding: 10px 0px 22px 0px;
- border-bottom: 1.5px solid rgba(255,255,255,0.4);
- border-top: 1.5px solid transparent;
- border-right: 1.5px solid transparent;
- border-left: 1.5px solid transparent;
- transition: all 0.6s ease;
- background: none;
- outline: none;
- color: #ffffff;
- caret-color: white;
-}
-
-.formInput::placeholder {
- text-align: center;
- font-size: 22px;
- color: rgba(255,255,255,0.5);
- margin: 0;
-}
-
-.formInput:focus {
- border-bottom: 1.5px solid rgba(255,255,255,1);
-}
-
-.formError {
- margin: 10px 0 10px 0;
- color: #FD5750;
- font-size: 18px;
- line-height: 32px;
-}
-
-.formButton {
- margin: 16px auto 0 auto!important;
-}
-
-.formButton:hover {
- cursor: pointer;
- transform: scale(1.05);
-}
-
-.formButton:active {
- cursor: pointer;
- transform: scale(1);
-}
-
-.forgotPassword {
- display: flex;
- flex-direction: row;
- justify-content: center;
- align-content: center;
- margin: 20px auto 5px auto;
- width: 100%;
- padding: 10px 0;
- font-size: 19px;
- color: rgba(255,255,255,0.6);
- transition: all 0.3s ease;
-}
-
-.forgotPassword:hover {
- cursor: pointer;
- color: rgba(255,255,255,1);
-}
-
-.githubLink {
- display: flex;
- justify-content: center;
- align-content: center;
- width: 100%;
- margin: 26px 0 40px 0;
-}
-
-.githubLink a {
- font-size: 20px;
- color: #FD5750;
- opacity: 0.7;
- transition: all 0.3s ease;
- text-decoration: none;
-}
-
-.githubLink:hover a {
- cursor: pointer;
- opacity: 1;
-}
\ No newline at end of file
diff --git a/site/src/pages/Auth/Auth.js b/site/src/components/Auth/Auth.js
similarity index 97%
rename from site/src/pages/Auth/Auth.js
rename to site/src/components/Auth/Auth.js
index 3477728..b3d499d 100644
--- a/site/src/pages/Auth/Auth.js
+++ b/site/src/components/Auth/Auth.js
@@ -1,9 +1,7 @@
import React, { Component } from 'react'
import {
- Link,
- withRouter,
-} from 'react-router-dom'
-import Loading from '../../fragments/Loading'
+ Link
+} from 'gatsby'
import styles from './Auth.module.css'
import {
userRegister,
@@ -143,7 +141,7 @@ class Auth extends Component {
{this.state.loading && (
-
-
- 
-