diff --git a/src/assets/footer_logo.svg b/src/assets/footer_logo.svg new file mode 100644 index 0000000..9b76934 --- /dev/null +++ b/src/assets/footer_logo.svg @@ -0,0 +1,56 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/footer_visual.svg b/src/assets/footer_visual.svg new file mode 100644 index 0000000..440e1a1 --- /dev/null +++ b/src/assets/footer_visual.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/src/components/Footer.astro b/src/components/Footer.astro new file mode 100644 index 0000000..3d43457 --- /dev/null +++ b/src/components/Footer.astro @@ -0,0 +1,296 @@ +--- +import { getRelativeLocaleUrl } from "astro:i18n"; +import FooterLogo from "../assets/footer_logo.svg"; +import OpenInNewIcon from "../assets/icons/open_in_new.svg"; +import XLogo from "../assets/icons/x.svg"; +import { constants } from "../constants"; + +const currentLocale = Astro.currentLocale || "ja"; +--- + + + + diff --git a/src/constants/index.ts b/src/constants/index.ts new file mode 100644 index 0000000..36ba79b --- /dev/null +++ b/src/constants/index.ts @@ -0,0 +1,5 @@ +export const constants = { + pageTitle: "Go Conference 2026", + pageDescription: + "Go Conference is a conference for Go programming language users.", +} as const; diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro index 9600036..ba8a0ac 100644 --- a/src/layouts/Layout.astro +++ b/src/layouts/Layout.astro @@ -1,5 +1,7 @@ --- import GlobalStyles from "../components/GlobalStyles.astro"; +import Footer from "../components/Footer.astro"; +import FooterVisual from "../assets/footer_visual.svg"; const currentLocale = Astro.currentLocale; --- @@ -22,7 +24,13 @@ const currentLocale = Astro.currentLocale; /> - +
+ +
+ @@ -33,4 +41,23 @@ const currentLocale = Astro.currentLocale; width: 100%; height: 100%; } + + .footer-area { + display: flex; + flex-direction: column; + gap: 4px; + } + + .footer-visual { + display: block; + width: 100%; + height: 300px; + } + + @media (max-width: 1100px) { + .footer-visual { + height: auto; + min-height: 81px; + } + }