Files

113 lines
4.8 KiB
HTML

<!DOCTYPE html>
<html lang="{{seo.html_lang}}">
<head>
<meta charset="utf-8">
<base href="{{config.basedir}}">
<title>{{seo.title}}</title>
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no, viewport-fit=cover">
<meta name="description" content="{{seo.description}}">
<meta name="keywords" content="{{seo.keywords}}">
<meta name="application-name" content="taiko.su">
<meta name="theme-color" content="#ff5a3d">
<meta name="color-scheme" content="only light">
<meta name="format-detection" content="telephone=no">
<meta name="robots" content="index,follow,max-image-preview:large,max-snippet:-1,max-video-preview:-1">
<meta property="og:type" content="website">
<meta property="og:site_name" content="taiko.su">
<meta property="og:title" content="{{seo.title}}">
<meta property="og:description" content="{{seo.description}}">
<meta property="og:image" content="{{seo.image_url}}">
<meta property="og:image:alt" content="{{seo.heading}}">
<meta property="og:url" content="{{seo.canonical_url}}">
<meta property="og:locale" content="{{seo.og_locale}}">
{% for alternate in seo.alternate_urls if alternate.lang != seo.lang %}
<meta property="og:locale:alternate" content="{{alternate.og_locale}}">
{% endfor %}
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="{{seo.title}}">
<meta name="twitter:description" content="{{seo.description}}">
<meta name="twitter:image" content="{{seo.image_url}}">
<meta name="twitter:image:alt" content="{{seo.heading}}">
<link rel="canonical" href="{{seo.canonical_url}}">
{% for alternate in seo.alternate_urls %}
<link rel="alternate" hreflang="{{alternate.hreflang}}" href="{{alternate.url}}">
{% endfor %}
<link rel="alternate" hreflang="x-default" href="{{seo.default_url}}">
<link rel="icon" href="{{config.assets_baseurl}}img/favicon.ico" sizes="any">
<link rel="icon" href="{{config.assets_baseurl}}img/favicon-32.png" type="image/png" sizes="32x32">
<link rel="icon" href="{{config.assets_baseurl}}img/favicon-16.png" type="image/png" sizes="16x16">
<link rel="apple-touch-icon" href="{{config.assets_baseurl}}img/apple-touch-icon.png">
<link rel="manifest" href="{{config.basedir}}manifest.json">
<link rel="stylesheet" href="{{config.basedir}}src/css/loader.css?{{version.commit_short}}">
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "VideoGame",
"name": "taiko.su",
"alternateName": {{seo.heading|tojson}},
"applicationCategory": "Game",
"operatingSystem": ["Windows", "macOS", "Linux", "Android", "iOS"],
"gamePlatform": ["Web browser", "PC", "Mobile"],
"browserRequirements": "JavaScript enabled; modern HTML5 browser",
"genre": ["Rhythm", "Music"],
"playMode": "SinglePlayer",
"isAccessibleForFree": true,
"featureList": ["Single-song event"],
"inLanguage": {{seo.html_lang|tojson}},
"description": {{seo.description|tojson}},
"disambiguatingDescription": {{seo.disclaimer|tojson}},
"url": {{seo.canonical_url|tojson}},
"image": {{seo.image_url|tojson}},
"offers": {
"@type": "Offer",
"price": "0",
"priceCurrency": "USD",
"availability": "https://schema.org/InStock"
},
"potentialAction": {
"@type": "PlayAction",
"target": {{seo.canonical_url|tojson}}
}
}
</script>
<script src="{{config.basedir}}src/js/assets.js?{{version.commit_short}}"></script>
<script src="{{config.basedir}}src/js/strings-lite.js?{{version.commit_short}}"></script>
<script src="{{config.basedir}}src/js/pageevents.js?{{version.commit_short}}"></script>
<script src="{{config.basedir}}src/js/loader.js?{{version.commit_short}}"></script>
</head>
<body>
<div id="assets"></div>
<div id="screen" class="pattern-bg">
<div id="initial-loader" role="status" aria-live="polite">
<div class="initial-loader-title">taiko.su</div>
<div class="initial-loader-bar"><span></span></div>
<div class="initial-loader-status">Loading</div>
</div>
</div>
<div data-nosnippet id="version">
{% if version.version and version.commit_short and version.commit %}
<a href="{{version.url}}commit/{{version.commit}}" target="_blank" rel="noopener" id="version-link"
class="stroke-sub" alt="vSU? ??.??.??">vSU? ??.??.??</a>
{% else %}
<a target="_blank" rel="noopener" id="version-link" class="stroke-sub" alt="vSU? ??.??.??">vSU? ??.??.??</a>
{% endif %}
</div>
<script src="{{config.basedir}}src/js/browsersupport.js?{{version.commit_short}}"></script>
<script src="{{config.basedir}}src/js/kiosk-main.js?{{version.commit_short}}"></script>
<noscript>
<div data-nosnippet id="unsupportedBrowser">
<div id="unsupportedWarn">!</div>
<span>taiko.su requires JavaScript to be enabled in your browser.<br>taiko.su 需要启用 JavaScript。<br>taiko.su を遊ぶには JavaScript を有効にしてください。</span>
</div>
</noscript>
</body>
</html>