-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
a9b31e7
commit 0ca95cd
Showing
10 changed files
with
3,490 additions
and
3,010 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1 +1,2 @@ | ||
| /// <reference path="../.astro/types.d.ts" /> | ||
| /// <reference types="astro/client" /> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,77 +1,151 @@ | ||
| --- | ||
| 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 BaseLayout from '../../../layouts/BaseLayout.astro'; | ||
| export async function getStaticPaths() { | ||
| return [{ params: { lang: 'en' } }, { params: { lang: 'ja' } }]; | ||
| } | ||
| // <styled.p fontSize="xs" textAlign="center" fontStyle="italic"> | ||
| // Pと書いてあるけどプロデューサーじゃないからね。 | ||
| // <br /> ただただ「ぴー」の響きがいいだけ。 | ||
| // </styled.p> | ||
| /* <styled.img | ||
| maxW="50px" | ||
| src={`https://api.qrserver.com/v1/create-qr-code/?size=150x150&data=${encodeURIComponent('https://ham-san.net/contact')}`} | ||
| /> */ | ||
| //`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')} | ||
| // <Box width="64px" height="64px" objectPosition="0 -1350px" backgroundImage="url('https://kitoakari.com/wp/wp-content/themes/kitoakari/assets/images/common/sprite_loading.png')" backgroundPosition="0 -576px" backgroundSize="64px 640px" backgroundRepeat='no-repeat'/> | ||
| --- | ||
|
|
||
| <BaseLayout> | ||
| <Center | ||
| h="100dvh" | ||
| h={{ | ||
| base: '100dvh', | ||
| _print: 'full' | ||
| }} | ||
| 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' }} | ||
| > | ||
| <Grid | ||
| printColorAdjust="exact" | ||
| gridTemplateColumns="repeat(auto-fit, minmax(91mm, 1fr))" | ||
| justifyItems="center" | ||
| _print={{ | ||
| gap: '0' | ||
| }} | ||
| w="full" | ||
| > | ||
| { | ||
| Array(8) | ||
| Array(1) | ||
| .fill(undefined) | ||
| .map(() => { | ||
| return ( | ||
| <HStack | ||
| width="91mm" | ||
| height="55mm" | ||
| gap="4" | ||
| bgColor="white" | ||
| border={{ _print: '1px solid' }} | ||
| printColorAdjust={{ _print: 'exact' }} | ||
| style={{ | ||
| WebkitPrintColorAdjust: 'exact' | ||
| }} | ||
| > | ||
| <Box width="5mm" h="full" bgColor="var(--main-color, #1F1F5A)" /> | ||
| <Stack flex="1" gap="2" justifyContent="space-around" h="full" py="4"> | ||
| <Stack gap="0" fontSize="sm"> | ||
| <styled.p>Smiley Light Village</styled.p> | ||
| <styled.p>タイ支部🇹🇭</styled.p> | ||
| <> | ||
| <HStack | ||
| _print={{ | ||
| pageBreakBefore: 'always', | ||
| // border: '1px solid', | ||
| printColorAdjust: 'exact' | ||
| }} | ||
| width="91mm" | ||
| height="55mm" | ||
| gap="0" | ||
| bgColor="white" | ||
| style={{ | ||
| WebkitPrintColorAdjust: 'exact' | ||
| }} | ||
| > | ||
| <Box width="5mm" h="full" bgColor="var(--main-color, #1F1F5A)" /> | ||
| <Stack | ||
| flex="1" | ||
| gap="2" | ||
| pl="4" | ||
| pr="2" | ||
| justifyContent="space-around" | ||
| h="full" | ||
| py="4" | ||
| > | ||
| <Stack gap="0" fontSize="xs"> | ||
| <styled.p >Smiley Light Village</styled.p> | ||
| <styled.p >鬼頭明里の里民、タイ支部 🇹🇭</styled.p> | ||
|
|
||
| </Stack> | ||
| <styled.hr borderColor="var(--main-color)" /> | ||
| <Stack gap="0"> | ||
| <styled.h1 fontWeight="semibold" lineHeight="1.12" fontSize="4xl"> | ||
| ハムP | ||
| </styled.pd.h1> | ||
| <styled.p fontSize="sm">はむぴー／HamP</styled.p> | ||
| </Stack> | ||
| <Stack gap="1"> | ||
| <Stack gap="0" fontSize="xs"> | ||
| <styled.p>สวัสดีครับ!（サワディーカー）</styled.p> | ||
| </Stack> | ||
| <Stack gap="0" fontSize="0.5rem" > | ||
| <styled.p>X (旧: Twitter): <b>@HamP_punipuni</b></styled.p> | ||
| <styled.p>Discord: <b>HamP</b></styled.p> | ||
| </Stack> | ||
| </Stack> | ||
| </Stack> | ||
| <styled.hr borderColor="var(--main-color)" /> | ||
| <Stack gap="0"> | ||
| <styled.h1 fontWeight="semibold" lineHeight="1.2" fontSize="5xl"> | ||
| ハムP | ||
| </styled.h1> | ||
| <styled.p fontSize="sm">Pいらないからハムをよんで！</styled.p> | ||
| <Stack | ||
| justifyContent="space-between" | ||
| py="4" | ||
| pr="4" | ||
| h="full" | ||
| w="84px" | ||
| alignItems="flex-end" | ||
| > | ||
| <styled.img src={akarinLogo.src} /> | ||
| <styled.img src="https://500ddaf7f3cefcd23a892c355a3d13d0.cdnext.stream.ne.jp/images/common/logo.svg" /> | ||
| </Stack> | ||
| <Stack gap="0" fontSize="xs"> | ||
| <styled.p>สวัสดีครับ!（サワディーカー）</styled.p> | ||
| <styled.p>X: @HamP_punipuni</styled.p> | ||
| </HStack> | ||
| <HStack | ||
| width="91mm" | ||
| height="55mm" | ||
| bgColor="white" | ||
| gap="0" | ||
| border={{ _print: '1px solid' }} | ||
| printColorAdjust={{ _print: 'exact' }} | ||
| style={{ | ||
| WebkitPrintColorAdjust: 'exact' | ||
| }} | ||
| > | ||
| <Stack | ||
| flex="1" | ||
| gap="2" | ||
| justifyContent="space-evenly" | ||
| alignItems="center" | ||
| h="full" | ||
| p="4" | ||
| > | ||
| <Center> | ||
| <styled.img | ||
| maxW="100px" | ||
| src={qrCode.src} | ||
| /> | ||
| </Center> | ||
| <HStack alignItems="center"> | ||
| <styled.blockquote fontSize="xs" textAlign="center" fontStyle="italic"> | ||
| 「…推しって<b>“応援する存在”</b>というよりも、 | ||
| <br /> | ||
| <b>“自分のモチベーションを高める存在”</b>…」</br>ー 鬼頭明里 | ||
| </styled.blockquote> | ||
| </HStack> | ||
| </Stack> | ||
| </Stack> | ||
| <Stack justifyContent="space-between" py="4" pr="4" h="full" alignItems="flex-end"> | ||
| <styled.img | ||
| maxW="50px" | ||
| src="https://500ddaf7f3cefcd23a892c355a3d13d0.cdnext.stream.ne.jp/images/common/sns_of.png" | ||
| /> | ||
| <styled.img | ||
| maxW="64px" | ||
| src="https://500ddaf7f3cefcd23a892c355a3d13d0.cdnext.stream.ne.jp/images/common/logo.svg" | ||
| /> | ||
| </Stack> | ||
| </HStack> | ||
| <Box width="5mm" h="full" bgColor="var(--main-color, #1F1F5A)" /> | ||
| </HStack> | ||
| </> | ||
| ); | ||
| }) | ||
| } | ||
| </Grid> | ||
| </Center> | ||
| </BaseLayout> | ||
|
|
||
| <style> | ||
| @page { | ||
| margin: 0; | ||
| size: 91mm 55mm; | ||
| } | ||
| </style> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,5 @@ | ||
| import { redirect } from '@sveltejs/kit'; | ||
|
|
||
| export function load() { | ||
| throw redirect(302, '/contact'); | ||
| } |
Empty file.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Oops, something went wrong.