Rearranging front page and clarifying sections, making blog page look better, clarifying availability in employent
Logan McGrath
parent
0409450df4
commit
0e310ebfe1
|
|
@ -4,4 +4,5 @@ layout: page
|
|||
---
|
||||
I live in a tiramisù and have pudding in my ears. Please contact me via [{{authorEmail}}](mailto:{{authorEmail}}) and I shall free my eyes to read and reply heartily; my fingers typing though they have been soaking like biscuits in espresso and cream. I welcome conversations and questions about what I do and I might even ask a few questions of my own, but I do not know how I came to be floating in mascarpone.
|
||||
|
||||
<h2>Looking for an engineer?</h2>
|
||||
{{partial "employment"}}
|
||||
|
|
|
|||
|
|
@ -1,6 +1,9 @@
|
|||
<section>
|
||||
<h2>Looking for an Engineer?</h2>
|
||||
<p>
|
||||
For prospective employers, referrals, and recruiters: <em>I am happily employed</em>, though I welcome chats about prospects if you believe I am a good fit for your technical needs. I apply what works from my experience to technical teams and reinforce what the teams are already doing well both internally and within the broader context of the engineering organization they support. Sometimes my existing toolbelt doesn't work so well because unexpected problems can be hard and no two teams or orgs are the same, but that's ok. Together we'll find a way to make things better, and hopefully make some employees a bit happier and rise a bit higher to meet business needs. Success is more for less effort, and the destination is very much worth the travel.
|
||||
</p>
|
||||
</section>
|
||||
<p>
|
||||
For prospective employers, referrals, and recruiters: <em>I am happily employed</em>, though I welcome chats about prospects if you believe I am a good fit for your technical needs. I apply what works from my experience to technical teams and reinforce what the teams are already doing well both internally and within the broader context of the engineering organization they support.
|
||||
</p>
|
||||
<p>
|
||||
Sometimes my existing toolbelt doesn't work out of the box because unexpected problems can be hard and no two teams or orgs are the same, but that's ok. Together we'll find a way to make things better, and hopefully make some employees a bit happier and rise higher to meet business needs. Success is more for less effort, and the destination is very much worth the travel.
|
||||
</p>
|
||||
<p>
|
||||
I likely won't be available, but I might know someone who can help you out.
|
||||
</p>
|
||||
|
|
|
|||
|
|
@ -11,19 +11,21 @@ changefreq: weekly
|
|||
<p class="latest-post-label">Latest Post!</p>
|
||||
{{partial "post-meta"}}
|
||||
{{-teaser}}
|
||||
<p class="read-more"><a href="{{url}}">Read more...</a></p>
|
||||
<p class="read-more no-border"><a href="{{url}}">Read more...</a></p>
|
||||
{{-#end}}
|
||||
|
||||
{{#if tagCloud-}}
|
||||
<h2 class="tags hard-section">Tag Cloud</h2>
|
||||
<p class="tag-cloud" data-show-count>{{tagCloud}}</p>
|
||||
{{#end-}}
|
||||
|
||||
<h2>Previous posts</h2>
|
||||
|
||||
{{#for previousPosts-}}
|
||||
<h2 class="post-title"><a href="{{url}}">{{title}}</a></h3>
|
||||
<h3 class="post-title"><a href="{{url}}">{{title}}</a></h3>
|
||||
{{partial "post-meta"}}
|
||||
{{-teaser}}
|
||||
<p class="read-more"><a href="{{url}}">Read more...</a></p>
|
||||
{{#end-}}
|
||||
|
||||
<p class="view-all-posts"><a href="{{getUrl 'archives.html'}}">View all posts</a></p>
|
||||
|
||||
{{#if tagCloud-}}
|
||||
<h2 class="hard-section">Tags</h2>
|
||||
<p class="tag-cloud" data-show-count>{{tagCloud}}</p>
|
||||
{{#end-}}
|
||||
|
|
|
|||
|
|
@ -1,12 +1,32 @@
|
|||
.view-all-posts {
|
||||
font-size: 150%;
|
||||
font-variant: small-caps;
|
||||
font-weight: bold;
|
||||
font-style: italic;
|
||||
font-family: $font-family-serif;
|
||||
}
|
||||
|
||||
.read-more {
|
||||
padding-left: 1.6em;
|
||||
.read-more:not(.no-border) {
|
||||
border-bottom: $border-thin;
|
||||
border-color: green;
|
||||
padding-bottom: 1em;
|
||||
margin-right: 20%;
|
||||
}
|
||||
|
||||
.read-more, .view-all-posts {
|
||||
background-image: url("/images/grass.svg");
|
||||
background-size: 1.2em 1.2em;
|
||||
background-position: 0 0;
|
||||
background-position: 0 0.2em;
|
||||
background-repeat: no-repeat;
|
||||
padding-left: 1.6em;
|
||||
}
|
||||
|
||||
@include media('>=tablet') {
|
||||
h2.tags {
|
||||
text-align: center;
|
||||
}
|
||||
.tag-cloud {
|
||||
width: 60%;
|
||||
margin: 0 auto;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,6 +1,12 @@
|
|||
.tag-cloud {
|
||||
--min-size: 0.7;
|
||||
--min-size: 0.6;
|
||||
--max-size: 1.6;
|
||||
|
||||
@include media('>=tablet') {
|
||||
--min-size: 0.8;
|
||||
--max-size: 2.0;
|
||||
}
|
||||
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
align-items: center;
|
||||
|
|
@ -25,6 +31,6 @@
|
|||
}
|
||||
|
||||
&[data-show-count] .tag::after {
|
||||
content: " (" attr(data-count) ")";
|
||||
content: "×" attr(data-count);
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -35,7 +35,7 @@
|
|||
background-image: url("/images/grass.svg");
|
||||
background-size: 1em 1em;
|
||||
background-repeat: no-repeat;
|
||||
background-position: 0 0.05em;
|
||||
background-position: 0 0.3em;
|
||||
}
|
||||
|
||||
@include media('>=tablet') {
|
||||
|
|
|
|||
|
|
@ -5,7 +5,7 @@
|
|||
display: list-item;
|
||||
list-style: none;
|
||||
float: left;
|
||||
font-size: $text-font-size-small;
|
||||
font-size: $text-font-size-large;
|
||||
line-height: 1.2;
|
||||
& + a {
|
||||
margin-left: 0.5rem;
|
||||
|
|
|
|||
|
|
@ -95,10 +95,3 @@
|
|||
user-select: none;
|
||||
}
|
||||
}
|
||||
|
||||
.read-more {
|
||||
border-bottom: $border-thin;
|
||||
border-color: green;
|
||||
padding-bottom: 1em;
|
||||
max-width: 20em;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -9,32 +9,64 @@
|
|||
|
||||
.professional-offering {
|
||||
clear: both;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
justify-content: space-between;
|
||||
|
||||
h2 {
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
.pane {
|
||||
ul {
|
||||
padding: 0;
|
||||
font-size: 0;
|
||||
margin-left: 1.2em;
|
||||
margin-right: 1.2em;
|
||||
}
|
||||
|
||||
.skills {
|
||||
text-align: center;
|
||||
|
||||
ul {
|
||||
padding: 0;
|
||||
font-size: 0;
|
||||
}
|
||||
|
||||
li {
|
||||
font-size: 1rem;
|
||||
list-style: none;
|
||||
display: inline-block;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
|
||||
&::before, &:last-child::after {
|
||||
content: "∗";
|
||||
color: $signature-green;
|
||||
li {
|
||||
font-size: 1rem;
|
||||
list-style: none;
|
||||
list-style-position: initial;
|
||||
display: inline-block;
|
||||
margin: 0 0.2rem;
|
||||
padding: 0;
|
||||
|
||||
&::before, &:last-child::after {
|
||||
content: "∗";
|
||||
color: $signature-green;
|
||||
display: inline-block;
|
||||
margin: 0 0.2rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@include media('>=tablet') {
|
||||
.pane {
|
||||
flex-basis: 25%;
|
||||
|
||||
p {
|
||||
margin-left: 1.2em;
|
||||
margin-right: 1.2em;
|
||||
}
|
||||
}
|
||||
|
||||
.foundations-and-practices {
|
||||
flex-basis: 100%;
|
||||
}
|
||||
|
||||
.to-work, .hard-work {
|
||||
flex-basis: 50%;
|
||||
}
|
||||
|
||||
.employment {
|
||||
flex-basis: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
@include media('<tablet') {
|
||||
.pane {
|
||||
flex-basis: 50%;
|
||||
}
|
||||
|
||||
.foundations-and-practices, .to-work, .hard-work, .employment {
|
||||
flex-basis: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
157
site/index.html
157
site/index.html
|
|
@ -4,32 +4,41 @@ description: I write about my personal mishmash of tech and life
|
|||
bodyClass: homepage
|
||||
layout: page
|
||||
---
|
||||
<section class="intro">
|
||||
<aside class="meatball-headshot">
|
||||
<picture>
|
||||
<img width="288" height="384"
|
||||
src="{{getUrl 'images/about-me/headshot-w-meatball-doge_400w.png'}}"
|
||||
title="Myself and Meatball. He's cute cuz he's little."
|
||||
alt="Mysql and Meatball">
|
||||
</picture>
|
||||
<p>Myself and Meatball, who is a very good boy and wearing his very best treat face.</p>
|
||||
</aside>
|
||||
<h2>Hello!</h2>
|
||||
<p>
|
||||
I'm Logan McGrath, I'm a senior software engineer, and I specialize in a segment of software applications engineering that sits between the framework and the business logic. In my day job at <a href="https://creditkarma.com">Credit Karma</a> I work with a team to provide building blocks with which my fellow product engineers can write less code and more quickly deliver valuable features to members. By night I dabble in esoteric programming languages, theories, and tools to better hone my craft. It's what I like to do when my husband isn't encouraging me to go play outside.
|
||||
</p>
|
||||
<p>
|
||||
I have been working in tech since 2007, where I started as just a wee web developer putting together shopping carts. I've since found my way into bigger projects.
|
||||
</p>
|
||||
<h2>My Life Away from Work</h2>
|
||||
<p>
|
||||
When I'm away from the computer I'm spending time with my husband Dr. Corey Blanchette and our two dogs, Jellybean and Meatball. Corey cooks and I do the dishes if I can beat him to them. Most evenings we can be found on the patio enjoying my latest mixology attempt while he tries to teach me ways to remember different parts of human anatomy. For the most part all I can retain are the acronyms that sound inappropriate, and I'm happy to share them over a drink. One of my favorites is a mnemonic he was taught in school to name the "carpals", which I'm pretty sure is a kind of bone.
|
||||
</p>
|
||||
</section>
|
||||
<h2>Hello!</h2>
|
||||
<aside class="meatball-headshot">
|
||||
<picture>
|
||||
<img width="288" height="384"
|
||||
src="{{getUrl 'images/about-me/headshot-w-meatball-doge_400w.png'}}"
|
||||
title="Myself and Meatball. He's cute cuz he's little."
|
||||
alt="Mysql and Meatball">
|
||||
</picture>
|
||||
<p>Myself and Meatball, who is a very good boy and wearing his very best treat face.</p>
|
||||
</aside>
|
||||
<p>
|
||||
I'm Logan McGrath, I'm a senior software engineer, and I specialize in a segment of software applications engineering that sits between the framework and the business logic. In my day job at <a href="https://creditkarma.com">Credit Karma</a> I work with a team to provide building blocks with which my fellow product engineers can write less code and more quickly deliver valuable features to members. By night I dabble in esoteric programming languages, theories, and tools to better hone my craft. It's what I like to do when my husband isn't encouraging me to go play outside.
|
||||
</p>
|
||||
<p>
|
||||
I have been working in tech since 2007, where I started as just a wee web developer putting together shopping carts. I've since found my way into bigger projects.
|
||||
</p>
|
||||
|
||||
<section class="professional-offering clear">
|
||||
<h2>My Professional Offering</h2>
|
||||
<section class="skills foundations">
|
||||
<h2>I blog when I can</h2>
|
||||
<p>Here's a sampling of things I've blogged about. A complete selection may be found on their <a href="{{getUrl 'blog.html'}}">dedicated page</a>.</p>
|
||||
<ul>
|
||||
{{#for recentPosts}}
|
||||
<li>
|
||||
<a href="{{url}}">{{title}}</a> - {{date | dateAs shortDate}}
|
||||
</li>
|
||||
{{#end}}
|
||||
</ul>
|
||||
|
||||
<h2>My life away from work</h2>
|
||||
<p>
|
||||
When I'm away from the computer I'm spending time with my husband Dr. Corey Blanchette and our two dogs, Jellybean and Meatball. Corey cooks and I do the dishes if I can beat him to them. Most evenings we can be found on the patio enjoying my latest mixology attempt while he tries to teach me ways to remember different parts of human anatomy. For the most part all I can retain are the acronyms that sound inappropriate, and I'm happy to share them over a drink. One of my favorites is a mnemonic he was taught in school to name the "carpals", which I'm pretty sure is a kind of bone. Corey jokingly dismisses my technical jargon as magic, but I admit his skillset feels a skosh wizardly to me!
|
||||
</p>
|
||||
|
||||
<h2>My Professional Offering</h2>
|
||||
<div class="professional-offering">
|
||||
<div class="pane foundations-and-practices">
|
||||
<h3>Foundations and Practices</h3>
|
||||
<ul>
|
||||
<li>Frameworks and Platforms</li>
|
||||
|
|
@ -46,8 +55,8 @@ layout: page
|
|||
<li>Continuous Improvement</li>
|
||||
<li>Always Learning</li>
|
||||
</ul>
|
||||
</section>
|
||||
<section class="skills languages">
|
||||
</div>
|
||||
<div class="pane languages">
|
||||
<h3>Languages</h3>
|
||||
<ul>
|
||||
<li>Scala</li>
|
||||
|
|
@ -60,8 +69,8 @@ layout: page
|
|||
<li>TypeScript</li>
|
||||
<li>Sometimes Go!</li>
|
||||
</ul>
|
||||
</section>
|
||||
<section class="skills databases">
|
||||
</div>
|
||||
<div class="pane databases">
|
||||
<h3>Databases</h3>
|
||||
<ul>
|
||||
<li>Postgres</li>
|
||||
|
|
@ -72,8 +81,8 @@ layout: page
|
|||
<li>Firebase</li>
|
||||
<li>Thumb Drive</li>
|
||||
</ul>
|
||||
</section>
|
||||
<section class="skills integrations">
|
||||
</div>
|
||||
<div class="pane integrations">
|
||||
<h3>Integrations</h3>
|
||||
<ul>
|
||||
<li>GraphQL</li>
|
||||
|
|
@ -82,54 +91,52 @@ layout: page
|
|||
<li>gRPC</li>
|
||||
<li>REST</li>
|
||||
</ul>
|
||||
</section>
|
||||
<section class="skills interfaces">
|
||||
</div>
|
||||
<div class="pane interfaces">
|
||||
<h3>Interfaces</h3>
|
||||
<ul>
|
||||
<li>React</li>
|
||||
<li>Angular</li>
|
||||
<li>HTML, <em>by hand!</em></li>
|
||||
</ul>
|
||||
</section>
|
||||
<h3>Putting Technology to Work</h3>
|
||||
<p>
|
||||
My primary customers are technical teams looking to accelerate time to market for new features and changes. Product teams need solid building blocks to deliver these features and I work as a force multiplier by providing the low code frameworks, tools, and infrastructure required to ship quickly and be nimble to change. My goal as a professional is to craft systems that reduce the number of teams and organizations, and more importantly <em>time and cost</em>, required to ship work in order to maximize value to the business and better serve customers.
|
||||
</p>
|
||||
<h3>Making the Hard Work Matter</h3>
|
||||
<p>
|
||||
Engineers are too expensive to be putting together bespoke content with high rates of churn. Low code allows engineers to focus on the hard problems and enables more opportunities for businesses to better harness the value they bring. I mentor engineers to help them realize their full potential as technologists and become drivers in better engineering with less code.
|
||||
</p>
|
||||
<h3>Some Writing</h3>
|
||||
<p>Here's a sampling of things I've blogged about. A complete selection may be found on their <a href="{{getUrl 'blog.html'}}">dedicated page</a>.</p>
|
||||
<ul>
|
||||
{{#for recentPosts}}
|
||||
<li>
|
||||
<a href="{{url}}">{{title}}</a> - {{date | dateAs shortDate}}
|
||||
</li>
|
||||
{{#end}}
|
||||
</ul>
|
||||
</section>
|
||||
</div>
|
||||
<div class="pane to-work">
|
||||
<h3>Putting Technology to Work</h3>
|
||||
<p>
|
||||
My primary customers are technical teams looking to accelerate time to market for new features and changes. Product teams need solid building blocks to deliver these features and I work as a force multiplier by providing the low code frameworks, tools, and infrastructure required to ship quickly and be nimble to change. My goal as a professional is to craft systems that reduce the number of teams and organizations, and more importantly <em>time and cost</em>, required to ship work in order to maximize value to the business and better serve customers.
|
||||
</p>
|
||||
</div>
|
||||
<div class="pane hard-work">
|
||||
<h3>Making the Hard Work Matter</h3>
|
||||
<p>
|
||||
Engineers are too expensive to be putting together bespoke content with high rates of churn. Low code allows engineers to focus on the hard problems and enables more opportunities for businesses to better harness the value they bring. I mentor engineers to help them realize their full potential as technologists and become drivers in better engineering with less code.
|
||||
</p>
|
||||
</div>
|
||||
<div class="pane employment">
|
||||
<h3>Looking for an engineer?</h3>
|
||||
{{partial "employment"}}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{{partial "employment"}}
|
||||
|
||||
<section class="personal-stuff">
|
||||
<aside class="meatball-jellybean">
|
||||
<picture>
|
||||
<img width="200" height="266"
|
||||
src="{{getUrl 'images/about-me/meatball-n-jelly-doges_400w.png'}}"
|
||||
title="Meatball is the little one, Jellybean is the big one."
|
||||
alt="Meatball and Jellybean">
|
||||
</picture>
|
||||
<p>The little one is Meatball, the big one is Jellybean. Both are very good boys, <em>and they both know I have a treat in my hand.</em></p>
|
||||
</aside>
|
||||
<h2>My Life as It Relates to My Site</h2>
|
||||
<p>
|
||||
<em>As this is my site and my life, all opinions I express here are my own. Opinions being what they are, I recognize that I might be wrong and openly invite learning opportunities.</em>
|
||||
</p>
|
||||
<p>
|
||||
I like to share what makes life worthwhile. Sometimes that's helping my dogs figure out something new, or finding a really cool trick at work that helps my team out. Sometimes hard things have to happen in order for life to be worthwhile, and I can't promise that reading about what I share is easy. I've come to good places by way of some painful lessons both personally and professionally.
|
||||
</p>
|
||||
<p>
|
||||
My goal isn't to express edgy opinions, technical or otherwise. It's as easy to express something <em>objectively harmful</em> and empower grotesque behavior as it is to simply to hate on <em>technology</em> and get some fake internet points. Anyone can write a page full of salt. Salt's a popular, low-effort genre. I want show people things that can be constructive, and I think this is an important bar for myself.
|
||||
</p>
|
||||
</section>
|
||||
<h2>My Life as It Relates to My Site</h2>
|
||||
<p>
|
||||
<em>As this is my site and my life, all opinions I express here are my own. Opinions being what they are, I recognize that I might be wrong and openly invite learning opportunities.</em>
|
||||
</p>
|
||||
<aside class="meatball-jellybean">
|
||||
<picture>
|
||||
<img width="200" height="266"
|
||||
src="{{getUrl 'images/about-me/meatball-n-jelly-doges_400w.png'}}"
|
||||
title="Meatball is the little one, Jellybean is the big one."
|
||||
alt="Meatball and Jellybean">
|
||||
</picture>
|
||||
<p>The little one is Meatball, the big one is Jellybean. Both are very good boys, <em>and they both know I have a treat in my hand.</em></p>
|
||||
</aside>
|
||||
<p>
|
||||
I like to share what makes life worthwhile. Sometimes that's helping my dogs figure out something new, or finding a really cool trick at work that helps my team out. Sometimes hard things have to happen in order for life to be worthwhile, and I can't promise that reading about what I share is easy. I've come to good places by way of some painful lessons both personally and professionally.
|
||||
</p>
|
||||
<p>
|
||||
My goal isn't to express edgy opinions, technical or otherwise. It's as easy to express something <em>objectively harmful</em> and empower grotesque behavior as it is to simply to hate on <em>technology</em> and get some fake internet points. Anyone can write a page full of salt. Salt's a popular, low-effort genre. I want show people things that can be constructive, and I think this is an important bar for myself.
|
||||
</p>
|
||||
<p>
|
||||
If a subject makes me feel salty, I'll denote it with a <em>salt</em> tag so that you know I'm simply complaining into a vacuum wherein I don't see solutions by choice or otherwise.
|
||||
</p>
|
||||
|
|
|
|||
Loading…
Reference in New Issue