There have been CSS code snippets of LGBTQ+ pride flag backgrounds out there, but I could not find one for the Disability Pride Flag , which was created by Ann Magill and released in 2021.
-
Therefore, at the start of Disability Pride Month in July 2024, I decided to code a Disability Pride Flag background in CSS, and now I am releasing my code snippet for public use.
+
Therefore, at the start of Disability Pride Month in July 2024, I decided to code a Disability Pride Flag background in CSS, and now I am releasing my code snippet for public use.
My Disability Pride Flag CSS background is done with a combination of CSS background properties and inline SVG URL, and designed to be responsive, so it can adapt to different screen sizes and devices.
I have used JavaScript to set up the header of the main part of this website, so it will display the Disability Pride Flag as its background during July.
To code the Disability Pride Flag in CSS and make it responsive, I first downloaded an SVG file of the Disability Pride Flag from Wikimedia Commons, then modified the stripes in Adobe Illustrator CS5 (the only version of Adobe Illustrator I actually own) to allow the entire stripes to be shown in wide backgrounds, instead of appearing to be cut off mid-way. After finishing the edit in Illustrator, I saved the SVG file, opened it in Visual Studio Code to obtain the SVG code, used Jake Archibald's SVGOMG to optimise the SVG code, then encode it into CSS-ready code by using Yoksel's URL-encoder for SVG .
diff --git a/projects/videogamemods/kotor1/index.html b/projects/videogamemods/kotor1/index.html
index 00aeae64..68b7310e 100644
--- a/projects/videogamemods/kotor1/index.html
+++ b/projects/videogamemods/kotor1/index.html
@@ -300,7 +300,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
-
+
diff --git a/projects/videogamemods/kotor2/index.html b/projects/videogamemods/kotor2/index.html
index 6f259a01..c80cbc33 100644
--- a/projects/videogamemods/kotor2/index.html
+++ b/projects/videogamemods/kotor2/index.html
@@ -300,7 +300,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
-
+
diff --git a/shrines/index.html b/shrines/index.html
index 021731d0..cc381c1a 100644
--- a/shrines/index.html
+++ b/shrines/index.html
@@ -271,7 +271,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
-
+
diff --git a/sitemap.xml b/sitemap.xml
index a261b615..66fd8ad0 100644
--- a/sitemap.xml
+++ b/sitemap.xml
@@ -1148,229 +1148,229 @@
https://leilukin.com/blog/posts/
- 2024-12-01T06:56:44.495Z
+ 2024-12-01T07:20:21.373Z
weekly
0.5
https://leilukin.com/changelogs/2022/
- 2024-12-01T06:56:44.499Z
+ 2024-12-01T07:20:21.381Z
weekly
0.5
https://leilukin.com/changelogs/2023/
- 2024-12-01T06:56:44.499Z
+ 2024-12-01T07:20:21.381Z
weekly
0.5
https://leilukin.com/changelogs/2024/
- 2024-12-01T06:56:44.499Z
+ 2024-12-01T07:20:21.381Z
weekly
0.5
https://leilukin.com/changelogs/layouts/
- 2024-12-01T06:56:44.499Z
+ 2024-12-01T07:20:21.381Z
weekly
0.5
https://leilukin.com/
- 2024-12-01T06:56:44.499Z
+ 2024-12-01T07:20:21.381Z
weekly
0.5
https://leilukin.com/projects/code/bellabuffs-phpmailer/
- 2024-12-01T06:56:44.499Z
+ 2024-12-01T07:20:21.381Z
weekly
0.5
https://leilukin.com/projects/playlists/
- 2024-12-01T06:56:44.499Z
+ 2024-12-01T07:20:21.381Z
weekly
0.5
https://leilukin.com/projects/snippets/disability-pride-flag-background/
- 2024-12-01T06:56:44.499Z
+ 2024-12-01T07:20:21.381Z
weekly
0.5
https://leilukin.com/shrines/asummersend/gallery/
- 2024-12-01T06:56:44.499Z
+ 2024-12-01T07:20:21.381Z
weekly
0.5
https://leilukin.com/shrines/asummersend/playlists/
- 2024-12-01T06:56:44.503Z
+ 2024-12-01T07:20:21.381Z
weekly
0.5
https://leilukin.com/shrines/asummersend/trivia/
- 2024-12-01T06:56:44.503Z
+ 2024-12-01T07:20:21.381Z
weekly
0.5
https://leilukin.com/shrines/cassettebeasts/articles/
- 2024-12-01T06:56:44.503Z
+ 2024-12-01T07:20:21.381Z
weekly
0.5
https://leilukin.com/shrines/cassettebeasts/facts/
- 2024-12-01T06:56:44.503Z
+ 2024-12-01T07:20:21.381Z
weekly
0.5
https://leilukin.com/shrines/cassettebeasts/featured/
- 2024-12-01T06:56:44.503Z
+ 2024-12-01T07:20:21.381Z
weekly
0.5
https://leilukin.com/shrines/cassettebeasts/gamelog/
- 2024-12-01T06:56:44.503Z
+ 2024-12-01T07:20:21.381Z
weekly
0.5
https://leilukin.com/shrines/cassettebeasts/resources/
- 2024-12-01T06:56:44.503Z
+ 2024-12-01T07:20:21.381Z
weekly
0.5
https://leilukin.com/shrines/starwarskotor/articles/
- 2024-12-01T06:56:44.503Z
+ 2024-12-01T07:20:21.381Z
weekly
0.5
https://leilukin.com/shrines/starwarskotor/guides/
- 2024-12-01T06:56:44.503Z
+ 2024-12-01T07:20:21.385Z
weekly
0.5
https://leilukin.com/shrines/starwarskotor/resources/
- 2024-12-01T06:56:44.503Z
+ 2024-12-01T07:20:21.385Z
weekly
0.5
https://leilukin.com/shrines/starwarskotor/resources/kotor-same-gender-romance-mods/
- 2024-12-01T06:56:44.503Z
+ 2024-12-01T07:20:21.385Z
weekly
0.5
https://leilukin.com/shrines/starwarskotor/resources/kotor2-female-exile-recruit-handmaiden-mods/
- 2024-12-01T06:56:44.503Z
+ 2024-12-01T07:20:21.385Z
weekly
0.5
https://leilukin.com/shrines/starwarskotor/resources/tslrcm-m478ep-modules-music/
- 2024-12-01T06:56:44.503Z
+ 2024-12-01T07:20:21.385Z
weekly
0.5
https://leilukin.com/shrines/starwarskotor/universes/
- 2024-12-01T06:56:44.503Z
+ 2024-12-01T07:20:21.385Z
weekly
0.5
https://leilukin.com/archive/
- 2024-12-01T06:56:44.503Z
+ 2024-12-01T07:20:21.385Z
weekly
0.5
https://leilukin.com/categories/
- 2024-12-01T06:56:44.503Z
+ 2024-12-01T07:20:21.385Z
weekly
0.5
https://leilukin.com/changelogs/
- 2024-12-01T06:56:44.503Z
+ 2024-12-01T07:20:21.385Z
weekly
0.5
https://leilukin.com/about/
- 2024-12-01T06:56:44.503Z
+ 2024-12-01T07:20:21.385Z
weekly
0.5
https://leilukin.com/adoptables/
- 2024-12-01T06:56:44.503Z
+ 2024-12-01T07:20:21.385Z
weekly
0.5
https://leilukin.com/articles/
- 2024-12-01T06:56:44.503Z
+ 2024-12-01T07:20:21.385Z
weekly
0.5
https://leilukin.com/blog/
- 2024-12-01T06:56:44.503Z
+ 2024-12-01T07:20:21.385Z
weekly
0.5
https://leilukin.com/guestbook/
- 2024-12-01T06:56:44.503Z
+ 2024-12-01T07:20:21.385Z
weekly
0.5
https://leilukin.com/links/
- 2024-12-01T06:56:44.503Z
+ 2024-12-01T07:20:21.385Z
weekly
0.5
https://leilukin.com/now/
- 2024-12-01T06:56:44.503Z
+ 2024-12-01T07:20:21.385Z
weekly
0.5
https://leilukin.com/projects/
- 2024-12-01T06:56:44.503Z
+ 2024-12-01T07:20:21.385Z
weekly
0.5
https://leilukin.com/shrines/
- 2024-12-01T06:56:44.503Z
+ 2024-12-01T07:20:21.385Z
weekly
0.5
https://leilukin.com/accessibility/
- 2024-12-01T06:56:44.503Z
+ 2024-12-01T07:20:21.385Z
weekly
0.5
https://leilukin.com/colophon/
- 2024-12-01T06:56:44.503Z
+ 2024-12-01T07:20:21.385Z
weekly
0.5
diff --git a/sitemap/index.html b/sitemap/index.html
index 299241ed..f45d6920 100644
--- a/sitemap/index.html
+++ b/sitemap/index.html
@@ -283,7 +283,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
-
+