Add awards and achievements section

Also did some code splitting

3 files changed, 66 insertions, 30 deletions

diff --git a/layouts/about/list.html b/layouts/about/list.html
index 31c264e..1342343 100644
--- a/layouts/about/list.html
+++ b/layouts/about/list.html
@@ -32,7 +32,7 @@
     <div class="uk-child-width-1-4@l uk-child-width-1-2@s uk-child-width  uk-text-center uk-flex-between" uk-grid
       style="padding-left: 20px; padding-right: 20px">
 
-      {{ range .Site.Data.homepage.leadership.item }}
+      {{ range .Site.Data.about.leadership.item }}
       <div>
         <div class="uk-card uk-card-default uk-height-large">
           <div class="uk-card-media-top">
diff --git a/layouts/index.html b/layouts/index.html
index e5b09fb..8b3082a 100644
--- a/layouts/index.html
+++ b/layouts/index.html
@@ -260,8 +260,8 @@
 {{end}}
 
 
-
-{{ if .Site.Data.homepage.skill.enable }}
+<!-- Certifications -->
+{{ if .Site.Data.homepage.certifications.enable }}
 
 
 <section class="uk-margin-large-top uk-margin-medium-bottom">
@@ -270,7 +270,7 @@
 
         <p class="uk-text-center uk-text-lead"><i>Click the images below to view the proof</i></p>
         <div class="uk-child-width-1-6@l uk-child-width-1-3@m uk-child-width-1-3@s uk-child-width-1-2 uk-text-center uk-flex-center"
-             uk-grid>
+             uk-grid >
             {{ range .Site.Data.homepage.certifications.item }}
             <a href="{{.url}}" class="imagemargin">
                 <img class="contain certs" src="{{.image}}" alt="{{.title}}" loading="lazy" style="cursor: pointer">
@@ -288,10 +288,44 @@
 
 
 
+{{ end }}
+
+<!-- /Certifications -->
+
+
+
+<!-- Awards -->
+{{ if .Site.Data.homepage.certifications.enable }}
+
+
+<section class="uk-margin-large-top uk-margin-medium-bottom">
+    <div class="uk-container">
+        <h1 class="uk-heading-line uk-text-center uk-heading-medium"><span>Awards and Achievements</span></h1>
+
+        <div class="uk-child-width-1-6@l uk-child-width-1-3@m uk-child-width-1-3@s uk-child-width-1-2 uk-text-center uk-flex-center"
+            uk-grid uk-height-match="target: > div > h4">
+            {{ range .Site.Data.homepage.awards.item }}
+            <div class="imagemargin">
+                <img class="contain certs" src="{{.image}}" alt="{{.title}}" loading="lazy" >
+                <h4>{{.title}}</h4>
+                <p>{{.event}}</p>
+                </div>
+
+            {{ end }}
+        </div>
+
+    </div>
+
+</section>
+
+
+
+
 
-<!-- /skills -->
 {{ end }}
 
+<!-- /Awards -->
+
 
 
 <!--
diff --git a/layouts/portfolio/list.html b/layouts/portfolio/list.html
index 8cb2f71..dd33d04 100644
--- a/layouts/portfolio/list.html
+++ b/layouts/portfolio/list.html
@@ -1,50 +1,52 @@
-{{ define "main" }}
-
-{{ partial "page-title.html" . }}
-
+{{ define "main" }} {{ partial "page-title.html" . }}
 
 <section>
   <div class="uk-container uk-margin-xlarge-bottom">
-
     <div uk-filter="target: .js-filter">
-
       <ul class="uk-subnav uk-subnav-pill uk-subnav-divider">
-        <li uk-filter-control><a href="#">All</a> </li>
-        {{ range .Site.Data.homepage.portfolio.filter }}
+        <li uk-filter-control><a href="#">All</a></li>
+        {{ range .Site.Data.portfolio.filter }}
 
-        <li uk-filter-control="[data-tags*='{{.value}}']"><a href="#">{{.label}}</a></li>
+        <li uk-filter-control="[data-tags*='{{.value}}']">
+          <a href="#">{{.label}}</a>
+        </li>
 
         {{end}}
       </ul>
 
-      <ul class="js-filter uk-child-width-1-1 uk-child-width-1-4@m  uk-text-center" uk-grid uk-height-match="target: > li > div > .fixy">
+      <ul
+        class="js-filter uk-child-width-1-1 uk-child-width-1-4@m uk-text-center"
+        uk-grid
+        uk-height-match="target: > li > div > .fixy"
+      >
         {{ range .Data.Pages }}
         <li data-tags="{{delimit .Params.categories  ' '}}">
-          <div class="uk-card uk-card-default" style="position: relative">
+          <div class="uk-card uk-card-default" style="position: relative;">
             <div class="fixy">
-            <div class="uk-card-media-top">
-              <img class="contain experience" src="{{.Params.Image | absURL}}" alt="">
-            </div>
-            <div class="uk-card-body">
-              <h3 class="uk-card-title">{{.Title}}</h3>
-              <p>{{.Params.Description}}</p>
+              <div class="uk-card-media-top">
+                <img
+                  class="contain experience"
+                  src="{{.Params.Image | absURL}}"
+                  alt=""
+                />
+              </div>
+              <div class="uk-card-body">
+                <h3 class="uk-card-title">{{.Title}}</h3>
+                <p>{{.Params.Description}}</p>
+              </div>
             </div>
-            </div>
-
 
             <div class="uk-card-footer">
-              <a href="{{.Permalink| relURL}}" class="uk-button uk-button-text">Read more</a>
+              <a href="{{.Permalink| relURL}}" class="uk-button uk-button-text"
+                >Read more</a
+              >
             </div>
           </div>
         </li>
         {{end}}
-
       </ul>
-
     </div>
   </div>
-
-
 </section>
 
-{{ end }}
\ No newline at end of file
+{{ end }}