Feat(UI): Home page styles improved.

This commit is contained in:
2025-08-01 14:28:24 +01:00
parent 985233b699
commit adc2a40ba5
7 changed files with 13 additions and 7 deletions

View File

@@ -68,7 +68,7 @@
flex-wrap: wrap; flex-wrap: wrap;
max-width: calc(1vw * 100 - 1vh * 35); max-width: calc(1vw * 100 - 1vh * 35);
align-items: center; align-items: center;
margin: 1vh 1vw; margin: 0.5vh 0.5vw;
} }
.nav-links a { .nav-links a {
text-decoration: none; text-decoration: none;
@@ -77,6 +77,8 @@
align-content: center; align-content: center;
font-size: 1.2rem; font-size: 1.2rem;
width: fit-content; width: fit-content;
padding: 0.5vh 0.5vw;
border-radius: 0.5vh;
} }
.nav-links a.button { .nav-links a.button {
color: var(--colour-text-background); color: var(--colour-text-background);
@@ -175,7 +177,7 @@ form.filter button.save, form.filter button.button-cancel {
} }
*/ */
@media screen and (max-width: 940px) { @media screen and (max-width: 980px) {
/* /*
.hero h1 { .hero h1 {
font-size: 2.5rem; font-size: 2.5rem;

View File

@@ -259,6 +259,7 @@ section.cta-2 .button {
} }
section.cta-2 .card { section.cta-2 .card {
background-color: transparent; background-color: transparent;
margin: 1vh auto;
} }
section.cta-2 .card .container { section.cta-2 .card .container {
background-color: var(--colour-page-background); background-color: var(--colour-page-background);

View File

@@ -337,6 +337,7 @@ section.cta-2 .button {
} }
section.cta-2 .card { section.cta-2 .card {
background-color: transparent; background-color: transparent;
margin: 1vh auto;
} }
section.cta-2 .card .container { section.cta-2 .card .container {
background-color: var(--colour-page-background); background-color: var(--colour-page-background);

File diff suppressed because one or more lines are too long

View File

@@ -593,7 +593,7 @@ table div {
flex-wrap: wrap; flex-wrap: wrap;
max-width: calc(1vw * 100 - 1vh * 35); max-width: calc(1vw * 100 - 1vh * 35);
align-items: center; align-items: center;
margin: 1vh 1vw; margin: 0.5vh 0.5vw;
} }
.nav-links a { .nav-links a {
text-decoration: none; text-decoration: none;
@@ -602,6 +602,8 @@ table div {
align-content: center; align-content: center;
font-size: 1.2rem; font-size: 1.2rem;
width: fit-content; width: fit-content;
padding: 0.5vh 0.5vw;
border-radius: 0.5vh;
} }
.nav-links a.button { .nav-links a.button {
color: var(--colour-text-background); color: var(--colour-text-background);

File diff suppressed because one or more lines are too long

View File

@@ -13,7 +13,7 @@
<a href="#{{ model.FLAG_SOLUTION }}">Solution</a> <a href="#{{ model.FLAG_SOLUTION }}">Solution</a>
<a href="#{{ model.FLAG_SOCIAL_PROOF }}">Social Proof</a> <a href="#{{ model.FLAG_SOCIAL_PROOF }}">Social Proof</a>
<a href="#{{ model.FLAG_TESTIMONIAL }}">Testimonial</a> <a href="#{{ model.FLAG_TESTIMONIAL }}">Testimonial</a>
<a href="#{{ model.FLAG_EARLY_ACCESS }}">Early Access</a> <a href="#{{ model.FLAG_CTA_2 }}">Early Access</a>
<a href="{{ model.HASH_PAGE_CONTACT }}" class="{{ model.FLAG_BUTTON }} {{ model.FLAG_BUTTON_PRIMARY }}">Contact Us</a> <a href="{{ model.HASH_PAGE_CONTACT }}" class="{{ model.FLAG_BUTTON }} {{ model.FLAG_BUTTON_PRIMARY }}">Contact Us</a>
{% endblock %} {% endblock %}
@@ -236,7 +236,7 @@
</section> </section>
--> -->
<section class="{{ model.FLAG_CTA_2 }}"> <section id="{{ model.FLAG_CTA_2 }}" class="{{ model.FLAG_CTA_2 }}">
<div class="{{ model.FLAG_CONTAINER }}"> <div class="{{ model.FLAG_CONTAINER }}">
<h2 class="section-title">Get Started Today - Founding Partner Access Available</h2> <h2 class="section-title">Get Started Today - Founding Partner Access Available</h2>
<p class="section-subtitle text-center">We're ready for serious trainers to start using Fetch Metrics right now. Since we're still adding features based on user feedback, we're offering incredible early access terms:</p> <p class="section-subtitle text-center">We're ready for serious trainers to start using Fetch Metrics right now. Since we're still adding features based on user feedback, we're offering incredible early access terms:</p>