Getting home page working

This commit is contained in:
Jim Bennett
2022-08-24 23:16:46 +00:00
parent 90bb228c4b
commit ddd0458f0b
18 changed files with 155 additions and 700 deletions

View File

@@ -93,9 +93,9 @@ params:
# Hero
hero:
enable: true
title: "I'm Jim."
title: "Hi, I'm Jim."
subtitle: "I do developer advocacy"
content: "Regional Cloud Advocate at Microsoft focusing on communities in the Pacific North West and the Redmond Reactor. Particularly excited by the Internet of Things and edge computing."
content: "Regional Cloud Advocate at Microsoft focusing on communities in the Pacific North West and the [Redmond Reactor](http://developer.microsoft.com/reactor). <br>Particularly excited by the Internet of Things and edge computing."
image: /images/png/jim-portrait-circle.png
socialNetworks:
github: https://github.com/JimBobBennett
@@ -107,202 +107,78 @@ params:
about:
enable: true
title: "About Me"
image: "/images/me.png"
image: "/images/jpg/jim-portrait-2-square.jpg"
content: |-
I am a software developer with a passion for web development. I have a background in computer science and mathematics, and I have a strong interest in the intersection of technology and art. I am currently working as a software developer at [example org.](https://example.com) in San Francisco, CA.
I am a Regional Cloud Advocate focusing on building out and skilling communities in the Pacific North West, with a focus on the Microsoft Reactor in Redmond, Washington, as well as a passion for the internet of things, edge computing and TinyML. I'm British, so I sound way smarter than I actually am.
In the past I've lived in 4 continents working as a developer in the mobile, desktop, and scientific space. I've spoken at conferences and events all around the globe, organised meetup groups and communities, and written a book on mobile development.
I am currently working on a project that will be used to help people find the best way to get around the city.
I also hate and am allergic to cats, but I have a 9-year-old daughter who loves cats, so I have 2 cats.
skills:
enable: true
title: "Here are a few technologies I've been working with recently:"
items:
- "HTML"
- "CSS"
- "JavaScript"
- "React"
- "Node"
- "Express"
# Experience
experience:
enable: true
# title: "Custom Name"
items:
- job: "Senior Software Developer"
company: "Facebook"
companyUrl: "https://example.com"
date: "Jan 2022 - present"
featuredLink:
enable: true
name: "View the project"
url: "https://example.com"
content: "I am currently working as a software developer at [example org.](https://example.com) in San Francisco, CA. I am currently working on a project that will be used to help people find the best way to get around the city."
- job: "Software Developer"
company: "Amazon"
companyUrl: "https://example.com"
date: "Sep 2020 - Dec 2021"
featuredLink:
enable: true
url: "https://example.com"
info:
enable: true
content: I worked as a software developer for more than one year in Amazon.
content: |
I am currently working as a software developer at [example org.](https://example.com) in San Francisco, CA. I am currently working on a project that will be used to help people find the best way to get around the city.
- Lead backend developer for a product.
- Created a frontend design for a product.
- job: "Junior Software Developer"
company: "Apple"
companyUrl: "https://example.com"
date: "Jan 2020 - Aug 2020"
info:
enable: false
featuredLink:
enable: true
url: "https://example.com"
content: |
I am currently working as a software developer at [example org.](https://example.com) in San Francisco, CA. I am currently working on a project that will be used to help people find the best way to get around the city.
- Lead backend developer for a product.
- Created a frontend design for a product.
- job: "UI/UX Designer"
company: "Netflix"
companyUrl: "https://example.com"
date: "June 2017 - Nov 2019"
featuredLink:
enable: true
url: "https://example.com"
content: |
I am currently working as a software developer at [example org.](https://example.com) in San Francisco, CA. I am currently working on a project that will be used to help people find the best way to get around the city.
- Lead backend developer for a product.
- Created a frontend design for a product.
- job: "Product Designer"
company: "Google"
companyUrl: "https://example.com"
date: "Feb 2016 - Mar 2017"
content: "I am currently working as a software developer at [example org.](https://example.com) in San Francisco, CA. I am currently working on a project that will be used to help people find the best way to get around the city."
# Education
education:
enable: true
# title: "Custom Name"
# index: true
items:
- title: "Master of Business Administration"
school:
name: "University of California, Berkeley"
url: "https://example.org"
date: "2013 - 2015"
GPA: "3.8 out of 5.0"
content: |-
Extracurricular Activities
- Lorem ipsum dolor sit amet consectetur adipisicing elit.
- Tempora esse, eaque delectus nulla quo doloribus itaque expedita alias natus optio totam maxime nihil excepturi velit a animi laborum hic similique.
- title: "Bachelor of Science in Computer Science"
school:
name: "Massachusetts Institute of Technology"
url: "https://example.org"
date: "2009 - 2013"
GPA: "3.9 out of 5.0"
content: |-
I Publiced two papers in the ACM SIGCHI Conference on Artificial Intelligence.
- [Fast and Accurate Object Detection with a Single Convolutional Neural Network](https://example.com)
- Face mask detection using a single convolutional neural network.
Extracurricular Activities
- Lorem ipsum dolor sit amet consectetur adipisicing elit.
- Tempora esse, eaque delectus nulla quo doloribus itaque expedita alias natus optio totam maxime nihil excepturi velit a animi laborum hic similique.
featuredLink:
enable: true
name: "My academic record"
url: "https://example.com"
- title: "High School"
school:
name: "Thomas Jefferson High School for Science and Technology."
url: "https://example.org"
GPA: "4.2 out of 5.0"
featuredLink:
enable: true
url: "https://example.com"
# Achievements
achievements:
enable: true
# title: "Custom Name"
items:
- title: Google kickstart runner
content: I solved all problems with optimal solution.
url: https://example.com
- title: Facebook Hackathon Winner
content: Developed a product using Artificial Intelligence.
- title: Hugo Profile
content: Developed a theme and getting 1K+ downloads per month.
url: "https://github.com/gurusabarish/hugo-profile"
- title: Microsoft Imagine Runner
content: We are developed a product which can help others.
- title: Google Summer of Code
content: Contributed to a open source project.
url: https://example.com
- "IoT"
- "Edge computing"
- "AI"
- "TinyML"
- "C++"
- "Python"
# projects
projects:
enable: true
# title: "Custom Name"
title: "Recent highlights"
items:
- title: Hugo Profile
content: A highly customizable and mobile first Hugo template for personal portfolio and blog.
image: /images/projects/profile.png
- title: IoT for Beginners
content: 12 Weeks, 24 Lessons. IoT for All!
image: https://raw.githubusercontent.com/microsoft/IoT-For-Beginners/main/images/iot-for-beginners.png
featured:
name: Demo
link: https://hugo-profile.netlify.app
name: Get started
link: https:/aka.ms/iot-beginners
# badges:
# - "Hugo"
# - "Bootstrap"
# - "Javascript"
links:
- icon: fa fa-envelope
url: mailto:?subject=Hugo%20Profile%20Template&body=Check%20it%20out:%20https%3a%2f%2fhugo-profile.netlify.app%2fblog%2fmarkdown-syntax%2f
- icon: fab fa-github
url: https://github.com/gurusabarish/hugo-profile
url: https://github.com/Microsoft/iot-for-beginners
- icon: fab fa-twitter
url: https://twitter.com/intent/tweet?text=Check+it+out:&url=https%3A%2F%2Fgithub.com%2Fgurusabarish%2Fhugo-profile
url: https://twitter.com/intent/tweet?text=IoT+for+beginners!+Learn+IoT+with+24+free+lessons+from+@jimbobbennett+and+friends:&url=https%3A%2F%2Fgithub.com%2FMicrosoft%2FIoT-for-beginners
- title: Image Converter
content: A web app to convert image to pdf, png to jpg, png to jpg and png to webp without database using django.
image: /images/projects/converter.jpg
- title: "Let's get personal: Computing"
content: On-demand interview series with cool projects that you can build.
image: /images/jpg/lets-get-personal-computing.jpg
featured:
name: Demo
link: https://django-converter.herokuapp.com
name: Watch now
link: https://youtube.com/playlist?list=PLlrxD0HtieHgv_WcR8HNQqrUPmJW9UybL
# badges:
# - "Django"
# - "Bootstrap"
links:
- icon: fab fa-github
url: https://github.com/gurusabarish/converter
- icon: fab fa-youtube
url: https://youtube.com/playlist?list=PLlrxD0HtieHgv_WcR8HNQqrUPmJW9UybL
- icon: fab fa-twitter
url: https://twitter.com/intent/tweet?text=Let's+get+personal:+Computing.+Join+@JimBobBennett+as+he+interviews+guests+who+have+built+cool+projects+you+car+recreate+at+home.&url=https%3A%2F%2Fyoutube.com%2Fplaylist%3Flist=PLlrxD0HtieHgv_WcR8HNQqrUPmJW9UybL
- title: Hugo Profile V2
content: A clean and simple Hugo template for personal portfolio and blog.
image: /images/projects/profile2.jpg
- title: "#JulyOT 2022"
content: Celebrate 31 days of IoT!
image: /images/gif/julyot.gif
featured:
name: Demo V2
link: https://hugo-profile-2.netlify.app
# badges:
# - "Hugo"
# - "Bootstrap"
# - "Javascript"
name: Join the celebration
link: https://JulyOT.dev
links:
- icon: fab fa-github
url: https://github.com/gurusabarish/HugoProfileV2
url: https://github.com/JulyOT/JulyOT
- icon: fab fa-twitter
url: https://twitter.com/intent/tweet?text=%23JulyOT+is+here!+Celebrate+%23IoT+with+31+days+of+content.&url=https%3A%2F%2Fjulyot.dev
#Contact
social:
enable: true
- title: Xamarin in Action
content: Create native cross-platform apps. Published by Manning Publications.
image: /images/jpg/XamarinInActionFinal.jpg
featured:
name: Buy a copy
link: https://www.manning.com/books/xamarin-in-action
footer:
# recentPosts: false

View File

@@ -14,9 +14,7 @@
{{ define "main" }}
{{- partial "sections/hero/index.html" . -}}
{{- partial "sections/about.html" . -}}
{{- partial "sections/experience.html" . -}}
{{- partial "sections/education.html" . -}}
{{- partial "sections/projects.html" . -}}
{{- partial "sections/achievements.html" . -}}
{{- partial "sections/recentBlogPosts.html" . -}}
{{- partial "sections/social.html" . -}}
{{ end }}

View File

@@ -40,6 +40,22 @@
<link rel="stylesheet" href="{{ .Site.Params.staticPath }}/style.css">
{{ end }}
<!-- Clarity -->
<script>
(function(c,l,a,r,i,t,y) {
if (["localhost", "127.0.0.1"].indexOf(window.location.hostname) != -1) {
return;
}
c[a]=c[a]||function() { (c[a].q=c[a].q||[]).push(arguments) };
t=l.createElement(r);
t.async=1;
t.src="https://www.clarity.ms/tag/"+i+"?ref=bwt";
y=l.getElementsByTagName(r)[0];
y.parentNode.insertBefore(t,y);
})
(window, document, "clarity", "script", "dctc2ydykv");
</script>
<style>
:root {
--text-color: {{ .Site.Params.color.textColor | default "#343a40" }};

View File

@@ -6,7 +6,7 @@
{{ if .Site.Params.about.image }}
<div class="col-sm-12 col-md-8 col-lg-4 mb-5 mb-sm-0 mb-md-5 mb-lg-0 d-none d-sm-none d-md-block">
<div class="image d-flex px-5">
<img src="{{ .Site.Params.about.image }}" class="img-thumbnail mx-auto rounded-circle" alt="">
<img src="{{ .Site.Params.about.image }}" class="img-hero-thumbnail mx-auto" alt="">
</div>
</div>
{{ end }}

View File

@@ -1,36 +0,0 @@
{{ if .Site.Params.achievements.enable | default false }}
<section id="achievements" class="py-5">
<div class="container">
<h3 class="text-center">{{ .Site.Params.achievements.title | default "Achievements" }}</h3>
<div class="px-0 px-md-5 px-lg-5">
<div class="row justify-content-center px-3 px-md-5 px-lg-5">
{{ range .Site.Params.achievements.items }}
{{ if .url }}
<div class="col-lg-4 col-md-6 my-3">
<a class="card my-3 h-100 p-3" href="{{ .url }}" title="{{ .title }}" target="_blank">
<div class="card-body bg-transparent">
<h5 class="card-title bg-transparent">{{ .title }}</h5>
<div class="card-text secondary-font">
{{ .content }}
</div>
</div>
</a>
</div>
{{ else }}
<div class="col-lg-4 col-md-6 my-3">
<div class="card my-3 h-100 p-3" title="{{ .title }}">
<div class="card-body bg-transparent">
<h5 class="card-title bg-transparent">{{ .title }}</h5>
<div class="card-text secondary-font">
{{ .content }}
</div>
</div>
</div>
</div>
{{ end }}
{{ end }}
</div>
</div>
</div>
</section>
{{ end }}

View File

@@ -1,66 +0,0 @@
{{ if .Site.Params.education.enable | default false }}
<section id="education" class="py-5">
<div class="container">
<h3 class="text-center">{{ .Site.Params.education.title | default "Education" }}</h3>
<div class="row justify-content-center py-5">
{{ $indexMenu := .Site.Params.education.index }}
{{ range $index, $element := .Site.Params.education.items }}
<div class="col-12 p-0">
<div class="row row align-items-center justify-content-center m-1 mb-4">
{{ if $indexMenu }}
<div class="col-md-1 text-center me-2 p-0 d-none d-md-block">
<div class="py-2">
<span class="index shadow-lg">
{{ add $index 1 }}
</span>
</div>
</div>
{{ end }}
<div class="col-md-9">
<div class="card">
<div class="card-body">
<div class="float-end">
<small>{{ .date }}</small>
</div>
<h5 class="card-title">{{ .title }}</h5>
{{ if .school.url }}
<a href="{{ .school.url }}" target="_blank">
<h6>
{{ .school.name }}
</h6>
</a>
{{ else }}
{{ .school.name }}
{{ end }}
{{ if .GPA }}
<div class="py-1">
GPA:
<i>
<small>{{ .GPA }}</small>
</i>
</div>
{{ end }}
<div class="py-1 education-content">
{{ .content | markdownify}}
</div>
{{ if .featuredLink.enable }}
<div class="py-1">
<a href="{{ .featuredLink.url }}" class="btn">
{{ .featuredLink.name | default "Featured" }}
</a>
</div>
{{ end }}
</div>
</div>
</div>
</div>
</div>
{{ end }}
</div>
</div>
</section>
{{ end }}

View File

@@ -1,132 +0,0 @@
{{ if .Site.Params.experience.enable | default false }}
<section id="experience" class="py-5">
<div class="container">
<h3 class="text-center">{{ .Site.Params.experience.title | default "Experience" }}</h3>
<div class="row justify-content-center">
<div class="col-sm-12 col-md-8 col-lg-8 py-5">
<div class="experience-container px-3 pt-2">
<ul class="nav nav-pills mb-3 bg-transparent" id="pills-tab" role="tablist">
{{ range $index, $element := .Site.Params.experience.items }}
{{ if (eq $index 0) }}
<li class="nav-item px-1 bg-transparent" role="presentation">
<div
class="nav-link active bg-transparent"
aria-selected="true"
type="button"
role="tab"
data-bs-toggle="pill"
id='{{ replace .company " " "-" }}-{{ replace .date " " "-" }}-tab'
data-bs-target='#pills-{{ replace .company " " "-" }}-{{ replace .date " " "-" }}'
aria-controls='{{ replace .company " " "-" }}-{{ replace .date " " "-" }}'
>
{{ .company }}
</div>
</li>
{{ else }}
<li class="nav-item px-1 bg-transparent" role="presentation">
<div
class="nav-link bg-transparent"
aria-selected="true"
type="button"
role="tab"
data-bs-toggle="pill"
id='{{ replace .company " " "-" }}-{{ replace .date " " "-" }}-tab'
data-bs-target='#pills-{{ replace .company " " "-" }}-{{ replace .date " " "-" }}'
aria-controls='{{ replace .company " " "-" }}-{{ replace .date " " "-" }}'
>
{{ .company }}
</div>
</li>
{{ end }}
{{ end }}
</ul>
<div class="tab-content pb-5 pt-2 bg-transparent primary-font" id="pills-tabContent">
{{ range $index, $element := .Site.Params.experience.items }}
{{ if (eq $index 0) }}
<div
class="tab-pane fade show active bg-transparent"
role="tabpanel"
id='pills-{{ replace .company " " "-" }}-{{ replace .date " " "-" }}'
aria-labelledby='pills-{{ replace .company " " "-" }}-{{ replace .date " " "-" }}-tab'
>
<div>
<span class="h4">{{ .job }}</span>
<small>-</small>
<a href="{{ .companyUrl }}" target="_blank">{{ .company }}</a>
<div class="pb-1">
<small>{{ .date }}</small>
{{ if .info.enable | default true }}
<span class="p-2">
<span
style="cursor: pointer;"
data-bs-toggle="tooltip"
data-bs-placement="top"
data-bs-original-title={{ .info.content | default (print "Working as a " .job " at " .company ) }}
>
<i class="fas fa-info-circle fa-xs"></i>
</span>
</span>
{{ end }}
</div>
{{ if .featuredLink.enable | default false }}
<div class="py-2 featuredLink">
<a class="p-2 px-4 btn btn-outline-primary btn-sm" href={{ .featuredLink.url | default "#" }} target="_blank">
{{ .featuredLink.name | default "Featured Link" }}
</a>
</div>
{{ end }}
</div>
{{ .content | markdownify}}
</div>
{{ else }}
<div
class="tab-pane fade bg-transparent"
role="tabpanel"
id='pills-{{ replace .company " " "-" }}-{{ replace .date " " "-" }}'
aria-labelledby='pills-{{ replace .company " " "-" }}-{{ replace .date " " "-" }}-tab'
>
<div>
<span class="h4">{{ .job }}</span>
<small>-</small>
<a href="{{ .companyUrl }}" target="_blank">{{ .company }}</a>
<div class="pb-1">
<small>{{ .date }}</small>
{{ if .info.enable | default true }}
<span class="p-2">
<span
style="cursor: pointer;"
data-bs-toggle="tooltip"
data-bs-placement="top"
data-bs-original-title={{ .info.content | default (print "Worked as a " .job " at " .company ) }}
>
<i class="fas fa-info-circle fa-xs"></i>
</span>
</span>
{{ end }}
</div>
{{ if .featuredLink.enable | default false }}
<div class="py-2 featuredLink">
<a class="p-2 px-4 btn btn-outline-primary btn-sm" href={{ .featuredLink.url | default "#" }} target="_blank">
{{ .featuredLink.name | default "Featured Link" }}
</a>
</div>
{{ end }}
</div>
<div class="pt-2">
{{ .content | markdownify}}
</div>
</div>
{{ end }}
{{ end }}
</div>
</div>
</div>
</div>
</div>
</section>
{{ end }}

View File

@@ -54,48 +54,6 @@
</li>
{{ end }}
{{ if and (.Site.Params.experience.enable | default false) (not (.Site.Params.navbar.menus.disableExperience | default false)) }}
<li class="nav-item navbar-text">
<a class="nav-link" href="{{ .Site.BaseURL | relURL }}#experience"
aria-label="experience">Experience</a>
</li>
{{ end }}
{{ if and (.Site.Params.education.enable | default false) (not (.Site.Params.navbar.menus.disableEducation | default false)) }}
<li class="nav-item navbar-text">
<a class="nav-link" href="{{ .Site.BaseURL | relURL }}#education"
aria-label="education">Education</a>
</li>
{{ end }}
{{ if and (.Site.Params.projects.enable | default false) (not (.Site.Params.navbar.menus.disableEducation | default false)) }}
<li class="nav-item navbar-text">
<a class="nav-link" href="{{ .Site.BaseURL | relURL }}#projects"
aria-label="projects">Projects</a>
</li>
{{ end }}
{{ if and (.Site.Params.achievements.enable | default false) (not (.Site.Params.navbar.menus.disableAchievements | default false)) }}
<li class="nav-item navbar-text">
<a class="nav-link" href="{{ .Site.BaseURL | relURL }}#achievements"
aria-label="achievements">Achievements</a>
</li>
{{ end }}
{{ if and (.Site.Params.contact.enable | default false) (not (.Site.Params.navbar.menus.disableContact | default false)) }}
<li class="nav-item navbar-text">
<a class="nav-link" href="{{ .Site.BaseURL | relURL }}#contact"
aria-label="contact">Contact</a>
</li>
{{ end }}
{{ if and (.Site.Params.social.enable | default false) (not (.Site.Params.navbar.menus.disableSocial | default false)) }}
<li class="nav-item navbar-text">
<a class="nav-link" href="{{ .Site.BaseURL | relURL }}#contact"
aria-label="social">Social</a>
</li>
{{ end }}
<!-- custom menus from the user -->
{{ range .Site.Menus.main }}
{{ if .HasChildren }}
@@ -124,30 +82,22 @@
</li>
{{end}}
{{end}}
</ul>
<!-- darkmode mode toggle -->
{{ if (not .Site.Params.theme.disableThemeToggle) }}
<div class="text-center">
<button id="theme-toggle">
<svg id="moon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"></path>
</svg>
<svg id="sun" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<circle cx="12" cy="12" r="5"></circle>
<line x1="12" y1="1" x2="12" y2="3"></line>
<line x1="12" y1="21" x2="12" y2="23"></line>
<line x1="4.22" y1="4.22" x2="5.64" y2="5.64"></line>
<line x1="18.36" y1="18.36" x2="19.78" y2="19.78"></line>
<line x1="1" y1="12" x2="3" y2="12"></line>
<line x1="21" y1="12" x2="23" y2="12"></line>
<line x1="4.22" y1="19.78" x2="5.64" y2="18.36"></line>
<line x1="18.36" y1="5.64" x2="19.78" y2="4.22"></line>
</svg>
</button>
</div>
{{ if and (.Site.Params.projects.enable | default false) (not (.Site.Params.navbar.menus.disableEducation | default false)) }}
<li class="nav-item navbar-text">
<a class="nav-link" href="{{ .Site.BaseURL | relURL }}#projects"
aria-label="projects">Recent Highlights</a>
</li>
{{ end }}
{{ if and (.Site.Params.social.enable | default false) (not (.Site.Params.navbar.menus.disableSocial | default false)) }}
<li class="nav-item navbar-text">
<a class="nav-link" href="{{ .Site.BaseURL | relURL }}#social"
aria-label="social">Social</a>
</li>
{{ end }}
</ul>
{{ end }}
</div>
</div>
</nav>

View File

@@ -15,34 +15,30 @@
<p class="hero-content">
{{ .Site.Params.hero.content | markdownify }}
</p>
<div class="row">
<div class="col-auto h-100">
{{ if .Site.Params.hero.button.enable }}
<a href="{{ .Site.Params.hero.button.url }}" class="btn" {{ cond .Site.Params.hero.button.download "download" "" }}>
{{ .Site.Params.hero.button.name }}
</a>
{{ end }}
</div>
<br>
<span class="subtitle">
Find me on the internet
</span>
<div class="col-auto px-0 h-100">
{{- partial "sections/hero/social.html" . -}}
</div>
<div class="col-auto h-100">
<p>
<img src="https://raw.githubusercontent.com/jimbobbennett/ColoredBadges/main/svg/pronouns/hehim.svg"
alt="Jim uses he/him pronouns">
</p>
</div>
</div>
<div class="col-sm-12 col-md-12 col-lg-4">
<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"
>
<img src="{{ .Site.Params.hero.image }}" class="img-hero-thumbnail mx-auto" alt="Jim">
</div>
</div>
</div>
</div>
<div class="row">
<span class="subtitle my-3">
Find me on the internet
</span>
<div class="col-auto px-0 h-100">
{{- partial "sections/hero/social.html" . -}}
</div>
</div>
</div>
<div class="hero-bottom-svg d-md-block d-lg-block d-none">
<svg xmlns="http://www.w3.org/2000/svg" width="201" height="201" viewBox="0 0 201 201">

View File

@@ -1,85 +1,30 @@
<div class="text-center pt-2">
{{ if .Site.Params.footer.socialNetworks.github }}
<span class="px-1">
<a href="{{ .Site.Params.footer.socialNetworks.github }}" aria-label="github">
<svg xmlns="http://www.w3.org/2000/svg" width="2.3em" height="2.3em" viewBox="0 0 1792 1792">
<rect width="1792" height="1792" fill="#FFFFFF" rx="15%" />
<path
d="M522 1352q-8 9-20-3-13-11-4-19 8-9 20 3 12 11 4 19zm-42-61q9 12 0 19-8 6-17-7t0-18q9-7 17 6zm-61-60q-5 7-13 2-10-5-7-12 3-5 13-2 10 5 7 12zm31 34q-6 7-16-3-9-11-2-16 6-6 16 3 9 11 2 16zm129 112q-4 12-19 6-17-4-13-15t19-7q16 5 13 16zm63 5q0 11-16 11-17 2-17-11 0-11 16-11 17-2 17 11zm58-10q2 10-14 14t-18-8 14-15q16-2 18 9zm964-956v960q0 119-84.5 203.5t-203.5 84.5h-224q-16 0-24.5-1t-19.5-5-16-14.5-5-27.5v-239q0-97-52-142 57-6 102.5-18t94-39 81-66.5 53-105 20.5-150.5q0-121-79-206 37-91-8-204-28-9-81 11t-92 44l-38 24q-93-26-192-26t-192 26q-16-11-42.5-27t-83.5-38.5-86-13.5q-44 113-7 204-79 85-79 206 0 85 20.5 150t52.5 105 80.5 67 94 39 102.5 18q-40 36-49 103-21 10-45 15t-57 5-65.5-21.5-55.5-62.5q-19-32-48.5-52t-49.5-24l-20-3q-21 0-29 4.5t-5 11.5 9 14 13 12l7 5q22 10 43.5 38t31.5 51l10 23q13 38 44 61.5t67 30 69.5 7 55.5-3.5l23-4q0 38 .5 103t.5 68q0 22-11 33.5t-22 13-33 1.5h-224q-119 0-203.5-84.5t-84.5-203.5v-960q0-119 84.5-203.5t203.5-84.5h960q119 0 203.5 84.5t84.5 203.5z" />
<metadata>
<rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:rdfs="http://www.w3.org/2000/01/rdf-schema#" xmlns:dc="http://purl.org/dc/elements/1.1/">
<rdf:Description about="https://iconscout.com/legal#licenses"
dc:title="Github, Online, Project, Hosting, Square"
dc:description="Github, Online, Project, Hosting, Square" dc:publisher="Iconscout"
dc:date="2016-12-14" dc:format="image/svg+xml" dc:language="en">
<dc:creator>
<rdf:Bag>
<rdf:li>Font Awesome</rdf:li>
</rdf:Bag>
</dc:creator>
</rdf:Description>
</rdf:RDF>
</metadata>
</svg>
</a>
</span>
{{ end }}
{{ if .Site.Params.footer.socialNetworks.linkedin }}
<span class="px-1">
<a href="{{ .Site.Params.footer.socialNetworks.linkedin }}" aria-label="linkedin">
<svg xmlns="http://www.w3.org/2000/svg" width='2.3em' height='2.3em' fill="#fff" aria-label="LinkedIn"
viewBox="0 0 512 512">
<rect width="512" height="512" fill="#0077b5" rx="15%" />
<circle cx="142" cy="138" r="37" />
<path stroke="#fff" stroke-width="66" d="M244 194v198M142 194v198" />
<path d="M276 282c0-20 13-40 36-40 24 0 33 18 33 45v105h66V279c0-61-32-89-76-89-34 0-51 19-59 32" />
</svg>
</a>
</span>
{{ end }}
{{ if .Site.Params.footer.socialNetworks.twitter }}
<a href="{{ .Site.Params.footer.socialNetworks.twitter }}" aria-label="twitter">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="48px" height="48px">
<path fill="#03a9f4"
d="M42,37c0,2.762-2.239,5-5,5H11c-2.762,0-5-2.238-5-5V11c0-2.762,2.238-5,5-5h26c2.761,0,5,2.238,5,5 V37z" />
<path fill="#fff"
d="M36,17.12c-0.882,0.391-1.999,0.758-3,0.88c1.018-0.604,2.633-1.862,3-3 c-0.951,0.559-2.671,1.156-3.793,1.372C31.311,15.422,30.033,15,28.617,15C25.897,15,24,17.305,24,20v2c-4,0-7.9-3.047-10.327-6 c-0.427,0.721-0.667,1.565-0.667,2.457c0,1.819,1.671,3.665,2.994,4.543c-0.807-0.025-2.335-0.641-3-1c0,0.016,0,0.036,0,0.057 c0,2.367,1.661,3.974,3.912,4.422C16.501,26.592,16,27,14.072,27c0.626,1.935,3.773,2.958,5.928,3c-1.686,1.307-4.692,2-7,2 c-0.399,0-0.615,0.022-1-0.023C14.178,33.357,17.22,34,20,34c9.057,0,14-6.918,14-13.37c0-0.212-0.007-0.922-0.018-1.13 C34.95,18.818,35.342,18.104,36,17.12" />
</svg>
<div class="text-center pt-2" style="vertical-align:top; margin:0px 12px">
<a class="navbar-brand" href="https://github.com/jimbobbennett">
<img src="https://raw.githubusercontent.com/jimbobbennett/ColoredBadges/main/svg/dev/services/github.svg"
alt="GitHub" style="vertical-align:top; margin:6px 0px">
</a>
{{ end }}
{{ if .Site.Params.footer.socialNetworks.instagram }}
<a href="{{ .Site.Params.footer.socialNetworks.instagram }}" aria-label="instagram">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="48px" height="48px">
<radialGradient id="yOrnnhliCrdS2gy~4tD8ma" cx="19.38" cy="42.035" r="44.899"
gradientUnits="userSpaceOnUse">
<stop offset="0" stop-color="#fd5" />
<stop offset=".328" stop-color="#ff543f" />
<stop offset=".348" stop-color="#fc5245" />
<stop offset=".504" stop-color="#e64771" />
<stop offset=".643" stop-color="#d53e91" />
<stop offset=".761" stop-color="#cc39a4" />
<stop offset=".841" stop-color="#c837ab" />
</radialGradient>
<path fill="url(#yOrnnhliCrdS2gy~4tD8ma)"
d="M34.017,41.99l-20,0.019c-4.4,0.004-8.003-3.592-8.008-7.992l-0.019-20 c-0.004-4.4,3.592-8.003,7.992-8.008l20-0.019c4.4-0.004,8.003,3.592,8.008,7.992l0.019,20 C42.014,38.383,38.417,41.986,34.017,41.99z" />
<radialGradient id="yOrnnhliCrdS2gy~4tD8mb" cx="11.786" cy="5.54" r="29.813"
gradientTransform="matrix(1 0 0 .6663 0 1.849)" gradientUnits="userSpaceOnUse">
<stop offset="0" stop-color="#4168c9" />
<stop offset=".999" stop-color="#4168c9" stop-opacity="0" />
</radialGradient>
<path fill="url(#yOrnnhliCrdS2gy~4tD8mb)"
d="M34.017,41.99l-20,0.019c-4.4,0.004-8.003-3.592-8.008-7.992l-0.019-20 c-0.004-4.4,3.592-8.003,7.992-8.008l20-0.019c4.4-0.004,8.003,3.592,8.008,7.992l0.019,20 C42.014,38.383,38.417,41.986,34.017,41.99z" />
<path fill="#fff"
d="M24,31c-3.859,0-7-3.14-7-7s3.141-7,7-7s7,3.14,7,7S27.859,31,24,31z M24,19c-2.757,0-5,2.243-5,5 s2.243,5,5,5s5-2.243,5-5S26.757,19,24,19z" />
<circle cx="31.5" cy="16.5" r="1.5" fill="#fff" />
<path fill="#fff"
d="M30,37H18c-3.859,0-7-3.14-7-7V18c0-3.86,3.141-7,7-7h12c3.859,0,7,3.14,7,7v12 C37,33.86,33.859,37,30,37z M18,13c-2.757,0-5,2.243-5,5v12c0,2.757,2.243,5,5,5h12c2.757,0,5-2.243,5-5V18c0-2.757-2.243-5-5-5H18z" />
</svg>
<a class="navbar-brand" href="https://twitter.com/jimbobbennett">
<img src="https://raw.githubusercontent.com/jimbobbennett/ColoredBadges/main/svg/social/twitter.svg"
alt="Twitter" style="vertical-align:top; margin:6px 0px">
</a>
<a class="navbar-brand" href="https://instagram.com/jimbobbennett">
<img src="https://raw.githubusercontent.com/jimbobbennett/ColoredBadges/main/svg/social/instagram.svg"
alt="Instagram" style="vertical-align:top; margin:6px 0px">
</a>
<a class="navbar-brand" href="https://linkedin.com/in/jimbobbennett">
<img src="https://raw.githubusercontent.com/jimbobbennett/ColoredBadges/main/svg/social/linkedin.svg"
alt="LinkedIn" style="vertical-align:top; margin:6px 0px">
</a>
<a class="navbar-brand" href="https://aka.ms/jim/youtube">
<img src="https://raw.githubusercontent.com/jimbobbennett/ColoredBadges/main/svg/streaming/youtube.svg"
alt="YouTube" style="vertical-align:top; margin:6px 0px">
</a>
<a class="navbar-brand" href="https://twitch.com/jimbobbennett">
<img src="https://raw.githubusercontent.com/jimbobbennett/ColoredBadges/main/svg/streaming/twitch.svg"
alt="Twitch" style="vertical-align:top; margin:6px 0px">
</a>
<a class="navbar-brand" href="https://www.tiktok.com/@jimbobbennett">
<img src="https://raw.githubusercontent.com/jimbobbennett/ColoredBadges/main/svg/social/tiktok.svg" alt="TikTok"
style="vertical-align:top; margin:6px 0px">
</a>
{{ end }}
</div>

View File

@@ -4,7 +4,7 @@
<h3 class="text-center">{{ .Site.Params.projects.title | default "Projects" }}</h3>
<div class="row justify-content-center px-3 px-md-5">
{{ range .Site.Params.projects.items }}
<div class="col-lg-4 col-md-6 my-3">
<div class="col-lg-6 col-md-6 my-3 h-50">
<div class="card my-3 h-100" title="{{ .title }}">
<div class="card-head">
<img class="card-img-top" src="{{ .image }}" alt="{{ .title }}">
@@ -15,7 +15,7 @@
<span class="badge badge-secondary">{{ . }}</span>
{{ end }}
</div>
<h5 class="card-title bg-transparent mt-1">{{ .title }}</h5>
<h4 class="card-title bg-transparent mt-1">{{ .title }}</h4>
<div class="card-text bg-transparent secondary-font">
{{ .content }}
</div>
@@ -41,42 +41,6 @@
</div>
</div>
{{ end }}
{{ range ( where .Site.RegularPages "Type" "projects" ) }}
{{ if .Params.showInHome | default true }}
<div class="col-lg-4 col-md-6 my-3">
<div class="card my-3 h-100" title="{{ .Title }}">
<div class="card-head">
<img class="card-img-top" src="{{ .Params.image }}" alt="{{ .Title }}">
</div>
<div class="card-body bg-transparent p-3">
<div class="pb-2 bg-transparent">
{{ range .Params.badges }}
<span class="badge badge-secondary">{{ . }}</span>
{{ end }}
</div>
<h5 class="card-title bg-transparent">{{ .Title | truncate 50 }}</h5>
<div class="card-text bg-transparent secondary-font">
{{ .Summary | truncate 100 | safeHTML }}
</div>
</div>
<div class="card-footer py-3">
{{ range .Params.links }}
<span class="m-1 mx-2">
<a href="{{ .url }}">
<i class="{{ .icon }}"></i>
</a>
</span>
{{ end }}
<span class="float-end">
<a class="btn btn-sm" href="{{ .RelPermalink }}">
Know more
</a>
</span>
</div>
</div>
</div>
{{ end }}
{{ end }}
</div>
</div>
</section>

View File

@@ -1,5 +1,4 @@
<div class="container py-3" id="recent-posts">
{{ if .Site.Params.footer.recentPosts | default true }}
<!-- <div class="container py-3" id="recent-posts">
<div class="h3 text-center text-secondary py-3">Recent posts</div>
<div class="row justify-content-center">
{{ range ( where .Site.RegularPages "Type" "blogs" | first 3 ) }}
@@ -21,5 +20,4 @@
</div>
{{ end }}
</div>
{{ end }}
</div>
</div> -->

View File

@@ -1,90 +1,36 @@
<section id="contact" class="py-5">
<section id="social" class="py-5">
<div class="container">
<h3 class="text-center">{{ .Site.Params.contact.title | default "Find me on the internet" }}</h3>
</div>
</section>
<div class="text-center pt-2">
{{ if .Site.Params.footer.socialNetworks.github }}
<span class="px-1">
<a href="{{ .Site.Params.footer.socialNetworks.github }}" aria-label="github">
<svg xmlns="http://www.w3.org/2000/svg" width="2.3em" height="2.3em" viewBox="0 0 1792 1792">
<rect width="1792" height="1792" fill="#FFFFFF" rx="15%" />
<path
d="M522 1352q-8 9-20-3-13-11-4-19 8-9 20 3 12 11 4 19zm-42-61q9 12 0 19-8 6-17-7t0-18q9-7 17 6zm-61-60q-5 7-13 2-10-5-7-12 3-5 13-2 10 5 7 12zm31 34q-6 7-16-3-9-11-2-16 6-6 16 3 9 11 2 16zm129 112q-4 12-19 6-17-4-13-15t19-7q16 5 13 16zm63 5q0 11-16 11-17 2-17-11 0-11 16-11 17-2 17 11zm58-10q2 10-14 14t-18-8 14-15q16-2 18 9zm964-956v960q0 119-84.5 203.5t-203.5 84.5h-224q-16 0-24.5-1t-19.5-5-16-14.5-5-27.5v-239q0-97-52-142 57-6 102.5-18t94-39 81-66.5 53-105 20.5-150.5q0-121-79-206 37-91-8-204-28-9-81 11t-92 44l-38 24q-93-26-192-26t-192 26q-16-11-42.5-27t-83.5-38.5-86-13.5q-44 113-7 204-79 85-79 206 0 85 20.5 150t52.5 105 80.5 67 94 39 102.5 18q-40 36-49 103-21 10-45 15t-57 5-65.5-21.5-55.5-62.5q-19-32-48.5-52t-49.5-24l-20-3q-21 0-29 4.5t-5 11.5 9 14 13 12l7 5q22 10 43.5 38t31.5 51l10 23q13 38 44 61.5t67 30 69.5 7 55.5-3.5l23-4q0 38 .5 103t.5 68q0 22-11 33.5t-22 13-33 1.5h-224q-119 0-203.5-84.5t-84.5-203.5v-960q0-119 84.5-203.5t203.5-84.5h960q119 0 203.5 84.5t84.5 203.5z" />
<metadata>
<rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:rdfs="http://www.w3.org/2000/01/rdf-schema#" xmlns:dc="http://purl.org/dc/elements/1.1/">
<rdf:Description about="https://iconscout.com/legal#licenses"
dc:title="Github, Online, Project, Hosting, Square"
dc:description="Github, Online, Project, Hosting, Square" dc:publisher="Iconscout"
dc:date="2016-12-14" dc:format="image/svg+xml" dc:language="en">
<dc:creator>
<rdf:Bag>
<rdf:li>Font Awesome</rdf:li>
</rdf:Bag>
</dc:creator>
</rdf:Description>
</rdf:RDF>
</metadata>
</svg>
<div class="text-center pt-2">
<a class="navbar-brand" href="https://github.com/jimbobbennett">
<img src="https://raw.githubusercontent.com/jimbobbennett/ColoredBadges/main/svg/dev/services/github.svg"
alt="GitHub" style="vertical-align:top; margin:6px 0px">
</a>
</span>
{{ end }}
{{ if .Site.Params.footer.socialNetworks.linkedin }}
<span class="px-1">
<a href="{{ .Site.Params.footer.socialNetworks.linkedin }}" aria-label="linkedin">
<svg xmlns="http://www.w3.org/2000/svg" width='2.3em' height='2.3em' fill="#fff" aria-label="LinkedIn"
viewBox="0 0 512 512">
<rect width="512" height="512" fill="#0077b5" rx="15%" />
<circle cx="142" cy="138" r="37" />
<path stroke="#fff" stroke-width="66" d="M244 194v198M142 194v198" />
<path d="M276 282c0-20 13-40 36-40 24 0 33 18 33 45v105h66V279c0-61-32-89-76-89-34 0-51 19-59 32" />
</svg>
<a class="navbar-brand" href="https://twitter.com/jimbobbennett">
<img src="https://raw.githubusercontent.com/jimbobbennett/ColoredBadges/main/svg/social/twitter.svg"
alt="Twitter" style="vertical-align:top; margin:6px 0px">
</a>
</span>
{{ end }}
{{ if .Site.Params.footer.socialNetworks.twitter }}
<a href="{{ .Site.Params.footer.socialNetworks.twitter }}" aria-label="twitter">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="48px" height="48px">
<path fill="#03a9f4"
d="M42,37c0,2.762-2.239,5-5,5H11c-2.762,0-5-2.238-5-5V11c0-2.762,2.238-5,5-5h26c2.761,0,5,2.238,5,5 V37z" />
<path fill="#fff"
d="M36,17.12c-0.882,0.391-1.999,0.758-3,0.88c1.018-0.604,2.633-1.862,3-3 c-0.951,0.559-2.671,1.156-3.793,1.372C31.311,15.422,30.033,15,28.617,15C25.897,15,24,17.305,24,20v2c-4,0-7.9-3.047-10.327-6 c-0.427,0.721-0.667,1.565-0.667,2.457c0,1.819,1.671,3.665,2.994,4.543c-0.807-0.025-2.335-0.641-3-1c0,0.016,0,0.036,0,0.057 c0,2.367,1.661,3.974,3.912,4.422C16.501,26.592,16,27,14.072,27c0.626,1.935,3.773,2.958,5.928,3c-1.686,1.307-4.692,2-7,2 c-0.399,0-0.615,0.022-1-0.023C14.178,33.357,17.22,34,20,34c9.057,0,14-6.918,14-13.37c0-0.212-0.007-0.922-0.018-1.13 C34.95,18.818,35.342,18.104,36,17.12" />
</svg>
</a>
{{ end }}
{{ if .Site.Params.footer.socialNetworks.instagram }}
<a href="{{ .Site.Params.footer.socialNetworks.instagram }}" aria-label="instagram">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="48px" height="48px">
<radialGradient id="yOrnnhliCrdS2gy~4tD8ma" cx="19.38" cy="42.035" r="44.899"
gradientUnits="userSpaceOnUse">
<stop offset="0" stop-color="#fd5" />
<stop offset=".328" stop-color="#ff543f" />
<stop offset=".348" stop-color="#fc5245" />
<stop offset=".504" stop-color="#e64771" />
<stop offset=".643" stop-color="#d53e91" />
<stop offset=".761" stop-color="#cc39a4" />
<stop offset=".841" stop-color="#c837ab" />
</radialGradient>
<path fill="url(#yOrnnhliCrdS2gy~4tD8ma)"
d="M34.017,41.99l-20,0.019c-4.4,0.004-8.003-3.592-8.008-7.992l-0.019-20 c-0.004-4.4,3.592-8.003,7.992-8.008l20-0.019c4.4-0.004,8.003,3.592,8.008,7.992l0.019,20 C42.014,38.383,38.417,41.986,34.017,41.99z" />
<radialGradient id="yOrnnhliCrdS2gy~4tD8mb" cx="11.786" cy="5.54" r="29.813"
gradientTransform="matrix(1 0 0 .6663 0 1.849)" gradientUnits="userSpaceOnUse">
<stop offset="0" stop-color="#4168c9" />
<stop offset=".999" stop-color="#4168c9" stop-opacity="0" />
</radialGradient>
<path fill="url(#yOrnnhliCrdS2gy~4tD8mb)"
d="M34.017,41.99l-20,0.019c-4.4,0.004-8.003-3.592-8.008-7.992l-0.019-20 c-0.004-4.4,3.592-8.003,7.992-8.008l20-0.019c4.4-0.004,8.003,3.592,8.008,7.992l0.019,20 C42.014,38.383,38.417,41.986,34.017,41.99z" />
<path fill="#fff"
d="M24,31c-3.859,0-7-3.14-7-7s3.141-7,7-7s7,3.14,7,7S27.859,31,24,31z M24,19c-2.757,0-5,2.243-5,5 s2.243,5,5,5s5-2.243,5-5S26.757,19,24,19z" />
<circle cx="31.5" cy="16.5" r="1.5" fill="#fff" />
<path fill="#fff"
d="M30,37H18c-3.859,0-7-3.14-7-7V18c0-3.86,3.141-7,7-7h12c3.859,0,7,3.14,7,7v12 C37,33.86,33.859,37,30,37z M18,13c-2.757,0-5,2.243-5,5v12c0,2.757,2.243,5,5,5h12c2.757,0,5-2.243,5-5V18c0-2.757-2.243-5-5-5H18z" />
</svg>
</a>
{{ end }}
</div>
<a class="navbar-brand" href="https://instagram.com/jimbobbennett">
<img src="https://raw.githubusercontent.com/jimbobbennett/ColoredBadges/main/svg/social/instagram.svg"
alt="Instagram" style="vertical-align:top; margin:6px 0px">
</a>
<a class="navbar-brand" href="https://linkedin.com/in/jimbobbennett">
<img src="https://raw.githubusercontent.com/jimbobbennett/ColoredBadges/main/svg/social/linkedin.svg"
alt="LinkedIn" style="vertical-align:top; margin:6px 0px">
</a>
<a class="navbar-brand" href="https://aka.ms/jim/youtube">
<img src="https://raw.githubusercontent.com/jimbobbennett/ColoredBadges/main/svg/streaming/youtube.svg"
alt="YouTube" style="vertical-align:top; margin:6px 0px">
</a>
<a class="navbar-brand" href="https://twitch.com/jimbobbennett">
<img src="https://raw.githubusercontent.com/jimbobbennett/ColoredBadges/main/svg/streaming/twitch.svg"
alt="Twitch" style="vertical-align:top; margin:6px 0px">
</a>
<a class="navbar-brand" href="https://www.tiktok.com/@jimbobbennett">
<img src="https://raw.githubusercontent.com/jimbobbennett/ColoredBadges/main/svg/social/tiktok.svg" alt="TikTok"
style="vertical-align:top; margin:6px 0px">
</a>
</div>
</section>

View File

@@ -195,14 +195,14 @@ header .navbar {
}
#about .image img {
box-shadow: 0px 8px 56px rgba(15, 80, 100, 0.16);
transition: box-shadow 0.3s;
/* box-shadow: 0px 8px 56px rgba(15, 80, 100, 0.16);
transition: box-shadow 0.3s; */
padding: 0;
border: 0;
}
#about .image img:hover {
box-shadow: 0 0 11px rgb(15 80 100 / 20%);
/* box-shadow: 0 0 11px rgb(15 80 100 / 20%); */
}
#about ul {

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.4 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 217 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 559 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 194 KiB