Skip to content

Commit

Permalink
Fix page-card class (#1703)
Browse files Browse the repository at this point in the history
* Change .page-card-base to .page-card in _cards.scss

* Change page-card-base to page-card in all instances throughout the site
  • Loading branch information
glenflorendo authored Jun 11, 2021
1 parent 7479c4a commit 3054d9f
Show file tree
Hide file tree
Showing 11 changed files with 29 additions and 29 deletions.
6 changes: 3 additions & 3 deletions _includes/forms/contact-us.html
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@
<section class="content-section">
<!-- <h2 class="page-contain">Get in Touch</h2><br> -->

<div class="page-card-base card-secondary page-card-md page-card--home">
<div class="page-card card-secondary page-card-md page-card--home">
<h3>Sign up for our newsletter</h3>
<form class="hero-signup" name="Quick Signup Form">
<input id="hero-signup" class="form-input" type="email" name="email" placeholder="Enter your email address"
Expand All @@ -12,7 +12,7 @@ <h3>Sign up for our newsletter</h3>
<div class="form-confirmation"><strong></strong></div>
</div><br>

<div class="page-card-base card-secondary page-card-md page-card--home page-card--home-volunteer">
<div class="page-card card-secondary page-card-md page-card--home page-card--home-volunteer">
<h3>Volunteer with us</h3>
<div class="row-1">
<div class="column volunteerWithUs">
Expand All @@ -27,7 +27,7 @@ <h3>Volunteer with us</h3>
</div>
</div><br>

<div class="page-card-base card-secondary page-card-md page-card--home">
<div class="page-card card-secondary page-card-md page-card--home">
<h3>Get in touch with us</h3>
<p>The more you tell us about yourself, the better we can match you with the right resources.</p><br>

Expand Down
8 changes: 4 additions & 4 deletions _layouts/project.html
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,7 @@ <h1 class='hero-inner'>{{ page.title }}</h1>

<div class='content-section project-home-page'>
<!--Project Description Card-->
<div id='project-description-card' class='page-card-base card-primary page-card-lg page-card--project-description-page'>
<div id='project-description-card' class='page-card card-primary page-card-lg page-card--project-description-page'>
<h4 class='project-page-card-title'>Project Overview</h4>
<!--Project Details-->
<div class='project-page-description'>
Expand Down Expand Up @@ -99,7 +99,7 @@ <h5 class='status-text'>{{ page.status }}</h5>
</div>

<!--Getting Started Card-->
<div id="getting-started-section" class='page-card-base card-primary page-card-lg page-card--project-description-page'>
<div id="getting-started-section" class='page-card card-primary page-card-lg page-card--project-description-page'>
<h4 class='getting-page-card-title'>Getting Started</h4>
<ul class="resource-list unstyled-list">
<!-- Hfla Start Guide -->
Expand Down Expand Up @@ -140,7 +140,7 @@ <h4 class='getting-page-card-title'>Getting Started</h4>
</ul>
</div>
<!--Project Resources Card-->
<div class='page-card-base card-primary page-card-lg page-card--project-description-page'>
<div class='page-card card-primary page-card-lg page-card--project-description-page'>
<h4 class='project-page-card-title'>Resources</h4>
<ul class="resource-list unstyled-list">
{%- for item in page.links -%}
Expand All @@ -154,7 +154,7 @@ <h4 class='project-page-card-title'>Resources</h4>
</div>

<!-- Project Team Card -->
<div id='project-team-card' class='page-card-base card-primary page-card-lg page-card--project-description-page'>
<div id='project-team-card' class='page-card card-primary page-card-lg page-card--project-description-page'>
<h4 class='project-page-card-title'>Current Project Team</h4>
{% if page.leadership %}
<div class='resource-list'>
Expand Down
2 changes: 1 addition & 1 deletion _sass/elements/_cards.scss
Original file line number Diff line number Diff line change
Expand Up @@ -40,7 +40,7 @@
---------------------------*/


.page-card-base {
.page-card {
border-radius: 20px;
overflow: hidden;
width: 100%;
Expand Down
2 changes: 1 addition & 1 deletion pages/communities-of-practice.html
Original file line number Diff line number Diff line change
Expand Up @@ -24,7 +24,7 @@ <h1>Communities of Practice</h1>
{% assign sorted_communities = site.data.internal.communities | sort %}
{% for community in sorted_communities %}
{% if community[1].visible == true %}
<div class="page-card-base card-primary page-card-lg page-card-container">
<div class="page-card card-primary page-card-lg page-card-container">
<div class="page-card-image-container">
<img class="page-card-image" src="{{ community[1].image }}" alt="{{ community[1].alt }}"/>
</div>
Expand Down
2 changes: 1 addition & 1 deletion pages/credits.html
Original file line number Diff line number Diff line change
Expand Up @@ -16,7 +16,7 @@ <h1>Credits</h1>

<div class='content-section wide-div'>
<a class='anchor' id='step-1'></a>
<div class='page-card-base card-primary page-card-lg page-card--credits'>
<div class='page-card card-primary page-card-lg page-card--credits'>
<div class="page-contain credits-inner">
<ul class="credits-list unstyled-list">
{%- for item in site.data.internal.credits -%}
Expand Down
10 changes: 5 additions & 5 deletions pages/getting-started-with-video.html
Original file line number Diff line number Diff line change
Expand Up @@ -39,7 +39,7 @@ <h1>Getting Started</h1>
<div class='content-section getting-started-page'>

<a class='anchor' id='step-1'></a>
<div class='page-card-base card-primary page-card-lg page-card--getting-started'>
<div class='page-card card-primary page-card-lg page-card--getting-started'>
<div class="step-header">
<p class="getting-started-step-title-header">STEP 1: <b>Onboard</b> </p>

Expand Down Expand Up @@ -93,7 +93,7 @@ <h3>Next Actions</h3>


<a class='anchor' id='step-2'></a>
<div class='page-card-base card-primary page-card-lg page-card--getting-started'>
<div class='page-card card-primary page-card-lg page-card--getting-started'>
<div class="step-header">
<p class="getting-started-step-title-header">STEP 2: <b>Choose a Project</b></p>
</div>
Expand Down Expand Up @@ -135,7 +135,7 @@ <h3>Next Actions</h3>


<a class='anchor' id='step-3'></a>
<div class='page-card-base card-primary page-card-lg page-card--getting-started'>
<div class='page-card card-primary page-card-lg page-card--getting-started'>
<div class="step-header">
<p class="getting-started-step-title-header">STEP 3: <b>Join a Project</b></p>
</div>
Expand Down Expand Up @@ -177,7 +177,7 @@ <h3>Next Actions</h3>


<a class='anchor' id='step-4'></a>
<div class='page-card-base card-primary page-card-lg page-card--getting-started'>
<div class='page-card card-primary page-card-lg page-card--getting-started'>
<div class="step-header">
<p class="getting-started-step-title-header">STEP 4: <b>Adopt our Standards</b></p>

Expand Down Expand Up @@ -217,7 +217,7 @@ <h3>Next Actions</h3>
</div>


<div class='page-card-base card-primary page-card-lg page-card--getting-started'>
<div class='page-card card-primary page-card-lg page-card--getting-started'>
<div class="step-header">
<h3> Frequently Asked Questions</h3>
</div>
Expand Down
10 changes: 5 additions & 5 deletions pages/getting-started.html
Original file line number Diff line number Diff line change
Expand Up @@ -39,7 +39,7 @@ <h1>Getting Started</h1>
<div class='content-section getting-started-page'>

<a class='anchor' id='step-1'></a>
<div class='page-card-base card-primary page-card-lg page-card--getting-started'>
<div class='page-card card-primary page-card-lg page-card--getting-started'>
<div class="step-header">
<p class="getting-started-step-title-header">STEP 1: <b>Onboard</b> </p>

Expand Down Expand Up @@ -93,7 +93,7 @@ <h3>Join a Community of Practice</h3>


<a class='anchor' id='step-2'></a>
<div class='page-card-base card-primary page-card-lg page-card--getting-started'>
<div class='page-card card-primary page-card-lg page-card--getting-started'>
<div class="step-header">
<p class="getting-started-step-title-header">STEP 2: <b>Choose a Project</b></p>
</div>
Expand Down Expand Up @@ -134,7 +134,7 @@ <h3>Join a Community of Practice</h3>


<a class='anchor' id='step-3'></a>
<div class='page-card-base card-primary page-card-lg page-card--getting-started'>
<div class='page-card card-primary page-card-lg page-card--getting-started'>
<div class="step-header">
<p class="getting-started-step-title-header">STEP 3: <b>Join a Project</b></p>
</div>
Expand Down Expand Up @@ -174,7 +174,7 @@ <h3>Join a Community of Practice</h3>


<a class='anchor' id='step-4'></a>
<div class='page-card-base card-primary page-card-lg page-card--getting-started'>
<div class='page-card card-primary page-card-lg page-card--getting-started'>
<div class="step-header">
<p class="getting-started-step-title-header">STEP 4: <b>Adopt our Standards</b></p>

Expand Down Expand Up @@ -214,7 +214,7 @@ <h3>Join a Community of Practice</h3>
</div>


<div class='page-card-base card-primary page-card-lg page-card--getting-started'>
<div class='page-card card-primary page-card-lg page-card--getting-started'>
<div class="step-header">
<h3> Frequently Asked Questions</h3>
</div>
Expand Down
8 changes: 4 additions & 4 deletions pages/join-us.html
Original file line number Diff line number Diff line change
Expand Up @@ -23,7 +23,7 @@ <h1>Join Us</h1>
</div>

<div class="content-section join-us-card-container">
<div class="page-card-base card-primary page-card-lg page-card--join">
<div class="page-card card-primary page-card-lg page-card--join">
<h1>Advise Us</h1>
<img class="join-us-card-img" src="/assets/images/join-us/advice-us-icon.svg" alt="join us card image" />
<div class="join-us-card-body">
Expand All @@ -45,7 +45,7 @@ <h1>Advise Us</h1>
</div>
</div>

<div class="page-card-base card-primary page-card-lg page-card--join">
<div class="page-card card-primary page-card-lg page-card--join">
<h1>Volunteer with Us</h1>
<img class="join-us-card-img" src="/assets/images/join-us/volunteer-with-us-icon.svg" alt="join us card image" />
<div class="join-us-card-body">
Expand All @@ -65,7 +65,7 @@ <h1>Volunteer with Us</h1>
</div>
</div>

<div class="page-card-base card-primary page-card-lg page-card--join">
<div class="page-card card-primary page-card-lg page-card--join">
<h1>Partner with Us</h1>
<img class="join-us-card-img" src="/assets/images/join-us/partner-with-us-icon.svg" alt="join us card image" />
<div class="join-us-card-body">
Expand All @@ -82,7 +82,7 @@ <h1>Partner with Us</h1>
</div>
</div>

<div class="page-card-base card-primary page-card-lg page-card--join">
<div class="page-card card-primary page-card-lg page-card--join">
<h1>Help Us Keep The Lights On</h1>
<img id="join-us-donation-icon" class='join-us-card-img' src="/assets/images/join-us/help-us-icon.svg"
alt="join us card image" />
Expand Down
2 changes: 1 addition & 1 deletion pages/program-areas.html
Original file line number Diff line number Diff line change
Expand Up @@ -19,7 +19,7 @@ <h1>Program Areas</h1>
{% assign sorted_program_areas = site.data.internal.program-areas | sort %}
{% for program_areas in sorted_program_areas %}
{% if program_areas[1].size > 0%}
<div class="page-card-base card-primary page-card-lg page-card-container">
<div class="page-card card-primary page-card-lg page-card-container">
<div class="page-card-image-container">
<img class="page-card-image" src="{{ program_areas[1].image }}" alt="{{ program_areas[1].image_alt }}" />
</div>
Expand Down
2 changes: 1 addition & 1 deletion pages/project-meetings.html
Original file line number Diff line number Diff line change
Expand Up @@ -18,7 +18,7 @@ <h1 class='team-meetings-title'>Project Team Meetings</h1>
<p class='meetings-message'>All meetings are currently online due to COVID19.</p>
</div>
<div class='content-section calendar-started-page'>
<div class='page-card-base card-primary page-card-lg page-card--project-meetings'>
<div class='page-card card-primary page-card-lg page-card--project-meetings'>
<div id="userTimeZone" class='userTimeZone'></div>
<div id="Monday">
<h3 class='day-header'>Monday</h3>
Expand Down
6 changes: 3 additions & 3 deletions pages/sitemap.html
Original file line number Diff line number Diff line change
Expand Up @@ -20,7 +20,7 @@ <h1>Site Map</h1>

<!-- Page body -->
<div class="sitemap-page content-section">
<div class="page-card-base card-primary page-card-lg page-card--sitemap">
<div class="page-card card-primary page-card-lg page-card--sitemap">
<div>
<h3>Sitemap as of 10/22/20</h3>
<a href="https://www.hackforla.org/assets/images/sitemap/sitemap.jpg" target="_blank">
Expand All @@ -30,7 +30,7 @@ <h3>Sitemap as of 10/22/20</h3>
</div>
</div>

<div class="page-card-base card-primary page-card-lg page-card--sitemap page-card--sitemap-flex page-card card-body card-width">
<div class="page-card card-primary page-card-lg page-card--sitemap page-card--sitemap-flex page-card card-body card-width">
<img class="card-desktop-icon" src="/assets/images/sitemap/lightbulb.svg">
<div>
<h3>Suggest Site Content</h3>
Expand All @@ -51,7 +51,7 @@ <h3>Suggest Site Content</h3>
</div>


<div class="page-card-base card-primary page-card-lg page-card--sitemap page-card--sitemap-flex page-card card-body card-width">
<div class="page-card card-primary page-card-lg page-card--sitemap page-card--sitemap-flex page-card card-body card-width">
<img class="card-desktop-icon" src="/assets/images/sitemap/site.svg">
<div>
<h3>Help Us Add Sections to the Website</h3>
Expand Down

0 comments on commit 3054d9f

Please sign in to comment.