rubberducky/milinda-pitch
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feature/book-card (#3)

Browse Source 
Co-authored-by: Tim Rijkse <trijkse@gmail.com>
Reviewed-on: #3
This commit was merged in pull request #3.
This commit is contained in:
rubberducky
2026-01-15 12:33:37 +00:00
parent 0344f06d71
commit 7beab685e2
16 changed files with 488 additions and 209 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
js/components/site-footer.js
View File

@@ -5,7 +5,7 @@
class SiteFooter extends HTMLElement {
constructor() {
super();
this.attachShadow({ mode: 'open' });
this.attachShadow({ mode: "open" });
}
connectedCallback() {
@@ -17,7 +17,7 @@ class SiteFooter extends HTMLElement {
<style>
:host {
display: block;
background-color: var(--color-background-secondary, #f8fafc);
background-color: var(--color-button-primary, #951D51);
border-top: 1px solid var(--color-border, #e2e8f0);
}
@@ -34,13 +34,13 @@ class SiteFooter extends HTMLElement {
.footer-link {
font-size: var(--font-size-sm, 0.875rem);
color: var(--color-text-light, #64748b);
color: var(--color-text-inverse, #ffffff);
text-decoration: none;
transition: color var(--transition-fast, 150ms ease);
}
.footer-link:hover {
color: var(--color-primary, #2563eb);
color: rgba(255, 255, 255, 0.8);
}
.social-icons {
@@ -55,15 +55,15 @@ class SiteFooter extends HTMLElement {
justify-content: center;
width: 40px;
height: 40px;
color: var(--color-text-light, #64748b);
background-color: var(--color-background, #ffffff);
color: var(--color-text-inverse, #ffffff);
background-color: rgba(255, 255, 255, 0.2);
border-radius: var(--radius-full, 9999px);
transition: all var(--transition-fast, 150ms ease);
}
.social-icon:hover {
color: var(--color-primary, #2563eb);
background-color: var(--color-background-tertiary, #f1f5f9);
color: var(--color-text-inverse, #ffffff);
background-color: rgba(255, 255, 255, 0.3);
}
.social-icon svg {
@@ -73,7 +73,7 @@ class SiteFooter extends HTMLElement {
.copyright {
font-size: var(--font-size-xs, 0.75rem);
color: var(--color-text-light, #64748b);
color: var(--color-text-inverse, #ffffff);
text-align: center;
}
</style>
@@ -108,4 +108,4 @@ class SiteFooter extends HTMLElement {
}
}
customElements.define('site-footer', SiteFooter);
customElements.define("site-footer", SiteFooter);