add sauer placeholder on 'webx'

with their weird html and css syntax https://github.com/face-hh/webx
SalatielSauer · Jun 3, 2024 · 33ebc7a · 33ebc7a
1 parent b020b8d
commit 33ebc7a
Show file tree

Hide file tree

Showing 5 changed files with 107 additions and 0 deletions.
diff --git a/misc/sauerbraten.org/download.zip b/misc/sauerbraten.org/download.zip
diff --git a/misc/sauerbraten.org/favicon.ico b/misc/sauerbraten.org/favicon.ico
diff --git a/misc/sauerbraten.org/index.html b/misc/sauerbraten.org/index.html
@@ -0,0 +1,74 @@
+<html>
+    <head>
+        <title>Sauerbraten.web</title>
+        <link href="style.css">
+        <script src="index.lua"/>
+    </head>
+
+    <body>
+        <div class="content_center"><img src="http://sauerbraten.org/cube2logo_wide.png"/></div>
+        <div class="content_center">
+            <a href="buss://sauerbraten.web" class="button btn_home">HOME</a>
+            <a href="buss://sauerbraten.web/download.zip" class="button btn_home">DOWNLOAD</a> <!--someday it will work!-->
+        </div>
+
+        <h2>Cube 2 Sauerbraten finally found you.</h2>
+        <p>Sauerbraten is a fast and free first-person shooter that can be enjoyed alone or with others.</p>
+        <p>It builds on its predecessor, the original Cube FPS, combining thrilling deathmatch action with unique opportunities for players to edit maps and game geometry together while playing.</p>
+        <p>This game runs on a completely original and open-source engine, which means anyone interested can access and modify its code.</p>
+        <p>For detailed information on the game's features, its creators, and how you can get involved, check out the reference documentation or visit the game’s wiki.</p>
+        <p>Latest version released on December 21, 2020.</p>
+        <div>
+            <div class="content_vertical">
+                <img class="overcomplicatedgif" src="https://raw.githubusercontent.com/SalatielSauer/FixitSlap/master/sprites/000.jpg"/>
+                <img src="https://i.imgur.com/8sXWPkN.png"/>
+                <div class="content_horizontal content_center">
+                    <img src="https://raw.githubusercontent.com/SalatielSauer/Tesseract-Sauerbraten/main/packages/map/dust2.jpg"/>
+                    <img src="https://raw.githubusercontent.com/SalatielSauer/Tesseract-Sauerbraten/main/packages/map/berlin_wall.jpg"/>
+                    <img src="https://raw.githubusercontent.com/SalatielSauer/Tesseract-Sauerbraten/main/packages/map/face-capture.jpg"/>
+                </div>
+                <div class="content_horizontal content_center">
+                    <img src="https://raw.githubusercontent.com/SalatielSauer/Tesseract-Sauerbraten/main/packages/map/asgard.jpg"/>
+                    <img src="https://raw.githubusercontent.com/SalatielSauer/Tesseract-Sauerbraten/main/packages/map/suburb.jpg"/>
+                    <img src="https://raw.githubusercontent.com/SalatielSauer/Tesseract-Sauerbraten/main/packages/map/venice.jpg"/>
+                </div>
+                <div class="content_center"><p>There are currently 331 official maps for you to play!</p></div>
+
+                <div class="content_horizontal content_center">
+                    <img src="https://i.imgur.com/CisyFlm.jpeg"/>
+                    <img src="https://i.imgur.com/NxnWYto.png"/>
+                </div>
+                <div class="content_center"><p>Lots of weapons and pickups to make a mess!</p></div>
+                <div class="content_horizontal content_center">
+                    <img src="https://i.imgur.com/6nXxBtm.png"/>
+                    <img src="https://raw.githubusercontent.com/SalatielSauer/Sauerbraten-Content/master/Maps/Races/Podium-Factory-02.jpg"/>
+                </div>
+                <div class="content_center"><p>A parkour fan? you can build and compete in races against other players!</p></div>
+                <div class="content_center">
+                    <img src="https://i.imgur.com/AAKdnIl.png"/>    
+                </div>
+                <div class="content_center"><p>Scripting nerd? With CubeScript you can manipulate the interface and create minigames without leaving the game!</p></div>
+            </div>
+
+            <div class="content_vertical">
+                <img src="https://tomatenquark.github.io/assets/img/editing1.5b6f62cb.jpg">
+                <img src="https://tomatenquark.github.io/assets/img/editing3.f1346527.jpg">
+                <img src="https://i.imgur.com/BA5uwzU.jpeg"/>
+                <div class="content_center"><p>Somehow tired of so many official map options? Create your own with the built-in co-op editor!</p></div>
+                <img src="https://quadropolis.github.io/files/screenshot_51886260.png"/>
+                <img src="https://quadropolis.github.io/files/cphillscreenie.jpg"/>
+                <img src="https://quadropolis.github.io/files/mario-title_cover.jpg"/>
+                <img src="https://quadropolis.github.io/files/screenshot_53885.png"/>
+                <p>As you may have noticed, with Sauerbraten map editor you are never limited to cube shapes ;)</p>
+                <img src="https://quadropolis.github.io/files/screenshot_3466784.png"/>
+            </div>
+        </div>
+        <hr>
+        <div class="content_horizontal content_center">
+            <div class="content_vertical">
+                <p class="p_footer">Inspired by <a href="https://sauerbraten.org">Sauerbraten.org</a></p> <!--someday it will work!-->
+                <p class="p_footer">Visit the <a href="https://discord.gg/j3kyxtj">Sauerworld Discord discord.gg/j3kyxtj</a></p> <!--someday it will work!-->
+            </div>
+        </div>
+    </body>
+</html>
diff --git a/misc/sauerbraten.org/index.lua b/misc/sauerbraten.org/index.lua
@@ -0,0 +1,8 @@
+local counter = 0
+get("overcomplicatedgif").on_click(function()
+    counter = counter + 1
+    if counter > 50 then
+        counter = 0
+    end
+    gif.set_source("https://raw.githubusercontent.com/SalatielSauer/FixitSlap/master/sprites/00" .. counter .. ".jpg")
+end)
diff --git a/misc/sauerbraten.org/style.css b/misc/sauerbraten.org/style.css
@@ -0,0 +1,25 @@
+body {
+    background-color: #302c28;
+    padding: 10px;
+    align-items: center;
+}
+
+p {
+    font-size: 13px;
+}
+
+p_footer {
+    font-size: 10px;
+}
+
+content_vertical {
+    direction: column;
+}
+
+content_horizontal {
+    direction: row;
+}
+
+content_center {
+    align-items: center;
+}