woops
This commit is contained in:
@ -1,38 +1,39 @@
|
||||
<!doctype html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
|
||||
|
||||
<title>intro to wireframing | hello hello</title>
|
||||
<meta name="description" content="Lee Cattarin... on the internet!">
|
||||
<link rel="alternate" href="/feed.xml" type="application/atom+xml" title="hello hello">
|
||||
|
||||
<title>intro to wireframing | hello hello</title>
|
||||
<meta name="description" content="Lee Cattarin... on the internet!">
|
||||
<link rel="alternate" href="/feed.xml" type="application/atom+xml" title="hello hello">
|
||||
|
||||
<meta property="og:title" content="intro to wireframing">
|
||||
<meta property="og:type" content="website">
|
||||
<meta property="og:description" content="Lee Cattarin... on the internet!">
|
||||
<meta property="og:site_name" content="hello hello">
|
||||
|
||||
<meta property="og:image" content="/img/aggregator-wireframes.jpg">
|
||||
<meta property="og:image:alt" content="a figma page with 4 major sections titled aggregator, aggregator mobile, aggregator color, and aggregator mobile color. each section has 7 pages in it - all sections pretty clearly have the same 7 pages, with the mobile sections shown on mobile screens and the color sections in a rainbow of pastels rather than grayscale.">
|
||||
|
||||
<meta property="og:title" content="intro to wireframing">
|
||||
<meta property="og:type" content="website">
|
||||
<meta property="og:description" content="Lee Cattarin... on the internet!">
|
||||
<meta property="og:site_name" content="hello hello">
|
||||
|
||||
<meta property="og:image" content="/img/aggregator-wireframes.jpg">
|
||||
<meta property="og:image:alt" content="a figma page with 4 major sections titled aggregator, aggregator mobile, aggregator color, and aggregator mobile color. each section has 7 pages in it - all sections pretty clearly have the same 7 pages, with the mobile sections shown on mobile screens and the color sections in a rainbow of pastels rather than grayscale.">
|
||||
|
||||
|
||||
<meta name="generator" content="Eleventy v3.1.2">
|
||||
<meta name="generator" content="Eleventy v3.1.2">
|
||||
|
||||
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="">
|
||||
<link href="https://fonts.googleapis.com/css2?family=Atkinson+Hyperlegible+Mono:ital,wght@0,200..800;1,200..800&family=Atkinson+Hyperlegible+Next:ital,wght@0,200..800;1,200..800&display=swap" rel="stylesheet">
|
||||
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="">
|
||||
<link href="https://fonts.googleapis.com/css2?family=Atkinson+Hyperlegible+Mono:ital,wght@0,200..800;1,200..800&family=Atkinson+Hyperlegible+Next:ital,wght@0,200..800;1,200..800&display=swap" rel="stylesheet">
|
||||
|
||||
|
||||
<script src="https://kit.fontawesome.com/884dded219.js" crossorigin="anonymous"></script>
|
||||
|
||||
<script src="https://kit.fontawesome.com/884dded219.js" crossorigin="anonymous"></script>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<style>.post-metadata {
|
||||
<style>.post-metadata {
|
||||
display: flex;
|
||||
flex-flow: row wrap;
|
||||
justify-content: space-between;
|
||||
@ -624,7 +625,7 @@ span.ha-placeholder {
|
||||
color: var(--color-pink);
|
||||
}
|
||||
span.ha-placeholder {
|
||||
opacity: .55;
|
||||
opacity: .8;
|
||||
}
|
||||
|
||||
|
||||
@ -1104,7 +1105,7 @@ footer a:focus-visible {
|
||||
}
|
||||
}</style>
|
||||
|
||||
<script type="module">// Thank you to https://github.com/daviddarnes/heading-anchors
|
||||
<script type="module">// Thank you to https://github.com/daviddarnes/heading-anchors
|
||||
// Thank you to https://amberwilson.co.uk/blog/are-your-anchor-links-accessible/
|
||||
|
||||
let globalInstanceIndex = 0;
|
||||
@ -1335,9 +1336,9 @@ class HeadingAnchors extends HTMLElement {
|
||||
HeadingAnchors.register();
|
||||
|
||||
export { HeadingAnchors }</script>
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
|
||||
<a href="#main" id="skip" title="skip to main content" aria-label="skip to main content">
|
||||
<i class="fa-solid fa-forward" aria-hidden="true"></i> skip
|
||||
@ -1347,35 +1348,35 @@ export { HeadingAnchors }</script>
|
||||
<ul>
|
||||
|
||||
<li>
|
||||
<a href="/reference/" title="read reference posts" aria-label="read reference posts">
|
||||
<a href="/reference/" title="read reference posts">
|
||||
<i class="fa-regular fa-folder-open" aria-hidden="true"></i>
|
||||
<span class="menu-text">reference</span>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="/gallery/" title="view the gallery" aria-label="view the gallery">
|
||||
<a href="/gallery/" title="view the gallery">
|
||||
<i class="fa-regular fa-images" aria-hidden="true"></i>
|
||||
<span class="menu-text">gallery</span>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="/" title="" aria-label="">
|
||||
<a href="/" title="">
|
||||
<i class="fa fa-solid fa-crow" aria-hidden="true"></i>
|
||||
<span class="menu-text">home</span>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="/about/" title="about Lee" aria-label="about Lee">
|
||||
<a href="/about/" title="about Lee">
|
||||
<i class="fa-regular fa-user" aria-hidden="true"></i>
|
||||
<span class="menu-text">about</span>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="/contact/" title="contact Lee" aria-label="contact Lee">
|
||||
<a href="/contact/" title="contact Lee">
|
||||
<i class="fa-solid fa-envelope-open-text" aria-hidden="true"></i>
|
||||
<span class="menu-text">contact</span>
|
||||
</a>
|
||||
@ -1387,8 +1388,8 @@ export { HeadingAnchors }</script>
|
||||
</header>
|
||||
|
||||
|
||||
<main id="main">
|
||||
|
||||
<main id="main">
|
||||
|
||||
|
||||
|
||||
|
||||
@ -1463,11 +1464,11 @@ export { HeadingAnchors }</script>
|
||||
<ol id="postlist">
|
||||
|
||||
<li class="post">
|
||||
<a class="postlink" href="/eleventy-lessons/">
|
||||
<a class="postlink" href="/backend-accessibility/">
|
||||
|
||||
<img src="/img/hellebore.jpg" alt="Image unrelated to post. Close up on a pale green hellebore flower." loading="lazy" decoding="async" width="1000" height="666">
|
||||
<img src="/img/camelCase-print.jpg" alt="A carved stamp next to its print. The print reads '#camelCase' in a slightly formal-looking italic font." loading="lazy" decoding="async" width="1000" height="750">
|
||||
|
||||
<h2 id="eleventy-lessons">eleventy lessons</h2>
|
||||
<h2 id="backend-accessibility">backend accessibility</h2>
|
||||
<ul class="postlist-tags">
|
||||
|
||||
<li>software</li>
|
||||
@ -1477,11 +1478,11 @@ export { HeadingAnchors }</script>
|
||||
</li>
|
||||
|
||||
<li class="post">
|
||||
<a class="postlink" href="/domain-and-site-setup/">
|
||||
<a class="postlink" href="/handedness-toggle/">
|
||||
|
||||
<img src="/img/crinkly-mushrooms.jpg" alt="Picture unrelated to post. Some crinkly brown-orange mushrooms in vibrant green grass." loading="lazy" decoding="async" width="1000" height="750">
|
||||
<img src="/img/handedness-toggle-0.png" alt="A screenshot of the rescue trans rescue navbar centered on a button that shows a hand pointing left." loading="lazy" decoding="async" width="1000" height="257">
|
||||
|
||||
<h2 id="domain-and-site-setup">domain and site setup</h2>
|
||||
<h2 id="handedness-toggle">handedness toggle</h2>
|
||||
<ul class="postlist-tags">
|
||||
|
||||
<li>software</li>
|
||||
@ -1491,15 +1492,17 @@ export { HeadingAnchors }</script>
|
||||
</li>
|
||||
|
||||
<li class="post">
|
||||
<a class="postlink" href="/moving-images/">
|
||||
<a class="postlink" href="/azure-locations-and-file-crawling/">
|
||||
|
||||
<img src="/img/cormorant.jpg" alt="Image unrelated to post. A cormorant, a type of black waterfowl, poses with wings spread on a buoy in Puget Sound. Off to the left, another bird floats." loading="lazy" decoding="async" width="1000" height="666">
|
||||
<img src="/img/azure-locations.jpg" alt="A Linux terminal. There is a fun rainbow flag in ascii art at the top, and then the user has called a command asking Azure for a list of resources applicable to a specific resource type" loading="lazy" decoding="async" width="1000" height="827">
|
||||
|
||||
<h2 id="moving-images">moving images</h2>
|
||||
<h2 id="azure-locations-and-file-crawling">azure locations and file crawling</h2>
|
||||
<ul class="postlist-tags">
|
||||
|
||||
<li>software</li>
|
||||
|
||||
<li>highlight</li>
|
||||
|
||||
</ul>
|
||||
</a>
|
||||
</li>
|
||||
@ -1511,9 +1514,9 @@ export { HeadingAnchors }</script>
|
||||
|
||||
</heading-anchors>
|
||||
|
||||
</main>
|
||||
</main>
|
||||
|
||||
<footer>
|
||||
<footer>
|
||||
<ul>
|
||||
<li>
|
||||
<a href="/colophon" title="colophon" aria-label="colophon">
|
||||
@ -1535,6 +1538,6 @@ export { HeadingAnchors }</script>
|
||||
</footer>
|
||||
|
||||
|
||||
<!-- This page `/intro-to-wireframing/` was built on 2026-02-20T19:53:15.176Z -->
|
||||
<body>
|
||||
</body></body>
|
||||
<!-- This page `/intro-to-wireframing/` was built on 2026-02-20T19:56:59.725Z -->
|
||||
<body>
|
||||
</body></body></html>
|
||||
|
||||
Reference in New Issue
Block a user
