inherentlee/mattrbld-site
0
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

rsync with _site folder

Browse Source
This commit is contained in:
Lee Cattarin
2026-05-13 13:53:17 -07:00
parent 385d654bea
commit 78650f17aa
1 changed files with 142 additions and 188 deletions
Download Patch File Download Diff File Expand all files Collapse all files

150
index.html
View File

@ -1,31 +1,34 @@
<!doctype html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
<title>This is my home page |</title>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta charset="utf-8" />
<!-- Meta -->
<link rel="canonical" href="/" />
<meta name="description" content="" />
<meta name="robots" content="index,follow" />
<meta property="og:title" content="This is my home page | " />
<meta property="og:type" content="article" />
<meta property="og:url" content="/" />
<meta property="og:description" content="" />
<meta name="generator" content="Eleventy v3.1.5" />
<title>This is my home page | </title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta charset="utf-8">
<!-- Meta -->
<link rel="canonical" href="/">
<meta name="description" content="">
<meta name="robots" content="index,follow">
<meta property="og:title" content="This is my home page | ">
<meta property="og:type" content="article">
<meta property="og:url" content="/">
<meta property="og:description" content="">
<meta name="generator" content="Eleventy v3.1.5">
<!-- CSS --> <!-- CSS -->
<style> <style>:root {
:root {
color-scheme: light dark; color-scheme: light dark;
} }
/* numbered components are from https://www.joshwcomeau.com/css/custom-css-reset/ */ /* numbered components are from https://www.joshwcomeau.com/css/custom-css-reset/ */
/* 1. Use a more-intuitive box-sizing model */ /* 1. Use a more-intuitive box-sizing model */
*, *, *::before, *::after {
*::before,
*::after {
box-sizing: border-box; box-sizing: border-box;
} }
@ -49,32 +52,19 @@
} }
/* 6. Improve media defaults */ /* 6. Improve media defaults */
img, img, picture, video, canvas, svg {
picture,
video,
canvas,
svg {
display: block; display: block;
max-width: 100%; max-width: 100%;
height: auto; height: auto;
} }
/* 7. Inherit fonts for form controls */ /* 7. Inherit fonts for form controls */
input, input, button, textarea, select {
button,
textarea,
select {
font: inherit; font: inherit;
} }
/* 8. Avoid text overflows */ /* 8. Avoid text overflows */
p, p, h1, h2, h3, h4, h5, h6 {
h1,
h2,
h3,
h4,
h5,
h6 {
overflow-wrap: break-word; overflow-wrap: break-word;
} }
@ -82,42 +72,36 @@
p { p {
text-wrap: pretty; text-wrap: pretty;
} }
h1, h1, h2, h3, h4, h5, h6 {
h2,
h3,
h4,
h5,
h6 {
text-wrap: balance; text-wrap: balance;
} }
/* /*
10. Create a root stacking context 10. Create a root stacking context
*/ */
#root, #root, #__next {
#__next {
isolation: isolate; isolation: isolate;
} }</style>
</style>
</head> </head>
<body> <body>
<div id="content"> <div id="content">
<header> <header>
<nav></nav> <nav>
</nav>
</header> </header>
<main id="main"> <main id="main">
<h1>This is my home page</h1> <h1>This is my home page</h1>
<img
src="/img/TPPh3kvfzS-4898.jpeg" <img src="/img/TPPh3kvfzS-4898.jpeg" alt="chickadee" loading="lazy" decoding="async" width="4898" height="3265">
alt="chickadee"
loading="lazy"
decoding="async"
width="4898"
height="3265"
/>
<h2>Here’s an h2</h2> <h2>Here’s an h2</h2>
<p>This is a paragraph.</p> <p>This is a paragraph.</p>
@ -132,30 +116,14 @@
</ul> </ul>
<p>And I can double-enter to get out of the list.</p> <p>And I can double-enter to get out of the list.</p>
<h3>Here’s an h3</h3> <h3>Here’s an h3</h3>
<p> <p>Similarly, the editor understands markdown notation for headings. That’s really handy. I also like that I can prevent editors from creating h1s (or h5/h6, who needs those).</p>
Similarly, the editor understands markdown notation for headings.
That’s really handy. I also like that I can prevent editors from
creating h1s (or h5/h6, who needs those).
</p>
<h4>Let’s do some formatting</h4> <h4>Let’s do some formatting</h4>
<p> <p><em>Italics.</em> <strong>Bold!</strong> <em><strong>Bold and italic.</strong></em> There’s even <s>strikethrough</s>.</p>
<em>Italics.</em> <strong>Bold!</strong> <p>Inline <code>code blocks</code> work as well, though they don’t pick up on markdown formatting.</p>
<em><strong>Bold and italic.</strong></em> There’s even
<s>strikethrough</s>.
</p>
<p>
Inline <code>code blocks</code> work as well, though they don’t pick
up on markdown formatting.
</p>
<blockquote> <blockquote>
<p>Blockquotes work like this.</p> <p>Blockquotes work like this.</p>
</blockquote> </blockquote>
<p> <p>Let’s add a link. Here’s my <a href="https://leecat.art">website</a>. They let you choose internal vs. external. Annoyingly, in the rich text editor links are only distinguishable via color, so that’s a bit of an accessibility fail.</p>
Let’s add a link. Here’s my <a href="https://leecat.art">website</a>.
They let you choose internal vs. external. Annoyingly, in the rich
text editor links are only distinguishable via color, so that’s a bit
of an accessibility fail.
</p>
<h2>Let’s do more with lists</h2> <h2>Let’s do more with lists</h2>
<ol> <ol>
<li> <li>
@ -170,40 +138,26 @@
</ol> </ol>
</li> </li>
<li> <li>
<p> <p>You can of course tab and shift+tab to change your list level.</p>
You can of course tab and shift+tab to change your list level.
</p>
</li> </li>
</ol> </ol>
<hr /> <hr>
<p>We’ve got some lovely horizontal rules as well.</p> <p>We’ve got some lovely horizontal rules as well.</p>
<h2>Markdown attrs plugin</h2> <h2>Markdown attrs plugin</h2>
<p> <p>Now, let’s see if our markdown attributes feature works. Here’s my <a href="https://leecat.art" rel="”external”">website again</a>. I suspect the smart quotes will cause issues! So that may not work.</p>
Now, let’s see if our markdown attributes feature works. Here’s my
<a href="https://leecat.art" rel="”external”">website again</a>. I
suspect the smart quotes will cause issues! So that may not work.
</p>
<h2>Images</h2> <h2>Images</h2>
<p> <p><img src="/img/TPPh3kvfzS-4898.jpeg" alt="" loading="lazy" decoding="async" width="4898" height="3265"></p>
<img <p>We’ve added an image above. I tried to add alt text, but I’m not sure that Eleventy will pick up on that.</p>
src="/img/TPPh3kvfzS-4898.jpeg"
alt=""
loading="lazy"
decoding="async"
width="4898"
height="3265"
/>
</p>
<p>
We’ve added an image above. I tried to add alt text, but I’m not sure
that Eleventy will pick up on that.
</p>
<p>Ok, let’s push this and see what we get.</p> <p>Ok, let’s push this and see what we get.</p>
</main> </main>
</div> </div>
<footer></footer> <footer>
</footer>
<!-- This page `/` was built on 2026-05-13T20:22:29.486Z --> <!-- This page `/` was built on 2026-05-13T20:52:01.900Z -->
</body> </body>
</html> </html>