Fixed layout

This commit is contained in:
Nevernown 2025-04-06 18:25:20 +02:00
parent 382808ab2e
commit a58c272331
6 changed files with 10 additions and 10 deletions

View File

@ -7,11 +7,11 @@
<script defer src="https://cdn.jsdelivr.net/npm/katex@0.16.21/dist/katex.min.js" integrity="sha384-Rma6DA2IPUwhNxmrB/7S3Tno0YY7sFu9WSYMCuulLhIqYSGZ2gKCJWIqhBWqMQfh" crossorigin="anonymous"></script> <script defer src="https://cdn.jsdelivr.net/npm/katex@0.16.21/dist/katex.min.js" integrity="sha384-Rma6DA2IPUwhNxmrB/7S3Tno0YY7sFu9WSYMCuulLhIqYSGZ2gKCJWIqhBWqMQfh" crossorigin="anonymous"></script>
<script defer src="https://cdn.jsdelivr.net/npm/katex@0.16.21/dist/contrib/auto-render.min.js" integrity="sha384-hCXGrW6PitJEwbkoStFjeJxv+fSOOQKOPbJxSfM6G5sWZjAyWhXiTIIAmQqnlLlh" crossorigin="anonymous" onload="renderMathInElement(document.body);"></script> <script defer src="https://cdn.jsdelivr.net/npm/katex@0.16.21/dist/contrib/auto-render.min.js" integrity="sha384-hCXGrW6PitJEwbkoStFjeJxv+fSOOQKOPbJxSfM6G5sWZjAyWhXiTIIAmQqnlLlh" crossorigin="anonymous" onload="renderMathInElement(document.body);"></script>
<title>Breuken</title> <title>Breuken</title>
<style>*{margin:0;padding:0}h1{font-size:24pt;margin-bottom:8pt}h2{font-size:18pt;margin-bottom:8pt}h3{font-size:16pt;margin-bottom:8pt}p{margin-bottom:12pt}body{display:flex;flex-direction:row;font-family:Courier New,Courier,monospace}nav{padding-top:12pt;display:flex;flex-direction:column;background-color:#4682b4;min-width:120pt;height:100vh}nav a{padding:0 4pt 2pt 18pt;display:inline-block;font-size:large;color:#f5f5f5}nav a:hover{background-image:linear-gradient(to bottom,#4682b4,#191970)}article{padding-top:12pt;padding-left:12pt;width:100%} <style>*{margin:0;padding:0}h1{font-size:24pt;margin-bottom:8pt}h2{font-size:18pt;margin-bottom:8pt}h3{font-size:16pt;margin-bottom:8pt}p{margin-bottom:12pt}body{display:flex;flex-direction:row;font-family:Courier New,Courier,monospace}nav{padding-top:12pt;display:flex;flex-direction:column;background-color:#4682b4;min-width:120pt;height:100vh}nav a{padding:0 4pt 8pt 18pt;display:inline-block;font-size:large;color:#f5f5f5}nav a:hover{background-image:linear-gradient(to bottom,#4682b4,#191970)}article{padding-top:12pt;padding-left:12pt;width:100%}
</style></head> </style></head>
<body> <body>
<nav> <nav>
<a href="/">Home</a> <a href="/"><strong>Home</strong></a>
<a href="/breuken">Breuken</a> <a href="/breuken">Breuken</a>
<a href="/wortels">Wortels</a> <a href="/wortels">Wortels</a>
<a href="/machten">Machten</a> <a href="/machten">Machten</a>

4
dist/index.html vendored
View File

@ -7,11 +7,11 @@
<script defer src="https://cdn.jsdelivr.net/npm/katex@0.16.21/dist/katex.min.js" integrity="sha384-Rma6DA2IPUwhNxmrB/7S3Tno0YY7sFu9WSYMCuulLhIqYSGZ2gKCJWIqhBWqMQfh" crossorigin="anonymous"></script> <script defer src="https://cdn.jsdelivr.net/npm/katex@0.16.21/dist/katex.min.js" integrity="sha384-Rma6DA2IPUwhNxmrB/7S3Tno0YY7sFu9WSYMCuulLhIqYSGZ2gKCJWIqhBWqMQfh" crossorigin="anonymous"></script>
<script defer src="https://cdn.jsdelivr.net/npm/katex@0.16.21/dist/contrib/auto-render.min.js" integrity="sha384-hCXGrW6PitJEwbkoStFjeJxv+fSOOQKOPbJxSfM6G5sWZjAyWhXiTIIAmQqnlLlh" crossorigin="anonymous" onload="renderMathInElement(document.body);"></script> <script defer src="https://cdn.jsdelivr.net/npm/katex@0.16.21/dist/contrib/auto-render.min.js" integrity="sha384-hCXGrW6PitJEwbkoStFjeJxv+fSOOQKOPbJxSfM6G5sWZjAyWhXiTIIAmQqnlLlh" crossorigin="anonymous" onload="renderMathInElement(document.body);"></script>
<title>Home</title> <title>Home</title>
<style>*{margin:0;padding:0}h1{font-size:24pt;margin-bottom:8pt}h2{font-size:18pt;margin-bottom:8pt}h3{font-size:16pt;margin-bottom:8pt}p{margin-bottom:12pt}body{display:flex;flex-direction:row;font-family:Courier New,Courier,monospace}nav{padding-top:12pt;display:flex;flex-direction:column;background-color:#4682b4;min-width:120pt;height:100vh}nav a{padding:0 4pt 2pt 18pt;display:inline-block;font-size:large;color:#f5f5f5}nav a:hover{background-image:linear-gradient(to bottom,#4682b4,#191970)}article{padding-top:12pt;padding-left:12pt;width:100%} <style>*{margin:0;padding:0}h1{font-size:24pt;margin-bottom:8pt}h2{font-size:18pt;margin-bottom:8pt}h3{font-size:16pt;margin-bottom:8pt}p{margin-bottom:12pt}body{display:flex;flex-direction:row;font-family:Courier New,Courier,monospace}nav{padding-top:12pt;display:flex;flex-direction:column;background-color:#4682b4;min-width:120pt;height:100vh}nav a{padding:0 4pt 8pt 18pt;display:inline-block;font-size:large;color:#f5f5f5}nav a:hover{background-image:linear-gradient(to bottom,#4682b4,#191970)}article{padding-top:12pt;padding-left:12pt;width:100%}
</style></head> </style></head>
<body> <body>
<nav> <nav>
<a href="/">Home</a> <a href="/"><strong>Home</strong></a>
<a href="/breuken">Breuken</a> <a href="/breuken">Breuken</a>
<a href="/wortels">Wortels</a> <a href="/wortels">Wortels</a>
<a href="/machten">Machten</a> <a href="/machten">Machten</a>

View File

@ -7,11 +7,11 @@
<script defer src="https://cdn.jsdelivr.net/npm/katex@0.16.21/dist/katex.min.js" integrity="sha384-Rma6DA2IPUwhNxmrB/7S3Tno0YY7sFu9WSYMCuulLhIqYSGZ2gKCJWIqhBWqMQfh" crossorigin="anonymous"></script> <script defer src="https://cdn.jsdelivr.net/npm/katex@0.16.21/dist/katex.min.js" integrity="sha384-Rma6DA2IPUwhNxmrB/7S3Tno0YY7sFu9WSYMCuulLhIqYSGZ2gKCJWIqhBWqMQfh" crossorigin="anonymous"></script>
<script defer src="https://cdn.jsdelivr.net/npm/katex@0.16.21/dist/contrib/auto-render.min.js" integrity="sha384-hCXGrW6PitJEwbkoStFjeJxv+fSOOQKOPbJxSfM6G5sWZjAyWhXiTIIAmQqnlLlh" crossorigin="anonymous" onload="renderMathInElement(document.body);"></script> <script defer src="https://cdn.jsdelivr.net/npm/katex@0.16.21/dist/contrib/auto-render.min.js" integrity="sha384-hCXGrW6PitJEwbkoStFjeJxv+fSOOQKOPbJxSfM6G5sWZjAyWhXiTIIAmQqnlLlh" crossorigin="anonymous" onload="renderMathInElement(document.body);"></script>
<title>Machten</title> <title>Machten</title>
<style>*{margin:0;padding:0}h1{font-size:24pt;margin-bottom:8pt}h2{font-size:18pt;margin-bottom:8pt}h3{font-size:16pt;margin-bottom:8pt}p{margin-bottom:12pt}body{display:flex;flex-direction:row;font-family:Courier New,Courier,monospace}nav{padding-top:12pt;display:flex;flex-direction:column;background-color:#4682b4;min-width:120pt;height:100vh}nav a{padding:0 4pt 2pt 18pt;display:inline-block;font-size:large;color:#f5f5f5}nav a:hover{background-image:linear-gradient(to bottom,#4682b4,#191970)}article{padding-top:12pt;padding-left:12pt;width:100%} <style>*{margin:0;padding:0}h1{font-size:24pt;margin-bottom:8pt}h2{font-size:18pt;margin-bottom:8pt}h3{font-size:16pt;margin-bottom:8pt}p{margin-bottom:12pt}body{display:flex;flex-direction:row;font-family:Courier New,Courier,monospace}nav{padding-top:12pt;display:flex;flex-direction:column;background-color:#4682b4;min-width:120pt;height:100vh}nav a{padding:0 4pt 8pt 18pt;display:inline-block;font-size:large;color:#f5f5f5}nav a:hover{background-image:linear-gradient(to bottom,#4682b4,#191970)}article{padding-top:12pt;padding-left:12pt;width:100%}
</style></head> </style></head>
<body> <body>
<nav> <nav>
<a href="/">Home</a> <a href="/"><strong>Home</strong></a>
<a href="/breuken">Breuken</a> <a href="/breuken">Breuken</a>
<a href="/wortels">Wortels</a> <a href="/wortels">Wortels</a>
<a href="/machten">Machten</a> <a href="/machten">Machten</a>

View File

@ -7,11 +7,11 @@
<script defer src="https://cdn.jsdelivr.net/npm/katex@0.16.21/dist/katex.min.js" integrity="sha384-Rma6DA2IPUwhNxmrB/7S3Tno0YY7sFu9WSYMCuulLhIqYSGZ2gKCJWIqhBWqMQfh" crossorigin="anonymous"></script> <script defer src="https://cdn.jsdelivr.net/npm/katex@0.16.21/dist/katex.min.js" integrity="sha384-Rma6DA2IPUwhNxmrB/7S3Tno0YY7sFu9WSYMCuulLhIqYSGZ2gKCJWIqhBWqMQfh" crossorigin="anonymous"></script>
<script defer src="https://cdn.jsdelivr.net/npm/katex@0.16.21/dist/contrib/auto-render.min.js" integrity="sha384-hCXGrW6PitJEwbkoStFjeJxv+fSOOQKOPbJxSfM6G5sWZjAyWhXiTIIAmQqnlLlh" crossorigin="anonymous" onload="renderMathInElement(document.body);"></script> <script defer src="https://cdn.jsdelivr.net/npm/katex@0.16.21/dist/contrib/auto-render.min.js" integrity="sha384-hCXGrW6PitJEwbkoStFjeJxv+fSOOQKOPbJxSfM6G5sWZjAyWhXiTIIAmQqnlLlh" crossorigin="anonymous" onload="renderMathInElement(document.body);"></script>
<title>Wortels</title> <title>Wortels</title>
<style>*{margin:0;padding:0}h1{font-size:24pt;margin-bottom:8pt}h2{font-size:18pt;margin-bottom:8pt}h3{font-size:16pt;margin-bottom:8pt}p{margin-bottom:12pt}body{display:flex;flex-direction:row;font-family:Courier New,Courier,monospace}nav{padding-top:12pt;display:flex;flex-direction:column;background-color:#4682b4;min-width:120pt;height:100vh}nav a{padding:0 4pt 2pt 18pt;display:inline-block;font-size:large;color:#f5f5f5}nav a:hover{background-image:linear-gradient(to bottom,#4682b4,#191970)}article{padding-top:12pt;padding-left:12pt;width:100%} <style>*{margin:0;padding:0}h1{font-size:24pt;margin-bottom:8pt}h2{font-size:18pt;margin-bottom:8pt}h3{font-size:16pt;margin-bottom:8pt}p{margin-bottom:12pt}body{display:flex;flex-direction:row;font-family:Courier New,Courier,monospace}nav{padding-top:12pt;display:flex;flex-direction:column;background-color:#4682b4;min-width:120pt;height:100vh}nav a{padding:0 4pt 8pt 18pt;display:inline-block;font-size:large;color:#f5f5f5}nav a:hover{background-image:linear-gradient(to bottom,#4682b4,#191970)}article{padding-top:12pt;padding-left:12pt;width:100%}
</style></head> </style></head>
<body> <body>
<nav> <nav>
<a href="/">Home</a> <a href="/"><strong>Home</strong></a>
<a href="/breuken">Breuken</a> <a href="/breuken">Breuken</a>
<a href="/wortels">Wortels</a> <a href="/wortels">Wortels</a>
<a href="/machten">Machten</a> <a href="/machten">Machten</a>

View File

@ -35,7 +35,7 @@ nav {
height: 100vh; height: 100vh;
} }
nav a { nav a {
padding: 0pt 4pt 2pt 18pt; padding: 0pt 4pt 8pt 18pt;
display: inline-block; display: inline-block;
font-size: large; font-size: large;
color: whitesmoke; color: whitesmoke;

View File

@ -15,7 +15,7 @@ const { frontmatter } = Astro.props;
</head> </head>
<body> <body>
<nav> <nav>
<a href="/">Home</a> <a href="/"><strong>Home</strong></a>
<a href="/breuken">Breuken</a> <a href="/breuken">Breuken</a>
<a href="/wortels">Wortels</a> <a href="/wortels">Wortels</a>
<a href="/machten">Machten</a> <a href="/machten">Machten</a>