diff --git a/.gitignore b/.gitignore
index dccc9c3..3faef9e 100644
--- a/.gitignore
+++ b/.gitignore
@@ -9,7 +9,6 @@
# Own folders
_unused/
-res/
# Prerequisites
*.d
diff --git a/res/frontplate/WordClock_DrillingTemplate.pdf b/res/frontplate/WordClock_DrillingTemplate.pdf
new file mode 100644
index 0000000..ccf9f3e
Binary files /dev/null and b/res/frontplate/WordClock_DrillingTemplate.pdf differ
diff --git a/res/frontplate/WordClock_DrillingTemplate.svg b/res/frontplate/WordClock_DrillingTemplate.svg
new file mode 100644
index 0000000..0ec7ec6
--- /dev/null
+++ b/res/frontplate/WordClock_DrillingTemplate.svg
@@ -0,0 +1,1828 @@
+
+
+
+
diff --git a/res/frontplate/WordClock_DrillingTemplate_Overlay.svg b/res/frontplate/WordClock_DrillingTemplate_Overlay.svg
new file mode 100644
index 0000000..aa2dccf
--- /dev/null
+++ b/res/frontplate/WordClock_DrillingTemplate_Overlay.svg
@@ -0,0 +1,1828 @@
+
+
+
+
diff --git a/res/frontplate/WordClock_Front.svg b/res/frontplate/WordClock_Front.svg
new file mode 100644
index 0000000..93bcf60
--- /dev/null
+++ b/res/frontplate/WordClock_Front.svg
@@ -0,0 +1,1301 @@
+
+
+
+
diff --git a/res/frontplate/original/frontplate_wordclock2.0_english.svg b/res/frontplate/original/frontplate_wordclock2.0_english.svg
new file mode 100644
index 0000000..9804675
--- /dev/null
+++ b/res/frontplate/original/frontplate_wordclock2.0_english.svg
@@ -0,0 +1,1912 @@
+
+
diff --git a/res/frontplate/original/frontplate_wordclock2.0_german.svg b/res/frontplate/original/frontplate_wordclock2.0_german.svg
new file mode 100644
index 0000000..3018fa2
--- /dev/null
+++ b/res/frontplate/original/frontplate_wordclock2.0_german.svg
@@ -0,0 +1,1912 @@
+
+
diff --git a/res/frontplate/original/frontplate_wordclock2.0_italian.svg b/res/frontplate/original/frontplate_wordclock2.0_italian.svg
new file mode 100644
index 0000000..3d3c9bd
--- /dev/null
+++ b/res/frontplate/original/frontplate_wordclock2.0_italian.svg
@@ -0,0 +1,1912 @@
+
+
diff --git a/res/webserver/fs.html b/res/webserver/fs.html
new file mode 100644
index 0000000..97f1ee9
--- /dev/null
+++ b/res/webserver/fs.html
@@ -0,0 +1,80 @@
+
+
+
+
+
+
+
+ Filesystem Manager
+
+
+
+ ESP8266 Filesystem Manager
+
+
+
+
+
+
diff --git a/res/webserver/icons/all_icons.svg b/res/webserver/icons/all_icons.svg
new file mode 100644
index 0000000..db3df32
--- /dev/null
+++ b/res/webserver/icons/all_icons.svg
@@ -0,0 +1,273 @@
+
+
diff --git a/res/webserver/icons/arrow_left.svg b/res/webserver/icons/arrow_left.svg
new file mode 100644
index 0000000..07fc109
--- /dev/null
+++ b/res/webserver/icons/arrow_left.svg
@@ -0,0 +1,15 @@
+
+
diff --git a/res/webserver/icons/arrow_right.svg b/res/webserver/icons/arrow_right.svg
new file mode 100644
index 0000000..d862ef5
--- /dev/null
+++ b/res/webserver/icons/arrow_right.svg
@@ -0,0 +1,15 @@
+
+
diff --git a/res/webserver/icons/clock.svg b/res/webserver/icons/clock.svg
new file mode 100644
index 0000000..0712a28
--- /dev/null
+++ b/res/webserver/icons/clock.svg
@@ -0,0 +1,25 @@
+
+
diff --git a/res/webserver/icons/diclock.svg b/res/webserver/icons/diclock.svg
new file mode 100644
index 0000000..4a5d25a
--- /dev/null
+++ b/res/webserver/icons/diclock.svg
@@ -0,0 +1,20 @@
+
+
diff --git a/res/webserver/icons/pause.svg b/res/webserver/icons/pause.svg
new file mode 100644
index 0000000..4a2c9d4
--- /dev/null
+++ b/res/webserver/icons/pause.svg
@@ -0,0 +1,16 @@
+
+
diff --git a/res/webserver/icons/pingpong.svg b/res/webserver/icons/pingpong.svg
new file mode 100644
index 0000000..f0aa1dd
--- /dev/null
+++ b/res/webserver/icons/pingpong.svg
@@ -0,0 +1,23 @@
+
+
diff --git a/res/webserver/icons/play.svg b/res/webserver/icons/play.svg
new file mode 100644
index 0000000..7a02675
--- /dev/null
+++ b/res/webserver/icons/play.svg
@@ -0,0 +1,15 @@
+
+
diff --git a/res/webserver/icons/playpause.svg b/res/webserver/icons/playpause.svg
new file mode 100644
index 0000000..0e9db2c
--- /dev/null
+++ b/res/webserver/icons/playpause.svg
@@ -0,0 +1,20 @@
+
+
diff --git a/res/webserver/icons/refresh.svg b/res/webserver/icons/refresh.svg
new file mode 100644
index 0000000..c4131d5
--- /dev/null
+++ b/res/webserver/icons/refresh.svg
@@ -0,0 +1,18 @@
+
+
diff --git a/res/webserver/icons/settings.svg b/res/webserver/icons/settings.svg
new file mode 100644
index 0000000..2420243
--- /dev/null
+++ b/res/webserver/icons/settings.svg
@@ -0,0 +1,29 @@
+
+
diff --git a/res/webserver/icons/snake.svg b/res/webserver/icons/snake.svg
new file mode 100644
index 0000000..40e4c80
--- /dev/null
+++ b/res/webserver/icons/snake.svg
@@ -0,0 +1,22 @@
+
+
diff --git a/res/webserver/icons/spiral.svg b/res/webserver/icons/spiral.svg
new file mode 100644
index 0000000..c7479fc
--- /dev/null
+++ b/res/webserver/icons/spiral.svg
@@ -0,0 +1,19 @@
+
+
diff --git a/res/webserver/icons/tetris.svg b/res/webserver/icons/tetris.svg
new file mode 100644
index 0000000..4d4ae65
--- /dev/null
+++ b/res/webserver/icons/tetris.svg
@@ -0,0 +1,24 @@
+
+
diff --git a/res/webserver/index.html b/res/webserver/index.html
new file mode 100644
index 0000000..059fefa
--- /dev/null
+++ b/res/webserver/index.html
@@ -0,0 +1,565 @@
+
+
+
+
+
+
+ WORDCLOCK 2.0
+
+
+
+
+
+
+ WORDCLOCK 2.0
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
SAVE
+
+
+
+
+
+ MODE
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ COLOR
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/res/webserver/style.css b/res/webserver/style.css
new file mode 100644
index 0000000..0041e58
--- /dev/null
+++ b/res/webserver/style.css
@@ -0,0 +1,111 @@
+
+/* For more information visit:https://fipsok.de */
+body {
+ font-family: sans-serif;
+ background-color: #87cefa;
+ display: flex;
+ flex-flow: column;
+ align-items: center;
+}
+h1,h2 {
+ color: #e1e1e1;
+ text-shadow: 2px 2px 2px black;
+}
+li {
+ background-color: #feb1e2;
+ list-style-type: none;
+ margin-bottom: 10px;
+ padding: 2px 5px 1px 0;
+ box-shadow: 5px 5px 5px rgba(0,0,0,0.7);
+}
+li a:first-child, li b {
+ background-color: #8f05a5;
+ font-weight: bold;
+ color: white;
+ text-decoration:none;
+ padding: 2px 5px;
+ text-shadow: 2px 2px 1px black;
+ cursor:pointer;
+}
+li strong {
+ color: red;
+}
+input {
+ height:35px;
+ font-size:14px;
+ padding-left: .3em;
+}
+label + a {
+ text-decoration: none;
+}
+h1 + main {
+ display: flex;
+}
+aside {
+ display: flex;
+ flex-direction: column;
+ padding: 0.2em;
+}
+button {
+ height:40px;
+ width:130px;
+ font-size:16px;
+ margin-top: 1em;
+ box-shadow: 5px 5px 5px rgba(0,0,0,0.7);
+}
+div button {
+ background-color: #7bff97;
+}
+nav {
+ display: flex;
+ align-items: baseline;
+ justify-content: space-between;
+}
+#left {
+ align-items:flex-end;
+ text-shadow: 0.5px 0.5px 1px #757474;
+}
+#cr {
+ font-weight: bold;
+ cursor:pointer;
+ font-size: 1.5em;
+}
+#up {
+ width: auto;
+}
+.note {
+ background-color: #fecdee;
+ padding: 0.5em;
+ margin-top: 1em;
+ text-align: center;
+ max-width: 320px;
+ border-radius: 0.5em;
+}
+.no {
+ display: none;
+}
+form [title] {
+ background-color: skyblue;
+ font-size: 16px;
+ width: 125px;
+}
+form:nth-of-type(2) {
+ margin-bottom: 1em;
+}
+[value*=Format] {
+ margin-top: 1em;
+ box-shadow: 5px 5px 5px rgba(0,0,0,0.7);
+}
+[name="group"] {
+ display: none;
+}
+[name="group"] + label {
+ font-size: 1.5em;
+ margin-right: 5px;
+}
+[name="group"] + label::before {
+ content: "\002610";
+}
+[name="group"]:checked + label::before {
+ content: '\002611\0027A5';
+}