Merge pull request layer5io#182 from coder12git/sistent-site-draft

Sistent site draft

site/.github/Makefile.show-help.mk

@@ -0,0 +1,5 @@
+.DEFAULT_GOAL := show-help
+# See <https://gist.github.com/klmr/575726c7e05d8780505a> for explanation.
+.PHONY: show-help
+show-help:
+	@echo "$$(tput bold)Please specify a build target. The choices are:$$(tput sgr0)";echo;sed -ne"/^## /{h;s/.*//;:d" -e"H;n;s/^## //;td" -e"s/:.*//;G;s/\\n## /---/;s/\\n/ /g;p;}" ${MAKEFILE_LIST}|LC_ALL='C' sort -f|awk -F --- -v n=$$(tput cols) -v i=19 -v a="$$(tput setaf 6)" -v z="$$(tput sgr0)" '{printf"%s%*s%s ",a,-i,$$1,z;m=split($$2,w," ");l=n-i;for(j=1;j<=m;j++){l-=length(w[j])+1;if(l<= 0){l=n-i-length(w[j])-1;printf"\n%*s ",-i," ";}printf"%s ",w[j];}printf"\n";}'|more $(shell test $(shell uname) == Darwin && echo '-Xr')

site/.gitignore

@@ -0,0 +1,3 @@
+node_modules/
+.cache/
+public

site/Makefile

@@ -0,0 +1,34 @@
+# Copyright Layer5, Inc.
+#
+# Licensed under the Apache License, Version 2.0 (the "License");
+# you may not use this file except in compliance with the License.
+# You may obtain a copy of the License at
+#
+#    http://www.apache.org/licenses/LICENSE-2.0
+#
+# Unless required by applicable law or agreed to in writing, software
+# distributed under the License is distributed on an "AS IS" BASIS,
+# WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+# See the License for the specific language governing permissions and
+# limitations under the License.
+
+include .github/Makefile.show-help.mk
+
+## Install docs.layer5.io dependencies your local machine.
+## See https://gohugo.io/categories/installation
+setup:
+	npm install
+
+## Run site on your local machine. Alternate method.
+site:
+	gatsby develop
+
+## Build site on your local machine.
+build:
+	gatsby build && gatsby serve
+
+## Empty build cache and run site on your local machine.
+clean: 
+	gatsby clean && make site
+
+.PHONY: setup build site clean

site/README.md

@@ -0,0 +1,14 @@
+## 🚀 Setting up Local Development
+
+1. Navigate to the `site` folder
+   ```
+   cd site/
+   ```
+2. Install dependencies
+   ```
+   make setup
+   ```
+3. To start the development server run
+   ```
+   make site
+   ```

site/gatsby-browser.js

@@ -0,0 +1 @@
+import "./src/styles/global.css"

site/gatsby-config.js

@@ -0,0 +1,10 @@
+/**
+ * @type {import('gatsby').GatsbyConfig}
+ */
+module.exports = {
+  siteMetadata: {
+    title: `Sistent Design System | Layer5`,
+    siteUrl: `https://design.layer5.io`
+  },
+  plugins: ["gatsby-plugin-postcss", 'gatsby-plugin-dark-mode']
+};