https://github.com/ryelle/queeromattic-flags
Create your own WordPress pride flag SVG
https://github.com/ryelle/queeromattic-flags
Last synced: 10 months ago
JSON representation
Create your own WordPress pride flag SVG
- Host: GitHub
- URL: https://github.com/ryelle/queeromattic-flags
- Owner: ryelle
- Created: 2017-11-15T23:06:43.000Z (over 8 years ago)
- Default Branch: master
- Last Pushed: 2021-06-12T18:56:19.000Z (about 5 years ago)
- Last Synced: 2025-03-10T18:52:32.710Z (over 1 year ago)
- Language: JavaScript
- Homepage: https://pride.ryelle.codes
- Size: 1010 KB
- Stars: 3
- Watchers: 2
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# WordPress Pride Flags 🏳️🌈 🎉
Create your own downloadable WordPress pride flag SVG.
There are some predefined pride flags already configured, or you can customize
your own with as many rows as you want. There are some colors preset that work
well together, or you can set your own colors using hex codes or `rgb()`.
The pre-set flags are:
* Agender
* Aromantic
* Asexual
* Bisexual
* Genderfluid
* Genderqueer
* LGBTQ #MoreColorMorePride
* LGBTQ (Rainbow)
* Nonbinary
* Pansexual
* Polysexual
* Transgender
## Development
To run this locally, you can clone and install the repo with the following
commands
```
git clone git@github.com:ryelle/queeromattic-flags.git
cd queeromattic-flags
npm install
npm start
```
Now you can open `http://localhost:3000` to see the app. This does not
live-reload, if you make any changes you'll need to halt and restart the
process.
If you want to keep watch of your files while working, you can run `npm run
watch`. This runs off a webpack server, rather than the express server, so
downloading the SVGs won't work with this method.
### CSS
The CSS is generated from the Sass files in `src/scss`, if you want to update
styles, do so in these files, not the generated `style.css` file.
## Credits
Original Queeromattic flag by @hugobaeta, with bisexual and transgender
variations by @melchoyce. Other color combos and the rest of the app by @ryelle.
This project was created using create-react-app, Sass, and SVG magic ✨