Skip to content

chore: update homepage meta tags and lang attribute #36

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Closed
minorcell wants to merge 1 commit into from
Closed

chore: update homepage meta tags and lang attribute #36

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
29 changes: 25 additions & 4 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,11 +1,32 @@
<!DOCTYPE html>
<html lang="en">
<html lang="zh-CN">

<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" type="images/svg" href="./assets/images/logo.svg">
<link rel="icon" href="./assets/images/logo.svg" type="image/svg+xml">
<title>赴九天 问苍穹｜中国载人航天</title>

<!-- SEO -->
<meta name="description" content="赴九天，问苍穹 — 中国载人航天互动展示与纪年，包含星轨纪年、天阶十二辰、问天阁与寰宇速报等专题。">
<meta name="keywords" content="中国, 载人航天, 航天, 互动, 展示, CMS, three.js">
<link rel="canonical" href="https://cms.mcell.top/">
<meta name="theme-color" content="#000000">

<!-- Open Graph -->
<meta property="og:site_name" content="赴九天 问苍穹｜中国载人航天">
<meta property="og:title" content="赴九天 问苍穹｜中国载人航天">
<meta property="og:description" content="中国载人航天互动展示，包含重要里程碑、专题解析与多媒体内容。">
<meta property="og:type" content="website">
<meta property="og:url" content="https://cms.mcell.top/">
<meta property="og:image" content="https://cms.mcell.top/assets/images/logo.svg">

<!-- Twitter Card -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="赴九天 问苍穹｜中国载人航天">
<meta name="twitter:description" content="中国载人航天互动展示，包含重要里程碑、专题解析与多媒体内容。">
<meta name="twitter:image" content="https://cms.mcell.top/assets/images/logo.svg">

<link rel="stylesheet" href="./styles/reset.css">
<link rel="stylesheet" href="./styles/header.css">
<link rel="stylesheet" href="./styles/index/index.css">
Expand Down Expand Up @@ -133,7 +154,7 @@ <h2 class="subtitle">Cosmic Inquiry Lab</h2>
</radialGradient>
</defs>
<path id="curve"
d="M1788.94 1.79519C1788.94 1.79519 1593.58 54.4529 1348.08 236.453C1137.1 392.861 984.58 546.452 1016.94 821.795C1049.31 1097.14 1523.62 1075.54 1593.58 1381.45C1653.39 1642.97 1593.59 1794.45 1356.57 2012.95C1097.65 2251.64 786.063 2328 587.582 2397.95C389.102 2467.91 -397.9 2892.95 257.1 3517.45C912.1 4141.95 257.1 4422.51 146.1 4702.45C35.1006 4982.4 705.499 5321 581 5221.01"
d="M1788.94 1.79519C1788.94 1.79519 1593.58 54.4529 1348.08 236.453C1137.1 392.861 984.58 546.452 1016.94 821.795C1049.31 1097.14 1523.62 1075.54 1593.58 1381.45C1653.39 1642.97 1[...]"
fill="none" stroke="rgba(255, 255, 255, 0.5)" stroke-width="0.8" />
<ellipse id="slider" cx="0" cy="0" rx="25" ry="3" fill="url(#sliderGradient)" filter="url(#glow)" />
</svg>
Expand Down Expand Up @@ -164,7 +185,7 @@ <h2 class="subtitle">Cosmic Inquiry Lab</h2>
const prevPoint = curve.getPointAtLength(Math.max(offset - 0.1, 0))
const angle = Math.atan2(point.y - prevPoint.y, point.x - prevPoint.x) * 180 / Math.PI

slider.setAttribute('transform', `translate(${point.x}, ${point.y}) rotate(${angle})`)
slider.setAttribute('transform', `translate(${point.x}, ${point.y}) rotate(${angle}`)
}

window.addEventListener('scroll', updateSlider)
Expand Down
Loading