pages-server/views/markdown.tmpl
hazycora 6168075636
All checks were successful
Deploy to VPS / build_site (push) Successful in 3s
fix code blocks in markdown.tmpl
2024-04-25 02:43:34 -05:00

118 lines
2 KiB
Cheetah

{{template "header.tmpl" .}}
<style>
:root {
scrollbar-gutter: stable;
}
.from-text {
color: var(--muted-clr);
}
.from-text a {
color: inherit;
}
.from-text + h1 {
margin-top: 0em;
}
article {
margin: 4rem auto;
max-width: 50rem;
word-break: break-word;
hyphens: auto;
}
article img {
display: block;
max-width: 100%;
}
article h1:first-child {
margin-top: 0;
}
h1 {
font-size: 1.75em;
}
p {
margin-block: 0.5em;
}
hr {
border: none;
height: 1px;
background-color: var(--border-clr);
margin: 1rem 0;
}
table {
border: 1px solid var(--border-clr);
display: grid;
}
table thead, table tbody {
display: grid;
}
table tr {
display: flex;
border-bottom: 1px solid var(--border-clr);
}
table tbody tr:last-child {
border-bottom: none;
}
table td, table th {
padding: 0.25rem;
flex: 1;
border-right: 1px solid var(--border-clr);
}
table th:not([align]) {
text-align: start;
}
table th {
display: grid;
align-items: center;
}
table td:last-child, table th:last-child {
border-right: none;
}
blockquote {
background-color: rgb(0 0 0 / 0.2);
border-top-right-radius: 0.25rem;
border-bottom-right-radius: 0.25rem;
margin-inline: 0rem;
padding-block: 0.25rem;
padding-inline: 0.5rem;
border-inline-start: 2px solid currentColor;
}
blockquote :first-child {
margin-block-start: 0;
}
blockquote :last-child {
margin-block-end: 0;
}
blockquote p:only-child {
margin-block: 0;
}
ul, ol {
position: relative;
padding-left: 1.25rem;
}
ul li, ol li {
padding-left: 0.25rem;
}
code {
display: inline-block;
background: rgb(0 0 0 / 0.3);
font-family: 'Anonymous Pro',monospace;
font-size: 0.9em;
border-radius: 0.25rem;
padding: 0.25rem;
}
pre code {
display: block;
overflow-x: auto;
}
</style>
<article>
{{if .Meta.Title}}
<h1>{{.Meta.Title}}</h1>
{{if .Meta.Description}}
{{.Meta.Description}}
{{end}}
<hr>
{{end}}
{{html .Rendered}}
</article>
{{template "footer.tmpl" .}}