format code
parent
25448fd09f
commit
858238ff74
|
@ -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>
|
|
@ -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;
|
||||
|
|
Loading…
Reference in New Issue