diff --git a/CNAME b/CNAME
new file mode 100644
index 0000000000..81a66c8e90
--- /dev/null
+++ b/CNAME
@@ -0,0 +1 @@
+dgaspard.com
diff --git a/Gemfile.lock b/Gemfile.lock
index 52ff7c4619..c41bc16799 100644
--- a/Gemfile.lock
+++ b/Gemfile.lock
@@ -1,6 +1,12 @@
 GEM
   remote: https://rubygems.org/
   specs:
+    activesupport (6.0.3.6)
+      concurrent-ruby (~> 1.0, >= 1.0.2)
+      i18n (>= 0.7, < 2)
+      minitest (~> 5.1)
+      tzinfo (~> 1.1)
+      zeitwerk (~> 2.2, >= 2.2.2)
     addressable (2.6.0)
       public_suffix (>= 2.0.2, < 4.0)
     colorator (1.1.0)
@@ -13,6 +19,10 @@ GEM
     ffi (1.10.0)
     ffi (1.10.0-x64-mingw32)
     forwardable-extended (2.6.0)
+    gemoji (3.0.1)
+    html-pipeline (2.14.0)
+      activesupport (>= 2)
+      nokogiri (>= 1.4)
     http_parser.rb (0.6.0)
     i18n (0.9.5)
       concurrent-ruby (~> 1.0)
@@ -42,6 +52,10 @@ GEM
       jekyll (~> 3.3)
     jekyll-watch (2.1.2)
       listen (~> 3.0)
+    jemoji (0.12.0)
+      gemoji (~> 3.0)
+      html-pipeline (~> 2.2)
+      jekyll (>= 3.0, < 5.0)
     kramdown (1.17.0)
     liquid (4.0.1)
     listen (3.1.5)
@@ -49,9 +63,15 @@ GEM
       rb-inotify (~> 0.9, >= 0.9.7)
       ruby_dep (~> 1.2)
     mercenary (0.3.6)
+    minitest (5.14.4)
+    nokogiri (1.11.3-arm64-darwin)
+      racc (~> 1.4)
+    nokogiri (1.11.3-x86_64-darwin)
+      racc (~> 1.4)
     pathutil (0.16.2)
       forwardable-extended (~> 2.6)
     public_suffix (3.0.3)
+    racc (1.5.2)
     rb-fsevent (0.10.3)
     rb-inotify (0.10.0)
       ffi (~> 1.0)
@@ -63,6 +83,10 @@ GEM
     sass-listen (4.0.0)
       rb-fsevent (~> 0.9, >= 0.9.4)
       rb-inotify (~> 0.9, >= 0.9.7)
+    thread_safe (0.3.6)
+    tzinfo (1.2.9)
+      thread_safe (~> 0.1)
+    zeitwerk (2.4.2)
 
 PLATFORMS
   ruby
@@ -74,8 +98,9 @@ DEPENDENCIES
   jekyll-paginate
   jekyll-seo-tag
   jekyll-sitemap
+  jemoji
   kramdown
   rouge
 
 BUNDLED WITH
-   2.0.1
+   2.2.15
diff --git a/README.md b/README.md
index a1ff70173f..07a8ccfdad 100644
--- a/README.md
+++ b/README.md
@@ -1,23 +1,5 @@
-# Mediumish - Jekyll Theme
+# David Gaspard Blog Site
 
-[Live Demo](https://wowthemesnet.github.io/mediumish-theme-jekyll/) &nbsp; | &nbsp; [Download](https://github.com/wowthemesnet/mediumish-theme-jekyll/archive/master.zip) &nbsp; | &nbsp; [Documentation](https://bootstrapstarter.com/bootstrap-templates/template-mediumish-bootstrap-jekyll/) &nbsp; | &nbsp; [Buy me a coffee](https://www.wowthemes.net/donate/)
+My blog/resume website where I'll be hosting many tutorials
 
-![mediumish](assets/images/mediumish-jekyll-template.png)
-
-
-### Copyright
-
-Copyright (C) 2019 Sal, https://www.wowthemes.net
-
-**Mediumish for Jekyll** is designed and developed by [Sal](https://www.wowthemes.net) and it is *free* under MIT license. 
-
-<a href="https://www.wowthemes.net/donate/" target="_blank"><img src="https://www.buymeacoffee.com/assets/img/custom_images/orange_img.png" alt="Buy Me A Coffee" style="height: auto !important;width: auto !important;" ></a>
-
-### Contribute
-
-1. [Fork the repo](https://github.com/wowthemesnet/mediumish-theme-jekyll).
-2. Clone a copy of your fork on your local
-3. Create a branch off of master and give it a meaningful name (e.g. my-new-mediumish-feature).
-4. Make necessary changes, commit, push and open a pull request on GitHub.
-
-Thank you!
+To run localy, run `bundle exec jekyll serve`
\ No newline at end of file
diff --git a/_config.yml b/_config.yml
index 8f192fabcd..532639e48d 100644
--- a/_config.yml
+++ b/_config.yml
@@ -1,35 +1,26 @@
 # Site
-name: "Mediumish"
-title: "Mediumish"
-description: "Jekyll template, Medium styled, free for bloggers."
-logo: 'assets/images/logo.png'
-favicon: 'assets/images/logo.png'
-baseurl: /mediumish-theme-jekyll
-google_analytics: 'UA-46278016-1'
-disqus: 'demowebsite'
-mailchimp-list: 'https://wowthemes.us11.list-manage.com/subscribe/post?u=8aeb20a530e124561927d3bd8&amp;id=8c3d2d214b'
+name: "David Gaspard"
+title: "David Gaspard"
+description: "Tech through David's lenses."
+logo: 'assets/images/dg.png'
+favicon: 'assets/images/favicon.ico'
+# google_analytics: 'UA-46278016-1' # TODO: Setup google analytics
+# disqus: 'demowebsite'
+# mailchimp-list: 'https://wowthemes.us11.list-manage.com/subscribe/post?u=8aeb20a530e124561927d3bd8&amp;id=8c3d2d214b'
 include: ["_pages"]
 permalink: /:title/
+baseurl: "" # the subpath of your site, e.g. /blog
 
 # Authors
 authors:
-  sal:
-    name: Sal
-    display_name: Sal
-    gravatar: e56154546cf4be74e393c62d1ae9f9d4
-    email: wowthemesnet@gmail.com
-    web: https://www.wowthemes.net
-    twitter: https://twitter.com/wowthemesnet
-    description: "Author of Mediumish, a Bootstrap Medium styled template available for WordPress, HTML, Ghost and Jekyll. You are currently previewing Jekyll template demo."
-  john:
-    name: John
-    display_name: John    
-    avatar: 'assets/images/avatar.png'
-    gravatar: b1cc14991db7a456fcd761680bbc8f81
-    email: wowthemesnet@gmail.com
-    web: https://www.wowthemes.net
-    twitter: https://twitter.com/wowthemesnet
-    description: "This is the author box. Write a short description of the author here. You are currently previewing Mediumish demo, a Jekyll template compatible with Github pages."
+  david:
+    name: David
+    display_name: David
+    gravatar: 4325aec5eb4d46e815e2ff2c723cb616
+    email: dgaspard@dgaspard.com
+    web: https://www.dgaspard.com
+    # twitter: https://twitter.com/wowthemesnet
+    description: "Senior Software Engineer @ Microsoft and avid technologist"
 
 # Plugins
 plugins:
diff --git a/_layouts/default.html b/_layouts/default.html
index 337b917db3..9df9e9ce30 100644
--- a/_layouts/default.html
+++ b/_layouts/default.html
@@ -75,11 +75,11 @@
                 <a class="nav-link" href="{{ site.baseurl }}/about">About</a>
                 </li>
 
-                <li class="nav-item">
+                <!-- <li class="nav-item">
                 <a target="_blank" class="nav-link" href="https://bootstrapstarter.com/bootstrap-templates/template-mediumish-bootstrap-jekyll/"> Docs</a>
-                </li>
+                </li> -->
 
-                <li class="nav-item">
+                <!-- <li class="nav-item">
                 <a target="_blank" class="nav-link" href="https://www.wowthemes.net/themes/mediumish-wordpress/"><i class="fab fa-wordpress-simple"></i> WP Version</a>
                 </li>
 
@@ -89,7 +89,7 @@
 
                 <li class="nav-item">
                 <a target="_blank" class="nav-link" href="https://github.com/wowthemesnet/mediumish-theme-jekyll"><i class="fab fa-github"></i> Fork on Github</a>
-                </li>
+                </li> -->
 
                 {% include search-lunr.html %}
 
@@ -108,15 +108,6 @@
 
 <div class="container">
 
-<!-- Site Title
-================================================== -->
-<div class="mainheading">
-    <h1 class="sitetitle">{{ site.name }}</h1>
-    <p class="lead">
-        {{ site.description }}
-    </p>
-</div>
-
 <!-- Content
 ================================================== -->
 <div class="main-content">
diff --git a/_layouts/post.html b/_layouts/post.html
index 418d42cede..5ed79dc65b 100644
--- a/_layouts/post.html
+++ b/_layouts/post.html
@@ -5,6 +5,19 @@
 post_class: post-template
 ---
 
+<!-- Site Title
+================================================== -->
+<div class="postheading">
+    <h1 class="sitetitle">
+        <a class="postheading" href="/dgaspard.com/">
+            {{ site.name }}
+        </a>
+    </h1>
+    <p class="lead">
+        {{ site.description }}
+    </p>
+</div>
+
 <!-- Begin Article
 ================================================== -->
 <div class="container">
@@ -26,13 +39,17 @@
                 <div class="row post-top-meta">
                     <div class="col-xs-12 col-md-3 col-lg-2 text-center text-md-left mb-4 mb-md-0">
                         {% if author.avatar %}
-                        <img class="author-thumb" src="{{site.baseurl}}/{{ author.avatar }}" alt="{{ author.display_name }}">
+                        <img class="author-thumb" src="{{site.baseurl}}/{{ author.avatar }}"
+                            alt="{{ author.display_name }}">
                         {% else %}
-                        <img class="author-thumb" src="https://www.gravatar.com/avatar/{{ author.gravatar }}?s=250&d=mm&r=x" alt="{{ author.display_name }}">
+                        <img class="author-thumb"
+                            src="https://www.gravatar.com/avatar/{{ author.gravatar }}?s=250&d=mm&r=x"
+                            alt="{{ author.display_name }}">
                         {% endif %}
                     </div>
                     <div class="col-xs-12 col-md-9 col-lg-10 text-center text-md-left">
-                        <a target="_blank" class="link-dark" href="{{ author.web }}">{{ author.display_name }}</a><a target="_blank" href="{{ author.twitter }}" class="btn follow">Follow</a>
+                        <a target="_blank" class="link-dark" href="{{ author.web }}">{{ author.display_name }}</a><a
+                            target="_blank" href="{{ author.twitter }}" class="btn follow">Follow</a>
                         <span class="author-description">{{ author.description }}</span>
                     </div>
                 </div>
@@ -45,7 +62,7 @@ <h1 class="posttitle">{{ page.title }}</h1>
 
             <!-- Adsense if enabled from _config.yml (change your pub id and slot) -->
             {% if site.adsense == "enabled" %}
-                {% include adsense-under-header.html %}
+            {% include adsense-under-header.html %}
             {% endif %}
             <!-- End Adsense -->
 
@@ -53,9 +70,14 @@ <h1 class="posttitle">{{ page.title }}</h1>
             {% if page.image %}
 
             {% if site.lazyimages == "enabled" %}
-            <img class="featured-image img-fluid lazyimg" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAACCAQAAAA3fa6RAAAADklEQVR42mNkAANGCAUAACMAA2w/AMgAAAAASUVORK5CYII=" data-src="{% if page.image contains "://" %}{{ page.image }}{% else %}{{ site.baseurl }}/{{ page.image }}{% endif %}" alt="{{ page.title }}">
+            <img class="featured-image img-fluid lazyimg"
+                src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAACCAQAAAA3fa6RAAAADklEQVR42mNkAANGCAUAACMAA2w/AMgAAAAASUVORK5CYII="
+                data-src="{% if page.image contains "://" %}{{ page.image }}{% else %}{{ site.baseurl }}/{{ page.image }}{% endif %}"
+                alt="{{ page.title }}">
             {% else %}
-            <img class="featured-image img-fluid" src="{% if page.image contains "://" %}{{ page.image }}{% else %}{{ site.baseurl }}/{{ page.image }}{% endif %}" alt="{{ page.title }}">
+            <img class="featured-image img-fluid"
+                src="{% if page.image contains "://" %}{{ page.image }}{% else %}{{ site.baseurl }}/{{ page.image }}{% endif %}"
+                alt="{{ page.title }}">
             {% endif %}
 
             {% endif %}
@@ -65,13 +87,13 @@ <h1 class="posttitle">{{ page.title }}</h1>
             <div class="article-post">
                 <!-- Toc if any -->
                 {% if page.toc %}
-                    {% if page.beforetoc %}
-                        <p><em>{{page.beforetoc}}</em></p>
-                    {% endif %}
-                    <div class="toc mt-4 mb-4 lead">
-                        <h3 class="font-weight-bold">Summary</h3>
-                        {% include toc.html html=content %}
-                    </div>
+                {% if page.beforetoc %}
+                <p><em>{{page.beforetoc}}</em></p>
+                {% endif %}
+                <div class="toc mt-4 mb-4 lead">
+                    <h3 class="font-weight-bold">Summary</h3>
+                    {% include toc.html html=content %}
+                </div>
                 {% endif %}
                 <!-- End Toc -->
                 {{content}}
@@ -86,11 +108,13 @@ <h3 class="font-weight-bold">Summary</h3>
 
             <!-- Post Date -->
             <p>
-            <small>
-                <span class="post-date"><time class="post-date" datetime="{{ page.date | date:"%Y-%m-%d" }}">{{ page.date | date_to_string }}</time></span>           
-                {% if page.last_modified_at %}
-                (Updated: <time datetime="{{ page.last_modified_at | date_to_xmlschema }}" itemprop="dateModified">{{ page.last_modified_at | date: "%b %-d, %Y" }}</time>)
-                {% endif %}
+                <small>
+                    <span class="post-date"><time class="post-date"
+                            datetime="{{ page.date | date:"%Y-%m-%d" }}">{{ page.date | date_to_string }}</time></span>
+                    {% if page.last_modified_at %}
+                    (Updated: <time datetime="{{ page.last_modified_at | date_to_xmlschema }}"
+                        itemprop="dateModified">{{ page.last_modified_at | date: "%b %-d, %Y" }}</time>)
+                    {% endif %}
                 </small>
             </p>
 
@@ -100,7 +124,8 @@ <h3 class="font-weight-bold">Summary</h3>
                     {% assign sortedCategories = page.categories | sort %}
                     {% for category in sortedCategories %}
                     <li>
-                        <a class="smoothscroll" href="{{site.baseurl}}/categories#{{ category | replace: " ","-" }}">{{ category }}</a>
+                        <a class="smoothscroll"
+                            href="{{site.baseurl}}/categories#{{ category | replace: " ","-" }}">{{ category }}</a>
                     </li>
                     {% endfor %}
                 </ul>
@@ -122,13 +147,15 @@ <h3 class="font-weight-bold">Summary</h3>
 
             <!-- Prev/Next -->
             <div class="row PageNavigation d-flex justify-content-between font-weight-bold">
-            {% if page.previous.url %}
-            <a class="prev d-block col-md-6" href="{{ site.baseurl }}/{{page.previous.url}}"> &laquo; {{page.previous.title}}</a>
-            {% endif %}
-            {% if page.next.url %}
-            <a class="next d-block col-md-6 text-lg-right" href="{{ site.baseurl }}/{{page.next.url}}">{{page.next.title}} &raquo; </a>
-            {% endif %}
-            <div class="clearfix"></div>
+                {% if page.previous.url %}
+                <a class="prev d-block col-md-6" href="{{ site.baseurl }}/{{page.previous.url}}"> &laquo;
+                    {{page.previous.title}}</a>
+                {% endif %}
+                {% if page.next.url %}
+                <a class="next d-block col-md-6 text-lg-right"
+                    href="{{ site.baseurl }}/{{page.next.url}}">{{page.next.title}} &raquo; </a>
+                {% endif %}
+                <div class="clearfix"></div>
             </div>
             <!-- End Categories -->
 
@@ -143,13 +170,13 @@ <h3 class="font-weight-bold">Summary</h3>
 <!-- Begin Comments
 ================================================== -->
 {% if page.comments != false %}
-    <div class="container">
-        <div id="comments" class="row justify-content-center mb-5">
-            <div class="col-md-8">
-                {% include disqus.html %}
-            </div>
+<div class="container">
+    <div id="comments" class="row justify-content-center mb-5">
+        <div class="col-md-8">
+            {% include disqus.html %}
         </div>
     </div>
+</div>
 {% endif %}
 <!--End Comments
 ================================================== -->
diff --git a/_posts/2018-01-11-customer-service.md b/_posts/demo/2018-01-11-customer-service.md
similarity index 93%
rename from _posts/2018-01-11-customer-service.md
rename to _posts/demo/2018-01-11-customer-service.md
index 902b51bfc7..cb218feb89 100644
--- a/_posts/2018-01-11-customer-service.md
+++ b/_posts/demo/2018-01-11-customer-service.md
@@ -1,12 +1,12 @@
 ---
 layout: post
 title:  "Inception Movie"
-author: john
+hidden: true
+author: david
 categories: [ Jekyll, tutorial ]
 tags: [red, yellow]
 image: assets/images/11.jpg
 description: "My review of Inception movie. Acting, plot and something else in this short description."
-featured: true
 hidden: true
 rating: 4.5
 ---
@@ -21,7 +21,8 @@ It's actually really simple! Add the rating in your YAML front matter. It also s
 ---
 layout: post
 title:  "Inception Movie"
-author: john
+hidden: true
+author: david
 categories: [ Jekyll, tutorial ]
 tags: [red, yellow]
 image: assets/images/11.jpg
diff --git a/_posts/2018-01-11-quick-start-guide.md b/_posts/demo/2018-01-11-quick-start-guide.md
similarity index 98%
rename from _posts/2018-01-11-quick-start-guide.md
rename to _posts/demo/2018-01-11-quick-start-guide.md
index 178e04003c..963f2cb2bd 100644
--- a/_posts/2018-01-11-quick-start-guide.md
+++ b/_posts/demo/2018-01-11-quick-start-guide.md
@@ -1,7 +1,8 @@
 ---
 layout: post
 title:  "Let's test spoilers"
-author: sal
+hidden: true
+author: david
 categories: [ Jekyll, tutorial ]
 image: assets/images/12.jpg
 featured: true
diff --git a/_posts/2018-01-12-is-intelligence-enough.md b/_posts/demo/2018-01-12-is-intelligence-enough.md
similarity index 99%
rename from _posts/2018-01-12-is-intelligence-enough.md
rename to _posts/demo/2018-01-12-is-intelligence-enough.md
index 707f8d97af..d9f8b72b1f 100644
--- a/_posts/2018-01-12-is-intelligence-enough.md
+++ b/_posts/demo/2018-01-12-is-intelligence-enough.md
@@ -1,7 +1,7 @@
 ---
 layout: post
 title:  "External Featured Image"
-author: sal
+author: david
 categories: [ Jekyll, tutorial, web development ]
 image: "https://images.unsplash.com/photo-1541544537156-7627a7a4aa1c?ixlib=rb-0.3.5&ixid=eyJhcHBfaWQiOjEyMDd9&s=a20c472bc23308e390c8ffae3dd90c60&auto=format&fit=crop&w=750&q=80"
 ---
diff --git a/_posts/2018-01-12-never-stopped-worrying-never-loved-bomb.md b/_posts/demo/2018-01-12-never-stopped-worrying-never-loved-bomb.md
similarity index 98%
rename from _posts/2018-01-12-never-stopped-worrying-never-loved-bomb.md
rename to _posts/demo/2018-01-12-never-stopped-worrying-never-loved-bomb.md
index e790de4793..9d80b381ea 100644
--- a/_posts/2018-01-12-never-stopped-worrying-never-loved-bomb.md
+++ b/_posts/demo/2018-01-12-never-stopped-worrying-never-loved-bomb.md
@@ -1,7 +1,8 @@
 ---
 layout: post
 title:  "Never stopped worrying or loving the bomb"
-author: sal
+hidden: true
+author: david
 categories: [ Jekyll ]
 image: assets/images/14.jpg
 ---
diff --git a/_posts/2018-01-12-options-for-creating-new-site-with-jekyll.md b/_posts/demo/2018-01-12-options-for-creating-new-site-with-jekyll.md
similarity index 97%
rename from _posts/2018-01-12-options-for-creating-new-site-with-jekyll.md
rename to _posts/demo/2018-01-12-options-for-creating-new-site-with-jekyll.md
index c71c09e484..fd20d3ea5e 100644
--- a/_posts/2018-01-12-options-for-creating-new-site-with-jekyll.md
+++ b/_posts/demo/2018-01-12-options-for-creating-new-site-with-jekyll.md
@@ -1,7 +1,8 @@
 ---
 layout: post
 title:  "Options for creating a new site with Jekyll"
-author: john
+hidden: true
+author: david
 categories: [ Jekyll, tutorial ]
 image: assets/images/13.jpg
 ---
diff --git a/_posts/2018-01-12-press-and-education.md b/_posts/demo/2018-01-12-press-and-education.md
similarity index 98%
rename from _posts/2018-01-12-press-and-education.md
rename to _posts/demo/2018-01-12-press-and-education.md
index 98e8c70d58..afcd53a97a 100644
--- a/_posts/2018-01-12-press-and-education.md
+++ b/_posts/demo/2018-01-12-press-and-education.md
@@ -1,7 +1,8 @@
 ---
 layout: post
 title:  "Press and education"
-author: sal
+hidden: true
+author: david
 categories: [ Jekyll, tutorial ]
 image: assets/images/7.jpg
 ---
diff --git a/_posts/2018-01-12-red-riding.md b/_posts/demo/2018-01-12-red-riding.md
similarity index 98%
rename from _posts/2018-01-12-red-riding.md
rename to _posts/demo/2018-01-12-red-riding.md
index 66ad47606a..9816d528d9 100644
--- a/_posts/2018-01-12-red-riding.md
+++ b/_posts/demo/2018-01-12-red-riding.md
@@ -1,7 +1,8 @@
 ---
 layout: post
 title:  "Red Riding Hood"
-author: sal
+hidden: true
+author: david
 categories: [ Jekyll, tutorial ]
 image: assets/images/1.jpg
 ---
diff --git a/_posts/2018-01-12-tree-of-codes.md b/_posts/demo/2018-01-12-tree-of-codes.md
similarity index 98%
rename from _posts/2018-01-12-tree-of-codes.md
rename to _posts/demo/2018-01-12-tree-of-codes.md
index e5ccc4fbab..97fbe07ca0 100644
--- a/_posts/2018-01-12-tree-of-codes.md
+++ b/_posts/demo/2018-01-12-tree-of-codes.md
@@ -1,7 +1,8 @@
 ---
 layout: post
 title:  "Tree of Codes"
-author: sal
+hidden: true
+author: david
 categories: [ Jekyll, tutorial ]
 image: assets/images/9.jpg
 ---
diff --git a/_posts/2018-01-12-we-all-wait-for-summer.md b/_posts/demo/2018-01-12-we-all-wait-for-summer.md
similarity index 96%
rename from _posts/2018-01-12-we-all-wait-for-summer.md
rename to _posts/demo/2018-01-12-we-all-wait-for-summer.md
index a8683bc721..63def582ae 100644
--- a/_posts/2018-01-12-we-all-wait-for-summer.md
+++ b/_posts/demo/2018-01-12-we-all-wait-for-summer.md
@@ -1,7 +1,8 @@
 ---
 layout: post
 title:  "We all wait for summer"
-author: john
+hidden: true
+author: david
 categories: [ Jekyll, tutorial ]
 image: assets/images/5.jpg
 rating: .5
diff --git a/_posts/2018-05-12-about-bundler.md b/_posts/demo/2018-05-12-about-bundler.md
similarity index 97%
rename from _posts/2018-05-12-about-bundler.md
rename to _posts/demo/2018-05-12-about-bundler.md
index 5b289c0374..b8a7f7ab0b 100644
--- a/_posts/2018-05-12-about-bundler.md
+++ b/_posts/demo/2018-05-12-about-bundler.md
@@ -1,7 +1,8 @@
 ---
 layout: post
 title:  "About Bundler"
-author: sal
+hidden: true
+author: david
 categories: [ Jekyll ]
 image: assets/images/2.jpg
 rating: 3
diff --git a/_posts/2018-06-12-acumulated-experience.md b/_posts/demo/2018-06-12-acumulated-experience.md
similarity index 98%
rename from _posts/2018-06-12-acumulated-experience.md
rename to _posts/demo/2018-06-12-acumulated-experience.md
index 40b880569e..66bf93f77e 100644
--- a/_posts/2018-06-12-acumulated-experience.md
+++ b/_posts/demo/2018-06-12-acumulated-experience.md
@@ -1,7 +1,8 @@
 ---
 layout: post
 title:  "Accumulated experience of social living"
-author: sal
+hidden: true
+author: david
 categories: [ Jekyll, tutorial ]
 image: assets/images/15.jpg
 ---
diff --git a/_posts/2018-06-12-education.md b/_posts/demo/2018-06-12-education.md
similarity index 98%
rename from _posts/2018-06-12-education.md
rename to _posts/demo/2018-06-12-education.md
index 50e19abe61..3f74373c78 100644
--- a/_posts/2018-06-12-education.md
+++ b/_posts/demo/2018-06-12-education.md
@@ -1,7 +1,8 @@
 ---
 layout: post
 title:  "Education must also train one for quick, resolute and effective thinking."
-author: john
+hidden: true
+author: david
 categories: [ Jekyll, tutorial ]
 image: assets/images/3.jpg
 beforetoc: "Markdown editor is a very powerful thing. In this article I'm going to show you what you can actually do with it, some tricks and tips while editing your post."
diff --git a/_posts/2018-06-12-first-mass-produced.md b/_posts/demo/2018-06-12-first-mass-produced.md
similarity index 98%
rename from _posts/2018-06-12-first-mass-produced.md
rename to _posts/demo/2018-06-12-first-mass-produced.md
index 605b9519df..5ca5943d75 100644
--- a/_posts/2018-06-12-first-mass-produced.md
+++ b/_posts/demo/2018-06-12-first-mass-produced.md
@@ -1,7 +1,8 @@
 ---
 layout: post
 title:  "The first mass-produced book to deviate from a rectilinear format"
-author: sal
+hidden: true
+author: david
 categories: [ Jekyll, tutorial ]
 image: assets/images/17.jpg
 ---
diff --git a/_posts/2018-06-12-powerful-things-markdown-editor.md b/_posts/demo/2018-06-12-powerful-things-markdown-editor.md
similarity index 98%
rename from _posts/2018-06-12-powerful-things-markdown-editor.md
rename to _posts/demo/2018-06-12-powerful-things-markdown-editor.md
index 2d0f3f594f..aa6cf968b7 100644
--- a/_posts/2018-06-12-powerful-things-markdown-editor.md
+++ b/_posts/demo/2018-06-12-powerful-things-markdown-editor.md
@@ -1,7 +1,8 @@
 ---
 layout: post
 title:  "Powerful things you can do with the Markdown editor"
-author: sal
+hidden: true
+author: david
 categories: [ Jekyll, tutorial ]
 image: assets/images/16.jpg
 ---
diff --git a/_posts/tutorials/2021-04-23-KubernetesAITutorial1.md b/_posts/tutorials/2021-04-23-KubernetesAITutorial1.md
new file mode 100644
index 0000000000..5decdba99b
--- /dev/null
+++ b/_posts/tutorials/2021-04-23-KubernetesAITutorial1.md
@@ -0,0 +1,53 @@
+---
+layout: post
+title:  "Creating an AI WebApp on Kubernetes - Lesson 1"
+description:  "Learn how to create a world-scale AI web application on Kubernetetes using Angular, ASP.net, Azure Functions, C#, and Python"
+featured: true
+author: david
+categories: [ Jekyll, tutorial ]
+image: assets/images/siteflow.png
+---
+
+Developing and deploying applications via Kubernetes can be a massive undertaking. When simply setting up the infrastructure locally to test a POC for an application, engineers may find themselves spending more time setting up hosting infrastructure than actually providing customer content and value. Not to mention the fact that deploying to Azure and scaling that application to the world can very difficult. This tutorial is aimed to help all those of you just getting started in the world of Kubernetes to get a head start in getting your web application out to the world!
+
+This course will be end-to-end! We will focus on all of the practical aspects but I highly encourage you to take your time and research the theoretical aspects i.e. 'why containerize an app', 'async vs synchronous programming', 'resnet50 image recognition'.
+
+This project touches on all aspects of web application development and should serve as an all-in-one course for web app development. If you can make it all the way through this course, Kudos! I would estimate this project to take a full week of programming or more.
+
+[comment]: TODO Add an image or gif of using the website
+
+**Difficulty Level**:
+Medium
+
+[comment]: TODO Add table content to different lessons
+
+
+**Things You will need** Try to download/install these things in parallel
++  **A good attitude**. This may take a while
++  [Visual Studio Code](https://code.visualstudio.com/download) for development
++  Basic programming/website knowledge (not algorithmic)
++  [Some basic C# experience](https://docs.microsoft.com/en-us/dotnet/csharp/tour-of-csharp/tutorials/hello-world?tutorial-step=1) to create the Webapi (backend)
++  [Some basic javascript and typescript experience](https://www.typescriptlang.org/docs/handbook/typescript-in-5-minutes.html) to create the website (front end)
++  [NodeJS](https://nodejs.org/en/) and npm to run the web app
++  [Angular CLI](https://angular.io/guide/setup-local#install-the-angular-cli) to use Angular
++  [Azure subscription](https://azure.microsoft.com/en-us/pricing/). You may want to wait a bit (2nd or 3rd lesson) before paying for this. We will be using azure functions and an AKS cluster which can get expensive if left running indefinitely.
++  [Azure CLI](https://docs.microsoft.com/en-us/cli/azure/install-azure-cli)
++  [Dotnet core and dotnet CLI](https://dotnet.microsoft.com/download/dotnet/3.1)
++  [Docker](https://docs.docker.com/get-docker/) to [containerize](https://cloud.google.com/containers#:~:text=Containerization%20provides%20a%20clean%20separation,configurations%20specific%20to%20the%20app.) the web application. Just trust me on this one
++  [Postman](https://www.postman.com/downloads/) to test the webapi
++  [Google chrome](https://www.google.com/chrome/) or Microsoft edge chromium
++  [Azure Storage explorer](https://azure.microsoft.com/en-us/features/storage-explorer/)
++  [Azure Functions Core Tools](https://docs.microsoft.com/en-us/azure/azure-functions/functions-develop-vs-code?tabs=csharp) for developing Azure functions
+
+Get familiar with the items above for an hour or two and this tutorial is going to be a breeze. Try to understand each tool's role is in the blog diagram. I've tried to link all the specific versions that I used throughout this project, but you may find that there may be dependencies missing or you may run into compatibility issues on your own machine. Feel free to reach out to me but you may likely have to wrestle with a few issues on your own.
+
+[comment]: TODO Understand how to use emojis in markdown - jemoji gem is giving me an error 
+
+# Why should you do this course
+This course uses Angular, Python, and C#, which are [highly sought after languages](https://www.codeplatoon.org/best-paying-most-in-demand-programming-languages-2020/). I've found that it pays to be well developed in one performant and scalable language (C#) for heavy lifting, one front-end language (typescript) for creating end editing UIs, and one scripting language (python) for quickly getting things done. These 3 languages are far ahead of their counterparts in popularity and flexibility.
+Master these 3 and you will also get scale inherently. Angular is used at many established fortune 500 companies because it's rich set of extensions and scalability. Python is extremely easy to learn and is used across many applications like data science and is great for learning to code and interviews. C# is used across all Microsoft applications, including xbox games and provides a rich set of libraries for complicated tasks including authentication and multi-threading.
+These languages will stand the test of time. Couple them with the latest infrastructure including Azure, Azure functions, containers, Azure storage, and Kubernetes and your skills will take you to amazing places. 
+
+
+# Why did I create this course
+I originally attempted to create this application in order to do image recognition through a website in order to simplify the process of building AI models and connecting them to real-world input. I sought a no-code solution to creating a model and getting input to my model. Due to competitors, I decided not to continue. While creating the bits and pieces was rather simple, I found stitching them together to be *very complicated*. I think there's immense value in getting other developers to the end goal ASAP and I think you will too! Enjoy and leave feedback!
\ No newline at end of file
diff --git a/_posts/tutorials/2021-05-07-KubernetesAITutorial2.md b/_posts/tutorials/2021-05-07-KubernetesAITutorial2.md
new file mode 100644
index 0000000000..5a901750e9
--- /dev/null
+++ b/_posts/tutorials/2021-05-07-KubernetesAITutorial2.md
@@ -0,0 +1,147 @@
+---
+layout: post
+title:  "How To Create A Dotnet Core Docker WebAPI - Lesson 2"
+description:  "Learn how to create a world-scale AI web application on Kubernetes using Angular, ASP.net, Azure Functions, C#, and Python"
+featured: true
+author: david
+categories: [ Jekyll, tutorial ]
+image: assets/images/dotnetcore_docker.png
+---
+
+# Creating a containerized dontent core web API
+Microservices serve as the core building blocks of any modern web application. Developing your application as a mesh of interacting web APIs with very specific responsibilities allows for greater scalability, independence between services and developers, and heterogeneity between stacks best suited for different tasks.
+
+A container is a standard unit of software that packages up code and all its dependencies so the application runs quickly and reliably from one computing environment to another. A Docker container image is a lightweight, standalone, executable package of software that includes everything needed to run an application: code, runtime, system tools, system libraries and settings.
+
+This tutorial will teach you how to build a dotnet web API and create a docker container image for the service
+
+## Prerequisites
++  [Visual Studio Code](https://code.visualstudio.com/download) for development
++  Basic programming/website knowledge (not algorithmic)
++  [Some basic C# experience](https://docs.microsoft.com/en-us/dotnet/csharp/tour-of-csharp/tutorials/hello-world?tutorial-step=1) to create the Webapi (backend)
++  [Dotnet core and dotnet CLI](https://dotnet.microsoft.com/download/dotnet/3.1)
++  [Docker](https://docs.docker.com/get-docker/) to [containerize](https://cloud.google.com/containers#:~:text=Containerization%20provides%20a%20clean%20separation,configurations%20specific%20to%20the%20app.) the web application. Just trust me on this one
++  [Postman](https://www.postman.com/downloads/) to test the webapi
++  [Google chrome](https://www.google.com/chrome/) or Microsoft edge chromium
+
+### 1. Creating a new dotnetcore webapi
+After you've downloaded and installed all of the dependencies above, open your terminal or command prompt and create a new folder or git repository for your web application wherever you would like. For this example, I will be creating a new folder called a kubcourse and scaffolding a new webapi project using the dotnet CLI
+
+```shell
+cd ~
+mkdir kubcourse
+cd kubcourse
+dotnet new webapi -o webapi --no-https
+```
+
+![walking]({{ site.baseurl }}/assets/images/aikub/lesson1/terminal_scaffold.png)
+
+The dotnet command above creates a new dotnetcore webapi project and the `-o webapi` option directs the CLI to output the code into a project called webapi. We use the `--no-https` option to make sure that we do not use RSA encryption. We will allow the Kubernetes cluster to manage HTTPS later in this tutorial.
+
+Once the webapi project is created, you can open visual studio code to begin developing and running the webapi
+
+```shell
+cd webapi
+code .
+```
+
+This should bring up visual studio code. Once VSCode is up, you should be able to easily start the project by going to going to the debug window and starting the debugger.
+
+![start]({{ site.baseurl }}/assets/images/aikub/lesson1/run_nocontainer.png)
+
+If all is successful, a new browser window should have opened displaying a dummy json data in the browser.
+
+**If you are getting a 404 error in the browser**, it may be that the browser defaulted to open the root location of the webAPI. Does the browser URL if the opened window point to `http://localhost:<port>/` At the time of writing this article using .netcore 5, newly created webapi projects came with only one endpoint/controller, which was /weatherforecast. If so, navigate to the `/weatherforecast` path like so
+
+![start]({{ site.baseurl }}/assets/images/aikub/lesson1/weather.png)
+
+Congratulations, you have sucessfully created your first WebAPI!
+
+### 2. Dockerizing your new application
+Once you've installed [docker](#Prerequisites) on your machine, in order to dockerize your web application, you wil not need to install the docker VSCode extension. You can do this by going to the extensions menu in VSCode and searching for and installing the docker extension.
+
+![docker_extension]({{ site.baseurl }}/assets/images/aikub/lesson1/docker_extension.png)
+
+After installing the VSCode docker extension, go back to the file explorer in VSCode to create the necessary docker artifacts by [opening the command palette in VSCode](https://code.visualstudio.com/docs/getstarted/userinterface#_command-palette) by using `ctrl+shift+p` in Windows or `⇧⌘P` in Mac and searching for `Docker: Add Docker Files to Workspace`
+
+![docker_files]({{ site.baseurl }}/assets/images/aikub/lesson1/create_docker_files.png)
+
+For the options that come up, select to use
+-ASP.netcore
+-Linux OS
+-Port 5000 (or whatever you prefer)
+-Do not include optional compose files
+
+You should see a new *'Dockerfile'* file get added to your workspace. It should resemble the docker file below.
+
+```docker
+FROM mcr.microsoft.com/dotnet/aspnet:5.0 AS base
+WORKDIR /app
+EXPOSE 5000
+
+ENV ASPNETCORE_URLS=http://+:5000
+
+# Creates a non-root user with an explicit UID and adds permission to access the /app folder
+# For more info, please refer to https://aka.ms/vscode-docker-dotnet-configure-containers
+RUN adduser -u 5678 --disabled-password --gecos "" appuser && chown -R appuser /app
+USER appuser
+
+FROM mcr.microsoft.com/dotnet/sdk:5.0 AS build
+WORKDIR /src
+COPY ["webapi.csproj", "./"]
+RUN dotnet restore "webapi.csproj"
+COPY . .
+WORKDIR "/src/."
+RUN dotnet build "webapi.csproj" -c Release -o /app/build
+
+FROM build AS publish
+RUN dotnet publish "webapi.csproj" -c Release -o /app/publish
+
+FROM base AS final
+WORKDIR /app
+COPY --from=publish /app/publish .
+ENTRYPOINT ["dotnet", "webapi.dll"]
+
+```
+
+This docker file first gets the base layer image for running .netcore 5 web applications. It then sets up the environment so that the current project can be run.
+
+Open a new terminal in visual studio code `Terminal > New Terminal`. Now we can build our docker container using the command `docker build -t <projectname>:<version> <path to Dockerfile>`. This will kick off a slew of build steps and logs.
+
+![docker_build]({{ site.baseurl }}/assets/images/aikub/lesson1/docker_build.png)
+
+The first build may be a bit slow but docker optimizes subsequent builds so that any step that does not need to be redone (such as downloading the base dotnetcore image) will be skipped.
+
+Now we can finally run our docker container locally. Use the command `docker run -it --rm -p <externalport>:<internal port> <projectname>:<version>`. If you were following the naming used in this tutorial, that will translate to `docker run -it --rm -p 8080:5000 webapi:v1`. The app will now be running on your local machine at port 8080.
+
+![run_docker]({{ site.baseurl }}/assets/images/aikub/lesson1/run_docker.png)
+
+### 3. Iterating on your application
+Dotnet core uses many best practices to define conventions for building scalable web applications. Dotnet core web APIs use *Controllers* to control requests coming to a web API. These Controllers serve as the starting point for functional development. In the scaffolded example, we start with a WeatherForecast controller that returns random json data. In our case, we may not want weather data or data in json format. We may simply want to return helloworld or do some complicated business logic. In order to change the functionality of your docker container, you must
+1. Update the controller logic
+2. Rebuild the docker image
+3. Restart the docker container
+
+Let's first stop the docker container with a `ctrl+c` in the terminal where we started the container. Now let's go to the webapi controller `webapi/Controllers/WeatherForecastController`.
+Let's
+1. Rename the controller class to `HelloWorldController`
+2. Rename the controller file to `HelloWorldController.cs`
+3. Update the `Get()` function signature to return a string
+3. Update the `Get()` function logic to simply return 'HelloWorld'
+
+![update]({{ site.baseurl }}/assets/images/aikub/lesson1/update.png)
+
+Now rebuild and run the container
+
+```shell
+docker build -t webapi:v1
+docker run -it --rm -p 8080:5000 webapi:v1
+```
+
+![update]({{ site.baseurl }}/assets/images/aikub/lesson1/helloworld.png)
+
+If you wish to add new controllers to the project, simply create the new cs files and follow the template from the original project controller.
+
+All set!
+
+In the next section, we will learn how to create and dockerize a webapp (UI) and dockerize it for our application.
\ No newline at end of file
diff --git a/assets/css/screen.css b/assets/css/screen.css
index b306d2cf27..6cf87c2b33 100644
--- a/assets/css/screen.css
+++ b/assets/css/screen.css
@@ -11,6 +11,18 @@ License: https://www.wowthemes.net/freebies-license/
     padding: 1rem 0rem;
 }
 
+.postheading {
+    margin: auto;
+    font-family: FreeMono;
+    text-align: center;
+}
+
+h1 a {
+    color: #00ab6b;
+    transition: all 0.2s;
+    color: black;
+}
+
 a {
     color: #00ab6b;
     transition: all 0.2s;
@@ -305,7 +317,7 @@ span.post-read-more a:hover {
 }
 
 .mainheading h1.sitetitle {
-    font-family: Righteous;
+    font-family: FreeMono;
 }
 
 .mainheading h1.posttitle {
diff --git a/assets/images/aikub/lesson1/create_docker_files.png b/assets/images/aikub/lesson1/create_docker_files.png
new file mode 100644
index 0000000000..ecc4b36b3d
Binary files /dev/null and b/assets/images/aikub/lesson1/create_docker_files.png differ
diff --git a/assets/images/aikub/lesson1/docker_build.png b/assets/images/aikub/lesson1/docker_build.png
new file mode 100644
index 0000000000..4bafcee180
Binary files /dev/null and b/assets/images/aikub/lesson1/docker_build.png differ
diff --git a/assets/images/aikub/lesson1/docker_extension.png b/assets/images/aikub/lesson1/docker_extension.png
new file mode 100644
index 0000000000..24b6cb599e
Binary files /dev/null and b/assets/images/aikub/lesson1/docker_extension.png differ
diff --git a/assets/images/aikub/lesson1/helloworld.png b/assets/images/aikub/lesson1/helloworld.png
new file mode 100644
index 0000000000..e0e55b3867
Binary files /dev/null and b/assets/images/aikub/lesson1/helloworld.png differ
diff --git a/assets/images/aikub/lesson1/run_docker.png b/assets/images/aikub/lesson1/run_docker.png
new file mode 100644
index 0000000000..747e8761b4
Binary files /dev/null and b/assets/images/aikub/lesson1/run_docker.png differ
diff --git a/assets/images/aikub/lesson1/run_nocontainer.png b/assets/images/aikub/lesson1/run_nocontainer.png
new file mode 100644
index 0000000000..1c1932cc15
Binary files /dev/null and b/assets/images/aikub/lesson1/run_nocontainer.png differ
diff --git a/assets/images/aikub/lesson1/terminal_scaffold.png b/assets/images/aikub/lesson1/terminal_scaffold.png
new file mode 100644
index 0000000000..a693867971
Binary files /dev/null and b/assets/images/aikub/lesson1/terminal_scaffold.png differ
diff --git a/assets/images/aikub/lesson1/update.png b/assets/images/aikub/lesson1/update.png
new file mode 100644
index 0000000000..61b9b9ecce
Binary files /dev/null and b/assets/images/aikub/lesson1/update.png differ
diff --git a/assets/images/aikub/lesson1/weather.png b/assets/images/aikub/lesson1/weather.png
new file mode 100644
index 0000000000..1f9adace30
Binary files /dev/null and b/assets/images/aikub/lesson1/weather.png differ
diff --git a/assets/images/dg.png b/assets/images/dg.png
new file mode 100644
index 0000000000..d3b7bc05c6
Binary files /dev/null and b/assets/images/dg.png differ
diff --git a/assets/images/dotnetcore_docker.png b/assets/images/dotnetcore_docker.png
new file mode 100644
index 0000000000..725ebbd8da
Binary files /dev/null and b/assets/images/dotnetcore_docker.png differ
diff --git a/assets/images/favicon.ico b/assets/images/favicon.ico
index 861e06368e..2231a9e621 100644
Binary files a/assets/images/favicon.ico and b/assets/images/favicon.ico differ
diff --git a/assets/images/siteflow.png b/assets/images/siteflow.png
new file mode 100644
index 0000000000..377f85d8b0
Binary files /dev/null and b/assets/images/siteflow.png differ
diff --git a/index.html b/index.html
index fcf06c0e08..bcc1183d87 100644
--- a/index.html
+++ b/index.html
@@ -5,6 +5,15 @@
 
 {% if page.url == "/" %}
 
+<!-- Site Title
+================================================== -->
+<div class="mainheading">
+    <h1 class="sitetitle">{{ site.name }}</h1>
+    <p class="lead">
+        {{ site.description }}
+    </p>
+</div>
+
 <!-- Featured
 ================================================== -->
 <section class="featured-posts">