Skip to content
Permalink
Browse files

improve about, style

  • Loading branch information...
BenTheElder committed Aug 18, 2019
1 parent 4463333 commit b0c724722fdb3587ff07cde7468fb57420da4c2f
@@ -13,6 +13,7 @@ html {
padding: 0;
font-size: 100%;
font-family: -apple-system, BlinkMacSystemFont, Roboto, Droid Sans, Helvetica Neue, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
background:#105ae2;
}

body {
@@ -26,6 +27,7 @@ body {
/* sticky footer */
display: flex;
flex-direction: column;
background: white;
}

h1 { font-size: 2em; }
@@ -171,35 +173,10 @@ a:hover, a:focus {
.leaflet-container a:focus {
background-color: white;
}
/*
.card a:visited,
.tile a:visited {
color: #609;
}
.tile a:visited:hover, .tile a:visited:focus,
.card a:visited:hover, .card a:visited:focus {
border-color: #609;
}
*/
/*
.tile>a.full-bleed.list-item:hover,
.card>a.full-bleed.list-item:hover,
.tile>a.full-bleed.list-item:focus,
.card>a.full-bleed.list-item:focus,
.tile>a.full-bleed.list-item:visited:hover,
.tile>a.full-bleed.list-item:visited:focus,
.card>a.full-bleed.list-item:visited:hover,
.card>a.full-bleed.list-item:visited:focus {
background-color: #FDD8353f;
border-color: #dedede;
}
*/

/* content layout and style */
.header {
line-height: normal;
margin: 0;
text-align: center;
font-size: 1.25em;
font-weight: normal;
letter-spacing: .02em;
@@ -208,44 +185,45 @@ a:hover, a:focus {
min-width: 100%;
top: 0;
right: 0;
z-index : 1;
min-height: 2.4em;
z-index: 1;
height: 1.5em;
min-height: 1.5em;
line-height: normal;
padding: 0;
border-bottom: 3px solid black;
}

.header-content {
display: block;
min-height: 2.2em;
max-width: 45em;
margin: 0 auto;
padding: .05em;
padding-top: 0.2em;
padding-bottom: 0;
margin-bottom: 1.2em;
border-bottom: .25em solid #105ae2;
text-align: center;
overflow: hidden;
display: flex;
}

.header-content .brand {
.header a {
color: white;
margin-top: .25em;
font-weight: bold;
/*margin-left: -.1em;
margin-right: -.1em;*/
}
.header a {
border-bottom: none;
}
.left {
display: inline-block;
margin: 0 auto;
margin-top: 0em;
margin-bottom: 0.15em;
font-size: 1.5em;
flex: 1;
}

.header-content .nav {
font-size: 1em;
max-width: 100%;
max-width: 90%;
margin: 0 auto;
padding: 0;
display: flex;
justify-content: space-between;
.left>* {
float: right;
}
.right {
display: inline-block;
flex: 1;
}
.right>* {
float: left;
}
.center {
display: inline-block;
}

.header-content a,
.footer a {
font-style: inherit;
background-color: transparent;
@@ -266,36 +244,17 @@ a:hover, a:focus {
line-height: 1.6;
}

.header-content .nav span {
flex: 0;
flex-direction: row;
flex-basis: 33%;
font-size: 0.8888888em;
margin-bottom: 0;
}

.header-content .nav span a {
padding-bottom: 3px;
display: inline-block;
letter-spacing: 0.05em;
}

.header-content .brand a {
padding-bottom: 0.01em;
}

.footer {
text-align: center;
padding-bottom: .5em;
padding-top: .5em;
line-height: 1.75;
font-size: .9em;
font-size: .75em;
font-weight: 500;
width: 100%;
position: relative;
margin: auto auto 0 auto;
margin-top: 0;
padding-top: .75em;
margin-top: 0.5em;
padding-top: 0;
flex-shrink: 0;
}

@@ -1,9 +1,9 @@
---
title: Home
---
<img src="/images/ben_avatar_optim.jpg" class="circle-badge" style="width: 100%; max-width: 15em; margin-top: -.75em; margin-bottom: -.75em;" title="Ben in one of the Google ball pits" />
<p class="title centered" style="font-size: 1.75em"><a href="/about">Benjamin Elder</a></p>
<div class="" style="padding: .5em">
<h1 class="title centered" style="font-size: 1.75em;margin-top:-.5em">Hi, you've found <a href="/about">Benjamin Elder</a>'s site.</h1>
<figure class="full-bleed"><img style="" src="/images/IMG_20190808_184934.resized.jpg"></figure>
<div class="" style="padding: .5em; padding-top: 0">
<table style="margin: 0 auto; font-size: 1.1em;">
<tbody>
<tr>
@@ -3,17 +3,20 @@ markup: md
type: misc
title: About
---
<p class="">I finished my B.S. in Computer Science at
<p class="">I graduated with my B.S. in Computer Science from
<a href="http://www.gatech.edu/">Georgia Tech</a> in the Spring of 2017 with
"<a href="http://www.cc.gatech.edu/future/undergraduates/bscs/threads">threads</a>" (focus) in
"<a href="http://www.cc.gatech.edu/future/undergraduates/bscs/threads">threads</a>" in
<a href="http://www.cc.gatech.edu/devices">Devices</a> and
<a href="https://www.cc.gatech.edu/intelligence">Intelligence</a>. Some of my many interests include: robotics / automation, machine learning, systems, communications,
<a href="https://www.cc.gatech.edu/intelligence">Intelligence</a>. Some of my many interests include: robotics / automation, systems, communications,
programming languages, software portability, performance, and reliability.
I enjoy building tools and solving problems. I am a dog person, a gamer, and a tinkerer. <span class="emoji" style="background-image:url(/images/emoji/emoji_u1f436.png)" title=":dog:">:dog:</span><span class="emoji" style="background-image:url(/images/emoji/emoji_u1f3ae.png)" title=":video_game:">:video_game:</span><span class="emoji" style="background-image:url(/images/emoji/emoji_u1f527.png)" title=":wrench:">:wrench:</span></p>
<img src="/images/basset_selfie_quarter_size_optim.jpg" class="centered" title="Ben and Toby" alt="Ben and the family dog Toby" />
<p class="">Most recently I joined Google as a Software Engineer ("SWE") in the Summer of 2017, working on <a href="https://github.com/kubernetes/test-infra">Test Infrastructure / GitHub Automation</a> for <a href="https://kubernetes.io">Kubernetes</a>. <span class="emoji" style="background-image:url(/images/noogler_cap.png)" title=":noogler_cap:" >:noogler_cap:</span><span class="emoji" style="background-image:url(/images/kubernetes_logo.svg)" title=":kubernetes:"/>:kubernetes:</span></p>
<br>
<p class="title centered centered-text">Resume</p>
I enjoy building tools and solving problems. I am a dog person, a gamer, and a tinkerer.</p>
<p class="">More recently I joined Google as a Software Engineer ("SWE") in the Summer of 2017, working on <a href="https://github.com/kubernetes/test-infra">Test Infrastructure / GitHub Automation</a> for <a href="https://kubernetes.io">Kubernetes</a>. <span class="emoji" style="background-image:url(/images/noogler_cap.png)" title=":noogler_cap:" >:noogler_cap:</span><span class="emoji" style="background-image:url(/images/kubernetes_logo.svg)" title=":kubernetes:"/>:kubernetes:</span></p>
<p>Currently my work is focused primarily on local test clusters with <a href="https://github.com/kubernetes-sigs/kind">KIND</a>, which I created and maintain.
I also help maintain Kubernetes - particularly builid, test, and release.
I hope to improve the developer and contributor experience. I love working
with the community.</p>
<img src="/images/kubecon_barcelona_group.jpg" class="centered" alt="Ben" />
<h2 class="centered centered-text">Resume</h2>
<hr/>
<p></p>
<div class="tile warning centered centered-text">
@@ -2,9 +2,9 @@
markup: md
date: "2018-03-04"
title: Brewing With Kubernetes
htmlTitle: 'Brewing With Kubernetes <span class="emoji" style="background-image:url(/images/emoji/emoji_u2615.png)" title=":coffee:">:coffee:</span>'
htmlTitle: 'Brewing With Kubernetes'
categories:
- Hardware
- <span class="emoji" style="background-image:url(/images/emoji/emoji_u2615.png)" title=":coffee:">:coffee:</span>
- <span class="emoji" style="background-image:url(/images/kubernetes_logo.svg)" title=":kubernetes:"/>:kubernetes:</span>
---

@@ -43,7 +43,7 @@ After the B.E.T.A. my interest fell off quickly as the locations and quests fail

During the first B.E.T.A. some places I discovered along my travels were:

<div style="border-left: 3px solid #3388ff; margin-left:-5px;">
<div style="border-left: 3px solid #3388ff; margin-left:-7px;">
{{% md %}}
1. [**Vault 76**](http://fallout.wikia.com/wiki/Vault_76) - An underground bunker where the journey begins.
<img class="centered" src="/images/fallout76/photo_2018-10-31_01-06-00.jpg"/>
@@ -91,7 +91,7 @@ including a geodesic dome. I was attacked and killed by Super Mutant Skirmisher
<hr>


<div style="border-left: 3px solid #f1e93c; margin-left:-5px;">
<div style="border-left: 3px solid #f1e93c; margin-left:-7px;">
{{% md %}}
1. Vault 76 again.
<img class="centered" src="/images/fallout76/photo_2018-10-31_01-21-57.jpg"/>
@@ -127,7 +127,7 @@ to the previous crash.

I got in another hour during the November 1st session.

<div style="border-left: 3px solid #ce0019; margin-left:-5px;">
<div style="border-left: 3px solid #ce0019; margin-left:-7px;">
{{% md %}}
1. The Burning Mine - As the name suggests, a burnt out mine. This was the first
and only place I visited in the "Ash Heap Region". Thankfully I had already
@@ -8,4 +8,9 @@
{{.Params.head | safeHTML}}
{{end}}
</head>
<body ontouchstart="return true">
<body ontouchstart="return true">
<div class="header">
<div class="left"><a href="/">elder</a></div>
<a href="/" class="center"><img src="/images/ben_avatar_optim.jpg" class="circle-badge" style="width: 100%; width: 3em; height: 3em; border-width: .25em; margin-top: 0;" /></a>
<div class="right"><a href="/">dev</a></div>
</div>
Binary file not shown.
Binary file not shown.
Binary file not shown.

0 comments on commit b0c7247

Please sign in to comment.
You can’t perform that action at this time.