diff --git a/apps/astro/astro.config.mjs b/apps/astro/astro.config.mjs index f206a5e..43683d6 100644 --- a/apps/astro/astro.config.mjs +++ b/apps/astro/astro.config.mjs @@ -9,7 +9,8 @@ export default defineConfig({ defaultLocale: 'en', locales: ['en', 'ja'], routing: { - prefixDefaultLocale: false + prefixDefaultLocale: true, + redirectToDefaultLocale: true } }, integrations: [pandacss(), react()] diff --git a/apps/astro/src/assets/qr-code.png b/apps/astro/src/assets/akarin-qr-code.png similarity index 100% rename from apps/astro/src/assets/qr-code.png rename to apps/astro/src/assets/akarin-qr-code.png diff --git a/apps/astro/src/assets/hasu-logo.jpg b/apps/astro/src/assets/hasu-logo.jpg new file mode 100644 index 0000000..5e97265 Binary files /dev/null and b/apps/astro/src/assets/hasu-logo.jpg differ diff --git a/apps/astro/src/assets/hasu-qr-code.png b/apps/astro/src/assets/hasu-qr-code.png new file mode 100644 index 0000000..7383c9a Binary files /dev/null and b/apps/astro/src/assets/hasu-qr-code.png differ diff --git a/apps/astro/src/constants/namecard.tsx b/apps/astro/src/constants/namecard.tsx new file mode 100644 index 0000000..75f6a81 --- /dev/null +++ b/apps/astro/src/constants/namecard.tsx @@ -0,0 +1,54 @@ +import { styled } from 'styled-system/jsx'; +import akarinLogo from '../assets/akarin-logo.png'; +import akarinQrCode from '../assets/akarin-qr-code.png'; +import hasuLogo from '../assets/hasu-logo.jpg'; +import hasuQrCode from '../assets/hasu-qr-code.png'; + +export const NAMECARDS = [ + { + color: '#1F1F5A', + content: { + firstRow: 'Smiley Light Village', + secondRow: '鬼頭明里の里民、タイ支部 🇹🇭', + name: 'ハムP', + nameSubtitle: 'はむぴー/HamP', + message: 'สวัสดีครับ!(サワディーカー)' + }, + logoTop: akarinLogo.src, + logoBottom: + 'https://500ddaf7f3cefcd23a892c355a3d13d0.cdnext.stream.ne.jp/images/common/logo.svg', + qrCode: akarinQrCode.src, + Quote: () => { + return ( + + 「…推しって“応援する存在”というよりも、 +
+ “自分のモチベーションを高める存在”…」 +
ー 鬼頭明里 +
+ ); + } + }, + { + color: '#f8b500', + content: { + firstRow: 'HASUNOSORA JOGAKUIN SCHOOL IDOL CLUB', + secondRow: '蓮ノ空のこと好き好きクラブのみなさん', + name: 'ハムP', + nameSubtitle: 'はむぴー/HamP', + message: 'สวัสดีครับ!(サワディーカー)' + }, + logoTop: hasuLogo.src, + logoMiddle: 'https://www.lovelive-anime.jp/hasunosora/shared/img/member/01_icon.png', + logoBottom: 'https://www.lovelive-anime.jp/hasunosora/shared/img/common/hd_logo.svg', + qrCode: hasuQrCode.src, + Quote: () => { + return ( + + 「フラワー」 +
ー 楡井希実 +
+ ); + } + } +]; diff --git a/apps/astro/src/pages/[locale]/contact/index.astro b/apps/astro/src/pages/[locale]/contact/index.astro index 87b69ce..fead74f 100644 --- a/apps/astro/src/pages/[locale]/contact/index.astro +++ b/apps/astro/src/pages/[locale]/contact/index.astro @@ -1,10 +1,10 @@ --- import { Box, Center, Grid, HStack, Stack, styled } from 'styled-system/jsx'; -import akarinLogo from "../../../assets/akarin-logo.png"; -import qrCode from "../../../assets/qr-code.png"; +import { NAMECARDS } from '../../../constants/namecard'; + import BaseLayout from '../../../layouts/BaseLayout.astro'; export async function getStaticPaths() { - return [{ params: { lang: 'en' } }, { params: { lang: 'ja' } }]; + return [{ params: { locale: 'en' } }, { params: { locale: 'ja' } }]; } // // Pと書いてあるけどプロデューサーじゃないからね。 @@ -12,7 +12,7 @@ export async function getStaticPaths() { // //`https://api.qrserver.com/v1/create-qr-code/?size=500x500&color=${encodeURIComponent('#1F1F5A')}&data=${encodeURIComponent('https://ham-san.net/namecard')}` -https://qrcode-monkey.p.rapidapi.com/qr/custom?size=500&config=${encodeURIComponent(JSON.stringify({ bodyColor: '#1F1F5A', body: "dot", eye: "frame3", eyeball: "ball3"}))}&data=${encodeURIComponent('https://ham-san.net/namecard')} +// https://qrcode-monkey.p.rapidapi.com/qr/custom?size=500&config=${encodeURIComponent(JSON.stringify({ bodyColor: '#1F1F5A', body: "dot", eye: "frame3", eyeball: "ball3"}))}&data=${encodeURIComponent('https://ham-san.net/namecard')} // --- @@ -25,7 +25,6 @@ https://qrcode-monkey.p.rapidapi.com/qr/custom?size=500&config=${encodeURICompon w="full" fontFamily={`"M PLUS 1p", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif`} bgColor={{ base: 'gray.5', _print: 'none' }} - style={{ ['--main-color' as 'color']: '#1F1F5A' }} > { - Array(1) - .fill(undefined) - .map(() => { - return ( - <> - - - + NAMECARDS.map((namecard) => { + const { color, content, logoTop, logoBottom, logoMiddle, qrCode, Quote } = namecard; + return ( + <> + + + + + {content.firstRow} + {content.secondRow} + + + + + {content.name} + + {content.nameSubtitle} + + - Smiley Light Village - 鬼頭明里の里民、タイ支部 🇹🇭 - - - - - - ハムP - - はむぴー/HamP - - - สวัสดีครับ!(サワディーカー) - - - X (旧: Twitter): @HamP_punipuni - Discord: HamP - + + + + X (旧: Twitter): @HamP_punipuni + + + Discord: HamP + - - - - - - + - -
- -
- - - 「…推しって“応援する存在”というよりも、 -
- “自分のモチベーションを高める存在”…」
ー 鬼頭明里 -
-
-
- -
- - ); - }) + + {logoMiddle && } + +
+
+ + +
+ +
+ + + +
+ +
+ + ); + }) }
@@ -148,4 +137,10 @@ https://qrcode-monkey.p.rapidapi.com/qr/custom?size=500&config=${encodeURICompon margin: 0; size: 91mm 55mm; } - \ No newline at end of file + + +