manager: improved app icon

website: KernelSU Next home added

manager/app/src/main/java/com/rifsxd/ksunext/ui/component/AboutCard.kt

@@ -74,7 +74,7 @@ private fun AboutCardContent() {
                 Image(
                     painter = painterResource(id = R.mipmap.ic_launcher_foreground),
                     contentDescription = "icon",
-                    modifier = Modifier.scale(1.2f)
+                    modifier = Modifier.scale(1.5f)
                 )
             }
 

manager/app/src/main/res/drawable/ic_ksu_next.xml

@@ -1,17 +1,12 @@
 <vector xmlns:android="http://schemas.android.com/apk/res/android"
-    android:width="24dp"
-    android:height="24dp"
-    android:viewportWidth="24"
-    android:viewportHeight="24">
-  <path
-      android:pathData="M12.009,18.259C11.191,18.259 10.558,17.608 10.558,16.808C10.558,16.008 11.191,15.357 12.009,15.357C12.809,15.357 13.46,16.008 13.46,16.808C13.46,17.608 12.809,18.259 12.009,18.259C12.009,18.259 12.009,18.259 12.009,18.259Z"
-      android:fillColor="#fff"/>
-  <path
-      android:pathData="M12.009,22C6.465,22 2,17.535 2,12.009C2,6.465 6.465,2 12.009,2C17.535,2 22,6.465 22,12.009C22,17.535 17.535,22 12.009,22C12.009,22 12.009,22 12.009,22ZM21.088,12.009C21.088,6.986 17.033,2.912 12.009,2.912C12.009,2.912 11.935,2.912 11.935,2.912C6.967,2.967 2.912,7.005 2.912,12.009C2.912,17.033 6.986,21.088 12.009,21.088C12.009,21.088 12.065,21.088 12.065,21.088C17.07,21.051 21.088,17.014 21.088,12.009C21.088,12.009 21.088,12.009 21.088,12.009Z"
-      android:fillColor="#fff"
-      android:fillType="evenOdd"/>
-  <path
-      android:pathData="M12.009,2.838C17.07,2.838 21.181,6.931 21.181,12.01C21.181,17.052 17.107,21.126 12.065,21.182C14.577,21.126 16.586,19.098 16.586,16.605C16.586,14.075 14.521,12.029 12.009,12.029C9.479,12.029 7.414,9.982 7.414,7.433C7.414,4.922 9.423,2.875 11.916,2.857C11.954,2.838 11.991,2.838 12.009,2.838C12.009,2.838 12.009,2.838 12.009,2.838ZM13.461,7.191C13.461,6.391 12.809,5.74 12.009,5.74C11.191,5.74 10.558,6.391 10.558,7.191C10.558,7.991 11.191,8.643 12.009,8.643C12.809,8.643 13.461,7.991 13.461,7.191C13.461,7.191 13.461,7.191 13.461,7.191Z"
-      android:fillColor="#fff"
-      android:fillType="evenOdd"/>
-</vector>
+        android:width="24dp"
+        android:height="24dp"
+        android:viewportWidth="24"
+        android:viewportHeight="24">
+    <path
+        android:fillColor="#000000"
+        android:pathData="M 13.75 6.75 C 13.75 7.71875 12.96875 8.5 12 8.5 C 11.03125 8.5 10.25 7.71875 10.25 6.75 C 10.25 5.78125 11.03125 5 12 5 C 12.96875 5 13.75 5.78125 13.75 6.75 Z M 13.75 6.75 "/>
+    <path
+        android:fillColor="#000000"
+        android:pathData="M 12 0 C 5.371094 0 0 5.371094 0 12 C 0 18.628906 5.371094 24 12 24 C 18.628906 24 24 18.628906 24 12 C 24 5.371094 18.628906 0 12 0 Z M 1.5 12 C 1.5 6.203125 6.203125 1.5 12 1.5 C 14.898438 1.5 17.25 3.851562 17.25 6.75 C 17.25 9.648438 14.898438 12 12 12 C 9.101562 12 6.75 14.351562 6.75 17.25 C 6.75 20.148438 9.101562 22.5 12 22.5 C 6.203125 22.5 1.5 17.796875 1.5 12 Z M 12 19 C 11.03125 19 10.25 18.21875 10.25 17.25 C 10.25 16.28125 11.03125 15.5 12 15.5 C 12.96875 15.5 13.75 16.28125 13.75 17.25 C 13.75 18.21875 12.96875 19 12 19 Z M 12 19 "/>
+</vector>

manager/app/src/main/res/mipmap-anydpi/ic_launcher.xml

@@ -3,4 +3,4 @@
   <background android:drawable="@color/ic_launcher_background"/>
   <foreground android:drawable="@mipmap/ic_launcher_foreground"/>
   <monochrome android:drawable="@mipmap/ic_launcher_monochrome"/>
-</adaptive-icon>
+</adaptive-icon>

website/src/assets/js/bold-and-dark.js

@@ -0,0 +1,61 @@
+(function() {
+  "use strict"; // Start of use strict
+
+  function initParallax() {
+
+    if (!('requestAnimationFrame' in window)) return;
+    if (/Mobile|Android/.test(navigator.userAgent)) return;
+
+    var parallaxItems = document.querySelectorAll('[data-bss-parallax]');
+
+    if (!parallaxItems.length) return;
+
+    var defaultSpeed = 0.5;
+    var visible = [];
+    var scheduled;
+
+    window.addEventListener('scroll', scroll);
+    window.addEventListener('resize', scroll);
+
+    scroll();
+
+    function scroll() {
+
+      visible.length = 0;
+
+      for (var i = 0; i < parallaxItems.length; i++) {
+        var rect = parallaxItems[i].getBoundingClientRect();
+        var speed = parseFloat(parallaxItems[i].getAttribute('data-bss-parallax-speed'), 10) || defaultSpeed;
+
+        if (rect.bottom > 0 && rect.top < window.innerHeight) {
+          visible.push({
+            speed: speed,
+            node: parallaxItems[i]
+          });
+        }
+
+      }
+
+      cancelAnimationFrame(scheduled);
+
+      if (visible.length) {
+        scheduled = requestAnimationFrame(update);
+      }
+
+    }
+
+    function update() {
+
+      for (var i = 0; i < visible.length; i++) {
+        var node = visible[i].node;
+        var speed = visible[i].speed;
+
+        node.style.transform = 'translate3d(0, ' + (-window.scrollY * speed) + 'px, 0)';
+      }
+
+    }
+  }
+
+  initParallax();
+})(); // End of use strict
+

website/src/index.html

@@ -0,0 +1,124 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
+    <title>Home | KernelSU Next</title>
+    <link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
+    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Inter:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800&amp;display=swap">
+</head>
+
+<body>
+    <nav class="navbar navbar-dark navbar-expand-md sticky-top py-3" id="mainNav">
+        <div class="container">
+            <a class="navbar-brand d-flex align-items-center" href="/">
+                <span style="color: rgb(255,168,168);">KernelSU Next</span>
+            </a>
+            <button data-bs-toggle="collapse" class="navbar-toggler" data-bs-target="#navcol-1">
+                <span class="visually-hidden">Toggle navigation</span>
+                <span class="navbar-toggler-icon"></span>
+            </button>
+            <div class="collapse navbar-collapse" id="navcol-1">
+                <ul class="navbar-nav mx-auto">
+                    <li class="nav-item"></li>
+                    <li class="nav-item"></li>
+                    <li class="nav-item"></li>
+                </ul>
+                <a class="navbar-brand d-flex align-items-center" href="https://github.com/rifsxd/KernelSU-Next" target="_blank">
+                    <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-github" style="font-size: 24px;">
+                        <path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.012 8.012 0 0 0 16 8c0-4.42-3.58-8-8-8z"></path>
+                    </svg>
+                </a>
+            </div>
+        </div>
+    </nav>
+    <header class="bg-dark">
+        <div class="container pt-4 pt-xl-5">
+            <div class="row pt-5">
+                <div class="col-md-8 col-xl-6 text-center text-md-start mx-auto">
+                    <div class="text-center">
+                        <h1 class="fs-1 fw-bold text-start" style="color: rgb(255,192,192);">KernelSU Next</h1>
+                        <h1 class="fw-bolder text-start" style="color: rgb(255,118,118);">A kernel-based root solution for Android</h1>
+                    </div>
+                    <p class="fs-5 fw-bold text-start" style="color: rgb(255,202,202);">Supports kernel 4.9 - 6.6 (NON-GKI &amp; GKI)</p>
+                </div>
+                <div class="col">
+                    <div></div>
+                </div>
+                <div class="col">
+                    <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-yin-yang" style="font-size: 170px;color: rgb(255,244,244);">
+                        <path d="M9.167 4.5a1.167 1.167 0 1 1-2.334 0 1.167 1.167 0 0 1 2.334 0Z"></path>
+                        <path d="M8 0a8 8 0 1 0 0 16A8 8 0 0 0 8 0ZM1 8a7 7 0 0 1 7-7 3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 0 0 7 7 7 0 0 1-7-7Zm7 4.667a1.167 1.167 0 1 1 0-2.334 1.167 1.167 0 0 1 0 2.334Z"></path>
+                    </svg>
+                </div>
+            </div>
+        </div>
+    </header>
+
+    <section class="py-5">
+        <div class="container">
+            <h2 class="fs-2 fw-bold text-start" style="color: rgb(255,192,192);">Installation</h2>
+            <p style="color: rgb(255,192,192);">Copy and paste the commands below to install KernelSU Next.</p>
+            <div>
+                <pre><code style="color: rgb(255,118,118);">curl -LSs "https://raw.githubusercontent.com/rifsxd/KernelSU-Next/next/kernel/setup.sh" | bash -</code><button class="btn" style="color: rgb(255,192,192); padding: 5px 10px; font-size: 12px;" onclick="copyToClipboard(this)">Copy to Clipboard!</button></pre>
+            </div>
+            <p style="color: rgb(255,192,192);">For SuSFS implementation, the commands should be the dedicated branches for your kernel. (For example - next-susfs-a13-5.15)</p>
+            <div>
+                <pre><code style="color: rgb(255,118,118);">curl -LSs "https://raw.githubusercontent.com/rifsxd/KernelSU-Next/next/kernel/setup.sh" | bash -s next-susfs-a13-5.15</code><button class="btn" style="color: rgb(255,192,192); padding: 5px 10px; font-size: 12px;" onclick="copyToClipboard(this)">Copy to Clipboard!</button></pre>
+            </div>
+        </div>
+    </section>
+
+    <script>
+        function copyToClipboard(button) {
+            // Find the <code> element
+            var code = button.previousElementSibling.innerText;
+
+            // Create a temporary textarea to copy the text
+            var textarea = document.createElement('textarea');
+            textarea.value = code;
+            document.body.appendChild(textarea);
+
+            // Select and copy the content
+            textarea.select();
+            document.execCommand('copy');
+
+            // Remove the temporary textarea
+            document.body.removeChild(textarea);
+        }
+    </script>
+
+
+    <section class="py-5">
+        <div class="container">
+            <h2 class="fs-2 fw-bold text-start" style="color: rgb(255,192,192);">Info</h2>
+            <p class="fs-4 fw-bold text-start" style="color: rgb(255,192,192);">KernelSU Next has many features and improvements!</p>
+            <p style="color: rgb(255,192,192);">just mentioning a few features</p>
+            <ol style="color: rgb(255,202,202);">
+                <li>NON-GKI kernel support from 4.x - 5.4 (LTS)</li>
+                <li>GKI kernels can use LKM/KMI methods for installation.</li>
+                <li>Dedicated pre-patched SuSFS branches to hide root effectively.</li>
+                <li>New manager features and UI ovehaul.</li>
+                <li>Module install confirmation window.</li>
+                <li>Restoration of module after uninstallaion.</li>
+                <li>SuSFS based features and info. (SuSFS patched kernels only)</li>
+                <li>Sparse image size lowered to an optimal value of 16GB.</li>
+                <li>Has it's own SuSFS library for cli commands.</li>
+                <li>Manager app can get auto updates from new releases.</li>
+                <li>More frequent updates and upcoming features.</li>
+            </ol>
+        </div>
+    </section>
+
+    <footer class="py-3 bg-dark text-light">
+        <div class="container text-center">
+            <p style="color: rgb(255,202,202);" class="mb-0">&copy; 2024 KernelSU Next. All rights reserved.</p>
+        </div>
+    </footer>
+
+    <script src="assets/bootstrap/js/bootstrap.min.js"></script>
+    <script src="assets/js/bold-and-dark.js"></script>
+</body>
+
+</html>