add build template and serve

aigis-styleguide · Aug 16, 2015 · a71c2eb · a71c2eb
1 parent d592347
commit a71c2eb
Show file tree

Hide file tree

Showing 6 changed files with 28 additions and 4 deletions.
diff --git a/.gitignore b/.gitignore
@@ -1 +1,2 @@
 theme/
+docs/
diff --git a/aigis_config.yml b/aigis_config.yml
@@ -0,0 +1,2 @@
+template: ./template
+desst: ./docs
diff --git a/gulpfile.coffee b/gulpfile.coffee
@@ -6,6 +6,8 @@ sass = require "gulp-sass"
 autoprefixer = require "gulp-autoprefixer"
 minify = require "gulp-minify-css"
 rename = require "gulp-rename"
+aigis = require "gulp-aigis"
+bs = require "browser-sync"
 
 src = [
   "src/**/*.scss"
@@ -43,6 +45,19 @@ gulp.task "build", ->
       path.extname = ".min.css"
     .pipe gulp.dest(dist)
 
+gulp.task "template", ->
+  gulp.src "aigis_config.yml"
+    .pipe(aigis())
+
+gulp.task "serve", ["template"], ->
+  bs.init(
+    server:
+      baseDir: ["./docs"]
+      directory: true
+    notify: false,
+    host: "localhost"
+  )
+
 gulp.task "watch", ->
   gulp.watch src, ["sass"]
 

diff --git a/package.json b/package.json
@@ -6,8 +6,10 @@
     "watch": "gulp watch"
   },
   "devDependencies": {
+    "browser-sync": "^2.8.2",
     "coffee-script": "^1.9.3",
     "gulp": "^3.9.0",
+    "gulp-aigis": "pxgrid/gulp-aigis",
     "gulp-autoprefixer": "^2.3.1",
     "gulp-minify-css": "^1.2.0",
     "gulp-notify": "^2.2.0",

diff --git a/template/header.hbs b/template/header.hbs
@@ -3,7 +3,7 @@
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width">
     <link href="{{root}}doc_assets/css/highlight/{{config.highlight_theme}}.css" rel="stylesheet">
-    <link href="{{root}}doc_assets/css/base.css" rel="stylesheet">
+    <link href="{{root}}doc_assets/css/theme.css" rel="stylesheet">
   </head>
 <body>
 <!-- <header class="aigis-header"><a href="{{root}}index.html">{{config.name}}</a></header> -->

diff --git a/template/sidemenu.hbs b/template/sidemenu.hbs
@@ -1,11 +1,15 @@
 <div class="aigis-sidemenu">
-<header class="aigis-header"><a href="{{root}}index.html">{{config.name}}</a></header>
+<header class="aigis-header">
+  <a href="{{root}}index.html">{{config.name}}</a>
+</header>
 <h2 class="aigis-sidemenu__heading"><a href="{{root}}color.html">Color</a></h2>
 {{#if category}}
 <h2 class="aigis-sidemenu__heading">Category</h2>
 <nav class="aigis-categoryList">
 {{#each category}}
-  <a class="aigis-categoryList__item" data-path-level="{{level}}" data-path-root="{{root}}" data-path-parent="{{parent}}" href="{{href}}"><span class="opener"></span>{{name}}</a>
+<a class="aigis-categoryList__item" data-path-level="{{level}}" data-path-root="{{root}}" data-path-parent="{{parent}}" href="{{href}}">
+  <span class="opener"></span>{{name}}
+</a>
 {{/each}}
 </nav>
 {{/if}}
@@ -14,7 +18,7 @@
 <h2 class="aigis-sidemenu__heading">Tag</h2>
 <nav class="aigis-tags aigis-tagList">
 {{#each tag}}
-  <a class="aigis-tags__item aigis-tags__item--{{name}}" href="{{href}}">{{name}}</a>
+<a class="aigis-tags__item aigis-tags__item--{{name}}" href="{{href}}">{{name}}</a>
 {{/each}}
 </nav>
 {{/if}}