diff options
| -rw-r--r-- | css/main.css | 4 | ||||
| -rw-r--r-- | index.njk | 7 |
2 files changed, 7 insertions, 4 deletions
diff --git a/css/main.css b/css/main.css index 344ad90..cce366f 100644 --- a/css/main.css +++ b/css/main.css @@ -22,6 +22,10 @@ margin-left: 1rem; margin-right: 1rem; } + .side-margin-x2 { + margin-left: 1rem; + margin-right: 1rem; + } } @media (min-width: 700px) { .side-margin { @@ -29,17 +29,16 @@ </div> <p style="margin:0">uid              Marc  Coquand  <<a style="color:grey" href="mailto:marc@mccd.space">marc@mccd.space</a>></p> </div> - <div class="front-text side-margin" style="display: flex; margin-bottom: 48px; align-items: center; font-size: 12px;"> + <div class="front-text side-margin" style="display: flex; margin-bottom: 24px; 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> - <h2 class="side-margin code" style="color: black; font-weight: 700">Posts</h2> {% 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: 16px; margin-top: 6px; margin-bottom: 0px">{{post.date.toLocaleDateString("en-GB")}}</p> - <a style="display: flex; font-size: 16px" class="link front-text" href="{{ post.url | url }}">{{post.data.title}}</a> + <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> </div> {% endfor %} |