Adding resume and animations

blog/config.yaml

@@ -41,6 +41,12 @@ Menus:
       url: /conferences
       weight: 4
     
+    - identifier: resume
+      name: Resume
+      title: Resume
+      url: /resume
+      weight: 5
+
     #Dropdown menu
     # - identifier: dropdown
     #   title: Example dropdown menu

blog/content/resume.md

@@ -0,0 +1,4 @@
+---
+title: "Resume"
+layout: resume
+---

blog/content/videos.md

@@ -1,5 +1,4 @@
 ---
 title: "On-demand Videos"
 layout: videos
-source: videos
 ---

blog/layouts/_default/conferences.html

@@ -1,6 +1,6 @@
 {{ define "head" }}
 <meta name="description" content="{{ .Title }} of {{ .Site.Title }}">
-<!-- <link rel="stylesheet" href="{{ .Site.Params.staticPath }}/css/list.css" media="all"> -->
+<link rel="stylesheet" href="{{ .Site.Params.staticPath }}/css/index.css" media="all">
 <link rel="stylesheet" href="{{ .Site.Params.staticPath }}/css/projects.css" media="all">
 {{ end }}
 
@@ -9,12 +9,14 @@
 {{ end }}
 
 {{ define "main" }}
-<div class="container pt-5" id="list-page">
+<section id="projects">
-    <div class="row justify-content-center px-3 px-md-5">
+    <div class="container pt-5" id="list-page">
-        <h1 class="text-left pb-2">{{.Title}}</h1>
+        <div class="row justify-content-center px-3 px-md-5">
-        <span class="subtitle text-left pb-2">Come meet me at these upcoming events, or catch a selection of my sessions from previous events</span>
+            <h1 class="text-left pb-2 content">{{.Title}}</h1>
+            <span class="content subtitle text-left pb-2">Come meet me at these upcoming events, or catch a selection of my sessions from previous events.</span>
+        </div>
     </div>
-</div>
+</section>
 <div class="container pt-5" id="list-page">
     <section id="projects">
         <div class="container">

blog/layouts/_default/list.html

@@ -1,6 +1,8 @@
 {{ define "head" }}
 <meta name="description" content="{{ .Title }} of {{ .Site.Title }}">
+<link rel="stylesheet" href="{{ .Site.Params.staticPath }}/css/index.css" media="all">
 <link rel="stylesheet" href="{{ .Site.Params.staticPath }}/css/list.css" media="all">
+<link rel="stylesheet" href="{{ .Site.Params.staticPath }}/css/projects.css" media="all">
 {{ end }}
 
 {{ define "title" }}
@@ -8,8 +10,14 @@
 {{ end }}
 
 {{ define "main" }}
+<section id="projects">
+    <div class="container pt-5" id="list-page">
+        <div class="row justify-content-center px-3 px-md-5">
+            <h1 class="text-left pb-2 content">{{.Title}}</h1>
+        </div>
+    </div>
+</section>
 <div class="container pt-5" id="list-page">
-    <h2 class="text-center pb-2">{{.Title}}</h2>
     <div class="row">
         {{ range .Paginator.Pages }}
         <div class="col-lg-4 col-md-6 my-3">

blog/layouts/_default/livestreams.html

@@ -1,6 +1,6 @@
 {{ define "head" }}
 <meta name="description" content="{{ .Title }} of {{ .Site.Title }}">
-<!-- <link rel="stylesheet" href="{{ .Site.Params.staticPath }}/css/list.css" media="all"> -->
+<link rel="stylesheet" href="{{ .Site.Params.staticPath }}/css/index.css" media="all">
 <link rel="stylesheet" href="{{ .Site.Params.staticPath }}/css/projects.css" media="all">
 {{ end }}
 
@@ -9,12 +9,14 @@
 {{ end }}
 
 {{ define "main" }}
-<div class="container pt-5" id="list-page">
+<section id="projects">
-    <div class="row justify-content-center px-3 px-md-5">
+    <div class="container pt-5" id="list-page">
-        <h1 class="text-left pb-2">{{.Title}}</h1>
+        <div class="row justify-content-center px-3 px-md-5">
-        <span class="subtitle text-left pb-2">A selection of upcoming and previous livestreams</span>
+            <h1 class="text-left pb-2 content">{{.Title}}</h1>
+            <span class="content subtitle text-left pb-2">A selection of upcoming and previous livestreams.</span>
+        </div>
     </div>
-</div>
+</section>
 <div class="container pt-5" id="list-page">
     <section id="projects">
         <div class="container">

blog/layouts/_default/resume.html

@@ -0,0 +1,88 @@
+{{ define "head" }}
+<meta name="description" content="{{ .Title }} of {{ .Site.Title }}">
+<link rel="stylesheet" href="{{ .Site.Params.staticPath }}/css/index.css" media="all">
+<link rel="stylesheet" href="{{ .Site.Params.staticPath }}/css/projects.css" media="all">
+{{ end }}
+
+{{ define "title" }}
+{{.Title }} | {{ .Site.Title }}
+{{ end }}
+
+{{ define "main" }}
+<section id="projects">
+    <div class="container pt-5" id="list-page">
+        <div class="row justify-content-center px-3 px-md-5">
+            <h1 class="text-left pb-2 content">{{.Title}}</h1>
+            <span class="content subtitle text-left pb-2">Want to download my resume? You can find it here as both a PDF and the original source Sketch file. Feel free to use it as inspiration for your own.</span>
+        </div>
+    </div>
+</section>
+<div class="container pt-5" id="list-page">
+    <section id="projects">
+        <div class="container">
+            <div class="row justify-content-left px-3 px-md-5">
+                <h2 class="text-left pb-2">PDF</h2>
+            </div>
+                <div class="row justify-content-left px-3 px-md-5">
+                        <div class="col col-lg-4 col-md-4 my-3">
+                            <div class="card h-100">
+                                <div class="card-head">
+                                    <a href="/downloads/jim-bennett-resume.pdf">
+                                        <img class="card-img-top" src="/images/png/jim-resume-cover.png" alt="Jim's resume">
+                                    </a>
+                                </div>
+                                <div class="card-body">
+                                    <h5 class="card-title">My resume as a PDF</h5>
+                                    <h6 class="card-subtitle mb-2 text-muted">Updated August 2022</h6>
+                                    <p class="card-text">Feel free to download this and use as inspiration for your own resume.</p>
+                                </div>
+                                <div class="card-footer py-3">
+                                    <span class="float-end">
+                                        <a class="btn btn-sm" href="/downloads/jim-bennett-resume.pdf" target="_blank">
+                                            Download
+                                        </a>
+                                    </span>
+                                </div>
+                            </div>
+                        </div>
+                </div>
+                <div class="row justify-content-center px-3 px-md-5">
+                    <p class="text-center pb-2">&nbsp;</p>
+                </div>
+        </div>
+    </section>
+    <section id="projects">
+        <div class="container">
+            <div class="row justify-content-left px-3 px-md-5">
+                <h2 class="text-left pb-2">Sketch</h2>
+            </div>
+                <div class="row justify-content-left px-3 px-md-5">
+                        <div class="col col-lg-4 col-md-4 my-3">
+                            <div class="card h-100">
+                                <div class="card-head">
+                                    <a href="/downloads/jim-bennett-resume.sketch">
+                                        <img class="card-img-top" src="/images/png/jim-resume-cover.png" alt="Jim's resume">
+                                    </a>
+                                </div>
+                                <div class="card-body">
+                                    <h5 class="card-title">My resume as a <a href="https://www.sketch.com">Sketch</a> file</h5>
+                                    <h6 class="card-subtitle mb-2 text-muted">Updated August 2022</h6>
+                                    <p class="card-text">Feel free to download this and use as inspiration for your own resume. You will need <a href="https://www.sketch.com">Sketch</a> for macOS to open this file.</p>
+                                </div>
+                                <div class="card-footer py-3">
+                                    <span class="float-end">
+                                        <a class="btn btn-sm" href="/downloads/jim-bennett-resume.sketch" target="_blank">
+                                            Download
+                                        </a>
+                                    </span>
+                                </div>
+                            </div>
+                        </div>
+                </div>
+                <div class="row justify-content-center px-3 px-md-5">
+                    <p class="text-center pb-2">&nbsp;</p>
+                </div>
+        </div>
+    </section>
+</div>
+{{ end }}

blog/layouts/_default/single.html

@@ -1,6 +1,8 @@
 {{ define "head" }}
 <meta name="description" content="{{ .Params.description }}">
+<link rel="stylesheet" href="{{.Site.Params.staticPath}}/css/index.css">
 <link rel="stylesheet" href="{{.Site.Params.staticPath}}/css/single.css">
+<link rel="stylesheet" href="{{ .Site.Params.staticPath }}/css/projects.css" media="all">
 
 <!-- fontawesome -->
 <script defer src="{{.Site.Params.staticPath}}/fontawesome-5/all-5.15.4.js"></script>
@@ -11,21 +13,25 @@
 {{ end }}
 
 {{ define "main" }}
-<section id="single">
+<section id="projects">
-  <div class="container">
+    <div class="container pt-5" id="list-page">
-    <div class="row justify-content-center">
+        <div class="row justify-content-center px-3 px-md-5">
-      <div class="col-sm-12 col-md-12 col-lg-9">
+            <h1 class="text-left pb-2 content">{{.Title}}</h1>
-        <div class="pr-lg-4">
-          <div class="title mb-5">
-            <h1 class="text-center mb-4">{{ .Title }}</h1>
             {{ if .Params.showAuthor | default true}}
-            <div class="text-center">
+            <div class="text-left content">
               {{ .Params.author }} 
               <small>|</small>
               {{ .Date.Format "Jan 2, 2006" }}
             </div>
             {{end}}
-          </div>
+        </div>
+    </div>
+</section>
+<section id="single">
+  <div class="container">
+    <div class="row justify-content-center">
+      <div class="col-sm-12 col-md-12 col-lg-9">
+        <div class="pr-lg-4">
           {{ if .Params.image }}
           <div class="featured-image">
             <img class="img-fluid" src="{{ .Params.image }}" alt="{{ .Title }}">

blog/layouts/_default/videos.html

@@ -1,6 +1,6 @@
 {{ define "head" }}
 <meta name="description" content="{{ .Title }} of {{ .Site.Title }}">
-<!-- <link rel="stylesheet" href="{{ .Site.Params.staticPath }}/css/list.css" media="all"> -->
+<link rel="stylesheet" href="{{ .Site.Params.staticPath }}/css/index.css" media="all">
 <link rel="stylesheet" href="{{ .Site.Params.staticPath }}/css/projects.css" media="all">
 {{ end }}
 
@@ -9,12 +9,14 @@
 {{ end }}
 
 {{ define "main" }}
-<div class="container pt-5" id="list-page">
+<section id="projects">
-    <div class="row justify-content-center px-3 px-md-5">
+    <div class="container pt-5" id="list-page">
-        <h1 class="text-left pb-2">{{.Title}}</h1>
+        <div class="row justify-content-center px-3 px-md-5">
-        <span class="subtitle text-left pb-2">Here is a selection of recent videos I've recorded</span>
+            <h1 class="text-left pb-2 content">{{.Title}}</h1>
+            <span class="content subtitle text-left pb-2">Here is a selection of recent videos I've recorded.</span>
+        </div>
     </div>
-</div>
+</section>
 <div class="container pt-5" id="list-page">
     <section id="projects">
         <div class="container">

blog/layouts/partials/sections/footer/copyright.html

@@ -1,12 +1,6 @@
 <div class="container py-4">
     <div class="row justify-content-center">
         <div class="col-md-4 text-center">
-            <div class="pb-2">
-                <a href="{{ .Site.BaseURL }}" title="{{ .Site.Title }}">
-                    <img alt="Footer logo" src="{{ .Site.Params.navbar.brandLogo | default .Site.Params.favicon }}"
-                        height="40px" width="40px">
-                </a>
-            </div>
             &copy; {{ now.Format "2006"}} {{ .Site.Params.copyright }} All Rights Reserved
             </div>
         </div>

blog/layouts/partials/sections/hero/index.html

@@ -23,7 +23,7 @@
                 </div>
 
             </div>
-            <div class="col-sm-12 col-md-12 col-lg-4">
+            <div class="col-sm-12 col-md-12 col-lg-4 content">
                 <div class="row justify-content-center">
                     <div class="col-sm-12 col-md-9 pt-5 image px-5 px-md-5 px-lg-0 text-center">
                         <img src="{{ .Site.Params.hero.image }}" class="img-hero-thumbnail mx-auto" alt="Jim">
@@ -32,10 +32,10 @@
             </div>
         </div>
         <div class="row">
-            <span class="subtitle my-3">
+            <span class="subtitle my-3 content">
                 Find me on the internet
             </span>
-            <div class="col-auto px-0 h-100">
+            <div class="col-auto px-0 h-100 content">
                 {{- partial "sections/hero/social.html" . -}}
             </div>
         </div>

blog/static/css/projects.css

@@ -67,3 +67,8 @@
     font-size: clamp(14px,5vw,16px);
     opacity: 0.6;
 }
+
+
+#projects .content {
+    animation: fade-left 1s ease-out;
+}