diff --git a/panels/matekalypse/script.js b/panels/matekalypse/script.js
new file mode 100644
index 0000000000000000000000000000000000000000..26775093cf7575388ec860502f19d8a3e0965f55
--- /dev/null
+++ b/panels/matekalypse/script.js
@@ -0,0 +1,5 @@
+this.resize=function() {
+    this.panel.find("#zwei").textfill({
+        maxFontPixels:-1
+    });
+}
\ No newline at end of file
diff --git a/panels/matekalypse/style.less b/panels/matekalypse/style.less
new file mode 100644
index 0000000000000000000000000000000000000000..6a44ae90de8b1377940ab408c2b4205e2077dcaf
--- /dev/null
+++ b/panels/matekalypse/style.less
@@ -0,0 +1,23 @@
+#eins {
+  color: #C11010;
+  text-align: center;
+  background: linear-gradient(135deg, #fff200 0%,#ffff00 34%,#ffff00 34%,#070000 35%,#000000 47%,#070000 79%,#070000 79%,#ffff00 79%,#ffff00 100%);
+  background-size: 100% 100%;
+  text-shadow: -2px 0 black, 0 2px black, 2px 0 black, 0 -2px black;
+  width:100%;
+  height:100%;
+}
+#zwei{
+  width: 100%;
+  height: 100%;
+  word-break: break-all;
+  font-family: vrr;
+  font-size: 142px;
+  height:100%;
+  white-space: nowrap;
+  overflow:hidden;
+  padding:5px;
+}
+#zwei span {
+  height:100%;
+}
\ No newline at end of file
diff --git a/panels/matekalypse/template.html b/panels/matekalypse/template.html
new file mode 100644
index 0000000000000000000000000000000000000000..8f5c4be03f5f04bb36bd3d685f0234caa03d2b9d
--- /dev/null
+++ b/panels/matekalypse/template.html
@@ -0,0 +1,5 @@
+<div id="eins">
+    <div id="zwei">
+        <span>MATEKALYPSE!</span>
+    </div>
+</div>
\ No newline at end of file