initial

2025-12-12 06:14:09 +01:00 · 2016-12-15 13:40:07 +01:00
commit ee4dd89693
95 changed files with 7368 additions and 0 deletions
--- a/resources/[test]/keks/__resource.lua
+++ b/resources/[test]/keks/__resource.lua
@@ -0,0 +1,6 @@
+files {
+    'index.html',
+    'keks.css',
+    'bankgothic.ttf',
+    'loadscreen.jpg'
+}
--- a/resources/[test]/keks/bankgothic.ttf
+++ b/resources/[test]/keks/bankgothic.ttf
--- a/resources/[test]/keks/index.html
+++ b/resources/[test]/keks/index.html
@@ -0,0 +1,41 @@
+<html>
+    <head>
+        <link href="keks.css" rel="stylesheet" type="text/css" />
+    </head>
+    <body>
+        <div class="backdrop">
+            <div class="top">
+                <h1 title="Free Mode">Free Mode</h1>
+                <h2 title="Algonquin">Algonquin</h2>
+            </div>
+
+            <div class="letni">
+                <h2 title="INTEL">Intel</h2>
+                <div class="loadbar"><div class="thingy"></div></div>
+                <p>The Statue of Happiness has a heart. Have one too!</p>
+            </div>
+            <div class="bottom">
+                <div id="gradient">
+                </div>
+            </div>
+        </div>
+
+        <script type="text/javascript">
+        var left = -10;
+
+        var self = function()
+        {
+            var elem = document.querySelector('.thingy');
+            left += (0.15 / 60) * 100;
+            if (left >= 100)
+            {
+                left = -10;
+            }
+
+            elem.style.left = left + '%';
+            requestAnimationFrame(self);
+        };
+        requestAnimationFrame(self);
+        </script>
+    </body>
+</html>
--- a/resources/[test]/keks/keks.css
+++ b/resources/[test]/keks/keks.css
@@ -0,0 +1,147 @@
+body
+{
+    margin: 0px;
+    padding: 0px;
+}
+
+.backdrop
+{
+    position: relative;
+    top: 0px;
+    left: 0px;
+    width: 100%;
+    height: 100%;
+
+    background-image: url(loadscreen.jpg);
+    background-size: 100% 100%;
+}
+
+.bottom
+{
+    position: absolute;
+    bottom: 0px;
+    width: 100%;
+    height: 100%;
+}
+
+#gradient
+{
+    position: absolute;
+    bottom: 0px;
+    width: 100%;
+
+    height: 25%;
+
+    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
+}
+
+@font-face {
+    font-family: 'BankGothic';
+    src: url('bankgothic.ttf') format('truetype');
+    font-weight: normal;
+    font-style: normal;
+}
+
+h1, h2 {
+  position: relative;
+  background: transparent;
+  z-index: 0;
+}
+/* add a single stroke */
+h1:before, h2:before {
+  content: attr(title);
+  position: absolute;
+  -webkit-text-stroke: 0.1em #000;
+  left: 0;
+  z-index: -1;
+}
+
+
+.letni
+{
+    position: absolute;
+    left: 5%;
+    right: 5%;
+    bottom: 10%;
+
+    z-index: 5;
+
+    color: #fff;
+
+    font-family: "Segoe UI";
+}
+
+.letni p
+{
+    font-size: 22px;
+
+    margin-left: 3px;
+
+    margin-top: 0px;
+}
+
+.letni h2
+{
+    font-family: BankGothic;
+
+    text-transform: uppercase;
+
+    font-size: 50px;
+
+    margin: 0px;
+}
+
+.top
+{
+    color: #fff;
+
+    position: absolute;
+    top: 7%;
+    left: 5%;
+    right: 5%;
+}
+
+.top h1
+{
+    font-family: BankGothic;
+    font-size: 60px;
+
+    margin: 0px;
+}
+
+.top h2
+{
+    font-family: BankGothic;
+    font-size: 40px;
+
+    margin: 0px;
+
+    color: #ddd;
+}
+
+.loadbar
+{
+    width: 100%;
+    background-color: rgba(140, 140, 140, .9);
+    height: 20px;
+
+    margin-left: 2px;
+    margin-right: 3px;
+
+    margin-top: 5px;
+    margin-bottom: 5px;
+
+    overflow: hidden;
+
+    position: relative;
+}
+
+.thingy
+{
+    width: 10%;
+    background-color: #eee;
+    height: 20px;
+
+    position: absolute;
+    left: 10%;
+}
--- a/resources/[test]/keks/loadscreen.jpg
+++ b/resources/[test]/keks/loadscreen.jpg