_layout.html
HTML document, ASCII text
1<!DOCTYPE html> 2<html lang="en-us" prefix="og: https://ogp.me/ns# article: http://ogp.me/ns/article# profile: https://ogp.me/ns/profile#"> 3 4<head> 5{% block Head %} 6<meta charset="UTF-8" /> 7<meta name="viewport" content="width=device-width, initial-scale=1.0" /> 8 9<title>{% block title %}{% endblock %}</title> 10<style> 11html { 12color-scheme: dark; 13background-image: 14url("/bg2.gif"), 15url("/bg1.gif"); 16animation: movestars 115s linear infinite; 17background-size: 5rem; 18image-rendering: pixelated; 19} 20@keyframes movestars { 21from { 22background-position: 0 0, 0 0; 23} 24to { 25background-position: 500rem -200rem, -100rem 100rem; 26} 27} 28 29body { 30min-height: 100vh; 31width: 60vw; 32background-color: #100010; 33margin: 0; 34padding: 8px; 35} 36 37header { 38display: flex; 39align-items: center; 40} 41header h2 { 42flex: 1; 43} 44 45main { 46margin: .25em 0; 47padding: .5em .3em; 48 49border: solid #fff; 50border-width: 1px 0; 51border-radius: 4px; 52} 53footer { 54display: flex; 55align-items: first baseline; 56gap: 35px; 57} 58 59.breadcrumbs { 60margin: 0; 61} 62.breadcrumbs li { 63display: inline; 64} 65.breadcrumbs li:not(:last-child)::after { 66content: "/" 67} 68</style> 69 70<meta property="og:locale" content="en_US" /> 71<meta property="og:site_name" content="Steve0Greatness" /> 72<meta property="og:image" content="/OG-Image.png" /> 73{% endblock %} 74</head> 75 76<body> 77<header> 78<h2><a href="/"><img src="/SteveLogo.webp" height="35" width="215" alt="Steve0Greatness" /></a></h2> 79<nav> 80<a href="/blog">Blog</a> 81<a href="/list/link-tree.html">Link Tree</a> 82</nav> 83</header> 84{% block breadcrumbs %}{% endblock %} 85<main>{% block content %}{% endblock %}</main> 86<footer> 87<div role="group"> 88<strong>Navigation</strong> 89<ul> 90<li><a href="/list/website-sources-mirrors.html">Source Code</a></li> 91<li><a href="/extras.html">Extras</a></li> 92<li><a href="/guestbook.html">Guestbook</a></li> 93<li> 94<details class="inline-details"> 95<summary>Compile Info</summary> 96<table> 97<tbody> 98<tr> 99<th>Site Start</th> 100<td>{{SiteCompileTime}}</td> 101</tr> 102<tr> 103<th>Page Start</th> 104<td>{{CompileTime}}</td> 105</tr> 106<tr> 107<th>View Name</th> 108<td>{{ViewName}}</td> 109</tr> 110</tbody> 111</table> 112</details> 113</li> 114</ol> 115</div> 116<div role="group"> 117<strong>Profiles</strong> 118<ul> 119<li><a href="https://mastodon.social/@S0G" rel="me">Mastodon</a></li> 120<li><a href="https://youtube.com/@s0g">YouTube</a></li> 121<li><a href="/list/link-tree.html">Link-Tree</a></li> 122</ul> 123</div> 124</footer> 125</body> 126 127</html> 128