diff --git a/add_script/dbstuff.sql b/add_script/dbstuff.sql
new file mode 100644
index 0000000..2ed0c19
--- /dev/null
+++ b/add_script/dbstuff.sql
@@ -0,0 +1,36 @@
+USE layer;
+
+CREATE TABLE images(
+`img_id` INT NOT NULL AUTO_INCREMENT,
+`img_path` VARCHAR(100),
+`img_title` VARCHAR(50),
+`img_desc` TEXT,
+PRIMARY KEY (`img_id`)
+);
+
+
+INSERT INTO images (img_path, img_title, img_desc)
+VALUES ('./resources/img/bisasam.png', 'Bisasam', 'Dieses POKéMON trägt von Geburt an einen Samen auf dem Rücken, der mit ihm keimt und wächst.');
+
+INSERT INTO images (img_path, img_title, img_desc)
+VALUES ('./resources/img/bisaknosp.png', 'Bisaknosp', 'Sobald die Knospe auf seinem Rücken aufgeht, kann BISAKNOSP nicht mehr auf zwei Beinen stehen.');
+
+INSERT INTO images (img_path, img_title, img_desc)
+VALUES ('./resources/img/bisaflor.png', 'Bisaflor', 'Dieses POKéMON folgt der Sonne. Die Pflanze auf seinem Rücken absorbiert Solarenergie.');
+
+
+
+CREATE TABLE audio(
+`aud_id` INT NOT NULL AUTO_INCREMENT,
+`aud_path` VARCHAR(100),
+`aud_title` VARCHAR(50),
+`aud_desc` TEXT,
+PRIMARY KEY (`aud_id`)
+);
+
+
+INSERT INTO audio (aud_path,aud_title, aud_desc)
+VALUES ('/home/dani/music/bbtb.mp3', 'Bitten by the Bullet: It is really good!', 'This song is very good. It pulls inspiration from J-Rock and Punk covering many topics that I was dealing with at the time of writing.');
+
+INSERT INTO audio (aud_path, aud_title, aud_desc)
+VALUES ('/home/dani/music/chronostasis.mp3', 'the enigmatic benefits of chronostasis', "The blink of an eye. The stroke of a colibri's wing. The entire span of primordial nucleosynthesis. Moments can only last so long, But you have the power of making it last forever.");
diff --git a/add_script/start_nginx.sh b/add_script/start_nginx.sh
new file mode 100755
index 0000000..cdc3f1a
--- /dev/null
+++ b/add_script/start_nginx.sh
@@ -0,0 +1,3 @@
+#!/bin/sh
+
+/usr/sbin/nginx -c nginx.conf -p $(pwd)&
diff --git a/app/config.php b/app/config.php
new file mode 100644
index 0000000..95d5da0
--- /dev/null
+++ b/app/config.php
@@ -0,0 +1,7 @@
+getMessage();
+ }
+
+function get_images($pdo) {
+ $stmt = $pdo->prepare("SELECT * FROM images;");
+ $stmt->execute();
+ $data = $stmt->fetchAll();
+
+ $img_list = '
';
+ foreach ($data as $block) {
+ $img_list .= '- ';
+ $img_list .= '
';
+ $img_list .= ''.$block['img_title']."
";
+ $img_list .= ''.$block['img_desc']."
";
+ $img_list .= ' ';
+ }
+ $img_list .= '
';
+ echo $img_list;
+}
diff --git a/public/404.php b/public/404.php
new file mode 100644
index 0000000..f120385
--- /dev/null
+++ b/public/404.php
@@ -0,0 +1 @@
+Sie haben hier nichts zu suchen.
diff --git a/public/image.php b/public/image.php
new file mode 100644
index 0000000..1082a5a
--- /dev/null
+++ b/public/image.php
@@ -0,0 +1,7 @@
+> chosen file type: image
listing files:
+
+
+
diff --git a/public/resources/fav.ico b/public/resources/fav.ico
new file mode 100644
index 0000000..7684393
Binary files /dev/null and b/public/resources/fav.ico differ
diff --git a/public/resources/fonts/LiberationMono-Regular.ttf b/public/resources/fonts/LiberationMono-Regular.ttf
new file mode 100644
index 0000000..1a39bc7
Binary files /dev/null and b/public/resources/fonts/LiberationMono-Regular.ttf differ
diff --git a/public/resources/fonts/LiberationMono.woff b/public/resources/fonts/LiberationMono.woff
new file mode 100644
index 0000000..05f5bd2
Binary files /dev/null and b/public/resources/fonts/LiberationMono.woff differ
diff --git a/public/resources/fonts/LiberationSans-Regular.ttf b/public/resources/fonts/LiberationSans-Regular.ttf
new file mode 100644
index 0000000..626dd93
Binary files /dev/null and b/public/resources/fonts/LiberationSans-Regular.ttf differ
diff --git a/public/resources/fonts/LiberationSans.woff b/public/resources/fonts/LiberationSans.woff
new file mode 100644
index 0000000..bb582d5
Binary files /dev/null and b/public/resources/fonts/LiberationSans.woff differ
diff --git a/public/resources/fonts/LiberationSerif-Regular.ttf b/public/resources/fonts/LiberationSerif-Regular.ttf
new file mode 100644
index 0000000..6fa9a59
Binary files /dev/null and b/public/resources/fonts/LiberationSerif-Regular.ttf differ
diff --git a/public/resources/fonts/LiberationSerif.woff b/public/resources/fonts/LiberationSerif.woff
new file mode 100644
index 0000000..02b3dbc
Binary files /dev/null and b/public/resources/fonts/LiberationSerif.woff differ
diff --git a/public/resources/fonts/RealityHyperRegular.ttf b/public/resources/fonts/RealityHyperRegular.ttf
new file mode 100644
index 0000000..ec20fee
Binary files /dev/null and b/public/resources/fonts/RealityHyperRegular.ttf differ
diff --git a/public/resources/fonts/RealityHyperRegular.woff b/public/resources/fonts/RealityHyperRegular.woff
new file mode 100644
index 0000000..49517b3
Binary files /dev/null and b/public/resources/fonts/RealityHyperRegular.woff differ
diff --git a/public/resources/img/8_spinning_30fps.gif b/public/resources/img/8_spinning_30fps.gif
new file mode 100644
index 0000000..4973f2e
Binary files /dev/null and b/public/resources/img/8_spinning_30fps.gif differ
diff --git a/public/resources/img/bisaflor.png b/public/resources/img/bisaflor.png
new file mode 100644
index 0000000..9d30841
Binary files /dev/null and b/public/resources/img/bisaflor.png differ
diff --git a/public/resources/img/bisaknosp.png b/public/resources/img/bisaknosp.png
new file mode 100644
index 0000000..3ec7a3b
Binary files /dev/null and b/public/resources/img/bisaknosp.png differ
diff --git a/public/resources/img/bisasam.png b/public/resources/img/bisasam.png
new file mode 100644
index 0000000..a3cbdc6
Binary files /dev/null and b/public/resources/img/bisasam.png differ
diff --git a/public/resources/stylesheet.css b/public/resources/stylesheet.css
new file mode 100644
index 0000000..b162a56
--- /dev/null
+++ b/public/resources/stylesheet.css
@@ -0,0 +1,115 @@
+@font-face {
+ font-family: 'sans';
+ src: url('../resources/fonts/LiberationSans.woff') format('woff'),
+ url('../resources/fonts/LiberationSans.ttf') format('truetype');
+ font-weight: normal;
+ font-style: normal;
+}
+
+@font-face {
+ font-family: 'mono';
+ src: url('../resources/fonts/LiberationMono.woff') format('woff'),
+ url('../resources/fonts/LiberationMono.ttf') format('truetype');
+ font-weight: normal;
+ font-style: normal;
+}
+
+@font-face {
+ font-family: 'hyper';
+ src: url('../resources/fonts/RealityHyperRegular.woff') format('woff'),
+ url('../resources/fonts/RealityHyperRegular.ttf') format('truetype');
+ font-weight: normal;
+ font-style: normal;
+}
+
+
+*, body {
+ box-sizing: border-box;
+ font-family: 'sans';
+ color: white;
+ background-color: black;
+}
+
+.logo_font {
+ color: #BFBFBF;
+ font-family: 'hyper';
+ font-size: 6rem;
+ text-shadow: 0 1px 0 #17202A, 0 2px 0 #17202A,
+ 0 7px 0 #17202A, 0 8px 0 #17202A,
+ 0 11px 0 #17202A, 0 12px 0 #17202A;
+ z-index: 999;
+ padding-left: 4rem;
+}
+
+.logo_gif {
+ height: 8.5rem;
+ margin: -4rem;
+ z-index: 998;
+}
+
+.logo_group {
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ pointer-events: none;
+ margin-bottom: -4rem;
+}
+
+.logo_link {
+ text-decoration: none;
+}
+
+.menu_bar {
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ font-family: 'mono';
+ font-size: 2rem;
+ text-shadow: 0 1px 0 #17202A, 0 2px 0 #17202A,
+ 0 7px 0 #17202A, 0 8px 0 #17202A,
+ 0 11px 0 #17202A, 0 12px 0 #17202A;
+}
+
+.menu_bar li {
+ list-style-type: none;
+ margin: 1rem;
+}
+
+.menu_bar li a {
+ text-decoration: none;
+ color: #BFBFBF;
+}
+
+.menu_bar li a:hover {
+ text-decoration: underline;
+ text-decoration-thickness: 5px;
+ text-decoration-color: #f3a041;
+ color: white;
+}
+
+.menu_bar li a:active {
+ text-decoration: underline;
+ text-decoration-thickness: 6px;
+ text-decoration-color: #41a3f3;
+ color: #BFBFBF;
+}
+
+.img_list {
+ display: flex;
+ flex-direction: column;
+ justify-content: space-around;
+ align-items: center;
+ padding: 2rem;
+}
+
+.img_list li {
+ list-style-type: none;
+ margin: 1rem;
+}
+
+.cat_heading {
+ font-family: 'mono';
+ font-size: 2rem;
+ padding-left: 2rem;
+ color: #BFBFBF;
+}