public
/
website
5
0
Fork 0
Code Issues 4 Pull Requests 4 Packages Projects Releases Wiki Activity

header and footer: add minor contrast, fix full-height stretching

This commit is contained in:
Ryan Heywood 2025-04-04 15:52:05 -04:00
parent 8ca3180021
commit 24bd065ecb
Signed by: ryan
GPG Key ID: 8E401478A3FBEF72
10 changed files with 21 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
_includes/footer.html
View File

@ -1,5 +1,5 @@
<footer> <footer>
<div class="footer-container"> <div class="menu footer-container">
<div style="font-size: 1rem"> <div style="font-size: 1rem">
{{ site.footer }} {{ site.footer }}
</div> </div>

2
_layouts/blog.html
View File

@ -32,8 +32,8 @@
{% endfor %} {% endfor %}
</p> </p>
</main> </main>
{%- include footer.html -%}
</div> </div>
{%- include footer.html -%}
</body> </body>
</html> </html>

2
_layouts/company.html
View File

@ -85,7 +85,7 @@
{% include primary-cta.html %} {% include primary-cta.html %}
</main> </main>
{%- include footer.html -%}
</div> </div>
{%- include footer.html -%}
</body> </body>
</html> </html>

2
_layouts/contact.html
View File

@ -58,8 +58,8 @@
{% include companies-carousel.html hide_title='true' %} {% include companies-carousel.html hide_title='true' %}
</main> </main>
<br /> <br />
{%- include footer.html -%}
</div> </div>
{%- include footer.html -%}
</body> </body>
<script> <script>

6
_layouts/default.html
View File

@ -4,17 +4,15 @@
{%- include head.html -%} {%- include head.html -%}
<body> <body>
<div class="container">
{%- include header.html -%} {%- include header.html -%}
<div class="container">
<main> <main>
{{ content }} {{ content }}
</main> </main>
{%- include footer.html -%}
</div> </div>
{%- include footer.html -%}
</body> </body>
</html> </html>

2
_layouts/landing.html
View File

@ -69,7 +69,7 @@
{% include primary-cta.html %} {% include primary-cta.html %}
</main> </main>
{%- include footer.html -%}
</div> </div>
{%- include footer.html -%}
</body> </body>
</html> </html>

2
_layouts/post.html
View File

@ -24,8 +24,8 @@
</p> </p>
</article> </article>
</main> </main>
{%- include footer.html -%}
</div> </div>
{%- include footer.html -%}
</body> </body>
</html> </html>

1
_layouts/services.html
View File

@ -138,6 +138,7 @@
</section> </section>
</main> </main>
</div>
{%- include footer.html -%} {%- include footer.html -%}
</body> </body>
</html> </html>

4
_layouts/software.html
View File

@ -160,10 +160,8 @@
</section> </section>
</main> </main>
{%- include footer.html -%}
</div> </div>
{%- include footer.html -%}
</body> </body>
</html> </html>

15
_sass/base.scss
View File

@ -22,10 +22,6 @@ html {
scroll-behavior: smooth; scroll-behavior: smooth;
} }
main {
min-height: 100vh;
}
body { body {
width: 100%; width: 100%;
background-color: var(--background-color); background-color: var(--background-color);
@ -36,6 +32,13 @@ body {
color: var(--text-color); color: var(--text-color);
text-align: left; text-align: left;
line-height: $base-line-height !important; line-height: $base-line-height !important;
display: flex;
flex-direction: column;
min-height: 100vh;
}
body > div.container {
flex: 1;
} }
h1 { h1 {
@ -591,7 +594,8 @@ margin-bottom: 16px;
footer { footer {
color: var(--light-grey); color: var(--light-grey);
border-top: 1px solid var(--light-grey); background-color: color-mix(in srgb, var(--background-color), white 1.5%);
border-top: 1px solid rgba(255, 255, 255, 0.13);
padding: 40px 0px; padding: 40px 0px;
text-align: right; text-align: right;
margin-top: 80px; margin-top: 80px;
@ -627,6 +631,7 @@ header {
padding: 24px; padding: 24px;
margin-bottom: 24px; margin-bottom: 24px;
border-bottom: 1px solid rgba(255, 255, 255, 0.13); border-bottom: 1px solid rgba(255, 255, 255, 0.13);
background-color: color-mix(in srgb, var(--background-color), white 1.5%);
} }
header p { header p {