admin/dog_training
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix: Style improvements on home page.

Browse Source
This commit is contained in:
Teddy Middleton-Smith
2025-07-30 20:24:37 +01:00
parent e1fedaf773
commit 2d1f7269e0
5 changed files with 74 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

40
static/css/pages/core/home.css
View File

@@ -114,18 +114,27 @@ section.benefits .container .card .container {
min-width: 250px;
}
/* Solution Section */
section.benefits .card.benefits,
section.social-proof .card.social-proof {
display: flex;
}
section.solution .container .card {
margin-top: 1vh;
max-width: min(2000px, 90vw);
max-width: min(2000px, 80vw);
}
section.benefits .card.benefits .container,
section.solution .container .card .container {
padding: 1vh 2vw;
max-width: min(500px, 80vw);
}
section.solution .container .card .container p {
margin-bottom: 1vh;
}
section.solution .project-thumbnail img {
max-width: 500px;
max-height: 500px;
max-width: min(500px, 80vw);
max-height: min(500px, 80vw);
border-radius: 1vh;
}
@@ -157,18 +166,21 @@ section.social-proof ul li {
font-size: 14px;
}
*/
section.benefits .card.benefits,
section.social-proof .card.social-proof {
display: flex;
padding: 0;
}
section.social-proof .section-title {
font-weight: bold;
color: var(--colour-text-link-visited);
margin-bottom: 0.25vh;
}
section.social-proof .section-subtitle {
margin: 1vh 1vw;
}
section.social-proof .container {
max-width: min(600px, 90vw);
width: fit-content;
margin: 1vh auto;
}
/* Early Access Section * /
@@ -195,10 +207,19 @@ section.early-access a.button {
}
*/
/* Features section */
/* Features section * /
section.features .button {
margin-top: 0;
}
*/
/* Testimonials section */
section.testimonial p {
margin-bottom: 1vh;
}
section.testimonial h2 {
margin: 0 auto;
}
/* CTA Section */
.cta-1,
@@ -222,7 +243,12 @@ section.cta-2 .card .container {
padding: 2vh 1vw;
margin: 1vh;
}
section.cta-2 .card .container h3 {
margin: 0 auto;
}
section.cta-2 .card .container p {
margin-top: 1vh;
}
/* FAQs * /
section.faq .button {
margin-bottom: 0.25rem;

40
static/dist/css/core_home.bundle.css vendored
View File

@@ -271,18 +271,27 @@ section.benefits .container .card .container {
min-width: 250px;
}
/* Solution Section */
section.benefits .card.benefits,
section.social-proof .card.social-proof {
display: flex;
}
section.solution .container .card {
margin-top: 1vh;
max-width: min(2000px, 90vw);
max-width: min(2000px, 80vw);
}
section.benefits .card.benefits .container,
section.solution .container .card .container {
padding: 1vh 2vw;
max-width: min(500px, 80vw);
}
section.solution .container .card .container p {
margin-bottom: 1vh;
}
section.solution .project-thumbnail img {
max-width: 500px;
max-height: 500px;
max-width: min(500px, 80vw);
max-height: min(500px, 80vw);
border-radius: 1vh;
}
@@ -314,18 +323,21 @@ section.social-proof ul li {
font-size: 14px;
}
*/
section.benefits .card.benefits,
section.social-proof .card.social-proof {
display: flex;
padding: 0;
}
section.social-proof .section-title {
font-weight: bold;
color: var(--colour-text-link-visited);
margin-bottom: 0.25vh;
}
section.social-proof .section-subtitle {
margin: 1vh 1vw;
}
section.social-proof .container {
max-width: min(600px, 90vw);
width: fit-content;
margin: 1vh auto;
}
/* Early Access Section * /
@@ -352,10 +364,19 @@ section.early-access a.button {
}
*/
/* Features section */
/* Features section * /
section.features .button {
margin-top: 0;
}
*/
/* Testimonials section */
section.testimonial p {
margin-bottom: 1vh;
}
section.testimonial h2 {
margin: 0 auto;
}
/* CTA Section */
.cta-1,
@@ -379,7 +400,12 @@ section.cta-2 .card .container {
padding: 2vh 1vw;
margin: 1vh;
}
section.cta-2 .card .container h3 {
margin: 0 auto;
}
section.cta-2 .card .container p {
margin-top: 1vh;
}
/* FAQs * /
section.faq .button {
margin-bottom: 0.25rem;

2
static/dist/css/core_home.bundle.css.map vendored
View File

File diff suppressed because one or more lines are too long

1
templates/layouts/layout.html
View File

@@ -124,6 +124,7 @@
</footer>
{% include 'layouts/_shared.html' %}
{% include 'layouts/_shared_dog.html' %}
<script src="{{ url_for('static', filename='dist/js/main.bundle.js') }}"></script>
</body>
</html>

14
templates/pages/core/_home.html
View File

@@ -244,19 +244,19 @@
<div class="{{ model.FLAG_CARD }}">
<div class="{{ model.FLAG_CONTAINER }}">
<h4>🆓 Free During Alpha</h4>
<h3>🆓 Free During Alpha</h3>
<p>Complete access to all features while we perfect the platform together</p>
</div>
<div class="{{ model.FLAG_CONTAINER }}">
<h4>💰 50% Off for Life</h4>
<h3>💰 50% Off for Life</h3>
<p>Lock in permanent founder pricing when we officially launch</p>
</div>
<div class="{{ model.FLAG_CONTAINER }}">
<h4>🎨 Shape the Product</h4>
<h3>🎨 Shape the Product</h3>
<p>Your feedback directly influences new features and improvements</p>
</div>
<div class="{{ model.FLAG_CONTAINER }}">
<h4>🚀 First Access</h4>
<h3>🚀 First Access</h3>
<p>Be first to try everything new as we add it</p>
</div>
</div>
@@ -268,10 +268,8 @@
<a href="{{ model.HASH_PAGE_CONTACT }}" class="{{ model.FLAG_BUTTON }} {{ model.FLAG_BUTTON_LIGHT }}">Apply for Alpha Access</a>
<a href="{{ model.HASH_PAGE_CONTACT }}" class="{{ model.FLAG_BUTTON }} {{ model.FLAG_BUTTON_LIGHT }}">Book a Demo Call</a>
<p>
Questions? Email us at {{ model.get_mail_contact_public() }}<br>
Response time: Under 24 hours
</p>
<p>Questions? Email us at {{ model.get_mail_contact_public() }}</p>
<p>Response time: Under 24 hours</p>
</div>
</section>