diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..83eeaea
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1,4 @@
+
+/node_modules
+/public
+
diff --git a/css/style.css b/archetypes/.gitkeep
similarity index 100%
rename from css/style.css
rename to archetypes/.gitkeep
diff --git a/categories/index.xml b/categories/index.xml
deleted file mode 100644
index ead3f20..0000000
--- a/categories/index.xml
+++ /dev/null
@@ -1,14 +0,0 @@
-
-
-
- Categories on IndieVisualLab
- https://IndieVisualLab.github.io/categories/
- Recent content in Categories on IndieVisualLab
- Hugo -- gohugo.io
- en-us
-
-
-
-
-
-
\ No newline at end of file
diff --git a/config.toml b/config.toml
new file mode 100644
index 0000000..5ac3e95
--- /dev/null
+++ b/config.toml
@@ -0,0 +1,7 @@
+baseurl = "https://IndieVisualLab.github.io/"
+languageCode = "en-us"
+title = "IndieVisualLab"
+theme = "blank"
+
+googleAnalytics = ""
+
diff --git a/content/.gitkeep b/content/.gitkeep
new file mode 100644
index 0000000..e69de29
diff --git a/data/.gitkeep b/data/.gitkeep
new file mode 100644
index 0000000..e69de29
diff --git a/gulpfile.js b/gulpfile.js
new file mode 100644
index 0000000..0876971
--- /dev/null
+++ b/gulpfile.js
@@ -0,0 +1,63 @@
+const gulp = require("gulp");
+const $ = require("gulp-load-plugins")();
+const path = require("path");
+
+gulp.task("webpack", function() {
+ const source = "./source/javascripts/main.js";
+ const config = {
+ watch: true,
+ entry: source,
+ output: {
+ filename: "[name].js"
+ },
+ module: {
+ loaders : [
+ { test: /\.(glsl|frag|vert)$/, loader: "raw", exclude: /node_modules/ },
+ {
+ test: /\.(glsl|frag|vert)$/,
+ loader: "glslify",
+ exclude: /node_modules/
+ },
+ {
+ test: /\.js$/,
+ exclude: /node_modules/,
+ loader: "babel",
+ query: {
+ presets: ["es2015"],
+ compact: false
+ }
+ },
+ { test:"/\.json$/", loader: "json" }
+ ]
+ },
+ resolve : {
+ root : [path.join(__dirname, "bower_components")],
+ extensions : ["", ".js"],
+
+ alias : {
+ threejs : "threejs/build/three.min.js",
+ "dat-gui" : "dat-gui/build/dat.gui.min.js"
+ }
+ },
+ plugins : []
+ };
+
+ return gulp.src(source)
+ .pipe($.plumber())
+ .pipe($.webpack(config))
+ .pipe(gulp.dest("static/javascripts"));
+});
+
+gulp.task("watch", function() {
+ gulp.watch(["./source/stylesheets/*.scss", "./source/stylesheets/*/*.scss"], ["sass"]);
+});
+
+gulp.task("sass", function() {
+ gulp.src("./source/stylesheets/*.scss")
+ .pipe($.plumber())
+ .pipe($.sass())
+ .pipe(gulp.dest("./static/stylesheets"));
+});
+
+gulp.task("default", ["webpack", "watch"]);
+
diff --git a/index.html b/index.html
deleted file mode 100644
index 82c0d1e..0000000
--- a/index.html
+++ /dev/null
@@ -1,68 +0,0 @@
-
-
-
-
-
-
-
Indie
- Visual
- Lab
-
-
-
-
Indie Visual LabはリアルタイムCGプログラミングについての技術資料を作成・公開したり、その技術に基づくコンテンツ開発を行っているサークルです。
-
-
-
-
-
-
Unityによるグラフィックスプログラミングテクニックについて解説した技術同人誌です。
-GPUを活用した表現を行うための基礎知識やその応用など、様々なトピックを取り上げています。
-
※ 全章についてサンプルコード付属
-
-
lab.indievisual@gmail.com
-
-
-
-
-
-
-