Making my professional offering look more like a menu so it's pretty on mobile 🌸

contexts-draft2
Logan McGrath 2021-12-02 07:02:38 -08:00
parent 8e8c8554da
commit 1856e0b995
4 changed files with 70 additions and 78 deletions

View File

@ -1,5 +1,5 @@
---
title: Blogging About Life and Tech - Latest Posts
title: Latest Posts
bodyClass: blog
layout: page
changefreq: weekly

View File

@ -14,7 +14,6 @@
max-width: $content-max-width;
padding: 0 0.5rem;
margin: 0 auto;
text-align: $text-align-default;
@content
}
}

View File

@ -9,20 +9,15 @@
.professional-offering {
clear: both;
h2 {
text-align: center;
}
}
.professional-toolbox {
display: flex;
justify-content: space-around;
.skills {
text-align: center;
> * {
min-width: 15%;
& + * {
margin-left: 1rem;
}
}
ul {
padding: 0;
font-size: 0;

View File

@ -26,74 +26,70 @@ layout: page
</p>
</section>
{{partial "teaser-list"}}
<section class="professional-offering clear">
<h2>My Professional Offering</h2>
<div class="professional-toolbox">
<section class="skills foundations">
<h3>Foundations and Practices</h3>
<ul>
<li>Frameworks and Platforms</li>
<li>Low Code</li>
<li>Technical Enablement</li>
<li>Scrum, Agile, Kanban, Post-it's</li>
<li>Source Control</li>
<li>Test Automation</li>
<li>Experimentation</li>
<li>Test in Production</li>
<li>Automate the Hard Parts</li>
<li>Pair Programming</li>
<li>Mentorship</li>
<li>Continuous Improvement</li>
<li>Always Learning</li>
</ul>
</section>
<section class="skills languages">
<h3>Languages</h3>
<ul>
<li>Scala</li>
<li>Ruby</li>
<li>Python</li>
<li>Rust</li>
<li>Java <em>and</em> C#</li>
<li>Haskell</li>
<li>JavaScript</li>
<li>TypeScript</li>
<li>Sometimes Go!</li>
</ul>
</section>
<section class="skills databases">
<h3>Databases</h3>
<ul>
<li>Postgres</li>
<li>MySQL</li>
<li>Oracle</li>
<li>SQL Server</li>
<li>Mongo</li>
<li>Firebase</li>
<li>Thumb Drive</li>
</ul>
</section>
<section class="skills integrations">
<h3>Integrations</h3>
<ul>
<li>GraphQL</li>
<li>Protobuf</li>
<li>Thrift</li>
<li>gRPC</li>
<li>REST</li>
</ul>
</section>
<section class="skills interfaces">
<h3>Interfaces</h3>
<ul>
<li>React</li>
<li>Angular</li>
<li>HTML, <em>by hand!</em></li>
</ul>
</section>
</div>
<section class="skills foundations">
<h3>Foundations and Practices</h3>
<ul>
<li>Frameworks and Platforms</li>
<li>Low Code</li>
<li>Technical Enablement</li>
<li>Scrum, Agile, Kanban, Post-it's</li>
<li>Source Control</li>
<li>Test Automation</li>
<li>Experimentation</li>
<li>Test in Production</li>
<li>Automate the Hard Parts</li>
<li>Pair Programming</li>
<li>Mentorship</li>
<li>Continuous Improvement</li>
<li>Always Learning</li>
</ul>
</section>
<section class="skills languages">
<h3>Languages</h3>
<ul>
<li>Scala</li>
<li>Ruby</li>
<li>Python</li>
<li>Rust</li>
<li>Java <em>and</em> C#</li>
<li>Haskell</li>
<li>JavaScript</li>
<li>TypeScript</li>
<li>Sometimes Go!</li>
</ul>
</section>
<section class="skills databases">
<h3>Databases</h3>
<ul>
<li>Postgres</li>
<li>MySQL</li>
<li>Oracle</li>
<li>SQL Server</li>
<li>Mongo</li>
<li>Firebase</li>
<li>Thumb Drive</li>
</ul>
</section>
<section class="skills integrations">
<h3>Integrations</h3>
<ul>
<li>GraphQL</li>
<li>Protobuf</li>
<li>Thrift</li>
<li>gRPC</li>
<li>REST</li>
</ul>
</section>
<section class="skills 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.
@ -104,6 +100,8 @@ layout: page
</p>
</section>
{{partial "teaser-list"}}
{{partial "employment"}}
<section class="personal-stuff">