Added github cards to about me

static/src/less/style.less

@@ -1,30 +1,13 @@
 @import "node_modules/bootstrap/less/bootstrap";
 @import "node_modules/bootstrap/less/theme";
 @import "node_modules/ionicons/less/ionicons";
+@import "node_modules/less-mixins/index.less";
 // @import url(https://fonts.googleapis.com/css?family=Roboto:400,300,400italic,700);
 @import (inline) "node_modules/animate.css/animate.css";
 @import (inline) "node_modules/normalize.css/normalize.css";
 @import 'homepage';
 @import 'variables';
 
-
-/* @group Mixins */
-.transition(@value) {
-    -webkit-transition: @value;
-    -moz-transition: @value;
-    -o-transition: @value;
-    -ms-transition: @value;
-    transition: @value;
-}
-
-.box-shadow(@value) {
-  -webkit-box-shadow: @value;
-  -moz-box-shadow: @value;
-  box-shadow: @value;
-}
-/* @end Mixins */
-
-
 /* @group Global */
 .btn {
   .transition(~"ease-in-out .4s background-color");
@@ -141,3 +124,11 @@ footer {
   .box-shadow(0px 4px 4px 3px rgba(0,0,0,0.6));
   margin-bottom: 40px;
 }
+
+.row {
+  width: 100%;
+}
+
+.gh-card iframe {
+  .box-shadow(0px 4px 4px 3px rgba(0,0,0,0.6));
+}

templates/about/me.html

@@ -12,4 +12,16 @@
   </div>
 </div>
 
+<div class="container">
+  <div class="row">
+    <div class="col-sm-8">
+      <p>Stuff</p>
+    </div>
+    <div class="col-sm-4 gh-card">
+      <div data-theme="medium" data-github="RealOrangeOne" class="github-card"></div>
+    </div>
+  </div>
+</div>
+
+<script async defer src="//cdn.jsdelivr.net/github-cards/latest/widget.js"></script>
 {% endblock %}