diff options
author | Marc Coquand <marc@mccd.space> | 2023-12-14 21:23:16 -0600 |
---|---|---|
committer | Marc Coquand <marc@mccd.space> | 2023-12-14 21:23:16 -0600 |
commit | c185e177af2dd2ed369dde20fdaa64e60aeb6e8e (patch) | |
tree | bb66c3f77c608f20d26eefd1d3fe6689a0512b3b | |
parent | 81d772e6cfeae2c4e9d96ada35a175464b51596d (diff) | |
download | mccd.space-c185e177af2dd2ed369dde20fdaa64e60aeb6e8e.tar.gz mccd.space-c185e177af2dd2ed369dde20fdaa64e60aeb6e8e.tar.bz2 mccd.space-c185e177af2dd2ed369dde20fdaa64e60aeb6e8e.zip |
New frontend design
-rw-r--r-- | css/main.css | 78 | ||||
-rw-r--r-- | index.njk | 35 |
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; } - @@ -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   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                       Marc  Coquand  <<a style="color:grey" href="mailto:marc@mccd.space">marc@mccd.space</a>></p> </div> <h2 class="side-margin" style="font-size: 26px">Posts</h2> {% for post in collections.post | reverse %} |