Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Feat: "What We've Done" - last two cards #228

Merged
merged 4 commits into from
Jul 10, 2024
Merged

Feat: "What We've Done" - last two cards #228

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
4b52fb3
feat: copy-paste first two cards as a base for last two cards
angela-tran Jul 2, 2024
8cf1504
feat: fix top margin for last two cards, add data
angela-tran Jul 2, 2024
2835117
fix: alignment of non-image description paragraphs
angela-tran Jul 9, 2024
ee0a075
style: remove unused classes
angela-tran Jul 9, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
14 changes: 14 additions & 0 deletions src/_data/featured_work.yml
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -32,3 +32,17 @@
- Project Management
- Human-centered Design
- Software Development

- title: Upgrade Scenario Planning Model (SPM)
description: Collaborated with a diverse team to update and enhance the SPM transportation model by developing database queries and a user interface for the Southern California Association of Governments (SCAG).
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

SCAG is mentioned in the Data+Donuts section without spelling it out, but the D+D section comes above this one. Sooo... ideally the D+D section spells out Southern California Association of Governments (SCAG) as it's the first reference on the page, and the rest following can just be SCAG.

Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Yep I think this change makes sense

outcome: Increased the efficiency of a PostGIS spatial query processing millions of geographic points by 70%, allowing end users to receive faster feedback and a friendlier user experience for faster data analysis.
tags:
- Software Development
- Human-centered Design

- title: Product Schedule
description: Managed a research project to evaluate how well scheduling software solutions met the needs of small and rural California transit agencies. Research included conducting 30+ hours of onsite interviews with 4 agencies.
outcome: Deliver a research report to CalTrans summarizing research results and recommending actionable next steps to solution providers and CalTrans to provide agencies with vital scheduling resources.
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Caltrans not CalTrans

Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Just a note: Product Schedule's Outcome section is present (deliver) tense but the rest are past tense (launched).

Copy link
Member

@thekaveman thekaveman Jul 10, 2024 •
edited
Loading

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Let's just make these changes (Caltrans and past tense) 👍

tags:
- Project Management
- Program Development
35 changes: 34 additions & 1 deletion src/our-work.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -95,7 +95,7 @@ <h2 class="mb-4">Featured work</h2>
<div class="col">
<div class="card h-100 text-dark border-0">
<div class="card-body px-lg-5 mx-lg-3 py-lg-5 my-lg-5 pt-3 mt-3 pb-5 pb-3 px-4 px-2">
<div class="min-h-70">
<div class="min-h-40">
{% if featured_work.tags %}
<div class="row row-cols-1 row-cols-lg-auto g-2 g-lg-1">
{% for tag in featured_work.tags %}
Expand All @@ -106,6 +106,8 @@ <h2 class="mb-4">Featured work</h2>
</div>
{% endif %}
<h3 class="card-title fw-boldest pb-4 mb-0 pb-lg-2 mb-lg-5 pt-2 pt-lg-0 mt-4">{{ featured_work.title }}</h3>
</div>
<div class="min-h-35">
<p class="card-text pb-2 mb-5">{{ featured_work.description }}</p>
</div>

Expand Down Expand Up @@ -144,6 +146,37 @@ <h4 class="pill fs-8 p-0 mb-3 text-dark fw-boldest">Outcome</h4>
</div>
{% endfor %}
</div>

<div class="row row-cols-1 row-cols-lg-2 g-4 mt-0">
{% for featured_work in site.data.featured_work limit: 2 offset: 4 %}
<div class="col">
<div class="card h-100 text-dark border-0">
<div class="card-body px-lg-5 mx-lg-3 py-lg-5 my-lg-5 pt-3 mt-3 pb-5 pb-3 px-4 px-2">
<div class="min-h-40">
{% if featured_work.tags %}
<div class="row row-cols-1 row-cols-lg-auto g-2 g-lg-1">
{% for tag in featured_work.tags %}
<div class="col">
<span class="pill pill-tag" aria-hidden="true">{{ tag }}</span>
</div>
{% endfor %}
</div>
{% endif %}
<h3 class="card-title fw-boldest pb-4 mb-0 pb-lg-2 mb-lg-5 pt-2 pt-lg-0 mt-4">{{ featured_work.title }}</h3>
</div>
<div class="min-h-35">
<p class="card-text pb-2 mb-5">{{ featured_work.description }}</p>
</div>

<div>
<h4 class="pill fs-8 text-dark fw-boldest ps-0">Outcome</h4>
<p class="card-text">{{ featured_work.outcome }}</p>
</div>
</div>
</div>
</div>
{% endfor %}
</div>
</div>
</div>
</section>
Expand Down
12 changes: 6 additions & 6 deletions src/styles/base.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -460,18 +460,18 @@ header {
margin: 0;
}

.min-h-70 {
min-height: 70%;
.min-h-35 {
min-height: 35%;
}

.min-h-40 {
min-height: 40%;
}

@media screen and (min-width: 992px) {
.w-md-50 {
width: 50% !important;
}

.mb-lg-6 {
margin-bottom: calc(96rem / 16) !important;
}
}

/* About */
Expand Down