117 lines
2.8 KiB
Plaintext
117 lines
2.8 KiB
Plaintext
block vars
|
|
|
|
doctype html
|
|
|
|
!= '\n<!-- Thank you for using Misskey! @syuilo -->\n'
|
|
|
|
html
|
|
|
|
head
|
|
meta(charset='utf-8')
|
|
meta(name='application-name' content='Misskey')
|
|
meta(name='referrer' content='origin')
|
|
meta(name='theme-color' content='#86b300')
|
|
meta(name='theme-color-orig' content='#86b300')
|
|
meta(property='og:site_name' content= instanceName || 'Misskey')
|
|
meta(name='viewport' content='width=device-width, initial-scale=1')
|
|
link(rel='icon' href= icon || '/favicon.ico')
|
|
link(rel='apple-touch-icon' href= icon || '/apple-touch-icon.png')
|
|
link(rel='manifest' href='/manifest.json')
|
|
link(rel='prefetch' href='https://xn--931a.moe/assets/info.jpg')
|
|
link(rel='prefetch' href='https://xn--931a.moe/assets/not-found.jpg')
|
|
link(rel='prefetch' href='https://xn--931a.moe/assets/error.jpg')
|
|
|
|
title
|
|
block title
|
|
= title || 'Misskey'
|
|
|
|
block desc
|
|
meta(name='description' content= desc || '✨🌎✨ A federated blogging platform ✨🚀✨')
|
|
|
|
block meta
|
|
|
|
block og
|
|
meta(property='og:image' content=img)
|
|
|
|
style.
|
|
html {
|
|
background-color: var(--bg);
|
|
color: var(--fg);
|
|
}
|
|
|
|
#ini {
|
|
position: fixed;
|
|
z-index: 1;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
cursor: wait;
|
|
}
|
|
|
|
#ini > svg {
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
margin: auto;
|
|
width: 64px;
|
|
height: 64px;
|
|
animation: ini 0.6s infinite linear;
|
|
color: var(--accent);
|
|
fill: currentColor;
|
|
}
|
|
|
|
@keyframes ini {
|
|
from {
|
|
transform: rotate(0deg);
|
|
}
|
|
to {
|
|
transform: rotate(360deg);
|
|
}
|
|
}
|
|
|
|
script(src=`/assets/app.${version}.js` async defer)
|
|
script.
|
|
const theme = localStorage.getItem('theme');
|
|
if (theme) {
|
|
for (const [k, v] of Object.entries(JSON.parse(theme))) {
|
|
document.documentElement.style.setProperty(`--${k}`, v.toString());
|
|
if (k === 'htmlThemeColor') {
|
|
for (const tag of document.head.children) {
|
|
if (tag.tagName === 'META' && tag.getAttribute('name') === 'theme-color') {
|
|
tag.setAttribute('content', v);
|
|
break;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
const fontSize = localStorage.getItem('fontSize');
|
|
if (fontSize) {
|
|
document.documentElement.classList.add('f-' + fontSize);
|
|
}
|
|
|
|
const useSystemFont = localStorage.getItem('useSystemFont');
|
|
if (useSystemFont) {
|
|
document.documentElement.classList.add('useSystemFont');
|
|
}
|
|
|
|
const wallpaper = localStorage.getItem('wallpaper');
|
|
if (wallpaper) {
|
|
document.documentElement.style.backgroundImage = `url(${wallpaper})`;
|
|
}
|
|
|
|
body
|
|
noscript: p
|
|
| JavaScriptを有効にしてください
|
|
br
|
|
| Please turn on your JavaScript
|
|
div#ini.
|
|
<svg viewBox="0 0 50 50">
|
|
<path d="M25.251,6.461c-10.318,0-18.683,8.365-18.683,18.683h4.068c0-8.071,6.543-14.615,14.615-14.615V6.461z" />
|
|
</svg>
|
|
block content
|