aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
Diffstat (limited to '')
-rw-r--r--css/main.css78
-rw-r--r--index.njk35
2 files changed, 64 insertions, 49 deletions
diff --git a/css/main.css b/css/main.css
index 129e63b..add1177 100644
--- a/css/main.css
+++ b/css/main.css
@@ -1,6 +1,6 @@
@font-face {
- font-family: "Didot";
- src: url("/assets/Didot Bold.otf") format("OpenType");
+ font-family: "Didot";
+ src: url("/assets/Didot Bold.otf") format("OpenType");
}
.front-text {
@@ -8,38 +8,37 @@
color: black;
}
-
.code {
font-family: "Noto Sans Mono", monospace;
color: gray;
}
.date {
- font-size: 16px;
+ font-size: 16px;
}
-@media (max-width:700px) {
- .side-margin {
- margin-left: 1rem;
- margin-right: 1rem;
- }
+@media (max-width: 700px) {
+ .side-margin {
+ margin-left: 1rem;
+ margin-right: 1rem;
+ }
}
-@media (min-width:700px) {
+@media (min-width: 700px) {
.side-margin {
- margin-left: 4rem;
- margin-right: 1rem;
+ margin-left: 4rem;
+ margin-right: 1rem;
}
}
.link {
- color: black;
- border-radius: 3%;
+ color: black;
+ border-radius: 3%;
}
.link:active {
- color: white;
- background: blue;
- text-decoration: none;
+ color: white;
+ background: blue;
+ text-decoration: none;
}
.article-m {
@@ -54,18 +53,18 @@
}
.article-m:hover {
- opacity: 1;
- color: blue;
+ opacity: 1;
+ color: blue;
}
.article-m:active {
- color: white;
- background: blue;
- text-decoration: none;
+ color: white;
+ background: blue;
+ text-decoration: none;
}
pre {
- overflow-x: scroll;
- font-size: 14px;
+ overflow-x: scroll;
+ font-size: 14px;
}
body {
@@ -79,21 +78,26 @@ body {
}
h1 {
- font-family: "Times New Roman", Serif;
- font-weight: 700;
- font-size: 20px;
- margin-top: 3.0rem;
- line-height: 1.5;
- border-bottom: 1px solid;
- display: flex;
+ font-family: "Times New Roman", Serif;
+ font-weight: 700;
+ font-size: 20px;
+ margin-top: 3rem;
+ line-height: 1.5;
+ border-bottom: 1px solid;
+ display: flex;
+}
+
+hr {
+ border: solid 1px black;
+ width: 20%;
+ color: #ffff00;
}
h2 {
- font-family: "Times New Roman", Serif;
- font-weight: 500;
- font-size: 24px;
- line-height: 1.5;
+ font-family: "Times New Roman", Serif;
+ font-weight: 500;
+ font-size: 24px;
+ line-height: 1.5;
- margin-bottom: 0;
+ margin-bottom: 0;
}
-
diff --git a/index.njk b/index.njk
index 9760d19..66bc236 100644
--- a/index.njk
+++ b/index.njk
@@ -11,19 +11,30 @@
<title>߸</title>
</head>
-<div style="margin-top: 0.3rem; display: flex; flex-direction: column;" class="">
- <div style="display: flex; flex-direction: column; align-items: center; width: 100%; margin-bottom: 2rem; font-size: 27px">
- <div class="code" style="display: flex; flex-direction: column; align-self: center; line-height: 1.0">
- <p class="code" style="color: black; align-self: center; margin-bottom: 1rem; font-weight: 700">mccd</p>
- <p class="code" style="color: black; align-self: center; margin-bottom: 1rem; margin-top:0;font-weight: 700">߸</p>
- </div>
- <div class="front-text" style="display: flex; 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>
- <a class="link" style="margin-right: 0.5rem;" href="/assets/public-key.asc">pgp</a>
- <a class="link" href="mailto:marc@mccd.space">email</a>
+<div style="margin-top: 1.2rem; display: flex; flex-direction: column;" class="">
+ <div class="side-margin">
+ <p class="code" style="color: black; align-self: center; margin-bottom: 6px;font-weight: 700">mccd ߸</p>
+ </div>
+ <div class="front-text side-margin" style="display: flex; margin-bottom: 6px; 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="side-margin code" style="font-size: 12px; margin-bottom: 18px; 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; &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>
<h2 class="side-margin" style="font-size: 26px">Posts</h2>
{% for post in collections.post | reverse %}