add recent-posts section and edit certifications title

assets/styles/override.scss

@@ -17,6 +17,14 @@ html[data-theme='dark'] {
     }
 }
 
+// fix space between recent-posts and above section
+.recent-posts-section {
+    h1 > span {
+        margin-top: 0px; /* Size of fixed header */
+        padding-bottom: 0px;
+        display: block;
+    }
+}
 // add padding between navbar and home section (due to problem for small device)
 #home {
     padding-top: 5rem !important;

data/en/sections/recent-posts.yaml

@@ -0,0 +1,10 @@
+# section information
+section:
+  name: Recent Posts # Title of section (default: "")
+  id: recent-posts # url id/slug of section *Required*
+  enable: true # Boolean to determine if this section is enabled (default: false)
+  weight: 4 # Order to display section in (default: alphabetical followed by weight)
+  showOnNavbar: true # Boolean to determine if a link should be shown for this section on the navbar
+  hideTitle: false # Can optionally hide the title in sections (default: false)
+  numShow: 4 # Can optionally increase the number of posts to display (default: 3)
+  showMoreButton: true #Can optionally show 'More Posts' button (default: false)

i18n/en.toml

@@ -134,3 +134,6 @@ other = "Search"
 [minute]
 one = "minute"
 other = "minutes"
+
+[certifications]
+other = "Courses & Certifications"

layouts/partials/sections/skills-and-certifications.html

@@ -21,7 +21,7 @@ <h1 class="text-center" style="display: none">
 
 
   <h1 class="text-center p-2 mt-4">
-    <span id="{{ $sectionID }}"></span>Certifications
+    <span id="{{ $sectionID }}"></span>{{ i18n "certifications" }}
   </h1>
 
   <div class="container d-flex-block">