Build: (435ca54) Add info about element properties to make pride flag background visible

This commit is contained in:
helenclx 2024-12-19 15:40:03 +00:00
parent 4d7db8f1e9
commit 50f275a90e
7 changed files with 50 additions and 52 deletions

View File

@ -386,7 +386,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
</a> </a>
</p> </p>
<time datetime="Thu Dec 19 2024 15:27:44 GMT+0000 (Coordinated Universal Time)">19 December 2024</time> <time datetime="Thu Dec 19 2024 15:39:54 GMT+0000 (Coordinated Universal Time)">19 December 2024</time>
</li> </li>
<li> <li>
@ -396,7 +396,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
</a> </a>
</p> </p>
<time datetime="Thu Dec 19 2024 15:27:44 GMT+0000 (Coordinated Universal Time)">19 December 2024</time> <time datetime="Thu Dec 19 2024 15:39:54 GMT+0000 (Coordinated Universal Time)">19 December 2024</time>
</li> </li>
<li> <li>
@ -406,7 +406,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
</a> </a>
</p> </p>
<time datetime="Thu Dec 19 2024 15:27:44 GMT+0000 (Coordinated Universal Time)">19 December 2024</time> <time datetime="Thu Dec 19 2024 15:39:54 GMT+0000 (Coordinated Universal Time)">19 December 2024</time>
</li> </li>
<li> <li>

View File

@ -389,7 +389,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
</a> </a>
</p> </p>
<time datetime="Thu Dec 19 2024 15:27:44 GMT+0000 (Coordinated Universal Time)">19 December 2024</time> <time datetime="Thu Dec 19 2024 15:39:54 GMT+0000 (Coordinated Universal Time)">19 December 2024</time>
</li> </li>
<li> <li>
@ -399,7 +399,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
</a> </a>
</p> </p>
<time datetime="Thu Dec 19 2024 15:27:44 GMT+0000 (Coordinated Universal Time)">19 December 2024</time> <time datetime="Thu Dec 19 2024 15:39:54 GMT+0000 (Coordinated Universal Time)">19 December 2024</time>
</li> </li>
<li> <li>
@ -409,7 +409,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
</a> </a>
</p> </p>
<time datetime="Thu Dec 19 2024 15:27:44 GMT+0000 (Coordinated Universal Time)">19 December 2024</time> <time datetime="Thu Dec 19 2024 15:39:54 GMT+0000 (Coordinated Universal Time)">19 December 2024</time>
</li> </li>
<li> <li>

View File

@ -389,7 +389,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
</a> </a>
</p> </p>
<time datetime="Thu Dec 19 2024 15:27:44 GMT+0000 (Coordinated Universal Time)">19 December 2024</time> <time datetime="Thu Dec 19 2024 15:39:54 GMT+0000 (Coordinated Universal Time)">19 December 2024</time>
</li> </li>
<li> <li>

View File

@ -389,7 +389,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
</a> </a>
</p> </p>
<time datetime="Thu Dec 19 2024 15:27:44 GMT+0000 (Coordinated Universal Time)">19 December 2024</time> <time datetime="Thu Dec 19 2024 15:39:54 GMT+0000 (Coordinated Universal Time)">19 December 2024</time>
</li> </li>
<li> <li>
@ -399,7 +399,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
</a> </a>
</p> </p>
<time datetime="Thu Dec 19 2024 15:27:44 GMT+0000 (Coordinated Universal Time)">19 December 2024</time> <time datetime="Thu Dec 19 2024 15:39:54 GMT+0000 (Coordinated Universal Time)">19 December 2024</time>
</li> </li>
<li> <li>

View File

@ -4,7 +4,7 @@
<subtitle>Leilukin&#39;s personal website.</subtitle> <subtitle>Leilukin&#39;s personal website.</subtitle>
<link href="https://leilukin.com/feed.xml" rel="self"/> <link href="https://leilukin.com/feed.xml" rel="self"/>
<link href="https://leilukin.com"/> <link href="https://leilukin.com"/>
<updated>2024-12-19T15:27:52Z</updated> <updated>2024-12-19T15:39:58Z</updated>
<id>https://leilukin.com/</id> <id>https://leilukin.com/</id>
<author> <author>
<name>Leilukin</name> <name>Leilukin</name>

View File

@ -48,10 +48,7 @@
<link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/a11y-syntax-highlighting-dark.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css"> <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/a11y-syntax-highlighting-dark.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
<style>.flag-disability.demo { <style>.flag-disability.demo { height: 23rem; }
width: 100%;
height: 20rem;
}
.breadcrumbs { .breadcrumbs {
list-style-type: ""; list-style-type: "";
padding: 0; padding: 0;
@ -416,6 +413,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
<span class="token punctuation">)</span><span class="token punctuation">;</span> <span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token punctuation">}</span></code></pre> <span class="token punctuation">}</span></code></pre>
<p>After copying the above snippet in a CSS stylesheet or the HTML <code>&lt;style&gt;</code> tags, to apply the background to an HTML element, simply add the CSS class name <code>disability-pride-flag</code> (you can rename the class name if you want) to the HTML element's <code>class</code> attribute.</p> <p>After copying the above snippet in a CSS stylesheet or the HTML <code>&lt;style&gt;</code> tags, to apply the background to an HTML element, simply add the CSS class name <code>disability-pride-flag</code> (you can rename the class name if you want) to the HTML element's <code>class</code> attribute.</p>
<p>Note that you want to apply the Pride flag to an empty element, you also need to set the element's <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/height"><code>height</code></a> or <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/aspect-ratio"><code>aspect-ratio</code></a> property to make the Pride flag background visible. For example, the demo above sets the <code>height</code> property to 23rem.</p>

View File

@ -1190,229 +1190,229 @@
</url> </url>
<url> <url>
<loc>https://leilukin.com/blog/posts/</loc> <loc>https://leilukin.com/blog/posts/</loc>
<lastmod>2024-12-19T15:27:44.165Z</lastmod> <lastmod>2024-12-19T15:39:54.427Z</lastmod>
<changefreq>weekly</changefreq> <changefreq>weekly</changefreq>
<priority>0.5</priority> <priority>0.5</priority>
</url> </url>
<url> <url>
<loc>https://leilukin.com/changelogs/2022/</loc> <loc>https://leilukin.com/changelogs/2022/</loc>
<lastmod>2024-12-19T15:27:44.170Z</lastmod> <lastmod>2024-12-19T15:39:54.433Z</lastmod>
<changefreq>weekly</changefreq> <changefreq>weekly</changefreq>
<priority>0.5</priority> <priority>0.5</priority>
</url> </url>
<url> <url>
<loc>https://leilukin.com/changelogs/2023/</loc> <loc>https://leilukin.com/changelogs/2023/</loc>
<lastmod>2024-12-19T15:27:44.170Z</lastmod> <lastmod>2024-12-19T15:39:54.433Z</lastmod>
<changefreq>weekly</changefreq> <changefreq>weekly</changefreq>
<priority>0.5</priority> <priority>0.5</priority>
</url> </url>
<url> <url>
<loc>https://leilukin.com/changelogs/2024/</loc> <loc>https://leilukin.com/changelogs/2024/</loc>
<lastmod>2024-12-19T15:27:44.170Z</lastmod> <lastmod>2024-12-19T15:39:54.433Z</lastmod>
<changefreq>weekly</changefreq> <changefreq>weekly</changefreq>
<priority>0.5</priority> <priority>0.5</priority>
</url> </url>
<url> <url>
<loc>https://leilukin.com/changelogs/layouts/</loc> <loc>https://leilukin.com/changelogs/layouts/</loc>
<lastmod>2024-12-19T15:27:44.170Z</lastmod> <lastmod>2024-12-19T15:39:54.433Z</lastmod>
<changefreq>weekly</changefreq> <changefreq>weekly</changefreq>
<priority>0.5</priority> <priority>0.5</priority>
</url> </url>
<url> <url>
<loc>https://leilukin.com/</loc> <loc>https://leilukin.com/</loc>
<lastmod>2024-12-19T15:27:44.171Z</lastmod> <lastmod>2024-12-19T15:39:54.433Z</lastmod>
<changefreq>weekly</changefreq> <changefreq>weekly</changefreq>
<priority>0.5</priority> <priority>0.5</priority>
</url> </url>
<url> <url>
<loc>https://leilukin.com/projects/code/bellabuffs-phpmailer/</loc> <loc>https://leilukin.com/projects/code/bellabuffs-phpmailer/</loc>
<lastmod>2024-12-19T15:27:44.171Z</lastmod> <lastmod>2024-12-19T15:39:54.434Z</lastmod>
<changefreq>weekly</changefreq> <changefreq>weekly</changefreq>
<priority>0.5</priority> <priority>0.5</priority>
</url> </url>
<url> <url>
<loc>https://leilukin.com/projects/playlists/</loc> <loc>https://leilukin.com/projects/playlists/</loc>
<lastmod>2024-12-19T15:27:44.171Z</lastmod> <lastmod>2024-12-19T15:39:54.434Z</lastmod>
<changefreq>weekly</changefreq> <changefreq>weekly</changefreq>
<priority>0.5</priority> <priority>0.5</priority>
</url> </url>
<url> <url>
<loc>https://leilukin.com/projects/snippets/disability-pride-flag-background/</loc> <loc>https://leilukin.com/projects/snippets/disability-pride-flag-background/</loc>
<lastmod>2024-12-19T15:27:44.171Z</lastmod> <lastmod>2024-12-19T15:39:54.434Z</lastmod>
<changefreq>weekly</changefreq> <changefreq>weekly</changefreq>
<priority>0.5</priority> <priority>0.5</priority>
</url> </url>
<url> <url>
<loc>https://leilukin.com/shrines/asummersend/gallery/</loc> <loc>https://leilukin.com/shrines/asummersend/gallery/</loc>
<lastmod>2024-12-19T15:27:44.172Z</lastmod> <lastmod>2024-12-19T15:39:54.434Z</lastmod>
<changefreq>weekly</changefreq> <changefreq>weekly</changefreq>
<priority>0.5</priority> <priority>0.5</priority>
</url> </url>
<url> <url>
<loc>https://leilukin.com/shrines/asummersend/playlists/</loc> <loc>https://leilukin.com/shrines/asummersend/playlists/</loc>
<lastmod>2024-12-19T15:27:44.172Z</lastmod> <lastmod>2024-12-19T15:39:54.434Z</lastmod>
<changefreq>weekly</changefreq> <changefreq>weekly</changefreq>
<priority>0.5</priority> <priority>0.5</priority>
</url> </url>
<url> <url>
<loc>https://leilukin.com/shrines/asummersend/trivia/</loc> <loc>https://leilukin.com/shrines/asummersend/trivia/</loc>
<lastmod>2024-12-19T15:27:44.172Z</lastmod> <lastmod>2024-12-19T15:39:54.434Z</lastmod>
<changefreq>weekly</changefreq> <changefreq>weekly</changefreq>
<priority>0.5</priority> <priority>0.5</priority>
</url> </url>
<url> <url>
<loc>https://leilukin.com/shrines/cassettebeasts/articles/</loc> <loc>https://leilukin.com/shrines/cassettebeasts/articles/</loc>
<lastmod>2024-12-19T15:27:44.172Z</lastmod> <lastmod>2024-12-19T15:39:54.435Z</lastmod>
<changefreq>weekly</changefreq> <changefreq>weekly</changefreq>
<priority>0.5</priority> <priority>0.5</priority>
</url> </url>
<url> <url>
<loc>https://leilukin.com/shrines/cassettebeasts/facts/</loc> <loc>https://leilukin.com/shrines/cassettebeasts/facts/</loc>
<lastmod>2024-12-19T15:27:44.172Z</lastmod> <lastmod>2024-12-19T15:39:54.435Z</lastmod>
<changefreq>weekly</changefreq> <changefreq>weekly</changefreq>
<priority>0.5</priority> <priority>0.5</priority>
</url> </url>
<url> <url>
<loc>https://leilukin.com/shrines/cassettebeasts/featured/</loc> <loc>https://leilukin.com/shrines/cassettebeasts/featured/</loc>
<lastmod>2024-12-19T15:27:44.172Z</lastmod> <lastmod>2024-12-19T15:39:54.435Z</lastmod>
<changefreq>weekly</changefreq> <changefreq>weekly</changefreq>
<priority>0.5</priority> <priority>0.5</priority>
</url> </url>
<url> <url>
<loc>https://leilukin.com/shrines/cassettebeasts/gamelog/</loc> <loc>https://leilukin.com/shrines/cassettebeasts/gamelog/</loc>
<lastmod>2024-12-19T15:27:44.172Z</lastmod> <lastmod>2024-12-19T15:39:54.435Z</lastmod>
<changefreq>weekly</changefreq> <changefreq>weekly</changefreq>
<priority>0.5</priority> <priority>0.5</priority>
</url> </url>
<url> <url>
<loc>https://leilukin.com/shrines/cassettebeasts/resources/</loc> <loc>https://leilukin.com/shrines/cassettebeasts/resources/</loc>
<lastmod>2024-12-19T15:27:44.172Z</lastmod> <lastmod>2024-12-19T15:39:54.435Z</lastmod>
<changefreq>weekly</changefreq> <changefreq>weekly</changefreq>
<priority>0.5</priority> <priority>0.5</priority>
</url> </url>
<url> <url>
<loc>https://leilukin.com/shrines/starwarskotor/articles/</loc> <loc>https://leilukin.com/shrines/starwarskotor/articles/</loc>
<lastmod>2024-12-19T15:27:44.172Z</lastmod> <lastmod>2024-12-19T15:39:54.435Z</lastmod>
<changefreq>weekly</changefreq> <changefreq>weekly</changefreq>
<priority>0.5</priority> <priority>0.5</priority>
</url> </url>
<url> <url>
<loc>https://leilukin.com/shrines/starwarskotor/guides/</loc> <loc>https://leilukin.com/shrines/starwarskotor/guides/</loc>
<lastmod>2024-12-19T15:27:44.173Z</lastmod> <lastmod>2024-12-19T15:39:54.436Z</lastmod>
<changefreq>weekly</changefreq> <changefreq>weekly</changefreq>
<priority>0.5</priority> <priority>0.5</priority>
</url> </url>
<url> <url>
<loc>https://leilukin.com/shrines/starwarskotor/resources/</loc> <loc>https://leilukin.com/shrines/starwarskotor/resources/</loc>
<lastmod>2024-12-19T15:27:44.173Z</lastmod> <lastmod>2024-12-19T15:39:54.436Z</lastmod>
<changefreq>weekly</changefreq> <changefreq>weekly</changefreq>
<priority>0.5</priority> <priority>0.5</priority>
</url> </url>
<url> <url>
<loc>https://leilukin.com/shrines/starwarskotor/resources/kotor-same-gender-romance-mods/</loc> <loc>https://leilukin.com/shrines/starwarskotor/resources/kotor-same-gender-romance-mods/</loc>
<lastmod>2024-12-19T15:27:44.173Z</lastmod> <lastmod>2024-12-19T15:39:54.436Z</lastmod>
<changefreq>weekly</changefreq> <changefreq>weekly</changefreq>
<priority>0.5</priority> <priority>0.5</priority>
</url> </url>
<url> <url>
<loc>https://leilukin.com/shrines/starwarskotor/resources/kotor2-female-exile-recruit-handmaiden-mods/</loc> <loc>https://leilukin.com/shrines/starwarskotor/resources/kotor2-female-exile-recruit-handmaiden-mods/</loc>
<lastmod>2024-12-19T15:27:44.174Z</lastmod> <lastmod>2024-12-19T15:39:54.436Z</lastmod>
<changefreq>weekly</changefreq> <changefreq>weekly</changefreq>
<priority>0.5</priority> <priority>0.5</priority>
</url> </url>
<url> <url>
<loc>https://leilukin.com/shrines/starwarskotor/resources/tslrcm-m478ep-modules-music/</loc> <loc>https://leilukin.com/shrines/starwarskotor/resources/tslrcm-m478ep-modules-music/</loc>
<lastmod>2024-12-19T15:27:44.174Z</lastmod> <lastmod>2024-12-19T15:39:54.436Z</lastmod>
<changefreq>weekly</changefreq> <changefreq>weekly</changefreq>
<priority>0.5</priority> <priority>0.5</priority>
</url> </url>
<url> <url>
<loc>https://leilukin.com/shrines/starwarskotor/universes/</loc> <loc>https://leilukin.com/shrines/starwarskotor/universes/</loc>
<lastmod>2024-12-19T15:27:44.174Z</lastmod> <lastmod>2024-12-19T15:39:54.436Z</lastmod>
<changefreq>weekly</changefreq> <changefreq>weekly</changefreq>
<priority>0.5</priority> <priority>0.5</priority>
</url> </url>
<url> <url>
<loc>https://leilukin.com/archive/</loc> <loc>https://leilukin.com/archive/</loc>
<lastmod>2024-12-19T15:27:44.174Z</lastmod> <lastmod>2024-12-19T15:39:54.436Z</lastmod>
<changefreq>weekly</changefreq> <changefreq>weekly</changefreq>
<priority>0.5</priority> <priority>0.5</priority>
</url> </url>
<url> <url>
<loc>https://leilukin.com/categories/</loc> <loc>https://leilukin.com/categories/</loc>
<lastmod>2024-12-19T15:27:44.174Z</lastmod> <lastmod>2024-12-19T15:39:54.437Z</lastmod>
<changefreq>weekly</changefreq> <changefreq>weekly</changefreq>
<priority>0.5</priority> <priority>0.5</priority>
</url> </url>
<url> <url>
<loc>https://leilukin.com/changelogs/</loc> <loc>https://leilukin.com/changelogs/</loc>
<lastmod>2024-12-19T15:27:44.174Z</lastmod> <lastmod>2024-12-19T15:39:54.437Z</lastmod>
<changefreq>weekly</changefreq> <changefreq>weekly</changefreq>
<priority>0.5</priority> <priority>0.5</priority>
</url> </url>
<url> <url>
<loc>https://leilukin.com/about/</loc> <loc>https://leilukin.com/about/</loc>
<lastmod>2024-12-19T15:27:44.174Z</lastmod> <lastmod>2024-12-19T15:39:54.437Z</lastmod>
<changefreq>weekly</changefreq> <changefreq>weekly</changefreq>
<priority>0.5</priority> <priority>0.5</priority>
</url> </url>
<url> <url>
<loc>https://leilukin.com/adoptables/</loc> <loc>https://leilukin.com/adoptables/</loc>
<lastmod>2024-12-19T15:27:44.174Z</lastmod> <lastmod>2024-12-19T15:39:54.437Z</lastmod>
<changefreq>weekly</changefreq> <changefreq>weekly</changefreq>
<priority>0.5</priority> <priority>0.5</priority>
</url> </url>
<url> <url>
<loc>https://leilukin.com/articles/</loc> <loc>https://leilukin.com/articles/</loc>
<lastmod>2024-12-19T15:27:44.174Z</lastmod> <lastmod>2024-12-19T15:39:54.437Z</lastmod>
<changefreq>weekly</changefreq> <changefreq>weekly</changefreq>
<priority>0.5</priority> <priority>0.5</priority>
</url> </url>
<url> <url>
<loc>https://leilukin.com/blog/</loc> <loc>https://leilukin.com/blog/</loc>
<lastmod>2024-12-19T15:27:44.174Z</lastmod> <lastmod>2024-12-19T15:39:54.437Z</lastmod>
<changefreq>weekly</changefreq> <changefreq>weekly</changefreq>
<priority>0.5</priority> <priority>0.5</priority>
</url> </url>
<url> <url>
<loc>https://leilukin.com/guestbook/</loc> <loc>https://leilukin.com/guestbook/</loc>
<lastmod>2024-12-19T15:27:44.174Z</lastmod> <lastmod>2024-12-19T15:39:54.437Z</lastmod>
<changefreq>weekly</changefreq> <changefreq>weekly</changefreq>
<priority>0.5</priority> <priority>0.5</priority>
</url> </url>
<url> <url>
<loc>https://leilukin.com/links/</loc> <loc>https://leilukin.com/links/</loc>
<lastmod>2024-12-19T15:27:44.174Z</lastmod> <lastmod>2024-12-19T15:39:54.437Z</lastmod>
<changefreq>weekly</changefreq> <changefreq>weekly</changefreq>
<priority>0.5</priority> <priority>0.5</priority>
</url> </url>
<url> <url>
<loc>https://leilukin.com/now/</loc> <loc>https://leilukin.com/now/</loc>
<lastmod>2024-12-19T15:27:44.174Z</lastmod> <lastmod>2024-12-19T15:39:54.437Z</lastmod>
<changefreq>weekly</changefreq> <changefreq>weekly</changefreq>
<priority>0.5</priority> <priority>0.5</priority>
</url> </url>
<url> <url>
<loc>https://leilukin.com/projects/</loc> <loc>https://leilukin.com/projects/</loc>
<lastmod>2024-12-19T15:27:44.174Z</lastmod> <lastmod>2024-12-19T15:39:54.437Z</lastmod>
<changefreq>weekly</changefreq> <changefreq>weekly</changefreq>
<priority>0.5</priority> <priority>0.5</priority>
</url> </url>
<url> <url>
<loc>https://leilukin.com/shrines/</loc> <loc>https://leilukin.com/shrines/</loc>
<lastmod>2024-12-19T15:27:44.174Z</lastmod> <lastmod>2024-12-19T15:39:54.437Z</lastmod>
<changefreq>weekly</changefreq> <changefreq>weekly</changefreq>
<priority>0.5</priority> <priority>0.5</priority>
</url> </url>
<url> <url>
<loc>https://leilukin.com/accessibility/</loc> <loc>https://leilukin.com/accessibility/</loc>
<lastmod>2024-12-19T15:27:44.175Z</lastmod> <lastmod>2024-12-19T15:39:54.437Z</lastmod>
<changefreq>weekly</changefreq> <changefreq>weekly</changefreq>
<priority>0.5</priority> <priority>0.5</priority>
</url> </url>
<url> <url>
<loc>https://leilukin.com/colophon/</loc> <loc>https://leilukin.com/colophon/</loc>
<lastmod>2024-12-19T15:27:44.175Z</lastmod> <lastmod>2024-12-19T15:39:54.437Z</lastmod>
<changefreq>weekly</changefreq> <changefreq>weekly</changefreq>
<priority>0.5</priority> <priority>0.5</priority>
</url> </url>