From be41c7f0fb28a8ef50bf2a18f27f68672867140c Mon Sep 17 00:00:00 2001 From: Steph <9537535+stephfuchs@users.noreply.github.com> Date: Sat, 10 Apr 2021 20:19:52 +0200 Subject: [PATCH 01/33] Add .gitignore --- .gitignore | 1 + 1 file changed, 1 insertion(+) create mode 100644 .gitignore diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..723ef36 --- /dev/null +++ b/.gitignore @@ -0,0 +1 @@ +.idea \ No newline at end of file From 356ad84335dedb3d05fcc7b7913fa0054f96125e Mon Sep 17 00:00:00 2001 From: Steph <9537535+stephfuchs@users.noreply.github.com> Date: Sat, 10 Apr 2021 20:20:10 +0200 Subject: [PATCH 02/33] Update License with copyright name --- LICENSE | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/LICENSE b/LICENSE index d7e06c2..1d4d882 100644 --- a/LICENSE +++ b/LICENSE @@ -1,6 +1,6 @@ MIT License -Copyright (c) 2021 Steph +Copyright (c) 2021 Stephfuchs Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal From d642be3de1b5d2a0333d8526a9e05023da734940 Mon Sep 17 00:00:00 2001 From: Steph <9537535+stephfuchs@users.noreply.github.com> Date: Sat, 10 Apr 2021 20:20:27 +0200 Subject: [PATCH 03/33] Update Readme with further information and documentation --- README.md | 257 +++++++++++++++++++++++++++++++++++++++++++++++++++++- 1 file changed, 255 insertions(+), 2 deletions(-) diff --git a/README.md b/README.md index 0362398..5d0d630 100644 --- a/README.md +++ b/README.md @@ -1,2 +1,255 @@ -# queer-flags-as-svg -Repo for queer flags as SVG files (6000x6000) +# Pride Flags (LGBTQIA+ Community) as SVG plus ally flag + +[![GitHub license](https://img.shields.io/github/languages/top/stephfuchs/queer-flags-as-svg?style=for-the-badge)](https://github.com/stephfuchs/queer-flags-as-svg) +[![GitHub release version](https://img.shields.io/github/v/release/stephfuchs/queer-flags-as-svg?&style=for-the-badge)](https://github.com/stephfuchs/queer-flags-as-svg/releases) +[![GitHub release date](https://img.shields.io/github/release-date/stephfuchs/queer-flags-as-svg?style=for-the-badge)](https://github.com/stephfuchs/queer-flags-as-svg/releases) +[![GitHub license](https://img.shields.io/github/license/stephfuchs/queer-flags-as-svg?style=for-the-badge)](https://github.com/stephfuchs/queer-flags-as-svg/blob/main/LICENSE) + +This repository includes the SVG data for queer flags. As extra there will also be the straight ally flag and the +straight flag. + +## SVG Viewbox calculation + +The viewbox of each flag is calculated by its stripe count. A single stripe (_for flags > 2 stripes_) has a height +of `635px`. + +### SVG Viewbox width and height + +stripe count | flag width (in px) | flag height (in px) +--- | --- | --- +1 | 8000 | 8000 +2 | 8000 | 4000 +3 | 3000 | 1905 +4 | 4000 | 2540 +5 | 5000 | 3175 +6 | 6000 | 3810 +7 | 7000 | 4445 +8 | 8000 | 5080 + +### SVG Viewbox and stripe height calculation + +The viewbox has the setting `viewbox="0 0 flagWidth flagHeight"` which means it starts at origin `x=0.0` and `y=0.0`. To +calculate the `flagWidth` and `flagHeight` please read the following steps. + +#### Calculate flag height and width + +```text +flagWidth = stripeCount * 1000 +flagHeight = stripCount * 635 +flagStripe = position * 635 // the first position is the last line +``` + +## Flag color overview + +The following tables containing all used colors (incl. their hex value) for the pride flags. Most of the are used in +other flags as well. It's an alphabetic order. + +### A-Gender + +hex-value | color +--- | --- +`#000000` | ![#000000](https://via.placeholder.com/50x20/000000/000000?text=+) +`#A9A8A8` | ![#A9A8A8](https://via.placeholder.com/50x20/A9A8A8/000000?text=+) +`#FFFFFF` | ![#FFFFFF](https://via.placeholder.com/50x20/FFFFFF/000000?text=+) +`#AACE79` | ![#AACE79](https://via.placeholder.com/50x20/AACE79/000000?text=+) +`#FFFFFF` | ![#FFFFFF](https://via.placeholder.com/50x20/FFFFFF/000000?text=+) +`#A9A8A8` | ![#A9A8A8](https://via.placeholder.com/50x20/A9A8A8/000000?text=+) +`#000000` | ![#000000](https://via.placeholder.com/50x20/000000/000000?text=+) + +### A-Romantic + +hex-value | color +--- | --- +`#3DA543` | ![#3DA543](https://via.placeholder.com/50x20/3DA543/000000?text=+) +`#AACE79` | ![#AACE79](https://via.placeholder.com/50x20/AACE79/000000?text=+) +`#FFFFFF` | ![#FFFFFF](https://via.placeholder.com/50x20/FFFFFF/000000?text=+) +`#A9A8A8` | ![#A9A8A8](https://via.placeholder.com/50x20/A9A8A8/000000?text=+) +`#000000` | ![#000000](https://via.placeholder.com/50x20/000000/000000?text=+) + +### A-Sexuality + +hex-value | color +--- | --- +`#000000` | ![#000000](https://via.placeholder.com/50x20/000000/000000?text=+) +`#808080` | ![#808080](https://via.placeholder.com/50x20/808080/000000?text=+) +`#FFFFFF` | ![#FFFFFF](https://via.placeholder.com/50x20/FFFFFF/000000?text=+) +`#730099` | ![#730099](https://via.placeholder.com/50x20/730099/000000?text=+) + +### Bi + +hex-value | color +--- | --- +`#D60270` | ![#D60270](https://via.placeholder.com/50x20/D60270/000000?text=+) +`#9B4F96` | ![#9B4F96](https://via.placeholder.com/50x20/9B4F96/000000?text=+) +`#0038A8` | ![#0038A8](https://via.placeholder.com/50x20/0038A8/000000?text=+) + +### Demisexual + +hex-value | color +--- | --- +`#000000` | ![#000000](https://via.placeholder.com/50x20/000000/000000?text=+) +`#FFFFFF` | ![#FFFFFF](https://via.placeholder.com/50x20/FFFFFF/000000?text=+) +`#730099` | ![#730099](https://via.placeholder.com/50x20/730099/000000?text=+) +`#808080` | ![#808080](https://via.placeholder.com/50x20/808080/000000?text=+) + +### Gay + +hex-value | color +--- | --- +`#3d1a78` | ![#3d1a78](https://via.placeholder.com/50x20/3d1a78/000000?text=+) +`#7bade2` | ![7bade2](https://via.placeholder.com/50x20/7bade2/000000?text=+) +`#FFFFFF` | ![#FFFFFF](https://via.placeholder.com/50x20/FFFFFF/000000?text=+) +`#98e8c1` | ![#98e8c1](https://via.placeholder.com/50x20/98e8c1/000000?text=+) +`#078e70` | ![#078e70](https://via.placeholder.com/50x20/078e70/000000?text=+) + +### Genderfluid + +hex-value | color +--- | --- +`#ff66b3` | ![#ff66b3](https://via.placeholder.com/50x20/ff66b3/000000?text=+) +`#FFFFFF` | ![FFFFFF](https://via.placeholder.com/50x20/FFFFFF/000000?text=+) +`#6E2381` | ![#6E2381](https://via.placeholder.com/50x20/6E2381/000000?text=+) +`#000000` | ![#000000](https://via.placeholder.com/50x20/000000/000000?text=+) +`#2E57A4` | ![#2E57A4](https://via.placeholder.com/50x20/2E57A4/000000?text=+) + +### Genderqueer + +hex-value | color +--- | --- +`#A37EB6` | ![#A37EB6](https://via.placeholder.com/50x20/A37EB6/000000?text=+) +`#FFFFFF` | ![#FFFFFF](https://via.placeholder.com/50x20/FFFFFF/000000?text=+) +`#4C8331` | ![#4C8331](https://via.placeholder.com/50x20/4C8331/000000?text=+) + +### Inter + +hex-value | color +--- | --- +`#ffcc00` | ![#ffcc00](https://via.placeholder.com/50x20/ffcc00/000000?text=+) +`#730099` | ![730099](https://via.placeholder.com/50x20/730099/000000?text=+) + +### Lesbian + +hex-value | color +--- | --- +`#e62e00` | ![#e62e00](https://via.placeholder.com/50x20/e62e00/000000?text=+) +`#ff8533` | ![#ff8533](https://via.placeholder.com/50x20/ff8533/000000?text=+) +`#FFFFFF` | ![FFFFFF](https://via.placeholder.com/50x20/FFFFFF/000000?text=+) +`#ff66b3` | ![#ff66b3](https://via.placeholder.com/50x20/ff66b3/000000?text=+) +`#b30086` | ![#b30086](https://via.placeholder.com/50x20/b30086/000000?text=+) + +### Non-Binary + +hex-value | color +--- | --- +`#ffcc00` | ![#ffcc00](https://via.placeholder.com/50x20/ffcc00/000000?text=+) +`#FFFFFF` | ![#FFFFFF](https://via.placeholder.com/50x20/FFFFFF/000000?text=+) +`#730099` | ![#730099](https://via.placeholder.com/50x20/730099/000000?text=+) +`#000000` | ![#000000](https://via.placeholder.com/50x20/000000/000000?text=+) + +### Pan + +hex-value | color +--- | --- +`#ff33cc` | ![#ff33cc](https://via.placeholder.com/50x20/ff33cc/000000?text=+) +`#ffcc00` | ![#ffcc00](https://via.placeholder.com/50x20/ffcc00/000000?text=+) +`#3399ff` | ![#3399ff](https://via.placeholder.com/50x20/3399ff/000000?text=+) + +### Poly-Sexuality + +hex-value | color +--- | --- +`#730099` | ![#730099](https://via.placeholder.com/50x20/730099/000000?text=+) +`#028137` | ![#028137](https://via.placeholder.com/50x20/028137/000000?text=+) +`#2E57A4` | ![#2E57A4](https://via.placeholder.com/50x20/2E57A4/000000?text=+) + +### Trans + +hex-value | color +--- | --- +`#3399ff` | ![#3399ff](https://via.placeholder.com/50x20/74D7EE/000000?text=+) +`#FFAFC8` | ![#FFAFC8](https://via.placeholder.com/50x20/FFAFC8/000000?text=+) +`#FFFFFF` | ![#FFFFFF](https://via.placeholder.com/50x20/FFFFFF/000000?text=+) +`#FFAFC8` | ![#FFAFC8](https://via.placeholder.com/50x20/FFAFC8/000000?text=+) +`#74D7EE` | ![#74D7EE](https://via.placeholder.com/50x20/74D7EE/000000?text=+) + +### Other pride flags + +This is a list of flags which represent the queer community + +#### Ranbow flag (1979) + +hex-value | color +--- | --- +`#E30613` | ![#E30613](https://via.placeholder.com/50x20/E30613/000000?text=+) +`#F18815` | ![#F18815](https://via.placeholder.com/50x20/F18815/000000?text=+) +`#FFED00` | ![#FFED00](https://via.placeholder.com/50x20/FFED00/000000?text=+) +`#028137` | ![#028137](https://via.placeholder.com/50x20/028137/000000?text=+) +`#2E57A4` | ![#2E57A4](https://via.placeholder.com/50x20/2E57A4/000000?text=+) +`#6E2381` | ![#6E2381](https://via.placeholder.com/50x20/6E2381/000000?text=+) + +#### Rainbow flag (Philadelphia People Of Color Inclusive, 2017) + +hex-value | color +--- | --- +`#000000` | ![#000000](https://via.placeholder.com/50x20/000000/000000?text=+) +`#613915` | ![#613915](https://via.placeholder.com/50x20/613915/000000?text=+) +`#E30613` | ![#E30613](https://via.placeholder.com/50x20/E30613/000000?text=+) +`#F18815` | ![#F18815](https://via.placeholder.com/50x20/F18815/000000?text=+) +`#FFED00` | ![#FFED00](https://via.placeholder.com/50x20/FFED00/000000?text=+) +`#028137` | ![#028137](https://via.placeholder.com/50x20/028137/000000?text=+) +`#2E57A4` | ![#2E57A4](https://via.placeholder.com/50x20/2E57A4/000000?text=+) +`#6E2381` | ![#6E2381](https://via.placeholder.com/50x20/6E2381/000000?text=+) + +#### Rainbow flag (progress pride flag, 2018) + +hex-value | color +--- | --- +`#FFFFFF` | ![#FFFFFF](https://via.placeholder.com/50x20/FFFFFF/000000?text=+) +`#FFAFC8` | ![#FFAFC8](https://via.placeholder.com/50x20/FFAFC8/000000?text=+) +`#74D7EE` | ![#74D7EE](https://via.placeholder.com/50x20/74D7EE/000000?text=+) +`#613915` | ![#613915](https://via.placeholder.com/50x20/613915/000000?text=+) +`#000000` | ![#000000](https://via.placeholder.com/50x20/000000/000000?text=+) +`#E30613` | ![#E30613](https://via.placeholder.com/50x20/E30613/000000?text=+) +`#F18815` | ![#F18815](https://via.placeholder.com/50x20/F18815/000000?text=+) +`#FFED00` | ![#FFED00](https://via.placeholder.com/50x20/FFED00/000000?text=+) +`#028137` | ![#028137](https://via.placeholder.com/50x20/028137/000000?text=+) +`#2E57A4` | ![#2E57A4](https://via.placeholder.com/50x20/2E57A4/000000?text=+) +`#6E2381` | ![#6E2381](https://via.placeholder.com/50x20/6E2381/000000?text=+) + +#### Ally flag + +hex-value | color +--- | --- +`#000000` | ![#000000](https://via.placeholder.com/50x20/000000/000000?text=+) +`#FFFFFF` | ![#FFFFFF](https://via.placeholder.com/50x20/FFFFFF/000000?text=+) +`#E30613` | ![#E30613](https://via.placeholder.com/50x20/E30613/000000?text=+) +`#F18815` | ![#F18815](https://via.placeholder.com/50x20/F18815/000000?text=+) +`#FFED00` | ![#FFED00](https://via.placeholder.com/50x20/FFED00/000000?text=+) +`#028137` | ![#028137](https://via.placeholder.com/50x20/028137/000000?text=+) +`#2E57A4` | ![#2E57A4](https://via.placeholder.com/50x20/2E57A4/000000?text=+) +`#6E2381` | ![#6E2381](https://via.placeholder.com/50x20/6E2381/000000?text=+) + +## Issue tracker + +Missing a flag? Wrong color? Other bugs found or having any questions? Please feel free to add a ticket +in [`Issues`](https://github.com/stephfuchs/queer-flags-as-svg/issues). + +## License + +MIT License + +Copyright (c) 2021 Stephfuchs + +Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated +documentation files (the "Software"), to deal in the Software without restriction, including without limitation the +rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit +persons to whom the Software is furnished to do so, subject to the following conditions: + +The above copyright notice and this permission notice shall be included in all copies or substantial portions of the +Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE +WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR +COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR +OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. + From 1ff412cfa2eac74c78f725260a323f36d7f7554a Mon Sep 17 00:00:00 2001 From: Steph <9537535+stephfuchs@users.noreply.github.com> Date: Sat, 10 Apr 2021 20:24:11 +0200 Subject: [PATCH 04/33] Fix viewbox flag height for 1 and 2 stripe-flags --- README.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/README.md b/README.md index 5d0d630..a74929b 100644 --- a/README.md +++ b/README.md @@ -17,8 +17,8 @@ of `635px`. stripe count | flag width (in px) | flag height (in px) --- | --- | --- -1 | 8000 | 8000 -2 | 8000 | 4000 +1 | 8000 | 5080 +2 | 8000 | 5080 3 | 3000 | 1905 4 | 4000 | 2540 5 | 5000 | 3175 From 6f2ddb32a2fbe95e62281866393df41feb0eb26a Mon Sep 17 00:00:00 2001 From: Steph <9537535+stephfuchs@users.noreply.github.com> Date: Sat, 10 Apr 2021 21:36:58 +0200 Subject: [PATCH 05/33] +/- update Readme with the flag stripe calculation --- README.md | 82 +++++++++++++++++++++++++++++++++++++------------------ 1 file changed, 55 insertions(+), 27 deletions(-) diff --git a/README.md b/README.md index a74929b..d42714f 100644 --- a/README.md +++ b/README.md @@ -10,36 +10,64 @@ straight flag. ## SVG Viewbox calculation -The viewbox of each flag is calculated by its stripe count. A single stripe (_for flags > 2 stripes_) has a height -of `635px`. +The `viewbox` of each flag is calculated by its stripe count and the height of a stripe. In general is the height of +each stripe set to `1000px`. The origin is always set to `x=0.0` and `y=0.0` -### SVG Viewbox width and height - -stripe count | flag width (in px) | flag height (in px) ---- | --- | --- -1 | 8000 | 5080 -2 | 8000 | 5080 -3 | 3000 | 1905 -4 | 4000 | 2540 -5 | 5000 | 3175 -6 | 6000 | 3810 -7 | 7000 | 4445 -8 | 8000 | 5080 - -### SVG Viewbox and stripe height calculation +```text +viewboxHeight = stripeCount * 1000px +viewboxWidth = viewboxHeight + 2000px +xPosStripe = 0 +yPosStripe = viewboxHeight - 1000 +widthStripe = 100% +heightStripe = 1000px +``` -The viewbox has the setting `viewbox="0 0 flagWidth flagHeight"` which means it starts at origin `x=0.0` and `y=0.0`. To -calculate the `flagWidth` and `flagHeight` please read the following steps. +### Overview for calculated values for stripes -#### Calculate flag height and width +Table for the `x` and `y` position of a single stripe. -```text -flagWidth = stripeCount * 1000 -flagHeight = stripCount * 635 -flagStripe = position * 635 // the first position is the last line +stripe position | x position | y position +--- | --- | --- +#1 | 0 | 0 +#2 | 0 | 1000 +#3 | 0 | 2000 +#4 | 0 | 3000 +#5 | 0 | 4000 +#6 | 0 | 5000 +#7 | 0 | 6000 +#8 | 0 | 7000 +#9 | 0 | 8000 +#10 | 0 | 9000 + +Table for the flag `width` and `height` by given stripe count. + +stripe count (on flag) | flag width (in px) | flag height (in px) +--- | --- | --- | +1 | 3000 | 1000 +2 | 4000 | 2000 +3 | 5000 | 3000 +4 | 6000 | 4000 +5 | 7000 | 5000 +6 | 8000 | 6000 +7 | 9000 | 7000 +8 | 10000 | 8000 +8 | 11000 | 9000 +8 | 12000 | 10000 + +### Example for 5 stripes + +```svg + + + + + + + + ``` -## Flag color overview +## Pride flag color overview The following tables containing all used colors (incl. their hex value) for the pride flags. Most of the are used in other flags as well. It's an alphabetic order. @@ -172,11 +200,11 @@ hex-value | color `#FFAFC8` | ![#FFAFC8](https://via.placeholder.com/50x20/FFAFC8/000000?text=+) `#74D7EE` | ![#74D7EE](https://via.placeholder.com/50x20/74D7EE/000000?text=+) -### Other pride flags +### special pride flags This is a list of flags which represent the queer community -#### Ranbow flag (1979) +#### Rainbow flag (1979) hex-value | color --- | --- @@ -216,7 +244,7 @@ hex-value | color `#2E57A4` | ![#2E57A4](https://via.placeholder.com/50x20/2E57A4/000000?text=+) `#6E2381` | ![#6E2381](https://via.placeholder.com/50x20/6E2381/000000?text=+) -#### Ally flag +#### Ally flag (also known as _straight allys_) hex-value | color --- | --- From 37df7624b09f75e2b03535a1bd83f054c265d623 Mon Sep 17 00:00:00 2001 From: Steph <9537535+stephfuchs@users.noreply.github.com> Date: Sat, 10 Apr 2021 21:37:24 +0200 Subject: [PATCH 06/33] + add a-gender flag --- pride-flags/a-gender.svg | 9 +++++++++ 1 file changed, 9 insertions(+) create mode 100644 pride-flags/a-gender.svg diff --git a/pride-flags/a-gender.svg b/pride-flags/a-gender.svg new file mode 100644 index 0000000..abc172c --- /dev/null +++ b/pride-flags/a-gender.svg @@ -0,0 +1,9 @@ + + + + + + + + + \ No newline at end of file From abe4c70989daae46a195fb349a65f754ff83fc27 Mon Sep 17 00:00:00 2001 From: Steph <9537535+stephfuchs@users.noreply.github.com> Date: Sat, 10 Apr 2021 21:56:49 +0200 Subject: [PATCH 07/33] + boilerplate flags --- README.md | 5 +++++ flag-boilerplates/1-stripes.svg | 4 ++++ flag-boilerplates/2-stripes.svg | 5 +++++ flag-boilerplates/3-stripes.svg | 6 ++++++ flag-boilerplates/4-stripes.svg | 7 +++++++ flag-boilerplates/5-stripes.svg | 8 ++++++++ flag-boilerplates/6-stripes.svg | 9 +++++++++ flag-boilerplates/7-stripes.svg | 10 ++++++++++ flag-boilerplates/8-stripes.svg | 11 +++++++++++ 9 files changed, 65 insertions(+) create mode 100644 flag-boilerplates/1-stripes.svg create mode 100644 flag-boilerplates/2-stripes.svg create mode 100644 flag-boilerplates/3-stripes.svg create mode 100644 flag-boilerplates/4-stripes.svg create mode 100644 flag-boilerplates/5-stripes.svg create mode 100644 flag-boilerplates/6-stripes.svg create mode 100644 flag-boilerplates/7-stripes.svg create mode 100644 flag-boilerplates/8-stripes.svg diff --git a/README.md b/README.md index d42714f..1dc3cb4 100644 --- a/README.md +++ b/README.md @@ -67,6 +67,11 @@ stripe count (on flag) | flag width (in px) | flag height (in px) ``` +### Boilerplate + +In case you want create a flag the easy way, please feel free to use the the boilerplates within the `flag-boilerplates` +folder. + ## Pride flag color overview The following tables containing all used colors (incl. their hex value) for the pride flags. Most of the are used in diff --git a/flag-boilerplates/1-stripes.svg b/flag-boilerplates/1-stripes.svg new file mode 100644 index 0000000..5326c8a --- /dev/null +++ b/flag-boilerplates/1-stripes.svg @@ -0,0 +1,4 @@ + + + + \ No newline at end of file diff --git a/flag-boilerplates/2-stripes.svg b/flag-boilerplates/2-stripes.svg new file mode 100644 index 0000000..9da40b4 --- /dev/null +++ b/flag-boilerplates/2-stripes.svg @@ -0,0 +1,5 @@ + + + + + \ No newline at end of file diff --git a/flag-boilerplates/3-stripes.svg b/flag-boilerplates/3-stripes.svg new file mode 100644 index 0000000..b90d4f9 --- /dev/null +++ b/flag-boilerplates/3-stripes.svg @@ -0,0 +1,6 @@ + + + + + + \ No newline at end of file diff --git a/flag-boilerplates/4-stripes.svg b/flag-boilerplates/4-stripes.svg new file mode 100644 index 0000000..bd7020d --- /dev/null +++ b/flag-boilerplates/4-stripes.svg @@ -0,0 +1,7 @@ + + + + + + + \ No newline at end of file diff --git a/flag-boilerplates/5-stripes.svg b/flag-boilerplates/5-stripes.svg new file mode 100644 index 0000000..e010f30 --- /dev/null +++ b/flag-boilerplates/5-stripes.svg @@ -0,0 +1,8 @@ + + + + + + + + \ No newline at end of file diff --git a/flag-boilerplates/6-stripes.svg b/flag-boilerplates/6-stripes.svg new file mode 100644 index 0000000..7bec04b --- /dev/null +++ b/flag-boilerplates/6-stripes.svg @@ -0,0 +1,9 @@ + + + + + + + + + \ No newline at end of file diff --git a/flag-boilerplates/7-stripes.svg b/flag-boilerplates/7-stripes.svg new file mode 100644 index 0000000..ad4d73f --- /dev/null +++ b/flag-boilerplates/7-stripes.svg @@ -0,0 +1,10 @@ + + + + + + + + + + \ No newline at end of file diff --git a/flag-boilerplates/8-stripes.svg b/flag-boilerplates/8-stripes.svg new file mode 100644 index 0000000..f0d2520 --- /dev/null +++ b/flag-boilerplates/8-stripes.svg @@ -0,0 +1,11 @@ + + + + + + + + + + + \ No newline at end of file From 845509368865f92b365dd001ebb6631291696846 Mon Sep 17 00:00:00 2001 From: Steph <9537535+stephfuchs@users.noreply.github.com> Date: Sat, 10 Apr 2021 21:57:20 +0200 Subject: [PATCH 08/33] + add a-romantic flag --- pride-flags/a-romantic.svg | 7 +++++++ 1 file changed, 7 insertions(+) create mode 100644 pride-flags/a-romantic.svg diff --git a/pride-flags/a-romantic.svg b/pride-flags/a-romantic.svg new file mode 100644 index 0000000..03d29d8 --- /dev/null +++ b/pride-flags/a-romantic.svg @@ -0,0 +1,7 @@ + + + + + + + \ No newline at end of file From bfcc0253a4da83e353a428dba246bd9c203bc6c9 Mon Sep 17 00:00:00 2001 From: Steph <9537535+stephfuchs@users.noreply.github.com> Date: Sat, 10 Apr 2021 21:58:29 +0200 Subject: [PATCH 09/33] + add a-sexuality flag --- pride-flags/a-sexuality.svg | 7 +++++++ 1 file changed, 7 insertions(+) create mode 100644 pride-flags/a-sexuality.svg diff --git a/pride-flags/a-sexuality.svg b/pride-flags/a-sexuality.svg new file mode 100644 index 0000000..e82f0d0 --- /dev/null +++ b/pride-flags/a-sexuality.svg @@ -0,0 +1,7 @@ + + + + + + + \ No newline at end of file From 35bae13316dcafcdf63b3d14f541c8afb13bf1f2 Mon Sep 17 00:00:00 2001 From: Steph <9537535+stephfuchs@users.noreply.github.com> Date: Sat, 10 Apr 2021 21:58:38 +0200 Subject: [PATCH 10/33] + add a-sexuality flag --- pride-flags/a-sexuality.svg | 1 - 1 file changed, 1 deletion(-) diff --git a/pride-flags/a-sexuality.svg b/pride-flags/a-sexuality.svg index e82f0d0..a235931 100644 --- a/pride-flags/a-sexuality.svg +++ b/pride-flags/a-sexuality.svg @@ -1,4 +1,3 @@ - From 20b1856e7d8b9bb1b15278025e3da1bb4f27392b Mon Sep 17 00:00:00 2001 From: Steph <9537535+stephfuchs@users.noreply.github.com> Date: Sat, 10 Apr 2021 21:59:45 +0200 Subject: [PATCH 11/33] + add bi flag --- pride-flags/bi.svg | 5 +++++ 1 file changed, 5 insertions(+) create mode 100644 pride-flags/bi.svg diff --git a/pride-flags/bi.svg b/pride-flags/bi.svg new file mode 100644 index 0000000..9bc8239 --- /dev/null +++ b/pride-flags/bi.svg @@ -0,0 +1,5 @@ + + + + + \ No newline at end of file From 27be74a25dc93f618b661ec8e26ca38f4816419d Mon Sep 17 00:00:00 2001 From: Steph <9537535+stephfuchs@users.noreply.github.com> Date: Sat, 10 Apr 2021 22:15:43 +0200 Subject: [PATCH 12/33] + add demisexual flag +/- update bi flag +/- rename headline in readme --- README.md | 4 ++-- pride-flags/bi.svg | 6 +++--- pride-flags/demisexual.svg | 6 ++++++ 3 files changed, 11 insertions(+), 5 deletions(-) create mode 100644 pride-flags/demisexual.svg diff --git a/README.md b/README.md index 1dc3cb4..29c4d13 100644 --- a/README.md +++ b/README.md @@ -22,7 +22,7 @@ widthStripe = 100% heightStripe = 1000px ``` -### Overview for calculated values for stripes +### Stripe calculation Table for the `x` and `y` position of a single stripe. @@ -67,7 +67,7 @@ stripe count (on flag) | flag width (in px) | flag height (in px) ``` -### Boilerplate +## Boilerplate flags In case you want create a flag the easy way, please feel free to use the the boilerplates within the `flag-boilerplates` folder. diff --git a/pride-flags/bi.svg b/pride-flags/bi.svg index 9bc8239..5e0dd7b 100644 --- a/pride-flags/bi.svg +++ b/pride-flags/bi.svg @@ -1,5 +1,5 @@ - - - + + + \ No newline at end of file diff --git a/pride-flags/demisexual.svg b/pride-flags/demisexual.svg new file mode 100644 index 0000000..eac7ac3 --- /dev/null +++ b/pride-flags/demisexual.svg @@ -0,0 +1,6 @@ + + + + + + \ No newline at end of file From eacf91b5c8a5604a6838a8195da6febfbda0c77f Mon Sep 17 00:00:00 2001 From: Steph <9537535+stephfuchs@users.noreply.github.com> Date: Sat, 10 Apr 2021 22:16:41 +0200 Subject: [PATCH 13/33] + add gay flag --- pride-flags/gay.svg | 8 ++++++++ 1 file changed, 8 insertions(+) create mode 100644 pride-flags/gay.svg diff --git a/pride-flags/gay.svg b/pride-flags/gay.svg new file mode 100644 index 0000000..7ad3b1a --- /dev/null +++ b/pride-flags/gay.svg @@ -0,0 +1,8 @@ + + + + + + + + \ No newline at end of file From cb12316cc5181632dac052588640a27ade257cf0 Mon Sep 17 00:00:00 2001 From: Steph <9537535+stephfuchs@users.noreply.github.com> Date: Sat, 10 Apr 2021 22:18:34 +0200 Subject: [PATCH 14/33] + add genderfluid flag +/- remove comment in gay flag --- pride-flags/gay.svg | 1 - pride-flags/genderfluid.svg | 7 +++++++ 2 files changed, 7 insertions(+), 1 deletion(-) create mode 100644 pride-flags/genderfluid.svg diff --git a/pride-flags/gay.svg b/pride-flags/gay.svg index 7ad3b1a..3716dd4 100644 --- a/pride-flags/gay.svg +++ b/pride-flags/gay.svg @@ -1,4 +1,3 @@ - diff --git a/pride-flags/genderfluid.svg b/pride-flags/genderfluid.svg new file mode 100644 index 0000000..1e09c1e --- /dev/null +++ b/pride-flags/genderfluid.svg @@ -0,0 +1,7 @@ + + + + + + + \ No newline at end of file From 5992b99ef6d74a8f861bd5a5f5392d31a8e36a62 Mon Sep 17 00:00:00 2001 From: Steph <9537535+stephfuchs@users.noreply.github.com> Date: Sat, 10 Apr 2021 22:23:20 +0200 Subject: [PATCH 15/33] + add inter flag --- pride-flags/inter.svg | 4 ++++ 1 file changed, 4 insertions(+) create mode 100644 pride-flags/inter.svg diff --git a/pride-flags/inter.svg b/pride-flags/inter.svg new file mode 100644 index 0000000..3d8d6cc --- /dev/null +++ b/pride-flags/inter.svg @@ -0,0 +1,4 @@ + + + + \ No newline at end of file From 464cc5777d5b48da7928ff93bef225efe8533ff1 Mon Sep 17 00:00:00 2001 From: Steph <9537535+stephfuchs@users.noreply.github.com> Date: Sat, 10 Apr 2021 22:24:11 +0200 Subject: [PATCH 16/33] + add lesbian flag --- pride-flags/lesbian.svg | 7 +++++++ 1 file changed, 7 insertions(+) create mode 100644 pride-flags/lesbian.svg diff --git a/pride-flags/lesbian.svg b/pride-flags/lesbian.svg new file mode 100644 index 0000000..c55f4f6 --- /dev/null +++ b/pride-flags/lesbian.svg @@ -0,0 +1,7 @@ + + + + + + + \ No newline at end of file From 5133128882dcdb5774c0170eeae7ad23f5603920 Mon Sep 17 00:00:00 2001 From: Steph <9537535+stephfuchs@users.noreply.github.com> Date: Sat, 10 Apr 2021 22:25:18 +0200 Subject: [PATCH 17/33] + add non-binary flag --- pride-flags/nonbinary.svg | 6 ++++++ 1 file changed, 6 insertions(+) create mode 100644 pride-flags/nonbinary.svg diff --git a/pride-flags/nonbinary.svg b/pride-flags/nonbinary.svg new file mode 100644 index 0000000..108dd1f --- /dev/null +++ b/pride-flags/nonbinary.svg @@ -0,0 +1,6 @@ + + + + + + \ No newline at end of file From ce5933a0832d75176e80adcede2e93dcbf396257 Mon Sep 17 00:00:00 2001 From: Steph <9537535+stephfuchs@users.noreply.github.com> Date: Sat, 10 Apr 2021 22:27:01 +0200 Subject: [PATCH 18/33] + add pan flag --- pride-flags/pan.svg | 5 +++++ 1 file changed, 5 insertions(+) create mode 100644 pride-flags/pan.svg diff --git a/pride-flags/pan.svg b/pride-flags/pan.svg new file mode 100644 index 0000000..16affe1 --- /dev/null +++ b/pride-flags/pan.svg @@ -0,0 +1,5 @@ + + + + + \ No newline at end of file From 07b741736f95b3f992148451ddbea85a616caaf9 Mon Sep 17 00:00:00 2001 From: Steph <9537535+stephfuchs@users.noreply.github.com> Date: Sat, 10 Apr 2021 22:27:17 +0200 Subject: [PATCH 19/33] + add rainbow philadelphia flag --- special-flags/rainbow-philadelphia.svg | 10 ++++++++++ 1 file changed, 10 insertions(+) create mode 100644 special-flags/rainbow-philadelphia.svg diff --git a/special-flags/rainbow-philadelphia.svg b/special-flags/rainbow-philadelphia.svg new file mode 100644 index 0000000..c7aa947 --- /dev/null +++ b/special-flags/rainbow-philadelphia.svg @@ -0,0 +1,10 @@ + + + + + + + + + + \ No newline at end of file From 304929d734b25c98304eae631ff823da9bfccd70 Mon Sep 17 00:00:00 2001 From: Steph <9537535+stephfuchs@users.noreply.github.com> Date: Sat, 10 Apr 2021 22:28:42 +0200 Subject: [PATCH 20/33] + add trans and polysexual flag --- pride-flags/poly-sexuality.svg | 5 +++++ pride-flags/trans.svg | 7 +++++++ 2 files changed, 12 insertions(+) create mode 100644 pride-flags/poly-sexuality.svg create mode 100644 pride-flags/trans.svg diff --git a/pride-flags/poly-sexuality.svg b/pride-flags/poly-sexuality.svg new file mode 100644 index 0000000..3b47aec --- /dev/null +++ b/pride-flags/poly-sexuality.svg @@ -0,0 +1,5 @@ + + + + + \ No newline at end of file diff --git a/pride-flags/trans.svg b/pride-flags/trans.svg new file mode 100644 index 0000000..c271064 --- /dev/null +++ b/pride-flags/trans.svg @@ -0,0 +1,7 @@ + + + + + + + \ No newline at end of file From 1e6ff84db16a73743fd291c6d0a259825b5117a8 Mon Sep 17 00:00:00 2001 From: Steph <9537535+stephfuchs@users.noreply.github.com> Date: Sat, 10 Apr 2021 22:29:55 +0200 Subject: [PATCH 21/33] + add rainbow flag --- special-flags/rainbow.svg | 9 +++++++++ 1 file changed, 9 insertions(+) create mode 100644 special-flags/rainbow.svg diff --git a/special-flags/rainbow.svg b/special-flags/rainbow.svg new file mode 100644 index 0000000..253fed2 --- /dev/null +++ b/special-flags/rainbow.svg @@ -0,0 +1,9 @@ + + + + + + + + + \ No newline at end of file From 2ad931ebde03518449056b3b40a52fef0217dd00 Mon Sep 17 00:00:00 2001 From: Steph <9537535+stephfuchs@users.noreply.github.com> Date: Sat, 10 Apr 2021 22:50:59 +0200 Subject: [PATCH 22/33] +/- remove comment in rainbow flag --- special-flags/rainbow.svg | 1 - 1 file changed, 1 deletion(-) diff --git a/special-flags/rainbow.svg b/special-flags/rainbow.svg index 253fed2..8d8c443 100644 --- a/special-flags/rainbow.svg +++ b/special-flags/rainbow.svg @@ -1,4 +1,3 @@ - From 9df68c3191888d98c2befc7042460a35c085cbd6 Mon Sep 17 00:00:00 2001 From: Steph <9537535+stephfuchs@users.noreply.github.com> Date: Sat, 10 Apr 2021 22:51:12 +0200 Subject: [PATCH 23/33] + add rainbow progress flag --- special-flags/rainbow-progress.svg | 23 +++++++++++++++++++++++ 1 file changed, 23 insertions(+) create mode 100644 special-flags/rainbow-progress.svg diff --git a/special-flags/rainbow-progress.svg b/special-flags/rainbow-progress.svg new file mode 100644 index 0000000..fe767cb --- /dev/null +++ b/special-flags/rainbow-progress.svg @@ -0,0 +1,23 @@ + + + + + + + + + + + + + + \ No newline at end of file From 2e82f0e5fc5a27c88f766c81b731c342654049c5 Mon Sep 17 00:00:00 2001 From: Steph <9537535+stephfuchs@users.noreply.github.com> Date: Sat, 10 Apr 2021 22:59:14 +0200 Subject: [PATCH 24/33] +/- update relation in rainbow progress flag --- special-flags/rainbow-progress.svg | 14 +++++++------- 1 file changed, 7 insertions(+), 7 deletions(-) diff --git a/special-flags/rainbow-progress.svg b/special-flags/rainbow-progress.svg index fe767cb..4ce1f9c 100644 --- a/special-flags/rainbow-progress.svg +++ b/special-flags/rainbow-progress.svg @@ -7,17 +7,17 @@ + 0,1500 1500,3000 0,4500"/> + - + - \ No newline at end of file From bf060c6b6fab1e238bf94dfa967dfe2093b99318 Mon Sep 17 00:00:00 2001 From: Steph <9537535+stephfuchs@users.noreply.github.com> Date: Sat, 10 Apr 2021 23:54:30 +0200 Subject: [PATCH 25/33] + add Ally flag --- special-flags/ally.svg | 17 +++++++++++++++++ 1 file changed, 17 insertions(+) create mode 100644 special-flags/ally.svg diff --git a/special-flags/ally.svg b/special-flags/ally.svg new file mode 100644 index 0000000..3b44ba9 --- /dev/null +++ b/special-flags/ally.svg @@ -0,0 +1,17 @@ + + + + + + + + + + + + + + + + + \ No newline at end of file From 7028c900efa8c5129e0d64bca1091fe9b3d68803 Mon Sep 17 00:00:00 2001 From: Steph <9537535+stephfuchs@users.noreply.github.com> Date: Sat, 10 Apr 2021 23:55:39 +0200 Subject: [PATCH 26/33] +/- remove badge for language --- README.md | 1 - 1 file changed, 1 deletion(-) diff --git a/README.md b/README.md index 29c4d13..2c2520d 100644 --- a/README.md +++ b/README.md @@ -1,6 +1,5 @@ # Pride Flags (LGBTQIA+ Community) as SVG plus ally flag -[![GitHub license](https://img.shields.io/github/languages/top/stephfuchs/queer-flags-as-svg?style=for-the-badge)](https://github.com/stephfuchs/queer-flags-as-svg) [![GitHub release version](https://img.shields.io/github/v/release/stephfuchs/queer-flags-as-svg?&style=for-the-badge)](https://github.com/stephfuchs/queer-flags-as-svg/releases) [![GitHub release date](https://img.shields.io/github/release-date/stephfuchs/queer-flags-as-svg?style=for-the-badge)](https://github.com/stephfuchs/queer-flags-as-svg/releases) [![GitHub license](https://img.shields.io/github/license/stephfuchs/queer-flags-as-svg?style=for-the-badge)](https://github.com/stephfuchs/queer-flags-as-svg/blob/main/LICENSE) From 05bebe562cef5bf876c11900f5b37d095e3e2550 Mon Sep 17 00:00:00 2001 From: Steph <9537535+stephfuchs@users.noreply.github.com> Date: Sun, 11 Apr 2021 00:01:52 +0200 Subject: [PATCH 27/33] +/- update readme --- README.md | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) diff --git a/README.md b/README.md index 2c2520d..04cdfda 100644 --- a/README.md +++ b/README.md @@ -4,8 +4,9 @@ [![GitHub release date](https://img.shields.io/github/release-date/stephfuchs/queer-flags-as-svg?style=for-the-badge)](https://github.com/stephfuchs/queer-flags-as-svg/releases) [![GitHub license](https://img.shields.io/github/license/stephfuchs/queer-flags-as-svg?style=for-the-badge)](https://github.com/stephfuchs/queer-flags-as-svg/blob/main/LICENSE) -This repository includes the SVG data for queer flags. As extra there will also be the straight ally flag and the -straight flag. +This repository includes the SVG data for queer flags. As extra there will also be the (straight) ally flag. + +![a-gender](https://github.com/stephfuchs/queer-flags-as-svg/pride-flags/a-gender.svg | width=150) ## SVG Viewbox calculation From 27e889688d74065f668828f28130e94a12202bb6 Mon Sep 17 00:00:00 2001 From: Steph <9537535+stephfuchs@users.noreply.github.com> Date: Sun, 11 Apr 2021 00:07:20 +0200 Subject: [PATCH 28/33] +/- update readme --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index 04cdfda..65a3c7f 100644 --- a/README.md +++ b/README.md @@ -6,7 +6,7 @@ This repository includes the SVG data for queer flags. As extra there will also be the (straight) ally flag. -![a-gender](https://github.com/stephfuchs/queer-flags-as-svg/pride-flags/a-gender.svg | width=150) +a-gender flag ## SVG Viewbox calculation From 823417fbc5da3e27a2e643d1466d2fd0a5d95f41 Mon Sep 17 00:00:00 2001 From: Steph <9537535+stephfuchs@users.noreply.github.com> Date: Sun, 11 Apr 2021 00:13:16 +0200 Subject: [PATCH 29/33] +/- update readme with flag preview --- README.md | 18 +++++++++++++++++- 1 file changed, 17 insertions(+), 1 deletion(-) diff --git a/README.md b/README.md index 65a3c7f..3bdfc89 100644 --- a/README.md +++ b/README.md @@ -6,7 +6,23 @@ This repository includes the SVG data for queer flags. As extra there will also be the (straight) ally flag. -a-gender flag +queer flag preview +queer flag preview +queer flag preview +queer flag preview +queer flag preview +queer flag preview +queer flag preview +queer flag preview +queer flag preview +queer flag preview +queer flag preview +queer flag preview + +queer flag preview +queer flag preview +queer flag preview +queer flag preview ## SVG Viewbox calculation From 2dd6c8b9a60b3bce6d80929714c84078ef31d5ed Mon Sep 17 00:00:00 2001 From: Steph Date: Sun, 11 Apr 2021 00:15:17 +0200 Subject: [PATCH 30/33] Update README.md --- README.md | 26 +++++++++----------------- 1 file changed, 9 insertions(+), 17 deletions(-) diff --git a/README.md b/README.md index 3bdfc89..a74660b 100644 --- a/README.md +++ b/README.md @@ -6,23 +6,15 @@ This repository includes the SVG data for queer flags. As extra there will also be the (straight) ally flag. -queer flag preview -queer flag preview -queer flag preview -queer flag preview -queer flag preview -queer flag preview -queer flag preview -queer flag preview -queer flag preview -queer flag preview -queer flag preview -queer flag preview - -queer flag preview -queer flag preview -queer flag preview -queer flag preview +## Which flags already in this repository + +### Pride flags + +queer flag preview queer flag preview queer flag preview queer flag preview queer flag preview queer flag preview queer flag preview queer flag preview queer flag preview queer flag preview queer flag preview queer flag preview + +### Special flags + +queer flag preview queer flag preview queer flag preview queer flag preview ## SVG Viewbox calculation From 71f7f47b16e1af53ad33193bc83cac27205dd0e4 Mon Sep 17 00:00:00 2001 From: Steph <9537535+stephfuchs@users.noreply.github.com> Date: Sun, 11 Apr 2021 00:15:58 +0200 Subject: [PATCH 31/33] +/- update readme with flag preview width to height --- README.md | 34 +++++++++++++++++----------------- 1 file changed, 17 insertions(+), 17 deletions(-) diff --git a/README.md b/README.md index 3bdfc89..905c40e 100644 --- a/README.md +++ b/README.md @@ -6,23 +6,23 @@ This repository includes the SVG data for queer flags. As extra there will also be the (straight) ally flag. -queer flag preview -queer flag preview -queer flag preview -queer flag preview -queer flag preview -queer flag preview -queer flag preview -queer flag preview -queer flag preview -queer flag preview -queer flag preview -queer flag preview - -queer flag preview -queer flag preview -queer flag preview -queer flag preview +queer flag preview +queer flag preview +queer flag preview +queer flag preview +queer flag preview +queer flag preview +queer flag preview +queer flag preview +queer flag preview +queer flag preview +queer flag preview +queer flag preview + +queer flag preview +queer flag preview +queer flag preview +queer flag preview ## SVG Viewbox calculation From 8ab8398c693d3a0552256c0aaf397cf674d6713f Mon Sep 17 00:00:00 2001 From: Steph <9537535+stephfuchs@users.noreply.github.com> Date: Sun, 11 Apr 2021 00:17:07 +0200 Subject: [PATCH 32/33] +/- update readme with flag order --- README.md | 20 +++----------------- 1 file changed, 3 insertions(+), 17 deletions(-) diff --git a/README.md b/README.md index 905c40e..dd44759 100644 --- a/README.md +++ b/README.md @@ -6,23 +6,9 @@ This repository includes the SVG data for queer flags. As extra there will also be the (straight) ally flag. -queer flag preview -queer flag preview -queer flag preview -queer flag preview -queer flag preview -queer flag preview -queer flag preview -queer flag preview -queer flag preview -queer flag preview -queer flag preview -queer flag preview - -queer flag preview -queer flag preview -queer flag preview -queer flag preview +queer flag preview queer flag previewqueer flag previewqueer flag previewqueer flag previewqueer flag previewqueer flag previewqueer flag previewqueer flag previewqueer flag previewqueer flag previewqueer flag preview + +queer flag previewqueer flag previewqueer flag previewqueer flag preview ## SVG Viewbox calculation From 64ec3f3948e0d07249e11689c0410fc2df7d86ea Mon Sep 17 00:00:00 2001 From: Steph <9537535+stephfuchs@users.noreply.github.com> Date: Sun, 11 Apr 2021 00:18:00 +0200 Subject: [PATCH 33/33] +/- update readme --- README.md | 8 ++++++-- 1 file changed, 6 insertions(+), 2 deletions(-) diff --git a/README.md b/README.md index dd44759..4cc23a4 100644 --- a/README.md +++ b/README.md @@ -6,9 +6,13 @@ This repository includes the SVG data for queer flags. As extra there will also be the (straight) ally flag. -queer flag preview queer flag previewqueer flag previewqueer flag previewqueer flag previewqueer flag previewqueer flag previewqueer flag previewqueer flag previewqueer flag previewqueer flag previewqueer flag preview +## Pride flags -queer flag previewqueer flag previewqueer flag previewqueer flag preview + queer flag preview queer flag preview queer flag preview queer flag preview queer flag preview queer flag preview queer flag preview queer flag preview queer flag preview queer flag preview queer flag preview queer flag preview + +## Special flags + + queer flag preview queer flag preview queer flag preview queer flag preview ## SVG Viewbox calculation