From 1595cc8aa229166e64fa26ea7633616ed61bc94f Mon Sep 17 00:00:00 2001 From: Helen Chong <119173961+helenclx@users.noreply.github.com> Date: Fri, 10 May 2024 14:00:07 +0800 Subject: [PATCH] Separate CSS for pride flags and symbols into a separate CSS file --- _site/about/index.html | 2 + _site/archive/index.html | 2 + .../index.html | 2 + .../index.html | 2 + _site/articles/index.html | 2 + .../index.html | 2 + .../index.html | 2 + .../my-dislike-of-shipping-culture/index.html | 2 + _site/assets/css/main.css | 200 ------------------ _site/assets/css/pridesymbols.css | 199 +++++++++++++++++ _site/blog/index.html | 2 + _site/blog/page/2/index.html | 2 + _site/blog/page/3/index.html | 2 + .../index.html | 2 + .../index.html | 2 + .../index.html | 2 + .../index.html | 2 + .../index.html | 2 + .../index.html | 2 + .../index.html | 2 + .../index.html | 2 + .../index.html | 2 + .../index.html | 2 + .../index.html | 2 + .../index.html | 2 + .../index.html | 2 + _site/blog/posts/index.html | 2 + _site/categories/a-summers-end/index.html | 2 + _site/categories/anti-harry-potter/index.html | 2 + _site/categories/anti-jk-rowling/index.html | 2 + _site/categories/cassette-beasts/index.html | 2 + _site/categories/dracula-daily/index.html | 2 + _site/categories/fandom-culture/index.html | 2 + _site/categories/index.html | 2 + _site/categories/lesbian/index.html | 2 + _site/categories/life-updates/index.html | 2 + _site/categories/modding/index.html | 2 + _site/categories/my-birthday/index.html | 2 + _site/categories/my-interviews/index.html | 2 + _site/categories/site-anniversary/index.html | 2 + _site/categories/site-updates/index.html | 2 + _site/categories/star-wars-kotor-2/index.html | 2 + _site/categories/star-wars-kotor/index.html | 2 + _site/changelogs/2022/index.html | 2 + _site/changelogs/2023/index.html | 2 + _site/changelogs/2024/index.html | 2 + _site/changelogs/index.html | 2 + _site/changelogs/layouts/index.html | 2 + _site/changelogs/page/2/index.html | 2 + _site/changelogs/page/3/index.html | 2 + _site/changelogs/page/4/index.html | 2 + _site/changelogs/page/5/index.html | 2 + _site/feed.xml | 2 +- _site/index.html | 2 + _site/links/index.html | 2 + _site/now/index.html | 2 + _site/projects/index.html | 2 + _site/projects/kotor1mods/index.html | 2 + _site/projects/kotor2mods/index.html | 2 + _site/projects/playlists/index.html | 2 + _site/shrines/index.html | 2 + _site/sitemap/index.html | 2 + src/_includes/main/base.njk | 4 + src/assets/css/main.css | 200 ------------------ src/assets/css/pridesymbols.css | 199 +++++++++++++++++ 65 files changed, 521 insertions(+), 401 deletions(-) create mode 100644 _site/assets/css/pridesymbols.css create mode 100644 src/assets/css/pridesymbols.css diff --git a/_site/about/index.html b/_site/about/index.html index 132d56b9..7ea9e231 100644 --- a/_site/about/index.html +++ b/_site/about/index.html @@ -28,6 +28,8 @@ + + diff --git a/_site/archive/index.html b/_site/archive/index.html index 45be5740..191cc909 100644 --- a/_site/archive/index.html +++ b/_site/archive/index.html @@ -28,6 +28,8 @@ + + diff --git a/_site/articles/anti-harry-potter-jk-rowling-masterlist/index.html b/_site/articles/anti-harry-potter-jk-rowling-masterlist/index.html index 1862a5a8..ee294c8f 100644 --- a/_site/articles/anti-harry-potter-jk-rowling-masterlist/index.html +++ b/_site/articles/anti-harry-potter-jk-rowling-masterlist/index.html @@ -28,6 +28,8 @@ + + diff --git a/_site/articles/designated-lesbian-syndrome-fandom/index.html b/_site/articles/designated-lesbian-syndrome-fandom/index.html index 840d304a..573e0db8 100644 --- a/_site/articles/designated-lesbian-syndrome-fandom/index.html +++ b/_site/articles/designated-lesbian-syndrome-fandom/index.html @@ -28,6 +28,8 @@ + + diff --git a/_site/articles/index.html b/_site/articles/index.html index 69d5a935..36be6731 100644 --- a/_site/articles/index.html +++ b/_site/articles/index.html @@ -28,6 +28,8 @@ + + diff --git a/_site/articles/kotor2-modder-interview-ars-technica/index.html b/_site/articles/kotor2-modder-interview-ars-technica/index.html index 6522c69c..49e23a03 100644 --- a/_site/articles/kotor2-modder-interview-ars-technica/index.html +++ b/_site/articles/kotor2-modder-interview-ars-technica/index.html @@ -28,6 +28,8 @@ + + diff --git a/_site/articles/lgbtq-booklet-interview-misi-bawang/index.html b/_site/articles/lgbtq-booklet-interview-misi-bawang/index.html index 9b051a64..a5d0e499 100644 --- a/_site/articles/lgbtq-booklet-interview-misi-bawang/index.html +++ b/_site/articles/lgbtq-booklet-interview-misi-bawang/index.html @@ -28,6 +28,8 @@ + + diff --git a/_site/articles/my-dislike-of-shipping-culture/index.html b/_site/articles/my-dislike-of-shipping-culture/index.html index 9d3f670b..cc948e87 100644 --- a/_site/articles/my-dislike-of-shipping-culture/index.html +++ b/_site/articles/my-dislike-of-shipping-culture/index.html @@ -28,6 +28,8 @@ + + diff --git a/_site/assets/css/main.css b/_site/assets/css/main.css index 87cf3278..1e43ff0f 100644 --- a/_site/assets/css/main.css +++ b/_site/assets/css/main.css @@ -523,203 +523,3 @@ main { display: grid; gap: 0.7em; } - -/* Pride flag backgrounds */ -.flag-rainbow { - background: linear-gradient( - #e40303 0 16.67%, - #ff8c00 0 33.33%, - #ffed00 0 50%, - #008026 0 66.67%, - #004dff 0 83.33%, - #750787 0 100% - ); -} - -.flag-lesbian { - background: linear-gradient( - #d52d00 0 14.29%, - #ef7627 0 28.57%, - #ff9a56 0 42.86%, - #ffffff 0 57.14%, - #d362a4 0 71.43%, - #b85490 0 86.71%, - #a30262 0 100% - ); -} - -.flag-bi { - background: linear-gradient( - #d60270 0 40%, - #9b4f97 0 60%, - #0038a7 0 100% - ); -} - -.flag-trans { - background: linear-gradient( - #5bcefa 0 20%, - #f5a9b8 0 40%, - #ffffff 0 60%, - #f5a9b8 0 80%, - #5bcefa 0 100% - ); -} - -.flag-intersex { - background: radial-gradient(closest-side circle at center, - #ffd800 44%, - #7902aa 44%, - #7902aa 56%, - #ffd800 56% - ); -} - -.flag-ace { - background: linear-gradient( - #000000 0 25%, - #a3a3a3 0 50%, - #ffffff 0 75%, - #800080 0 100% - ); -} - -.flag-aro { - background: linear-gradient( - #0a2 20%, - #7d6 0 40%, - white 0 60%, - darkgray 0 80%, - black 0 - ); -} - -.flag-non-binary { - background: linear-gradient( - #fff430 0 25%, - #ffffff 0 50%, - #9c59d1 0 75%, - #000000 0 100% - ); -} - -.flag-pan { - background: linear-gradient( - #ff218c 0 33.33%, - #ffd800 0 66.67%, - #21b1ff 0 100% - ); -} - -.flag-genderfluid { - background: linear-gradient( - #ff76a4 0 20%, - #ffffff 0 40%, - #c011d7 0 60%, - #000000 0 80%, - #2f3cbe 0 100% - ); -} - -.flag-agender { - background: linear-gradient( - black 0 14.28%, - silver 0 28.57%, - white 0 42.85%, - #a3fa73 0 57.14%, - white 0 71.42%, - silver 0 85.71%, - black 0 - ); -} - -.flag-demigirl { - background: linear-gradient( - #7F7F7F 0 14.28%, - #C4C4C4 0 28.57%, - #FDADC8 0 42.85%, - white 0 57.14%, - #FDADC8 0 71.42%, - #C4C4C4 0 85.71%, - #7F7F7F 0 - ); -} - -.flag-bigender { - background: linear-gradient( - #d074a2 0 14.28%, - #f8a1cd 0 28.57%, - #d9c6ea 0 42.85%, - white 0 57.14%, - #d9c6ea 0 71.42%, - #90c8ec 0 85.71%, - #6583d5 0 - ); -} - -.flag-gilbert-baker { - background: linear-gradient( - #FF6599 12.5%, - #e40303 0 25%, - #ff8c00 0 37.5%, - #ffed00 0 50%, - #008026 0 62.5%, - #00C0C0 0 75%, - #004dff 0 87.5%, - #750787 0 - ); -} - -.flag-gilbert-baker-2017 { - background: linear-gradient( - #CD66FF 11.1%, - #FF6599 0 22.2%, - #e40303 0 33.3%, - #ff8c00 0 44.4%, - #ffed00 0 55.5%, - #008026 0 66.6%, - #00C0C0 0 77.7%, - #004dff 0 88.8%, - #750787 0 - ); -} - -.flag-progress { - background: - conic-gradient(at 14% 50%, #0000 221.25deg, #ffffff 222deg 318deg, #0000 318.25deg), - conic-gradient(at 23% 50%, #0000 221.25deg, #f5a9b8 222deg 318deg, #0000 318.25deg), - conic-gradient(at 32% 50%, #0000 221.25deg, #5bcefa 222deg 318deg, #0000 318.25deg), - conic-gradient(at 41% 50%, #0000 221.25deg, #784F17 222deg 318deg, #0000 318.25deg), - conic-gradient(at 50% 50%, #0000 221.25deg, black 222deg 318deg, #0000 318.25deg), - linear-gradient(#e40303 0 16.66%, #ff8c00 0 33.33%, #ffed00 0 50%, #008026 0 66.66%, #004dff 0 83.33%, #750787 0); -} - -.flag-progress-intersex { - background: - radial-gradient(circle at 9.75% 50%, #0000 6.66%, #7902aa 6.7% 8.33%, #0000 8.4%), - conic-gradient(at 26.66% 50%, #0000 222.75deg, #ffd800 0 317.25deg, #0000 0), - conic-gradient(at 33% 50%, #0000 222.75deg, #ffffff 0 317.25deg, #0000 0), - conic-gradient(at 39% 50%, #0000 222.75deg, #f5a9b8 0 317.25deg, #0000 0), - conic-gradient(at 45.66% 50%, #0000 222.75deg, #5bcefa 0 317.25deg, #0000 0), - conic-gradient(at 52% 50%, #0000 222.75deg, #753000 0 317.25deg, #0000 0), - conic-gradient(at 58.33% 50%, #0000 222.75deg, #000 0 317.25deg, #0000 0), - linear-gradient(#e40303 0 16.66%, #ff8c00 0 33.33%, #ffed00 0 50%, #008026 0 66.66%, #004dff 0 83.33%, #750787 0); -} - -.flag-progress-intersex-lesbian { - background: - radial-gradient(circle at 9.75% 50%, #0000 6.66%, #7902aa 6.7% 8.33%, #0000 8.4%), - conic-gradient(at 26.66% 50%, #0000 222.75deg, #ffd800 0 317.25deg, #0000 0), - conic-gradient(at 33% 50%, #0000 222.75deg, #ffffff 0 317.25deg, #0000 0), - conic-gradient(at 39% 50%, #0000 222.75deg, #f5a9b8 0 317.25deg, #0000 0), - conic-gradient(at 45.66% 50%, #0000 222.75deg, #5bcefa 0 317.25deg, #0000 0), - conic-gradient(at 52% 50%, #0000 222.75deg, #753000 0 317.25deg, #0000 0), - conic-gradient(at 58.33% 50%, #0000 222.75deg, #000 0 317.25deg, #0000 0), - linear-gradient(#d52d00 0 14.29%, #ef7627 0 28.57%, #ff9a56 0 42.86%, #ffffff 0 57.14%, #d362a4 0 71.43%, #b85490 0 86.71%, #a30262 0 100%); -} - -.symbol-venus { - background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='12pt' height='12pt' viewBox='0 0 12 12' version='1.1'%3E%3Cg id='surface1'%3E%3Cpath style='fill:none;stroke-width:6;stroke-linecap:butt;stroke-linejoin:miter;stroke:rgb(35.15%25,0%25,64.85%25);stroke-opacity:1;stroke-miterlimit:10;' d='M 85 85 C 85 98.789062 73.789062 110 60 110 C 46.210938 110 35 98.789062 35 85 C 35 71.210938 46.210938 60 60 60 C 73.789062 60 85 71.210938 85 85 Z M 85 85 ' transform='matrix(0.1,0,0,-0.1,0,12)'/%3E%3Cpath style='fill:none;stroke-width:6;stroke-linecap:butt;stroke-linejoin:miter;stroke:rgb(35.15%25,0%25,64.85%25);stroke-opacity:1;stroke-miterlimit:10;' d='M 60 10 L 60 60 ' transform='matrix(0.1,0,0,-0.1,0,12)'/%3E%3Cpath style='fill:none;stroke-width:6;stroke-linecap:butt;stroke-linejoin:miter;stroke:rgb(35.15%25,0%25,64.85%25);stroke-opacity:1;stroke-miterlimit:10;' d='M 35 35 L 85 35 ' transform='matrix(0.1,0,0,-0.1,0,12)'/%3E%3C/g%3E%3C/svg%3E"); - background-repeat: no-repeat; - background-size: 100% 100%; -} \ No newline at end of file diff --git a/_site/assets/css/pridesymbols.css b/_site/assets/css/pridesymbols.css new file mode 100644 index 00000000..80f4adfe --- /dev/null +++ b/_site/assets/css/pridesymbols.css @@ -0,0 +1,199 @@ +/* Pride flag backgrounds */ +.flag-rainbow { + background: linear-gradient( + #e40303 0 16.67%, + #ff8c00 0 33.33%, + #ffed00 0 50%, + #008026 0 66.67%, + #004dff 0 83.33%, + #750787 0 100% + ); +} + +.flag-lesbian { + background: linear-gradient( + #d52d00 0 14.29%, + #ef7627 0 28.57%, + #ff9a56 0 42.86%, + #ffffff 0 57.14%, + #d362a4 0 71.43%, + #b85490 0 86.71%, + #a30262 0 100% + ); +} + +.flag-bi { + background: linear-gradient( + #d60270 0 40%, + #9b4f97 0 60%, + #0038a7 0 100% + ); +} + +.flag-trans { + background: linear-gradient( + #5bcefa 0 20%, + #f5a9b8 0 40%, + #ffffff 0 60%, + #f5a9b8 0 80%, + #5bcefa 0 100% + ); +} + +.flag-intersex { + background: radial-gradient(closest-side circle at center, + #ffd800 44%, + #7902aa 44%, + #7902aa 56%, + #ffd800 56% + ); +} + +.flag-ace { + background: linear-gradient( + #000000 0 25%, + #a3a3a3 0 50%, + #ffffff 0 75%, + #800080 0 100% + ); +} + +.flag-aro { + background: linear-gradient( + #0a2 20%, + #7d6 0 40%, + white 0 60%, + darkgray 0 80%, + black 0 + ); +} + +.flag-non-binary { + background: linear-gradient( + #fff430 0 25%, + #ffffff 0 50%, + #9c59d1 0 75%, + #000000 0 100% + ); +} + +.flag-pan { + background: linear-gradient( + #ff218c 0 33.33%, + #ffd800 0 66.67%, + #21b1ff 0 100% + ); +} + +.flag-genderfluid { + background: linear-gradient( + #ff76a4 0 20%, + #ffffff 0 40%, + #c011d7 0 60%, + #000000 0 80%, + #2f3cbe 0 100% + ); +} + +.flag-agender { + background: linear-gradient( + black 0 14.28%, + silver 0 28.57%, + white 0 42.85%, + #a3fa73 0 57.14%, + white 0 71.42%, + silver 0 85.71%, + black 0 + ); +} + +.flag-demigirl { + background: linear-gradient( + #7F7F7F 0 14.28%, + #C4C4C4 0 28.57%, + #FDADC8 0 42.85%, + white 0 57.14%, + #FDADC8 0 71.42%, + #C4C4C4 0 85.71%, + #7F7F7F 0 + ); +} + +.flag-bigender { + background: linear-gradient( + #d074a2 0 14.28%, + #f8a1cd 0 28.57%, + #d9c6ea 0 42.85%, + white 0 57.14%, + #d9c6ea 0 71.42%, + #90c8ec 0 85.71%, + #6583d5 0 + ); +} + +.flag-gilbert-baker { + background: linear-gradient( + #FF6599 12.5%, + #e40303 0 25%, + #ff8c00 0 37.5%, + #ffed00 0 50%, + #008026 0 62.5%, + #00C0C0 0 75%, + #004dff 0 87.5%, + #750787 0 + ); +} + +.flag-gilbert-baker-2017 { + background: linear-gradient( + #CD66FF 11.1%, + #FF6599 0 22.2%, + #e40303 0 33.3%, + #ff8c00 0 44.4%, + #ffed00 0 55.5%, + #008026 0 66.6%, + #00C0C0 0 77.7%, + #004dff 0 88.8%, + #750787 0 + ); +} + +.flag-progress { + background: + conic-gradient(at 14% 50%, #0000 221.25deg, #ffffff 222deg 318deg, #0000 318.25deg), + conic-gradient(at 23% 50%, #0000 221.25deg, #f5a9b8 222deg 318deg, #0000 318.25deg), + conic-gradient(at 32% 50%, #0000 221.25deg, #5bcefa 222deg 318deg, #0000 318.25deg), + conic-gradient(at 41% 50%, #0000 221.25deg, #784F17 222deg 318deg, #0000 318.25deg), + conic-gradient(at 50% 50%, #0000 221.25deg, black 222deg 318deg, #0000 318.25deg), + linear-gradient(#e40303 0 16.66%, #ff8c00 0 33.33%, #ffed00 0 50%, #008026 0 66.66%, #004dff 0 83.33%, #750787 0); +} + +.flag-progress-intersex { + background: + radial-gradient(circle at 9.75% 50%, #0000 6.66%, #7902aa 6.7% 8.33%, #0000 8.4%), + conic-gradient(at 26.66% 50%, #0000 222.75deg, #ffd800 0 317.25deg, #0000 0), + conic-gradient(at 33% 50%, #0000 222.75deg, #ffffff 0 317.25deg, #0000 0), + conic-gradient(at 39% 50%, #0000 222.75deg, #f5a9b8 0 317.25deg, #0000 0), + conic-gradient(at 45.66% 50%, #0000 222.75deg, #5bcefa 0 317.25deg, #0000 0), + conic-gradient(at 52% 50%, #0000 222.75deg, #753000 0 317.25deg, #0000 0), + conic-gradient(at 58.33% 50%, #0000 222.75deg, #000 0 317.25deg, #0000 0), + linear-gradient(#e40303 0 16.66%, #ff8c00 0 33.33%, #ffed00 0 50%, #008026 0 66.66%, #004dff 0 83.33%, #750787 0); +} + +.flag-progress-intersex-lesbian { + background: + radial-gradient(circle at 9.75% 50%, #0000 6.66%, #7902aa 6.7% 8.33%, #0000 8.4%), + conic-gradient(at 26.66% 50%, #0000 222.75deg, #ffd800 0 317.25deg, #0000 0), + conic-gradient(at 33% 50%, #0000 222.75deg, #ffffff 0 317.25deg, #0000 0), + conic-gradient(at 39% 50%, #0000 222.75deg, #f5a9b8 0 317.25deg, #0000 0), + conic-gradient(at 45.66% 50%, #0000 222.75deg, #5bcefa 0 317.25deg, #0000 0), + conic-gradient(at 52% 50%, #0000 222.75deg, #753000 0 317.25deg, #0000 0), + conic-gradient(at 58.33% 50%, #0000 222.75deg, #000 0 317.25deg, #0000 0), + linear-gradient(#d52d00 0 14.29%, #ef7627 0 28.57%, #ff9a56 0 42.86%, #ffffff 0 57.14%, #d362a4 0 71.43%, #b85490 0 86.71%, #a30262 0 100%); +} + +.symbol-venus { + background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='12pt' height='12pt' viewBox='0 0 12 12' version='1.1'%3E%3Cg id='surface1'%3E%3Cpath style='fill:none;stroke-width:6;stroke-linecap:butt;stroke-linejoin:miter;stroke:rgb(35.15%25,0%25,64.85%25);stroke-opacity:1;stroke-miterlimit:10;' d='M 85 85 C 85 98.789062 73.789062 110 60 110 C 46.210938 110 35 98.789062 35 85 C 35 71.210938 46.210938 60 60 60 C 73.789062 60 85 71.210938 85 85 Z M 85 85 ' transform='matrix(0.1,0,0,-0.1,0,12)'/%3E%3Cpath style='fill:none;stroke-width:6;stroke-linecap:butt;stroke-linejoin:miter;stroke:rgb(35.15%25,0%25,64.85%25);stroke-opacity:1;stroke-miterlimit:10;' d='M 60 10 L 60 60 ' transform='matrix(0.1,0,0,-0.1,0,12)'/%3E%3Cpath style='fill:none;stroke-width:6;stroke-linecap:butt;stroke-linejoin:miter;stroke:rgb(35.15%25,0%25,64.85%25);stroke-opacity:1;stroke-miterlimit:10;' d='M 35 35 L 85 35 ' transform='matrix(0.1,0,0,-0.1,0,12)'/%3E%3C/g%3E%3C/svg%3E"); + background-repeat: no-repeat; + background-size: 100% 100%; +} \ No newline at end of file diff --git a/_site/blog/index.html b/_site/blog/index.html index c7f45efe..d5b39a14 100644 --- a/_site/blog/index.html +++ b/_site/blog/index.html @@ -28,6 +28,8 @@ + + diff --git a/_site/blog/page/2/index.html b/_site/blog/page/2/index.html index be8f0ba1..ed5838c3 100644 --- a/_site/blog/page/2/index.html +++ b/_site/blog/page/2/index.html @@ -28,6 +28,8 @@ + + diff --git a/_site/blog/page/3/index.html b/_site/blog/page/3/index.html index 770f2799..e29e4383 100644 --- a/_site/blog/page/3/index.html +++ b/_site/blog/page/3/index.html @@ -28,6 +28,8 @@ + + diff --git a/_site/blog/posts/2023-01-26-new-year-leilukins-hub-redesign/index.html b/_site/blog/posts/2023-01-26-new-year-leilukins-hub-redesign/index.html index 5c3280ad..0b369c37 100644 --- a/_site/blog/posts/2023-01-26-new-year-leilukins-hub-redesign/index.html +++ b/_site/blog/posts/2023-01-26-new-year-leilukins-hub-redesign/index.html @@ -28,6 +28,8 @@ + + diff --git a/_site/blog/posts/2023-01-28-leilukins-hub-now-has-a-blog/index.html b/_site/blog/posts/2023-01-28-leilukins-hub-now-has-a-blog/index.html index cc247459..cc8f67c4 100644 --- a/_site/blog/posts/2023-01-28-leilukins-hub-now-has-a-blog/index.html +++ b/_site/blog/posts/2023-01-28-leilukins-hub-now-has-a-blog/index.html @@ -28,6 +28,8 @@ + + diff --git a/_site/blog/posts/2023-05-09-onboard-the-dracula-daily-hype-train/index.html b/_site/blog/posts/2023-05-09-onboard-the-dracula-daily-hype-train/index.html index 1c542895..2091f751 100644 --- a/_site/blog/posts/2023-05-09-onboard-the-dracula-daily-hype-train/index.html +++ b/_site/blog/posts/2023-05-09-onboard-the-dracula-daily-hype-train/index.html @@ -28,6 +28,8 @@ + + diff --git a/_site/blog/posts/2023-06-23-june-2023-leilukins-hub-layout-rewrite/index.html b/_site/blog/posts/2023-06-23-june-2023-leilukins-hub-layout-rewrite/index.html index 2b8ad0e8..3d323eb2 100644 --- a/_site/blog/posts/2023-06-23-june-2023-leilukins-hub-layout-rewrite/index.html +++ b/_site/blog/posts/2023-06-23-june-2023-leilukins-hub-layout-rewrite/index.html @@ -28,6 +28,8 @@ + + diff --git a/_site/blog/posts/2023-07-28-my-first-birthday-after-the-launch-of-leilukins-hub/index.html b/_site/blog/posts/2023-07-28-my-first-birthday-after-the-launch-of-leilukins-hub/index.html index 2dbc822f..385532fd 100644 --- a/_site/blog/posts/2023-07-28-my-first-birthday-after-the-launch-of-leilukins-hub/index.html +++ b/_site/blog/posts/2023-07-28-my-first-birthday-after-the-launch-of-leilukins-hub/index.html @@ -28,6 +28,8 @@ + + diff --git a/_site/blog/posts/2023-09-11-happy-1st-anniversary-to-leilukins-hub/index.html b/_site/blog/posts/2023-09-11-happy-1st-anniversary-to-leilukins-hub/index.html index 88ba1bad..b04b5910 100644 --- a/_site/blog/posts/2023-09-11-happy-1st-anniversary-to-leilukins-hub/index.html +++ b/_site/blog/posts/2023-09-11-happy-1st-anniversary-to-leilukins-hub/index.html @@ -28,6 +28,8 @@ + + diff --git a/_site/blog/posts/2023-10-13-my-cassette-beasts-pombomb-plushie-arrived/index.html b/_site/blog/posts/2023-10-13-my-cassette-beasts-pombomb-plushie-arrived/index.html index 254561ab..498ca678 100644 --- a/_site/blog/posts/2023-10-13-my-cassette-beasts-pombomb-plushie-arrived/index.html +++ b/_site/blog/posts/2023-10-13-my-cassette-beasts-pombomb-plushie-arrived/index.html @@ -28,6 +28,8 @@ + + diff --git a/_site/blog/posts/2023-10-30-support-for-my-steam-review-of-a-summers-end/index.html b/_site/blog/posts/2023-10-30-support-for-my-steam-review-of-a-summers-end/index.html index 73efda1f..e9371dac 100644 --- a/_site/blog/posts/2023-10-30-support-for-my-steam-review-of-a-summers-end/index.html +++ b/_site/blog/posts/2023-10-30-support-for-my-steam-review-of-a-summers-end/index.html @@ -28,6 +28,8 @@ + + diff --git a/_site/blog/posts/2023-11-19-i-can-finally-game-on-a-solid-state-drive/index.html b/_site/blog/posts/2023-11-19-i-can-finally-game-on-a-solid-state-drive/index.html index bef3fe55..225a53a3 100644 --- a/_site/blog/posts/2023-11-19-i-can-finally-game-on-a-solid-state-drive/index.html +++ b/_site/blog/posts/2023-11-19-i-can-finally-game-on-a-solid-state-drive/index.html @@ -28,6 +28,8 @@ + + diff --git a/_site/blog/posts/2023-11-20-finally-beat-a-bugs-life-video-game-24-years-later/index.html b/_site/blog/posts/2023-11-20-finally-beat-a-bugs-life-video-game-24-years-later/index.html index 6d27fa2b..ed68a093 100644 --- a/_site/blog/posts/2023-11-20-finally-beat-a-bugs-life-video-game-24-years-later/index.html +++ b/_site/blog/posts/2023-11-20-finally-beat-a-bugs-life-video-game-24-years-later/index.html @@ -28,6 +28,8 @@ + + diff --git a/_site/blog/posts/2024-03-06-i-received-a-lifetime-premium-membership-on-nexus-mods-for-free/index.html b/_site/blog/posts/2024-03-06-i-received-a-lifetime-premium-membership-on-nexus-mods-for-free/index.html index 0c2fdc0e..d3a993fd 100644 --- a/_site/blog/posts/2024-03-06-i-received-a-lifetime-premium-membership-on-nexus-mods-for-free/index.html +++ b/_site/blog/posts/2024-03-06-i-received-a-lifetime-premium-membership-on-nexus-mods-for-free/index.html @@ -28,6 +28,8 @@ + + diff --git a/_site/blog/posts/2024-04-21-april-2024-leilukins-hub-overhaul-with-eleventy/index.html b/_site/blog/posts/2024-04-21-april-2024-leilukins-hub-overhaul-with-eleventy/index.html index ae2c8d45..c38f9007 100644 --- a/_site/blog/posts/2024-04-21-april-2024-leilukins-hub-overhaul-with-eleventy/index.html +++ b/_site/blog/posts/2024-04-21-april-2024-leilukins-hub-overhaul-with-eleventy/index.html @@ -28,6 +28,8 @@ + + diff --git a/_site/blog/posts/2024-04-27-lesbian-visibility-day1-year-anniversary-of-cassette-beasts/index.html b/_site/blog/posts/2024-04-27-lesbian-visibility-day1-year-anniversary-of-cassette-beasts/index.html index c01c2ac4..e9b4592e 100644 --- a/_site/blog/posts/2024-04-27-lesbian-visibility-day1-year-anniversary-of-cassette-beasts/index.html +++ b/_site/blog/posts/2024-04-27-lesbian-visibility-day1-year-anniversary-of-cassette-beasts/index.html @@ -28,6 +28,8 @@ + + diff --git a/_site/blog/posts/index.html b/_site/blog/posts/index.html index c18780c4..b549b53e 100644 --- a/_site/blog/posts/index.html +++ b/_site/blog/posts/index.html @@ -28,6 +28,8 @@ + + diff --git a/_site/categories/a-summers-end/index.html b/_site/categories/a-summers-end/index.html index 55ad240a..d5bcd901 100644 --- a/_site/categories/a-summers-end/index.html +++ b/_site/categories/a-summers-end/index.html @@ -28,6 +28,8 @@ + + diff --git a/_site/categories/anti-harry-potter/index.html b/_site/categories/anti-harry-potter/index.html index 6b1750de..376162e7 100644 --- a/_site/categories/anti-harry-potter/index.html +++ b/_site/categories/anti-harry-potter/index.html @@ -28,6 +28,8 @@ + + diff --git a/_site/categories/anti-jk-rowling/index.html b/_site/categories/anti-jk-rowling/index.html index 2149aa97..f35e5e0b 100644 --- a/_site/categories/anti-jk-rowling/index.html +++ b/_site/categories/anti-jk-rowling/index.html @@ -28,6 +28,8 @@ + + diff --git a/_site/categories/cassette-beasts/index.html b/_site/categories/cassette-beasts/index.html index 82d0792a..4fcc794f 100644 --- a/_site/categories/cassette-beasts/index.html +++ b/_site/categories/cassette-beasts/index.html @@ -28,6 +28,8 @@ + + diff --git a/_site/categories/dracula-daily/index.html b/_site/categories/dracula-daily/index.html index c9998268..1e56a0ba 100644 --- a/_site/categories/dracula-daily/index.html +++ b/_site/categories/dracula-daily/index.html @@ -28,6 +28,8 @@ + + diff --git a/_site/categories/fandom-culture/index.html b/_site/categories/fandom-culture/index.html index aa6d32ee..77ee3843 100644 --- a/_site/categories/fandom-culture/index.html +++ b/_site/categories/fandom-culture/index.html @@ -28,6 +28,8 @@ + + diff --git a/_site/categories/index.html b/_site/categories/index.html index 496f3887..18225f84 100644 --- a/_site/categories/index.html +++ b/_site/categories/index.html @@ -28,6 +28,8 @@ + + diff --git a/_site/categories/lesbian/index.html b/_site/categories/lesbian/index.html index a0a48bf4..5dc93376 100644 --- a/_site/categories/lesbian/index.html +++ b/_site/categories/lesbian/index.html @@ -28,6 +28,8 @@ + + diff --git a/_site/categories/life-updates/index.html b/_site/categories/life-updates/index.html index eb6e6405..5ee8cfed 100644 --- a/_site/categories/life-updates/index.html +++ b/_site/categories/life-updates/index.html @@ -28,6 +28,8 @@ + + diff --git a/_site/categories/modding/index.html b/_site/categories/modding/index.html index 7272ca8d..9140d253 100644 --- a/_site/categories/modding/index.html +++ b/_site/categories/modding/index.html @@ -28,6 +28,8 @@ + + diff --git a/_site/categories/my-birthday/index.html b/_site/categories/my-birthday/index.html index 776bf65c..4cc7930d 100644 --- a/_site/categories/my-birthday/index.html +++ b/_site/categories/my-birthday/index.html @@ -28,6 +28,8 @@ + + diff --git a/_site/categories/my-interviews/index.html b/_site/categories/my-interviews/index.html index 6abb7eb5..33290957 100644 --- a/_site/categories/my-interviews/index.html +++ b/_site/categories/my-interviews/index.html @@ -28,6 +28,8 @@ + + diff --git a/_site/categories/site-anniversary/index.html b/_site/categories/site-anniversary/index.html index 40964029..e1214299 100644 --- a/_site/categories/site-anniversary/index.html +++ b/_site/categories/site-anniversary/index.html @@ -28,6 +28,8 @@ + + diff --git a/_site/categories/site-updates/index.html b/_site/categories/site-updates/index.html index 056e4c30..9317770f 100644 --- a/_site/categories/site-updates/index.html +++ b/_site/categories/site-updates/index.html @@ -28,6 +28,8 @@ + + diff --git a/_site/categories/star-wars-kotor-2/index.html b/_site/categories/star-wars-kotor-2/index.html index ec1947eb..5b654ea8 100644 --- a/_site/categories/star-wars-kotor-2/index.html +++ b/_site/categories/star-wars-kotor-2/index.html @@ -28,6 +28,8 @@ + + diff --git a/_site/categories/star-wars-kotor/index.html b/_site/categories/star-wars-kotor/index.html index 4c7b25ea..9089a2ee 100644 --- a/_site/categories/star-wars-kotor/index.html +++ b/_site/categories/star-wars-kotor/index.html @@ -28,6 +28,8 @@ + + diff --git a/_site/changelogs/2022/index.html b/_site/changelogs/2022/index.html index 70aa37e6..10efb7b2 100644 --- a/_site/changelogs/2022/index.html +++ b/_site/changelogs/2022/index.html @@ -28,6 +28,8 @@ + + diff --git a/_site/changelogs/2023/index.html b/_site/changelogs/2023/index.html index 21b3920e..b1b8b5b2 100644 --- a/_site/changelogs/2023/index.html +++ b/_site/changelogs/2023/index.html @@ -28,6 +28,8 @@ + + diff --git a/_site/changelogs/2024/index.html b/_site/changelogs/2024/index.html index a5185a07..1001ef1b 100644 --- a/_site/changelogs/2024/index.html +++ b/_site/changelogs/2024/index.html @@ -28,6 +28,8 @@ + + diff --git a/_site/changelogs/index.html b/_site/changelogs/index.html index f7cddd10..3fb62734 100644 --- a/_site/changelogs/index.html +++ b/_site/changelogs/index.html @@ -28,6 +28,8 @@ + + diff --git a/_site/changelogs/layouts/index.html b/_site/changelogs/layouts/index.html index af782ca1..4a702d48 100644 --- a/_site/changelogs/layouts/index.html +++ b/_site/changelogs/layouts/index.html @@ -28,6 +28,8 @@ + + diff --git a/_site/changelogs/page/2/index.html b/_site/changelogs/page/2/index.html index 061488c6..b57bf3cb 100644 --- a/_site/changelogs/page/2/index.html +++ b/_site/changelogs/page/2/index.html @@ -28,6 +28,8 @@ + + diff --git a/_site/changelogs/page/3/index.html b/_site/changelogs/page/3/index.html index b01ef307..bed3eb5d 100644 --- a/_site/changelogs/page/3/index.html +++ b/_site/changelogs/page/3/index.html @@ -28,6 +28,8 @@ + + diff --git a/_site/changelogs/page/4/index.html b/_site/changelogs/page/4/index.html index 180a35df..a70cead1 100644 --- a/_site/changelogs/page/4/index.html +++ b/_site/changelogs/page/4/index.html @@ -28,6 +28,8 @@ + + diff --git a/_site/changelogs/page/5/index.html b/_site/changelogs/page/5/index.html index ca95d5ce..beb78783 100644 --- a/_site/changelogs/page/5/index.html +++ b/_site/changelogs/page/5/index.html @@ -28,6 +28,8 @@ + + diff --git a/_site/feed.xml b/_site/feed.xml index 9f220a60..b5e91915 100644 --- a/_site/feed.xml +++ b/_site/feed.xml @@ -4,7 +4,7 @@ Leilukin's personal website. - 2024-05-10T05:53:32Z + 2024-05-10T05:58:27Z https://leilukin.neocities.org Leilukin diff --git a/_site/index.html b/_site/index.html index bc1d2613..ae470869 100644 --- a/_site/index.html +++ b/_site/index.html @@ -28,6 +28,8 @@ + + diff --git a/_site/links/index.html b/_site/links/index.html index 7c350198..b204af61 100644 --- a/_site/links/index.html +++ b/_site/links/index.html @@ -28,6 +28,8 @@ + + diff --git a/_site/now/index.html b/_site/now/index.html index 608901a3..cb57588b 100644 --- a/_site/now/index.html +++ b/_site/now/index.html @@ -28,6 +28,8 @@ + + diff --git a/_site/projects/index.html b/_site/projects/index.html index 69575b02..f72028ca 100644 --- a/_site/projects/index.html +++ b/_site/projects/index.html @@ -28,6 +28,8 @@ + + diff --git a/_site/projects/kotor1mods/index.html b/_site/projects/kotor1mods/index.html index 8bd68430..3b0ba176 100644 --- a/_site/projects/kotor1mods/index.html +++ b/_site/projects/kotor1mods/index.html @@ -28,6 +28,8 @@ + + diff --git a/_site/projects/kotor2mods/index.html b/_site/projects/kotor2mods/index.html index dfc06c93..9ae4c099 100644 --- a/_site/projects/kotor2mods/index.html +++ b/_site/projects/kotor2mods/index.html @@ -28,6 +28,8 @@ + + diff --git a/_site/projects/playlists/index.html b/_site/projects/playlists/index.html index 2e697ddd..0ce65a5a 100644 --- a/_site/projects/playlists/index.html +++ b/_site/projects/playlists/index.html @@ -28,6 +28,8 @@ + + diff --git a/_site/shrines/index.html b/_site/shrines/index.html index baf3fc0c..2f5c376d 100644 --- a/_site/shrines/index.html +++ b/_site/shrines/index.html @@ -28,6 +28,8 @@ + + diff --git a/_site/sitemap/index.html b/_site/sitemap/index.html index 50276195..9247bb21 100644 --- a/_site/sitemap/index.html +++ b/_site/sitemap/index.html @@ -28,6 +28,8 @@ + + diff --git a/src/_includes/main/base.njk b/src/_includes/main/base.njk index 0a6100f9..3da74dae 100644 --- a/src/_includes/main/base.njk +++ b/src/_includes/main/base.njk @@ -1,5 +1,9 @@ {% extends "global/baselayout.njk" %} +{% block customCSS %} + +{% endblock %} + {% block hero %}{% include "main/hero.njk" %}{% endblock %} {% block navbar %}{% include "main/navbar.njk" %}{% endblock %} {% block footer %}{% include "main/footer.njk" %}{% endblock %} \ No newline at end of file diff --git a/src/assets/css/main.css b/src/assets/css/main.css index 87cf3278..1e43ff0f 100644 --- a/src/assets/css/main.css +++ b/src/assets/css/main.css @@ -523,203 +523,3 @@ main { display: grid; gap: 0.7em; } - -/* Pride flag backgrounds */ -.flag-rainbow { - background: linear-gradient( - #e40303 0 16.67%, - #ff8c00 0 33.33%, - #ffed00 0 50%, - #008026 0 66.67%, - #004dff 0 83.33%, - #750787 0 100% - ); -} - -.flag-lesbian { - background: linear-gradient( - #d52d00 0 14.29%, - #ef7627 0 28.57%, - #ff9a56 0 42.86%, - #ffffff 0 57.14%, - #d362a4 0 71.43%, - #b85490 0 86.71%, - #a30262 0 100% - ); -} - -.flag-bi { - background: linear-gradient( - #d60270 0 40%, - #9b4f97 0 60%, - #0038a7 0 100% - ); -} - -.flag-trans { - background: linear-gradient( - #5bcefa 0 20%, - #f5a9b8 0 40%, - #ffffff 0 60%, - #f5a9b8 0 80%, - #5bcefa 0 100% - ); -} - -.flag-intersex { - background: radial-gradient(closest-side circle at center, - #ffd800 44%, - #7902aa 44%, - #7902aa 56%, - #ffd800 56% - ); -} - -.flag-ace { - background: linear-gradient( - #000000 0 25%, - #a3a3a3 0 50%, - #ffffff 0 75%, - #800080 0 100% - ); -} - -.flag-aro { - background: linear-gradient( - #0a2 20%, - #7d6 0 40%, - white 0 60%, - darkgray 0 80%, - black 0 - ); -} - -.flag-non-binary { - background: linear-gradient( - #fff430 0 25%, - #ffffff 0 50%, - #9c59d1 0 75%, - #000000 0 100% - ); -} - -.flag-pan { - background: linear-gradient( - #ff218c 0 33.33%, - #ffd800 0 66.67%, - #21b1ff 0 100% - ); -} - -.flag-genderfluid { - background: linear-gradient( - #ff76a4 0 20%, - #ffffff 0 40%, - #c011d7 0 60%, - #000000 0 80%, - #2f3cbe 0 100% - ); -} - -.flag-agender { - background: linear-gradient( - black 0 14.28%, - silver 0 28.57%, - white 0 42.85%, - #a3fa73 0 57.14%, - white 0 71.42%, - silver 0 85.71%, - black 0 - ); -} - -.flag-demigirl { - background: linear-gradient( - #7F7F7F 0 14.28%, - #C4C4C4 0 28.57%, - #FDADC8 0 42.85%, - white 0 57.14%, - #FDADC8 0 71.42%, - #C4C4C4 0 85.71%, - #7F7F7F 0 - ); -} - -.flag-bigender { - background: linear-gradient( - #d074a2 0 14.28%, - #f8a1cd 0 28.57%, - #d9c6ea 0 42.85%, - white 0 57.14%, - #d9c6ea 0 71.42%, - #90c8ec 0 85.71%, - #6583d5 0 - ); -} - -.flag-gilbert-baker { - background: linear-gradient( - #FF6599 12.5%, - #e40303 0 25%, - #ff8c00 0 37.5%, - #ffed00 0 50%, - #008026 0 62.5%, - #00C0C0 0 75%, - #004dff 0 87.5%, - #750787 0 - ); -} - -.flag-gilbert-baker-2017 { - background: linear-gradient( - #CD66FF 11.1%, - #FF6599 0 22.2%, - #e40303 0 33.3%, - #ff8c00 0 44.4%, - #ffed00 0 55.5%, - #008026 0 66.6%, - #00C0C0 0 77.7%, - #004dff 0 88.8%, - #750787 0 - ); -} - -.flag-progress { - background: - conic-gradient(at 14% 50%, #0000 221.25deg, #ffffff 222deg 318deg, #0000 318.25deg), - conic-gradient(at 23% 50%, #0000 221.25deg, #f5a9b8 222deg 318deg, #0000 318.25deg), - conic-gradient(at 32% 50%, #0000 221.25deg, #5bcefa 222deg 318deg, #0000 318.25deg), - conic-gradient(at 41% 50%, #0000 221.25deg, #784F17 222deg 318deg, #0000 318.25deg), - conic-gradient(at 50% 50%, #0000 221.25deg, black 222deg 318deg, #0000 318.25deg), - linear-gradient(#e40303 0 16.66%, #ff8c00 0 33.33%, #ffed00 0 50%, #008026 0 66.66%, #004dff 0 83.33%, #750787 0); -} - -.flag-progress-intersex { - background: - radial-gradient(circle at 9.75% 50%, #0000 6.66%, #7902aa 6.7% 8.33%, #0000 8.4%), - conic-gradient(at 26.66% 50%, #0000 222.75deg, #ffd800 0 317.25deg, #0000 0), - conic-gradient(at 33% 50%, #0000 222.75deg, #ffffff 0 317.25deg, #0000 0), - conic-gradient(at 39% 50%, #0000 222.75deg, #f5a9b8 0 317.25deg, #0000 0), - conic-gradient(at 45.66% 50%, #0000 222.75deg, #5bcefa 0 317.25deg, #0000 0), - conic-gradient(at 52% 50%, #0000 222.75deg, #753000 0 317.25deg, #0000 0), - conic-gradient(at 58.33% 50%, #0000 222.75deg, #000 0 317.25deg, #0000 0), - linear-gradient(#e40303 0 16.66%, #ff8c00 0 33.33%, #ffed00 0 50%, #008026 0 66.66%, #004dff 0 83.33%, #750787 0); -} - -.flag-progress-intersex-lesbian { - background: - radial-gradient(circle at 9.75% 50%, #0000 6.66%, #7902aa 6.7% 8.33%, #0000 8.4%), - conic-gradient(at 26.66% 50%, #0000 222.75deg, #ffd800 0 317.25deg, #0000 0), - conic-gradient(at 33% 50%, #0000 222.75deg, #ffffff 0 317.25deg, #0000 0), - conic-gradient(at 39% 50%, #0000 222.75deg, #f5a9b8 0 317.25deg, #0000 0), - conic-gradient(at 45.66% 50%, #0000 222.75deg, #5bcefa 0 317.25deg, #0000 0), - conic-gradient(at 52% 50%, #0000 222.75deg, #753000 0 317.25deg, #0000 0), - conic-gradient(at 58.33% 50%, #0000 222.75deg, #000 0 317.25deg, #0000 0), - linear-gradient(#d52d00 0 14.29%, #ef7627 0 28.57%, #ff9a56 0 42.86%, #ffffff 0 57.14%, #d362a4 0 71.43%, #b85490 0 86.71%, #a30262 0 100%); -} - -.symbol-venus { - background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='12pt' height='12pt' viewBox='0 0 12 12' version='1.1'%3E%3Cg id='surface1'%3E%3Cpath style='fill:none;stroke-width:6;stroke-linecap:butt;stroke-linejoin:miter;stroke:rgb(35.15%25,0%25,64.85%25);stroke-opacity:1;stroke-miterlimit:10;' d='M 85 85 C 85 98.789062 73.789062 110 60 110 C 46.210938 110 35 98.789062 35 85 C 35 71.210938 46.210938 60 60 60 C 73.789062 60 85 71.210938 85 85 Z M 85 85 ' transform='matrix(0.1,0,0,-0.1,0,12)'/%3E%3Cpath style='fill:none;stroke-width:6;stroke-linecap:butt;stroke-linejoin:miter;stroke:rgb(35.15%25,0%25,64.85%25);stroke-opacity:1;stroke-miterlimit:10;' d='M 60 10 L 60 60 ' transform='matrix(0.1,0,0,-0.1,0,12)'/%3E%3Cpath style='fill:none;stroke-width:6;stroke-linecap:butt;stroke-linejoin:miter;stroke:rgb(35.15%25,0%25,64.85%25);stroke-opacity:1;stroke-miterlimit:10;' d='M 35 35 L 85 35 ' transform='matrix(0.1,0,0,-0.1,0,12)'/%3E%3C/g%3E%3C/svg%3E"); - background-repeat: no-repeat; - background-size: 100% 100%; -} \ No newline at end of file diff --git a/src/assets/css/pridesymbols.css b/src/assets/css/pridesymbols.css new file mode 100644 index 00000000..80f4adfe --- /dev/null +++ b/src/assets/css/pridesymbols.css @@ -0,0 +1,199 @@ +/* Pride flag backgrounds */ +.flag-rainbow { + background: linear-gradient( + #e40303 0 16.67%, + #ff8c00 0 33.33%, + #ffed00 0 50%, + #008026 0 66.67%, + #004dff 0 83.33%, + #750787 0 100% + ); +} + +.flag-lesbian { + background: linear-gradient( + #d52d00 0 14.29%, + #ef7627 0 28.57%, + #ff9a56 0 42.86%, + #ffffff 0 57.14%, + #d362a4 0 71.43%, + #b85490 0 86.71%, + #a30262 0 100% + ); +} + +.flag-bi { + background: linear-gradient( + #d60270 0 40%, + #9b4f97 0 60%, + #0038a7 0 100% + ); +} + +.flag-trans { + background: linear-gradient( + #5bcefa 0 20%, + #f5a9b8 0 40%, + #ffffff 0 60%, + #f5a9b8 0 80%, + #5bcefa 0 100% + ); +} + +.flag-intersex { + background: radial-gradient(closest-side circle at center, + #ffd800 44%, + #7902aa 44%, + #7902aa 56%, + #ffd800 56% + ); +} + +.flag-ace { + background: linear-gradient( + #000000 0 25%, + #a3a3a3 0 50%, + #ffffff 0 75%, + #800080 0 100% + ); +} + +.flag-aro { + background: linear-gradient( + #0a2 20%, + #7d6 0 40%, + white 0 60%, + darkgray 0 80%, + black 0 + ); +} + +.flag-non-binary { + background: linear-gradient( + #fff430 0 25%, + #ffffff 0 50%, + #9c59d1 0 75%, + #000000 0 100% + ); +} + +.flag-pan { + background: linear-gradient( + #ff218c 0 33.33%, + #ffd800 0 66.67%, + #21b1ff 0 100% + ); +} + +.flag-genderfluid { + background: linear-gradient( + #ff76a4 0 20%, + #ffffff 0 40%, + #c011d7 0 60%, + #000000 0 80%, + #2f3cbe 0 100% + ); +} + +.flag-agender { + background: linear-gradient( + black 0 14.28%, + silver 0 28.57%, + white 0 42.85%, + #a3fa73 0 57.14%, + white 0 71.42%, + silver 0 85.71%, + black 0 + ); +} + +.flag-demigirl { + background: linear-gradient( + #7F7F7F 0 14.28%, + #C4C4C4 0 28.57%, + #FDADC8 0 42.85%, + white 0 57.14%, + #FDADC8 0 71.42%, + #C4C4C4 0 85.71%, + #7F7F7F 0 + ); +} + +.flag-bigender { + background: linear-gradient( + #d074a2 0 14.28%, + #f8a1cd 0 28.57%, + #d9c6ea 0 42.85%, + white 0 57.14%, + #d9c6ea 0 71.42%, + #90c8ec 0 85.71%, + #6583d5 0 + ); +} + +.flag-gilbert-baker { + background: linear-gradient( + #FF6599 12.5%, + #e40303 0 25%, + #ff8c00 0 37.5%, + #ffed00 0 50%, + #008026 0 62.5%, + #00C0C0 0 75%, + #004dff 0 87.5%, + #750787 0 + ); +} + +.flag-gilbert-baker-2017 { + background: linear-gradient( + #CD66FF 11.1%, + #FF6599 0 22.2%, + #e40303 0 33.3%, + #ff8c00 0 44.4%, + #ffed00 0 55.5%, + #008026 0 66.6%, + #00C0C0 0 77.7%, + #004dff 0 88.8%, + #750787 0 + ); +} + +.flag-progress { + background: + conic-gradient(at 14% 50%, #0000 221.25deg, #ffffff 222deg 318deg, #0000 318.25deg), + conic-gradient(at 23% 50%, #0000 221.25deg, #f5a9b8 222deg 318deg, #0000 318.25deg), + conic-gradient(at 32% 50%, #0000 221.25deg, #5bcefa 222deg 318deg, #0000 318.25deg), + conic-gradient(at 41% 50%, #0000 221.25deg, #784F17 222deg 318deg, #0000 318.25deg), + conic-gradient(at 50% 50%, #0000 221.25deg, black 222deg 318deg, #0000 318.25deg), + linear-gradient(#e40303 0 16.66%, #ff8c00 0 33.33%, #ffed00 0 50%, #008026 0 66.66%, #004dff 0 83.33%, #750787 0); +} + +.flag-progress-intersex { + background: + radial-gradient(circle at 9.75% 50%, #0000 6.66%, #7902aa 6.7% 8.33%, #0000 8.4%), + conic-gradient(at 26.66% 50%, #0000 222.75deg, #ffd800 0 317.25deg, #0000 0), + conic-gradient(at 33% 50%, #0000 222.75deg, #ffffff 0 317.25deg, #0000 0), + conic-gradient(at 39% 50%, #0000 222.75deg, #f5a9b8 0 317.25deg, #0000 0), + conic-gradient(at 45.66% 50%, #0000 222.75deg, #5bcefa 0 317.25deg, #0000 0), + conic-gradient(at 52% 50%, #0000 222.75deg, #753000 0 317.25deg, #0000 0), + conic-gradient(at 58.33% 50%, #0000 222.75deg, #000 0 317.25deg, #0000 0), + linear-gradient(#e40303 0 16.66%, #ff8c00 0 33.33%, #ffed00 0 50%, #008026 0 66.66%, #004dff 0 83.33%, #750787 0); +} + +.flag-progress-intersex-lesbian { + background: + radial-gradient(circle at 9.75% 50%, #0000 6.66%, #7902aa 6.7% 8.33%, #0000 8.4%), + conic-gradient(at 26.66% 50%, #0000 222.75deg, #ffd800 0 317.25deg, #0000 0), + conic-gradient(at 33% 50%, #0000 222.75deg, #ffffff 0 317.25deg, #0000 0), + conic-gradient(at 39% 50%, #0000 222.75deg, #f5a9b8 0 317.25deg, #0000 0), + conic-gradient(at 45.66% 50%, #0000 222.75deg, #5bcefa 0 317.25deg, #0000 0), + conic-gradient(at 52% 50%, #0000 222.75deg, #753000 0 317.25deg, #0000 0), + conic-gradient(at 58.33% 50%, #0000 222.75deg, #000 0 317.25deg, #0000 0), + linear-gradient(#d52d00 0 14.29%, #ef7627 0 28.57%, #ff9a56 0 42.86%, #ffffff 0 57.14%, #d362a4 0 71.43%, #b85490 0 86.71%, #a30262 0 100%); +} + +.symbol-venus { + background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='12pt' height='12pt' viewBox='0 0 12 12' version='1.1'%3E%3Cg id='surface1'%3E%3Cpath style='fill:none;stroke-width:6;stroke-linecap:butt;stroke-linejoin:miter;stroke:rgb(35.15%25,0%25,64.85%25);stroke-opacity:1;stroke-miterlimit:10;' d='M 85 85 C 85 98.789062 73.789062 110 60 110 C 46.210938 110 35 98.789062 35 85 C 35 71.210938 46.210938 60 60 60 C 73.789062 60 85 71.210938 85 85 Z M 85 85 ' transform='matrix(0.1,0,0,-0.1,0,12)'/%3E%3Cpath style='fill:none;stroke-width:6;stroke-linecap:butt;stroke-linejoin:miter;stroke:rgb(35.15%25,0%25,64.85%25);stroke-opacity:1;stroke-miterlimit:10;' d='M 60 10 L 60 60 ' transform='matrix(0.1,0,0,-0.1,0,12)'/%3E%3Cpath style='fill:none;stroke-width:6;stroke-linecap:butt;stroke-linejoin:miter;stroke:rgb(35.15%25,0%25,64.85%25);stroke-opacity:1;stroke-miterlimit:10;' d='M 35 35 L 85 35 ' transform='matrix(0.1,0,0,-0.1,0,12)'/%3E%3C/g%3E%3C/svg%3E"); + background-repeat: no-repeat; + background-size: 100% 100%; +} \ No newline at end of file