diff --git a/assets/stylesheets/index.scss b/assets/stylesheets/index.scss
index ef4df4b..42fd578 100644
--- a/assets/stylesheets/index.scss
+++ b/assets/stylesheets/index.scss
@@ -1,6 +1,13 @@
-/* unsemantic import begin */
+// import: normalize
+@import "../../bower_components/normalize-css/normalize.css";
+
+// import: unsemantic
 @import "../../bower_components/unsemantic/assets/sass/unsemantic-grid-responsive-no-ie7";
-/* unsemantic import end */
+
+// import: font-awesome
+@import "../../bower_components/font-awesome/scss/font-awesome";
+
+// content: index.scss
 
 $bio-name-size: 2em;
 $shadow: 0 0 4px rgba(0, 0, 0, 0.3);
diff --git a/index.html b/index.html
index 0430073..e42a455 100644
--- a/index.html
+++ b/index.html
@@ -6,11 +6,7 @@
         <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">
         
         <!-- stylesheets -->
-        <link href="bower_components/normalize-css/normalize.css" rel="stylesheet">
-        <link href="bower_components/font-awesome/css/font-awesome.min.css" rel="stylesheet">
-        <!-- unsemantic already imported in index.scss -->
-        <!-- compiled from 'assets/stylesheets/index.scss' -->
-        <link href="assets/stylesheets/index.css" rel="stylesheet">
+        <link href="assets/stylesheets/index.bundle.min.css" rel="stylesheet">
         
         <!-- view-source link -->
         <script>