Merge pull request #17 from Kazuki-tam/feature/compile-flow

Fixed: compile flow and readme

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

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",

src/_data/data.d.ts

@@ -0,0 +1 @@
+declare module '@11ty/eleventy-fetch';

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>

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;
+}

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>