Added pages and fitting content for community, nickgenerator annd nicknames

frontend/src/app/nickgenerator/nickgenerator.component.html

@@ -0,0 +1,53 @@
+<ng-container>
+  <app-header [current_page]="'nickgenerator'" height="460px" background_image="/public/img/backgrounds/trees.jpg"
+              [overlay_gradient]="0.5">
+    <div class="title" header-content>
+      <h1>Nickname Generator</h1>
+      <h2>Customize your in-game nickname</h2>
+      <h3 style="font-family: 'minecraft-text', sans-serif; font-size: 0.8rem; margin-top: 10px;">Made by TheParm</h3>
+    </div>
+  </app-header>
+
+  <main>
+    <!-- <section class="darkmodeSection">
+      <div class="container containerNick">
+        <div style="padding: 0 5% 0 5%;">
+          <div id="parts" class="previewNickDiv">
+          </div>
+          <div class="previewNickDiv">
+            <input type="button" class="button" value="Add Part" onclick="addPart()"/>
+            <input type="button" class="button" value="Remove Part" onclick="deletePart()"/>
+          </div>
+          <br><br><br><br>
+          <div id="commandTry" class="previewNickDiv">
+            <div id="try" class="command darkBg"></div>
+            <input type="button" class="button copy" value="Copy" onclick="copy(this)"/>
+          </div>
+          <div id="commandRequest" class="previewNickDiv">
+            <div id="request" class="command darkBg"></div>
+            <input type="button" class="button copy" value="Copy" onclick="copy(this)"/>
+          </div>
+          <div id="preview" class="preview darkBg previewNickDiv">
+          </div>
+          <div id="template" class='part' style="display: none">
+            <p style="font-family: 'minecraft-text', sans-serif">
+              Text: <input type="text" id="text" class="textPart" size=18 oninput="inputChanged()"/>
+              Gradient: <input type="checkbox" id="grad" class="gradPart" oninput="onGradient(this)"/>
+              <input id="colorA" type="text" class="coloris colorAPart color" value="#ffffff" oninput="inputChanged()"/>
+              <input id="colorB" type="text" class="coloris colorBPart color" value="#ffffff" oninput="inputChanged()"/>
+              Continuation: <input type="checkbox" id="cont" class="contPart" disabled oninput="onContinuation(this)"/>
+              <span id="invalid" class="invalidPart" style="display: none">(min 1 - max 16 chars)</span>
+            </p>
+          </div>
+          <div style="margin-top: 20px; text-align: center;">
+            <p style="font-family: 'minecraft-text', sans-serif">
+              Usage: Add as many parts as you wish, then apply the color and/or gradient, and copy/paste the command
+              into the minecraft chat. The total length of the nickname should be between 3 and 16 characters. Use the
+              continuation checkbox to continue the gradient from the last gradient color.
+            </p>
+          </div>
+        </div>
+      </div>
+    </section> -->
+  </main>
+</ng-container>