feat: line nrs

This commit is contained in:
Barrett Ruth 2025-10-04 23:20:54 -04:00
parent 244d261374
commit 7fd5c307e0
6 changed files with 88 additions and 72 deletions

View file

@ -7,17 +7,53 @@
<link rel="stylesheet" href="/styles/common.css" />
<link rel="stylesheet" href="/styles/index.css" />
<link rel="icon" type="image/webp" href="/public/logo.webp" />
<!-- GitHub Light theme for Highlight.js -->
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/styles/github.min.css"
/>
<title>{{ filename }}</title>
</head>
<body class="graph-background">
<site-header></site-header>
<main class="main" style="flex-direction: column; align-items: center;">
<h2 style="font-weight: normal; font-size: 3em; align-self: flex-start; margin-left: 40px;">{{ filename }}</h2>
<div style="padding: 40px;">
{{ highlighted_code|safe }}
<main class="main" style="flex-direction: column; align-items: center">
<h2
style="
font-weight: normal;
font-size: 3em;
align-self: flex-start;
margin-left: 40px;
"
>
{{ filename }}
</h2>
<div style="padding: 40px; width: 100%; max-width: 80ch">
<pre
class="line-numbers"
><code class="language-{{ lang }}">{{ code | e }}</code></pre>
</div>
</main>
<site-footer></site-footer>
<script src="/scripts/common.js"></script>
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/styles/github.min.css"
/>
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/highlightjs-line-numbers.js/2.8.0/styles/line-numbers.min.css"
/>
<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/highlight.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/highlightjs-line-numbers.js/2.8.0/highlightjs-line-numbers.min.js"></script>
<script>
hljs.highlightAll();
hljs.initLineNumbersOnLoad();
</script>
</body>
</html>