docs: add screenshot to README and appinfo

README.md

@@ -4,3 +4,15 @@ A plugin to add more pride flags to your Nextcloud!
 
 The app supports setting pride-flags for various UI elements of your
 Nextcloud per-user, in the user settings section.
+
+![Nextcloud showing various elements in pan, trans, lesbian and rainbow pride flags](img/pride_flag_variants.png)
+
+## Currently supported pride flags
+
+- 'rainbow' pride flag
+- trans pride flag
+- pansexual pride flag
+- non-binary pride flag
+- bisexual pride flag
+- asexual pride flag
+- lesbian pride flag

appinfo/info.xml

@@ -13,6 +13,11 @@ Currently supported "targets":
 Currently supported pride flags:
 - Original 6 color rainbow pride flag
 - Trans pride flag
+- Pansexual pride flag
+- Non-binary pride flag
+- Bisexual pride flag
+- Asexual pride flag
+- Lesbian pride flag
 
 more flags to follow soon!</description>
 	<version>0.1.0</version>
@@ -21,6 +26,7 @@ more flags to follow soon!</description>
 	<namespace>PrideFlags</namespace>
 	<category>customization</category>
 	<bugs>https://github.com/finally-coffee/nextcloud-pride-flags/issues</bugs>
+	<screenshot>https://raw.githubusercontent.com/finally-coffee/nextcloud-pride-flags/main/img/pride_flag_variants.png</screenshot>
 	<dependencies>
 		<nextcloud min-version="26" max-version="29"/>
 	</dependencies>

js/pride.js

@@ -7,6 +7,27 @@ const flags = [
 		id: 'trans',
 		colors: ['#55CDFC', '#F7A8B8', '#FFFFFF', '#F7A8B8', '#55CDFC'],
 		transform: 'rotate(90)'
+	}, {
+		id: 'pan',
+		colors: ['#FE218C', '#FFD800', '#21B1FF'],
+		transform: 'rotate(90)'
+	}, {
+		id: 'nonbinary',
+		colors: ['#FCF434', '#FFFFFF', '#9C59D1', '#2C2C2C'],
+		transform: 'rotate(90)'
+	}, {
+		id: 'bi',
+//		colors: ['#C42A6F', '#915392', '#1437A1'],
+		colors: ['#D60270', '#9B4F96', '#0038A8'],
+		transform: 'rotate(90)'
+	}, {
+		id: 'asexual',
+		colors: ['#000000', '#9F9F9F', '#FFFFFF', '#5E1984'],
+		transform: 'rotate(90)'
+	}, {
+		id: 'lesbian',
+		colors: ['#D52D00', '#EF7627', '#FF9A56', '#FFFFFF', '#D162A4', '#B55690', '#A30262'],
+		transform: 'rotate(90)'
 	}
 ];
 

templates/settings.php

@@ -9,6 +9,11 @@
 			<select id="user-settings-folder-flavour-select" style="display: flex; width: 200px;">
 				<option value='pride'>Pride</option>
 				<option value='trans'>Trans Pride</option>
+				<option value='pan'>Pansexual Pride</option>
+				<option value='nonbinary'>Non-binary Pride</option>
+				<option value='bi'>Bisexual Pride</option>
+				<option value='asexual'>Asexual Pride</option>
+				<option value='lesbian'>Lesbian Pride</option>
 			</select>
 		</div>
 		<div class="user-settings button-flavour" style="margin-left: 40px; display: flex;">
@@ -16,6 +21,11 @@
 			<select id="user-settings-button-flavour-select" style="display: flex; width: 200px;">
 				<option value='pride'>Pride</option>
 				<option value='trans'>Trans Pride</option>
+				<option value='pan'>Pansexual Pride</option>
+				<option value='nonbinary'>Non-binary Pride</option>
+				<option value='bi'>Bisexual Pride</option>
+				<option value='asexual'>Asexual Pride</option>
+				<option value='lesbian'>Lesbian Pride</option>
 			</select>
 		</div>
 		<button class="settings-pride-submit button primary" style="margin-left: 40px; display: flex; width: 80px; text-align: center;">Save</button>