LukeParke/jims-blog
1
0
Fork 0
mirror of https://github.com/LukeHagar/jims-blog.git synced 2025-12-06 04:20:07 +00:00
Code Issues Packages Projects Releases Wiki Activity

Adding resume and animations

Browse Source
This commit is contained in:
Jim Bennett
2022-08-27 01:00:42 +00:00
parent 2b99723b8c
commit 33e6f73a15
15 changed files with 154 additions and 38 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
blog/config.yaml
View File

@@ -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

4
blog/content/resume.md Normal file
View File

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

1
blog/content/videos.md
View File

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

14
blog/layouts/_default/conferences.html
View File

@@ -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">
<div class="row justify-content-center px-3 px-md-5">
<h1 class="text-left pb-2">{{.Title}}</h1>
<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>
<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">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">

10
blog/layouts/_default/list.html
View File

@@ -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">

14
blog/layouts/_default/livestreams.html
View File

@@ -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">
<div class="row justify-content-center px-3 px-md-5">
<h1 class="text-left pb-2">{{.Title}}</h1>
<span class="subtitle text-left pb-2">A selection of upcoming and previous livestreams</span>
<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">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">

88
blog/layouts/_default/resume.html Normal file
View File

@@ -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 }}

24
blog/layouts/_default/single.html
View File

@@ -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">
<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">
<div class="title mb-5">
<h1 class="text-center mb-4">{{ .Title }}</h1>
<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>
{{ 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 }}">

14
blog/layouts/_default/videos.html
View File

@@ -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">
<div class="row justify-content-center px-3 px-md-5">
<h1 class="text-left pb-2">{{.Title}}</h1>
<span class="subtitle text-left pb-2">Here is a selection of recent videos I've recorded</span>
<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">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">

6
blog/layouts/partials/sections/footer/copyright.html
View File

@@ -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>

6
blog/layouts/partials/sections/hero/index.html
View File

@@ -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>

5
blog/static/css/projects.css
View File

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

BIN
blog/static/downloads/jim-bennett-resume.pdf Normal file
View File

Binary file not shown.

BIN
blog/static/downloads/jim-bennett-resume.sketch Normal file
View File

Binary file not shown.

BIN
blog/static/images/png/jim-resume-cover.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 156 KiB