diff --git a/_layouts/default.html b/_layouts/default.html
index 3fbd40649996e80a4ac3358f25c2f219c3dc93c9..0020626379646cc54f1468df58506d9c12d79782 100644
--- a/_layouts/default.html
+++ b/_layouts/default.html
@@ -6,8 +6,9 @@
{% include head.html %}
<body>
- <div class="menu"></div>
+
{% include sidebar.html %}
+ <div class="menu-icon"></div>
<div class="contents">
{% include header.html %}
diff --git a/_sass/_layout.scss b/_sass/_layout.scss
index fb9fcadf2896afa585b1fe7b463435f308d1e749..5d37ef698dcbd5ccc5e2699cd2c69d4fa47091c9 100644
--- a/_sass/_layout.scss
+++ b/_sass/_layout.scss
@@ -4,6 +4,7 @@ body{
background-color: #222;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAGklEQVQIW2NkYGD4D8SMQAwGcAY2AbBKDBUAVuYCBQPd34sAAAAASUVORK5CYII=);
background-repeat: repeat;
+ width: 103%;
}
@@ -14,17 +15,15 @@ img{
}
.color-bar{
- margin-left: -9px;
+ margin-left: -10px;
border: none;
- font-size: 3px;
- width: 100%;
+ font-size: 0px;
}
.bar {
border: none;
display: inline-block;
width: 16.6667%;
- margin-left: -1px;
padding: 0;
}
@@ -72,12 +71,13 @@ img{
border-left: 10px solid #f3f2f2;
}
-.menu {
+.menu-icon {
+ display: block;
position: fixed;
height: 30px;
width: 14px;
background-image: url(/gatok/images/aayke.svg);
- top: 50%;
+ top: 500px;
}
.post-list {
diff --git a/about.md b/about.md
index d2e511ae4f2520caf8388eae63558db95a0ac6e0..2f37b4f0776ed0a98a498da297c836465af2d450 100644
--- a/about.md
+++ b/about.md
@@ -5,6 +5,17 @@ permalink: /about/
---
<div class="mt50"></div>
-Webjeda gatok is a Bootstrap based theme. Any Bootstrap element can be used in the theme. Read [Webjeda Blog](http://blog.webjeda.com){: target="_blank"} for jekyll tutorials.
+Webjeda Gatok is a Bootstrap based theme. Any Bootstrap element can be used in the theme.
-The name Gatok is a short form of [Ghatotkacha](https://en.wikipedia.org/wiki/Ghatotkacha){: target="_blank"} who was a monster in the Hindu mythology Mahabharatha.
\ No newline at end of file
+The name Gatok is a short form of [Ghatotkacha](https://en.wikipedia.org/wiki/Ghatotkacha){: target="_blank"} who was a monster in the Hindu mythology Mahabharatha.
+
+
+
+He is someone you shouldn't be messing with!
+
+
+
+[**Watch his story**](https://www.youtube.com/watch?v=6gYv6S1dCqs){: target="_blank"}
+
+
+Read [Webjeda Blog](http://blog.webjeda.com){: target="_blank"} for jekyll tutorials.
\ No newline at end of file
diff --git a/images/gatok-2.jpg b/images/gatok-2.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..97e0bfa66d50e9aac0de44c55327bcf7a85ec069
Binary files /dev/null and b/images/gatok-2.jpg differ
diff --git a/images/gatok.jpg b/images/gatok.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..09ff5c0681812982f974c5a57d7e9f874e575522
Binary files /dev/null and b/images/gatok.jpg differ