:3

index.html

@@ -18,27 +18,19 @@
             <a href="about.html">About</a>
         </div>
     </div>-->
+    <noscript><p style="width: 100%; background-color: #fffaa0; margin: 0; height: 30px;">This page might require JavaScript to work properly</h1></noscript>
     <br>
     <div class="introductionDiv">
-        <h1 class="w900">burgerstore</h1>
+        <h1 class="w700">burgerstore</h1>
         <p>The everything App Store: download your favourite apps for Linux and iOS.</p>
     </div>
-    <div class="appGrid">
+    <div id="appGrid" class="appGrid">
         <a class="featuredApp" src="/"><img></a>
-        <h3>Featured apps</h3>
+        <h3>iOS apps</h3>
-        <div class="app">
+        <a href="https://altstore.io/">AltStore</a> is required in order to install apps</p>
-            <img src="https://external-content.duckduckgo.com/iu/?u=https%3A%2F%2Fwww.tasteofhome.com%2Fwp-content%2Fuploads%2F2018%2F01%2Fexps28800_UG143377D12_18_1b_RMS.jpg&f=1&nofb=1&ipt=f3b2426d84aeb87ceaab0e5a3f7aa0ffdb9cc8fa13a076b237dbf54c7083d1eb&ipo=images">
-            <p class="title">Burgernotes</p><br>
-            <p class="w300">author, license, ios</p>
-            <button>Get</button>
-        </div>
-        <div class="app">
-            <img src="https://external-content.duckduckgo.com/iu/?u=https%3A%2F%2Fwww.tasteofhome.com%2Fwp-content%2Fuploads%2F2018%2F01%2Fexps28800_UG143377D12_18_1b_RMS.jpg&f=1&nofb=1&ipt=f3b2426d84aeb87ceaab0e5a3f7aa0ffdb9cc8fa13a076b237dbf54c7083d1eb&ipo=images">
-            <p class="title">Burgernotes</p><br>
-            <p class="w300">author, license, linux</p>
-            <button>Get</button>
-        </div>
     </div>
+    <script src="static/js/main.js"></script>
+
 </body>
 
 </html>

repo/store.json

@@ -13,7 +13,7 @@
           "name": "Burgernotes",
           "bundleIdentifier": "org.hectabit.burgernotes",
           "developerName": "HectaBit",
-          "subtitle": "Secure E2E encrypted note-taking app",
+          "subtitle": "A simple note-taking service!",
           "iconURL": "https://centrifuge.hectabit.org/HectaBit/Burgernotes-iOS/raw/branch/main/Burgernotes/Assets.xcassets/org.hectabit.burgernotes.imageset/1024x.png",
           "tintColor": "#FFFFFF",
           "category": "utilities",
@@ -24,12 +24,33 @@
               "buildVersion": "1",
               "date": "2024-02-29",
               "downloadURL": "https://centrifuge.hectabit.org/HectaBit/Burgernotes-iOS/releases/download/b1.0.0/Burgernotes.ipa",
-              "minOSVersion": "15.0",
+              "minOSVersion": "15.0"
-            },
+            }
           ],
           "appPermissions": {},
-          "patreon": {},
+          "patreon": {}
       },
-  ],
+      {
-  "news": [],
+        "name": "Burgertunes",
+        "bundleIdentifier": "lol.cta.burgertunes",
+        "developerName": "cta",
+        "subtitle": "Experimental music player",
+        "iconURL": "https://files.colon3.lol/2Rsu2zfS.burgertunesicon.svg",
+        "tintColor": "#f1b739",
+        "category": "entertainment",
+        "screenshots": [],
+        "versions": [
+          {
+            "version": "b1.0.0",
+            "buildVersion": "1",
+            "date": "2024-02-29",
+            "downloadURL": "https://files.colon3.lol/Zv2L2RKc.burgertunes.ipa",
+            "minOSVersion": "13.4"
+          }
+        ],
+        "appPermissions": {},
+        "patreon": {}
+    }
+  ],
+  "news": []
 }

static/css/style.css

@@ -1,4 +1,4 @@
-@import url("static/fonts/inter.css");
+@import url("/static/fonts/inter.css");
 
 body {
     margin: 0;
@@ -8,6 +8,7 @@ body {
 
 .introductionDiv {
     margin-left: 45px;
+    margin-right: 45px;
     font-size: 18px;
 }
 
@@ -29,12 +30,13 @@ body {
     margin-left: 5px;
     height: calc(100% - 10px);
     border-radius: 12px;
+    background-color: #fff;
 }
 .appGrid .app p {
     position: absolute;
     display: inline;
     font-size: 18px;
-    transform: translate(62.5px,-47.5px);
+    transform: translate(7.5px, 13.5px);
 }
 .appGrid .app .title {
     position: absolute;
@@ -46,13 +48,13 @@ body {
     position: absolute;
     color: white;
     padding: 12px;
-    padding-left: 17.5px;
+    padding-left: 22.5px;
-    padding-right: 17.5px;
+    padding-right: 22.5px;
     background-color: #157efb;
     border: none;
     border-radius: 12px;
     right: 52.5px;
-    transform: translate(0px, -50px);
+    transform: translate(0px, 10px);
 }
 
 

static/js/main.js

@@ -0,0 +1,39 @@
+let appGrid = document.getElementById("appGrid")
+
+async function getStore(link) {
+    const response = await fetch(link);
+    const data = await response.json();
+    return data
+}
+
+getStore("repo/store.json").then((data) => {
+    console.log(data["title"])
+    console.log(data["apps"])
+    for (index in data["apps"]) {
+        let application = data["apps"][index]
+
+        // UI stuff
+        let appDiv = document.createElement("div")
+        appDiv.classList.add("app")
+        appGrid.append(appDiv)
+
+        let appImage = document.createElement("img")
+        appImage.src = application["iconURL"]
+        appDiv.append(appImage)
+
+        let appTitle = document.createElement("p")
+        appTitle.classList.add("title")
+        appTitle.innerText = application["name"]
+        appDiv.append(appTitle)
+
+        let appInfo = document.createElement("p")
+        appInfo.classList.add("w300")
+        appInfo.innerText = application["developerName"] + " | " + application["subtitle"]
+        appDiv.append(appInfo)
+
+        let appButton = document.createElement("button")
+        appButton.innerText = "Get"
+        appDiv.append(appButton)
+    }
+    //console.log(data)
+});