From d0edfc6d3f92fbb2fe0966fd6593e6a1cb21b3b7 Mon Sep 17 00:00:00 2001 From: Miriam Suzanne Date: Wed, 20 Mar 2024 15:38:11 -0600 Subject: [PATCH 1/4] Do we need to elide summaries, or can we summarize them? --- content/_includes/post.macros.njk | 2 +- content/services/design-systems.md | 4 ++-- content/services/development.md | 22 +++++++++++-------- content/services/index.njk | 2 +- content/services/planning.md | 33 ++++++++++++++--------------- content/work/index.njk | 2 +- src/scss/patterns/_blockquotes.scss | 28 ++++++++++++------------ 7 files changed, 49 insertions(+), 44 deletions(-) diff --git a/content/_includes/post.macros.njk b/content/_includes/post.macros.njk index 576eab09b..66fd9f6b5 100644 --- a/content/_includes/post.macros.njk +++ b/content/_includes/post.macros.njk @@ -274,7 +274,7 @@ params: {{ summary | safe }} {% else %}

- {{ summary | elide | safe }} + {{ summary | safe }}

{% endif %} diff --git a/content/services/design-systems.md b/content/services/design-systems.md index fe6352bce..8ff3c218b 100644 --- a/content/services/design-systems.md +++ b/content/services/design-systems.md @@ -9,8 +9,8 @@ action: text: Talk with us » url: /contact/ summary: | - **We partner with clients - to build design systems** + We partner with clients + to build design systems that improve team communication, speed up development, and lay the foundation diff --git a/content/services/development.md b/content/services/development.md index 15deede9f..44f98d4c2 100644 --- a/content/services/development.md +++ b/content/services/development.md @@ -10,16 +10,20 @@ action: text: See work samples » url: /work/ summary: | - **We integrate design and development in an agile process**, so you only need - to hire one team – completely focused on achieving your goals with smooth and - efficient progress from concept to launch and beyond. Starting from user - needs, we collaborate with you to deliver usable features quickly and - efficiently. - - We provide expertise across a range of technologies, including + We integrate design and development in an agile process, + so you only need to hire one team + focused on achieving your goals + from concept to launch and beyond. + Starting from user needs, + we collaborate with you to deliver usable features + quickly and efficiently. + + We provide expertise in UX & UI design, + and a range of technologies including + accessible **HTML** and **CSS/Sass**, **Python** with **Django** & **FastAPI**, - accessible **HTML**, **CSS/Sass**, - **JavaScript** with **React** & **Vue**, **Node**, and more. + **JavaScript** with **React**/**Vue**/**Svelte**, + **Node**, and more. --- {% import 'embed.macros.njk' as embed %} diff --git a/content/services/index.njk b/content/services/index.njk index a3079f9ae..cc6bf8518 100644 --- a/content/services/index.njk +++ b/content/services/index.njk @@ -30,7 +30,7 @@ summary: |
{{ post.banner(page, level=2) }}
-

{{ page.data.summary | md | elide | safe }}

+

{{ page.data.summary | md | safe }}

diff --git a/content/services/planning.md b/content/services/planning.md index ee0c39531..9384b3257 100644 --- a/content/services/planning.md +++ b/content/services/planning.md @@ -163,32 +163,31 @@ action: text: Schedule a call to begin url: /contact/ summary: | - **Most projects start with Research & Concepting** + Most projects start with Research & Concepting to make sure we thoroughly understand your project. - We'll help you pinpoint the right digital product -- + Using an object-oriented user experience (OOUX) strategy, + we'll help you pinpoint the right digital product -- with interactive wireframes, prioritized estimates, and a robust plan for development and launch. - - Using an object-oriented user experience strategy (OOUX) -- - popularized by [Sophia Prater] -- - we'll guide you through a - process to define the concepts or - "objects" that make up your web app, - the relationships between those objects, - and the ways users want to interact with those objects. - We will deliver an Object Map - to streamline communication - between designers, developers, and stakeholders - throughout the project. - - [Sophia Prater]: https://www.ooux.com/ - --- {% import 'quotes.macros.njk' as quotes %} {% import 'embed.macros.njk' as embed %} +We'll guide you through the +Object Oriented User Experience (OOUX) process -- +popularized by [Sophia Prater] -- +to define the "objects" that make up your web app, +the relationships between those objects, +and the ways users want to interact with those objects. +We will deliver an Object Map +to streamline communication +between designers, developers, and stakeholders +throughout the project. + +[Sophia Prater]: https://www.ooux.com/ + {{ quotes.find( collections.all, slugs='easy' diff --git a/content/work/index.njk b/content/work/index.njk index e71f9b5e8..5d33850a3 100644 --- a/content/work/index.njk +++ b/content/work/index.njk @@ -40,7 +40,7 @@ summary: | ) }}

- {{ item.data.summary | md | elide | safe }} + {{ item.data.summary | md | safe }}

{% if (show == 'details') %} diff --git a/src/scss/patterns/_blockquotes.scss b/src/scss/patterns/_blockquotes.scss index 32047db9b..03807200b 100644 --- a/src/scss/patterns/_blockquotes.scss +++ b/src/scss/patterns/_blockquotes.scss @@ -4,22 +4,24 @@ blockquote { --edge: minmax(var(--page-margin), 1fr); --quote: minmax(min-content, var(--page)); - background-color: var(--callout); - display: grid; margin: var(--newline) 0; - object-fit: cover; - padding: var(--spacer) 0; - &:nth-of-type(odd) { - @include layout.clip('right'); + &:not([data-card] *) { + background-color: var(--callout); + display: grid; + padding: var(--spacer) 0; - grid: 'edge icon quote' auto / var(--edge) auto var(--quote); - } + &:nth-of-type(odd) { + @include layout.clip('right'); - &:nth-of-type(even) { - @include layout.clip('left'); + grid: 'edge icon quote' auto / var(--edge) auto var(--quote); + } + + &:nth-of-type(even) { + @include layout.clip('left'); - grid: 'icon quote edge' auto / auto var(--quote) var(--edge); + grid: 'icon quote edge' auto / auto var(--quote) var(--edge); + } } .u-photo { @@ -34,7 +36,7 @@ blockquote { margin-inline-start: calc(50% - 50vw); } - &:not([data-quote]) { + &:not([data-quote]):not([data-card] *) { &::before { color: var(--icon); content: '“'; @@ -59,7 +61,7 @@ blockquote { // ------------- [data-quote='solo'], -blockquote:not([data-quote]) { +blockquote:not([data-quote]):not([data-card] *) { &:nth-of-type(odd) { --column: full / wide; From ac264c0125d896a579d23afe6ea96de976eef5ec Mon Sep 17 00:00:00 2001 From: Miriam Suzanne Date: Thu, 21 Mar 2024 12:35:15 -0600 Subject: [PATCH 2/4] Fix post instead of messing with blockquote styles --- content/blog/2022/platform-tools.md | 9 ++++----- src/scss/patterns/_blockquotes.scss | 27 ++++++++++++--------------- 2 files changed, 16 insertions(+), 20 deletions(-) diff --git a/content/blog/2022/platform-tools.md b/content/blog/2022/platform-tools.md index ebf1e43c6..c967187f9 100644 --- a/content/blog/2022/platform-tools.md +++ b/content/blog/2022/platform-tools.md @@ -42,11 +42,10 @@ tags: - Fonts - Design summary: | - > Ask not just: _How well does it work_? - > But also: _How well does it fail_? - > What happens when something goes wrong? - > - > ---Jeremy Keith + "Ask not just: _How well does it work_? + But also: _How well does it fail_? + What happens when something goes wrong?" + ---Jeremy Keith --- {% import "embed.macros.njk" as embed %} diff --git a/src/scss/patterns/_blockquotes.scss b/src/scss/patterns/_blockquotes.scss index 03807200b..6e8680646 100644 --- a/src/scss/patterns/_blockquotes.scss +++ b/src/scss/patterns/_blockquotes.scss @@ -4,24 +4,21 @@ blockquote { --edge: minmax(var(--page-margin), 1fr); --quote: minmax(min-content, var(--page)); + background-color: var(--callout); + display: grid; margin: var(--newline) 0; + padding: var(--spacer) 0; - &:not([data-card] *) { - background-color: var(--callout); - display: grid; - padding: var(--spacer) 0; - - &:nth-of-type(odd) { - @include layout.clip('right'); + &:nth-of-type(odd) { + @include layout.clip('right'); - grid: 'edge icon quote' auto / var(--edge) auto var(--quote); - } + grid: 'edge icon quote' auto / var(--edge) auto var(--quote); + } - &:nth-of-type(even) { - @include layout.clip('left'); + &:nth-of-type(even) { + @include layout.clip('left'); - grid: 'icon quote edge' auto / auto var(--quote) var(--edge); - } + grid: 'icon quote edge' auto / auto var(--quote) var(--edge); } .u-photo { @@ -36,7 +33,7 @@ blockquote { margin-inline-start: calc(50% - 50vw); } - &:not([data-quote]):not([data-card] *) { + &:not([data-quote]) { &::before { color: var(--icon); content: '“'; @@ -61,7 +58,7 @@ blockquote { // ------------- [data-quote='solo'], -blockquote:not([data-quote]):not([data-card] *) { +blockquote:not([data-quote]) { &:nth-of-type(odd) { --column: full / wide; From cba675a23d936649b72e6e08021a4a2cbdbc9529 Mon Sep 17 00:00:00 2001 From: Jonny Gerig Meyer Date: Thu, 21 Mar 2024 14:36:39 -0400 Subject: [PATCH 3/4] remove duplicate

tags --- content/_includes/post.macros.njk | 9 +-------- content/services/index.njk | 2 +- content/work/index.njk | 4 +--- 3 files changed, 3 insertions(+), 12 deletions(-) diff --git a/content/_includes/post.macros.njk b/content/_includes/post.macros.njk index 66fd9f6b5..261660e7b 100644 --- a/content/_includes/post.macros.njk +++ b/content/_includes/post.macros.njk @@ -268,15 +268,8 @@ params: {{ talks.list(post | pageEvents, compact=true, show_links=false) }} {% elif post.data.summary %} - {% set summary = post.data.summary | md %}

- {% if (card == 'large') %} - {{ summary | safe }} - {% else %} -

- {{ summary | safe }} -

- {% endif %} + {{ post.data.summary | md | safe }}
{% endif %} diff --git a/content/services/index.njk b/content/services/index.njk index cc6bf8518..c7cb53022 100644 --- a/content/services/index.njk +++ b/content/services/index.njk @@ -30,7 +30,7 @@ summary: |
{{ post.banner(page, level=2) }}
-

{{ page.data.summary | md | safe }}

+ {{ page.data.summary | md | safe }} diff --git a/content/work/index.njk b/content/work/index.njk index 5d33850a3..b2da2517c 100644 --- a/content/work/index.njk +++ b/content/work/index.njk @@ -39,9 +39,7 @@ summary: | [years, item.data.sub] | join(' -- ') ) }} -

- {{ item.data.summary | md | safe }} -

+ {{ item.data.summary | md | safe }} {% if (show == 'details') %} {%- set context -%} From 19ac650df03d500221799f2579c0a36508a987a0 Mon Sep 17 00:00:00 2001 From: Jonny Gerig Meyer Date: Thu, 21 Mar 2024 15:38:55 -0400 Subject: [PATCH 4/4] Restore elide on post summaries --- content/_includes/post.macros.njk | 9 ++++++++- 1 file changed, 8 insertions(+), 1 deletion(-) diff --git a/content/_includes/post.macros.njk b/content/_includes/post.macros.njk index 261660e7b..576eab09b 100644 --- a/content/_includes/post.macros.njk +++ b/content/_includes/post.macros.njk @@ -268,8 +268,15 @@ params: {{ talks.list(post | pageEvents, compact=true, show_links=false) }} {% elif post.data.summary %} + {% set summary = post.data.summary | md %}
- {{ post.data.summary | md | safe }} + {% if (card == 'large') %} + {{ summary | safe }} + {% else %} +

+ {{ summary | elide | safe }} +

+ {% endif %}
{% endif %}