From b2dfaedcecff2a4acca63b1c7548f9565e9d4888 Mon Sep 17 00:00:00 2001 From: Angel Wang Date: Mon, 23 Mar 2026 13:49:56 -0600 Subject: [PATCH] feat: add footer --- public/logotype.svg | 18 ++++++++++++++++++ src/components/footer.astro | 17 +++++++++++++++++ src/styles/footer.scss | 31 +++++++++++++++++++++++++++++++ 3 files changed, 66 insertions(+) create mode 100644 public/logotype.svg create mode 100644 src/components/footer.astro create mode 100644 src/styles/footer.scss diff --git a/public/logotype.svg b/public/logotype.svg new file mode 100644 index 0000000..cddf9ed --- /dev/null +++ b/public/logotype.svg @@ -0,0 +1,18 @@ + + + angelcube + \ No newline at end of file diff --git a/src/components/footer.astro b/src/components/footer.astro new file mode 100644 index 0000000..2156c8c --- /dev/null +++ b/src/components/footer.astro @@ -0,0 +1,17 @@ +--- +import "../styles/footer.scss" +import {SparkleFillIcon} from '@primer/octicons-react' +import {Temporal} from 'temporal-polyfill' + +--- + + diff --git a/src/styles/footer.scss b/src/styles/footer.scss new file mode 100644 index 0000000..94311e1 --- /dev/null +++ b/src/styles/footer.scss @@ -0,0 +1,31 @@ +footer { + // padding: 0 20px; + // padding: 0 calc((100vw - var(--width)) / 2); + overflow: hidden; + + hr { + margin: 20px; + } + + .footer-caption { + max-width: var(--width); + margin: auto; + display: grid; + grid-template-columns: 1fr 1fr 1fr; + margin-top: 2em; + margin-bottom: 3em; + + span { + font-family: var(--font-main); + font-size: 1.25rem; + } + } + + img { + margin-top: -6.66%; + margin-left: 20px; + margin-right: 20px; + width: calc(100% - 40px); + transform: translateY(33%); + } +} \ No newline at end of file -- 2.51.2