format code

main
Starbeamrainbowlabs 2022-09-06 18:17:56 +01:00
parent 25448fd09f
commit 858238ff74
No known key found for this signature in database
GPG Key ID: 1BE5172E637709C2
3 changed files with 186 additions and 170 deletions

View File

@ -1,5 +1,6 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
@ -7,32 +8,30 @@
<meta name="description" content="{{ description or metadata.description }}">
<link rel="stylesheet" href="{{ '/css/index.css' | url }}">
<link rel="stylesheet" href="{{ '/css/prism-base16-monokai.dark.css' | url }}">
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css"
/>
<link rel="alternate" href="{{ metadata.feed.path | url }}" type="application/atom+xml" title="{{ metadata.title }}">
<link rel="alternate" href="{{ metadata.jsonfeed.path | url }}" type="application/json" title="{{ metadata.title }}">
<link rel="alternate" href="{{ metadata.feed.path | url }}" type="application/atom+xml"
title="{{ metadata.title }}">
<link rel="alternate" href="{{ metadata.jsonfeed.path | url }}" type="application/json"
title="{{ metadata.title }}">
<link rel="icon" href="/img/favicon.ico" />
</head>
<body>
<header>
<h1 class="home"><a href="{{ '/' | url }}">{{ metadata.title }}</a></h1>
{#- Read more about `eleventy-navigation` at https://www.11ty.dev/docs/plugins/navigation/ #}
</header>
<main{% if templateClass %} class="{{ templateClass }}" {% endif %}>
{{ content | safe }}
</main>
<footer><ul class="nav">
<nav>
<ul class="nav">
{%- for entry in collections.all | eleventyNavigation %}
<li class="nav-item{% if entry.url == page.url %} nav-item-active{% endif %}"><a href="{{ entry.url | url }}">{{ entry.title }}</a></li>
<li class="nav-item{% if entry.url == page.url %} nav-item-active{% endif %}"><a
href="{{ entry.url | url }}">{{ entry.title }}</a></li>
{%- endfor %}
</ul></footer>
</ul>
</nav>
</body>
</html>

View File

@ -23,7 +23,7 @@ header {
body {
display: grid;
text-align: justify;
grid-template-rows: auto auto auto;
grid-template-rows: auto;
grid-template-columns: 25% 50% 25%;
grid-template-areas:
"left content right";
@ -37,6 +37,16 @@ body {
}
@media (max-width: 1024px) {
body {
grid-template-rows: auto auto auto;
grid-template-columns: 1fr;
grid-template-areas: "left""right""content";
}
}
p:last-child {
margin-bottom: 0;
@ -310,9 +320,15 @@ a[href].direct-link:focus:visited,
color: #aaa;
}
h1,h2,h3,h4,h5,h6 {
h1,
h2,
h3,
h4,
h5,
h6 {
text-align: center;
}
div.time-and-tags {
align-content: center;
grid-template-rows: auto;
@ -332,6 +348,7 @@ div.time-and-tags{
width: fit-content;
height: fit-content;
}
img {
width: 100%;
margin: auto;