Fix slides style
This commit is contained in:
parent
973f347eef
commit
0ab3c221a9
|
@ -269,6 +269,7 @@ genHtmlAction
|
|||
genHtmlAction getPost getTemplate out = do
|
||||
let tplname = case takeDirectory1 (dropDirectory1 out) of
|
||||
"posts" -> "post.mustache"
|
||||
"slides" -> "slide.mustache"
|
||||
"drafts" -> "post.mustache"
|
||||
_ -> "main.mustache"
|
||||
template <- getTemplate ("templates" </> tplname)
|
||||
|
|
|
@ -1,7 +1,28 @@
|
|||
h1, h2 {
|
||||
border: solid;
|
||||
padding: 10em 1em;
|
||||
#preamble h1, #preamble h2 {
|
||||
padding: 0;
|
||||
margin: 1em 0;
|
||||
text-align: center;
|
||||
border-top: none;
|
||||
}
|
||||
h3 { border-top: solid; margin-top: 2em; }
|
||||
#content { border-left: solid; border-right: solid; margin-top: 2rem;}
|
||||
#content :first-child { margin-top: 0; }
|
||||
h1,h2,h3,h4,h5,h6 { font-size: 1rem; }
|
||||
h1, h2 {
|
||||
border-top: solid;
|
||||
text-align: center;
|
||||
width: calc(100% + 2rem);
|
||||
position: relative;
|
||||
left: -1rem;
|
||||
box-sizing: border-box;
|
||||
padding: 7rem 1rem 6rem 0;
|
||||
}
|
||||
h3 { border-top: solid;
|
||||
width: calc(100% + 2rem);
|
||||
box-sizing: border-box;
|
||||
position: relative;
|
||||
left: -1rem;
|
||||
margin-top: 2em;
|
||||
padding-top: 2em;
|
||||
padding-left: 1rem;
|
||||
padding-right: 1rem;
|
||||
color
|
||||
}
|
||||
|
|
67
templates/slide.mustache
Normal file
67
templates/slide.mustache
Normal file
|
@ -0,0 +1,67 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>{{title}}</title>
|
||||
<meta name="author" content="{{author}}">
|
||||
<meta name="description" content="{{description}}">
|
||||
<meta name="keywords" content="{{#tags}}{{.}}{{^last}} {{/last}}{{/tags}}">
|
||||
<link rel="stylesheet" href="/css/y.css"/><link rel="alternate" type="application/rss+xml" href="/rss.xml" /><link rel="icon" href="/favicon.ico">
|
||||
<link rel="stylesheet" href="/css/slides.css"/><link rel="alternate" type="application/rss+xml" href="/rss.xml" /><link rel="icon" href="/favicon.ico">
|
||||
</head>
|
||||
<body><input name="t" type="radio" id="l">
|
||||
<input name="t" type="radio" id="d">
|
||||
<div id="labels">
|
||||
<div class="content">
|
||||
<label for="l">light</label> | <label for="d">dark</label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="main">
|
||||
<div id="preamble" class="status">
|
||||
<div id="logo">
|
||||
<a href="/">
|
||||
<svg viewBox="0 0 64 64">
|
||||
<circle cx="32" cy="32" r="30" stroke="var(--b2)" stroke-width="2" fill="var(--b03)"/>
|
||||
<circle cx="32" cy="32" r="12" stroke="var(--r)" stroke-width="2" fill="var(--o)"/>
|
||||
<circle cx="32" cy="32" r="6" stroke-width="0" fill="var(--y)"/>
|
||||
<ellipse cx="32" cy="14" rx="14" ry="8" stroke-width="0" fill="var(--b3)"/>
|
||||
</svg>
|
||||
</a>
|
||||
</div>
|
||||
<div class="content">
|
||||
<h1>{{title}}</h1>
|
||||
<div class="meta">
|
||||
<span class="article-date">{{date}}</span> on
|
||||
<a href="https://her.esy.fun">
|
||||
<span class="author">{{author}}</span>'s blog</a> -
|
||||
<a href="{{orgsource}}">source</a> -
|
||||
<a href="{{txtsource}}">txt</a> -
|
||||
<a href="{{pdf}}">pdf</a> -
|
||||
<a class="permalink" href="{{permalink}}">§permalink</a>
|
||||
</div>
|
||||
<div class="abstract">
|
||||
{{description}}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="content">
|
||||
{{{body}}}
|
||||
</div>
|
||||
<div id="postamble" class="status">
|
||||
<div class="content">
|
||||
<nav>
|
||||
<a href="/index.html">Home</a> |
|
||||
<a href="/archive.html">Posts</a> |
|
||||
<a href="/slides.html">Slides</a> |
|
||||
<a href="/about-me.html">About</a>
|
||||
<span class="details"> (<a href="https://gitea.esy.fun/yogsototh">code</a>
|
||||
<a href="https://espial.esy.fun/u:yogsototh">bookmarks</a>
|
||||
<a href="https://espial.esy.fun/u:yogsototh/notes">notes</a>)</span> |
|
||||
<a href="#preamble">↑ Top ↑</a>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
Loading…
Reference in a new issue