FakeDeckUI/FakeDeck/App.xaml.cs

@@ -1,4 +1,4 @@
-using FakeDeck.Class;
+using FakeeDeck.Class;
 using Microsoft.VisualBasic.Logging;
 using System.Configuration;
 using System.Data;

FakeDeckUI/FakeDeck/ButtonType/Button.cs

@@ -3,21 +3,17 @@ using System.Collections.Generic;
 using System.Linq;
 using System.Text;
 using System.Threading.Tasks;
-using System.Windows;
-using static System.Windows.Forms.VisualStyles.VisualStyleElement.TrayNotify;
 
-namespace FakeDeck.ButtonType
+namespace FakeeDeck.ButtonType
 {
     internal class Button
     {
-        public static string getButtonHTML(string icon, string image, string name, string action = null, string jsAction = null, Dictionary<string, string> parameters = null, string color = null)
+        public static string getButtonHTML(string icon, string image, string name, string action, Dictionary<string, string> parameters = null)
         {
-            string body = "";
-            string styles = "style=\"background-size: cover; " + (!string.IsNullOrEmpty(image) ? "background-image: url('" + image + "');" : "") + " width: 150px; height: 150px; " + (!string.IsNullOrEmpty(image) ? "background-image: url('" + image + "');" : "") + (!string.IsNullOrEmpty(color) ? " background-color: " + color + "; " : "") + "\"";
 
-            body += "<div>";
-            if (action != null)
-            {
+            string body = "";
+
+            body += "<div class=\"m-2\">";
             body += "<form style=\"margin-bottom: 0px;\" method=\"post\" action=\"" + action + "\">";
 
             if (parameters is not null)
@@ -28,21 +24,11 @@ namespace FakeDeck.ButtonType
                 }
             }
 
-                body += "<button class=\"button\" type=\"submit\" value=\"submit\" " + styles + ">";
+            body += "<button type=\"submit\" value=\"submit\" style=\"background-size: cover; " + (!string.IsNullOrEmpty(image) ? "background-image: url('" + image + "');" : "") + " width: 150px;height: 150px; background-color: aquamarine;\" >";
             body += (!string.IsNullOrEmpty(icon) ? "<i class=\"fa-solid " + icon + "\"></i>" : name);
             body += "</button>";
+
             body += "</form>";
-            }
-            else if (jsAction != null)
-            {
-                body += "<button class=\"button\" onclick=\"" + jsAction + "\" " + styles + " >";
-                body += (!string.IsNullOrEmpty(icon) ? "<i class=\"fa-solid " + icon + "\"></i>" : name);
-                body += "</button>";
-            }
-            else
-            {
-                body += "<div class=\"button\" " + styles + "></div>";
-            }
             body += "</div>";
 
             return body;

FakeDeckUI/FakeDeck/ButtonType/FakeDeckMacro.cs

@@ -1,38 +0,0 @@
-using FakeDeck.ButtonType;
-using System;
-using System.Collections.Generic;
-using System.Linq;
-using System.Text;
-using System.Threading.Tasks;
-using System.Windows;
-
-namespace FakeDeck.ButtonType
-{
-    internal class FakeDeckMacro : Button
-    {
-        public static Dictionary<string, string> actionIcons = new Dictionary<string, string>
-        {
-            { "full-screen", "fa-maximize"},
-            { "set-page", "fa-page"},
-        };
-
-        public static string getButton(string Key, string Image = null, string PageId = null, string Color = null)
-        {
-            if (Key == "full-screen")
-            {
-                return getButtonHTML(actionIcons[Key], Image, Key, null, "!document.fullscreenElement?document.documentElement.requestFullscreen():document.exitFullscreen();", null, Color);
-            }
-            if (Key == "set-page")
-            {
-                return getButtonHTML(actionIcons[Key], Image, Key, null, "loadPage('"+ PageId + "')", null, Color);
-            }
-            if (Key == "spacer")
-            {
-                return getButtonHTML(null, null, null, null, null, null, Color);
-            }
-            else {
-                return "NIC";
-            }
-        }
-    }
-}

FakeDeckUI/FakeDeck/ButtonType/HelldiversTwoMacro.cs

@@ -1,4 +1,4 @@
-using FakeDeck.Class;
+using FakeeDeck.Class;
 using System;
 using System.Collections.Generic;
 using System.Diagnostics;
@@ -7,7 +7,7 @@ using System.Text;
 using System.Threading.Tasks;
 using static System.Net.WebRequestMethods;
 
-namespace FakeDeck.ButtonType
+namespace FakeeDeck.ButtonType
 {
     class HelldiversTwoMacro : Button
     {
@@ -76,7 +76,7 @@ namespace FakeDeck.ButtonType
 
         public static string getButton(string Key)
         {
-            return getButtonHTML(null, stratogemsIcons[Key].ToString(), Key, "button\\HelldiversTwoMacro", null, new Dictionary<string, string>() { { "stratogem", Key } });
+            return getButtonHTML(null, stratogemsIcons[Key].ToString(), Key, "button\\HelldiversTwoMacro", new Dictionary<string, string>() { { "stratogem", Key } });
         }
 
         public static bool invokeAction(string stratogem)

FakeDeckUI/FakeDeck/ButtonType/KeyboardMacro.cs

@@ -5,7 +5,7 @@ using System.Runtime.InteropServices;
 using System.Text;
 using System.Threading.Tasks;
 
-namespace FakeDeck.ButtonType
+namespace FakeeDeck.ButtonType
 {
     internal class KeyboardMacro
     {

FakeDeckUI/FakeDeck/ButtonType/MediaMacro.cs

@@ -4,7 +4,7 @@ using System.Linq;
 using System.Text;
 using System.Threading.Tasks;
 
-namespace FakeDeck.ButtonType
+namespace FakeeDeck.ButtonType
 {
     internal class MediaMacro : Button
     {
@@ -27,7 +27,7 @@ namespace FakeDeck.ButtonType
 
         public static string getButton(string Key)
         {
-            return getButtonHTML(mediaIcons[Key], null, Key, "button\\MediaMacro", null, new Dictionary<string, string>() { { "control_action", Key } });
+            return getButtonHTML(mediaIcons[Key], null, Key, "button\\MediaMacro", new Dictionary<string, string>() { { "control_action", Key } });
         }
 
         public static bool invokeAction(string control_action)

FakeDeckUI/FakeDeck/Class/AbstractionHelper.cs

@@ -6,13 +6,13 @@ using System.Text;
 using System.Text.Json;
 using System.Threading.Tasks;
 
-namespace FakeDeck.Class
+namespace FakeeDeck.Class
 {
     internal class AbstractionHelper
     {
         public static Type? resolvType(string className)
         {
-            string cleanClass = "FakeDeck.ButtonType." + className.Trim('/');
+            string cleanClass = "FakeeDeck.ButtonType." + className.Trim('/');
 
             Type? buttonClass = Type.GetType(cleanClass, true);
 
@@ -25,20 +25,13 @@ namespace FakeDeck.Class
         public static string getButtonVisual(JsonElement button)
         {
             string calssName = button.GetProperty("function").ToString();
-            MethodInfo? renderMethod = resolvType(calssName).GetMethod("getButton");
+            MethodInfo? renderMethod = AbstractionHelper.resolvType(calssName).GetMethod("getButton");
             ParameterInfo[] pars = renderMethod.GetParameters();
             List<object> parameters = new List<object>();
 
             foreach (ParameterInfo p in pars)
             {
                 JsonElement parameter = button.GetProperty("parameters").EnumerateArray().SingleOrDefault(item => item.GetProperty("name").ToString() == p.Name);
-
-                if (string.IsNullOrEmpty(parameter.ToString()))
-                {
-                    parameters.Insert(p.Position, p.DefaultValue);
-                    continue;
-                }
-
                 parameters.Insert(p.Position, parameter.GetProperty("value").ToString());
             }
 

FakeDeckUI/FakeDeck/Class/AutoUpdateHelper.cs

@@ -12,7 +12,7 @@ using System.Text.Json;
 using System.Threading.Tasks;
 using System.Windows;
 
-namespace FakeDeck.Class
+namespace FakeeDeck.Class
 {
     public class AutoUpdateHelper
     {

FakeDeckUI/FakeDeck/Class/FakeDeckMain.cs

@@ -1,66 +1,71 @@
 using System.Diagnostics;
-using System.IO;
 using System.Net;
 using System.Reflection;
 using System.Reflection.PortableExecutable;
 using System.Text;
 using System.Text.Json;
-using System.Windows;
-using static System.Text.Json.JsonElement;
 
-namespace FakeDeck.Class
+namespace FakeeDeck.Class
 {
     internal class FakeDeckMain
     {
-        private static string cachePath = "./cache/";
         public static string pageHeader =
     "<!DOCTYPE>" +
-    "<html lang=\"en\">" +
+    "<html>" +
     "  <head>" +
     "    <title>HttpListener Example</title>" +
-    "    <meta charset=\"utf-8\">" +
-    "    <meta name = \"viewport\" content=\"width=device-width, initial-scale=1, user-scalable=yes\">" +
     "    <link href=\"https://yarnpkg.com/en/package/normalize.css\" rel=\"stylesheet\">" +
     "    <link href=\"https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css\" rel=\"stylesheet\">" +
     "    <link href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css\" rel=\"stylesheet\">" +
-    "    <link href=\"StaticFiles/style.css\" rel=\"stylesheet\">" +
     "  </head>" +
     "  <body>" +
-    "    <div id=\"main\" class=\"d-flex flex-wrap\" style=\"transform-origin: left top;\">";
+    "    <div class=\"d-flex flex-wrap\">" +
+    "      <div class=\"m-2\">" +
+    "        <p style=\"margin-bottom: 0px; width: 150px;height: 150px;background-color: aquamarine;\" >Page Views: {0}</p>" +
+    "      </div>";
         public static string pageFooter =
+            "      <div class=\"m-2\">" +
+            "        <button style=\"width: 150px;height: 150px;background-color: aquamarine;\" onclick=\"!document.fullscreenElement ? document.documentElement.requestFullscreen() :  document.exitFullscreen();\">" +
+            "          <i class=\"fa-solid fa-maximize\"></i>" +
+            "        </button>" +
+            "      </div>" +
             "    </div>" +
             "    <script src=\"StaticFiles/app.js\"></script>" +
             "  </body>" +
             "</html>";
         public string pageData = "";
-        private ArrayEnumerator pages;
         public FakeDeckMain(YamlHelper yaml)
         {
-
             HttpServer server = new HttpServer(yaml.getData().GetProperty("server").GetProperty("port").ToString());
-            pages = yaml.getData().GetProperty("pages").EnumerateArray();
 
-            //ClearCache
-            if (Directory.Exists(cachePath))
+            foreach (JsonElement item in yaml.getData().GetProperty("pages").EnumerateArray())
             {
-                DirectoryInfo di = new DirectoryInfo(cachePath);
-                foreach (FileInfo file in di.EnumerateFiles())
+                Debug.WriteLine("PAGE: " + item.GetProperty("page"));
+                foreach (JsonElement button in item.GetProperty("buttons").EnumerateArray())
                 {
-                    file.Delete();
+                    pageData += AbstractionHelper.getButtonVisual(button);
                 }
             }
 
-            pageData = renderPageView();
-
             server.addRoute(servViewResponseAsync, "GET", "/");
             server.addRoute(servButtonResponseAsync, "POST", "/button/");
-            server.addRoute(servPageResponseAsync, "POST", "/page");
+
+            /*foreach (var stratogem in HelldiversTwoMacro.stratogems)
+            {
+                server.pageData += HelldiversTwoMacro.getButton(stratogem.Key);
+            }
+
+            foreach (var control in MediaMacro.mediaControls)
+            {
+                server.pageData += MediaMacro.getButton(control.Key);
+            }*/
+
             server.serv();
         }
 
         private static void callButtonAction(string module, Dictionary<string, string> postParams)
         {
-            string cleanClass = "FakeDeck.ButtonType." + module.Trim('/');
+            string cleanClass = "FakeeDeck.ButtonType." + module.Trim('/');
 
             Type? buttonClass = Type.GetType(cleanClass, true);
 
@@ -110,10 +115,9 @@ namespace FakeDeck.Class
             try
             {
                 string module = req.Url.AbsolutePath.Replace("/button", "");
-                Debug.WriteLine("Call module " + module);
+                Console.WriteLine("Call module " + module);
                 callButtonAction(module, postParams);
                 resp.StatusCode = (int)HttpStatusCode.OK;
-                await resp.OutputStream.FlushAsync();
             }
             catch (Exception ex)
             {
@@ -125,50 +129,5 @@ namespace FakeDeck.Class
                 await resp.OutputStream.WriteAsync(errorData, 0, errorData.Length);
             }
         }
-
-        private async Task servPageResponseAsync(HttpListenerRequest req, HttpListenerResponse resp, Dictionary<string, string> postParams)
-        {
-            string pageContent = "";
-            try
-            {
-                pageContent = renderPageView(postParams["Key"]);
-                resp.StatusCode = (int)HttpStatusCode.OK;
-            }
-            catch (Exception ex)
-            {
-                pageContent = ex.Message;
-                resp.StatusCode = (int)HttpStatusCode.InternalServerError;
-            }
-
-            byte[] errorData = Encoding.UTF8.GetBytes(pageContent);
-            resp.ContentType = "text/html";
-            resp.ContentEncoding = Encoding.UTF8;
-            resp.ContentLength64 = errorData.LongLength;
-            await resp.OutputStream.WriteAsync(errorData, 0, errorData.Length);
-        }
-
-        private string renderPageView(string page = null)
-        {
-            JsonElement selectedPage = pages.First();
-
-            if (page != null)
-                selectedPage = pages.SingleOrDefault(item => item.GetProperty("page").ToString() == page);
-
-            string SelectedPageName = selectedPage.GetProperty("page").ToString();
-            if (File.Exists(cachePath + SelectedPageName + ".html"))
-                return File.ReadAllText(cachePath + SelectedPageName + ".html");
-
-            string pageContent = "";
-            foreach (JsonElement button in selectedPage.GetProperty("buttons").EnumerateArray())
-            {
-                pageContent += AbstractionHelper.getButtonVisual(button);
-            }
-
-            if (Directory.Exists(cachePath))
-                Directory.CreateDirectory(cachePath);
-
-            File.WriteAllText(cachePath + SelectedPageName + ".html", pageContent);
-            return pageContent;
-        }
     }
 }

FakeDeckUI/FakeDeck/Class/HttpServer.cs

@@ -9,7 +9,7 @@ using System.IO;
 using System.Text;
 using System.Net;
 using System.Threading.Tasks;
-using FakeDeck.ButtonType;
+using FakeeDeck.ButtonType;
 using System.Web;
 using static System.Net.WebRequestMethods;
 using File = System.IO.File;
@@ -21,7 +21,7 @@ using System.Collections;
 using System.Diagnostics;
 using System.Text.RegularExpressions;
 
-namespace FakeDeck.Class
+namespace FakeeDeck.Class
 {
     internal class HttpServer
     {
@@ -133,13 +133,13 @@ namespace FakeDeck.Class
                  Debug.WriteLine(req.UserHostName);
                  Debug.WriteLine(req.UserAgent);*/
 
-                bool isMatch = false;
                 if (req.HttpMethod == "GET" && req.Url.AbsolutePath.Contains("."))
                 {
                     await servFileResponseAsync(req, resp);
                 }
                 else
                 {
+                    bool isMatch = false;
                     foreach (var route in routes[req.HttpMethod])
                     {
                         isMatch = Regex.IsMatch(req.Url.AbsolutePath, route.Key, RegexOptions.IgnoreCase);
@@ -151,18 +151,16 @@ namespace FakeDeck.Class
                             {
                                 Dictionary<string, string> postParams = parsePostRequestParameters(req);
                                 gelegate.DynamicInvoke([req, resp, postParams]);
-                                break;
-
                             }
-                          
+                            else
+                            {
                                 gelegate.DynamicInvoke([req, resp]);
-                            break;
+                            }
                         }
                     }
 
                     if (!isMatch)
                     {
-                        Debug.WriteLine("NO ROUTE MATCHED");
                         resp.StatusCode = (int)HttpStatusCode.NotFound;
                         await resp.OutputStream.FlushAsync();
                     }
@@ -194,7 +192,6 @@ namespace FakeDeck.Class
             if (!File.Exists(filename))
             {
                 resp.StatusCode = (int)HttpStatusCode.NotFound;
-                resp.OutputStream.Flush();
                 return;
             }
 
@@ -215,8 +212,8 @@ namespace FakeDeck.Class
                 while ((nbytes = input.Read(buffer, 0, buffer.Length)) > 0)
                     resp.OutputStream.Write(buffer, 0, nbytes);
                 input.Close();
-                resp.StatusCode = (int)HttpStatusCode.OK;
                 resp.OutputStream.Flush();
+                resp.StatusCode = (int)HttpStatusCode.OK;
             }
             catch (Exception ex)
             {

FakeDeckUI/FakeDeck/Class/KeyboardCode.cs

@@ -4,7 +4,7 @@ using System.Linq;
 using System.Text;
 using System.Threading.Tasks;
 
-namespace FakeDeck.Class
+namespace FakeeDeck.Class
 {
     internal class KeyboardCode
     {

FakeDeckUI/FakeDeck/Class/YamlHelper.cs

@@ -7,7 +7,7 @@ using System.Text.Json;
 using System.Threading.Tasks;
 using YamlDotNet.Serialization;
 
-namespace FakeDeck.Class
+namespace FakeeDeck.Class
 {
     public  class YamlHelper
     {

FakeDeckUI/FakeDeck/FakeDeck.csproj

@@ -19,9 +19,6 @@
     <None Update="StaticFiles\app.js">
       <CopyToOutputDirectory>PreserveNewest</CopyToOutputDirectory>
     </None>
-    <None Update="StaticFiles\style.css">
-      <CopyToOutputDirectory>PreserveNewest</CopyToOutputDirectory>
-    </None>
   </ItemGroup>
 
 </Project>

FakeDeckUI/FakeDeck/MainWindow.xaml

@@ -5,10 +5,10 @@
         xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
         xmlns:local="clr-namespace:FakeDeck"
         mc:Ignorable="d"
-        Title="MainWindow"Activated="FakeDeckUI_Activated" WindowStartupLocation="CenterScreen">
+        Title="MainWindow" Height="450" Width="270" Activated="FakeDeckUI_Activated" WindowStartupLocation="CenterScreen">
     <Grid>
         <Grid.RowDefinitions>
-            <RowDefinition Height="270"/>
+            <RowDefinition Height="270*"/>
             <RowDefinition Height="50*"/>
         </Grid.RowDefinitions>
         <Image x:Name="qr_code" Margin="10,10,10,10"/>

FakeDeckUI/FakeDeck/MainWindow.xaml.cs

@@ -1,5 +1,5 @@
 using FakeDeck.Class;
-using FakeDeck.Class;
+using FakeeDeck.Class;
 using QRCoder;
 using System.Reflection.Emit;
 using System.Text;

FakeDeckUI/FakeDeck/StaticFiles/app.js

@@ -1,68 +1,7 @@
-
-function urlencodeFormData(fd){
-    var s = '';
-    function encode(s){ return encodeURIComponent(s).replace(/%20/g,'+'); }
-    for(var pair of fd.entries()){
-        if(typeof pair[1]=='string'){
-            s += (s?'&':'') + encode(pair[0])+'='+encode(pair[1]);
-        }
-    }
-    return s;
-}
-
-function resizeGrid(){
-    var width = document.body.clientWidth;
-    var height = document.body.clientHeight;
-    var biggerSizeW = (width / 5);
-    var biggerSizeH = (height / 3);
-
-    var biggerSize = biggerSizeW;
-    if(biggerSizeW < biggerSizeH){
-        biggerSize = biggerSizeW;
-    }
-
-    console.log(biggerSize);
-
-    [].forEach.call(document.querySelectorAll('.button'), function (button) {
-        var size = biggerSize
-        button.style.height = size;
-        button.style.width = size;
-        //console.log(size);
-    });
-}
-
-function loadPage(pageId){
-    event.preventDefault();
-    
-    var formData = new FormData();
-    formData.append('Key', pageId)
-
-    const xhttp = new XMLHttpRequest();
-    xhttp.onload = function () { }
-    xhttp.onreadystatechange = function () {
-        if (xhttp.readyState === 4) {
-            if (xhttp.status === 200) {
-                console.log('successful');
-                document.querySelector('div#main').innerHTML = xhttp.responseText;
-                console.log(xhttp.responseText);
-                resizeGrid();
-                formToAjax();
-            } else {
-                console.log('failed');
-            }
-        }
-    }
-
-    xhttp.open("POST", "/page", true);
-    xhttp.send(urlencodeFormData(formData));
-}
-
-function formToAjax(){
 [].forEach.call(document.querySelectorAll('form'), function (form) {
     form.addEventListener('submit', function (event) {
         event.preventDefault();
         const target = event.currentTarget;
-            target.style.opacity = "0.5"
 
         console.log(target.method, target.action);
         console.log(form.method, form.action);
@@ -79,7 +18,6 @@ function formToAjax(){
                 } else {
                     console.log('failed');
                 }
-                    target.style.opacity = "1"
             }
         }
 
@@ -87,16 +25,14 @@ function formToAjax(){
         xhttp.send(urlencodeFormData(formData));
     });
 });
+
+function urlencodeFormData(fd){
+    var s = '';
+    function encode(s){ return encodeURIComponent(s).replace(/%20/g,'+'); }
+    for(var pair of fd.entries()){
+        if(typeof pair[1]=='string'){
+            s += (s?'&':'') + encode(pair[0])+'='+encode(pair[1]);
+        }
+    }
+    return s;
 }
-
-window.addEventListener('resize', function(event) {
-     resizeGrid();
-}, true);
-
-window.addEventListener('orientationchange', function(event) {
-    console.log("Rotated");
-    resizeGrid();
-}, true);
-
- resizeGrid();
- formToAjax();

FakeDeckUI/FakeDeck/StaticFiles/style.css

@@ -1 +0,0 @@
-/*https://stackoverflow.com/questions/62371077/create-dynamic-equal-sized-small-squares-grid-in-fixed-size-big-square/

FakeDeckUI/FakeDeck/configuration.yaml

@@ -52,62 +52,7 @@ pages:
         parameters:
           - name: Key
             value: bomb
-      - button: spacer
-        function: FakeDeckMacro
-        parameters:
-          - name: Key
-            value: "spacer"
-          - name: Color
-            value: orange
-      - button: spacer
-        function: FakeDeckMacro
-        parameters:
-          - name: Key
-            value: "full-screen"
-          - name: Color
-            value: orange
-      - button: spacer
-        function: FakeDeckMacro
-        parameters:
-          - name: Key
-            value: "spacer"
-          - name: Color
-            value: red
-      - button: spacer
-        function: FakeDeckMacro
-        parameters:
-          - name: Key
-            value: "spacer"
-          - name: Color
-            value: red
-      - button: spacer
-        function: FakeDeckMacro
-        parameters:
-          - name: Key
-            value: "spacer"
-          - name: Color
-            value: red
-      - button: spacer
-        function: FakeDeckMacro
-        parameters:
-          - name: Key
-            value: "spacer"
-          - name: Color
-            value: red
 
-      - button: page
-        function: FakeDeckMacro
-        parameters:
-          - name: Key
-            value: "set-page"
-          - name: PageId
-            value: "media"
-          - name: Image
-            value: "https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTdEjIsQcn8NwYWhwISL74xXLGtRHeW1Mn67g&s"
-
-
-  - page: media
-    buttons: 
       - button: mute
         function: MediaMacro
         parameters:
@@ -131,52 +76,3 @@ pages:
         parameters:
           - name: Key
             value: "next"
-      
-      - button: spacer
-        function: FakeDeckMacro
-        parameters:
-          - name: Key
-            value: "full-screen"
-          - name: Color
-            value: orange
-      
-      - button: spacer
-        function: FakeDeckMacro
-        parameters:
-          - name: Key
-            value: "spacer"
-          - name: Color
-            value: red
-
-      - button: spacer
-        function: FakeDeckMacro
-        parameters:
-          - name: Key
-            value: "spacer"
-          - name: Color
-            value: red
-
-      - button: spacer
-        function: FakeDeckMacro
-        parameters:
-          - name: Key
-            value: "spacer"
-          - name: Color
-            value: red
-
-      - button: spacer
-        function: FakeDeckMacro
-        parameters:
-          - name: Key
-            value: "spacer"
-          - name: Color
-            value: red
-      - button: page
-        function: FakeDeckMacro
-        parameters:
-          - name: Key
-            value: "set-page"
-          - name: PageId
-            value: "helldivers"
-          - name: Image
-            value: "https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcT2oyk6yqmBxt9ejwqBaordr6X9s-dZFnHrvg&s"