Browse Source

Added a proper landing and a github link

master
Drew Short 6 years ago
parent
commit
9f30fe3b03
  1. 9
      config.toml
  2. 10
      content/_index.md
  3. 8
      content/about.md
  4. BIN
      static/assets/img/github.png
  5. 4
      themes/pure/layouts/partials/footer.html
  6. 16
      themes/pure/layouts/partials/head.html
  7. 27
      themes/pure/static/assets/css/style.css

9
config.toml

@ -4,11 +4,18 @@ title = "Sothr"
theme = "pure" theme = "pure"
[params] [params]
CopyrightHolder = "Drew Short"
CopyrightYear = "2014"
[params.links] [params.links]
[params.links.resume] [params.links.resume]
priority = 10
weight = 10
title = "Résumé" title = "Résumé"
url = "https://sothr.com/resume/" url = "https://sothr.com/resume/"
[params.links.github]
weight = 1
title = "GitHub"
image = "assets/img/github.png"
url = "https://github.com/warricksothr/"
[params.links.linkedin] [params.links.linkedin]
title = "LinkedIn" title = "LinkedIn"
image = "assets/img/linkedin.png" image = "assets/img/linkedin.png"

10
content/_index.md

@ -1,4 +1,12 @@
--- ---
type: "homepage" type: "homepage"
--- ---
# This is an example landing page
Welcome to my personal landing page.
I'm a backend and middlware software engineer with a strong focus on the JVM and the surrounding ecosystem. I've spent the last few years working on a suite of services for the healthcare platform at [Optum, Inc.](https://www.optum.com/) I have 7+ years of experience with Java, the Spring Framework and the myriad of libraries that facilitate SOA and Microservice applications.
In my personal projects I often steer clear of the JVM as I work with it on a daily basis during the work week. My tools of choice outside of work are [Python](https://www.python.org/) and [Rust](https://www.rust-lang.org/), with a sprinkling of [Go](https://golang.org/) and the occasional foray into [Common Lisp](https://golang.org/) or [Racket](https://racket-lang.org/). A lot of my personal projects end up on my internally deployed [GitLab](https://about.gitlab.com/) instance and I find the integrated CI suite to be particularly useful. In fact, this site is built on that system and deployed automatically when changes are made to the underlying git repository.
This site is hosted on a small [Digital Ocean](https://www.digitalocean.com/) droplet that I personally manage. While the majority of my personal projects that run as services are hosted as docker containers on my homelab server or on a mediocre dedicated server I rent from [nocix.net](https://www.nocix.net/).
I don't spend much time writing, but when I do feel the itch I'll often drop a piece of content at my old [blog](http://blog.sothr.com) or at the new NullOctet [blog](https://blog.nulloctet.com)

8
content/about.md

@ -1,12 +1,10 @@
--- ---
title: "About" title: "About"
date: 2019-02-08T23:42:14-06:00 date: 2019-02-08T23:42:14-06:00
draft: true
type: "navLink" type: "navLink"
--- ---
[**sothr.com**](https://sothr.com) is in it's 3rd iteration, rewritten using the static site generator [Hugo](https://gohugo.io/) from the previous Refinery CMS branch. I don't update the site often enough to require a CMS style site, and I am no longer comfortable with the additional attack surface of such an application for a simple personal landing page. I've developed a custom Hugo theme based on [Pure.css](https://purecss.io/) which I find to be a refreshingly small css only layout library.
[**sothr.com**](https://sothr.com) is in it's 3rd iteration, rewritten using the static site generator [Hugo](https://gohugo.io/) from the previous Refinery CMS branch. I don't update the site often enough to require a CMS style site, and I am no longer comfortable with the additional attack surface of such an application for a simple personal landing page. I've developed a custom Hugo theme based on [purecss](https://purecss.io/) which I find to be a refreshingly small css only layout library.
The second edition was built on [Refinery CMS](https://refinerycms.com/) and was birthed from my rediscovery of the ruby language while automating processes at Cargill. I was growing tired of maintaining a hand written HTML5 site, and regularly updating my personal project lists wasn't doing anything good for my frustrations around the state of HTML5, CSS3 and Javascript. This version did inherit the look of the original site, through my thankfully forward looking design choice of using mostly stock bootstrap as the primary css library.
The second edition was built on [Refinery CMS](https://refinerycms.com/) and was birthed from my rediscovery of the ruby language while automating processes at Cargill. I was growing tired of maintaining a hand written html 5 site, and regularly updating my personal project lists wasn't doing anything good for my frustrations around the state of HTML5, CSS3 and javascript. This version did inherit the look of the original site, through my thankfully forward looking design choice of using mostly stock bootstrap as the primaryy css library.
The very first edition of the site was a custom amalgamation of burdening web technologies with javascript at the core. I spun out the core components and called it [Web-App-Seed](https://github.com/warricksothr/Web-App-Seed), though this specific set of tools never saw much use and the site built with them was overly complicated. It did however have one meaningful impact on my designs, the use of css libraries like [bootstrap](https://getbootstrap.com/docs/3.4/) to help with page layout.
The very first edition of the site was a custom amalgamation of burdening web technologies with Javascript at the core. I spun out the core components and called it [Web-App-Seed](https://github.com/warricksothr/Web-App-Seed), though this specific set of tools never saw much use and the site built with them was overly complicated. It did however have one meaningful impact on my designs, the use of CSS libraries like [bootstrap](https://getbootstrap.com/docs/3.4/) to help with page layout.

BIN
static/assets/img/github.png

After

Width: 128  |  Height: 128  |  Size: 2.2 KiB

4
themes/pure/layouts/partials/footer.html

@ -1,5 +1,5 @@
<div class="pure-g"> <div class="pure-g">
<div class="pure-u-1 text-align-right">
&COPY; 2014 - Present Drew Short ALL RIGHTS RESERVED.
<div class="pure-u-1 text-align-right" style="padding-right: 1em;">
<span>&copy;</span> {{ .Site.Params.CopyrightYear }} - Present &nbsp; {{ .Site.Params.CopyrightHolder }} &nbsp; ALL RIGHTS RESERVED.
</div> </div>
</div> </div>

16
themes/pure/layouts/partials/head.html

@ -13,12 +13,16 @@
</head> </head>
<nav> <nav>
<div class="pure-menu pure-menu-horizontal"> <div class="pure-menu pure-menu-horizontal">
<a href="{{ .Site.BaseURL }}" class="pure-menu-heading pure-menu-link" title="Home">{{ .Site.Title }}</a>
<ul class="pure-menu-list">
{{ range where .Site.Pages "Type" "navLink" }}
<li class="pure-menu-list"><a href="{{ .URL }}" class="pure-menu-link" title="{{ .Title }}">{{ .Title }}</a></li>
{{ end }}
{{ range sort .Site.Params.links "priority" "desc" }}
<ul class="pure-menu-list float-left">
<li class="pure-menu-list">
<a href="{{ .Site.BaseURL }}" class="pure-menu-heading pure-menu-link" title="Home">{{ .Site.Title }}</a>
</li>
{{ range where .Site.Pages "Type" "navLink" }}
<li class="pure-menu-list"><a href="{{ .URL }}" class="pure-menu-link" title="{{ .Title }}">{{ .Title }}</a></li>
{{ end }}
</ul>
<ul class="pure-menu-list float-right">
{{ range sort .Site.Params.links "weight" "desc" }}
<li class="pure-menu-list"> <li class="pure-menu-list">
{{ if .image }} {{ if .image }}
<a href="{{ .url }}" target="_blank" title="{{ .title }}"> <a href="{{ .url }}" target="_blank" title="{{ .title }}">

27
themes/pure/static/assets/css/style.css

@ -1,13 +1,12 @@
nav { nav {
overflow: hidden; overflow: hidden;
padding: 0px 0px; padding: 0px 0px;
background: #131313;
background: #E7732F;
height: 2.2em; height: 2.2em;
} }
nav ul { nav ul {
display: block; display: block;
float: right;
} }
nav ul li { nav ul li {
@ -17,12 +16,12 @@ nav ul li {
} }
nav ul li a img { nav ul li a img {
padding: .1em;
width: 2em;
padding: .1em .2em;
width: 1.9em;
} }
nav ul li a img:hover { nav ul li a img:hover {
background: #eee;
background: #ffffff;
} }
#container { #container {
@ -42,6 +41,24 @@ nav ul li a img:hover {
height: 2em; /* Height of the footer */ height: 2em; /* Height of the footer */
} }
.float-left {
float: left;
}
.float-right {
float: right;
}
.text-align-right { .text-align-right {
text-align: right; text-align: right;
}
.pure-menu-link {
color: #000000;
}
.pure-menu-active>.pure-menu-link,
.pure-menu-link:focus,
.pure-menu-link:hover {
background-color:#ffffff
} }