~repos /website

#astro#js#html#css

git clone https://pyrossh.dev/repos/website.git

木 Personal website of pyrossh. Built with astrojs, shiki, vite.


78064111 pyrossh

3 months ago
fix copyright
Files changed (1) hide show
  1. src/components/Footer.astro +9 -10
src/components/Footer.astro CHANGED
@@ -8,22 +8,20 @@ const today = new Date();
8
8
  <Wrapper>
9
9
  <div class="container">
10
10
  <div class="spacer"></div>
11
- <div class="copyright-container">
11
+ <p class="copyright-container">
12
- <span>
13
- Copyright © {today.getFullYear()}
12
+ Copyright © {today.getFullYear()}
14
- <a class="link" href="https://git.sr.ht/~pyrossh/"> pyrossh </a>
13
+ <a class="link" href="https://git.sr.ht/~pyrossh/"> pyrossh </a>
15
- </span>
14
+ </p>
16
- </div>
17
15
  </div>
18
16
  </Wrapper>
19
17
  </footer>
20
- <div class="spacer" />
18
+ <div class="safe-area" />
21
19
  <style>
22
20
  footer {
23
21
  background: #131618;
24
22
  }
25
23
 
26
- .spacer {
24
+ .safe-area {
27
25
  @media (max-width: 768px) {
28
26
  background: #131618;
29
27
  position: sticky;
@@ -49,13 +47,14 @@ const today = new Date();
49
47
  justify-content: center;
50
48
  margin-left: 0.5rem;
51
49
  margin-right: 0.5rem;
50
+ color: var(--color-white);
51
+ font-size: 1rem;
52
52
  }
53
53
 
54
54
  .link {
55
55
  font-size: 1rem;
56
56
  line-height: 1.5rem;
57
- color: var(--color-gray-200);
58
- margin-right: 0.5rem;
57
+ margin-left: 0.5rem;
59
58
  color: var(--color-white);
60
59
  font-weight: 500;
61
60
  text-underline-offset: 2px;