Add Certificates section

* This should probably be merged into awards

src/partials/background.html

@@ -3,6 +3,7 @@
     <hr/>
     <div class="background-details">
       {{> about}}
+      {{> certificates}}
       {{> experience}}
       {{> skills}}
       {{> education}}

src/partials/certificates.html

@@ -0,0 +1,36 @@
+{{#if r.certifications}}
+<details id="certifications" class="detail" open>
+  <summary>
+    <div class="icon"><i class="fs-lg fa fa-certificate"></i><span class="mobile-title">Certifications</span></div>
+    <div class="info">
+        <h4 class="title text-uppercase">Certifications</h4></hr>
+    </div>
+  </summary>
+  <div class="info certifications">
+    <hr>
+    {{#each r.certifications}}
+    <span>
+      {{#each certificates}}
+        {{#if logo}}
+          <img class="media-object logo"
+            src="images/{{logo}}"
+            alt="{{name}}{{#level}} - {{.}}{{/level}}"
+            title="{{name}}{{#level}} - {{.}}{{/level}}" />
+        {{/if}}
+      {{/each}}
+    </span>
+    {{/each}}
+  </div>
+  <div class="content certifications">
+    <ul>
+      {{#each r.certifications}}
+        {{#each certificates}}
+          {{#unless logo}}
+            <li>{{name}}{{#level}} - ({{.}}){{/level}}</li>
+          {{/unless}}
+        {{/each}}
+      {{/each}}
+    </ul>
+  </div>
+</details>
+{{/if}}

src/partials/nav.html

@@ -2,6 +2,7 @@
 <nav class="floating-nav js-floating-nav">
   <ul class="list-unstyled">
     {{#if r.info.brief}}<li><a href="#about"><i class="mr-10 fa fa-user"></i>About</a></li>{{/if}}
+    {{#if r.certifications}}<li><a href="#certifications"><i class="mr-10 fa fa-certificate"></i>Certifications</a></li>{{/if}}
     {{#if r.employment}}<li><a href="#work-experience"><i class="mr-10 fa fa-building"></i>Work Experience</a></li>{{/if}}
     {{#if r.skills}}<li><a href="#skills"><i class="mr-10 fa fa-gears"></i>Skills</a></li>{{/if}}
     {{#if r.education}}<li><a href="#education"><i class="mr-10 fa fa-graduation-cap"></i>Education</a></li>{{/if}}

src/partials/style.html

@@ -722,4 +722,14 @@ details.detail > summary {
   list-style: none;
 }
 
+
+img.logo {
+  display: inline-block;
+}
+
+.certifications {
+  align-content: center;
+  text-align: center;
+}
+
 </style>