e2c/e2c-how
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

UX adjustments to the contact buttons on main page

Browse Source
This commit is contained in:
Nathan Schneider
2025-08-03 23:12:35 -06:00
parent d7d68f874a
commit 0bc9d26ad0
2 changed files with 39 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
content/_index.md
View File

@@ -49,16 +49,16 @@ Exit to Community is a search for another way—a path where organizations can m
<div class="secondary-actions"> <div class="secondary-actions">
<h3>Get Involved</h3> <h3>Get Involved</h3>
<div class="secondary-cards"> <div class="secondary-cards">
<div class="secondary-card">
<h4>Plan Your E2C</h4>
<p>Connect with our team to discuss your organization's future</p>
<a href="/contact/" class="secondary-button">Get in Touch</a>
</div>
<div class="secondary-card"> <div class="secondary-card">
<h4>Share Your Story</h4> <h4>Share Your Story</h4>
<p>Help others learn by contributing your organization's E2C experience</p> <p>Help others learn by contributing your organization's E2C experience</p>
<a href="/add-your-story/" class="secondary-button">Add Your Story</a> <a href="/add-your-story/" class="secondary-button">Add Your Story</a>
</div> </div>
<div class="secondary-card">
<h4>Get in Touch</h4>
<p>Connect with the Exit to Community project team</p>
<a href="/contact/" class="secondary-button">Contact Us</a>
</div>
</div> </div>
</div> </div>

38
static/css/main.css
View File

@@ -546,12 +546,12 @@ a:hover {
.secondary-cards { .secondary-cards {
display: grid; display: grid;
gap: 24px; gap: 24px;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); grid-template-columns: repeat(auto-fit, minmax(500px, 1fr));
} }
.secondary-card { .secondary-card {
background: var(--card-background); background: var(--card-background);
border: 1px solid var(--border); border: 3px solid var(--text-primary);
border-radius: 12px; border-radius: 12px;
padding: 24px; padding: 24px;
text-align: center; text-align: center;
@@ -565,8 +565,12 @@ a:hover {
.secondary-card h4 { .secondary-card h4 {
font-size: 1.1rem; font-size: 1.1rem;
color: var(--text-primary); color: var(--text-primary) !important;
margin-bottom: 0.5rem; margin-bottom: 0.5rem;
font-weight: 600;
display: block !important;
visibility: visible !important;
opacity: 1 !important;
} }
.secondary-card p { .secondary-card p {
@@ -581,7 +585,7 @@ a:hover {
background: transparent; background: transparent;
color: var(--text-primary); color: var(--text-primary);
text-decoration: none; text-decoration: none;
border: 1px solid var(--border); border: 2px solid var(--text-primary);
border-radius: 16px; border-radius: 16px;
font-weight: 500; font-weight: 500;
font-size: 14px; font-size: 14px;
@@ -859,6 +863,32 @@ a:hover {
grid-template-columns: 1fr; grid-template-columns: 1fr;
} }
.secondary-cards {
grid-template-columns: 1fr;
gap: 24px;
}
.secondary-actions {
margin: 3rem 0;
padding: 2rem;
}
.secondary-actions h3 {
font-size: 2.5rem;
}
.secondary-card {
padding: 24px;
}
.secondary-card h4 {
font-size: 1.5rem;
}
.secondary-card p {
font-size: 1.1rem;
}
.footer-content { .footer-content {
grid-template-columns: 1fr; grid-template-columns: 1fr;
gap: 32px; gap: 32px;