Commit a31cb0a9 authored by Valera Trubachev's avatar Valera Trubachev

make stuff look better, add showcase links, reorder experience sections

parent cc4048cd
......@@ -71,9 +71,15 @@
<div class="container">
<h3><%= subsection.heading %></h3>
<div class="content-block">
<% if (subsection.intro) { %>
<% if (subsection.intro || subsection.link) { %>
<article>
<p><%= subsection.intro.replace(/\n/g, '</p><p>') %></p>
<% if (subsection.link) { %>
<p><a href="<%= subsection.link %>" target="_blank"><%= subsection.link_label || 'Website' %></a></p>
<% } %>
<% if (subsection.intro) { %>
<p><%= subsection.intro.replace(/\n/g, '</p><p>') %></p>
<% } %>
</article>
<% } %>
......
......@@ -4,10 +4,13 @@ main {
padding: 2em 0;
h2 {
text-align: center;
font-size: 2em;
}
section + section {
padding-top: 2em;
}
@include mqw-min(40rem) {
.content-block {
display: flex;
......@@ -36,6 +39,8 @@ main {
ul {
padding-left: 2em;
list-style: disc;
font-size: 1.125em;
line-height: 1.5;
}
}
......
......@@ -6,8 +6,26 @@ h1, h2, h3, h4 {
margin: 1em 0;
}
h1 {
font-size: 2em;
}
h2 {
font-size: 1.5em;
}
h3 {
font-size: 1.25em;
}
h4 {
font-size: 1.125em;
}
p {
padding-bottom: 1em;
font-size: 1.125em;
line-height: 1.5;
}
.container {
......
......@@ -61,6 +61,14 @@ header {
p {
flex: 1 1 auto;
font-size: 1.125em;
@include mqw-min(30rem) {
font-size: 1.25em;
}
@include mqw-min(40rem) {
font-size: 1.5em;
}
}
nav {
......
......@@ -20,37 +20,6 @@ experience:
- 'JS (ES6)'
- 'Vue.js'
sections:
-
heading: 'Hardware'
intro: |-
I like to dabble in the hardware side of things from time to time, including assembling standalone and rackmount servers and tinkering with small embedded systems like the Raspberry Pi and C.H.I.P. While by no means an expert in this area, I've built a few things that I personally use on a daily basis.
skills:
- 'media servers'
- 'Wi-Fi-enabled and voice-operated outlet box'
- 'Wi-Fi-enabled controller for my garage door'
-
heading: 'Server Administration'
intro: |-
For my projects, I set up and maintain Linux servers myself when necessary. I am capable of configuring and running a variety of server software. I also have tangential familiariety with Windows Server administration, but my capabilities are limited in that realm.
skills:
- 'single-server setup'
- 'server cluster setup'
- 'access management'
- 'bare Linux server administration'
- 'WHM/WebMin server administration'
- 'Debian, Red Hat, and their derivatives'
- 'AWS, Digital Ocean, Linode, CenturyLink CLoud'
-
heading: 'Toolchain Development'
intro: |-
I prefer to automate as much of the website building process as possible to save time and ensure consistency. This has led to me to develop various parts of the toolchain, including build/test scripts, deployment systems, and static asset compilation.
skills:
- 'CI/build toolchain development'
- 'automated unit and feature testing'
- 'automated deployment based on git'
-
heading: 'Backend Development'
intro: |-
......@@ -72,6 +41,29 @@ experience:
- 'Gulp and webpack for building and packaging assets'
- 'Twig for templating'
- 'Vue.js (along with vue-router and vuex)'
-
heading: 'Toolchain Development'
intro: |-
I prefer to automate as much of the website building process as possible to save time and ensure consistency. This has led to me to develop various parts of the toolchain, including build/test scripts, deployment systems, and static asset compilation.
skills:
- 'CI/build toolchain development'
- 'automated unit and feature testing'
- 'automated deployment based on git'
-
heading: 'Server Administration'
intro: |-
For my projects, I set up and maintain Linux servers myself when necessary. I am capable of configuring and running a variety of server software. I also have tangential familiariety with Windows Server administration, but my capabilities are limited in that realm.
skills:
- 'single-server setup'
- 'server cluster setup'
- 'access management'
- 'bare Linux server administration'
- 'WHM/WebMin server administration'
- 'Debian, Red Hat, and their derivatives'
- 'AWS, Digital Ocean, Linode, CenturyLink CLoud'
-
heading: 'Android Development'
intro: |-
......@@ -81,6 +73,15 @@ experience:
- 'client-server communication (both push and pull)'
- 'native API integration (e.g. sensors, camera)'
-
heading: 'Hardware'
intro: |-
I like to dabble in the hardware side of things from time to time, including assembling standalone and rackmount servers and tinkering with small embedded systems like the Raspberry Pi and C.H.I.P. While by no means an expert in this area, I've built a few things that I personally use on a daily basis.
skills:
- 'media servers'
- 'Wi-Fi-enabled and voice-operated outlet box'
- 'Wi-Fi-enabled controller for my garage door'
showcase:
heading: 'Showcase'
intro: |-
......@@ -111,13 +112,15 @@ showcase:
-
heading: 'CMS Development'
intro: |-
I co-lead the development of an in-house content management system that improved our website build process, made our site administration interface consistent across projects, and delivered key features to our content managers like draft content, previewing, and scheduled publishing. At the same time, it was a headless CMS that gave developers autonomy over how they build the site without getting in their way, which has allowed unique user interfaces on new websites without the bulk of a typical CMS.
I lead the development of an in-house content management system that improved our website build process, made our site administration interface consistent across projects, and delivered key features to our content managers like draft content, previewing, and scheduled publishing. At the same time, it was a headless CMS that gave developers autonomy over how they build the site without getting in their way, which has allowed unique user interfaces on new websites without the bulk of a typical CMS.
-
heading: 'Start Strong, Stay Strong'
link: 'https://startstrongpg.com/'
intro: |-
This was a community-driven website for Procter and Gamble's Start Strong, Stay Strong initiative for military families. It featured user registration, user-submitted community content centered around military bases, and content moderation. It was our development team's first SPA (single-page application) site, written using Vue.js.
-
heading: 'Celestial Seasonings'
link: 'http://www.celestialseasonings.com/'
intro: |-
This was a brand website that was built for the Celestial Seasonings line of tea and beverage products. It was built on Drupal and integrated with the client's internal APIs for some functionality.
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment