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.

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

Site updates #715

Merged
merged 34 commits into from
Oct 16, 2023
Merged
Changes from 3 commits
Commits
Show all changes
34 commits
Select commit Hold shift + click to select a range
718e4c3
Removes PDF buttons and adds CTA
sadiejay Jun 14, 2023
9ac9c33
Merge 'site-wide-updates' into site-wide-updates
sadiejay Sep 29, 2023
7259fb8
Creates the ability to add custom styles to video component
sadiejay Sep 29, 2023
69ed0fc
Creates the ability to add custom backgrounds to headers
sadiejay Sep 29, 2023
9a6d45b
Adds summit header background styles
sadiejay Sep 29, 2023
fead568
WIP: Adds styling to summit page
sadiejay Oct 3, 2023
dbdf5bb
Adds background img to summit hero
sadiejay Oct 3, 2023
a80c3b8
WIP: Creates summit page
sadiejay Oct 3, 2023
fd193ae
Merge pull request #714 from sadiejay/site-wide-updates
sadiejay Oct 3, 2023
c2bbcea
Adds customization of video width and height
sadiejay Oct 4, 2023
19d8b23
WIP: Summit page styles
sadiejay Oct 4, 2023
ca3e171
Updates text
sadiejay Oct 4, 2023
9f411fd
Adds sizes for videos
sadiejay Oct 4, 2023
bee975f
WIP: Adds styling for video section container
sadiejay Oct 4, 2023
4e1acb0
WIP: Adds styles for video component
sadiejay Oct 5, 2023
4406eae
Creates summit video component
sadiejay Oct 5, 2023
4bc072d
Merge pull request #716 from sadiejay/site-wide-updates
sadiejay Oct 5, 2023
4e6445e
WIP: Styles for summit page
sadiejay Oct 6, 2023
0f84aae
WIP: Styles summit page
sadiejay Oct 6, 2023
8861408
Merge pull request #717 from sadiejay/site-wide-updates
sadiejay Oct 6, 2023
ea0b5eb
Adds background to past events section
sadiejay Oct 6, 2023
27b3b11
Hides cta section
sadiejay Oct 6, 2023
2476d06
Merge pull request #718 from sadiejay/site-wide-updates
sadiejay Oct 6, 2023
d897135
Allows background to span browser widths >1024px
sadiejay Oct 6, 2023
ae2090a
Merge pull request #719 from sadiejay/site-wide-updates
sadiejay Oct 6, 2023
bc0f10f
Adds summit page to navbar
sadiejay Oct 10, 2023
6d1fa66
Adds padding to bottom of past events page
sadiejay Oct 10, 2023
9ca705d
Adds styling notes from QA
sadiejay Oct 10, 2023
eeb5b55
Merge pull request #720 from sadiejay/site-wide-updates
sadiejay Oct 10, 2023
eed4342
Adds copy changes and video
sadiejay Oct 16, 2023
ece1925
Removes CTA
sadiejay Oct 16, 2023
821df55
Merge pull request #724 from sadiejay/site-wide-updates
sadiejay Oct 16, 2023
f40b996
Adds copy change to video
sadiejay Oct 16, 2023
87de0e4
Merge pull request #725 from sadiejay/site-wide-updates
sadiejay Oct 16, 2023
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
20 changes: 14 additions & 6 deletions _includes/hero.html
Original file line number Diff line number Diff line change
@@ -126,13 +126,21 @@ <h1 class="usa-hero__title text-center">{{ page.hero.text}}</h1>
{{ page.hero.subtext | markdownify }}
</div>
</div>
{% elsif page.class =="summit" %}
<section class="interior-hero bg-base-darkest usa-dark-background {{page.background}}">
<div class="grid-container usa-hero__bg display-flex flex-column flex-align-center">
<h1 class="usa-hero__title">{{ page.hero.text}}</h1>
<div class="usa-hero__subtitle">
{{ page.hero.subtext | markdownify }}
</div>
</div>
{% else %}
<section class="interior-hero bg-base-darkest usa-dark-background {{page.background}}">
<div class="grid-container usa-hero__bg display-flex flex-column flex-align-center">
<h1 class="usa-hero__title">{{ page.hero.text}}</h1>
<div class="grid-col-6 tablet:grid-col-4 usa-hero__subtitle text-center">
{{ page.hero.subtext | markdownify }}
</div>
<section class="interior-hero bg-base-darkest usa-dark-background {{page.background}}">
<div class="grid-container usa-hero__bg display-flex flex-column flex-align-center">
<h1 class="usa-hero__title">{{ page.hero.text}}</h1>
<div class="grid-col-6 tablet:grid-col-4 usa-hero__subtitle text-center">
{{ page.hero.subtext | markdownify }}
</div>
</div>
{% endif %}
</section>
35 changes: 34 additions & 1 deletion css/_uswds-theme-custom-styles.scss
Original file line number Diff line number Diff line change
@@ -3215,9 +3215,42 @@ code {
width: 392px;
}
}
.video-section-text-container {
div.video-section-text-container {
font-size: 10px;
line-height: 12.6px;
padding: 16px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
h3 {
padding: 0;
}
@include at-media("tablet") {
max-width: 247px;
height: 144px;
}

@include at-media("desktop") {
max-width: 392px;
height: 230px;
h3 {
font-size: 16px;
line-height: 24px;
}

p {
font-size: 16px;
line-height: 20px;
}
}
}
}

section.highlight-video-section div.video-section-text-container h3 {
@include at-media("desktop") {
font-size: 24px;
line-height: 24px;
}
}

7 changes: 4 additions & 3 deletions pages/summit.md
Original file line number Diff line number Diff line change
@@ -3,8 +3,9 @@ title: "Annual Innovation Summit"
permalink: /summit/
layout: default
name: summit
class: summit

background: banner-background
background: banner-background padding-x-4 tablet:padding-x-6 desktop:padding-x-10
hero:
text: The Opportunity Project Summit is an annual multi-day virtual conference that features speakers, discussions, product demonstrations, and hands-on learning opportunities.
subtext: Showcasing open innovation in the public sector, new civic technology, and emerging models for cross-sector collaboration and inclusive design.
@@ -39,7 +40,7 @@ video-one:
blurb:
title: "2023 TOP Summit"
p: "Highlighted more than 25 new technology products created through 2022 TOP sprints including five sprints focused on challenges impacting Puerto Rico."
class: defined-width
class:


video-two:
@@ -154,7 +155,7 @@ video-seven:
{% assign section = page.video-one %}
{% include summit-video.html data=section %}
</div>
<div class="grid-row video-section-container">
<div class="grid-row video-section-container tablet:margin-top-7 desktop:margin-top-15">
{% assign section = page.video-two %}
{% include summit-video.html data=section %}
{% assign section = page.video-three %}