forked from
quillmatiq.com/augment
Fork of Chiri for Astro for my blog
1---
2import { themeConfig } from '@/config'
3const today = new Date()
4---
5
6<footer>
7 <div class="footer-content">
8 <div class="copyright">
9 <span class="date">
10 ©
11 {today.getFullYear()}
12 </span>
13 {themeConfig.site.author}
14 </div>
15 <div class="powered-by">
16 Powered by{' '}
17 <a href="https://astro.build">Astro</a> &{' '}
18 <a href="https://github.com/the3ash/astro-chiri">Chiri</a>
19 </div>
20 </div>
21</footer>
22<style>
23 footer {
24 font-size: var(--font-size-s);
25 font-weight: var(--font-weight-light);
26 line-height: 1.75;
27 color: var(--text-secondary);
28 opacity: 0.75;
29 margin-top: 4rem;
30 }
31
32 .footer-content {
33 display: flex;
34 justify-content: space-between;
35 align-items: center;
36 flex-direction: row;
37 flex-wrap: nowrap;
38 width: 100%;
39 }
40
41 .copyright,
42 .powered-by {
43 white-space: nowrap;
44 }
45
46 .copyright .date {
47 opacity: 1;
48 }
49
50 footer a {
51 color: var(--text-secondary);
52 text-decoration: none;
53 transition: color 0.2s ease-out;
54 }
55
56 footer a:hover {
57 color: var(--text-primary);
58 }
59</style>