ross/slowtwitch-news
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

footer

Browse Source
This commit is contained in:
Ross Trottier 2024-07-24 13:48:04 -06:00
parent 12a4b06455
commit a89a4d216e
3 changed files with 12 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
assets/images/logotype-purple.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 29 KiB

4
footer.php
View File

@ -37,7 +37,9 @@
); );
?> ?>
</div> </div>
<h1 class="st-footer-site-title">Slowtwitch</h1> <a href="<?php echo home_url() ?>" class="st-footer-site-title">
<img src="/wp-content/themes/slowtwitch-news/assets/images/logotype-purple.png" alt="Logotype" class="st-footer-site-title-img">
</a>
<p class="st-footer-copyright">&copy; Slowtwitch - Design by Federated Computer</p> <p class="st-footer-copyright">&copy; Slowtwitch - Design by Federated Computer</p>
</footer> </footer>
<?php wp_footer() ?> <?php wp_footer() ?>

29
style.css
View File

@ -455,8 +455,8 @@ SECTIONS
/* footer */ /* footer */
.st-footer { .st-footer {
color: white; color: #270BA1;
background: #0b4fa0; background: rgba(0, 0, 0, 0.2);
display: grid; display: grid;
grid-template-columns: minmax(1em, 1fr) minmax(130px, 500px) minmax(130px, 500px) minmax(1em, 1fr); grid-template-columns: minmax(1em, 1fr) minmax(130px, 500px) minmax(130px, 500px) minmax(1em, 1fr);
grid-template-areas: grid-template-areas:
@ -474,7 +474,6 @@ SECTIONS
.st-footer-icon { .st-footer-icon {
font-size: 1.5rem; font-size: 1.5rem;
color: #fff;
margin-top: 1.5em; margin-top: 1.5em;
color: #270BA1; color: #270BA1;
} }
@ -488,6 +487,7 @@ SECTIONS
grid-area: copy; grid-area: copy;
font-size: .6rem; font-size: .6rem;
text-align: right; text-align: right;
color: white;
background: #270BA1; background: #270BA1;
padding: .2em .5em .2em; padding: .2em .5em .2em;
margin-bottom: 0; margin-bottom: 0;
@ -495,13 +495,11 @@ SECTIONS
.st-footer-site-title { .st-footer-site-title {
grid-area: logo; grid-area: logo;
text-transform: uppercase;
writing-mode: vertical-lr;
align-self: end; align-self: end;
justify-self: end; }
margin: 0;
line-height: 1; .st-footer-site-title-img {
color: #270BA1; width: 100%;
} }
.st-footer-partners { .st-footer-partners {
@ -525,7 +523,7 @@ SECTIONS
.st-footer-partners__list-item a, .st-footer-partners__list-item a,
.st-footer-nav-links a { .st-footer-nav-links a {
text-decoration: none; text-decoration: none;
color: #fff; color: #270BA1;
} }
.st-footer-partners__list-item a:hover, .st-footer-partners__list-item a:hover,
@ -548,7 +546,6 @@ SECTIONS
@media (min-width: 760px) { @media (min-width: 760px) {
.st-footer { .st-footer {
background-color: white;
grid-template-columns: minmax(1em, 1fr) minmax(50px, 80px) repeat(2, minmax(130px, 660px)) minmax(1em, 1fr); grid-template-columns: minmax(1em, 1fr) minmax(50px, 80px) repeat(2, minmax(130px, 660px)) minmax(1em, 1fr);
grid-template-areas: grid-template-areas:
"lpad socials empty partners rpad" "lpad socials empty partners rpad"
@ -558,17 +555,11 @@ SECTIONS
align-items: end; align-items: end;
} }
.st-footer-partners__title,
.st-footer-partners__list-item a,
.st-footer-nav-links a {
color: #270BA1;
}
.st-footer-partners__list-item a:hover, .st-footer-partners__list-item a:hover,
.st-footer-partners__list-item a:active, .st-footer-partners__list-item a:active,
.st-footer-nav-links a:hover, .st-footer-nav-links a:hover,
.st-footer-nav-links a:active { .st-footer-nav-links a:active {
color: #0b4fa0; color: #FFDB12;
} }
.st-footer-partners ul { .st-footer-partners ul {
@ -576,10 +567,8 @@ SECTIONS
} }
.st-footer-site-title { .st-footer-site-title {
writing-mode: horizontal-tb;
justify-self: center; justify-self: center;
margin-top: .5em; margin-top: .5em;
font-size: 6.8rem;
} }
.st-footer-copyright { .st-footer-copyright {