lewis/lewisdale.dev
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Undo nav changes, increase paragraph text size
All checks were successful
Build and copy to prod / build-and-copy (push) Successful in 2m5s
Details

Browse Source
This commit is contained in:
Lewis Dale 2024-04-12 07:42:01 +01:00
parent 435800af35
commit 2a900ce835
8 changed files with 27 additions and 37 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/_includes/base.njk
View File

@ -41,9 +41,8 @@
{% ogImage "./src/_includes/components/ogImage.njk", { title: pageTitle or title, subTitle: description } %} {% ogImage "./src/_includes/components/ogImage.njk", { title: pageTitle or title, subTitle: description } %}
</head> </head>
<body> <body>
<header> <header class="wrapper-lg row space-between">
<a href="/" class="site-title">LD</a> <a href="/" class="site-title">LD</a>
<div class="nav-container wrapper-lg row space-between w-full">
<nav> <nav>
<ul class="row" role='list'> <ul class="row" role='list'>
<li><a href="/">Home</a></li> <li><a href="/">Home</a></li>
@ -57,7 +56,6 @@
<a href="/feed/" class="rss" aria-label="RSS feed"> <a href="/feed/" class="rss" aria-label="RSS feed">
<i class="fa-solid fa-rss"></i> <i class="fa-solid fa-rss"></i>
</a> </a>
</div>
<fieldset class="color-scheme"> <fieldset class="color-scheme">
<legend>Change your colour scheme</legend> <legend>Change your colour scheme</legend>
<label> <label>

2
src/blog/index.html
View File

@ -22,7 +22,7 @@ eleventyImport:
<li class="stack-xs"> <li class="stack-xs">
<h2><a href="{{ item.url }}">{{ item.data.title | safe }}</a></h2> <h2><a href="{{ item.url }}">{{ item.data.title | safe }}</a></h2>
<time class="block" datetime="{{ item.date | dateToRfc3339 }}">{{ item.date | dateDisplay }}</time> <time class="block" datetime="{{ item.date | dateToRfc3339 }}">{{ item.date | dateDisplay }}</time>
<div class="e-content p-summary">{{ item.content | excerpt }}</div> <p class="e-content p-summary">{{ item.content | excerpt }}</p>
<a href="{{ item.url }}" class="inline-block">Read more</a> <a href="{{ item.url }}" class="inline-block">Read more</a>
</li> </li>
{% endfor %} {% endfor %}

5
src/css/exceptions/callout.css
View File

@ -4,6 +4,9 @@
border-radius: 10px; border-radius: 10px;
color: var(--color-primary); color: var(--color-primary);
height: fit-content; height: fit-content;
max-width: 60ch;
padding: var(--space-size-xs); padding: var(--space-size-xs);
text-align: center;
p {
margin: 0 auto;
}
} }

4
src/css/exceptions/color-scheme-picker.css
View File

@ -4,9 +4,7 @@
padding: 0; padding: 0;
display: flex; display: flex;
gap: var(--space-size-xs); gap: var(--space-size-xs);
/* grid-column: auto/span 2; */ justify-content: flex-end;
justify-content: end;
width: 100%;
legend { legend {
position:absolute; position:absolute;

4
src/css/exceptions/home.css
View File

@ -29,7 +29,7 @@
font-weight: 300; font-weight: 300;
} }
p { /* p {
max-width: 50ch; max-width: 50ch;
} } */
} }

4
src/css/exceptions/nav-container.css
View File

@ -1,4 +0,0 @@
.nav-container {
--grid-item-size: clamp(30rem, 70vw, var(--screen-lg));
grid-column: auto / span 4;
}

13
src/css/globals.css
View File

@ -153,18 +153,15 @@ nav {
} }
header { header {
display: grid; flex-wrap: wrap;
grid-template-columns: repeat(auto-fit, minmax(var(--grid-item-size, clamp(2rem, 10vw, 10rem)), 1fr)); padding-top: var(--space-size-s);
grid-gap: 10px; padding-bottom: var(--space-size-s);
padding: var(--space-size-m);
place-items: center;
justify-content: center;
width: 100%;
} }
p { p {
line-height: 1.6; line-height: 1.6;
max-width: 65ch; max-width: 70ch;
text-wrap: balance;
&:has(> picture) { &:has(> picture) {
max-width: 100%; max-width: 100%;

4
src/index.html
View File

@ -15,12 +15,10 @@ layout: base.njk
</p> </p>
</aside> </aside>
{% image metadata.author.avatar, "My face", "box circle u-photo", "300px", [300] %}
<p class="inline-block max-w-[45ch] p-note"> <p class="inline-block max-w-[45ch] p-note">
I'm a software engineer who loves building things for the web. I consider myself a generalist, but on a given day I'll probably be working with Typescript, HTML and CSS, and on occasion a touch of .NET. I work for <a href="https://triptease.com" target="_blank" rel="noreferrer" class="p-org">Triptease</a> as a Senior Software Engineer, and on the side I'm learning Rust by building a <a href="/post/creating-a-sinclair-basic-interpreter/">Sinclair BASIC Interpreter</a>. I'm a software engineer who loves building things for the web. I consider myself a generalist, but on a given day I'll probably be working with Typescript, HTML and CSS, and on occasion a touch of .NET. I work for <a href="https://triptease.com" target="_blank" rel="noreferrer" class="p-org">Triptease</a> as a Senior Software Engineer, and on the side I'm learning Rust by building a <a href="/post/creating-a-sinclair-basic-interpreter/">Sinclair BASIC Interpreter</a>.
</p> </p>
{% image metadata.author.avatar, "My face", "box circle u-photo", "300px", [300] %}
<p class="p-note"> <p class="p-note">
When I'm not working I love cycling, reading fiction (mostly sci-fi and ghost stories), and spending time with my family &amp; our border collie. When I'm not working I love cycling, reading fiction (mostly sci-fi and ghost stories), and spending time with my family &amp; our border collie.