Files
tplate/templates/index.tmpl
2025-05-02 01:03:34 +08:00

88 lines
2.0 KiB
Cheetah

<style>
p {
max-width: 100%;
}
img {
max-width: 100%;
border-radius: .375rem;
}
pre {
max-width: 100%;
overflow-x: auto;
scrollbar-color: #dde4e3 black;
border-radius: .375rem;
padding: 1.25rem 1rem;
}
body {
background-color: #1a1c15;
/* background-color: whitesmoke; */
}
h1, h2, h3, h4, h5, h6, p, ol, li, table, pre {
color: #c6c8b9;
/* color: black; */
}
h1 {
margin: 1rem 0;
font-size: 2.25em;
}
h2 {
margin: 1.75em 0 .5em;
font-size: 1.75em;
}
h3 {
margin: 1.5em 0 .5em;
font-size: 1.375em;
}
a {
color: #b7d084;
/* color: #80D4D5; */
}
@media (min-width: 1536px) {
.\32 xl\:max-w-screen-lg {
max-width: 1024px;
}
}
@media (max-width: 1536px) {
.max-w-screen-md {
max-width: 768px;
}
}
main {
padding: 2rem;
margin: auto;
}
html {
font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
}
code, kbd, samp, pre {
font-feature-settings: normal;
font-variation-settings: normal;
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
font-size: 1em;
}
div > :is(h1,h2,h3,h4,h5,h6) > a > svg {
margin-left: 0.25em;
filter: invert(100%);
}
</style>
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>{{ .Title }}</title>
</head>
<body>
<main class="max-w-screen-md 2xl:max-w-screen-lg">
<h1>{{ .Title }}</h1>
<p><a href="https://trle5.xyz/" target="_blank">{{ .Author }}</a></p>
<div>{{ .Content }}</div>
</main>
</body>
</html>