flynnduism

In late 2016, I was contacted by the team at Timber.io about doing some contract UI work for them. They had just gotten some beautiful illustration and branding work (from the very talented Oli Lisher), and needed help translating the brand into their product.

Zach and his small team had a very clear vision (and great front-end skills) but needed help creating an interface that was as beautiful as it was powerful. There were very technical UX problems to figure out around the specifics of nested logs, navigable metadata, user tracing, as well as many iterative cycles around balancing space and density in their rich, interactive log views.

This was a really fun experience for me, they have amazing ideas and tastes, so we were able to work on lots of varying layouts and approaches. What follows is a series of UI screen layouts and notes from my time collaborating on Timber.io.

---

UI Design: Styles & Flow

flynnduism

Signoff Old Commits

Use git signoff-rebase instead of git rebase -i to sign older commits, using the alias defined here.

Example:

git signoff-rebase HEAD~3

flynnduism

{{ if $hasbanner.show }} has-banner{{ end }}

flynnduism

I shouldn't shocked at Bay Area real estate ridiculousness, but I saw this and was 😲

The Tems

* lower rockridge
* the founders
* beautiful
* 1 bed apartment $825k (comps around $500~600k) $512 hoa
* 3 bed 2 bath $1.450 (comps $800k~1m) $762 hoa

flynnduism

Here are a collection of ideas I had been working on waay back in February in a previous world...

I had a bunch of ideas, some of which I thought had merit and some which I thought were garbage. I outlined some here which looked to the aspects of Porter as an intuivtive, smooth service that solves problems for you behind the scenes.

But also wanted to make sure it felt bad ass and not subservient or subordinate in any way. One way of doing this I felt would be to make Porter more contemporary and luxe, to feel like a fancy hotel or lifefstyle assistant that costs $$$ and gets shit done, but doesn't take shit either.

Brand Ideas: Exploration

flynnduism

This is where you'll find all of the assets that make up helm.sh, the website for the Helm project. If you'll looking to edit docs, report a website bug or write a new blog post, you've come to the right place!

Development

Helm.sh is a simple Hugo static site, built with a custom theme. To run the website locally, you'll need to first install Hugo and any dependencies.

flynnduism

In this PR I've added weight to the chart_template_guide section of the docs, to restore the correct sort order as per the v2 docs:

Closes #434.

---

Notes:

flynnduism

Keybase proof

I hereby claim:

• I am flynnduism on github.
• I am flynnduism (https://keybase.io/flynnduism) on keybase.
• I have a public key ASBOu1lMbCCYOHe1kiOB9khKX7t5q1Y0fzokn0TnFjNYOAo

To claim this, I am signing this object:

flynnduism

/**
 * White theme for reveal.js. This is the opposite of the 'black' theme.
 *
 * By Hakim El Hattab, http://hakim.se
 */
@font-face {
  font-family: 'work_sansregular';
  src: url("../../lib/font/worksans-regular-webfont.eot");
  src: url("../../lib/font/worksans-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../../lib/font/worksans-regular-webfont.woff") format("woff"), url("../../lib/font/worksans-regular-webfont.ttf") format("truetype"), url("../../lib/font/worksans-regular-webfont.svg#f310d4dccd89e059e79d3b6deebb4725") format("svg");
  font-style: normal;

flynnduism

$ k logs helm-sh-01cweqyhww5ryv9h1bjqs4h8mw

## Installing the NodeSource Node.js 9.x repo...


## Populating apt-get cache...

+ apt-get update
Ign:1 http://deb.debian.org/debian stretch InRelease
Get:2 http://deb.debian.org/debian stretch-updates InRelease [91.0 kB]