1<!DOCTYPE html>
 2<html lang="en">
 3
 4  <head>
 5    <meta name="description" content="Webpage description goes here" />
 6    <meta charset="utf-8">
 7    <title>[blogo-title]</title>
 8    <meta name="viewport" content="width=device-width, initial-scale=1">
 9    <meta name="author" content="">
10
11    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
12    <link rel="stylesheet" href="css/style.css">
13
14    <!-- highlightjs -->
15    <!-- <link rel="stylesheet" href="js/highlightjs/atom-one-dark.css"> -->
16    <link rel="stylesheet" href="js/highlightjs/gruvbox-dark.css">
17    <script src="js/highlightjs/highlight.pack.js"></script>
18
19    <!-- katex -->
20    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex@0.13.11/dist/katex.min.css" integrity="sha384-Um5gpz1odJg5Z4HAmzPtgZKdTBHZdw8S29IecapCSB31ligYPhHQZMIlWLYQGVoc" crossorigin="anonymous">
21  </head>
22
23  <body>
24
25                             <!-- o_gradient_background" -->
26    <nav id="mainNav" class="navbar navbar-default navbar-fixed-top"
27          style="height:50px;font-size:130%;">
28      <div class="container">
29        <a href="/blog" style="color:#000;">Blog index</a>
30        <a href="/" style="color:#000;float:right;">arnaucube.com</a>
31      </div>
32    </nav>
33    <div class="o_gradient_background" style="height:5px;"></div>
34
35
36
37    <div class="container" style="margin-top:80px;max-width:800px;">
38      [blogo-content]
39    </div>
40
41    <footer style="text-align:center; margin-top:100px;margin-bottom:50px;">
42      <div class="container">
43        <div class="row">
44          <ul class="list-inline">
45            <li><a href="https://twitter.com/arnaucube"
46                   style="color:gray;text-decoration:none;"
47                   target="_blank">twitter.com/arnaucube</a>
48            </li>
49            <li><a href="https://github.com/arnaucube"
50                   style="color:gray;text-decoration:none;"
51                   target="_blank">github.com/arnaucube</a>
52            </li>
53          </ul>
54        </div>
55        <div class="row" style="display:inline-block;">
56          Blog made with <a href="http://github.com/arnaucube/blogo/"
57            target="_blank" style="color: gray;text-decoration:none;">Blogo</a>
58        </div>
59      </div>
60    </footer>
61
62    <script>
63    </script>
64    <script src="js/external-links.js"></script>
65    <script>hljs.initHighlightingOnLoad();</script>
66    <script defer src="https://cdn.jsdelivr.net/npm/katex@0.13.11/dist/katex.min.js" integrity="sha384-YNHdsYkH6gMx9y3mRkmcJ2mFUjTd0qNQQvY9VYZgQd7DcN7env35GzlmFaZ23JGp" crossorigin="anonymous"></script>
67    <script defer src="https://cdn.jsdelivr.net/npm/katex@0.13.11/dist/contrib/auto-render.min.js" integrity="sha384-vZTG03m+2yp6N6BNi5iM4rW4oIwk5DfcNdFfxkk9ZWpDriOkXX8voJBFrAO7MpVl" crossorigin="anonymous"></script>
68    <script>
69    document.addEventListener("DOMContentLoaded", function() {
70        renderMathInElement(document.body, {
71          displayMode: false,
72          // customised options
73          // • auto-render specific keys, e.g.:
74          delimiters: [
75              {left: '$$', right: '$$', display: true},
76              {left: '$', right: '$', display: false},
77          ],
78          // • rendering keys, e.g.:
79          throwOnError : true
80        });
81    });
82</script>
83
84
85  </body>
86</html>