ff update

foefrenzy/index.html

@@ -45,7 +45,7 @@
         <p>Foe Frenzy is a fast-paced fighting game where you battle up to three of your friends with random, short-lasting items in an attempt to be the last survivor.</p>
 
         <h1>Get the Game</h1>
-        <p>You can buy Foe Frenzy for <strong>$12.99</strong> on any of the following platforms.</p>
+        <p>You can buy Foe Frenzy for <strong>$6.99</strong> on any of the following platforms.</p>
         <div class="centered">
             <a class="btn btn-success store-button" role="button" href="https://store.steampowered.com/app/1194170/">
                 <img src="media/steam.png" class="store-img" alt="Buy on Steam">
@@ -57,11 +57,10 @@
                 <img src="media/itch.png" class="store-img" alt="Buy on itch.io">
             </a>
         </div>
-        <p><small><em>For the time being, Linux users won't be able to buy the game on Discord, as its store is not supported there.</em></small></p>
 
         <h1>Trailer</h1>
         <div class="trailer-div">
-            <iframe class="trailer rounded" src="https://www.youtube.com/embed/Z7ZeuVBNuf4" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
+            <iframe class="trailer rounded" src="https://www.youtube.com/embed/rLac7AjWo7w" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
         </div>
 
         <h1>Screenshots</h1>
@@ -73,25 +72,37 @@
                 <li data-target="#carousel" data-slide-to="3"></li>
                 <li data-target="#carousel" data-slide-to="4"></li>
                 <li data-target="#carousel" data-slide-to="5"></li>
+                <li data-target="#carousel" data-slide-to="6"></li>
+                <li data-target="#carousel" data-slide-to="7"></li>
+                <li data-target="#carousel" data-slide-to="8"></li>
             </ol>
             <div class="carousel-inner rounded">
                 <div class="carousel-item active">
-                    <img class="d-block w-100 rounded" src="media/screenshots/first.png" alt="Screenshot of the main menu">
+                    <img class="d-block w-100 rounded" src="media/screenshots/new/05-10-2020_16-40-58.png" alt="Screenshot of the main menu">
                 </div>
                 <div class="carousel-item">
-                    <img class="d-block w-100 rounded" src="media/screenshots/second.png" alt="Screenshot of the map selection menu">
+                    <img class="d-block w-100 rounded" src="media/screenshots/new/05-10-2020_16-34-56.png" alt="Screenshot of the player selection menu">
                 </div>
                 <div class="carousel-item">
-                    <img class="d-block w-100 rounded" src="media/screenshots/third.png" alt="Screenshot of a cave map featuring two players">
+                    <img class="d-block w-100 rounded" src="media/screenshots/new/05-10-2020_16-36-36.png" alt="Screenshot of a cave map">
                 </div>
                 <div class="carousel-item">
-                    <img class="d-block w-100 rounded" src="media/screenshots/fourth.png" alt="Screenshot of a beach map featuring two players">
+                    <img class="d-block w-100 rounded" src="media/screenshots/new/05-10-2020_16-39-19.png" alt="Screenshot of an ice map">
                 </div>
                 <div class="carousel-item">
-                    <img class="d-block w-100 rounded" src="media/screenshots/fifth.png" alt="Screenshot of the victory screen">
+                    <img class="d-block w-100 rounded" src="media/screenshots/new/05-10-2020_16-44-47.png" alt="Screenshot of the tiebreaker screen">
                 </div>
                 <div class="carousel-item">
-                    <img class="d-block w-100 rounded" src="media/screenshots/sixth.png" alt="Screenshot of the achievements screen">
+                    <img class="d-block w-100 rounded" src="media/screenshots/new/05-10-2020_16-42-20.png" alt="Screenshot of a desert map">
+                </div>
+                <div class="carousel-item">
+                    <img class="d-block w-100 rounded" src="media/screenshots/new/05-10-2020_16-40-18.png" alt="Screenshot of the win screen">
+                </div>
+                <div class="carousel-item">
+                    <img class="d-block w-100 rounded" src="media/screenshots/new/05-10-2020_16-35-28.png" alt="Screenshot of the map select screen">
+                </div>
+                <div class="carousel-item">
+                    <img class="d-block w-100 rounded" src="media/screenshots/new/05-10-2020_16-41-17.png" alt="Screenshot of the achievements screen">
                 </div>
             </div>
             <a class="carousel-control-prev" href="#carousel" role="button" data-slide="prev">
@@ -105,26 +116,17 @@
         </div>
 
         <h1>Features</h1>
-        <ul>
+        <p>Foe Frenzy is a fast-paced fighting game where you battle up to three of your friends with random, short-lasting items in an attempt to be the last survivor.</p>
-            <li><strong>Local multiplayer</strong> that allows you to battle up to three of your friends. Play with up to two people on the keyboard or connect additional controllers!</li>
+        <p><img src="media/description/BattleBanner.png" alt="Battle Your Friends" width="100%"><br>Battle up to three of your friends locally or using online play. Pick up weapons, armor, healing items and more and use them to damage your enemies before they run out!</p>
-            <li><strong>Online multiplayer</strong> to play with your friends either over Steam, Discord or using your IP. If you have a friend over, you can even combine local and online multiplayer and play with both at the same time!<sup><a href="#footnote-1">[1]</a></sup></li>
+        <p>Play locally with up to two players on one keyboard and additional controllers, or use Steam, Discord or IP-based Multiplayer to battle over the internet!</p>
-            <li><strong>12 maps to play</strong>, all with different interactable terrain; battle your friends in the water, on slippery ice, in a vine-filled jungle, in a dark cave and more!</li>
+        <p><img src="media/description/MapsBanner.png" alt="Play Tons of Maps" width="100%"><br>Use the terrain to your advantage on over 14 different maps. Run through hot deserts and wet swamps and chop through vines and jump down cliffs to reach the best weapons; stumble through caves where your enemies lurk in the dark and make yourself vulnerable by swimming through lakes!</p>
-            <li><strong>15 items to battle with</strong>, from swords to bows to wings that you can use to fly over deadly lava!</li>
+        <p>Select the map you&#39;re best at and hope that it gets picked over the ones that your friends chose!</p>
-            <li><strong>14 achievements</strong> that you can try to obtain with your friends, each one unlocking an additional character look you can choose for your player!</li>
+        <p><img src="media/description/ItemsBanner.png" alt="Choose Your Weapons" width="100%"><br>Fight with over 15 different items, from swords, bows and leather armor to flamethrowers and teleporters. Each item only lasts a short time, so choose carefully what move to make next!</p>
-            <li><strong>An original soundtrack</strong> with a unique music style for each map theme, created by the amazing <a href="https://twitter.com/jamalgreenmusic">Jamal Green</a>!</li>
+        <p>Pick up random effect items that cause a disadvantage to your opponents, but have a small chance of causing you trouble too. Slow down your friends, invert their controls, or make yourself invincible!</p>
-            <li><strong>Regular updates</strong> that will add new items, new maps and more!</li>
+        <p><img src="media/description/CustomizeBanner.png" alt="Customize" width="100%"><br>Pick the color and the look of your battler. Unlock Achievements to gain access to more character designs!</p>
-        </ul>
+        <p>Once you&#39;re really good, enable expert mode for yourself for a greater challenge against your friends - lower HP, item durability and speed will make it more difficult for you to win!</p>
-
+        <p><img src="media/description/WinBanner.png" alt="Win in Time" width="100%"><br>Defeat your friends before the timer runs out to win! The results screen shows how your friends were killed, and who killed them, so make your actions count!</p>
-        <p>
+        <p>If the timer reaches a minute remaining, the game goes into Tiebreaker mode: Each player only has a single health point remaining until the end. Kill your last opponent in this exciting battle and emerge victorious!</p>
-            <small><a id="footnote-1">[1]:</a> When creating a Multiplayer lobby, the host has the option to invite players using Discord's and Steam's online play features, regardless of which platform the host and the invitees have bought the game on. <em>Sadly, Discord's online play feature is currently only supported on Windows.</em></small>
-        </p>
-
-        <h1>More</h1>
-        <ul>
-            <li><a href="/foefrenzy/maps">Creating Custom Maps</a></li>
-            <li><a href="https://ellpeck.de/discord">Join the Discord</a></li>
-            <li><a href="https://github.com/Ellpeck/FoeFrenzyIssues/issues">Report an Issue</a></li>
-        </ul>
 
         <h1>About the Project</h1>
         <p>
@@ -153,7 +155,7 @@
 
         <p><small>Note that the gray background on some of the images simply exists to make them stand out from this site's background color. It's not actually part of the images themselves.</small></p>
 
-        <p class="footer"><a href="https://github.com/Ellpeck/Web">&copy; 2019 Ellpeck</a> &ndash; <a href="https://ellpeck.de/#impressum">Impressum</a></p>
+        <p class="footer"><a href="https://github.com/Ellpeck/Web">&copy; 2019 Ellpeck</a> &ndash; <a href="https://ellpeck.de/#impressum">Impressum</a> &ndash; <a href="https://ellpeck.de/#privacy">Privacy</a></p>
 </body>
 
 </html>

foefrenzy/maps.html

@@ -1,70 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-
-    <title>Foe Frenzy - Custom Maps</title>
-    <meta name="author" content="Ellpeck">
-    <meta name="description" content="A fast-paced fighting game where you battle up to three of your friends with random, short-lasting items">
-    <meta name="keywords" content="Ellpeck, Foe Frenzy, Steam, Discord, itch, itch.io, Battle, 2d, Top Down, Pixelart, MonoGame, Fighting, Game, Custom Map, Map, Creating, Creation">
-
-    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css">
-    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto">
-    <link rel="stylesheet" href="style.css">
-    <link rel="stylesheet" href="../style/prettify.css">
-    <link rel="icon" href="favicon.ico">
-
-    <meta property="og:title" content="Foe Frenzy">
-    <meta property="og:description" content="A fast-paced fighting game where you battle up to three of your friends with random, short-lasting items">
-    <meta property="og:image" content="https://www.ellpeck.de/foefrenzy/media/logo.png">
-    <meta name="twitter:card" content="summary">
-    <meta name="twitter:site" content="@Ellpeck">
-    <meta name="twitter:creator" content="@Ellpeck">
-
-    <script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
-    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js"></script>
-    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js"></script>
-    <script src="https://cdn.jsdelivr.net/npm/showdown@1.9.1/dist/showdown.min.js"></script>
-    <script src="https://cdn.jsdelivr.net/gh/google/code-prettify@master/loader/prettify.js"></script>
-    <script src="../node/lib/showdown-prettify.js"></script>
-
-    <!-- Global site tag (gtag.js) - Google Analytics -->
-    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-150032076-2"></script>
-    <script>
-        window.dataLayer = window.dataLayer || [];
-
-        let gtag = function () {
-            dataLayer.push(arguments);
-        }
-        gtag('js', new Date());
-        gtag('config', 'UA-150032076-2');
-    </script>
-</head>
-
-<body>
-    <div class="main rounded">
-        <a href="/foefrenzy/"><img src="media/banner.png" class="banner rounded" alt="Foe Frenzy Logo"></a>
-
-        <div id="tutorial"></div>
-        <script>
-            $.ajax({
-                dataType: "text",
-                url: "docs/tutorial.md",
-                success: function (md) {
-                    var converter = new showdown.Converter({
-                        extensions: ["prettify"]
-                    });
-                    var html = converter.makeHtml(md);
-
-                    $("#tutorial").html(html);
-                    PR.prettyPrint();
-                }
-            });
-        </script>
-
-        <p class="footer"><a href="https://github.com/Ellpeck/Web">&copy; 2019 Ellpeck</a> &ndash; <a href="https://ellpeck.de/#impressum">Impressum</a></p>
-</body>
-
-</html>