Leilukin
/
leilukin-site
mirror of https://github.com/helenclx/leilukin-site.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Tweak capitalisation of Disability Pride flag

This commit is contained in:
Helen Chong 2024-12-15 18:47:47 +08:00
parent 3bdf7a1f9b
commit ada26100ca
2 changed files with 8 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/changelogs/logs/2024/2024-12-15.md
View File

@ -3,4 +3,4 @@ date: 2024-12-15T18:28:09+0800
--- ---
* Add new article: ["Living with Retinitis Pigmentosa"](/articles/living-with-retinitis-pigmentosa) * Add new article: ["Living with Retinitis Pigmentosa"](/articles/living-with-retinitis-pigmentosa)
* Update my code snippet for [Responsive Disability Pride Flag CSS Background](/projects/snippets/disability-pride-flag-background) by using the CSS `linear-gradient()` function instead of an inline SVG * Update my code snippet for [responsive Disability Pride flag CSS background](/projects/snippets/disability-pride-flag-background) by using the CSS `linear-gradient()` function instead of an inline SVG

14
src/projects/snippets/disability-pride-flag-background.md
View File

@ -1,19 +1,19 @@
--- ---
title: Responsive Disability Pride Flag CSS Background title: Responsive Disability Pride flag CSS Background
desc: CSS code snippet of Disability Pride Flag background that can adapt to different widths and screen sizes. desc: CSS code snippet of Disability Pride flag background that can adapt to different widths and screen sizes.
eleventyNavigation: eleventyNavigation:
order: 5 order: 5
--- ---
There have been CSS code snippets of LGBTQ+ pride flag backgrounds out there, such as [Alvaro Montoro's LGBTQ+ Flags Coded in CSS demo](https://codepen.io/alvaromontoro/full/NWyBrZJ), but I could not find one for the [Disability Pride Flag](https://www.womansday.com/life/a43964487/disability-pride-flag/), which was created by [Ann Magill](https://capri0mni.dreamwidth.org/837596.html) and released in 2021. There have been CSS code snippets of LGBTQ+ pride flag backgrounds out there, such as [Alvaro Montoro's LGBTQ+ Flags Coded in CSS demo](https://codepen.io/alvaromontoro/full/NWyBrZJ), but I could not find one for the [Disability Pride flag](https://www.womansday.com/life/a43964487/disability-pride-flag/), which was created by [Ann Magill](https://capri0mni.dreamwidth.org/837596.html) and released in 2021.
Therefore, at the start of [Disability Pride Month](https://en.wikipedia.org/wiki/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](https://en.wikipedia.org/wiki/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 the CSS [`background` property](https://developer.mozilla.org/en-US/docs/Web/CSS/background) and [`linuear-gradient()` function](https://developer.mozilla.org/en-US/docs/Web/CSS/gradient/linear-gradient), and designed to be responsive, so it can adapt to different screen sizes and devices. My Disability Pride flag CSS background is done with a combination of the CSS [`background` property](https://developer.mozilla.org/en-US/docs/Web/CSS/background) and [`linuear-gradient()` function](https://developer.mozilla.org/en-US/docs/Web/CSS/gradient/linear-gradient), 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. 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.
Since Ann Magill released the Disability Pride Flag to the public domain under [CC0 1.0 Universal](https://creativecommons.org/publicdomain/zero/1.0/), I am doing the same to my responsive Disability Pride Flag CSS background. Therefore, you are free to use my code and do what you want with it without asking for permission or crediting me. Since Ann Magill released the Disability Pride flag to the public domain under [CC0 1.0 Universal](https://creativecommons.org/publicdomain/zero/1.0/), I am doing the same to my responsive Disability Pride flag CSS background. Therefore, you are free to use my code and do what you want with it without asking for permission or crediting me.
## Demo ## Demo
{%- css %} {%- css %}