From cfde4ba518d4f6cf6237f9b41b6da79bdb85a8c7 Mon Sep 17 00:00:00 2001
From: marcusferl <marcus@weifer.de>
Date: Thu, 15 Dec 2022 22:01:29 +0100
Subject: [PATCH] init site cards

---
 src/app/app.component.html                    |  4 ++
 src/app/app.module.ts                         | 20 ++++++-
 src/app/nav-bar/nav-bar.component.css         |  1 +
 src/app/nav-bar/nav-bar.component.html        | 54 ++++---------------
 .../sites/android/cards/cards.component.css   |  0
 .../sites/android/cards/cards.component.html  |  1 +
 .../android/cards/cards.component.spec.ts     | 23 ++++++++
 .../sites/android/cards/cards.component.ts    | 15 ++++++
 .../einkaufsliste/einkaufsliste.component.css |  0
 .../einkaufsliste.component.html              |  1 +
 .../einkaufsliste.component.spec.ts           | 23 ++++++++
 .../einkaufsliste/einkaufsliste.component.ts  | 15 ++++++
 .../tasmocontrol/tasmocontrol.component.css   |  0
 .../tasmocontrol/tasmocontrol.component.html  |  1 +
 .../tasmocontrol.component.spec.ts            | 23 ++++++++
 .../tasmocontrol/tasmocontrol.component.ts    | 15 ++++++
 .../artikelverwaltung.component.css           |  0
 .../artikelverwaltung.component.html          |  1 +
 .../artikelverwaltung.component.spec.ts       | 23 ++++++++
 .../artikelverwaltung.component.ts            | 15 ++++++
 .../sites/angular/cards/cards.component.css   |  0
 .../sites/angular/cards/cards.component.html  |  1 +
 .../angular/cards/cards.component.spec.ts     | 23 ++++++++
 .../sites/angular/cards/cards.component.ts    | 15 ++++++
 .../ipv4-converter.component.css              |  0
 .../ipv4-converter.component.html             |  1 +
 .../ipv4-converter.component.spec.ts          | 23 ++++++++
 .../ipv4-converter.component.ts               | 15 ++++++
 .../cards/portfolio/portfolio.component.css   |  0
 .../cards/portfolio/portfolio.component.html  |  1 +
 .../portfolio/portfolio.component.spec.ts     | 23 ++++++++
 .../cards/portfolio/portfolio.component.ts    | 15 ++++++
 .../artikelverwaltung.component.css           |  0
 .../artikelverwaltung.component.html          |  1 +
 .../artikelverwaltung.component.spec.ts       | 23 ++++++++
 .../artikelverwaltung.component.ts            | 15 ++++++
 .../sites/csharp/cards/cards.component.css    |  0
 .../sites/csharp/cards/cards.component.html   |  1 +
 .../csharp/cards/cards.component.spec.ts      | 23 ++++++++
 src/app/sites/csharp/cards/cards.component.ts | 15 ++++++
 .../exel-summierer.component.css              |  0
 .../exel-summierer.component.html             |  1 +
 .../exel-summierer.component.spec.ts          | 23 ++++++++
 .../exel-summierer.component.ts               | 15 ++++++
 .../ipv4-converter.component.css              |  0
 .../ipv4-converter.component.html             |  1 +
 .../ipv4-converter.component.spec.ts          | 23 ++++++++
 .../ipv4-converter.component.ts               | 15 ++++++
 .../json-writer/json-writer.component.css     |  0
 .../json-writer/json-writer.component.html    |  1 +
 .../json-writer/json-writer.component.spec.ts | 23 ++++++++
 .../json-writer/json-writer.component.ts      | 15 ++++++
 .../cards/morsecoder/morsecoder.component.css |  0
 .../morsecoder/morsecoder.component.html      |  1 +
 .../morsecoder/morsecoder.component.spec.ts   | 23 ++++++++
 .../cards/morsecoder/morsecoder.component.ts  | 15 ++++++
 .../pruefungsapp/pruefungsapp.component.css   |  0
 .../pruefungsapp/pruefungsapp.component.html  |  1 +
 .../pruefungsapp.component.spec.ts            | 23 ++++++++
 .../pruefungsapp/pruefungsapp.component.ts    | 15 ++++++
 src/app/sites/java/cards/cards.component.css  |  0
 src/app/sites/java/cards/cards.component.html |  1 +
 .../sites/java/cards/cards.component.spec.ts  | 23 ++++++++
 src/app/sites/java/cards/cards.component.ts   | 15 ++++++
 .../java/cards/hangman/hangman.component.css  |  0
 .../java/cards/hangman/hangman.component.html |  1 +
 .../cards/hangman/hangman.component.spec.ts   | 23 ++++++++
 .../java/cards/hangman/hangman.component.ts   | 15 ++++++
 .../passwort-generator.component.css          |  0
 .../passwort-generator.component.html         |  1 +
 .../passwort-generator.component.spec.ts      | 23 ++++++++
 .../passwort-generator.component.ts           | 15 ++++++
 .../sites/python/cards/cards.component.css    |  0
 .../sites/python/cards/cards.component.html   |  1 +
 .../python/cards/cards.component.spec.ts      | 23 ++++++++
 src/app/sites/python/cards/cards.component.ts | 15 ++++++
 .../discord-bots/discord-bots.component.css   |  0
 .../discord-bots/discord-bots.component.html  |  1 +
 .../discord-bots.component.spec.ts            | 23 ++++++++
 .../discord-bots/discord-bots.component.ts    | 15 ++++++
 .../cards/eventboard/eventboard.component.css |  0
 .../eventboard/eventboard.component.html      |  1 +
 .../eventboard/eventboard.component.spec.ts   | 23 ++++++++
 .../cards/eventboard/eventboard.component.ts  | 15 ++++++
 84 files changed, 814 insertions(+), 45 deletions(-)
 create mode 100644 src/app/sites/android/cards/cards.component.css
 create mode 100644 src/app/sites/android/cards/cards.component.html
 create mode 100644 src/app/sites/android/cards/cards.component.spec.ts
 create mode 100644 src/app/sites/android/cards/cards.component.ts
 create mode 100644 src/app/sites/android/cards/einkaufsliste/einkaufsliste.component.css
 create mode 100644 src/app/sites/android/cards/einkaufsliste/einkaufsliste.component.html
 create mode 100644 src/app/sites/android/cards/einkaufsliste/einkaufsliste.component.spec.ts
 create mode 100644 src/app/sites/android/cards/einkaufsliste/einkaufsliste.component.ts
 create mode 100644 src/app/sites/android/cards/tasmocontrol/tasmocontrol.component.css
 create mode 100644 src/app/sites/android/cards/tasmocontrol/tasmocontrol.component.html
 create mode 100644 src/app/sites/android/cards/tasmocontrol/tasmocontrol.component.spec.ts
 create mode 100644 src/app/sites/android/cards/tasmocontrol/tasmocontrol.component.ts
 create mode 100644 src/app/sites/angular/cards/artikelverwaltung/artikelverwaltung.component.css
 create mode 100644 src/app/sites/angular/cards/artikelverwaltung/artikelverwaltung.component.html
 create mode 100644 src/app/sites/angular/cards/artikelverwaltung/artikelverwaltung.component.spec.ts
 create mode 100644 src/app/sites/angular/cards/artikelverwaltung/artikelverwaltung.component.ts
 create mode 100644 src/app/sites/angular/cards/cards.component.css
 create mode 100644 src/app/sites/angular/cards/cards.component.html
 create mode 100644 src/app/sites/angular/cards/cards.component.spec.ts
 create mode 100644 src/app/sites/angular/cards/cards.component.ts
 create mode 100644 src/app/sites/angular/cards/ipv4-converter/ipv4-converter.component.css
 create mode 100644 src/app/sites/angular/cards/ipv4-converter/ipv4-converter.component.html
 create mode 100644 src/app/sites/angular/cards/ipv4-converter/ipv4-converter.component.spec.ts
 create mode 100644 src/app/sites/angular/cards/ipv4-converter/ipv4-converter.component.ts
 create mode 100644 src/app/sites/angular/cards/portfolio/portfolio.component.css
 create mode 100644 src/app/sites/angular/cards/portfolio/portfolio.component.html
 create mode 100644 src/app/sites/angular/cards/portfolio/portfolio.component.spec.ts
 create mode 100644 src/app/sites/angular/cards/portfolio/portfolio.component.ts
 create mode 100644 src/app/sites/csharp/cards/artikelverwaltung/artikelverwaltung.component.css
 create mode 100644 src/app/sites/csharp/cards/artikelverwaltung/artikelverwaltung.component.html
 create mode 100644 src/app/sites/csharp/cards/artikelverwaltung/artikelverwaltung.component.spec.ts
 create mode 100644 src/app/sites/csharp/cards/artikelverwaltung/artikelverwaltung.component.ts
 create mode 100644 src/app/sites/csharp/cards/cards.component.css
 create mode 100644 src/app/sites/csharp/cards/cards.component.html
 create mode 100644 src/app/sites/csharp/cards/cards.component.spec.ts
 create mode 100644 src/app/sites/csharp/cards/cards.component.ts
 create mode 100644 src/app/sites/csharp/cards/exel-summierer/exel-summierer.component.css
 create mode 100644 src/app/sites/csharp/cards/exel-summierer/exel-summierer.component.html
 create mode 100644 src/app/sites/csharp/cards/exel-summierer/exel-summierer.component.spec.ts
 create mode 100644 src/app/sites/csharp/cards/exel-summierer/exel-summierer.component.ts
 create mode 100644 src/app/sites/csharp/cards/ipv4-converter/ipv4-converter.component.css
 create mode 100644 src/app/sites/csharp/cards/ipv4-converter/ipv4-converter.component.html
 create mode 100644 src/app/sites/csharp/cards/ipv4-converter/ipv4-converter.component.spec.ts
 create mode 100644 src/app/sites/csharp/cards/ipv4-converter/ipv4-converter.component.ts
 create mode 100644 src/app/sites/csharp/cards/json-writer/json-writer.component.css
 create mode 100644 src/app/sites/csharp/cards/json-writer/json-writer.component.html
 create mode 100644 src/app/sites/csharp/cards/json-writer/json-writer.component.spec.ts
 create mode 100644 src/app/sites/csharp/cards/json-writer/json-writer.component.ts
 create mode 100644 src/app/sites/csharp/cards/morsecoder/morsecoder.component.css
 create mode 100644 src/app/sites/csharp/cards/morsecoder/morsecoder.component.html
 create mode 100644 src/app/sites/csharp/cards/morsecoder/morsecoder.component.spec.ts
 create mode 100644 src/app/sites/csharp/cards/morsecoder/morsecoder.component.ts
 create mode 100644 src/app/sites/csharp/cards/pruefungsapp/pruefungsapp.component.css
 create mode 100644 src/app/sites/csharp/cards/pruefungsapp/pruefungsapp.component.html
 create mode 100644 src/app/sites/csharp/cards/pruefungsapp/pruefungsapp.component.spec.ts
 create mode 100644 src/app/sites/csharp/cards/pruefungsapp/pruefungsapp.component.ts
 create mode 100644 src/app/sites/java/cards/cards.component.css
 create mode 100644 src/app/sites/java/cards/cards.component.html
 create mode 100644 src/app/sites/java/cards/cards.component.spec.ts
 create mode 100644 src/app/sites/java/cards/cards.component.ts
 create mode 100644 src/app/sites/java/cards/hangman/hangman.component.css
 create mode 100644 src/app/sites/java/cards/hangman/hangman.component.html
 create mode 100644 src/app/sites/java/cards/hangman/hangman.component.spec.ts
 create mode 100644 src/app/sites/java/cards/hangman/hangman.component.ts
 create mode 100644 src/app/sites/java/cards/passwort-generator/passwort-generator.component.css
 create mode 100644 src/app/sites/java/cards/passwort-generator/passwort-generator.component.html
 create mode 100644 src/app/sites/java/cards/passwort-generator/passwort-generator.component.spec.ts
 create mode 100644 src/app/sites/java/cards/passwort-generator/passwort-generator.component.ts
 create mode 100644 src/app/sites/python/cards/cards.component.css
 create mode 100644 src/app/sites/python/cards/cards.component.html
 create mode 100644 src/app/sites/python/cards/cards.component.spec.ts
 create mode 100644 src/app/sites/python/cards/cards.component.ts
 create mode 100644 src/app/sites/python/cards/discord-bots/discord-bots.component.css
 create mode 100644 src/app/sites/python/cards/discord-bots/discord-bots.component.html
 create mode 100644 src/app/sites/python/cards/discord-bots/discord-bots.component.spec.ts
 create mode 100644 src/app/sites/python/cards/discord-bots/discord-bots.component.ts
 create mode 100644 src/app/sites/python/cards/eventboard/eventboard.component.css
 create mode 100644 src/app/sites/python/cards/eventboard/eventboard.component.html
 create mode 100644 src/app/sites/python/cards/eventboard/eventboard.component.spec.ts
 create mode 100644 src/app/sites/python/cards/eventboard/eventboard.component.ts

diff --git a/src/app/app.component.html b/src/app/app.component.html
index 2c20193..3f78fae 100644
--- a/src/app/app.component.html
+++ b/src/app/app.component.html
@@ -1,4 +1,5 @@
 <app-nav-bar></app-nav-bar>
+
 <div class="container-fluid bg-dark">
     <div class="container">
         <div class="row">
@@ -10,4 +11,7 @@
         <div class="container" style="height: 100px;"></div>
     </div>
 </div>
+
+
+
 <app-footer></app-footer>
\ No newline at end of file
diff --git a/src/app/app.module.ts b/src/app/app.module.ts
index 0cf4e3b..c876a92 100644
--- a/src/app/app.module.ts
+++ b/src/app/app.module.ts
@@ -13,6 +13,15 @@ import { AngularComponent } from './cards/angular/angular.component';
 import { JavaComponent } from './cards/java/java.component';
 import { AndroidComponent } from './sites/android/android.component';
 import { FooterComponent } from './footer/footer.component';
+import { EinkaufslisteComponent } from './sites/android/cards/einkaufsliste/einkaufsliste.component';
+import { TasmocontrolComponent } from './sites/android/cards/tasmocontrol/tasmocontrol.component';
+import { PruefungsappComponent } from './sites/csharp/cards/pruefungsapp/pruefungsapp.component';
+import { ArtikelverwaltungComponent } from './sites/csharp/cards/artikelverwaltung/artikelverwaltung.component';
+import { MorsecoderComponent } from './sites/csharp/cards/morsecoder/morsecoder.component';
+import { Ipv4ConverterComponent } from './sites/csharp/cards/ipv4-converter/ipv4-converter.component';
+import { JsonWriterComponent } from './sites/csharp/cards/json-writer/json-writer.component';
+import { ExelSummiererComponent } from './sites/csharp/cards/exel-summierer/exel-summierer.component';
+import { PasswortGeneratorComponent } from './sites/java/cards/passwort-generator/passwort-generator.component';
 
 @NgModule({
   declarations: [
@@ -26,7 +35,16 @@ import { FooterComponent } from './footer/footer.component';
     AngularComponent,
     JavaComponent,
     AndroidComponent,
-    FooterComponent
+    FooterComponent,
+    EinkaufslisteComponent,
+    TasmocontrolComponent,
+    PruefungsappComponent,
+    ArtikelverwaltungComponent,
+    MorsecoderComponent,
+    Ipv4ConverterComponent,
+    JsonWriterComponent,
+    ExelSummiererComponent,
+    PasswortGeneratorComponent
   ],
   imports: [
     BrowserModule,
diff --git a/src/app/nav-bar/nav-bar.component.css b/src/app/nav-bar/nav-bar.component.css
index 25029ca..6e04001 100644
--- a/src/app/nav-bar/nav-bar.component.css
+++ b/src/app/nav-bar/nav-bar.component.css
@@ -15,6 +15,7 @@
 
 .item-font {
     font-size: 30px;
+    text-align: center;
 }
 
 .item-font:hover {
diff --git a/src/app/nav-bar/nav-bar.component.html b/src/app/nav-bar/nav-bar.component.html
index 2c8d07f..d15a9cc 100644
--- a/src/app/nav-bar/nav-bar.component.html
+++ b/src/app/nav-bar/nav-bar.component.html
@@ -7,54 +7,20 @@
         </button>
         <div class="collapse navbar-collapse" id="navbarSupportedContent">
             <ul class="navbar-nav me-auto mb-2 mb-lg-0 mx-lg-5">
-                <li class="nav-item dropdown item-font">
-                    <a href="#" class="nav-link dropdown-toggle mx-4" id="navbarDropdown" role="button"
-                        data-bs-toggle="dropdown" aria-expanded="false">Android Apps</a>
-                    <ul class="dropdown-menu" aria-labelledby="navbarDropdown">
-                        <li><a href="#" class="dropdown-item">Einkaufsliste</a></li>
-                        <li><a href="#" class="dropdown-item">TasmoControl</a></li>
-                        <li><a href="#" class="dropdown-item">Stein Schere Papier</a></li>
-                    </ul>
+                <li class="nav-item item-font mx-2">
+                    <a class="nav-link active" aria-current="page" href="#">Android</a>
                 </li>
-                <li class="nav-item dropdown item-font">
-                    <a href="#" class="nav-link dropdown-toggle mx-4" id="navbarDropdown" role="button"
-                        data-bs-toggle="dropdown" aria-expanded="false">C#</a>
-                    <ul class="dropdown-menu" aria-labelledby="navbarDropdown">
-                        <li><a href="#" class="dropdown-item">Prüfungshelfer</a></li>
-                        <li><a href="#" class="dropdown-item">JsonWriter</a></li>
-                        <li><a href="#" class="dropdown-item">Artikelverwaltung</a></li>
-                        <li><a href="#" class="dropdown-item">Exel-Rechnugsbetrag Summierer</a></li>
-                        <li><a href="#" class="dropdown-item">Ipv4 Rechner</a></li>
-                        <li><a href="#" class="dropdown-item">Morsecoder</a></li>
-                    </ul>
+                <li class="nav-item item-font mx-2">
+                    <a class="nav-link" aria-current="page" href="#">C#</a>
                 </li>
-                <li class="nav-item dropdown item-font">
-                    <a href="#" class="nav-link dropdown-toggle mx-4" id="navbarDropdown" role="button"
-                        data-bs-toggle="dropdown" aria-expanded="false">Python</a>
-                    <ul class="dropdown-menu" aria-labelledby="navbarDropdown">
-                        <li><a href="#" class="dropdown-item">Eventboard</a></li>
-                        <li><a href="#" class="dropdown-item">Discord Bot</a></li>
-                        <li><a href="#" class="dropdown-item">Blub</a></li>
-                    </ul>
+                <li class="nav-item item-font mx-2">
+                    <a class="nav-link" aria-current="page" href="#">Python</a>
                 </li>
-                <li class="nav-item dropdown item-font">
-                    <a href="#" class="nav-link dropdown-toggle mx-4" id="navbarDropdown" role="button"
-                        data-bs-toggle="dropdown" aria-expanded="false">Angular</a>
-                    <ul class="dropdown-menu" aria-labelledby="navbarDropdown">
-                        <li><a href="#" class="dropdown-item">Ipv4 Converter</a></li>
-                        <li><a href="#" class="dropdown-item">Wetter Dashboard</a></li>
-                        <li><a href="#" class="dropdown-item">Portfolio</a></li>
-                        <li><a href="#" class="dropdown-item">Artikelverwaltung</a></li>
-                    </ul>
+                <li class="nav-item item-font mx-2">
+                    <a class="nav-link" aria-current="page" href="#">Angular</a>
                 </li>
-                <li class="nav-item dropdown item-font">
-                    <a href="#" class="nav-link dropdown-toggle mx-4" id="navbarDropdown" role="button"
-                        data-bs-toggle="dropdown" aria-expanded="false">Java</a>
-                    <ul class="dropdown-menu" aria-labelledby="navbarDropdown">
-                        <li><a href="#" class="dropdown-item">Passwort Generator</a></li>
-                        <li><a href="#" class="dropdown-item">Hangman</a></li>
-                        <li><a href="#" class="dropdown-item">Stein Schere Papier</a></li>
-                    </ul>
+                <li class="nav-item item-font mx-2">
+                    <a class="nav-link" aria-current="page" href="#">Java</a>
                 </li>
             </ul>
         </div>
diff --git a/src/app/sites/android/cards/cards.component.css b/src/app/sites/android/cards/cards.component.css
new file mode 100644
index 0000000..e69de29
diff --git a/src/app/sites/android/cards/cards.component.html b/src/app/sites/android/cards/cards.component.html
new file mode 100644
index 0000000..670aeca
--- /dev/null
+++ b/src/app/sites/android/cards/cards.component.html
@@ -0,0 +1 @@
+<p>cards works!</p>
diff --git a/src/app/sites/android/cards/cards.component.spec.ts b/src/app/sites/android/cards/cards.component.spec.ts
new file mode 100644
index 0000000..a908b43
--- /dev/null
+++ b/src/app/sites/android/cards/cards.component.spec.ts
@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { CardsComponent } from './cards.component';
+
+describe('CardsComponent', () => {
+  let component: CardsComponent;
+  let fixture: ComponentFixture<CardsComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      declarations: [ CardsComponent ]
+    })
+    .compileComponents();
+
+    fixture = TestBed.createComponent(CardsComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/sites/android/cards/cards.component.ts b/src/app/sites/android/cards/cards.component.ts
new file mode 100644
index 0000000..75d47a6
--- /dev/null
+++ b/src/app/sites/android/cards/cards.component.ts
@@ -0,0 +1,15 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'app-cards',
+  templateUrl: './cards.component.html',
+  styleUrls: ['./cards.component.css']
+})
+export class CardsComponent implements OnInit {
+
+  constructor() { }
+
+  ngOnInit(): void {
+  }
+
+}
diff --git a/src/app/sites/android/cards/einkaufsliste/einkaufsliste.component.css b/src/app/sites/android/cards/einkaufsliste/einkaufsliste.component.css
new file mode 100644
index 0000000..e69de29
diff --git a/src/app/sites/android/cards/einkaufsliste/einkaufsliste.component.html b/src/app/sites/android/cards/einkaufsliste/einkaufsliste.component.html
new file mode 100644
index 0000000..2ec0b0b
--- /dev/null
+++ b/src/app/sites/android/cards/einkaufsliste/einkaufsliste.component.html
@@ -0,0 +1 @@
+<p>einkaufsliste works!</p>
diff --git a/src/app/sites/android/cards/einkaufsliste/einkaufsliste.component.spec.ts b/src/app/sites/android/cards/einkaufsliste/einkaufsliste.component.spec.ts
new file mode 100644
index 0000000..d228fc7
--- /dev/null
+++ b/src/app/sites/android/cards/einkaufsliste/einkaufsliste.component.spec.ts
@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { EinkaufslisteComponent } from './einkaufsliste.component';
+
+describe('EinkaufslisteComponent', () => {
+  let component: EinkaufslisteComponent;
+  let fixture: ComponentFixture<EinkaufslisteComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      declarations: [ EinkaufslisteComponent ]
+    })
+    .compileComponents();
+
+    fixture = TestBed.createComponent(EinkaufslisteComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/sites/android/cards/einkaufsliste/einkaufsliste.component.ts b/src/app/sites/android/cards/einkaufsliste/einkaufsliste.component.ts
new file mode 100644
index 0000000..4e2ba73
--- /dev/null
+++ b/src/app/sites/android/cards/einkaufsliste/einkaufsliste.component.ts
@@ -0,0 +1,15 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'app-einkaufsliste',
+  templateUrl: './einkaufsliste.component.html',
+  styleUrls: ['./einkaufsliste.component.css']
+})
+export class EinkaufslisteComponent implements OnInit {
+
+  constructor() { }
+
+  ngOnInit(): void {
+  }
+
+}
diff --git a/src/app/sites/android/cards/tasmocontrol/tasmocontrol.component.css b/src/app/sites/android/cards/tasmocontrol/tasmocontrol.component.css
new file mode 100644
index 0000000..e69de29
diff --git a/src/app/sites/android/cards/tasmocontrol/tasmocontrol.component.html b/src/app/sites/android/cards/tasmocontrol/tasmocontrol.component.html
new file mode 100644
index 0000000..c574529
--- /dev/null
+++ b/src/app/sites/android/cards/tasmocontrol/tasmocontrol.component.html
@@ -0,0 +1 @@
+<p>tasmocontrol works!</p>
diff --git a/src/app/sites/android/cards/tasmocontrol/tasmocontrol.component.spec.ts b/src/app/sites/android/cards/tasmocontrol/tasmocontrol.component.spec.ts
new file mode 100644
index 0000000..01b95d8
--- /dev/null
+++ b/src/app/sites/android/cards/tasmocontrol/tasmocontrol.component.spec.ts
@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { TasmocontrolComponent } from './tasmocontrol.component';
+
+describe('TasmocontrolComponent', () => {
+  let component: TasmocontrolComponent;
+  let fixture: ComponentFixture<TasmocontrolComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      declarations: [ TasmocontrolComponent ]
+    })
+    .compileComponents();
+
+    fixture = TestBed.createComponent(TasmocontrolComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/sites/android/cards/tasmocontrol/tasmocontrol.component.ts b/src/app/sites/android/cards/tasmocontrol/tasmocontrol.component.ts
new file mode 100644
index 0000000..598836d
--- /dev/null
+++ b/src/app/sites/android/cards/tasmocontrol/tasmocontrol.component.ts
@@ -0,0 +1,15 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'app-tasmocontrol',
+  templateUrl: './tasmocontrol.component.html',
+  styleUrls: ['./tasmocontrol.component.css']
+})
+export class TasmocontrolComponent implements OnInit {
+
+  constructor() { }
+
+  ngOnInit(): void {
+  }
+
+}
diff --git a/src/app/sites/angular/cards/artikelverwaltung/artikelverwaltung.component.css b/src/app/sites/angular/cards/artikelverwaltung/artikelverwaltung.component.css
new file mode 100644
index 0000000..e69de29
diff --git a/src/app/sites/angular/cards/artikelverwaltung/artikelverwaltung.component.html b/src/app/sites/angular/cards/artikelverwaltung/artikelverwaltung.component.html
new file mode 100644
index 0000000..5f27617
--- /dev/null
+++ b/src/app/sites/angular/cards/artikelverwaltung/artikelverwaltung.component.html
@@ -0,0 +1 @@
+<p>artikelverwaltung works!</p>
diff --git a/src/app/sites/angular/cards/artikelverwaltung/artikelverwaltung.component.spec.ts b/src/app/sites/angular/cards/artikelverwaltung/artikelverwaltung.component.spec.ts
new file mode 100644
index 0000000..e5d29e7
--- /dev/null
+++ b/src/app/sites/angular/cards/artikelverwaltung/artikelverwaltung.component.spec.ts
@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { ArtikelverwaltungComponent } from './artikelverwaltung.component';
+
+describe('ArtikelverwaltungComponent', () => {
+  let component: ArtikelverwaltungComponent;
+  let fixture: ComponentFixture<ArtikelverwaltungComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      declarations: [ ArtikelverwaltungComponent ]
+    })
+    .compileComponents();
+
+    fixture = TestBed.createComponent(ArtikelverwaltungComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/sites/angular/cards/artikelverwaltung/artikelverwaltung.component.ts b/src/app/sites/angular/cards/artikelverwaltung/artikelverwaltung.component.ts
new file mode 100644
index 0000000..b645bd3
--- /dev/null
+++ b/src/app/sites/angular/cards/artikelverwaltung/artikelverwaltung.component.ts
@@ -0,0 +1,15 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'app-artikelverwaltung',
+  templateUrl: './artikelverwaltung.component.html',
+  styleUrls: ['./artikelverwaltung.component.css']
+})
+export class ArtikelverwaltungComponent implements OnInit {
+
+  constructor() { }
+
+  ngOnInit(): void {
+  }
+
+}
diff --git a/src/app/sites/angular/cards/cards.component.css b/src/app/sites/angular/cards/cards.component.css
new file mode 100644
index 0000000..e69de29
diff --git a/src/app/sites/angular/cards/cards.component.html b/src/app/sites/angular/cards/cards.component.html
new file mode 100644
index 0000000..670aeca
--- /dev/null
+++ b/src/app/sites/angular/cards/cards.component.html
@@ -0,0 +1 @@
+<p>cards works!</p>
diff --git a/src/app/sites/angular/cards/cards.component.spec.ts b/src/app/sites/angular/cards/cards.component.spec.ts
new file mode 100644
index 0000000..a908b43
--- /dev/null
+++ b/src/app/sites/angular/cards/cards.component.spec.ts
@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { CardsComponent } from './cards.component';
+
+describe('CardsComponent', () => {
+  let component: CardsComponent;
+  let fixture: ComponentFixture<CardsComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      declarations: [ CardsComponent ]
+    })
+    .compileComponents();
+
+    fixture = TestBed.createComponent(CardsComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/sites/angular/cards/cards.component.ts b/src/app/sites/angular/cards/cards.component.ts
new file mode 100644
index 0000000..75d47a6
--- /dev/null
+++ b/src/app/sites/angular/cards/cards.component.ts
@@ -0,0 +1,15 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'app-cards',
+  templateUrl: './cards.component.html',
+  styleUrls: ['./cards.component.css']
+})
+export class CardsComponent implements OnInit {
+
+  constructor() { }
+
+  ngOnInit(): void {
+  }
+
+}
diff --git a/src/app/sites/angular/cards/ipv4-converter/ipv4-converter.component.css b/src/app/sites/angular/cards/ipv4-converter/ipv4-converter.component.css
new file mode 100644
index 0000000..e69de29
diff --git a/src/app/sites/angular/cards/ipv4-converter/ipv4-converter.component.html b/src/app/sites/angular/cards/ipv4-converter/ipv4-converter.component.html
new file mode 100644
index 0000000..ad7017f
--- /dev/null
+++ b/src/app/sites/angular/cards/ipv4-converter/ipv4-converter.component.html
@@ -0,0 +1 @@
+<p>ipv4-converter works!</p>
diff --git a/src/app/sites/angular/cards/ipv4-converter/ipv4-converter.component.spec.ts b/src/app/sites/angular/cards/ipv4-converter/ipv4-converter.component.spec.ts
new file mode 100644
index 0000000..f6a0a38
--- /dev/null
+++ b/src/app/sites/angular/cards/ipv4-converter/ipv4-converter.component.spec.ts
@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { Ipv4ConverterComponent } from './ipv4-converter.component';
+
+describe('Ipv4ConverterComponent', () => {
+  let component: Ipv4ConverterComponent;
+  let fixture: ComponentFixture<Ipv4ConverterComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      declarations: [ Ipv4ConverterComponent ]
+    })
+    .compileComponents();
+
+    fixture = TestBed.createComponent(Ipv4ConverterComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/sites/angular/cards/ipv4-converter/ipv4-converter.component.ts b/src/app/sites/angular/cards/ipv4-converter/ipv4-converter.component.ts
new file mode 100644
index 0000000..eaf16bc
--- /dev/null
+++ b/src/app/sites/angular/cards/ipv4-converter/ipv4-converter.component.ts
@@ -0,0 +1,15 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'app-ipv4-converter',
+  templateUrl: './ipv4-converter.component.html',
+  styleUrls: ['./ipv4-converter.component.css']
+})
+export class Ipv4ConverterComponent implements OnInit {
+
+  constructor() { }
+
+  ngOnInit(): void {
+  }
+
+}
diff --git a/src/app/sites/angular/cards/portfolio/portfolio.component.css b/src/app/sites/angular/cards/portfolio/portfolio.component.css
new file mode 100644
index 0000000..e69de29
diff --git a/src/app/sites/angular/cards/portfolio/portfolio.component.html b/src/app/sites/angular/cards/portfolio/portfolio.component.html
new file mode 100644
index 0000000..6944f6f
--- /dev/null
+++ b/src/app/sites/angular/cards/portfolio/portfolio.component.html
@@ -0,0 +1 @@
+<p>portfolio works!</p>
diff --git a/src/app/sites/angular/cards/portfolio/portfolio.component.spec.ts b/src/app/sites/angular/cards/portfolio/portfolio.component.spec.ts
new file mode 100644
index 0000000..23128bb
--- /dev/null
+++ b/src/app/sites/angular/cards/portfolio/portfolio.component.spec.ts
@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { PortfolioComponent } from './portfolio.component';
+
+describe('PortfolioComponent', () => {
+  let component: PortfolioComponent;
+  let fixture: ComponentFixture<PortfolioComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      declarations: [ PortfolioComponent ]
+    })
+    .compileComponents();
+
+    fixture = TestBed.createComponent(PortfolioComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/sites/angular/cards/portfolio/portfolio.component.ts b/src/app/sites/angular/cards/portfolio/portfolio.component.ts
new file mode 100644
index 0000000..f5f4f7d
--- /dev/null
+++ b/src/app/sites/angular/cards/portfolio/portfolio.component.ts
@@ -0,0 +1,15 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'app-portfolio',
+  templateUrl: './portfolio.component.html',
+  styleUrls: ['./portfolio.component.css']
+})
+export class PortfolioComponent implements OnInit {
+
+  constructor() { }
+
+  ngOnInit(): void {
+  }
+
+}
diff --git a/src/app/sites/csharp/cards/artikelverwaltung/artikelverwaltung.component.css b/src/app/sites/csharp/cards/artikelverwaltung/artikelverwaltung.component.css
new file mode 100644
index 0000000..e69de29
diff --git a/src/app/sites/csharp/cards/artikelverwaltung/artikelverwaltung.component.html b/src/app/sites/csharp/cards/artikelverwaltung/artikelverwaltung.component.html
new file mode 100644
index 0000000..5f27617
--- /dev/null
+++ b/src/app/sites/csharp/cards/artikelverwaltung/artikelverwaltung.component.html
@@ -0,0 +1 @@
+<p>artikelverwaltung works!</p>
diff --git a/src/app/sites/csharp/cards/artikelverwaltung/artikelverwaltung.component.spec.ts b/src/app/sites/csharp/cards/artikelverwaltung/artikelverwaltung.component.spec.ts
new file mode 100644
index 0000000..e5d29e7
--- /dev/null
+++ b/src/app/sites/csharp/cards/artikelverwaltung/artikelverwaltung.component.spec.ts
@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { ArtikelverwaltungComponent } from './artikelverwaltung.component';
+
+describe('ArtikelverwaltungComponent', () => {
+  let component: ArtikelverwaltungComponent;
+  let fixture: ComponentFixture<ArtikelverwaltungComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      declarations: [ ArtikelverwaltungComponent ]
+    })
+    .compileComponents();
+
+    fixture = TestBed.createComponent(ArtikelverwaltungComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/sites/csharp/cards/artikelverwaltung/artikelverwaltung.component.ts b/src/app/sites/csharp/cards/artikelverwaltung/artikelverwaltung.component.ts
new file mode 100644
index 0000000..b645bd3
--- /dev/null
+++ b/src/app/sites/csharp/cards/artikelverwaltung/artikelverwaltung.component.ts
@@ -0,0 +1,15 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'app-artikelverwaltung',
+  templateUrl: './artikelverwaltung.component.html',
+  styleUrls: ['./artikelverwaltung.component.css']
+})
+export class ArtikelverwaltungComponent implements OnInit {
+
+  constructor() { }
+
+  ngOnInit(): void {
+  }
+
+}
diff --git a/src/app/sites/csharp/cards/cards.component.css b/src/app/sites/csharp/cards/cards.component.css
new file mode 100644
index 0000000..e69de29
diff --git a/src/app/sites/csharp/cards/cards.component.html b/src/app/sites/csharp/cards/cards.component.html
new file mode 100644
index 0000000..670aeca
--- /dev/null
+++ b/src/app/sites/csharp/cards/cards.component.html
@@ -0,0 +1 @@
+<p>cards works!</p>
diff --git a/src/app/sites/csharp/cards/cards.component.spec.ts b/src/app/sites/csharp/cards/cards.component.spec.ts
new file mode 100644
index 0000000..a908b43
--- /dev/null
+++ b/src/app/sites/csharp/cards/cards.component.spec.ts
@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { CardsComponent } from './cards.component';
+
+describe('CardsComponent', () => {
+  let component: CardsComponent;
+  let fixture: ComponentFixture<CardsComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      declarations: [ CardsComponent ]
+    })
+    .compileComponents();
+
+    fixture = TestBed.createComponent(CardsComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/sites/csharp/cards/cards.component.ts b/src/app/sites/csharp/cards/cards.component.ts
new file mode 100644
index 0000000..75d47a6
--- /dev/null
+++ b/src/app/sites/csharp/cards/cards.component.ts
@@ -0,0 +1,15 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'app-cards',
+  templateUrl: './cards.component.html',
+  styleUrls: ['./cards.component.css']
+})
+export class CardsComponent implements OnInit {
+
+  constructor() { }
+
+  ngOnInit(): void {
+  }
+
+}
diff --git a/src/app/sites/csharp/cards/exel-summierer/exel-summierer.component.css b/src/app/sites/csharp/cards/exel-summierer/exel-summierer.component.css
new file mode 100644
index 0000000..e69de29
diff --git a/src/app/sites/csharp/cards/exel-summierer/exel-summierer.component.html b/src/app/sites/csharp/cards/exel-summierer/exel-summierer.component.html
new file mode 100644
index 0000000..de3ffbd
--- /dev/null
+++ b/src/app/sites/csharp/cards/exel-summierer/exel-summierer.component.html
@@ -0,0 +1 @@
+<p>exel-summierer works!</p>
diff --git a/src/app/sites/csharp/cards/exel-summierer/exel-summierer.component.spec.ts b/src/app/sites/csharp/cards/exel-summierer/exel-summierer.component.spec.ts
new file mode 100644
index 0000000..fa7dcec
--- /dev/null
+++ b/src/app/sites/csharp/cards/exel-summierer/exel-summierer.component.spec.ts
@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { ExelSummiererComponent } from './exel-summierer.component';
+
+describe('ExelSummiererComponent', () => {
+  let component: ExelSummiererComponent;
+  let fixture: ComponentFixture<ExelSummiererComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      declarations: [ ExelSummiererComponent ]
+    })
+    .compileComponents();
+
+    fixture = TestBed.createComponent(ExelSummiererComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/sites/csharp/cards/exel-summierer/exel-summierer.component.ts b/src/app/sites/csharp/cards/exel-summierer/exel-summierer.component.ts
new file mode 100644
index 0000000..0d93338
--- /dev/null
+++ b/src/app/sites/csharp/cards/exel-summierer/exel-summierer.component.ts
@@ -0,0 +1,15 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'app-exel-summierer',
+  templateUrl: './exel-summierer.component.html',
+  styleUrls: ['./exel-summierer.component.css']
+})
+export class ExelSummiererComponent implements OnInit {
+
+  constructor() { }
+
+  ngOnInit(): void {
+  }
+
+}
diff --git a/src/app/sites/csharp/cards/ipv4-converter/ipv4-converter.component.css b/src/app/sites/csharp/cards/ipv4-converter/ipv4-converter.component.css
new file mode 100644
index 0000000..e69de29
diff --git a/src/app/sites/csharp/cards/ipv4-converter/ipv4-converter.component.html b/src/app/sites/csharp/cards/ipv4-converter/ipv4-converter.component.html
new file mode 100644
index 0000000..ad7017f
--- /dev/null
+++ b/src/app/sites/csharp/cards/ipv4-converter/ipv4-converter.component.html
@@ -0,0 +1 @@
+<p>ipv4-converter works!</p>
diff --git a/src/app/sites/csharp/cards/ipv4-converter/ipv4-converter.component.spec.ts b/src/app/sites/csharp/cards/ipv4-converter/ipv4-converter.component.spec.ts
new file mode 100644
index 0000000..f6a0a38
--- /dev/null
+++ b/src/app/sites/csharp/cards/ipv4-converter/ipv4-converter.component.spec.ts
@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { Ipv4ConverterComponent } from './ipv4-converter.component';
+
+describe('Ipv4ConverterComponent', () => {
+  let component: Ipv4ConverterComponent;
+  let fixture: ComponentFixture<Ipv4ConverterComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      declarations: [ Ipv4ConverterComponent ]
+    })
+    .compileComponents();
+
+    fixture = TestBed.createComponent(Ipv4ConverterComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/sites/csharp/cards/ipv4-converter/ipv4-converter.component.ts b/src/app/sites/csharp/cards/ipv4-converter/ipv4-converter.component.ts
new file mode 100644
index 0000000..eaf16bc
--- /dev/null
+++ b/src/app/sites/csharp/cards/ipv4-converter/ipv4-converter.component.ts
@@ -0,0 +1,15 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'app-ipv4-converter',
+  templateUrl: './ipv4-converter.component.html',
+  styleUrls: ['./ipv4-converter.component.css']
+})
+export class Ipv4ConverterComponent implements OnInit {
+
+  constructor() { }
+
+  ngOnInit(): void {
+  }
+
+}
diff --git a/src/app/sites/csharp/cards/json-writer/json-writer.component.css b/src/app/sites/csharp/cards/json-writer/json-writer.component.css
new file mode 100644
index 0000000..e69de29
diff --git a/src/app/sites/csharp/cards/json-writer/json-writer.component.html b/src/app/sites/csharp/cards/json-writer/json-writer.component.html
new file mode 100644
index 0000000..7e20997
--- /dev/null
+++ b/src/app/sites/csharp/cards/json-writer/json-writer.component.html
@@ -0,0 +1 @@
+<p>json-writer works!</p>
diff --git a/src/app/sites/csharp/cards/json-writer/json-writer.component.spec.ts b/src/app/sites/csharp/cards/json-writer/json-writer.component.spec.ts
new file mode 100644
index 0000000..fba984d
--- /dev/null
+++ b/src/app/sites/csharp/cards/json-writer/json-writer.component.spec.ts
@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { JsonWriterComponent } from './json-writer.component';
+
+describe('JsonWriterComponent', () => {
+  let component: JsonWriterComponent;
+  let fixture: ComponentFixture<JsonWriterComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      declarations: [ JsonWriterComponent ]
+    })
+    .compileComponents();
+
+    fixture = TestBed.createComponent(JsonWriterComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/sites/csharp/cards/json-writer/json-writer.component.ts b/src/app/sites/csharp/cards/json-writer/json-writer.component.ts
new file mode 100644
index 0000000..2e2f1c3
--- /dev/null
+++ b/src/app/sites/csharp/cards/json-writer/json-writer.component.ts
@@ -0,0 +1,15 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'app-json-writer',
+  templateUrl: './json-writer.component.html',
+  styleUrls: ['./json-writer.component.css']
+})
+export class JsonWriterComponent implements OnInit {
+
+  constructor() { }
+
+  ngOnInit(): void {
+  }
+
+}
diff --git a/src/app/sites/csharp/cards/morsecoder/morsecoder.component.css b/src/app/sites/csharp/cards/morsecoder/morsecoder.component.css
new file mode 100644
index 0000000..e69de29
diff --git a/src/app/sites/csharp/cards/morsecoder/morsecoder.component.html b/src/app/sites/csharp/cards/morsecoder/morsecoder.component.html
new file mode 100644
index 0000000..228173c
--- /dev/null
+++ b/src/app/sites/csharp/cards/morsecoder/morsecoder.component.html
@@ -0,0 +1 @@
+<p>morsecoder works!</p>
diff --git a/src/app/sites/csharp/cards/morsecoder/morsecoder.component.spec.ts b/src/app/sites/csharp/cards/morsecoder/morsecoder.component.spec.ts
new file mode 100644
index 0000000..a74569d
--- /dev/null
+++ b/src/app/sites/csharp/cards/morsecoder/morsecoder.component.spec.ts
@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { MorsecoderComponent } from './morsecoder.component';
+
+describe('MorsecoderComponent', () => {
+  let component: MorsecoderComponent;
+  let fixture: ComponentFixture<MorsecoderComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      declarations: [ MorsecoderComponent ]
+    })
+    .compileComponents();
+
+    fixture = TestBed.createComponent(MorsecoderComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/sites/csharp/cards/morsecoder/morsecoder.component.ts b/src/app/sites/csharp/cards/morsecoder/morsecoder.component.ts
new file mode 100644
index 0000000..a804fbc
--- /dev/null
+++ b/src/app/sites/csharp/cards/morsecoder/morsecoder.component.ts
@@ -0,0 +1,15 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'app-morsecoder',
+  templateUrl: './morsecoder.component.html',
+  styleUrls: ['./morsecoder.component.css']
+})
+export class MorsecoderComponent implements OnInit {
+
+  constructor() { }
+
+  ngOnInit(): void {
+  }
+
+}
diff --git a/src/app/sites/csharp/cards/pruefungsapp/pruefungsapp.component.css b/src/app/sites/csharp/cards/pruefungsapp/pruefungsapp.component.css
new file mode 100644
index 0000000..e69de29
diff --git a/src/app/sites/csharp/cards/pruefungsapp/pruefungsapp.component.html b/src/app/sites/csharp/cards/pruefungsapp/pruefungsapp.component.html
new file mode 100644
index 0000000..66923fa
--- /dev/null
+++ b/src/app/sites/csharp/cards/pruefungsapp/pruefungsapp.component.html
@@ -0,0 +1 @@
+<p>pruefungsapp works!</p>
diff --git a/src/app/sites/csharp/cards/pruefungsapp/pruefungsapp.component.spec.ts b/src/app/sites/csharp/cards/pruefungsapp/pruefungsapp.component.spec.ts
new file mode 100644
index 0000000..4775b54
--- /dev/null
+++ b/src/app/sites/csharp/cards/pruefungsapp/pruefungsapp.component.spec.ts
@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { PruefungsappComponent } from './pruefungsapp.component';
+
+describe('PruefungsappComponent', () => {
+  let component: PruefungsappComponent;
+  let fixture: ComponentFixture<PruefungsappComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      declarations: [ PruefungsappComponent ]
+    })
+    .compileComponents();
+
+    fixture = TestBed.createComponent(PruefungsappComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/sites/csharp/cards/pruefungsapp/pruefungsapp.component.ts b/src/app/sites/csharp/cards/pruefungsapp/pruefungsapp.component.ts
new file mode 100644
index 0000000..6671d52
--- /dev/null
+++ b/src/app/sites/csharp/cards/pruefungsapp/pruefungsapp.component.ts
@@ -0,0 +1,15 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'app-pruefungsapp',
+  templateUrl: './pruefungsapp.component.html',
+  styleUrls: ['./pruefungsapp.component.css']
+})
+export class PruefungsappComponent implements OnInit {
+
+  constructor() { }
+
+  ngOnInit(): void {
+  }
+
+}
diff --git a/src/app/sites/java/cards/cards.component.css b/src/app/sites/java/cards/cards.component.css
new file mode 100644
index 0000000..e69de29
diff --git a/src/app/sites/java/cards/cards.component.html b/src/app/sites/java/cards/cards.component.html
new file mode 100644
index 0000000..670aeca
--- /dev/null
+++ b/src/app/sites/java/cards/cards.component.html
@@ -0,0 +1 @@
+<p>cards works!</p>
diff --git a/src/app/sites/java/cards/cards.component.spec.ts b/src/app/sites/java/cards/cards.component.spec.ts
new file mode 100644
index 0000000..a908b43
--- /dev/null
+++ b/src/app/sites/java/cards/cards.component.spec.ts
@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { CardsComponent } from './cards.component';
+
+describe('CardsComponent', () => {
+  let component: CardsComponent;
+  let fixture: ComponentFixture<CardsComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      declarations: [ CardsComponent ]
+    })
+    .compileComponents();
+
+    fixture = TestBed.createComponent(CardsComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/sites/java/cards/cards.component.ts b/src/app/sites/java/cards/cards.component.ts
new file mode 100644
index 0000000..75d47a6
--- /dev/null
+++ b/src/app/sites/java/cards/cards.component.ts
@@ -0,0 +1,15 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'app-cards',
+  templateUrl: './cards.component.html',
+  styleUrls: ['./cards.component.css']
+})
+export class CardsComponent implements OnInit {
+
+  constructor() { }
+
+  ngOnInit(): void {
+  }
+
+}
diff --git a/src/app/sites/java/cards/hangman/hangman.component.css b/src/app/sites/java/cards/hangman/hangman.component.css
new file mode 100644
index 0000000..e69de29
diff --git a/src/app/sites/java/cards/hangman/hangman.component.html b/src/app/sites/java/cards/hangman/hangman.component.html
new file mode 100644
index 0000000..b554ab9
--- /dev/null
+++ b/src/app/sites/java/cards/hangman/hangman.component.html
@@ -0,0 +1 @@
+<p>hangman works!</p>
diff --git a/src/app/sites/java/cards/hangman/hangman.component.spec.ts b/src/app/sites/java/cards/hangman/hangman.component.spec.ts
new file mode 100644
index 0000000..56485ed
--- /dev/null
+++ b/src/app/sites/java/cards/hangman/hangman.component.spec.ts
@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { HangmanComponent } from './hangman.component';
+
+describe('HangmanComponent', () => {
+  let component: HangmanComponent;
+  let fixture: ComponentFixture<HangmanComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      declarations: [ HangmanComponent ]
+    })
+    .compileComponents();
+
+    fixture = TestBed.createComponent(HangmanComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/sites/java/cards/hangman/hangman.component.ts b/src/app/sites/java/cards/hangman/hangman.component.ts
new file mode 100644
index 0000000..0f7bbc2
--- /dev/null
+++ b/src/app/sites/java/cards/hangman/hangman.component.ts
@@ -0,0 +1,15 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'app-hangman',
+  templateUrl: './hangman.component.html',
+  styleUrls: ['./hangman.component.css']
+})
+export class HangmanComponent implements OnInit {
+
+  constructor() { }
+
+  ngOnInit(): void {
+  }
+
+}
diff --git a/src/app/sites/java/cards/passwort-generator/passwort-generator.component.css b/src/app/sites/java/cards/passwort-generator/passwort-generator.component.css
new file mode 100644
index 0000000..e69de29
diff --git a/src/app/sites/java/cards/passwort-generator/passwort-generator.component.html b/src/app/sites/java/cards/passwort-generator/passwort-generator.component.html
new file mode 100644
index 0000000..3e39670
--- /dev/null
+++ b/src/app/sites/java/cards/passwort-generator/passwort-generator.component.html
@@ -0,0 +1 @@
+<p>passwort-generator works!</p>
diff --git a/src/app/sites/java/cards/passwort-generator/passwort-generator.component.spec.ts b/src/app/sites/java/cards/passwort-generator/passwort-generator.component.spec.ts
new file mode 100644
index 0000000..c7675da
--- /dev/null
+++ b/src/app/sites/java/cards/passwort-generator/passwort-generator.component.spec.ts
@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { PasswortGeneratorComponent } from './passwort-generator.component';
+
+describe('PasswortGeneratorComponent', () => {
+  let component: PasswortGeneratorComponent;
+  let fixture: ComponentFixture<PasswortGeneratorComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      declarations: [ PasswortGeneratorComponent ]
+    })
+    .compileComponents();
+
+    fixture = TestBed.createComponent(PasswortGeneratorComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/sites/java/cards/passwort-generator/passwort-generator.component.ts b/src/app/sites/java/cards/passwort-generator/passwort-generator.component.ts
new file mode 100644
index 0000000..ce3ac6e
--- /dev/null
+++ b/src/app/sites/java/cards/passwort-generator/passwort-generator.component.ts
@@ -0,0 +1,15 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'app-passwort-generator',
+  templateUrl: './passwort-generator.component.html',
+  styleUrls: ['./passwort-generator.component.css']
+})
+export class PasswortGeneratorComponent implements OnInit {
+
+  constructor() { }
+
+  ngOnInit(): void {
+  }
+
+}
diff --git a/src/app/sites/python/cards/cards.component.css b/src/app/sites/python/cards/cards.component.css
new file mode 100644
index 0000000..e69de29
diff --git a/src/app/sites/python/cards/cards.component.html b/src/app/sites/python/cards/cards.component.html
new file mode 100644
index 0000000..670aeca
--- /dev/null
+++ b/src/app/sites/python/cards/cards.component.html
@@ -0,0 +1 @@
+<p>cards works!</p>
diff --git a/src/app/sites/python/cards/cards.component.spec.ts b/src/app/sites/python/cards/cards.component.spec.ts
new file mode 100644
index 0000000..a908b43
--- /dev/null
+++ b/src/app/sites/python/cards/cards.component.spec.ts
@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { CardsComponent } from './cards.component';
+
+describe('CardsComponent', () => {
+  let component: CardsComponent;
+  let fixture: ComponentFixture<CardsComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      declarations: [ CardsComponent ]
+    })
+    .compileComponents();
+
+    fixture = TestBed.createComponent(CardsComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/sites/python/cards/cards.component.ts b/src/app/sites/python/cards/cards.component.ts
new file mode 100644
index 0000000..75d47a6
--- /dev/null
+++ b/src/app/sites/python/cards/cards.component.ts
@@ -0,0 +1,15 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'app-cards',
+  templateUrl: './cards.component.html',
+  styleUrls: ['./cards.component.css']
+})
+export class CardsComponent implements OnInit {
+
+  constructor() { }
+
+  ngOnInit(): void {
+  }
+
+}
diff --git a/src/app/sites/python/cards/discord-bots/discord-bots.component.css b/src/app/sites/python/cards/discord-bots/discord-bots.component.css
new file mode 100644
index 0000000..e69de29
diff --git a/src/app/sites/python/cards/discord-bots/discord-bots.component.html b/src/app/sites/python/cards/discord-bots/discord-bots.component.html
new file mode 100644
index 0000000..3a24895
--- /dev/null
+++ b/src/app/sites/python/cards/discord-bots/discord-bots.component.html
@@ -0,0 +1 @@
+<p>discord-bots works!</p>
diff --git a/src/app/sites/python/cards/discord-bots/discord-bots.component.spec.ts b/src/app/sites/python/cards/discord-bots/discord-bots.component.spec.ts
new file mode 100644
index 0000000..38a2517
--- /dev/null
+++ b/src/app/sites/python/cards/discord-bots/discord-bots.component.spec.ts
@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { DiscordBotsComponent } from './discord-bots.component';
+
+describe('DiscordBotsComponent', () => {
+  let component: DiscordBotsComponent;
+  let fixture: ComponentFixture<DiscordBotsComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      declarations: [ DiscordBotsComponent ]
+    })
+    .compileComponents();
+
+    fixture = TestBed.createComponent(DiscordBotsComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/sites/python/cards/discord-bots/discord-bots.component.ts b/src/app/sites/python/cards/discord-bots/discord-bots.component.ts
new file mode 100644
index 0000000..ec54594
--- /dev/null
+++ b/src/app/sites/python/cards/discord-bots/discord-bots.component.ts
@@ -0,0 +1,15 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'app-discord-bots',
+  templateUrl: './discord-bots.component.html',
+  styleUrls: ['./discord-bots.component.css']
+})
+export class DiscordBotsComponent implements OnInit {
+
+  constructor() { }
+
+  ngOnInit(): void {
+  }
+
+}
diff --git a/src/app/sites/python/cards/eventboard/eventboard.component.css b/src/app/sites/python/cards/eventboard/eventboard.component.css
new file mode 100644
index 0000000..e69de29
diff --git a/src/app/sites/python/cards/eventboard/eventboard.component.html b/src/app/sites/python/cards/eventboard/eventboard.component.html
new file mode 100644
index 0000000..4486fbd
--- /dev/null
+++ b/src/app/sites/python/cards/eventboard/eventboard.component.html
@@ -0,0 +1 @@
+<p>eventboard works!</p>
diff --git a/src/app/sites/python/cards/eventboard/eventboard.component.spec.ts b/src/app/sites/python/cards/eventboard/eventboard.component.spec.ts
new file mode 100644
index 0000000..f3c0141
--- /dev/null
+++ b/src/app/sites/python/cards/eventboard/eventboard.component.spec.ts
@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { EventboardComponent } from './eventboard.component';
+
+describe('EventboardComponent', () => {
+  let component: EventboardComponent;
+  let fixture: ComponentFixture<EventboardComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      declarations: [ EventboardComponent ]
+    })
+    .compileComponents();
+
+    fixture = TestBed.createComponent(EventboardComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/sites/python/cards/eventboard/eventboard.component.ts b/src/app/sites/python/cards/eventboard/eventboard.component.ts
new file mode 100644
index 0000000..4ead5aa
--- /dev/null
+++ b/src/app/sites/python/cards/eventboard/eventboard.component.ts
@@ -0,0 +1,15 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'app-eventboard',
+  templateUrl: './eventboard.component.html',
+  styleUrls: ['./eventboard.component.css']
+})
+export class EventboardComponent implements OnInit {
+
+  constructor() { }
+
+  ngOnInit(): void {
+  }
+
+}