릴리스: v1.3.88 홈페이지 공유 메타와 파비콘 정리
This commit is contained in:
@@ -1,13 +1,42 @@
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<html lang="ko">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<link
|
||||
rel="icon"
|
||||
href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Crect width='64' height='64' rx='16' fill='%230b1220'/%3E%3Cpath d='M18 18h28v8H36v20h-8V26H18z' fill='%23f8fafc'/%3E%3C/svg%3E"
|
||||
/>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<title>Tier Maker</title>
|
||||
<title>Tier Maker | 게임 템플릿으로 만드는 티어표</title>
|
||||
<meta
|
||||
name="description"
|
||||
content="게임 템플릿과 커스텀 이미지로 티어표를 만들고 저장하고 공유하세요. 관리자 요청과 템플릿 업데이트 흐름까지 한 번에 관리할 수 있습니다."
|
||||
/>
|
||||
<meta name="theme-color" content="#090d16" />
|
||||
<meta name="application-name" content="Tier Maker" />
|
||||
|
||||
<link rel="canonical" href="https://tmaker.sori.studio/" />
|
||||
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
|
||||
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" />
|
||||
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
|
||||
|
||||
<meta property="og:site_name" content="Tier Maker" />
|
||||
<meta property="og:locale" content="ko_KR" />
|
||||
<meta property="og:type" content="website" />
|
||||
<meta property="og:url" content="https://tmaker.sori.studio/" />
|
||||
<meta property="og:title" content="Tier Maker | 게임 템플릿으로 만드는 티어표" />
|
||||
<meta
|
||||
property="og:description"
|
||||
content="게임 템플릿과 커스텀 이미지로 티어표를 만들고 저장하고 공유하세요. 관리자 요청과 템플릿 업데이트 흐름까지 한 번에 관리할 수 있습니다."
|
||||
/>
|
||||
<meta property="og:image" content="https://tmaker.sori.studio/og-card.png" />
|
||||
<meta property="og:image:alt" content="Tier Maker 공유 썸네일" />
|
||||
<meta property="og:image:width" content="1200" />
|
||||
<meta property="og:image:height" content="630" />
|
||||
|
||||
<meta name="twitter:card" content="summary_large_image" />
|
||||
<meta name="twitter:title" content="Tier Maker | 게임 템플릿으로 만드는 티어표" />
|
||||
<meta
|
||||
name="twitter:description"
|
||||
content="게임 템플릿과 커스텀 이미지로 티어표를 만들고 저장하고 공유하세요."
|
||||
/>
|
||||
<meta name="twitter:image" content="https://tmaker.sori.studio/og-card.png" />
|
||||
</head>
|
||||
<body>
|
||||
<div id="app"></div>
|
||||
|
||||
BIN
frontend/public/apple-touch-icon.png
Normal file
BIN
frontend/public/apple-touch-icon.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 25 KiB |
BIN
frontend/public/favicon-32x32.png
Normal file
BIN
frontend/public/favicon-32x32.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.6 KiB |
BIN
frontend/public/og-card.png
Normal file
BIN
frontend/public/og-card.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 79 KiB |
63
frontend/public/og-card.svg
Normal file
63
frontend/public/og-card.svg
Normal file
@@ -0,0 +1,63 @@
|
||||
<svg width="1200" height="630" viewBox="0 0 1200 630" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<defs>
|
||||
<linearGradient id="bg" x1="120" y1="60" x2="1080" y2="570" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#141C2B" />
|
||||
<stop offset="1" stop-color="#090D16" />
|
||||
</linearGradient>
|
||||
<linearGradient id="panel" x1="192" y1="156" x2="1024" y2="520" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#1C2435" />
|
||||
<stop offset="1" stop-color="#121925" />
|
||||
</linearGradient>
|
||||
<linearGradient id="accent" x1="228" y1="190" x2="686" y2="596" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#A855F7" />
|
||||
<stop offset="1" stop-color="#00FFFF" />
|
||||
</linearGradient>
|
||||
<filter id="blur" x="820" y="-40" width="420" height="420" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
||||
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
||||
<feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
|
||||
<feGaussianBlur stdDeviation="60" result="effect1_foregroundBlur_0_1"/>
|
||||
</filter>
|
||||
<filter id="shadow" x="142" y="106" width="916" height="418" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
||||
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
||||
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
|
||||
<feOffset dy="14"/>
|
||||
<feGaussianBlur stdDeviation="25"/>
|
||||
<feColorMatrix type="matrix" values="0 0 0 0 0.0196078 0 0 0 0 0.0313726 0 0 0 0 0.0627451 0 0 0 0.42 0"/>
|
||||
<feBlend in2="BackgroundImageFix" result="effect1_dropShadow_0_1"/>
|
||||
<feBlend in="SourceGraphic" in2="effect1_dropShadow_0_1" result="shape"/>
|
||||
</filter>
|
||||
</defs>
|
||||
|
||||
<rect width="1200" height="630" rx="40" fill="url(#bg)"/>
|
||||
<circle cx="1030" cy="170" r="120" fill="#00FFFF" fill-opacity="0.18" filter="url(#blur)"/>
|
||||
<circle cx="192" cy="564" r="138" fill="#A855F7" fill-opacity="0.18" filter="url(#blur)"/>
|
||||
|
||||
<g filter="url(#shadow)">
|
||||
<rect x="192" y="156" width="816" height="318" rx="34" fill="url(#panel)"/>
|
||||
<rect x="228" y="190" width="200" height="248" rx="28" fill="#101723"/>
|
||||
<rect x="458" y="190" width="514" height="64" rx="22" fill="#151D2A"/>
|
||||
<rect x="458" y="272" width="514" height="64" rx="22" fill="#151D2A"/>
|
||||
<rect x="458" y="354" width="514" height="84" rx="22" fill="#151D2A"/>
|
||||
|
||||
<rect x="252" y="214" width="152" height="44" rx="18" fill="url(#accent)" fill-opacity="0.18"/>
|
||||
<text x="276" y="243" fill="#F8FAFC" font-size="26" font-weight="700" font-family="Pretendard, Apple SD Gothic Neo, Inter, sans-serif">S Tier</text>
|
||||
|
||||
<rect x="252" y="280" width="152" height="44" rx="18" fill="#F97316" fill-opacity="0.18"/>
|
||||
<text x="276" y="309" fill="#F8FAFC" font-size="26" font-weight="700" font-family="Pretendard, Apple SD Gothic Neo, Inter, sans-serif">A Tier</text>
|
||||
|
||||
<rect x="252" y="346" width="152" height="44" rx="18" fill="#22C55E" fill-opacity="0.18"/>
|
||||
<text x="276" y="375" fill="#F8FAFC" font-size="26" font-weight="700" font-family="Pretendard, Apple SD Gothic Neo, Inter, sans-serif">B Tier</text>
|
||||
|
||||
<rect x="482" y="206" width="120" height="32" rx="14" fill="#A855F7" fill-opacity="0.14"/>
|
||||
<text x="510" y="228" fill="#C4B5FD" font-size="18" font-weight="700" font-family="Pretendard, Apple SD Gothic Neo, Inter, sans-serif">Template</text>
|
||||
|
||||
<text x="482" y="304" fill="#F8FAFC" font-size="56" font-weight="800" font-family="Pretendard, Apple SD Gothic Neo, Inter, sans-serif">Tier Maker</text>
|
||||
<text x="482" y="344" fill="#A7B0C0" font-size="24" font-weight="500" font-family="Pretendard, Apple SD Gothic Neo, Inter, sans-serif">게임 템플릿과 커스텀 이미지로 바로 만드는 티어표</text>
|
||||
<text x="482" y="394" fill="#E2E8F0" font-size="22" font-weight="600" font-family="Pretendard, Apple SD Gothic Neo, Inter, sans-serif">저장하고, 공유하고, 요청까지 한 번에</text>
|
||||
|
||||
<rect x="482" y="410" width="248" height="4" rx="2" fill="url(#accent)"/>
|
||||
|
||||
<rect x="742" y="380" width="200" height="42" rx="20" fill="#00FFFF" fill-opacity="0.12"/>
|
||||
<text x="774" y="407" fill="#B6FFFF" font-size="19" font-weight="700" font-family="Pretendard, Apple SD Gothic Neo, Inter, sans-serif">tmaker.sori.studio</text>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 4.2 KiB |
@@ -235,7 +235,7 @@ const routeMeta = computed(() => {
|
||||
}
|
||||
return {
|
||||
title: 'Tier Maker',
|
||||
subtitle: 'by zenn',
|
||||
subtitle: '게임 템플릿으로 만드는 티어표',
|
||||
contextTitle: 'Workspace',
|
||||
contextText: '현재 화면에 맞는 도구와 안내를 여기에 배치할 수 있습니다.',
|
||||
actionLabel: '홈으로',
|
||||
@@ -491,15 +491,6 @@ function submitGlobalSearch() {
|
||||
<header class="workspaceHead railHeader">
|
||||
<div class="workspaceHead__brand" @click="$router.push('/')">
|
||||
<span class="workspaceHead__brandTitle">Tier Maker</span>
|
||||
<a
|
||||
class="workspaceHead__brandSub"
|
||||
href="https://zenn.town/@murabito"
|
||||
target="_blank"
|
||||
rel="noreferrer"
|
||||
@click.stop
|
||||
>
|
||||
by zenn
|
||||
</a>
|
||||
</div>
|
||||
<div class="workspaceHead__actions">
|
||||
<div v-if="showGameHubViewToggle" class="viewToggle" role="group" aria-label="티어표 보기 방식">
|
||||
@@ -1137,18 +1128,6 @@ function submitGlobalSearch() {
|
||||
color: var(--theme-text-strong);
|
||||
}
|
||||
|
||||
.workspaceHead__brandSub {
|
||||
font-size: 13px;
|
||||
font-weight: 700;
|
||||
color: var(--theme-text-muted);
|
||||
text-decoration: none;
|
||||
transition: color 180ms ease, opacity 180ms ease;
|
||||
}
|
||||
|
||||
.workspaceHead__brandSub:hover {
|
||||
color: var(--theme-text);
|
||||
}
|
||||
|
||||
.workspaceHead__actions {
|
||||
display: flex;
|
||||
gap: 10px;
|
||||
|
||||
Reference in New Issue
Block a user