mirror of
https://github.com/avinal/avinal.github.io.git
synced 2026-07-04 07:40:09 +05:30
66 lines
1.7 KiB
Plaintext
66 lines
1.7 KiB
Plaintext
---
|
|
const year = new Date().getFullYear();
|
|
---
|
|
|
|
<footer class="footer">
|
|
<div class="footer-inner">
|
|
<p class="footer-copy">
|
|
© {year} Avinal Kumar ·
|
|
Code <a href="https://opensource.org/licenses/MIT">MIT</a> ·
|
|
Content <a href="https://creativecommons.org/licenses/by-sa/4.0/">CC BY-SA 4.0</a>
|
|
</p>
|
|
<a href="https://github.com/avinal/avinal.github.io/issues/new" class="footer-report" target="_blank" rel="noopener noreferrer">
|
|
<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><line x1="12" y1="8" x2="12" y2="12"/><line x1="12" y1="16" x2="12.01" y2="16"/></svg>
|
|
Report an issue
|
|
</a>
|
|
</div>
|
|
</footer>
|
|
|
|
<style>
|
|
.footer {
|
|
border-top: 1px solid var(--border);
|
|
padding-block: var(--space-8);
|
|
}
|
|
|
|
.footer-inner {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
flex-wrap: wrap;
|
|
gap: var(--space-4);
|
|
max-width: var(--max-w-page);
|
|
margin-inline: auto;
|
|
padding-inline: var(--space-6);
|
|
}
|
|
|
|
.footer-copy {
|
|
font-size: var(--text-sm);
|
|
color: var(--text-muted);
|
|
}
|
|
|
|
.footer-copy a {
|
|
color: var(--text-muted);
|
|
text-decoration: underline;
|
|
text-underline-offset: 2px;
|
|
transition: color var(--duration-fast) var(--ease-out);
|
|
}
|
|
|
|
.footer-copy a:hover {
|
|
color: var(--text);
|
|
}
|
|
|
|
.footer-report {
|
|
display: inline-flex;
|
|
align-items: center;
|
|
gap: var(--space-2);
|
|
font-size: var(--text-sm);
|
|
color: var(--text-muted);
|
|
text-decoration: none;
|
|
transition: color var(--duration-fast) var(--ease-out);
|
|
}
|
|
|
|
.footer-report:hover {
|
|
color: var(--text);
|
|
}
|
|
</style>
|