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