From 7b49152b2c0a7b0e8163b1af7127955b6a2e4fa1 Mon Sep 17 00:00:00 2001
From: "Kazuki.Dev" <rice.book.spin0930es@gmail.com>
Date: Sun, 13 Nov 2022 00:49:52 +0900
Subject: [PATCH] Fixed: compile flow and readme

---
 README.md                            | 12 ++++++++++++
 package.json                         | 14 ++++++++------
 src/_data/data.d.ts                  |  1 +
 src/_includes/sections/footer.liquid |  4 +++-
 src/assets/scss/page/_docs.scss      | 10 ++++++++++
 src/docs/index.liquid                | 14 +++++++++++---
 6 files changed, 45 insertions(+), 10 deletions(-)
 create mode 100644 src/_data/data.d.ts

diff --git a/README.md b/README.md
index 8251f5d..519e231 100644
--- a/README.md
+++ b/README.md
@@ -58,12 +58,24 @@ Start your project in development mode
 yarn start
 ```
 
+Start your project in production mode
+
+```bash
+yarn serve
+```
+
 Build your project for development
 
 ```bash
 yarn build
 ```
 
+Build your project for production
+
+```bash
+yarn release
+```
+
 Lint your project files
 
 ```bash
diff --git a/package.json b/package.json
index 3329dc0..ca8200f 100644
--- a/package.json
+++ b/package.json
@@ -1,26 +1,27 @@
 {
   "name": "pure-liquid",
-  "version": "0.1.4",
+  "version": "0.1.5",
   "description": "Starter kit with Liquid for static website.",
   "author": "Kazuki Yonemoto (https://dev.to/tim_yone)",
   "homepage": "https://github.com/Kazuki-tam/pure-liquid#readme",
   "license": "MIT",
   "scripts": {
     "clean": "rimraf ./dist",
+    "serve": "NODE_ENV=production eleventy --serve --config .config/.eleventy.js",
     "start": "npm-run-all -p 'start:*'",
-    "start:liquid": "eleventy --serve --config .config/.eleventy.js",
-    "start:sass": "npm-run-all -p sass:watch postCss:watch",
+    "start:htmlandstyle": "npm-run-all -p liquid:watch css:watch",
     "start:webpack": "npm-run-all webpack:watch",
     "start:imagemin": "onchange 'src/assets/img/' -- npm-run-all imagemin",
     "start:copy": "cpx './src/!(_data)/**/*.{css,js,pdf}' './dist' --watch",
     "build": "npm-run-all clean -p 'build:*' copy copy:public imagemin svgsprite",
-    "build:liquid": "eleventy --config .config/.eleventy.js",
-    "build:sass": "NODE_ENV=development npm-run-all sass:dev postCss",
+    "build:htmlandstyle": "NODE_ENV=development npm-run-all liquid sass:dev postCss",
     "build:webpack": "npm-run-all webpack:dev",
     "release": "npm-run-all clean -p 'release:*' copy copy:public imagemin svgsprite",
-    "release:liquid": "NODE_ENV=production eleventy --config .config/.eleventy.js",
     "release:sass": "NODE_ENV=production npm-run-all sass:prd postCss",
+    "release:htmlandstyle": "NODE_ENV=production npm-run-all liquid sass:prd postCss",
     "release:webpack": "npm-run-all webpack:prd",
+    "liquid": "eleventy --config .config/.eleventy.js",
+    "liquid:watch": "eleventy --serve --config .config/.eleventy.js",
     "lint": "npm-run-all -p eslint stylelint checkTypes htmlValidate",
     "lint:fix": "npm-run-all eslint:fix stylelint:fix format",
     "copy": "cpx './src/!(_data)/**/*.{css,js,pdf}' './dist'",
@@ -30,6 +31,7 @@
     "webpack:watch": "cross-env NODE_ENV=development webpack --config .config/webpack.config.js --watch",
     "webpack:dev": "cross-env NODE_ENV=development webpack --config .config/webpack.config.js",
     "webpack:prd": "cross-env NODE_ENV=production webpack --config .config/webpack.config.js",
+    "css:watch": "npm-run-all -p sass:watch postCss:watch",
     "sass:watch": "sass ./src/assets/scss:dist/assets/css/ --watch",
     "sass:dev": "sass ./src/assets/scss:dist/assets/css/ --no-unicode",
     "sass:prd": "sass ./src/assets/scss:dist/assets/css/ --no-source-map --no-unicode",
diff --git a/src/_data/data.d.ts b/src/_data/data.d.ts
new file mode 100644
index 0000000..2874de1
--- /dev/null
+++ b/src/_data/data.d.ts
@@ -0,0 +1 @@
+declare module '@11ty/eleventy-fetch';
diff --git a/src/_includes/sections/footer.liquid b/src/_includes/sections/footer.liquid
index 14ae4f1..1a85ab6 100644
--- a/src/_includes/sections/footer.liquid
+++ b/src/_includes/sections/footer.liquid
@@ -1 +1,3 @@
-<footer class="l-footer p-footer"><p class="p-footer__copyright">Copyright © {{ dynamicdata.currentDate }} Kazuki Yonemoto</p></footer>
+<footer class="l-footer p-footer">
+  <p class="p-footer__copyright">Copyright © {{ dynamicdata.currentDate }} Pure Liquid</p>
+</footer>
diff --git a/src/assets/scss/page/_docs.scss b/src/assets/scss/page/_docs.scss
index a3fe7f6..535c9e8 100644
--- a/src/assets/scss/page/_docs.scss
+++ b/src/assets/scss/page/_docs.scss
@@ -10,3 +10,13 @@
 .docs__text {
   font-size: get-rem(18px);
 }
+
+.docs__link {
+  @include hover {
+    opacity: 0.8;
+  }
+
+  font-size: get-rem(16px);
+  color: var(--color-text-link);
+  transition: 0.2s opacity;
+}
diff --git a/src/docs/index.liquid b/src/docs/index.liquid
index 53a113f..639a6a0 100644
--- a/src/docs/index.liquid
+++ b/src/docs/index.liquid
@@ -1,7 +1,7 @@
 ---
 layout: layout/theme.liquid
-title: Learn more about features
-description: Getting Started with SWL, and learn more about all features.
+title: Learn more about Pure Liquid
+description: Getting Started with Pure Liquid, and learn more about all features.
 pagePath: docs/
 pageId: docs
 breadcrumbs: [{item: "Docs", path: "docs/"}]
@@ -12,7 +12,15 @@ breadcrumbs: [{item: "Docs", path: "docs/"}]
     <p class="docs__text">Welcome to the Pure Liquid documentation!</p>
     <div class="p-message--caution">
       <p class="p-message__title">⚡️ Note</p>
-      <p class="p-message__des">This page is not still completed. I'm working in progress.🫠</p>
+      <p class="p-message__des">This page is an example.🙄</p>
     </div>
+    <a href="https://pure-liquid-dev.netlify.app/docs/" target="_blank" rel="noopener" class="docs__link">
+      Open official docs
+      <span class="p-icon--before-text">
+        <svg class="icon" role="img" width="1em" height="1em">
+          <use xlink:href="/assets/svg-sprite/svg-sprite.svg#external"></use>
+        </svg>
+      </span>
+    </a>
   </div>
 </div>