diff --git a/README.md b/README.md index 69bc187..4b31825 100644 --- a/README.md +++ b/README.md @@ -20,21 +20,22 @@ Partly inspired by the philosophy of [learning in public](https://www.swyx.io/le - [x] showcase tag section thumbnail row - [x] WIP alert or something ("latest change" note?) - [x] home layout, article layout separate CSS -- [ ] realign header and footer to uniform width for both layouts +- [x] realign header and footer to uniform width for both layouts - [x] figure out Tufte images CSS - [x] redirect ericthebell.com - [ ] role pages content & images - [ ] projects pages content & images - [ ] thumbnails for everything -- [ ] accolades on About page +- [x] accolades on About page - [ ] better focused expertise & goals - [ ] collection pages for `tag`s +- [ ] tag filterable view (projects, talks, roles) - [ ] second pass CSS styling - [ ] thumbnail grid tiling - [ ] portfolio page with tag filterable view (projects, talks, roles) - [ ] rename `portfolio` roles list to `career` - [ ] content management for Jekyll collections -- [ ] add a blog? +- [ ] restore blog page and update posts layout ## config diff --git a/_config.yml b/_config.yml index 0c136b9..262ad63 100644 --- a/_config.yml +++ b/_config.yml @@ -25,6 +25,10 @@ author: name: Eric Bell email: +# Add your copyright policy here +copyright: "CC BY-SA 4.0" +cc_license: "https://creativecommons.org/licenses/by-sa/4.0/" + title: Eric Bell description: > # It will appear in your document head meta (for Google search results) and in your feed.xml site description. Holistic product and service design, making complexity feel simple. Resume (PDF) @@ -41,8 +45,8 @@ header_pages: - portfolio.md - talks.md - offerings.md -# - blog.md - about.md + - blog.md # 3.0 notes # Also, I can specify the skin now! @@ -86,6 +90,11 @@ defaults: type: "talks" values: layout: "talk" + - scope: + path: "_posts" + type: "posts" + values: + layout: "post" collections: # blog is automatic collection of posts roles: diff --git a/_includes/footer.html b/_includes/footer.html index e5ae24e..ecf4dd7 100644 --- a/_includes/footer.html +++ b/_includes/footer.html @@ -8,11 +8,14 @@ {%- if site.author %} {%- endif %} diff --git a/_layouts/post.html b/_layouts/post.html index c9a03be..e904f52 100644 --- a/_layouts/post.html +++ b/_layouts/post.html @@ -1,5 +1,5 @@ --- -layout: default +layout: tufte ---
diff --git a/_layouts/talk.html b/_layouts/talk.html index 4acdf83..bee9535 100644 --- a/_layouts/talk.html +++ b/_layouts/talk.html @@ -12,7 +12,7 @@

{{ page.headline }}

{{ page.embed }} -
{{ page.label }}
+

{{ page.label }}

{%- include tags.md -%} diff --git a/_posts/2017-02-28-comics-translation-to-cancer-treatments.md b/_posts/2017-02-28-comics-translation-to-cancer-treatments.md index d51b745..56c9ca6 100644 --- a/_posts/2017-02-28-comics-translation-to-cancer-treatments.md +++ b/_posts/2017-02-28-comics-translation-to-cancer-treatments.md @@ -2,7 +2,7 @@ layout: post title: Comics translation to cancer treatments, a year in review date: 2017-Feb-28 18:52:00 -000 -summary: For my work life, 2016 was a year of transitions and contrasts +summary: For my work life, 2016 was a year of transitions and contrasts. tags: startup healthtech career --- diff --git a/_projects/hackathon-frood-frictionless-food-entry-on-mobile-2012-10.md b/_projects/hackathon-frood-frictionless-food-entry-on-mobile-2012-10.md index 83889b0..295b1d2 100644 --- a/_projects/hackathon-frood-frictionless-food-entry-on-mobile-2012-10.md +++ b/_projects/hackathon-frood-frictionless-food-entry-on-mobile-2012-10.md @@ -1,7 +1,7 @@ --- layout: post title: 'Frood: frictionless food entry on mobile' -company: Hackathon +company: Side projects date: '2012-10-21T11:07:00-04:00' tags: - hackathon diff --git a/_projects/hackathon-word-herd-crowdsourcing-business-taglines-2013-09.md b/_projects/hackathon-word-herd-crowdsourcing-business-taglines-2013-09.md index 9ae5ffe..f426698 100644 --- a/_projects/hackathon-word-herd-crowdsourcing-business-taglines-2013-09.md +++ b/_projects/hackathon-word-herd-crowdsourcing-business-taglines-2013-09.md @@ -1,7 +1,7 @@ --- layout: post title: 'Word Herd: crowdsourcing business taglines' -company: Hackathon +company: Side projects date: '2013-09-24T11:54:00-04:00' tags: - hackathon diff --git a/_projects/hackathon-wtf-denied-explaining-benefits-better-2013-10.md b/_projects/hackathon-wtf-denied-explaining-benefits-better-2013-10.md index 8011878..7baec43 100644 --- a/_projects/hackathon-wtf-denied-explaining-benefits-better-2013-10.md +++ b/_projects/hackathon-wtf-denied-explaining-benefits-better-2013-10.md @@ -1,7 +1,7 @@ --- layout: project title: 'WTF Denied: Explaining benefits better' -company: Hackathon +company: Side projects date: '2013-10-02T13:05:00-04:00' thumbnail: /assets/images/hack-wtf-thumb.png tags: diff --git a/_roles/oneshots.md b/_roles/oneshots.md index 8b62630..6b323d1 100644 --- a/_roles/oneshots.md +++ b/_roles/oneshots.md @@ -1,7 +1,7 @@ --- title: One-shots layout: role -company: Hackathon +company: Side projects logo: /assets/images/eric_viki.png tagline: Hackathons & freelance projects position: @@ -11,6 +11,4 @@ dateshow: 2012+ tags: hackathon freelance oneshot --- -## Hackathons & freelance projects - -Some projects \ No newline at end of file +Side projects and hackathons \ No newline at end of file diff --git a/_talks/2013-designers-at-hackathons.md b/_talks/2013-designers-at-hackathons.md index 29e2ffc..0b670d8 100644 --- a/_talks/2013-designers-at-hackathons.md +++ b/_talks/2013-designers-at-hackathons.md @@ -1,7 +1,7 @@ --- layout: talk title: Designers @ Hackathons -company: Hackathon +company: Side projects summary: Talk at the IxDA event UX in Space, Vol 2, an event for design challenges in unusual contexts. formal: Designers @ Hackathons diff --git a/_talks/2014-design-for-conversion.md b/_talks/2014-design-for-conversion.md index 4f5890a..ba98d09 100644 --- a/_talks/2014-design-for-conversion.md +++ b/_talks/2014-design-for-conversion.md @@ -1,6 +1,7 @@ --- layout: talk title: Design for Conversion +company: Viki summary: Short presentation on common conversion flow patterns and approaches for tackling them. formal: context: Speaker for an event hosted by Orange Hive accelerator in Singapore. diff --git a/_talks/2015-uxd-omg-wtf-bbq.md b/_talks/2015-uxd-omg-wtf-bbq.md index be77af3..048bbcf 100644 --- a/_talks/2015-uxd-omg-wtf-bbq.md +++ b/_talks/2015-uxd-omg-wtf-bbq.md @@ -1,6 +1,7 @@ --- layout: talk title: Parsing UX Design +company: Side projects headline: A talk on UX design terminology, skillsets, and process summary: Breaking down UX titles and design process, a presentation and Q&A session at #createTogether conference in Yerevan, Armenia. context: #createtogether conference in Yerevan, Armenia diff --git a/_talks/2019-chain-of-custody.md b/_talks/2019-chain-of-custody.md index a43b984..f8e12b4 100644 --- a/_talks/2019-chain-of-custody.md +++ b/_talks/2019-chain-of-custody.md @@ -1,6 +1,6 @@ --- layout: talk -title: Chain of Custody +title: Chain of Custody Handoff Patterns company: Vineti summary: Short talk at a Vineti-hosted health tech event, on some challenges and solution patterns around chain of custody in cell therapy treatments. @@ -9,8 +9,8 @@ context: Design 4 Healthcare lightning talks event at Vineti's offices in San Fr date: 2019-11-01 dateshow: 2019 Nov thumbnail: /assets/images/COC-handoff-patterns.png -embed: -label: +embed: Chain of Custody handoffs +label: No link for this one! link: tags: talk event Vineti oneshot --- diff --git a/about.md b/about.md index 26a32d4..c0dd115 100644 --- a/about.md +++ b/about.md @@ -38,10 +38,10 @@ I've spent my career solving information and interaction problems, from "how can
- career timeline + career timeline
-The last six years I spent leading the design team at [Vineti](https://vineti.com/), where we built a platform to orchetsrate the next generation of cell nd gene therapy treatments. Before that I directed product design on the Rakuten Manga project, a platform for fans to translate digital comics into their own language, and I formed and facilitated the design team at Viki, a Rakuten subsidiary. I've worked at a small social media startup, design agencies in Tokyo and Seattle, and designed the Japanese input methods for Microsoft's erstwhile Windows Phone 7. +**This past year** I supported [Al Jazeera's digital team](/roles/Al-Jazeera) to improve their design strategy and team processes. Recently, I spent six years leading the design team at [Vineti](/roles/Vineti), where we built a platform to orchetsrate the next generation of cell nd gene therapy treatments. Before that I directed product design on the Rakuten Manga project, a platform for fans to translate digital comics into their own language, and I formed and facilitated the design team at Viki, a Rakuten subsidiary. I've worked at a small social media startup, design agencies in Tokyo and Seattle, and designed the Japanese input methods for Microsoft's erstwhile Windows Phone 7.
@@ -51,9 +51,13 @@ The last six years I spent leading the design team at [Vineti](https://vineti.co
-**Currently I'm looking** for *complex system & service problems* to work on, an *established design team* to learn from & mentor, who are *geographically distributed* with intentional onsites. +**Currently** I'm working on building out [HyeTech's](https://hyetech.io) operations with our small team, to better support connecting tech leaders and entrepreneurs. - +I'm also open for part time consulting engagements on . Check out my [offerings](/offerings) and [drop me a line](https://cal.com/ericthebell/office-hours). + +
diff --git a/assets/css/style.scss b/assets/css/style.scss index d66fdbc..c8370e9 100644 --- a/assets/css/style.scss +++ b/assets/css/style.scss @@ -26,23 +26,31 @@ header.site-header { /* box-shadow: 0 2px 5px rgba(0,0,0,0.1); /* Optional: Adds a subtle shadow */ } +header .wrapper { + max-width: calc(800px -(30px)); + margin-right: auto; + margin-left: auto; + padding-right: 15px; + padding-left: 15px; +} + header .tufte { - padding: 0 0 0 12.5%; - padding-right: 30px; - padding-left: 30px; + padding: 0 12.5% 0 12.5%; + /* padding-right: 30px; + padding-left: 30px; */ margin-right: auto; margin-left: auto; } body { - /* width: 87.5%; */ + /* width: 87.5%; margin-left: auto; - margin-right: auto; + margin-right: auto; */ font-family: Merriweather Sans, Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, serif; font-weight: 300; background-color: #fffff8; color: #111; - max-width: 1400px; + /* max-width: 1400px; */ counter-reset: sidenote-counter; } @@ -87,6 +95,14 @@ h3 { line-height: 1.3; } +h4 { + font-family: Merriweather; + font-weight: 600; + font-size: 1.5rem; + margin-top: 0.2rem; + margin-bottom: 0.4rem; + line-height: 1.3; +} .tufte hr { width: 55%; } @@ -156,6 +172,12 @@ header a{ border: none; } +.site-nav .page-link { + color: #111111; + line-height: 1.5; + padding: 17px 10px 19px 10px; +} + a:hover { color: #131313; background-color: #fff7a5; diff --git a/assets/images/career-timeline-minimal.jpg b/assets/images/career-timeline-minimal.jpg new file mode 100644 index 0000000..8c1caf2 Binary files /dev/null and b/assets/images/career-timeline-minimal.jpg differ diff --git a/assets/images/career-timeline-simple.jpg b/assets/images/career-timeline-simple.jpg new file mode 100644 index 0000000..e392fd6 Binary files /dev/null and b/assets/images/career-timeline-simple.jpg differ diff --git a/blog.md b/blog.md index e097bea..b7b40e8 100644 --- a/blog.md +++ b/blog.md @@ -2,25 +2,12 @@ layout: default title: thoughts header: Sunsets from trains -subtitle: A trains & cats person in the land of cars & dogs +subtitle: A trains & cats information nerd permalink: /blog --- # {{ page.header }} -## Latest thoughts - - - -
{% if site.paginate %} {% assign posts = paginator.posts %} @@ -28,7 +15,6 @@ permalink: /blog {% assign posts = site.posts %} {% endif %} - {%- if posts.size > 0 -%} {%- if page.list_title -%}

{{ page.list_title }}

@@ -37,15 +23,13 @@ permalink: /blog {%- assign date_format = site.minima.date_format | default: "%b %-d, %Y" -%} {%- for post in posts -%}
  • - -

    + +

    {{ post.title | escape }} -

    - {%- if site.show_excerpts -%} - {{ post.excerpt }} - {%- endif -%} + + {{ post.summary }}
  • {%- endfor -%} diff --git a/offerings.md b/offerings.md index e0e3a67..47a059c 100644 --- a/offerings.md +++ b/offerings.md @@ -1,5 +1,5 @@ --- -layout: tufte +layout: default title: offerings header: Offerings & Services # permalink: /offerings diff --git a/talks.md b/talks.md index 6630bdb..acf495a 100644 --- a/talks.md +++ b/talks.md @@ -8,7 +8,7 @@ header: Speaking & Events # Talks I've given here and there {% for talk in site.talks reversed %} -

    {{ talk.title }}

    +

    {{ talk.title }}

    {{ talk.date | date: "%Y %b" }}
    {{ talk.summary | markdownify }}

    {{ page.thumbnail }}