Fix slides style

This commit is contained in:
Yann Esposito (Yogsototh) 2020-08-22 23:17:41 +02:00
parent 973f347eef
commit 0ab3c221a9
Signed by untrusted user who does not match committer: yogsototh
GPG Key ID: 7B19A4C650D59646
3 changed files with 94 additions and 5 deletions

View File

@ -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)

View File

@ -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
View 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>