aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorMarc Coquand <marc@mccd.space>2024-05-10 10:20:49 -0500
committerMarc Coquand <marc@mccd.space>2024-05-10 10:20:49 -0500
commit8e7c5fb32f4ccafee26982abfd3506f545b711c7 (patch)
treedbca6daf88922e19546e0012cc87beebdc3ac306
parent2b427caf335927f7e1eba0db82abea5d560bb048 (diff)
downloadmccd.space-8e7c5fb32f4ccafee26982abfd3506f545b711c7.tar.gz
mccd.space-8e7c5fb32f4ccafee26982abfd3506f545b711c7.tar.bz2
mccd.space-8e7c5fb32f4ccafee26982abfd3506f545b711c7.zip
Update styling
Diffstat
-rw-r--r--_includes/post.njk32
-rw-r--r--css/main.css57
-rw-r--r--index.njk26
3 files changed, 88 insertions, 27 deletions
diff --git a/_includes/post.njk b/_includes/post.njk
index 52dc493..8ddb01b 100644
--- a/_includes/post.njk
+++ b/_includes/post.njk
@@ -17,11 +17,33 @@ tag: post
<title>{{ title }}</title>
</head>
- <body style="overflow-y: scroll; overflow-x: scroll; ">
- <a href="/" style="margin-left:1.5rem; display: block; position: fixed; "class="link article-m" >
- ߸
- </a>
- <div style="padding-left:3.7rem; display: flex; flex-direction: column; padding-bottom: 5rem; max-width: 40rem; padding-right: 1rem">
+<body style="overflow-y: scroll; overflow-x: scroll; display: flex; flex-direction: column;">
+ <div class="intro" style="margin-top: 5px;">
+ <a href="/" class="code side-margin" style="color: black; margin-bottom: 0px; font-weight: 700; margin-top: 5px; font-size: 14px; line-height: 1.5">mccd</a>
+ <div class="side-margin code" style="font-size: 12px; margin-bottom: 0px; line-height:1.3; ">
+ <p style="margin:0">pub&ensp;&ensp;&ensp;rsa4096 2023-09-22 [SC]</p>
+ <div style="display: flex; gap: 8px;">
+ <a style="color:grey" href="/assets/public-key.asc" style="margin:0; ">2F30</a>
+ <a style="color:grey" href="/assets/public-key.asc" style="margin:0; ">1709</a>
+ <a style="color:grey" href="/assets/public-key.asc" style="margin:0; ">2782</a>
+ <a style="color:grey" href="/assets/public-key.asc" style="margin:0; ">FD05</a>
+ <a style="color:grey" href="/assets/public-key.asc" style="margin:0; ">CCCF</a>
+ <a style="color:grey" href="/assets/public-key.asc" style="margin:0; ">7964</a>
+ <a style="color:grey" href="/assets/public-key.asc" style="margin:0; ">647E</a>
+ <a style="color:grey" href="/assets/public-key.asc" style="margin:0; ">396D</a>
+ <a style="color:grey" href="/assets/public-key.asc" style="margin:0; ">1F4E</a>
+ <a style="color:grey" href="/assets/public-key.asc" style="margin:0; ">AE7B</a>
+ </div>
+ <p style="margin:0">uid &ensp; &ensp; &ensp; &ensp; &ensp; &ensp; &ensp;Marc &ensp;Coquand &ensp;&lt;<a style="color:grey" href="mailto:marc@mccd.space">marc@mccd.space</a>&gt;</p>
+ </div>
+ <div class="front-text side-margin" style="display: flex; margin-bottom: 16px; align-items: center; font-size: 12px;">
+ <a class="link" style="margin-right: 0.5rem;" href="https://fosstodon.org/@marcc">mastodon</a>
+ <a class="link" style="margin-right: 0.5rem;" href="/feed.xml">rss</a>
+ <a class="link" style="margin-right: 0.5rem;" href="https://git.mccd.space">git</a>
+ </div>
+ </div>
+
+ <div class="content side-margin" style=" display: flex; flex-direction: column; padding-bottom: 5rem; max-width: 40rem; padding-right: 1rem">
<h1>{{title}}</h1>
{{ content | safe }}
</div>
diff --git a/css/main.css b/css/main.css
index 0227b37..ad8e39a 100644
--- a/css/main.css
+++ b/css/main.css
@@ -10,7 +10,7 @@
code {
font-family: "Noto Sans Mono", monospace;
- font-size: 14px;
+ font-size: 12px;
}
.date {
@@ -34,6 +34,11 @@ code {
}
}
+.intro h2 {
+ font-size: 14px;
+ margin-bottom: 0;
+}
+
.link {
color: black;
}
@@ -74,19 +79,20 @@ body {
padding: 0;
margin: 0;
overflow: hidden;
- font-family: "Times New Roman", "Liberation Serif", serif;
- font-size: 16px;
+ font-family: sans;
+ font-size: 12px;
font-weight: 400;
- line-height: 1.8;
+ line-height: 1.5;
}
-h1 {
- font-family: "Times New Roman", Serif;
+.content h1 {
+ font-family: sans;
font-weight: 700;
- font-size: 20px;
- margin-top: 3rem;
+ font-size: 16px;
+ margin-bottom: 0px;
+ padding-top: 2rem;
line-height: 1.5;
- border-bottom: 1px solid;
+ border-top: 1px solid;
display: flex;
}
@@ -96,11 +102,36 @@ hr {
color: #ffff00;
}
-h2 {
- font-family: "Times New Roman", Serif;
- font-weight: 500;
- font-size: 24px;
+.content h2 {
+ font-family: sans;
+ font-weight: 700;
+ font-size: 14px;
+ line-height: 1.5;
+
+ margin-bottom: 0;
+}
+.content h3 {
+ font-family: sans;
+ font-weight: 700;
+ font-size: 14px;
+ line-height: 1.5;
+
+ margin-bottom: 0;
+}
+.content h4 {
+ font-family: sans;
+ font-weight: 700;
+ font-size: 14px;
line-height: 1.5;
margin-bottom: 0;
}
+.content p {
+ margin-bottom: 4px;
+ margin-top: 4px;
+}
+
+.content li {
+ margin-top: 4px;
+ margin-bottom: 4px
+}
diff --git a/index.njk b/index.njk
index 4f91eb2..de2d1d6 100644
--- a/index.njk
+++ b/index.njk
@@ -8,12 +8,12 @@
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="stylesheet" href="css/main.css" />
- <title>߸</title>
+ <title>߸ mccd</title>
</head>
-<div style="display: flex; flex-direction: column;" class="">
- <h2 class="code side-margin" style="color: black; margin-bottom: 6px;font-weight: 700">mccd ߸</h2>
- <div class="side-margin code" style="font-size: 12px; margin-bottom: 6px; line-height:1.3; ">
+<div style="display: flex; flex-direction: column;" class="intro">
+ <a href="/" class="code side-margin" style="color: black; margin-bottom: 0px;font-weight: 700; margin-top: 5px; font-size: 14px">mccd</a>
+ <div class="side-margin code" style="font-size: 12px; margin-bottom: 0px; line-height:1.3; ">
<p style="margin:0">pub&ensp;&ensp;&ensp;rsa4096 2023-09-22 [SC]</p>
<div style="display: flex; gap: 8px;">
<a style="color:grey" href="/assets/public-key.asc" style="margin:0; ">2F30</a>
@@ -29,16 +29,24 @@
</div>
<p style="margin:0">uid &ensp; &ensp; &ensp; &ensp; &ensp; &ensp; &ensp;Marc &ensp;Coquand &ensp;&lt;<a style="color:grey" href="mailto:marc@mccd.space">marc@mccd.space</a>&gt;</p>
</div>
- <div class="front-text side-margin" style="display: flex; margin-bottom: 24px; align-items: center; font-size: 12px;">
+ <div class="front-text side-margin" style="display: flex; margin-bottom: 16px; align-items: center; font-size: 12px;">
<a class="link" style="margin-right: 0.5rem;" href="https://fosstodon.org/@marcc">mastodon</a>
<a class="link" style="margin-right: 0.5rem;" href="/feed.xml">rss</a>
<a class="link" style="margin-right: 0.5rem;" href="https://git.mccd.space">git</a>
</div>
+ <div class="posts code" style="display: flex; align-items: center; ">
+ <div style="margin-left: 1rem; display: inline-block; width: 4rem; margin-right: 0.8rem; align-items: center; font-weight: 700; color: black; font-size: 12px">
+ Date
+ </div>
+ <div style="display: flex; font-weight: 700; color: black; font-size: 12px">
+ Entry
+ </div>
+ </div>
{% for post in collections.post | reverse %}
- <div class="side-margin">
- <div style="display: flex; align-items: center; ">
- <p class="code date" style="margin-right: 0.8rem; font-size: 14px; margin-top: 6px; margin-bottom: 0px">{{post.date.toLocaleDateString("en-GB").replaceAll("/","-")}}</p>
- <a style="display: flex; font-size: 14px" class="link front-text" href="{{ post.url | url }}">{{post.data.title}}</a>
+ <div class="posts">
+ <div style="margin-left: 1rem; display: flex; ">
+ <p class="code date" style="display: inline-block; width: 4rem; margin-right: 0.8rem; font-size: 12px; margin-top: 4px; align-items: center; margin-bottom: 0px">{{post.date.toLocaleDateString("en-GB").replaceAll("/","-")}}</p>
+ <a style="font-size: 12px; align-items: end; display:flex" class="link front-text" href="{{ post.url | url }}">{{post.data.title}}</a>
</div>
</div>
{% endfor %}