From 45535cd290dd681a9348833c154f0b4a2da86085 Mon Sep 17 00:00:00 2001
From: Jason Tipton <jason@blueyetisoftware.com>
Date: Mon, 29 Jun 2020 19:40:42 -0800
Subject: [PATCH 1/9] Allow config.yaml to modify the site copyright (#18)

---
 README.md                    | 3 +++
 exampleSite/config.yaml      | 3 +++
 layouts/partials/footer.html | 2 +-
 3 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/README.md b/README.md
index 1026696..5215263 100644
--- a/README.md
+++ b/README.md
@@ -71,6 +71,9 @@ enableEmoji: true
 
 # Custom parameters
 params:
+  # copyright
+  copyright: © 2020 Copyright.
+
   # background image of the landing page
   background: "images/background.jpg"
 
diff --git a/exampleSite/config.yaml b/exampleSite/config.yaml
index f28da75..8132b96 100644
--- a/exampleSite/config.yaml
+++ b/exampleSite/config.yaml
@@ -20,6 +20,9 @@ enableEmoji: true
 
 # Custom parameters
 params:
+  # copyright
+  copyright: © 2020 Copyright.
+
   # background image of the landing page
   background: "images/background.jpg"
 
diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html
index 555e211..8c8649a 100644
--- a/layouts/partials/footer.html
+++ b/layouts/partials/footer.html
@@ -54,7 +54,7 @@
           Toha
         </a>
       </div>
-      <div class="col-md-4">© 2020 Copyright.</div>
+      <div class="col-md-4">{{ if .Site.Params.copyright }}{{ .Site.Params.copyright }}{{ else }}© 2020 Copyright.{{ end }}</div>
       <div class="col-md-4">
         Powered by <a href="https://gohugo.io/">Hugo
         <img

From ff692650a7ca228a45f35d60b841265a6c2343b6 Mon Sep 17 00:00:00 2001
From: Jason Tipton <jason@blueyetisoftware.com>
Date: Mon, 29 Jun 2020 20:47:41 -0800
Subject: [PATCH 2/9] Configure section title and menu urls in section yaml
 files

---
 layouts/index.html                 |  6 ++-
 layouts/partials/about.html        | 78 +++++++++++++++---------------
 layouts/partials/achievements.html | 22 +++++----
 layouts/partials/experiences.html  | 42 ++++++++--------
 layouts/partials/projects.html     | 32 ++++++------
 layouts/partials/recent-posts.html | 16 +++---
 layouts/partials/skills.html       | 17 ++++---
 7 files changed, 114 insertions(+), 99 deletions(-)

diff --git a/layouts/index.html b/layouts/index.html
index 507e1a8..a7f621c 100644
--- a/layouts/index.html
+++ b/layouts/index.html
@@ -33,7 +33,11 @@
       {{ range sort .Site.Data.sections "section.weight" }}
         {{ if .section.enable }}
           <div class="container-fluid section-holder d-flex {{ $background }}">
-            {{- partial (printf "%s.html" (replace (lower .section.name) " " "-")) . -}}
+            {{ if .section.template }}
+              {{- partial .section.template . -}}
+            {{ else }}
+              {{- partial (printf "%s.html" (replace (lower .section.name) " " "-")) . -}}
+            {{ end }}
           </div>
           <!--- alter background color for next section --->
           {{ if eq $background "bg-white" }}
diff --git a/layouts/partials/about.html b/layouts/partials/about.html
index 2af5476..f4f542b 100644
--- a/layouts/partials/about.html
+++ b/layouts/partials/about.html
@@ -1,44 +1,46 @@
-<div class="container anchor p-md-5" id="about">
-  <div class="row pt-sm-2 pt-md-4 align-self-center">
-    <!-- summery -->
-    <div class="col-md-6">
+<div class="container anchor p-md-5" id="{{ replace (lower .section.name) " " "-" }}">
+  <div id="about">
+    <div class="row pt-sm-2 pt-md-4 align-self-center">
+      <!-- summery -->
+      <div class="col-md-6">
       <h3 class="p-1">{{ site.Params.author.name }}</h3>
-      {{ if .designation }}
-      <h5 class="p-1">
-        {{ .designation }}
-        {{ if .company }}
-          at <a href="{{ .company.url }}">{{ .company.name }}</a>
-        {{ end }}
-      </h5>
-      {{ end }}
-      <p class="p-1 text-justify">
-        {{ .summary | markdownify }}
-      </p>
-      <div class="text-container ml-auto">
-        <ul class="social-link d-flex">
-          {{ range .socialLinks }}
-          <li>
-            {{ if eq .name "Email" }}
-              <a href="mailto:{{ .url }}" target="/"><i class="{{ .icon }}"></i></a>
-            {{ else }}
-              <a href="{{ .url }}" target="/"><i class="{{ .icon }}"></i></a>
-            {{ end }}
-          </li>
+        {{ if .designation }}
+        <h5 class="p-1">
+          {{ .designation }}
+          {{ if .company }}
+            at <a href="{{ .company.url }}">{{ .company.name }}</a>
           {{ end }}
-        </ul>
-      </div>
-      {{ if .resume }}
-      <a href="{{ .resume }}" target="#"
-        ><button class="btn btn-dark">My Resume</button></a
-      >
-      {{ end }}
-    </div>
-    <!-- soft skills circular-progressbar -->
-    <div class="col-md-6 pt-5 pl-md-4 pl-sm-3 pt-md-0">
-      <div class="row">
-        {{ range .softSkills }}
-          {{ partial "progress/soft-skills" . }}
+        </h5>
         {{ end }}
+        <p class="p-1 text-justify">
+          {{ .summary | markdownify }}
+        </p>
+        <div class="text-container ml-auto">
+          <ul class="social-link d-flex">
+            {{ range .socialLinks }}
+            <li>
+              {{ if eq .name "Email" }}
+                <a href="mailto:{{ .url }}" target="/"><i class="{{ .icon }}"></i></a>
+              {{ else }}
+                <a href="{{ .url }}" target="/"><i class="{{ .icon }}"></i></a>
+              {{ end }}
+            </li>
+            {{ end }}
+          </ul>
+        </div>
+        {{ if .resume }}
+        <a href="{{ .resume }}" target="#"
+          ><button class="btn btn-dark">My Resume</button></a
+        >
+        {{ end }}
+      </div>
+      <!-- soft skills circular-progressbar -->
+      <div class="col-md-6 pt-5 pl-md-4 pl-sm-3 pt-md-0">
+        <div class="row">
+          {{ range .softSkills }}
+            {{ partial "progress/soft-skills" . }}
+          {{ end }}
+        </div>
       </div>
     </div>
   </div>
diff --git a/layouts/partials/achievements.html b/layouts/partials/achievements.html
index 49b3ce9..599d6cf 100644
--- a/layouts/partials/achievements.html
+++ b/layouts/partials/achievements.html
@@ -1,13 +1,15 @@
-<div class="container-fluid anchor pb-5" id="achievements">
-  <h1 class="text-center">{{ .section.name }}</h1>
-  <div class="container">
-    <div class="row" id="gallery">
+<div class="container-fluid anchor pb-5" id="{{ replace (lower .section.name) " " "-" }}">
+  <div id="achievements">
+    <h1 class="text-center">{{ .section.name }}</h1>
+    <div class="container">
+      <div class="row" id="gallery">
+      </div>
+    </div>
+    <!-- achievements-holder holds achievement-entry -->
+    <div class="d-none" id="achievements-holder">
+      {{ range .achievements }}
+        {{ partial "misc/achievement.html" . }}
+      {{ end }}
     </div>
   </div>
-  <!-- achievements-holder holds achievement-entry -->
-  <div class="d-none" id="achievements-holder">
-    {{ range .achievements }}
-      {{ partial "misc/achievement.html" . }}
-    {{ end }}
-  </div>
 </div>
diff --git a/layouts/partials/experiences.html b/layouts/partials/experiences.html
index 1c24938..2ae5a93 100644
--- a/layouts/partials/experiences.html
+++ b/layouts/partials/experiences.html
@@ -1,23 +1,25 @@
-<div class="container-fluid anchor" id="experiences">
-  <h1 class="text-center">{{ .section.name }}</h1>
+<div class="container-fluid anchor pb-5" id="{{ replace (lower .section.name) " " "-" }}">
+  <div id="experiences">
+    <h1 class="text-center">{{ .section.name }}</h1>
 
-  <div class="container timeline text-justify">
-    {{ $totalExperiences:= len .experiences }}
-    {{ range $index,$experience:= .experiences }}
-      {{ if eq (mod $index 2) 0 }}
-        <div class="row align-items-center  d-flex">
-          {{ partial "experiences/vertical-line.html" $index }}
-          {{ partial "experiences/experience-info.html" $experience }}
-        </div>
-      {{else}}
-        <div class="row align-items-center justify-content-end d-flex">
-          {{ partial "experiences/experience-info.html" $experience }}
-          {{ partial "experiences/vertical-line.html" $index }}
-        </div>
-      {{ end }}
-      {{ if lt $index (sub $totalExperiences 1) }}
-        {{ partial "experiences/horizontal-line.html" $index }}
-      {{ end }}
-    {{ end }}
+    <div class="container timeline text-justify">
+     {{ $totalExperiences:= len .experiences }}
+     {{ range $index,$experience:= .experiences }}
+       {{ if eq (mod $index 2) 0 }}
+         <div class="row align-items-center  d-flex">
+           {{ partial "experiences/vertical-line.html" $index }}
+           {{ partial "experiences/experience-info.html" $experience }}
+         </div>
+       {{else}}
+         <div class="row align-items-center justify-content-end d-flex">
+           {{ partial "experiences/experience-info.html" $experience }}
+           {{ partial "experiences/vertical-line.html" $index }}
+         </div>
+       {{ end }}
+       {{ if lt $index (sub $totalExperiences 1) }}
+         {{ partial "experiences/horizontal-line.html" $index }}
+       {{ end }}
+     {{ end }}
+    </div>
   </div>
 </div>
diff --git a/layouts/partials/projects.html b/layouts/partials/projects.html
index 3d2bcd4..4057efe 100644
--- a/layouts/partials/projects.html
+++ b/layouts/partials/projects.html
@@ -1,19 +1,21 @@
-<div class="container-fluid anchor pb-5" id="projects">
-  <h1 class="text-center">{{ .section.name }}</h1>
-  <div class="container ml-auto text-center">
-    <div class="btn-group flex-wrap" role="group" id="project-filter-buttons">
-      {{ range .buttons }}
-      <button type="button" class="btn btn-dark" data-filter="{{ .filter }}">
-        {{ .name }}
-      </button>
-      {{ end }}
+<div class="container-fluid anchor pb-5" id="{{ replace (lower .section.name) " " "-" }}">
+  <div id="projects">
+    <h1 class="text-center">{{ .section.name }}</h1>
+    <div class="container ml-auto text-center">
+      <div class="btn-group flex-wrap" role="group" id="project-filter-buttons">
+        {{ range .buttons }}
+        <button type="button" class="btn btn-dark" data-filter="{{ .filter }}">
+          {{ .name }}
+        </button>
+        {{ end }}
+      </div>
     </div>
-  </div>
-  <div class="container filtr-projects">
-    <div class="row" id="project-card-holder">
-      {{ range .projects }}
-        {{ partial "cards/project" . }}
-      {{ end }}
+    <div class="container filtr-projects">
+      <div class="row" id="project-card-holder">
+        {{ range .projects }}
+          {{ partial "cards/project" . }}
+        {{ end }}
+      </div>
     </div>
   </div>
 </div>
diff --git a/layouts/partials/recent-posts.html b/layouts/partials/recent-posts.html
index a69cc05..649a20f 100644
--- a/layouts/partials/recent-posts.html
+++ b/layouts/partials/recent-posts.html
@@ -1,10 +1,12 @@
-<div class="container-fluid anchor pb-5" id="recent-posts">
-  <h1 class="text-center">{{ .section.name }}</h1>
-  <div class="container">
-    <div class="row" id="recent-post-cards">
-      {{ range first 3 (where site.RegularPages.ByDate.Reverse "Type" "in" site.Params.mainSections )}}
-        {{ partial "cards/recent-post.html" . }}
-      {{ end }}
+<div class="container-fluid anchor pb-5" id="{{ replace (lower .section.name) " " "-" }}">
+  <div id="recent-posts">
+    <h1 class="text-center">{{ .section.name }}</h1>
+    <div class="container">
+      <div class="row" id="recent-post-cards">
+        {{ range first 3 (where site.RegularPages.ByDate.Reverse "Type" "in" site.Params.mainSections )}}
+          {{ partial "cards/recent-post.html" . }}
+        {{ end }}
+      </div>
     </div>
   </div>
 </div>
diff --git a/layouts/partials/skills.html b/layouts/partials/skills.html
index 58b1f44..b762052 100644
--- a/layouts/partials/skills.html
+++ b/layouts/partials/skills.html
@@ -1,11 +1,12 @@
-<div class="container-fluid anchor pb-5" id="skills">
-  <h1 class="text-center">{{ .section.name }}</h1>
-
-  <div class="container d-flex-block">
-    <div class="row" id="primary-skills">
-      {{ range .skills }}
-        {{ partial "cards/skill.html" . }}
-      {{ end }}
+<div class="container-fluid anchor pb-5" id="{{ replace (lower .section.name) " " "-" }}">
+  <div id="skills">
+    <h1 class="text-center">{{ .section.name }}</h1>
+    <div class="container d-flex-block">
+      <div class="row" id="primary-skills">
+        {{ range .skills }}
+          {{ partial "cards/skill.html" . }}
+        {{ end }}
+      </div>
     </div>
   </div>
 </div>

From f1785ac88a9340121b0efd817c04150a8cb59847 Mon Sep 17 00:00:00 2001
From: Jason Tipton <jason@blueyetisoftware.com>
Date: Mon, 29 Jun 2020 21:11:05 -0800
Subject: [PATCH 3/9] Add todo for hardcoded section navigation on chevron

---
 layouts/partials/home.html | 1 +
 1 file changed, 1 insertion(+)

diff --git a/layouts/partials/home.html b/layouts/partials/home.html
index d67eccd..d87a3fb 100644
--- a/layouts/partials/home.html
+++ b/layouts/partials/home.html
@@ -18,6 +18,7 @@
       <li>{{ . }}</li>
       {{ end }}
     </ul>
+    <!-- @todo this section should go to the first section, not necessarily about -->
     <a href="#about"><i class="arrow bounce fa fa-chevron-down"></i></a>
   </div>
 </div>

From c49a06f11505b34b9cfc82bb7d57ffae504c2315 Mon Sep 17 00:00:00 2001
From: Jason Tipton <jason@blueyetisoftware.com>
Date: Mon, 29 Jun 2020 21:15:38 -0800
Subject: [PATCH 4/9] Change section template names to avoid naming conflicts
 with common titles

---
 layouts/partials/about.html        |  2 +-
 layouts/partials/achievements.html |  2 +-
 layouts/partials/experiences.html  |  2 +-
 layouts/partials/projects.html     |  2 +-
 layouts/partials/recent-posts.html |  2 +-
 layouts/partials/skills.html       |  2 +-
 static/assets/css/achievements.css |  2 +-
 static/assets/css/projects.css     | 10 +++++-----
 static/assets/css/recent-posts.css |  8 ++++----
 static/assets/css/skills.css       |  8 ++++----
 static/assets/css/style.css        |  8 ++++----
 11 files changed, 24 insertions(+), 24 deletions(-)

diff --git a/layouts/partials/about.html b/layouts/partials/about.html
index f4f542b..e4c9305 100644
--- a/layouts/partials/about.html
+++ b/layouts/partials/about.html
@@ -1,5 +1,5 @@
 <div class="container anchor p-md-5" id="{{ replace (lower .section.name) " " "-" }}">
-  <div id="about">
+  <div id="about-template">
     <div class="row pt-sm-2 pt-md-4 align-self-center">
       <!-- summery -->
       <div class="col-md-6">
diff --git a/layouts/partials/achievements.html b/layouts/partials/achievements.html
index 599d6cf..c86577c 100644
--- a/layouts/partials/achievements.html
+++ b/layouts/partials/achievements.html
@@ -1,5 +1,5 @@
 <div class="container-fluid anchor pb-5" id="{{ replace (lower .section.name) " " "-" }}">
-  <div id="achievements">
+  <div id="achievements-template">
     <h1 class="text-center">{{ .section.name }}</h1>
     <div class="container">
       <div class="row" id="gallery">
diff --git a/layouts/partials/experiences.html b/layouts/partials/experiences.html
index 2ae5a93..2110004 100644
--- a/layouts/partials/experiences.html
+++ b/layouts/partials/experiences.html
@@ -1,5 +1,5 @@
 <div class="container-fluid anchor pb-5" id="{{ replace (lower .section.name) " " "-" }}">
-  <div id="experiences">
+  <div id="experiences-template">
     <h1 class="text-center">{{ .section.name }}</h1>
 
     <div class="container timeline text-justify">
diff --git a/layouts/partials/projects.html b/layouts/partials/projects.html
index 4057efe..1dbb494 100644
--- a/layouts/partials/projects.html
+++ b/layouts/partials/projects.html
@@ -1,5 +1,5 @@
 <div class="container-fluid anchor pb-5" id="{{ replace (lower .section.name) " " "-" }}">
-  <div id="projects">
+  <div id="projects-template">
     <h1 class="text-center">{{ .section.name }}</h1>
     <div class="container ml-auto text-center">
       <div class="btn-group flex-wrap" role="group" id="project-filter-buttons">
diff --git a/layouts/partials/recent-posts.html b/layouts/partials/recent-posts.html
index 649a20f..b7d4e42 100644
--- a/layouts/partials/recent-posts.html
+++ b/layouts/partials/recent-posts.html
@@ -1,5 +1,5 @@
 <div class="container-fluid anchor pb-5" id="{{ replace (lower .section.name) " " "-" }}">
-  <div id="recent-posts">
+  <div id="recent-posts-template">
     <h1 class="text-center">{{ .section.name }}</h1>
     <div class="container">
       <div class="row" id="recent-post-cards">
diff --git a/layouts/partials/skills.html b/layouts/partials/skills.html
index b762052..205bb60 100644
--- a/layouts/partials/skills.html
+++ b/layouts/partials/skills.html
@@ -1,5 +1,5 @@
 <div class="container-fluid anchor pb-5" id="{{ replace (lower .section.name) " " "-" }}">
-  <div id="skills">
+  <div id="skills-template">
     <h1 class="text-center">{{ .section.name }}</h1>
     <div class="container d-flex-block">
       <div class="row" id="primary-skills">
diff --git a/static/assets/css/achievements.css b/static/assets/css/achievements.css
index aa75925..9745e49 100644
--- a/static/assets/css/achievements.css
+++ b/static/assets/css/achievements.css
@@ -1,4 +1,4 @@
-#achievements .container {
+#achievements-template .container {
   padding-top: 0.5rem;
 }
 
diff --git a/static/assets/css/projects.css b/static/assets/css/projects.css
index 1c6c1a2..86deda9 100644
--- a/static/assets/css/projects.css
+++ b/static/assets/css/projects.css
@@ -1,10 +1,10 @@
-#projects .card .card-header {
+#projects-template .card .card-header {
   background-color: #f9fafc;
   padding: 0.7rem;
   padding-bottom: 0rem;
 }
 
-#projects .card .card-img-xs {
+#projects-template .card .card-img-xs {
   margin-right: 0.5rem;
 }
 
@@ -15,11 +15,11 @@
   float: right;
 }
 
-#projects .card .card-body {
+#projects-template .card .card-body {
   padding: 0.7rem;
 }
 
-#projects .card .card-header .sub-title {
+#projects-template .card .card-header .sub-title {
   color: #8392a5;
   margin-top: 0.4rem;
 }
@@ -55,7 +55,7 @@
 /* Small devices (landscape phones, 576px and up) */
 
 @media only screen and (max-width: 576px) {
-  #projects .btn {
+  #projects-template .btn {
     margin-top: 0.3125rem;
   }
 }
diff --git a/static/assets/css/recent-posts.css b/static/assets/css/recent-posts.css
index d2f098a..35b9fc8 100644
--- a/static/assets/css/recent-posts.css
+++ b/static/assets/css/recent-posts.css
@@ -1,19 +1,19 @@
-#recent-posts .container{
+#recent-posts-template .container{
   padding-top: 1rem;
 }
 
-#recent-posts .card .card-footer span {
+#recent-posts-template .card .card-footer span {
   font-size: 10pt;
   color: #6c757d !important;
   padding-top: 5px;
 }
 
-#recent-posts .card .card-footer {
+#recent-posts-template .card .card-footer {
   background: #fff;
   margin-top: auto;
 }
 
-#recent-posts .post-card-link{
+#recent-posts-template .post-card-link{
   text-decoration: none;
 }
 
diff --git a/static/assets/css/skills.css b/static/assets/css/skills.css
index a197c52..d3dae1f 100644
--- a/static/assets/css/skills.css
+++ b/static/assets/css/skills.css
@@ -1,4 +1,4 @@
-#skills .card .card-head {
+#skills-template .card .card-head {
   background-color: #f9fafc;
   height: fit-content;
   padding: 0.7rem;
@@ -6,16 +6,16 @@
   border-bottom: 0.0625rem solid rgba(0, 0, 0, 0.125);
 }
 
-#skills .card .card-img-xs {
+#skills-template .card .card-img-xs {
   margin-right: 0.5rem;
 }
 
-#skills .card {
+#skills-template .card {
   margin-top: 0.5rem;
   margin-bottom: 0.5rem;
 }
 
-#skills .card .card-body {
+#skills-template .card .card-body {
   padding-top: 0.2rem;
   padding-left: 0.7rem;
 }
diff --git a/static/assets/css/style.css b/static/assets/css/style.css
index 7e1a022..1662e09 100644
--- a/static/assets/css/style.css
+++ b/static/assets/css/style.css
@@ -250,10 +250,10 @@ img.right{
     padding-right: 5px;
   }
 
-  #skills,
-  #projects,
-  #recent-posts,
-  #achievements{
+  #skills-template,
+  #projects-template,
+  #recent-posts-template,
+  #achievements-template{
     padding-left: 0;
     padding-right: 0;
   }

From 22a7ac40f4fc8371844ea17150b8eb3a6b580b1c Mon Sep 17 00:00:00 2001
From: Jason Tipton <jason@blueyetisoftware.com>
Date: Mon, 29 Jun 2020 21:19:30 -0800
Subject: [PATCH 5/9] Correct misspelling of summary in layout files

---
 layouts/partials/about.html             | 2 +-
 layouts/partials/cards/post.html        | 2 +-
 layouts/partials/cards/recent-post.html | 2 +-
 static/assets/css/list.css              | 2 +-
 static/assets/css/recent-posts.css      | 2 +-
 5 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/layouts/partials/about.html b/layouts/partials/about.html
index e4c9305..f0ea404 100644
--- a/layouts/partials/about.html
+++ b/layouts/partials/about.html
@@ -1,7 +1,7 @@
 <div class="container anchor p-md-5" id="{{ replace (lower .section.name) " " "-" }}">
   <div id="about-template">
     <div class="row pt-sm-2 pt-md-4 align-self-center">
-      <!-- summery -->
+      <!-- summary -->
       <div class="col-md-6">
       <h3 class="p-1">{{ site.Params.author.name }}</h3>
         {{ if .designation }}
diff --git a/layouts/partials/cards/post.html b/layouts/partials/cards/post.html
index 33af61a..6787e28 100644
--- a/layouts/partials/cards/post.html
+++ b/layouts/partials/cards/post.html
@@ -6,7 +6,7 @@
       </div>
       <div class="card-body">
         <h5 class="card-title">{{ .Title }}</h5>
-        <p class="card-text post-summery">{{ .Summary }}</p>
+        <p class="card-text post-summary">{{ .Summary }}</p>
       </div>
       <div class="card-footer">
         <span class="float-left">{{ .Date.Format "January 2, 2006" }}</span>
diff --git a/layouts/partials/cards/recent-post.html b/layouts/partials/cards/recent-post.html
index 997145c..7295f86 100644
--- a/layouts/partials/cards/recent-post.html
+++ b/layouts/partials/cards/recent-post.html
@@ -8,7 +8,7 @@
       </div>
       <div class="card-body">
         <h5 class="card-title">{{ .Title }}</h5>
-        <p class="card-text post-summery"> {{ .Summary }}</p>
+        <p class="card-text post-summary"> {{ .Summary }}</p>
       </div>
       <div class="card-footer">
         <span class="float-left">{{ .Date.Format "January 2, 2006" }}</span>
diff --git a/static/assets/css/list.css b/static/assets/css/list.css
index d598138..eba46fa 100644
--- a/static/assets/css/list.css
+++ b/static/assets/css/list.css
@@ -194,7 +194,7 @@ a.focused {
   margin-top: auto;
 }
 
-.post-summery {
+.post-summary {
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
diff --git a/static/assets/css/recent-posts.css b/static/assets/css/recent-posts.css
index 35b9fc8..3243929 100644
--- a/static/assets/css/recent-posts.css
+++ b/static/assets/css/recent-posts.css
@@ -17,7 +17,7 @@
   text-decoration: none;
 }
 
-.post-summery {
+.post-summary {
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;

From a2c41811abc06fe141ed60a4e79192c5d890c54b Mon Sep 17 00:00:00 2001
From: Jason Tipton <jason@blueyetisoftware.com>
Date: Mon, 29 Jun 2020 21:29:39 -0800
Subject: [PATCH 6/9] Rename -template ids to -section

---
 layouts/partials/about.html        |  2 +-
 layouts/partials/achievements.html |  2 +-
 layouts/partials/experiences.html  |  2 +-
 layouts/partials/projects.html     |  2 +-
 layouts/partials/recent-posts.html |  2 +-
 layouts/partials/skills.html       |  2 +-
 static/assets/css/achievements.css |  2 +-
 static/assets/css/projects.css     | 10 +++++-----
 static/assets/css/recent-posts.css |  8 ++++----
 static/assets/css/skills.css       |  8 ++++----
 static/assets/css/style.css        |  8 ++++----
 11 files changed, 24 insertions(+), 24 deletions(-)

diff --git a/layouts/partials/about.html b/layouts/partials/about.html
index f0ea404..c59fba9 100644
--- a/layouts/partials/about.html
+++ b/layouts/partials/about.html
@@ -1,5 +1,5 @@
 <div class="container anchor p-md-5" id="{{ replace (lower .section.name) " " "-" }}">
-  <div id="about-template">
+  <div id="about-section">
     <div class="row pt-sm-2 pt-md-4 align-self-center">
       <!-- summary -->
       <div class="col-md-6">
diff --git a/layouts/partials/achievements.html b/layouts/partials/achievements.html
index c86577c..dd26c52 100644
--- a/layouts/partials/achievements.html
+++ b/layouts/partials/achievements.html
@@ -1,5 +1,5 @@
 <div class="container-fluid anchor pb-5" id="{{ replace (lower .section.name) " " "-" }}">
-  <div id="achievements-template">
+  <div id="achievements-section">
     <h1 class="text-center">{{ .section.name }}</h1>
     <div class="container">
       <div class="row" id="gallery">
diff --git a/layouts/partials/experiences.html b/layouts/partials/experiences.html
index 2110004..53e0b29 100644
--- a/layouts/partials/experiences.html
+++ b/layouts/partials/experiences.html
@@ -1,5 +1,5 @@
 <div class="container-fluid anchor pb-5" id="{{ replace (lower .section.name) " " "-" }}">
-  <div id="experiences-template">
+  <div id="experiences-section">
     <h1 class="text-center">{{ .section.name }}</h1>
 
     <div class="container timeline text-justify">
diff --git a/layouts/partials/projects.html b/layouts/partials/projects.html
index 1dbb494..9ef2c71 100644
--- a/layouts/partials/projects.html
+++ b/layouts/partials/projects.html
@@ -1,5 +1,5 @@
 <div class="container-fluid anchor pb-5" id="{{ replace (lower .section.name) " " "-" }}">
-  <div id="projects-template">
+  <div id="projects-section">
     <h1 class="text-center">{{ .section.name }}</h1>
     <div class="container ml-auto text-center">
       <div class="btn-group flex-wrap" role="group" id="project-filter-buttons">
diff --git a/layouts/partials/recent-posts.html b/layouts/partials/recent-posts.html
index b7d4e42..d22d15d 100644
--- a/layouts/partials/recent-posts.html
+++ b/layouts/partials/recent-posts.html
@@ -1,5 +1,5 @@
 <div class="container-fluid anchor pb-5" id="{{ replace (lower .section.name) " " "-" }}">
-  <div id="recent-posts-template">
+  <div id="recent-posts-section">
     <h1 class="text-center">{{ .section.name }}</h1>
     <div class="container">
       <div class="row" id="recent-post-cards">
diff --git a/layouts/partials/skills.html b/layouts/partials/skills.html
index 205bb60..337b445 100644
--- a/layouts/partials/skills.html
+++ b/layouts/partials/skills.html
@@ -1,5 +1,5 @@
 <div class="container-fluid anchor pb-5" id="{{ replace (lower .section.name) " " "-" }}">
-  <div id="skills-template">
+  <div id="skills-section">
     <h1 class="text-center">{{ .section.name }}</h1>
     <div class="container d-flex-block">
       <div class="row" id="primary-skills">
diff --git a/static/assets/css/achievements.css b/static/assets/css/achievements.css
index 9745e49..42f4f33 100644
--- a/static/assets/css/achievements.css
+++ b/static/assets/css/achievements.css
@@ -1,4 +1,4 @@
-#achievements-template .container {
+#achievements-section .container {
   padding-top: 0.5rem;
 }
 
diff --git a/static/assets/css/projects.css b/static/assets/css/projects.css
index 86deda9..378dbdf 100644
--- a/static/assets/css/projects.css
+++ b/static/assets/css/projects.css
@@ -1,10 +1,10 @@
-#projects-template .card .card-header {
+#projects-section .card .card-header {
   background-color: #f9fafc;
   padding: 0.7rem;
   padding-bottom: 0rem;
 }
 
-#projects-template .card .card-img-xs {
+#projects-section .card .card-img-xs {
   margin-right: 0.5rem;
 }
 
@@ -15,11 +15,11 @@
   float: right;
 }
 
-#projects-template .card .card-body {
+#projects-section .card .card-body {
   padding: 0.7rem;
 }
 
-#projects-template .card .card-header .sub-title {
+#projects-section .card .card-header .sub-title {
   color: #8392a5;
   margin-top: 0.4rem;
 }
@@ -55,7 +55,7 @@
 /* Small devices (landscape phones, 576px and up) */
 
 @media only screen and (max-width: 576px) {
-  #projects-template .btn {
+  #projects-section .btn {
     margin-top: 0.3125rem;
   }
 }
diff --git a/static/assets/css/recent-posts.css b/static/assets/css/recent-posts.css
index 3243929..ef233c4 100644
--- a/static/assets/css/recent-posts.css
+++ b/static/assets/css/recent-posts.css
@@ -1,19 +1,19 @@
-#recent-posts-template .container{
+#recent-posts-section .container{
   padding-top: 1rem;
 }
 
-#recent-posts-template .card .card-footer span {
+#recent-posts-section .card .card-footer span {
   font-size: 10pt;
   color: #6c757d !important;
   padding-top: 5px;
 }
 
-#recent-posts-template .card .card-footer {
+#recent-posts-section .card .card-footer {
   background: #fff;
   margin-top: auto;
 }
 
-#recent-posts-template .post-card-link{
+#recent-posts-section .post-card-link{
   text-decoration: none;
 }
 
diff --git a/static/assets/css/skills.css b/static/assets/css/skills.css
index d3dae1f..59d0794 100644
--- a/static/assets/css/skills.css
+++ b/static/assets/css/skills.css
@@ -1,4 +1,4 @@
-#skills-template .card .card-head {
+#skills-section .card .card-head {
   background-color: #f9fafc;
   height: fit-content;
   padding: 0.7rem;
@@ -6,16 +6,16 @@
   border-bottom: 0.0625rem solid rgba(0, 0, 0, 0.125);
 }
 
-#skills-template .card .card-img-xs {
+#skills-section .card .card-img-xs {
   margin-right: 0.5rem;
 }
 
-#skills-template .card {
+#skills-section .card {
   margin-top: 0.5rem;
   margin-bottom: 0.5rem;
 }
 
-#skills-template .card .card-body {
+#skills-section .card .card-body {
   padding-top: 0.2rem;
   padding-left: 0.7rem;
 }
diff --git a/static/assets/css/style.css b/static/assets/css/style.css
index 1662e09..523ac99 100644
--- a/static/assets/css/style.css
+++ b/static/assets/css/style.css
@@ -250,10 +250,10 @@ img.right{
     padding-right: 5px;
   }
 
-  #skills-template,
-  #projects-template,
-  #recent-posts-template,
-  #achievements-template{
+  #skills-section,
+  #projects-section,
+  #recent-posts-section,
+  #achievements-section{
     padding-left: 0;
     padding-right: 0;
   }

From 0dca3b1800f9622394cf599ab95840c895b9eadd Mon Sep 17 00:00:00 2001
From: Pau Trepat Segura <pau.trepat.segura@gmail.com>
Date: Tue, 30 Jun 2020 17:04:21 +0200
Subject: [PATCH 7/9] Add media queries for most popular devices (#19)

https://deviceatlas.com/blog/viewport-resolution-diagonal-screen-size-and-dpi-most-popular-smartphones
---
 static/assets/css/experiences.css | 40 +++++++++++++++++++++++++++++++
 1 file changed, 40 insertions(+)

diff --git a/static/assets/css/experiences.css b/static/assets/css/experiences.css
index 595171c..bb2f794 100644
--- a/static/assets/css/experiences.css
+++ b/static/assets/css/experiences.css
@@ -113,3 +113,43 @@
 
 @media only screen and (max-width: 576px) {
 }
+
+
+/* iPhoneX, iPhone 6,7,8 */
+@media only screen and (max-width: 375px) {
+  .top-left {
+    left: -52%;
+    top: -50%;
+  }
+  
+  .top-right {
+    left: 52%;
+    top: -50%;
+  }
+}
+
+/* Galaxy S5, Moto G4 */
+@media only screen and (max-width: 360px) {
+  .top-left {
+    left: -56%;
+    top: -50%;
+  }
+  
+  .top-right {
+    left: 56%;
+    top: -50%;
+  }
+}
+
+/* iPhone 5 or before */
+@media only screen and (max-width: 320px) {
+  .top-left {
+    left: -64%;
+    top: -50%;
+  }
+  
+  .top-right {
+    left: 64%;
+    top: -50%;
+  }
+}
\ No newline at end of file

From 8d6cbcca21234c8f77ac7ef89c2058645de185ff Mon Sep 17 00:00:00 2001
From: hossainemruz <emruz@appscode.com>
Date: Tue, 30 Jun 2020 21:57:20 +0600
Subject: [PATCH 8/9] Use "*-section class" instead of adding new div

---
 exampleSite/config.yaml            |  1 -
 layouts/_default/single.html       |  2 +-
 layouts/partials/about.html        | 78 +++++++++++++++---------------
 layouts/partials/achievements.html | 22 ++++-----
 layouts/partials/experiences.html  | 40 ++++++++-------
 layouts/partials/projects.html     | 32 ++++++------
 layouts/partials/recent-posts.html | 16 +++---
 layouts/partials/skills.html       | 16 +++---
 static/assets/css/achievements.css |  2 +-
 static/assets/css/projects.css     | 10 ++--
 static/assets/css/recent-posts.css |  8 +--
 static/assets/css/skills.css       |  8 +--
 static/assets/css/style.css        |  8 +--
 13 files changed, 115 insertions(+), 128 deletions(-)

diff --git a/exampleSite/config.yaml b/exampleSite/config.yaml
index 8132b96..a843b20 100644
--- a/exampleSite/config.yaml
+++ b/exampleSite/config.yaml
@@ -16,7 +16,6 @@ googleAnalytics: UA-xxxxxxxx
 disqusShortname: does-not-exist
 
 # Enable global emoji support
-enableEmoji: true
 
 # Custom parameters
 params:
diff --git a/layouts/_default/single.html b/layouts/_default/single.html
index 42b71f7..8c2de23 100644
--- a/layouts/_default/single.html
+++ b/layouts/_default/single.html
@@ -13,7 +13,7 @@
 {{ define "content" }}
 <div class="container p-0 read-area">
   <!--Hero Area-->
-  <div class="hero-area col-sm-12" style='background-image: url({{ partial "helpers/get-hero.html" . }});'>
+  <div class="hero-area col-sm-12" style='background-image: url({{ strings.TrimSuffix "/" .Site.BaseURL }}{{ partial "helpers/get-hero.html" . }});'>
   </div>
 
   <!--Content Start-->
diff --git a/layouts/partials/about.html b/layouts/partials/about.html
index c59fba9..ccb3ab0 100644
--- a/layouts/partials/about.html
+++ b/layouts/partials/about.html
@@ -1,46 +1,44 @@
-<div class="container anchor p-md-5" id="{{ replace (lower .section.name) " " "-" }}">
-  <div id="about-section">
-    <div class="row pt-sm-2 pt-md-4 align-self-center">
-      <!-- summary -->
-      <div class="col-md-6">
-      <h3 class="p-1">{{ site.Params.author.name }}</h3>
-        {{ if .designation }}
-        <h5 class="p-1">
-          {{ .designation }}
-          {{ if .company }}
-            at <a href="{{ .company.url }}">{{ .company.name }}</a>
-          {{ end }}
-        </h5>
+<div class="container anchor p-md-5 about-section" id="{{ replace (lower .section.name) " " "-" }}">
+  <div class="row pt-sm-2 pt-md-4 align-self-center">
+    <!-- summary -->
+    <div class="col-md-6">
+    <h3 class="p-1">{{ site.Params.author.name }}</h3>
+      {{ if .designation }}
+      <h5 class="p-1">
+        {{ .designation }}
+        {{ if .company }}
+          at <a href="{{ .company.url }}">{{ .company.name }}</a>
         {{ end }}
-        <p class="p-1 text-justify">
-          {{ .summary | markdownify }}
-        </p>
-        <div class="text-container ml-auto">
-          <ul class="social-link d-flex">
-            {{ range .socialLinks }}
-            <li>
-              {{ if eq .name "Email" }}
-                <a href="mailto:{{ .url }}" target="/"><i class="{{ .icon }}"></i></a>
-              {{ else }}
-                <a href="{{ .url }}" target="/"><i class="{{ .icon }}"></i></a>
-              {{ end }}
-            </li>
+      </h5>
+      {{ end }}
+      <p class="p-1 text-justify">
+        {{ .summary | markdownify }}
+      </p>
+      <div class="text-container ml-auto">
+        <ul class="social-link d-flex">
+          {{ range .socialLinks }}
+          <li>
+            {{ if eq .name "Email" }}
+              <a href="mailto:{{ .url }}" target="/"><i class="{{ .icon }}"></i></a>
+            {{ else }}
+              <a href="{{ .url }}" target="/"><i class="{{ .icon }}"></i></a>
             {{ end }}
-          </ul>
-        </div>
-        {{ if .resume }}
-        <a href="{{ .resume }}" target="#"
-          ><button class="btn btn-dark">My Resume</button></a
-        >
-        {{ end }}
-      </div>
-      <!-- soft skills circular-progressbar -->
-      <div class="col-md-6 pt-5 pl-md-4 pl-sm-3 pt-md-0">
-        <div class="row">
-          {{ range .softSkills }}
-            {{ partial "progress/soft-skills" . }}
+          </li>
           {{ end }}
-        </div>
+        </ul>
+      </div>
+      {{ if .resume }}
+      <a href="{{ .resume }}" target="#"
+        ><button class="btn btn-dark">My Resume</button></a
+      >
+      {{ end }}
+    </div>
+    <!-- soft skills circular-progressbar -->
+    <div class="col-md-6 pt-5 pl-md-4 pl-sm-3 pt-md-0">
+      <div class="row">
+        {{ range .softSkills }}
+          {{ partial "progress/soft-skills" . }}
+        {{ end }}
       </div>
     </div>
   </div>
diff --git a/layouts/partials/achievements.html b/layouts/partials/achievements.html
index dd26c52..1805631 100644
--- a/layouts/partials/achievements.html
+++ b/layouts/partials/achievements.html
@@ -1,15 +1,13 @@
-<div class="container-fluid anchor pb-5" id="{{ replace (lower .section.name) " " "-" }}">
-  <div id="achievements-section">
-    <h1 class="text-center">{{ .section.name }}</h1>
-    <div class="container">
-      <div class="row" id="gallery">
-      </div>
-    </div>
-    <!-- achievements-holder holds achievement-entry -->
-    <div class="d-none" id="achievements-holder">
-      {{ range .achievements }}
-        {{ partial "misc/achievement.html" . }}
-      {{ end }}
+<div class="container-fluid anchor pb-5 achievements-section" id="{{ replace (lower .section.name) " " "-" }}">
+  <h1 class="text-center">{{ .section.name }}</h1>
+  <div class="container">
+    <div class="row" id="gallery">
     </div>
   </div>
+  <!-- achievements-holder holds achievement-entry -->
+  <div class="d-none" id="achievements-holder">
+    {{ range .achievements }}
+      {{ partial "misc/achievement.html" . }}
+    {{ end }}
+  </div>
 </div>
diff --git a/layouts/partials/experiences.html b/layouts/partials/experiences.html
index 53e0b29..5c63d14 100644
--- a/layouts/partials/experiences.html
+++ b/layouts/partials/experiences.html
@@ -1,25 +1,23 @@
-<div class="container-fluid anchor pb-5" id="{{ replace (lower .section.name) " " "-" }}">
-  <div id="experiences-section">
-    <h1 class="text-center">{{ .section.name }}</h1>
+<div class="container-fluid anchor pb-5 experiences-section" id="{{ replace (lower .section.name) " " "-" }}">
+  <h1 class="text-center">{{ .section.name }}</h1>
 
-    <div class="container timeline text-justify">
-     {{ $totalExperiences:= len .experiences }}
-     {{ range $index,$experience:= .experiences }}
-       {{ if eq (mod $index 2) 0 }}
-         <div class="row align-items-center  d-flex">
-           {{ partial "experiences/vertical-line.html" $index }}
-           {{ partial "experiences/experience-info.html" $experience }}
-         </div>
-       {{else}}
-         <div class="row align-items-center justify-content-end d-flex">
-           {{ partial "experiences/experience-info.html" $experience }}
-           {{ partial "experiences/vertical-line.html" $index }}
-         </div>
-       {{ end }}
-       {{ if lt $index (sub $totalExperiences 1) }}
-         {{ partial "experiences/horizontal-line.html" $index }}
-       {{ end }}
+  <div class="container timeline text-justify">
+   {{ $totalExperiences:= len .experiences }}
+   {{ range $index,$experience:= .experiences }}
+     {{ if eq (mod $index 2) 0 }}
+       <div class="row align-items-center  d-flex">
+         {{ partial "experiences/vertical-line.html" $index }}
+         {{ partial "experiences/experience-info.html" $experience }}
+       </div>
+     {{else}}
+       <div class="row align-items-center justify-content-end d-flex">
+         {{ partial "experiences/experience-info.html" $experience }}
+         {{ partial "experiences/vertical-line.html" $index }}
+       </div>
      {{ end }}
-    </div>
+     {{ if lt $index (sub $totalExperiences 1) }}
+       {{ partial "experiences/horizontal-line.html" $index }}
+     {{ end }}
+   {{ end }}
   </div>
 </div>
diff --git a/layouts/partials/projects.html b/layouts/partials/projects.html
index 9ef2c71..e8a9f35 100644
--- a/layouts/partials/projects.html
+++ b/layouts/partials/projects.html
@@ -1,21 +1,19 @@
-<div class="container-fluid anchor pb-5" id="{{ replace (lower .section.name) " " "-" }}">
-  <div id="projects-section">
-    <h1 class="text-center">{{ .section.name }}</h1>
-    <div class="container ml-auto text-center">
-      <div class="btn-group flex-wrap" role="group" id="project-filter-buttons">
-        {{ range .buttons }}
-        <button type="button" class="btn btn-dark" data-filter="{{ .filter }}">
-          {{ .name }}
-        </button>
-        {{ end }}
-      </div>
+<div class="container-fluid anchor pb-5 projects-section" id="{{ replace (lower .section.name) " " "-" }}">
+  <h1 class="text-center">{{ .section.name }}</h1>
+  <div class="container ml-auto text-center">
+    <div class="btn-group flex-wrap" role="group" id="project-filter-buttons">
+      {{ range .buttons }}
+      <button type="button" class="btn btn-dark" data-filter="{{ .filter }}">
+        {{ .name }}
+      </button>
+      {{ end }}
     </div>
-    <div class="container filtr-projects">
-      <div class="row" id="project-card-holder">
-        {{ range .projects }}
-          {{ partial "cards/project" . }}
-        {{ end }}
-      </div>
+  </div>
+  <div class="container filtr-projects">
+    <div class="row" id="project-card-holder">
+      {{ range .projects }}
+        {{ partial "cards/project" . }}
+      {{ end }}
     </div>
   </div>
 </div>
diff --git a/layouts/partials/recent-posts.html b/layouts/partials/recent-posts.html
index d22d15d..03142fc 100644
--- a/layouts/partials/recent-posts.html
+++ b/layouts/partials/recent-posts.html
@@ -1,12 +1,10 @@
-<div class="container-fluid anchor pb-5" id="{{ replace (lower .section.name) " " "-" }}">
-  <div id="recent-posts-section">
-    <h1 class="text-center">{{ .section.name }}</h1>
-    <div class="container">
-      <div class="row" id="recent-post-cards">
-        {{ range first 3 (where site.RegularPages.ByDate.Reverse "Type" "in" site.Params.mainSections )}}
-          {{ partial "cards/recent-post.html" . }}
-        {{ end }}
-      </div>
+<div class="container-fluid anchor pb-5 recent-posts-section" id="{{ replace (lower .section.name) " " "-" }}">
+  <h1 class="text-center">{{ .section.name }}</h1>
+  <div class="container">
+    <div class="row" id="recent-post-cards">
+      {{ range first 3 (where site.RegularPages.ByDate.Reverse "Type" "in" site.Params.mainSections )}}
+        {{ partial "cards/recent-post.html" . }}
+      {{ end }}
     </div>
   </div>
 </div>
diff --git a/layouts/partials/skills.html b/layouts/partials/skills.html
index 337b445..5fab89a 100644
--- a/layouts/partials/skills.html
+++ b/layouts/partials/skills.html
@@ -1,12 +1,10 @@
-<div class="container-fluid anchor pb-5" id="{{ replace (lower .section.name) " " "-" }}">
-  <div id="skills-section">
-    <h1 class="text-center">{{ .section.name }}</h1>
-    <div class="container d-flex-block">
-      <div class="row" id="primary-skills">
-        {{ range .skills }}
-          {{ partial "cards/skill.html" . }}
-        {{ end }}
-      </div>
+<div class="container-fluid anchor pb-5 skills-section" id="{{ replace (lower .section.name) " " "-" }}">
+  <h1 class="text-center">{{ .section.name }}</h1>
+  <div class="container d-flex-block">
+    <div class="row" id="primary-skills">
+      {{ range .skills }}
+        {{ partial "cards/skill.html" . }}
+      {{ end }}
     </div>
   </div>
 </div>
diff --git a/static/assets/css/achievements.css b/static/assets/css/achievements.css
index 42f4f33..083ea74 100644
--- a/static/assets/css/achievements.css
+++ b/static/assets/css/achievements.css
@@ -1,4 +1,4 @@
-#achievements-section .container {
+.achievements-section .container {
   padding-top: 0.5rem;
 }
 
diff --git a/static/assets/css/projects.css b/static/assets/css/projects.css
index 378dbdf..b9ae172 100644
--- a/static/assets/css/projects.css
+++ b/static/assets/css/projects.css
@@ -1,10 +1,10 @@
-#projects-section .card .card-header {
+.projects-section .card .card-header {
   background-color: #f9fafc;
   padding: 0.7rem;
   padding-bottom: 0rem;
 }
 
-#projects-section .card .card-img-xs {
+.projects-section .card .card-img-xs {
   margin-right: 0.5rem;
 }
 
@@ -15,11 +15,11 @@
   float: right;
 }
 
-#projects-section .card .card-body {
+.projects-section .card .card-body {
   padding: 0.7rem;
 }
 
-#projects-section .card .card-header .sub-title {
+.projects-section .card .card-header .sub-title {
   color: #8392a5;
   margin-top: 0.4rem;
 }
@@ -55,7 +55,7 @@
 /* Small devices (landscape phones, 576px and up) */
 
 @media only screen and (max-width: 576px) {
-  #projects-section .btn {
+  .projects-section .btn {
     margin-top: 0.3125rem;
   }
 }
diff --git a/static/assets/css/recent-posts.css b/static/assets/css/recent-posts.css
index ef233c4..ee969d0 100644
--- a/static/assets/css/recent-posts.css
+++ b/static/assets/css/recent-posts.css
@@ -1,19 +1,19 @@
-#recent-posts-section .container{
+.recent-posts-section .container{
   padding-top: 1rem;
 }
 
-#recent-posts-section .card .card-footer span {
+.recent-posts-section .card .card-footer span {
   font-size: 10pt;
   color: #6c757d !important;
   padding-top: 5px;
 }
 
-#recent-posts-section .card .card-footer {
+.recent-posts-section .card .card-footer {
   background: #fff;
   margin-top: auto;
 }
 
-#recent-posts-section .post-card-link{
+.recent-posts-section .post-card-link{
   text-decoration: none;
 }
 
diff --git a/static/assets/css/skills.css b/static/assets/css/skills.css
index 59d0794..532d8ea 100644
--- a/static/assets/css/skills.css
+++ b/static/assets/css/skills.css
@@ -1,4 +1,4 @@
-#skills-section .card .card-head {
+.skills-section .card .card-head {
   background-color: #f9fafc;
   height: fit-content;
   padding: 0.7rem;
@@ -6,16 +6,16 @@
   border-bottom: 0.0625rem solid rgba(0, 0, 0, 0.125);
 }
 
-#skills-section .card .card-img-xs {
+.skills-section .card .card-img-xs {
   margin-right: 0.5rem;
 }
 
-#skills-section .card {
+.skills-section .card {
   margin-top: 0.5rem;
   margin-bottom: 0.5rem;
 }
 
-#skills-section .card .card-body {
+.skills-section .card .card-body {
   padding-top: 0.2rem;
   padding-left: 0.7rem;
 }
diff --git a/static/assets/css/style.css b/static/assets/css/style.css
index 523ac99..e3fcd43 100644
--- a/static/assets/css/style.css
+++ b/static/assets/css/style.css
@@ -250,10 +250,10 @@ img.right{
     padding-right: 5px;
   }
 
-  #skills-section,
-  #projects-section,
-  #recent-posts-section,
-  #achievements-section{
+  .skills-section,
+  .projects-section,
+  .recent-posts-section,
+  .achievements-section{
     padding-left: 0;
     padding-right: 0;
   }

From fc5853d91cfe9c3d00be608a946383ddac9d484f Mon Sep 17 00:00:00 2001
From: hossainemruz <emruz@appscode.com>
Date: Tue, 30 Jun 2020 22:13:01 +0600
Subject: [PATCH 9/9] Revert accidental deletion of "enableEmoji" in
 "config.yaml"

---
 exampleSite/config.yaml | 1 +
 1 file changed, 1 insertion(+)

diff --git a/exampleSite/config.yaml b/exampleSite/config.yaml
index a843b20..8132b96 100644
--- a/exampleSite/config.yaml
+++ b/exampleSite/config.yaml
@@ -16,6 +16,7 @@ googleAnalytics: UA-xxxxxxxx
 disqusShortname: does-not-exist
 
 # Enable global emoji support
+enableEmoji: true
 
 # Custom parameters
 params: