FA4: Introduction section

Author: TheSeg

_includes/content/introduction.html

@@ -3,18 +3,18 @@
       <h2>Designer + Programmer</h2>
   </div>
 	<div class="col-sm-3 col-xs-6">
-		<span class="icon-stack">
-			<i class="icon-circle icon-stack-base"></i>
-			<i class="icon-puzzle-piece icon-light"></i>
+		<span class="fa-stack fa-lg">
+			<i class="fa fa-circle fa-stack-2x"></i>
+			<i class="fa fa-puzzle-piece fa-stack-1x fa-inverse"></i>
 		</span>
 	</div>
   <div class="introduction-text col-sm-6 hidden-xs">
       <h2>Designer + Programmer</h2>
   </div>
 	<div class="col-sm-3 col-xs-6">
-		<span class="icon-stack">
-			<i class="icon-circle icon-stack-base"></i>
-			<i class="icon-code icon-light"></i>
+		<span class="fa-stack fa-lg">
+			<i class="fa fa-circle fa-stack-2x"></i>
+			<i class="fa fa-code fa-stack-1x fa-inverse"></i>
 		</span>
 	</div>
 </div>

_less/seg_resume.less

@@ -193,47 +193,47 @@ table {
 
 /* introduction */
 #introduction {
-	text-align:center;
+  text-align:center;
 	margin-top:0;
 	&.addPadding {
 		margin-top:80px;
 	}
-    .introduction-set {
-        margin-bottom:20px;
-    }
+  .introduction-set {
+    margin-bottom:20px;
+  }
 	.introduction-header-text {
 		font-size:20pt;
-        @media (max-width: @screen-xs-max) {
-            font-size:16pt;
-        }
-	}
-	.introduction-block {
-        @introduction-icon-size-xs: 1.25;
-        margin-bottom:20px;
-        .introduction-text {
-            @media (min-width: @screen-sm-min) {
-                display:table-row;
-                vertical-align:middle;
-                height:100%;
-            }
+    @media (max-width: @screen-xs-max) {
+      font-size:16pt;
+    }
+  }
+  .introduction-block {
+    @introduction-icon-size-xs: 1.25;
+    margin-bottom:20px;
+    .introduction-text {
+      @media (min-width: @screen-sm-min) {
+        display:table-row;
+        vertical-align:middle;
+        height:100%;
+      }
 		}
 		h2 {
-            @base-font-size:40pt;
-			font-size:@base-font-size;
-			@media (max-width: @screen-xs-max) {
-				font-size:( @base-font-size / @introduction-icon-size-xs );
-			}
-            @media (min-width: @screen-lg-min ) {
-                padding-top:( @base-font-size / 2 );
-            }
-        }
-		.icon-stack {
-			font-size:60pt;
-			@media (max-width: @screen-xs-max) {
-				font-size:( 60pt / @introduction-icon-size-xs );
-			}
-		}
-	}
+      @base-font-size:40pt;
+      font-size:@base-font-size;
+      @media (max-width: @screen-xs-max) {
+        font-size:( @base-font-size / @introduction-icon-size-xs );
+      }
+      @media (min-width: @screen-lg-min ) {
+        padding-top:( @base-font-size / 2 );
+      }
+    }
+    .fa-stack {
+      font-size:60pt;
+      @media (max-width: @screen-xs-max) {
+        font-size:( 60pt / @introduction-icon-size-xs );
+      }
+    }
+  }
 }
 
 /* overview */