BohemianBuddha

source

base.html

from Site Template

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
<!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="description" content="{{DESCRIPTION}}">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Spectral:ital,wght@0,400;0,500;0,600;1,400&family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet">
<link rel="stylesheet" href="{{ROOT}}assets/style.css">
</head>
<body>
<a class="skip" href="#main">Skip to content</a>
<header class="site-head">
  <a class="brand" href="{{ROOT}}index.html">
    <span class="brand-mark" aria-hidden="true">
      <svg viewBox="0 0 40 40" width="34" height="34"><path d="M20 4.5c-8.4 0-15.2 6.9-15.2 15.5S11.6 35.5 20 35.5c6.3 0 11.7-3.9 14-9.4" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round"/></svg>
    </span>
    <span class="brand-word">Bohemian<span class="brand-word-b">Buddha</span></span>
  </a>
  <nav class="site-nav">
    <a href="{{ROOT}}tools.html">Tools</a>
    <a href="{{ROOT}}case-studies.html">Case Studies</a>
    <a href="{{ROOT}}blog.html">Notes</a>
    <a href="{{ROOT}}about.html">About</a>
  </nav>
</header>
<main id="main">
{{CONTENT}}
</main>
<footer class="site-foot">
  <span class="foot-enso" aria-hidden="true">◯</span>
  <p>bohemianbuddha.com — a quiet workshop for small useful things.</p>
</footer>
</body>
</html>
← back to Site Template