31:T98b,// Rotating flag // The flags are a rectangle pattern generated based on a list of colors selected from the flags array // The selected flag is determined by some math based on the browser's current time prideflag = html`

${flags[flagIndex].name} flag

`32:T783,md `## Commitments Observable's mission is to democratize data and bring data literacy to the world. We are committed to prioritizing marginalized people’s safety over privileged people’s comfort, and to supporting the efforts to end oppression and systemic discrimination against the LGBTQIA+ community. ### For the community 1. Build out community plans with the Observable team to sponsor and support meetups, events and other programs focused on elevating LGBTQIA+ community in our technical communities. 2. Sponsor LGBTQIA+ organizations with our Teams product for free to enable collaboration. Provide support and financial resources to support the work within Teams. Contact us at if your organization is interested. 2. Create and sponsor educational programs to support data visualization practitioners in the LGBTQ+ community. We are open to partnering with organizations supporting these efforts. If you are interested, contact us at . 4. Provide dedicated support for users using Observable for equality. Contact us directly at with questions. 5. Staff office hours and community spaces dedicated to users and collaborators working on equality issues learning data visualization and creating on Observable. Expect the first session in July or August. 6. Curate articles and visualizations in [Equality collection](https://observablehq.com/collection/@observablehq/equality) as a resource for those who want to learn more. 7. Research data sources on equality. Publish collections of data sources for visualizations for equality. 8. Continue to create a platform that embodies our Code of Conduct. Observable is committed to equality for all of our community, its creators, and our employees. `33:T56c,resources = md `## Resources * **History** * LGBTQ+ Pride Month occurs in the United States to commemorate the Stonewall riots, which occurred at the end of June 1969. As a result, many pride events are held annually during the month of June, to recognize the impact LGBTQIA+ people have had in the world. * Wikipedia * **Data Scientists** [LGBT+ resources for statisticians and data scientists](https://www.significancemagazine.com/culture/624-lgbt-resources-for-statisticians-and-data-scientists) * **Programs/Organizations** * [GLAAD](https://www.glaad.org/) * [lgbtfunders](https://lgbtfunders.org/) * **Events** * [Lesbians Who Tech](https://lesbianswhotech.org/about/) * [Tech Inclusion](https://techinclusion.co/) ### Further reading * [GLAAD’s LGBTQ+ Resource List](https://www.glaad.org/resourcelist) * [Tips for Allies of Transgender People](https://www.glaad.org/transgender/allies) * [Trans Ally: Do’s and Don’ts](https://lgbtrc.usc.edu/trans/transgender/tips/) * [50+ Resources For LGBTQIA+ Allies](https://buffer.com/resources/lgbtqia-resources/) * [The Safe Zone Project](https://thesafezoneproject.com/resources/) `34:[] 2f:{"title":"Pride Month and LGBTQIA+ Equality","cells":[{"id":0,"value":"md`# Pride Month and LGBTQIA+ Equality`","pinned":false,"hidden":false,"mode":"ojs"},{"id":7,"value":"$31","pinned":false,"hidden":false,"mode":"ojs"},{"id":178,"value":"toc(\"h2,h3\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":167,"value":"$32","pinned":false,"hidden":false,"mode":"ojs"},{"id":204,"value":"md`### For our company\n\n1. Continue to hire and grow a diverse, inclusive team. While we are still a small team, we are mighty with our voices and actions to make the world better. We are committed to diversity within our company. \n\n2. Ongoing internal learning and development on racism, activism, equity and social justice, mental health, etc. Regularly scheduled culture talks in small groups and as an entire company, with continued outreach in the community.\n\n3. Offer time off for team members to volunteer and contribute to programs to support the LGBTQIA+ community and other movements for equality. \n\n4. Implement matching program for donations to support team members' contributions to support equality.\n\n6. Support Pro Bono work to support LGBTQIA+ orgs and the movement. Team members can engage in pro bono work and we will offer additional resources in support of their contributions.\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":207,"value":"md`## Accountability\n\nWe hold ourselves accountable for our commitments. That means continued self-assessment and learning about how we can help and positively impact the LGBTQIA+ community and the world. We re-evaluate these commitments over time.\n\nEvery quarter we will:\n- Share feedback from the community on how we are doing\n- Share our company's self assessment \n- Update this notebook on our progress\n\nWe welcome input from the community to guide our efforts.\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":151,"value":"$33","pinned":false,"hidden":false,"mode":"ojs"},{"id":5,"value":"md `## Contact\nWe seek input from the community on data-visualization and other resources focussed on supporting the LGBTQ+ community. \n\nPlease send suggestions, comment on this notebook, or contact us at *equality@observablehq.com* if you have recommendations. We will work with you to grow these resources through community involvement.\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":159,"value":"md `---------------`","pinned":false,"hidden":false,"mode":"ojs"},{"id":31,"value":"md`## Pride flags`","pinned":false,"hidden":false,"mode":"ojs"},{"id":94,"value":"md`Each flag is structured as a list of color swatches that make up the stripes`","pinned":false,"hidden":false,"mode":"ojs"},{"id":34,"value":"rainbowFlag = [\"#5E513F\", \"#A5765C\", \"#FF7E6A\", \"#FFB47E\", \"#FFE694\", \"#B3EB9F\", \"#7EC4F6\", \"#BB87FA\"]","pinned":true,"hidden":false,"mode":"ojs"},{"id":36,"value":"transgenderFlag = [\"#7EC4F6\", \"#FFB7DE\", \"#FFFDF6\", \"#FFB7DE\", \"#7EC4F6\"]","pinned":true,"hidden":false,"mode":"ojs"},{"id":38,"value":"bisexualFlag = [\"#ED6EBA\", \"#ED6EBA\", \"#A55DB7\", \"#7074D1\", \"#7074D1\"]","pinned":true,"hidden":false,"mode":"ojs"},{"id":40,"value":"genderqueerFlag = [\"#BB87FA\", \"#FFFDF6\", \"#80B65F\"]","pinned":true,"hidden":false,"mode":"ojs"},{"id":42,"value":"pansexualFlag = [\"#FA87EE\", \"#FAE49A\", \"#7EC4F6\"]","pinned":true,"hidden":false,"mode":"ojs"},{"id":44,"value":"nonbinaryFlag = [\"#FAE49A\", \"#FFFDF6\", \"#BB87FA\", \"#353535\"]","pinned":true,"hidden":false,"mode":"ojs"},{"id":46,"value":"asexualFlag = [\"#353535\", \"#CACACA\", \"#FFFDF6\", \"#A55DB7\"]","pinned":true,"hidden":false,"mode":"ojs"},{"id":99,"value":"md`This array collects all the flags we want to display in the logo cutout`","pinned":false,"hidden":false,"mode":"ojs"},{"id":48,"value":"flags = [\n {name: \"Rainbow\", colors: rainbowFlag},\n {name: \"Transgender\", colors: transgenderFlag},\n {name: \"Bisexual\", colors: bisexualFlag},\n {name: \"Genderqueer\", colors: genderqueerFlag},\n {name: \"Pansexual\", colors: pansexualFlag},\n {name: \"Non-binary\", colors: nonbinaryFlag},\n {name: \"Asexual\", colors: asexualFlag}\n]","pinned":true,"hidden":false,"mode":"ojs"},{"id":103,"value":"md`This generator cell rotates through the valid indices based on the length of the flags array.`","pinned":false,"hidden":false,"mode":"ojs"},{"id":80,"value":"flagIndex = {\n let i = 0;\n while (true) {\n yield i++;\n if (i == flags.length) {\n i = 0;\n }\n await Promises.delay(2000);\n }\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":107,"value":"md`This function takes a list of colors and generates svg markup for a block of rectangles of appropriate size. This function is called from the svg snippet at the top of the notebook, and the flagIndex is used to pass in an array from the flags list to generate the flag from.`","pinned":false,"hidden":false,"mode":"ojs"},{"id":50,"value":"function generateFlagPattern(colors) {\n return colors.map((color, i) => ``);\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":175,"value":"import {toc} from \"@nebrius/indented-toc\"","pinned":true,"hidden":false,"mode":"ojs"}],"files":"$W34","stdlib":"1","titling":"auto"}