diff --git a/README.md b/README.md
index 77d9067..3fba8ec 100644
--- a/README.md
+++ b/README.md
@@ -4,12 +4,11 @@
A starter project for creating lightning-fast, offline-first websites with [Netlify CMS](https://netlifycms.org) and React.
-- **[Create React App](https://github.com/facebookincubator/create-react-app)**
-- **[Styled Components](https://github.com/styled-components/styled-components)** for component-based styling
-- **[React Router](https://github.com/ReactTraining/react-router)** for routing
-- **[React Helmet](https://github.com/nfl/react-helmet)** for document titles, descriptions, meta
-- **[React Snapshot](https://github.com/geelen/react-snapshot)** for pre-rendering to static html so it works without Javascript ⭐️
-- **[Netlify CMS](https://github.com/netlify/netlify-cms)** for content management
+* **[Create React App](https://github.com/facebookincubator/create-react-app)**
+* **[React Router](https://github.com/ReactTraining/react-router)** for routing
+* **[React Helmet](https://github.com/nfl/react-helmet)** for document titles, descriptions, meta
+* **[React Snapshot](https://github.com/geelen/react-snapshot)** for pre-rendering to static html so it works without Javascript ⭐️
+* **[Netlify CMS](https://github.com/netlify/netlify-cms)** for content management
I aim to include commonly used components and best-practices e.g. forms, settings, tags, lazy-loading images, etc.
@@ -19,41 +18,40 @@ I aim to include commonly used components and best-practices e.g. forms, setting
1. Hit the **Deploy to Netlify** button. This will:
- - Clone the repo into your Github account
- - Create you a new project on Netlify, build & deploy
+* Clone the repo into your Github account
+* Create you a new project on Netlify, build & deploy
1. Once your Netlify project has been created, change a couple of settings:
- - Enable **Identity**
- - Change **Registration Preferences** to **Invite Only**
- - Enable **Git Gateway**
+* Enable **Identity**
+* Change **Registration Preferences** to **Invite Only**
+* Enable **Git Gateway**
1. Invite users (probably yourself) to enable admin access
- - Open the **Identity** tab and hit **Invite Users**
+* Open the **Identity** tab and hit **Invite Users**
## Show me the CMS!
-The CMS lives at [\__YOUR_SITE_NAME__.netlify.com/admin](https://__YOUR_SITE_NAME__.netlify.com/admin).
-
+The CMS lives at [\_\_YOUR_SITE_NAME\_\_.netlify.com/admin](https://__YOUR_SITE_NAME__.netlify.com/admin).
## Developing
1. Clone your repo to your local machine
-1. Install dependencies
+1. Install dependencies
- `yarn` or `npm install`
+`yarn` or `npm install`
1. Run the development server
- `yarn start` or `npm run start`
+`yarn start` or `npm run start`
If you are adding or editing content locally in the CMS, a couple of things to note:
- 1. Changes will be pushed to the remote repo.
+1. Changes will be pushed to the remote repo.
- 1. You will be prompted to enter your site's url, this is necessary for Netlify Identity to manage user login. This is stored in `localStorage`, so you might have to empty your browser cache if you are switching projects but remaining on `localhost:3000`.
+1. You will be prompted to enter your site's url, this is necessary for Netlify Identity to manage user login. This is stored in `localStorage`, so you might have to empty your browser cache if you are switching projects but remaining on `localhost:3000`.
## Editing CMS fields
diff --git a/content/pages/home.md b/content/pages/home.md
index 5478625..fa2980f 100644
--- a/content/pages/home.md
+++ b/content/pages/home.md
@@ -2,18 +2,18 @@
title: Hello World!
subtitle:
---
+
# 🌶 Netlify CMS + React Starter
[](http://standardjs.com/)
A starter project for creating lightning-fast, offline-first websites with [Netlify CMS](https://netlifycms.org) and React.
-- **[Create React App](https://github.com/facebookincubator/create-react-app)**
-- **[Styled Components](https://github.com/styled-components/styled-components)** for component-based styling
-- **[React Router](https://github.com/ReactTraining/react-router)** for routing
-- **[React Helmet](https://github.com/nfl/react-helmet)** for document titles, descriptions, meta
-- **[React Snapshot](https://github.com/geelen/react-snapshot)** for pre-rendering to static html so it works without Javascript ⭐️
-- **[Netlify CMS](https://github.com/netlify/netlify-cms)** for content management
+* **[Create React App](https://github.com/facebookincubator/create-react-app)**
+* **[React Router](https://github.com/ReactTraining/react-router)** for routing
+* **[React Helmet](https://github.com/nfl/react-helmet)** for document titles, descriptions, meta
+* **[React Snapshot](https://github.com/geelen/react-snapshot)** for pre-rendering to static html so it works without Javascript ⭐️
+* **[Netlify CMS](https://github.com/netlify/netlify-cms)** for content management
I aim to include commonly used components and best-practices e.g. forms, settings, tags, lazy-loading images, etc.
@@ -22,34 +22,36 @@ I aim to include commonly used components and best-practices e.g. forms, setting
[](https://app.netlify.com/start/deploy?repository=https://github.com/Jinksi/netlify-cms-react-starter)
1. Hit the **Deploy to Netlify** button. This will:
- - Clone the repo into your Github account
- - Create you a new project on Netlify, build & deploy
+
+ * Clone the repo into your Github account
+ * Create you a new project on Netlify, build & deploy
1. Once your Netlify project has been created, change a couple of settings:
- - Enable **Identity**
- - Change **Registration Preferences** to **Invite Only**
- - Enable **Git Gateway**
+
+ * Enable **Identity**
+ * Change **Registration Preferences** to **Invite Only**
+ * Enable **Git Gateway**
1. Invite users (probably yourself) to enable admin access
- - Open the **Identity** tab and hit **Invite Users**
+ * Open the **Identity** tab and hit **Invite Users**
## Developing
1. Clone your repo to your local machine
-1. Install dependencies
+1. Install dependencies
- `yarn` or `npm install`
+ `yarn` or `npm install`
1. Run the development server
- `yarn start` or `npm run start`
+ `yarn start` or `npm run start`
If you are adding or editing content locally in the CMS, a couple of things to note:
- - Changes will be pushed to the remote repo.
+* Changes will be pushed to the remote repo.
- - You will be prompted to enter your site's url, this is necessary for Netlify Identity to manage user login. This is stored in `localStorage`, so you might have to empty your browser cache if you are switching projects but remaining on `localhost:3000`.
+* You will be prompted to enter your site's url, this is necessary for Netlify Identity to manage user login. This is stored in `localStorage`, so you might have to empty your browser cache if you are switching projects but remaining on `localhost:3000`.
## Editing CMS fields
diff --git a/package.json b/package.json
index 0ee60aa..be5a9e9 100644
--- a/package.json
+++ b/package.json
@@ -16,6 +16,7 @@
"glob": "^7.1.2",
"gray-matter": "^3.1.1",
"js-yaml": "^3.10.0",
+ "prop-types": "^15.6.0",
"react-scripts": "^1.0.10",
"sharp": "^0.18.4",
"snazzy": "^7.0.0",
@@ -23,33 +24,33 @@
"sw-precache": "^5.2.0"
},
"dependencies": {
- "@researchgate/react-intersection-observer": "^0.5.0",
+ "@researchgate/react-intersection-observer": "^0.6.0",
+ "core-js": "^2.5.3",
"intersection-observer": "^0.5.0",
"lodash": "^4.17.4",
"netlify-identity-widget": "^1.2.0",
- "polished": "^1.7.0",
+ "normalize.css": "^7.0.0",
"react": "^16.0.0",
"react-dom": "^16.0.0",
"react-helmet": "^5.1.3",
"react-markdown": "^2.5.0",
"react-router-dom": "^4.1.1",
- "react-snapshot": "^1.1.0",
- "styled-components": "^2.1.0"
+ "react-snapshot": "^1.1.0"
},
"scripts": {
- "start": "npm run watch:content & react-scripts start",
- "build": "npm run prepare && react-scripts build && react-snapshot && npm run sw",
+ "start": "npm run watch:content && react-scripts start",
+ "build":
+ "npm run prepare-content && react-scripts build && react-snapshot && npm run sw",
"parse-content": "node ./functions/parse-content.js",
"resize-images": "node ./functions/resize-images.js",
- "prepare": "npm run parse-content & npm run resize-images",
- "watch:content": "chokidar 'content/**/**' -c 'npm run prepare' --initial",
+ "prepare-content": "npm run parse-content && npm run resize-images",
+ "watch:content":
+ "chokidar 'content/**/**' -c 'npm run prepare-content' --initial",
"sw": "sw-precache --config='sw-precache-config.js'",
"test": "standard | snazzy && react-scripts test --env=jsdom",
"eject": "react-scripts eject"
},
"reactSnapshot": {
- "include": [
- "/404"
- ]
+ "include": ["/404"]
}
}
diff --git a/public/admin/admin.css b/public/admin/admin.css
index ecc8c53..c2233ca 100644
--- a/public/admin/admin.css
+++ b/public/admin/admin.css
@@ -1,4 +1,4 @@
-/* Admin tweaks 1.0.2 */
+/* Admin tweaks 1.0.3 */
.nc-mediaLibrary-cardImage {
object-fit: contain;
height: auto;
@@ -33,6 +33,11 @@
width: auto;
}
+.nc-entryListing-cardImage {
+ background-size: contain;
+ background-color: whitesmoke;
+}
+
.nc-mediaLibrary-cardText {
margin: 0;
}
@@ -41,3 +46,33 @@
display: flex;
flex-direction: column;
}
+
+/* Custom logo */
+
+/* .nc-githubAuthenticationPage-logo {
+ background-image: url(/images/teeth-on-ferry-logo@2x.png);
+ background-position: center;
+ background-repeat: no-repeat;
+ background-size: 200px;
+}
+
+.nc-githubAuthenticationPage-logo svg {
+ display: none;
+}
+
+.nc-githubAuthenticationPage-button {
+ text-indent: -1000px;
+ overflow: hidden;
+ width: 8rem;
+}
+
+.nc-githubAuthenticationPage-button:after {
+ content: 'Login';
+ display: block;
+ position: absolute;
+ left: 50%;
+ top: 50%;
+ transform: translate(-50%, -50%);
+ width: auto;
+ text-indent: 0;
+} */
diff --git a/public/admin/index.html b/public/admin/index.html
index 8823f34..1fc9876 100644
--- a/public/admin/index.html
+++ b/public/admin/index.html
@@ -6,14 +6,14 @@
Content Manager
-
+
-
+