jason/ja.son-williams.ca
jason/ja.son-williams.ca
1
0
Fork 0
Code Issues 23 Pull Requests Projects 1 Wiki Activity

Adding press section to resume

Browse Source
This commit is contained in:
JayWll 2020-05-23 17:08:24 -06:00
parent 174100e0bd
commit 5d19cdc897
9 changed files with 135 additions and 32 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
www/themes/jason-williamsca/assets/css/resume.css
View File

@ -9,10 +9,15 @@ h2 {
font-size: 1.5rem; font-size: 1.5rem;
} }
h1 + h2 { h1 + h2, h2:first-child {
margin-top: 0; margin-top: 0;
} }
h3 {
font-size: 1rem;
color: var(--dark-alt-accent-color);
}
section h1:first-child { section h1:first-child {
margin-top: 0; margin-top: 0;
} }
@ -46,6 +51,10 @@ section.resume-section .resume-item .resume-date {
min-width: 18rem; min-width: 18rem;
} }
.text-primary {
color: var(--dark-alt-accent-color)!important;
}
/* lg Breakpoint */ /* lg Breakpoint */
@media (min-width: 992px) { @media (min-width: 992px) {
section.resume-section { section.resume-section {

6
www/themes/jason-williamsca/assets/css/sidemenu.css
View File

@ -54,11 +54,9 @@
#side-nav .navbar-collapse .navbar-nav .nav-item .nav-link { #side-nav .navbar-collapse .navbar-nav .nav-item .nav-link {
display: block; display: block;
} }
/*section.resume-section { }
max-width: 75rem;
}*/
/* Possibly a different breakpoint on this one */ @media (min-width: 992px) and (min-height: 620px) {
main { main {
margin-top: -8rem; margin-top: -8rem;
} }

13
www/themes/jason-williamsca/assets/css/theme.css
View File

@ -3,6 +3,8 @@
--main-bg-color: #E7D9D1; /*#F0E4D1; #E8D5B5; #e7d9d1;*/ --main-bg-color: #E7D9D1; /*#F0E4D1; #E8D5B5; #e7d9d1;*/
--main-accent-color: #302b44; --main-accent-color: #302b44;
--light-accent-color: #686283; --light-accent-color: #686283;
--xlight-accent-color: #88839C;
--xxlight-accent-color: #FFFFFF;
--alt-accent-color: #B05C71; --alt-accent-color: #B05C71;
--dark-alt-accent-color: #913A50; --dark-alt-accent-color: #913A50;
--title-font: 'Cinzel', serif; --title-font: 'Cinzel', serif;
@ -96,7 +98,7 @@ a:hover {
} }
/* Custom styles */ /* Custom styles */
html { overflow-y: scroll; } html { overflow-x: hidden; overflow-y: scroll; }
html::-webkit-scrollbar-track { html::-webkit-scrollbar-track {
background-color: rgba(48, 43, 68, 0.2); background-color: rgba(48, 43, 68, 0.2);
@ -125,6 +127,15 @@ html::-webkit-scrollbar-thumb {
color: var(--alt-accent-color); color: var(--alt-accent-color);
} }
#side-nav .nav-link, footer a {
text-decoration: none;
color: var(--xlight-accent-color);
}
#side-nav .nav-link:hover, #side-nav .nav-link.active, footer a:hover, footer a.active {
color: var(--xxlight-accent-color);
}
.social-icons { .social-icons {
font-size: 0; font-size: 0;
} }

BIN
www/themes/jason-williamsca/assets/images/theme-preview.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 98 KiB

After

Width:  |  Height:  |  Size: 51 KiB

8
www/themes/jason-williamsca/assets/javascript/resume.js
View File

@ -2,9 +2,11 @@
"use strict"; // Start of use strict "use strict"; // Start of use strict
// Apply masonry layout to cards // Apply masonry layout to cards
$('.masonry').masonry({ $('.masonry').each(function() {
itemSelector: '.masonry-wrapper' var opts = { itemSelector: '.masonry-wrapper' }
}); if ($(this).children().length < 6) opts.horizontalOrder = true
$(this).masonry(opts)
})
// Smooth scrolling using jQuery easing // Smooth scrolling using jQuery easing
$('a.js-scroll-trigger[href*="#"]:not([href="#"])').click(function() { $('a.js-scroll-trigger[href*="#"]:not([href="#"])').click(function() {

2
www/themes/jason-williamsca/layouts/default.htm
View File

@ -19,7 +19,7 @@ description = "Default Layout"
<link rel="icon" type="image/png" sizes="16x16" href="{{ 'assets/images/favicon-16x16.png'|theme }}"> <link rel="icon" type="image/png" sizes="16x16" href="{{ 'assets/images/favicon-16x16.png'|theme }}">
<title>{{ this.page.title }} - Ja.son-Williams.ca</title> <title>{{ this.page.title }} - Ja.son-Williams.ca</title>
</head> </head>
<body class="d-flex flex-column"> <body id="page-top" class="d-flex flex-column">
<div id="page-content"> <div id="page-content">
<header> <header>
<nav class="navbar navbar-expand-lg navbar-light" id="main-nav"> <nav class="navbar navbar-expand-lg navbar-light" id="main-nav">

2
www/themes/jason-williamsca/layouts/sidesubmenu.htm
View File

@ -18,7 +18,7 @@ description = "Page with a Submenu"
<link rel="icon" type="image/png" sizes="16x16" href="{{ 'assets/images/favicon-16x16.png'|theme }}"> <link rel="icon" type="image/png" sizes="16x16" href="{{ 'assets/images/favicon-16x16.png'|theme }}">
<title>{{ this.page.title }} - Ja.son-Williams.ca</title> <title>{{ this.page.title }} - Ja.son-Williams.ca</title>
</head> </head>
<body class="d-flex flex-column"> <body id="page-top" class="d-flex flex-column">
<div id="page-content"> <div id="page-content">
<header> <header>
<nav class="navbar navbar-expand-lg navbar-light" id="main-nav"> <nav class="navbar navbar-expand-lg navbar-light" id="main-nav">

119
www/themes/jason-williamsca/pages/resume.htm
View File

@ -14,11 +14,10 @@ function onStart()
} }
?> ?>
== ==
<a id="page-top"></a>
<section class="resume-section d-flex align-items-center" id="summary"> <section class="resume-section d-flex align-items-center" id="summary">
<div class="w-100"> <div class="w-100">
<h1 class="master">Jason <span class="altaccent">Williams</span></h1> <h1 class="master">Jason <span class="altaccent">Williams</span></h1>
<div class="subheading mt-n1 mb-5">4<sup>th</sup> Floor, 1207 11 Ave SW · Calgary, AB, T3C 0M5 · <a href="tel:+15872888242">(587) 288-8242</a> · <a href="/contact">&#106;&#64;&#115;&#111;&#110;&#45;&#119;&#105;&#108;&#108;&#105;&#97;&#109;&#115;&#46;&#99;&#97;</a> <div class="mt-n1 mb-5">4<sup>th</sup> Floor, 1207 11 Ave SW · Calgary, AB, T3C 0M5 · <a href="tel:+15872888242">(587) 288-8242</a> · <a href="/contact">&#106;&#64;&#115;&#111;&#110;&#45;&#119;&#105;&#108;&#108;&#105;&#97;&#109;&#115;&#46;&#99;&#97;</a>
</div> </div>
<p class="main">I've built my career on the notion that <em>how</em> work gets done is as impactful to results as <em>what</em> that work is. Most recently I've been leading <a href="https://www.mckinsey.com/business-functions/mckinsey-digital/our-insights/intelligent-process-automation-the-engine-at-the-core-of-the-next-generation-operating-model">intelligent process automation</a> work: I build robots for a living.</p> <p class="main">I've built my career on the notion that <em>how</em> work gets done is as impactful to results as <em>what</em> that work is. Most recently I've been leading <a href="https://www.mckinsey.com/business-functions/mckinsey-digital/our-insights/intelligent-process-automation-the-engine-at-the-core-of-the-next-generation-operating-model">intelligent process automation</a> work: I build robots for a living.</p>
@ -129,19 +128,52 @@ function onStart()
<section class="resume-section d-flex align-items-center" id="experience"> <section class="resume-section d-flex align-items-center" id="experience">
<div class="w-100"> <div class="w-100">
<h1>Experience Highlights</h1> <h1 class="mb-0">Experience Highlights</h1>
<p class="mb-5 ml-1"><i class="fab fa-linkedin"></i> See more of my career experience on <a href="#">my LinkedIn profile</a>.</p>
<div class="resume-item d-flex flex-column flex-md-row justify-content-between mb-5"> <div class="resume-item d-flex flex-column flex-md-row justify-content-between mb-5">
<div class="resume-content"> <div class="resume-content">
<h3 class="mb-0">Senior Web Developer</h3> <h2 class="mb-0">Senior Manager, Intelligent Process Automation</h2>
<div class="subheading mb-3">Intelitec Solutions</div> <h3 class="mb-3">ATB Financial · Calgary, Canada</h3>
<p>Bring to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation X is on the runway heading towards a streamlined cloud solution. User generated content in real-time will have multiple touchpoints for offshoring.</p> <p>Blurb</p>
</div>
<div class="resume-date text-md-right">
<span class="text-primary">January 2018 - Present</span>
</div>
</div>
<div class="resume-item d-flex flex-column flex-md-row justify-content-between mb-5">
<div class="resume-content">
<h2 class="mb-0">Project Manager, Retail Financial Services</h2>
<h3 class="mb-3">ATB Financial · Calgary, Canada</h3>
<p>Blurb</p>
</div>
<div class="resume-date text-md-right">
<span class="text-primary">March 2013 - September 2017</span>
</div>
</div>
<div class="resume-item d-flex flex-column flex-md-row justify-content-between mb-5">
<div class="resume-content">
<h2 class="mb-0">Senior Business Analyst, Business Transformation</h2>
<h3 class="mb-3">ATB Financial · Calgary, Canada</h3>
<p>Blurb</p>
</div>
<div class="resume-date text-md-right">
<span class="text-primary">May 2013 - November 2014</span>
</div>
</div>
<div class="resume-item d-flex flex-column flex-md-row justify-content-between mb-5">
<div class="resume-content">
<h2 class="mb-0">Business Banking Specialist</h2>
<h3 class="mb-3">HSBC · Swansea, United Kingdom</h3>
<p>Blurb</p>
</div> </div>
<div class="resume-date text-md-right"> <div class="resume-date text-md-right">
<span class="text-primary">March 2013 - Present</span> <span class="text-primary">March 2013 - Present</span>
</div> </div>
</div> </div>
<p><i class="fab fa-linkedin"></i> See more of my career experience on <a href="#">my LinkedIn profile</a>.</p>
</div> </div>
</section> </section>
@ -150,8 +182,8 @@ function onStart()
<h1>Education</h1> <h1>Education</h1>
<div class="resume-item d-flex flex-column flex-md-row justify-content-between mb-5"> <div class="resume-item d-flex flex-column flex-md-row justify-content-between mb-5">
<div class="resume-content"> <div class="resume-content">
<h3 class="mb-0">Extension Certificate, Project Management</h3> <h2 class="mb-0">Extension Certificate, Project Management</h2>
<div class="subheading mb-3">Mount Royal University, Calgary, Canada</div> <h3 class="mb-3">Mount Royal University · Calgary, Canada</h3>
<p>Achieved an A+ grade in a project management extension certificate. This program provides a thorough foundation in the project management knowledge areas recognized by the project management institute. It also provides the foundation to prepare for the Certified Associate in Project Management (CAPM)® and Project Management Professional (PMP)® credential.</p> <p>Achieved an A+ grade in a project management extension certificate. This program provides a thorough foundation in the project management knowledge areas recognized by the project management institute. It also provides the foundation to prepare for the Certified Associate in Project Management (CAPM)® and Project Management Professional (PMP)® credential.</p>
</div> </div>
<div class="resume-date text-md-right"> <div class="resume-date text-md-right">
@ -161,8 +193,8 @@ function onStart()
<div class="resume-item d-flex flex-column flex-md-row justify-content-between mb-5"> <div class="resume-item d-flex flex-column flex-md-row justify-content-between mb-5">
<div class="resume-content"> <div class="resume-content">
<h3 class="mb-0">Extension Certificate, Business Analysis</h3> <h2 class="mb-0">Extension Certificate, Business Analysis</h2>
<div class="subheading mb-3">Mount Royal University, Calgary, Canada</div> <h3 class="mb-3">Mount Royal University · Calgary, Canada</h3>
<p>Achieved an A+ grade in a business analysis extension certificate. This course explored the role and responsibilities of today’s business analyst, including industry recognized skills, tasks and knowledge areas.</p> <p>Achieved an A+ grade in a business analysis extension certificate. This course explored the role and responsibilities of today’s business analyst, including industry recognized skills, tasks and knowledge areas.</p>
</div> </div>
<div class="resume-date text-md-right"> <div class="resume-date text-md-right">
@ -172,8 +204,8 @@ function onStart()
<div class="resume-item d-flex flex-column flex-md-row justify-content-between mb-5"> <div class="resume-item d-flex flex-column flex-md-row justify-content-between mb-5">
<div class="resume-content"> <div class="resume-content">
<h3 class="mb-0">A-Levels</h3> <h2 class="mb-0">A-Levels</h2>
<div class="subheading mb-3">Gorseinon Tertiary College, Swansea, United Kingdom</div> <h3 class="mb-3">Gorseinon Tertiary College · Swansea, United Kingdom</h3>
<p>Achieved A-Level qualifications in Mathematics (Pure & Statistics), Economics and Computer Science, and an AS-Level qualification in Accounting.</p> <p>Achieved A-Level qualifications in Mathematics (Pure & Statistics), Economics and Computer Science, and an AS-Level qualification in Accounting.</p>
</div> </div>
<div class="resume-date text-md-right"> <div class="resume-date text-md-right">
@ -183,8 +215,8 @@ function onStart()
<div class="resume-item d-flex flex-column flex-md-row justify-content-between mb-5"> <div class="resume-item d-flex flex-column flex-md-row justify-content-between mb-5">
<div class="resume-content"> <div class="resume-content">
<h3 class="mb-0">General Certificate of Secondary Education</h3> <h2 class="mb-0">General Certificate of Secondary Education</h2>
<div class="subheading mb-3">Pontarddulais Comprehensive School, Swansea, United Kingdom</div> <h3 class="mb-3">Pontarddulais Comprehensive School · Swansea, United Kingdom</h3>
<p>Achieved GCSEs (UK equivalent of high-school) in English, English Literature, Mathematics, Science (double award), Information Systems, History, Music, French and German.</p> <p>Achieved GCSEs (UK equivalent of high-school) in English, English Literature, Mathematics, Science (double award), Information Systems, History, Music, French and German.</p>
</div> </div>
<div class="resume-date text-md-right"> <div class="resume-date text-md-right">
@ -214,6 +246,57 @@ function onStart()
</div> </div>
</section> </section>
<section class="resume-section d-flex align-items-center" id="awards"> <section class="resume-section d-flex align-items-center" id="press">
<h1>Awards</h1> <div class="w-100">
<h1>Press</h1>
<div class="masonry" data-blah="blah">
<div class="masonry-wrapper col-sm-6 col-xl-4">
<div class="card">
<img class="card-img-top" src="{{ 'istock-1051617224-100798650-large.jpg'|media }}">
<div class="card-body">
<h2 class="card-title">Connected RPA Delivers A Digital Workforce</h2>
<h3>Computerworld · June 2019</h3>
<p class="card-text">Robotic Process Automation is poised to make a positive impact on how work gets done. At the recent Blue Prism World event in Orlando, the potential for RPA was center stage. Find out what connected RPA can do for business - today and tomorrow.</p>
<a href="https://www.computerworld.com/article/3401137/connected-rpa-delivers-a-digital-workforce.html" class="card-link float-right">Read Article</a>
</div>
</div>
</div>
<div class="masonry-wrapper col-sm-6 col-xl-4">
<div class="card">
<img class="card-img-top" src="{{ 'disrupting-industry.png'|media }}">
<div class="card-body">
<h2 class="card-title">This Canadian financial institution disrupted their industry with AI!</h2>
<h3>AI Week · August 2018</h3>
<p class="card-text">Any discussion of insurgents in the financial services industry and companies using artificial intelligence (AI) to get business value from their data would be incomplete if it didn't include ATB Financial, the largest Alberta-based financial...</p>
<a href="http://aiweek.io/finance-banking/this-canadian-financial-institution-disrupted-their-industry-with-ai/" class="card-link float-right">Read Article</a>
</div>
</div>
</div>
<div class="masonry-wrapper col-sm-6 col-xl-4">
<div class="card">
<img class="card-img-top" src="{{ 'atb-financial-g-suite.jpg'|media }}">
<div class="card-body">
<h2 class="card-title">Why ATB Financial moved its entire organization to G Suite</h2>
<h3>TechRepublic · March 2018</h3>
<p class="card-text">This financial institution shares the changes and challenges it experienced while transitioning to G Suite.</p>
<a href="https://www.techrepublic.com/article/why-atb-financial-moved-its-entire-organization-to-g-suite/" class="card-link float-right">Read Article</a>
</div>
</div>
</div>
<div class="masonry-wrapper col-sm-6 col-xl-4">
<div class="card">
<img class="card-img-top" src="{{ 'bryan-kenny.jpg'|media }}">
<div class="card-body">
<h2 class="card-title">High-tech bank helps Edmonton's homeless access financial services</h2>
<h3>CBC · September 2017</h3>
<p class="card-text">In what's believed to be a first for Alberta, a bank is using biometric technology to help homeless people manage their money.</p>
<a href="https://www.cbc.ca/news/canada/edmonton/four-directions-financial-biometric-technology-homeless-1.4300538" class="card-link float-right">Read Article</a>
</div>
</div>
</div>
</div>
</div>
</section> </section>

2
www/themes/jason-williamsca/partials/resumemenu.htm
View File

@ -24,7 +24,7 @@ description = "Side Menu for Resume"
<a class="nav-link js-scroll-trigger" href="#certifications">Certifications</a> <a class="nav-link js-scroll-trigger" href="#certifications">Certifications</a>
</li> </li>
<li class="nav-item"> <li class="nav-item">
<a class="nav-link js-scroll-trigger" href="#awards">Awards</a> <a class="nav-link js-scroll-trigger" href="#press">Press</a>
</li> </li>
</ul> </ul>
</div> </div>