Added css changes
Gio e@mail
Sat, 10 Aug 2024 23:27:12 -0400
2 files changed,
107 insertions(+),
0 deletions(-)
A
public/style.css
@@ -0,0 +1,88 @@
+body { + font-family: monospace ; + font-size: 13pt; + background: #000007 ; + color: #DDDDCE ; + display: grid; + justify-content: center; +} + +main { + width: 800px ; + margin: auto ; + margin-top: 0; + grid-column-start: 2; + grid-row-start: 1; + grid-row-end: 3; +} + +.outline { + width: auto; + grid-column-start: 1; + grid-column-end: 1; + grid-row-start: 1; + grid-row-end: 2; + position: sticky; + top: 0; +} +.root_link{ + color: #9c75dd; +} + +img { + max-width: 100% ; +} + +h1 { + color: #9c75dd; + text-align: center ; + text-transform: uppercase; + font-size: 13pt; +} + +h2 { + color: #cd749c; + text-align: center ; + text-transform: uppercase; + font-size: 13pt; +} + +h3 { + color: #d5a8e3; + text-align: center ; + text-transform: uppercase; + font-size: 13pt; +} + +a:link { + color: #a9d1df; + text-decoration: none; +} + +a:hover { + color: #849da2; + text-decoration: underline; +} + +a:visited { + color: #849da2; +} + +footer { + text-align: center ; + grid-column-start: 2; + grid-column-end: 2; + grid-row-start: 3; +} + +ul li::marker { + content: '🜁 '; +} + +th, td, table { + border: 1px solid; + border-collapse: collapse; + text-align: left; + padding: 3pt; +} +
M
templates/base.html
→
templates/base.html
@@ -5,6 +5,25 @@ <head>
<meta charset="utf-8"> <link rel="stylesheet" type="text/css" href="/style.css"> <title>The Apocyphon of Gio</title> + <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex@0.16.10/dist/katex.min.css" integrity="sha384-wcIxkf4k558AjM3Yz3BBFQUbk/zgIYC2R0QpeeYb+TwlBVMrlgLqwRjRtGZiK7ww" crossorigin="anonymous"> + <script defer src="https://cdn.jsdelivr.net/npm/katex@0.16.10/dist/katex.min.js" integrity="sha384-hIoBPJpTUs74ddyc4bFZSM1TVlQDA60VBbJS0oA934VSz82sBx1X7kSx2ATBDIyd" crossorigin="anonymous"></script> + <script defer src="https://cdn.jsdelivr.net/npm/katex@0.16.10/dist/contrib/auto-render.min.js" integrity="sha384-43gviWU0YVjaDtb/GhzOouOXtZMP/7XUzwPTstBeZFe/+rCMvRwr4yROQP43s0Xk" crossorigin="anonymous"></script> + <script> + document.addEventListener("DOMContentLoaded", function() { + renderMathInElement(document.body, { + // customised options + // • auto-render specific keys, e.g.: + delimiters: [ + {left: '$$', right: '$$', display: true}, + {left: '$', right: '$', display: false}, + {left: '\\(', right: '\\)', display: false}, + {left: '\\[', right: '\\]', display: true} + ], + // • rendering keys, e.g.: + throwOnError : false + }); + }); + </script> {% block rss %} <link rel="alternate" type="application/rss+xml" title="RSS" href="{{ get_url(path="rss.xml", trailing_slash=false) }}"> {% endblock %}