First commit of group-ironmen-master directory.

group-ironmen-master/site/src/men-homepage/men-homepage.css

@@ -0,0 +1,41 @@
+men-homepage {
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  font-size: 16px;
+  position: relative;
+  height: 100%;
+  color: white;
+}
+
+men-homepage social-links {
+  position: absolute;
+  top: 0;
+  left: 0;
+  padding: 1em;
+  font-size: 1.2em;
+}
+
+.men-homepage__container {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  height: 100%;
+  width: 100%;
+  flex-direction: column;
+}
+
+.men-homepage__container h1 {
+  text-shadow: 3px 3px var(--black);
+  font-size: min(128px, 16vw);
+  margin: 0;
+}
+
+.men-homepage__links {
+  margin-top: 1.5em;
+  display: flex;
+}
+
+.men-homepage__links > men-link + men-link {
+  margin-left: 2em;
+}

group-ironmen-master/site/src/men-homepage/men-homepage.html

@@ -0,0 +1,22 @@
+<social-links></social-links>
+
+<div class="men-homepage__container">
+  <h1>GroupIron.men</h1>
+  <div class="men-homepage__links">
+    <men-link link-href="/create-group">
+      <button class="men-button">Get started</button>
+    </men-link>
+    <men-link link-href="/demo">
+      <button class="men-button">Demo</button>
+    </men-link>
+    ${ this.hasLogin ? `
+    <men-link link-href="/group">
+      <button class="men-button">Go to group</button>
+    </men-link>
+    ` : `
+    <men-link link-href="/login">
+      <button class="men-button">Login</button>
+    </men-link>
+    ` }
+  </div>
+</div>

group-ironmen-master/site/src/men-homepage/men-homepage.js

@@ -0,0 +1,28 @@
+import { BaseElement } from "../base-element/base-element";
+import { storage } from "../data/storage";
+
+export class MenHomepage extends BaseElement {
+  constructor() {
+    super();
+  }
+
+  html() {
+    return `{{men-homepage.html}}`;
+  }
+
+  connectedCallback() {
+    super.connectedCallback();
+    this.render();
+  }
+
+  disconnectedCallback() {
+    super.disconnectedCallback();
+  }
+
+  get hasLogin() {
+    const group = storage.getGroup();
+    return group && group.groupName && group.groupToken && group.groupName !== "@EXAMPLE";
+  }
+}
+
+customElements.define("men-homepage", MenHomepage);