From 5713942d409fac333971d9a1c327e8cd6e8dd6c2 Mon Sep 17 00:00:00 2001 From: Adam Jolicoeur Date: Tue, 22 Aug 2023 22:03:44 -0400 Subject: [PATCH] Fix typography bug and update styling --- docs/about/index.html | 25 ++-- docs/alfred/workflows/index.html | 19 +-- docs/code/redesign/index.html | 147 ++++++++++++++++++++ docs/contact/index.html | 27 ++-- docs/css/style.css | 54 +------ docs/design/index.html | 19 +-- docs/designs/alm/index.html | 19 +-- docs/designs/customer-engagement/index.html | 19 +-- docs/designs/district25/index.html | 19 +-- docs/designs/timetrak/index.html | 19 +-- docs/development/index.html | 19 +-- docs/feed/feed.xml | 24 +++- docs/index.html | 17 ++- docs/prototypes/prototypes/index.html | 23 +-- docs/redesign/index.html | 137 ++++++++++++++++++ docs/resume/index.html | 31 +++-- docs/sitemap.xml | 9 +- docs/streamdeck/examples/index.html | 19 +-- social/pages.json | 5 + src/_includes/home.njk | 6 +- src/_includes/page.njk | 10 +- src/_includes/sitenav.njk | 5 +- src/pages/about.md | 9 +- src/pages/code/code.json | 5 + src/pages/code/redesign.md | 20 +++ src/pages/contact.md | 8 +- src/pages/prototypes/prototypes.md | 4 +- src/pages/resume.md | 12 +- src/sass/_buttons.scss | 36 +---- src/sass/_general.scss | 7 - src/sass/_typography.scss | 10 +- 31 files changed, 528 insertions(+), 255 deletions(-) create mode 100644 docs/code/redesign/index.html create mode 100644 docs/redesign/index.html create mode 100644 src/pages/code/code.json create mode 100644 src/pages/code/redesign.md diff --git a/docs/about/index.html b/docs/about/index.html index 37ed476c..86e5fdc2 100644 --- a/docs/about/index.html +++ b/docs/about/index.html @@ -68,11 +68,14 @@ Avatar - About - Designs - Development + + About + + Designs + + Development -
+
@@ -83,15 +86,13 @@
-

about

-

+

about

+

Driven and passionate senior user experience designer with a background in software development. -

- -
+

resume -
+ +

Hello! I’m Adam Jolicoeur

diff --git a/docs/alfred/workflows/index.html b/docs/alfred/workflows/index.html index 58476f14..d56fcf8c 100644 --- a/docs/alfred/workflows/index.html +++ b/docs/alfred/workflows/index.html @@ -68,11 +68,14 @@ Avatar - About - Designs - Development + + About + + Designs + + Development
- @@ -83,12 +86,10 @@
-

Alfred Workflows

-

+

Alfred Workflows

+

A list of my favorite Alfred workflows -

- -
+

Alfred Workflows

diff --git a/docs/code/redesign/index.html b/docs/code/redesign/index.html new file mode 100644 index 00000000..1dec4329 --- /dev/null +++ b/docs/code/redesign/index.html @@ -0,0 +1,147 @@ + + + + + + + + redesign | Adam Jolicoeur + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ +
+

redesign

+

+ A walkthrough of how I redesigned adamjolicoeur.com. +

+ + +
+
+
+

What I used

+

+ Bootstrap, VSCode, GitHub, Netlify, Figma, iOS Simulator +

+
+
+
+ +
+ +
+ + + diff --git a/docs/contact/index.html b/docs/contact/index.html index 808fc053..08a4c68d 100644 --- a/docs/contact/index.html +++ b/docs/contact/index.html @@ -68,11 +68,14 @@ Avatar - About - Designs - Development + + About + + Designs + + Development
- @@ -83,15 +86,13 @@
-

contact

-

+

contact

+

make first contact -

- -
+

-
+
@@ -102,7 +103,7 @@

contact

LinkedIn

Connect with me to see who we have in common.

- Connect on LinkedIn + Connect on LinkedIn
@@ -116,14 +117,14 @@
LinkedIn
GitHub

Follow my work and contributions to the open source community.

- Connect on GitHub + Connect on GitHub
- diff --git a/docs/designs/alm/index.html b/docs/designs/alm/index.html index 46529675..e34b7440 100644 --- a/docs/designs/alm/index.html +++ b/docs/designs/alm/index.html @@ -68,11 +68,14 @@ Avatar - About - Designs - Development + + About + + Designs + + Development - @@ -83,12 +86,10 @@
-

Application Lifecycle Management

-

+

Application Lifecycle Management

+

A one-stop-shop for a team's planning and project lifecycle management. -

- -
+

diff --git a/docs/designs/customer-engagement/index.html b/docs/designs/customer-engagement/index.html index bed31481..039d2c46 100644 --- a/docs/designs/customer-engagement/index.html +++ b/docs/designs/customer-engagement/index.html @@ -68,11 +68,14 @@ Avatar - About - Designs - Development + + About + + Designs + + Development
- @@ -83,12 +86,10 @@
-

Customer Engagement App

-

+

Customer Engagement App

+

For this project, I was tasked with improving the overall user experience for tracking customer engagement and marketing campaigns. This project included creating color palettes, new UI components, personas, and user journeys. -

- -
+

diff --git a/docs/designs/district25/index.html b/docs/designs/district25/index.html index 5d223413..f7048621 100644 --- a/docs/designs/district25/index.html +++ b/docs/designs/district25/index.html @@ -68,11 +68,14 @@ Avatar - About - Designs - Development + + About + + Designs + + Development
- @@ -83,12 +86,10 @@
-

District 25 website

-

+

District 25 website

+

A website revamp for the 25th Masonic District of Masons in Massachusetts. -

- -
+

diff --git a/docs/designs/timetrak/index.html b/docs/designs/timetrak/index.html index 37c8c72a..d360a23f 100644 --- a/docs/designs/timetrak/index.html +++ b/docs/designs/timetrak/index.html @@ -68,11 +68,14 @@ Avatar - About - Designs - Development + + About + + Designs + + Development - @@ -83,12 +86,10 @@
-

TimeTrak by Switchback

-

+

TimeTrak by Switchback

+

Time tracking software for Switchback, Inc. -

- -
+

diff --git a/docs/development/index.html b/docs/development/index.html index 592b26dd..75dcaf53 100644 --- a/docs/development/index.html +++ b/docs/development/index.html @@ -68,11 +68,14 @@ Avatar - About - Designs - Development + + About + + Designs + + Development - @@ -83,12 +86,10 @@
-

development

-

+

development

+

A selection of code examples from various projects that I've worked on. -

- -
+

diff --git a/docs/feed/feed.xml b/docs/feed/feed.xml index 49937eaf..43c4c6b0 100644 --- a/docs/feed/feed.xml +++ b/docs/feed/feed.xml @@ -5,7 +5,7 @@ - 2023-08-11T13:26:23Z + 2023-08-23T01:46:45Z http://localhost:8080 Adam J. Jolicoeur @@ -227,7 +227,7 @@ 2023-06-29T18:18:02Z http://localhost:8080/prototypes/prototypes/ - <div class="container-xxl mb-2 py-2 px-5"> + <div class="container-xxl mb-2 py-2 px-md-5"> <div class="row px-3"> <div class="col-12"> <h2> @@ -252,7 +252,7 @@ </div> </div> </div> -<div class="container-xxl mb-2 py-2 px-5"> +<div class="container-xxl mb-2 py-2 px-md-5"> <div class="row px-3"> <div class="col-12"> <h2>Additional examples:</h2> @@ -356,4 +356,22 @@ http://localhost:8080/designs/timetrak/ + + + redesign + + 2023-08-23T01:46:45Z + http://localhost:8080/code/redesign/ + <div class="container-xxl mb-2 py-2 px-md-5"> + <div class="row px-3 pb-3"> + <div class="col-12"> + <h2 class="mt-0">What I used</h2> + <p class="fs-5 my-0"> + Bootstrap, VSCode, GitHub, Netlify, Figma, iOS Simulator + </p> + </div> + </div> +</div> + + diff --git a/docs/index.html b/docs/index.html index 1a8795c8..4e1b8c41 100644 --- a/docs/index.html +++ b/docs/index.html @@ -68,11 +68,14 @@ Avatar - About - Designs - Development + + About + + Designs + + Development - @@ -83,14 +86,14 @@
-

Adam J. Jolicoeur

-

+

Adam J. Jolicoeur

+

I'm a driven and passionate UX designer, specializing in data-intensive designs.

diff --git a/docs/prototypes/prototypes/index.html b/docs/prototypes/prototypes/index.html index 409153a0..5d6ffeec 100644 --- a/docs/prototypes/prototypes/index.html +++ b/docs/prototypes/prototypes/index.html @@ -68,11 +68,14 @@ Avatar - About - Designs - Development + + About + + Designs + + Development
- @@ -83,15 +86,13 @@
-

prototypes

-

+

prototypes

+

When I work on a design, I prototype as I go. This allows me to see what I'm doing in a working environment, while keeping expectations realistic. -

- -
+

-
+

@@ -116,7 +117,7 @@

Feature flags

-
+

Additional examples:

diff --git a/docs/redesign/index.html b/docs/redesign/index.html new file mode 100644 index 00000000..ef5e7150 --- /dev/null +++ b/docs/redesign/index.html @@ -0,0 +1,137 @@ + + + + + + + + Adam Jolicoeur + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ +
+

+

+ +

+ + + + + +
+ + + diff --git a/docs/resume/index.html b/docs/resume/index.html index 56cd1d3b..3de1f404 100644 --- a/docs/resume/index.html +++ b/docs/resume/index.html @@ -68,11 +68,14 @@ Avatar - About - Designs - Development + + About + + Designs + + Development
- @@ -83,15 +86,13 @@
-

resume

-

+

resume

+

Adam J. Jolicoeur -

- -
+

-
+

Senior UX Designer

@@ -117,7 +118,7 @@

Senior UX Designer

-
+

Senior Software Engineer, UXD

@@ -150,7 +151,7 @@

Senior Software Engineer, UXD

-
+

User Experience Designer

@@ -176,7 +177,7 @@

User Experience Designer

-
+

Vice President, Design

@@ -211,7 +212,7 @@

Vice President, Design

-
+

UI Software Engineer

@@ -236,7 +237,7 @@

UI Software Engineer

-
+

Help Desk Analyst

diff --git a/docs/sitemap.xml b/docs/sitemap.xml index 61130552..f149efb7 100644 --- a/docs/sitemap.xml +++ b/docs/sitemap.xml @@ -4,7 +4,7 @@ http://localhost:8080/ - 2023-08-22T14:36:58Z + 2023-08-23T01:46:45Z @@ -98,4 +98,11 @@ 2023-08-22T14:36:58Z + + + http://localhost:8080/code/redesign/ + + 2023-08-23T01:46:45Z + + diff --git a/docs/streamdeck/examples/index.html b/docs/streamdeck/examples/index.html index 7d030328..8061bbd5 100644 --- a/docs/streamdeck/examples/index.html +++ b/docs/streamdeck/examples/index.html @@ -68,11 +68,14 @@ Avatar - About - Designs - Development + + About + + Designs + + Development
- @@ -83,12 +86,10 @@
-

Stream Deck examples

-

+

Stream Deck examples

+

Examples of the icons available in my Stream Deck icon packs. -

- -
+

diff --git a/social/pages.json b/social/pages.json index b5dfc129..a12d7382 100644 --- a/social/pages.json +++ b/social/pages.json @@ -67,5 +67,10 @@ { "title":"contact", "imgName":"contact" + }, + + { + "title":"redesign", + "imgName":"redesign" } ] diff --git a/src/_includes/home.njk b/src/_includes/home.njk index 00b9fd05..49f1f7db 100644 --- a/src/_includes/home.njk +++ b/src/_includes/home.njk @@ -4,14 +4,14 @@ templateEngineOverride : md, njk ---
-

Adam J. Jolicoeur

-

+

Adam J. Jolicoeur

+

I'm a driven and passionate UX designer, specializing in data-intensive designs.

diff --git a/src/_includes/page.njk b/src/_includes/page.njk index 5a95eccd..c7d6463c 100644 --- a/src/_includes/page.njk +++ b/src/_includes/page.njk @@ -3,13 +3,13 @@ layout: base.njk ---
-

{{ title }}

-

+

{{ title }}

+

{{ description }}

- {% if page.primaryURL === true %} - {{ primaryAction }} - {% endif %} + {%- if (headerButton) -%} + {{ primaryAction }} + {%- else -%}{%- endif -%}
diff --git a/src/_includes/sitenav.njk b/src/_includes/sitenav.njk index 8368b58b..47bf7814 100644 --- a/src/_includes/sitenav.njk +++ b/src/_includes/sitenav.njk @@ -11,10 +11,11 @@ Avatar {%- for entry in navPages %} - {{ entry.title }} + {# {{ entry.title }} #} + {{ entry.title }} {%- endfor %}
- diff --git a/src/pages/about.md b/src/pages/about.md index d8327ec7..a199cafb 100644 --- a/src/pages/about.md +++ b/src/pages/about.md @@ -2,12 +2,15 @@ title: "about" abbreviation: "About" description: "Driven and passionate senior user experience designer with a background in software development." +primaryURL: /resume +primaryAction: resume +headerButton: true eleventyNavigation: key: About order: 1 --- -
+ +

Hello! I’m Adam Jolicoeur

diff --git a/src/pages/code/code.json b/src/pages/code/code.json new file mode 100644 index 00000000..744c0f98 --- /dev/null +++ b/src/pages/code/code.json @@ -0,0 +1,5 @@ +{ + "tags": "pages", + "layout": "page", + "permalink": "/code/{{ page.fileSlug }}/" +} diff --git a/src/pages/code/redesign.md b/src/pages/code/redesign.md new file mode 100644 index 00000000..b488d8d5 --- /dev/null +++ b/src/pages/code/redesign.md @@ -0,0 +1,20 @@ +--- +title: "redesign" +abbreviation: "Redesign" +description: "A walkthrough of how I redesigned adamjolicoeur.com." +eleventyNavigation: + key: Redesign + parent: Development + order: 2 +--- + +
+
+
+

What I used

+

+ Bootstrap, VSCode, GitHub, Netlify, Figma, iOS Simulator +

+
+
+
diff --git a/src/pages/contact.md b/src/pages/contact.md index 318351e7..848c3e0c 100644 --- a/src/pages/contact.md +++ b/src/pages/contact.md @@ -4,7 +4,7 @@ abbreviation: "contact" description: "make first contact" --- -
+
@@ -15,7 +15,7 @@ description: "make first contact"
LinkedIn

Connect with me to see who we have in common.

- Connect on LinkedIn + Connect on LinkedIn
@@ -29,14 +29,14 @@ description: "make first contact"
GitHub

Follow my work and contributions to the open source community.

- Connect on GitHub + Connect on GitHub
-