summary refs log tree commit diff
path: root/src/resources/mutant-standard.html
diff options
context:
space:
mode:
Diffstat (limited to 'src/resources/mutant-standard.html')
-rwxr-xr-xsrc/resources/mutant-standard.html139
1 files changed, 139 insertions, 0 deletions
diff --git a/src/resources/mutant-standard.html b/src/resources/mutant-standard.html
new file mode 100755
index 0000000..51bb432
--- /dev/null
+++ b/src/resources/mutant-standard.html
@@ -0,0 +1,139 @@
+---
+title = "Mutant Standard Shortcodes"
+layout = "base.njk"
+---
+<style>
+	.emoji {
+		height: 1.25em;
+		vertical-align: middle;
+		margin: -.2ex .15em .2ex;
+	}
+	
+	table {
+		float: left;
+	}
+</style>
+
+<section id=mutant-standard class=clearfix>
+	<p>Mutant Standard has a lot of variations on emoji. Emoji which show people have 53 different skin/fur/scale colors for use. Hand emoji have "hmn", "paw", "clw", and "hoof" variants (not all hoof emoji are available yet), though 5 of the colors are only for human hands and 3 are only available for paws.
+	<p>On Plural Café and other instances with Mutant Standard emoji, the grey hand emoji like <img src=/img/ms/ms_hand_clw.png class=emoji alt> <code>:ms_hand_clw:</code> and person emoji like <img src=/img/ms/ms_mechanic.png class=emoji alt> <code>:ms_mechanic:</code> can be recolored by adding the color codes below. Read the letter(s) in the row and then the number in the column. For instance, lime green has the code <code>l2</code>, so the code for a lime green claw is <img src=/img/ms/ms_hand_clw_l2.png class=emoji alt> <code>:ms_hand_clw_l2:</code>.
+	
+	<table>
+		<tr> <td> 
+			<th>1
+			<th>2
+			<th>3
+			<th>mnemonic
+		<tr> <th>r
+			<td><img src=/img/ms/ms_hand_clw_r1.png class=emoji alt>
+			<td><img src=/img/ms/ms_hand_clw_r2.png class=emoji alt>
+			<td><img src=/img/ms/ms_hand_clw_r3.png class=emoji alt>
+			<td><strong>r</strong>ed
+		<tr> <th>d
+			<td><img src=/img/ms/ms_hand_clw_d1.png class=emoji alt>
+			<td><img src=/img/ms/ms_hand_clw_d2.png class=emoji alt>
+			<td><img src=/img/ms/ms_hand_clw_d3.png class=emoji alt>
+			<td><strong>d</strong>
+		<tr> <th>o
+			<td><img src=/img/ms/ms_hand_clw_o1.png class=emoji alt>
+			<td><img src=/img/ms/ms_hand_clw_o2.png class=emoji alt>
+			<td><img src=/img/ms/ms_hand_clw_o3.png class=emoji alt>
+			<td><strong>o</strong>range
+		<tr> <th>y
+			<td><img src=/img/ms/ms_hand_clw_y1.png class=emoji alt>
+			<td><img src=/img/ms/ms_hand_clw_y2.png class=emoji alt>
+			<td><img src=/img/ms/ms_hand_clw_y3.png class=emoji alt>
+			<td><strong>y</strong>ellow
+		<tr> <th>l
+			<td><img src=/img/ms/ms_hand_clw_l1.png class=emoji alt>
+			<td><img src=/img/ms/ms_hand_clw_l2.png class=emoji alt>
+			<td><img src=/img/ms/ms_hand_clw_l3.png class=emoji alt>
+			<td><strong>l</strong>ime
+		<tr> <th>g
+			<td><img src=/img/ms/ms_hand_clw_g1.png class=emoji alt>
+			<td><img src=/img/ms/ms_hand_clw_g2.png class=emoji alt>
+			<td><img src=/img/ms/ms_hand_clw_g3.png class=emoji alt>
+			<td><strong>g</strong>reen
+		<tr> <th>t
+			<td><img src=/img/ms/ms_hand_clw_t1.png class=emoji alt>
+			<td><img src=/img/ms/ms_hand_clw_t2.png class=emoji alt>
+			<td><img src=/img/ms/ms_hand_clw_t3.png class=emoji alt>
+			<td><strong>t</strong>eal
+		<tr> <th>c
+			<td><img src=/img/ms/ms_hand_clw_c1.png class=emoji alt>
+			<td><img src=/img/ms/ms_hand_clw_c2.png class=emoji alt>
+			<td><img src=/img/ms/ms_hand_clw_c3.png class=emoji alt>
+			<td><strong>c</strong>yan
+		<tr> <th>s
+			<td><img src=/img/ms/ms_hand_clw_s1.png class=emoji alt>
+			<td><img src=/img/ms/ms_hand_clw_s2.png class=emoji alt>
+			<td><img src=/img/ms/ms_hand_clw_s3.png class=emoji alt>
+			<td><strong>s</strong>ky
+		<tr> <th>b
+			<td><img src=/img/ms/ms_hand_clw_b1.png class=emoji alt>
+			<td><img src=/img/ms/ms_hand_clw_b2.png class=emoji alt>
+			<td><img src=/img/ms/ms_hand_clw_b3.png class=emoji alt>
+			<td><strong>b</strong>lue
+		<tr> <th>v
+			<td><img src=/img/ms/ms_hand_clw_v1.png class=emoji alt>
+			<td><img src=/img/ms/ms_hand_clw_v2.png class=emoji alt>
+			<td><img src=/img/ms/ms_hand_clw_v3.png class=emoji alt>
+			<td><strong>v</strong>iolet
+		<tr> <th>m
+			<td><img src=/img/ms/ms_hand_clw_m1.png class=emoji alt>
+			<td><img src=/img/ms/ms_hand_clw_m2.png class=emoji alt>
+			<td><img src=/img/ms/ms_hand_clw_m3.png class=emoji alt>
+			<td><strong>m</strong>agenta
+		<tr> <th>p
+			<td><img src=/img/ms/ms_hand_clw_p1.png class=emoji alt>
+			<td><img src=/img/ms/ms_hand_clw_p2.png class=emoji alt>
+			<td><img src=/img/ms/ms_hand_clw_p3.png class=emoji alt>
+			<td><strong>p</strong>ink
+		<tr> <th>e
+			<td><img src=/img/ms/ms_hand_clw_e1.png class=emoji alt>
+			<td><img src=/img/ms/ms_hand_clw_e2.png class=emoji alt>
+			<td><img src=/img/ms/ms_hand_clw_e3.png class=emoji alt>
+			<td><strong>e</strong>spresso
+		<tr> <th>k
+			<td><img src=/img/ms/ms_hand_clw_k1.png class=emoji alt>
+			<td><img src=/img/ms/ms_hand_clw_k2.png class=emoji alt>
+			<td><img src=/img/ms/ms_hand_clw_k3.png class=emoji alt>
+			<td><strong>k</strong>ey
+	</table>
+	
+	<table>
+		<tr> <th> hmn-only
+			<th>1
+			<th>2
+			<th>3
+			<th>4
+			<th>5
+			<th>mnemonic
+		<tr> <th>h
+			<td><img src=/img/ms/ms_hand_hmn_h1.png class=emoji alt>
+			<td><img src=/img/ms/ms_hand_hmn_h2.png class=emoji alt>
+			<td><img src=/img/ms/ms_hand_hmn_h3.png class=emoji alt>
+			<td><img src=/img/ms/ms_hand_hmn_h4.png class=emoji alt>
+			<td><img src=/img/ms/ms_hand_hmn_h5.png class=emoji alt>
+			<td><strong>h</strong>uman
+	</table>
+	
+	<table>
+		<tr> <th>paw-only
+			<th>1
+			<th>mnemonic
+		<tr> <th>fe
+			<td><img src=/img/ms/ms_hand_paw_fe1.png class=emoji alt>
+			<td><strong>f</strong>ur <strong>e</strong>spresso
+		<tr> <th>fk
+			<td><img src=/img/ms/ms_hand_paw_fk1.png class=emoji alt>
+			<td><strong>f</strong>ur <strong>k</strong>ey
+		<tr> <th>ft
+			<td><img src=/img/ms/ms_hand_paw_ft1.png class=emoji alt>
+			<td><strong>f</strong>ur <strong>t</strong>an
+	</table>
+</section>
+
+<section id=license>
+	<p>This webpage uses <a href='https://mutant.tech'>Mutant Standard emoji</a>, which are licensed under a <a href='https://creativecommons.org/licenses/by-nc-sa/4.0/'>Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International License</a>.
+</section>