First commit of group-ironmen-master directory.

group-ironmen-master/site/src/player-icon/player-icon.css

@@ -0,0 +1,7 @@
+player-icon {
+  display: inline;
+}
+
+player-icon img {
+  filter: hue-rotate(var(--player-icon-color)) saturate(75%);
+}

group-ironmen-master/site/src/player-icon/player-icon.html

@@ -0,0 +1 @@
+<img src="/ui/player-icon.webp" width="12" height="15" />

group-ironmen-master/site/src/player-icon/player-icon.js

@@ -0,0 +1,26 @@
+import { BaseElement } from "../base-element/base-element";
+import { groupData } from "../data/group-data";
+
+export class PlayerIcon extends BaseElement {
+  constructor() {
+    super();
+  }
+
+  html() {
+    return `{{player-icon.html}}`;
+  }
+
+  connectedCallback() {
+    super.connectedCallback();
+    const playerName = this.getAttribute("player-name");
+    const hue = groupData.members.get(playerName).hue || 0;
+    this.style.setProperty("--player-icon-color", `${hue}deg`);
+    this.render();
+  }
+
+  disconnectedCallback() {
+    super.disconnectedCallback();
+  }
+}
+
+customElements.define("player-icon", PlayerIcon);