aaaaaa

nova-ind · Aug 15, 2024 · 7402b49 · 7402b49
1 parent b3e3b9d
commit 7402b49
Show file tree

Hide file tree

Showing 7 changed files with 348 additions and 260 deletions.
diff --git a/assets/code/apps.js b/assets/code/apps.js
@@ -73,13 +73,19 @@ var app = {
             const main = tk.mbw('Store', '800px', '500px', true, true, true, undefined, './assets/img/systemIcons/store.svg');
             // tk.cb('b1 b2', 'Home', function(){}, )
             var navbar = main.win.children[0].children[0];
-            navbar.appendChild(tk.cb('b4', 'Home', function () {}, null))
-            navbar.appendChild(tk.cb('b4', 'Categories', function () {}, null))
-            navbar.appendChild(tk.cb('b4', 'This Device', function () {}, null))
             var wc = main.main;
             var appstorepage = tk.c('iframe', wc);
+            navbar.appendChild(tk.cb('b4', 'Home', function () {
+                appstorepage.src = "/assets/sysappfiles/appstore/home.html"
+            }, null))
+            navbar.appendChild(tk.cb('b4', 'Categories', function () {
+                appstorepage.src = "/assets/sysappfiles/appstore/categories.html"
+            }, null))
+            navbar.appendChild(tk.cb('b4', 'This Device', function () {
+                appstorepage.src = "/assets/sysappfiles/appstore/thisdevice.html"
+            }, null))
             appstorepage.setAttribute("frameborder", "0")
-            appstorepage.src = "/assets/sysappfiles/appstore/index.html";
+            appstorepage.src = "/assets/sysappfiles/appstore/home.html";
             appstorepage.style.width = "100%"
             appstorepage.style.height = "100%"
             wc.style.height = "calc(100% - 65px)"

diff --git a/assets/sysappfiles/appstore/categories.html b/assets/sysappfiles/appstore/categories.html
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+    <meta charset="UTF-8" />
+    <title>NovaStore App Store</title>
+    <link rel="stylesheet" href="styles.css">
+</head>
+
+<body>
+    <main>
+
+        <h2>Productivity</h2>
+        <div class="approw">
+            <div class="application">
+                <img src="Frame 3.png" alt="image1">
+                <h3>Application 1</h3>
+                <p>Description of Application 1</p>
+            </div>
+            <div class="application">
+                <img src="Frame 3.png" alt="image1">
+                <h3>Application 1</h3>
+                <p>Description of Application 1</p>
+            </div>
+            <div class="application">
+                <img src="Frame 3.png" alt="image1">
+                <h3>Application 1</h3>
+                <p>Description of Application 1</p>
+            </div>
+        </div>
+        <br>
+        <br>
+    </main>
+</body>
+
+</html>
diff --git a/assets/sysappfiles/appstore/home.html b/assets/sysappfiles/appstore/home.html
@@ -0,0 +1,72 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+    <meta charset="UTF-8" />
+    <title>NovaStore App Store</title>
+    <link rel="stylesheet" href="styles.css">
+</head>
+
+<body>
+    <main>
+        <h2>Top Charts</h2>
+        <div class="carousel__container">
+            <img class="carousel__item" src="Frame 3.png" alt="image1">
+            <img class="carousel__item active" src="Frame 3.png" alt="image2">
+            <img class="carousel__item" src="Frame 3.png" alt="image3">
+        </div>
+        <h2>Offical Applications<br><small>Applications developed by the NovaOS Team</small></h2>
+        <div class="approw">
+            <div class="application">
+                <img src="Frame 3.png" alt="image1">
+                <h3>Application 1</h3>
+                <p>Description of Application 1</p>
+            </div>
+            <div class="application">
+                <img src="Frame 3.png" alt="image1">
+                <h3>Application 1</h3>
+                <p>Description of Application 1</p>
+            </div>
+            <div class="application">
+                <img src="Frame 3.png" alt="image1">
+                <h3>Application 1</h3>
+                <p>Description of Application 1</p>
+            </div>
+        </div>
+        <br>
+        <br>
+    </main>
+    <script>
+        const carousel = document.body
+        const carouselContainer = carousel.querySelector('.carousel__container');
+        const carouselItems = carousel.querySelectorAll('.carousel__item');
+        carouselItems.forEach((item, index) => {
+            item.addEventListener('mouseover', () => {
+                document.querySelector('.carousel__item.active').classList.remove('active');
+                item.classList.add('active');
+            });
+        });
+        var isMouseInCards = false;
+        carousel.onmouseenter = () => {
+            isMouseInCards = true;
+        }
+        carousel.onmouseleave = () => {
+            isMouseInCards = false;
+        }
+        let currentIndex = 0;
+        let nextIndex = 1;
+
+        setInterval(() => {
+            if (isMouseInCards) {
+                return;
+            } else {
+                document.querySelector('.carousel__item.active').classList.remove('active');
+                carouselItems[nextIndex].classList.add('active');
+                currentIndex = nextIndex;
+                nextIndex = (nextIndex + 1) % carouselItems.length;
+            }
+        }, 2000);
+    </script>
+</body>
+
+</html>
diff --git a/assets/sysappfiles/appstore/index.html b/assets/sysappfiles/appstore/index.html