author | Alan Dipert
<alan@dipert.org> 2025-10-08 05:31:52 UTC |
committer | Alan Dipert
<alan@dipert.org> 2025-10-08 05:31:52 UTC |
parent | bbdbe5657761d7b9b70dc8dd504942afebeab3d1 |
tpl/head.html | +4 | -1 |
tpl/style.css | +12 | -7 |
diff --git a/tpl/head.html b/tpl/head.html index af2dc00..7d09603 100644 --- a/tpl/head.html +++ b/tpl/head.html @@ -16,7 +16,10 @@ <body> <div id="main"> <header class="site-head"> - <h1><a href="@ROOT@Home.html">Home</a></h1> + <nav class="site-nav"> + <a href="@ROOT@Home.html">Home</a> + <a href="@ROOT@Index.html">Index</a> + </nav> </header> <div class="pages"> <div class="content"> diff --git a/tpl/style.css b/tpl/style.css index b7ad6f6..5f2fc11 100644 --- a/tpl/style.css +++ b/tpl/style.css @@ -33,17 +33,20 @@ body{ border-bottom:1px solid rgba(0,0,0,.08); padding-bottom:.75rem; } -.site-head h1{ - margin:0; - font-size:1.5rem; +.site-nav{ + display:flex; + gap:1rem; + align-items:center; + font-size:1.125rem; + font-weight:600; } -.site-head a{ +.site-nav a{ color:var(--link); - text-decoration:none; -} -.site-head a:hover{ text-decoration:underline; } +.site-nav a:hover{ + text-decoration:none; +} .content h1, .content h2, .content h3, @@ -62,6 +65,8 @@ img[src*="200px"]{width:200px;} .content table{width:100%;border-collapse:collapse;margin:1.5rem 0;box-shadow:inset 0 -1px 0 rgba(0,0,0,.05);} .content th, .content td{padding:.5rem .75rem;border-bottom:1px solid rgba(0,0,0,.08);} +.content th:first-child, +.content td:first-child{white-space:nowrap;} .content thead th{background:rgba(0,0,0,.04);font-weight:600;text-align:left;} .content td[align="right"], .content th[align="right"]{text-align:right;}