-42

src/components/Footer.astro

··· 1 1 - --- 2 2 - --- 3 3 - 4 4 - <footer class="footer"> 5 5 - <div class="container footer-inner"> 6 6 - <p class="footer-copy"> 7 7 - (footer) 8 8 - </p> 9 9 - </div> 10 10 - </footer> 11 11 - 12 12 - <style> 13 13 - .footer { 14 14 - padding-block: var(--space-8); 15 15 - margin-top: auto; 16 16 - } 17 17 - 18 18 - .footer-inner { 19 19 - display: flex; 20 20 - align-items: center; 21 21 - justify-content: space-between; 22 22 - flex-wrap: wrap; 23 23 - gap: var(--space-4); 24 24 - } 25 25 - 26 26 - .footer-copy { 27 27 - font-size: 0.875rem; 28 28 - color: var(--color-muted); 29 29 - margin-bottom: 0; 30 30 - max-width: none; 31 31 - } 32 32 - 33 33 - .footer a { 34 34 - font-size: 0.875rem; 35 35 - color: var(--color-muted); 36 36 - text-decoration: none; 37 37 - transition: color var(--transition); 38 38 - } 39 39 - .footer a:hover { 40 40 - color: var(--color-accent2); 41 41 - } 42 42 - </style>

-1

src/layouts/Base.astro

··· 34 34 <main class="site-main"> 35 35 <slot /> 36 36 </main> 37 37 - <Footer /> 38 37 </div> 39 38 </body> 40 39 </html>

+26 -12

src/pages/index.astro

··· 28 28 <a href="https://microcosm.blue" style="color: var(--color-accent-microcosm)" target="_blank">microcosm</a> and 29 29 <a style="color: var(--color-accent-bsky)">Bluesky</a>, deploying by end of June. 30 30 </p> 31 31 - <div class="cta-links"> 32 32 - <a href="#" class="btn soft" target="_blank" rel="noopener"> 33 33 - Read the launch post 34 34 - </a> 35 35 - <a href="https://bsky.app/profile/microcosm.blue" class="btn soft" target="_blank" rel="noopener"> 36 36 - Follow on Bluesky 37 37 - </a> 38 38 - <a href="#" class="btn soft" target="_blank" rel="noopener"> 39 39 - Join our Discord 40 40 - </a> 41 41 - </div> 31 31 + </div> 32 32 + </div> 33 33 + </section> 34 34 + 35 35 + <section class="section cta"> 36 36 + <div class="container"> 37 37 + <div class="cta-links"> 38 38 + <a href="#" class="btn soft" target="_blank" rel="noopener"> 39 39 + Read launch post 40 40 + </a> 41 41 + <a href="https://bsky.app/profile/microcosm.blue" class="btn soft" target="_blank" rel="noopener"> 42 42 + Follow on Bluesky 43 43 + </a> 44 44 + <a href="#" class="btn soft" target="_blank" rel="noopener"> 45 45 + Chat on Discord 46 46 + </a> 42 47 </div> 43 48 </div> 44 49 </section> ··· 71 76 border-bottom: 1px solid var(--color-border); 72 77 } 73 78 .info-section:last-child { 79 79 + margin-bottom: 0; 80 80 + padding-bottom: var(--space-6); 74 81 border-bottom: none; 75 82 } 76 83 .info-section p { 77 84 max-width: none; 85 85 + hyphens: auto; 86 86 + text-wrap: pretty; 87 87 + } 88 88 + 89 89 + .section.cta { 90 90 + padding-bottom: var(--space-12); 78 91 } 79 92 .cta-links { 80 93 display: flex; ··· 82 95 justify-content: center; 83 96 flex-wrap: wrap; 84 97 gap: var(--space-3); 85 85 - padding-top: var(--space-8); 98 98 + margin-bottom: var(--space-12); 99 99 + padding-bottom: var(--space-12); 86 100 } 87 101 </style>