Skip to content

Instantly share code, notes, and snippets.

Avatar

Ronan Flynn-Curran flynnduism

View GitHub Profile
View timber.io-concepts.md

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

View signoff-rebasing.md

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
View base.html
{{ if $hasbanner.show }} has-banner{{ end }}
View gist:5b0faf12270c2e2a12d65b36a62e8692
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
View porter-branding.md

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

01-porter-typography

View helm-www-readme.md

github-banner-helm-helmwww

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.

View gist:683a0eaf96ea1d49474520d38fc2267e

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:

Screen Shot 2019-12-11 at 10 54 50 AM

Closes #434.


Notes:

View keybase.md

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:

View cnab-light.css
/**
* 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;
View helm-www-deploy-log.text
$ 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]