diff --git a/app/about/aboutus.tsx b/app/about/aboutus.tsx index 4e23722..092afe2 100644 --- a/app/about/aboutus.tsx +++ b/app/about/aboutus.tsx @@ -66,8 +66,10 @@ const AboutPage = () => { Welcome to Arka Linux GUI, formerly known as Arch Linux GUI.

- We provide a fast, offline Arch installer with a graphical user - interface. + We provide a simple Arch Linux distribution with a focus towards simplicity. +

+

+ The project has been known as ALG, it's abbreviation, since the project's inception.

@@ -87,22 +89,21 @@ const AboutPage = () => {

Our Mission

- At Arka Linux GUI, our mission is to simplify the installation - process of Arch Linux by providing a user-friendly graphical - interface. We aim to make Arch Linux accessible to everyone, - from beginners to advanced users. + Our mission is to simplify the installation + and use of Arch Linux. We want to provide users with an amazing + experience of using an Arch Based Distribution.

Our History

- Originally launched as Arch Linux GUI, we have rebranded to Arka - Linux GUI to better reflect our vision and goals. Over the - years, we have evolved to provide a robust, offline installer - that caters to the needs of our diverse user base. + While we originally started as a installer for Arch Linux, we + have deviated enough from that idea, to be considered a full + distribution. We are very proud to be based on Arch Linux, without which, + this project would not have existed.

-
+ {/*

Our Team

We are a dedicated team of developers, designers, and @@ -111,7 +112,7 @@ const AboutPage = () => { users. Our commitment to quality and user satisfaction drives us to continually improve and innovate.

-
+
*/} diff --git a/app/downloads/Flavours.tsx b/app/downloads/Flavours.tsx index 44425a0..ac09c0e 100644 --- a/app/downloads/Flavours.tsx +++ b/app/downloads/Flavours.tsx @@ -5,7 +5,6 @@ import React, { useEffect, useRef, useState } from "react"; interface IsoLinks { sourceforge: string; - osdn: string; torrent: string; } @@ -15,44 +14,41 @@ interface IsoData { xfce: IsoLinks; } -const pureIso: IsoData = { - kde: { - sourceforge: - "https://sourceforge.net/projects/arch-linux-gui/files/archlinux-gui-plasma-pure-2022.07-x86_64.iso/download", - osdn: "https://osdn.net/dl/arch-linux-gui/archlinux-gui-plasma-pure-2022.07-x86_64.iso", - torrent: "https://some-torrent-link/kde-pure.torrent", - }, - gnome: { - sourceforge: - "https://sourceforge.net/projects/arch-linux-gui/files/archlinux-gui-gnome-pure-2022.07-x86_64.iso/download", - osdn: "https://osdn.net/dl/arch-linux-gui/archlinux-gui-gnome-pure-2022.07-x86_64.iso", - torrent: "https://some-torrent-link/gnome-pure.torrent", - }, - xfce: { - sourceforge: - "https://sourceforge.net/projects/arch-linux-gui/files/archlinux-gui-xfce-pure-2022.07-x86_64.iso/download", - osdn: "https://osdn.net/dl/arch-linux-gui/archlinux-gui-xfce-pure-2022.07-x86_64.iso", - torrent: "https://some-torrent-link/xfce-pure.torrent", - }, -}; +// const pureIso: IsoData = { +// kde: { +// sourceforge: +// "https://sourceforge.net/projects/arch-linux-gui/files/archlinux-gui-plasma-pure-2022.07-x86_64.iso/download", +// osdn: "https://osdn.net/dl/arch-linux-gui/archlinux-gui-plasma-pure-2022.07-x86_64.iso", +// torrent: "https://some-torrent-link/kde-pure.torrent", +// }, +// gnome: { +// sourceforge: +// "https://sourceforge.net/projects/arch-linux-gui/files/archlinux-gui-gnome-pure-2022.07-x86_64.iso/download", +// osdn: "https://osdn.net/dl/arch-linux-gui/archlinux-gui-gnome-pure-2022.07-x86_64.iso", +// torrent: "https://some-torrent-link/gnome-pure.torrent", +// }, +// xfce: { +// sourceforge: +// "https://sourceforge.net/projects/arch-linux-gui/files/archlinux-gui-xfce-pure-2022.07-x86_64.iso/download", +// osdn: "https://osdn.net/dl/arch-linux-gui/archlinux-gui-xfce-pure-2022.07-x86_64.iso", +// torrent: "https://some-torrent-link/xfce-pure.torrent", +// }, +// }; const themedIso: IsoData = { kde: { sourceforge: "https://sourceforge.net/projects/arch-linux-gui/files/archlinux-gui-plasma-2022.07-x86_64.iso/download", - osdn: "https://osdn.net/dl/arch-linux-gui/archlinux-gui-plasma-2022.07-x86_64.iso", torrent: "https://some-torrent-link/kde-themed.torrent", }, gnome: { sourceforge: "https://sourceforge.net/projects/arch-linux-gui/files/archlinux-gui-gnome-2022.07-x86_64.iso/download", - osdn: "https://osdn.net/dl/arch-linux-gui/archlinux-gui-gnome-2022.07-x86_64.iso", torrent: "https://some-torrent-link/gnome-themed.torrent", }, xfce: { sourceforge: "https://sourceforge.net/projects/arch-linux-gui/files/archlinux-gui-xfce-2022.07-x86_64.iso/download", - osdn: "https://osdn.net/dl/arch-linux-gui/archlinux-gui-xfce-2022.07-x86_64.iso", torrent: "https://some-torrent-link/xfce-themed.torrent", }, }; @@ -70,11 +66,11 @@ const DesktopEnvironment: React.FC = ({ name, title, description, - pureImage, + themedImage, isReversed, }) => { - const [isThemed, setIsThemed] = useState(false); + // Default to Themed variant for visuals and downloads const [dropdownVisible, setDropdownVisible] = useState(false); const dropdownRef = useRef(null); @@ -96,7 +92,7 @@ const DesktopEnvironment: React.FC = ({ const toggleDropdown = () => setDropdownVisible(!dropdownVisible); - const isoLinks = !isThemed ? themedIso[name] : pureIso[name]; + const isoLinks = themedIso[name]; const contentSection = (
@@ -104,7 +100,7 @@ const DesktopEnvironment: React.FC = ({

{description}

{title} = ({ className="mx-auto rounded-lg" />
-
- Pure - - Themed -

- General Instructions + Installation Instructions

-

Make Bootable USB:

+

Make Bootable USB:

  • - Linux: Watch this video for Command Line DD method or watch the - video with Balena Etcher. + To create a bootable USB. You can follow the step-by-step guides on + the Tutorials page.
    • +

    Getting Started with ALG installation:

  • - Windows: Watch either one of these videos: With Rufus or With - Balena Etcher + Insert the USB into your computer and open the BIOS/Boot Menu. The + key to open it depends on your device.
    • -
  • MacOS: Watch this video.
    • +
  • Common keys are F8, F11, + F12, or Esc plus a Function key. Press the key repeatedly right + after turning on your PC.
  • - Watch tutorials on the Tutorials page for installation guide. + Use the arrow keys to highlight your USB drive, then press Enter + to boot from it. +
    • +

    Selecting the correct graphics driver:

    +
  • + When the ALG boot options appear, choose the right option: +
      +
    • + If you have an NVIDIA GPU (Kepler or newer), select Option 2 + (press the Down Arrow once, then Enter). +
      • +
    • + For all other systems, select Option 1 (just press Enter). +
      • +
    +
    • +
  • + ALG will start based on your choice. For NVIDIA users, the + necessary drivers are enabled automatically.
    • -
  • Dual/Multi Boot: Watch these videos.
    • -
  • Don't forget to verify your download.
    • -
  • Optionally, view full changelog.
diff --git a/app/tutorials/TutorialPage.tsx b/app/tutorials/TutorialPage.tsx index 84fed90..45a7c2e 100644 --- a/app/tutorials/TutorialPage.tsx +++ b/app/tutorials/TutorialPage.tsx @@ -9,6 +9,18 @@ const install = [ In this video, I will show you how to get a SHA256 checksum and compare with the strings I have provided, to ensure the legitimacy of the download. I will cover how you can do this on Windows and Linux. I have explained on Windows 11, however, the steps are applicable to Windows 10 and Windows 7. Simillarly, the steps show for Linux are done on Arch, but can be done on any Linux Distribution. You can find the checksums here as well.`, url: "wtZjRXOny7Q", }, + { + title: "Make Bootable USB in Windows (7, 8, 10, 11)", + description: `In this video, we take a look at how to make a bootable USB of a Linux distribution, on Windows. In this video, as an example, I will make the Arka Linux GUI Gnome Edition. + I am doing this on Windows 11, however, the steps can be performed on Windows 7, 8 or 10.`, + url: "7ND2fiaFfic", + }, + { + title: "Make Bootable USB with dd on any Linux Distro", + description: `In this video, we take a look at how to make a bootable USB of a Linux distribution, on another Linux distribution. In this video, as an example, I will make the Manjaro bootable USB on Ubuntu. + The method show here can be used to make Arka Linux GUI's bootable USB from any Linux distribution.`, + url: "KQGedNCA1E4", + }, { title: "ALG Automatic Installation", description: `In this video, we take a look at how to install Arch Linux using a GUI installer (Calamares). In this video we install Arch Linux on UEFI/GPT setup with automatic partining. ALG developers do not encourage automatic partitoning. The primary reason is the creation of the boot and home partitions, within the root parition. @@ -61,18 +73,6 @@ const archSpecific = [ ]; const miscellaneous = [ - { - title: "Make Bootable USB in Windows (7, 8, 10, 11)", - description: `In this video, we take a look at how to make a bootable USB of a Linux distribution, on Windows. In this video, as an example, I will make the Arka Linux GUI Gnome Edition. - I am doing this on Windows 11, however, the steps can be performed on Windows 7, 8 or 10.`, - url: "7ND2fiaFfic", - }, - { - title: "Make Bootable USB with dd on any Linux Distro", - description: `In this video, we take a look at how to make a bootable USB of a Linux distribution, on another Linux distribution. In this video, as an example, I will make the Manjaro bootable USB on Ubuntu. - The method show here can be used to make Arka Linux GUI's bootable USB from any Linux distribution.`, - url: "KQGedNCA1E4", - }, { title: "Install and Setup VirtualBox in Arch Linux", description: `In this video, we take a look at how to install and setup VirtualBox in Arch Linux. diff --git a/components/Footer.tsx b/components/Footer.tsx index 882386a..920f0fc 100644 --- a/components/Footer.tsx +++ b/components/Footer.tsx @@ -11,7 +11,7 @@ export default function Footer() { © {new Date().getFullYear()} ALG Team
- @@ -22,7 +22,7 @@ export default function Footer() { className="text-[12px] md:text-sm opacity-70 hover:opacity-100 transition-opacity duration-300" > About Us - + */}
diff --git a/components/Navbar.tsx b/components/Navbar.tsx index 254c23b..d7c51a9 100644 --- a/components/Navbar.tsx +++ b/components/Navbar.tsx @@ -7,11 +7,11 @@ import { useEffect, useState } from "react"; import { Button } from "./ui/button"; const navItems = { + Downloads: "/downloads", Tutorials: "/tutorials", Support: "https://discord.com/invite/NgAFEw9Tkf", Sourceforge: "https://sourceforge.net/projects/arch-linux-gui/", - OSDN: "https://osdn.net/projects/arch-linux-gui/", - Downloads: "/downloads", + "About": "/about", }; export default function CenteredDockToStickyNavbar() { diff --git a/components/WhatsNew.tsx b/components/WhatsNew.tsx index a5be092..84cb68f 100644 --- a/components/WhatsNew.tsx +++ b/components/WhatsNew.tsx @@ -10,25 +10,25 @@ export default function WhatIsALGSection() { const features = [ { - title: "Offline-Centric Installation", + title: "Offline Installation", description: - "Install your system entirely without an internet connection.", + "Get your system installed within minutes without an internet connection.", link: "#", image: "https://github.com/arch-linux-gui/artwork/blob/dev/desktop-screenshots/ss-with-apps/theme/plasma/installer.png?raw=true", }, - { - title: "Minimalist & Clean System", - description: "Experience a bare-minimum, efficient Linux environment.", - link: "#", - image: "https://github.com/arch-linux-gui/artwork/blob/dev/desktop-screenshots/desktop-ss/pure/plasma-pure.png?raw=true", - }, - { - title: "Custom Themed Environments", - description: - "Enjoy a beautifully themed interface without unnecessary extras.", - link: "#", - image: "https://github.com/arch-linux-gui/artwork/blob/dev/desktop-screenshots/desktop-ss/themed/xfce-themed.png?raw=true", - }, + // { + // title: "Minimalist & Clean System", + // description: "Experience a bare-minimum, efficient Linux environment.", + // link: "#", + // image: "https://github.com/arch-linux-gui/artwork/blob/dev/desktop-screenshots/desktop-ss/pure/plasma-pure.png?raw=true", + // }, + // { + // title: "Custom Themed Environments", + // description: + // "Enjoy a beautifully themed interface without unnecessary extras.", + // link: "#", + // image: "https://github.com/arch-linux-gui/artwork/blob/dev/desktop-screenshots/desktop-ss/themed/xfce-themed.png?raw=true", + // }, { title: "Intuitive Welcome Application", description: "Get started quickly with our user-friendly welcome app.", @@ -36,19 +36,19 @@ export default function WhatIsALGSection() { image: "https://github.com/arch-linux-gui/artwork/blob/dev/other/welcome.png?raw=true", }, { - title: "GUI-Based Package Manager (Beta)", + title: "New App Store (In Development)", description: - "Manage your software effortlessly with our beta GUI package manager.", + "Manage your software effortlessly with our new GUI package manager.", link: "#", image: "https://github.com/arch-linux-gui/artwork/blob/dev/other/app-store.png?raw=true", }, - { - title: "Community-Driven Development", - description: - "Built and continuously improved by our passionate community.", - link: "#", - image: "https://github.com/arch-linux-gui/artwork/blob/dev/desktop-screenshots/desktop-ss/themed/gnome.png?raw=true", - }, + // { + // title: "Community-Driven Development", + // description: + // "Built and continuously improved by our passionate community.", + // link: "#", + // image: "https://github.com/arch-linux-gui/artwork/blob/dev/desktop-screenshots/desktop-ss/themed/gnome.png?raw=true", + // }, ]; return ( @@ -63,10 +63,10 @@ export default function WhatIsALGSection() { transition={{ duration: 0.6 }} className="text-3xl md:text-6xl font-bold text-center text-orange-600 dark:text-orange-400" > - What is Arka Linux GUI? + What is Arka Linux GUI (ALG)? - Know more about ALG + ALG is a linux distribution based on Arch Linux. It started as a GUI installer for Arch Linux, but has since evolved into a full fledged linux distribution.
diff --git a/components/gallery.tsx b/components/gallery.tsx index eacc5ca..ec2b55d 100644 --- a/components/gallery.tsx +++ b/components/gallery.tsx @@ -3,22 +3,22 @@ import Marquee from "./ui/marquee"; const images = [ { - img: "https://github.com/arch-linux-gui/artwork/blob/dev/desktop-screenshots/desktop-ss/pure/gnome.png?raw=true", + img: "https://github.com/arch-linux-gui/artwork/blob/master/desktop-screenshots/ss-with-apps/theme/plasma/terminal.png?raw=true", }, { - img: "https://github.com/arch-linux-gui/artwork/blob/dev/desktop-screenshots/desktop-ss/themed/gnome.png?raw=true", + img: "https://github.com/arch-linux-gui/artwork/blob/master/desktop-screenshots/ss-with-apps/theme/gnome-41/app-menu.png?raw=true", }, { - img: "https://github.com/arch-linux-gui/artwork/blob/dev/desktop-screenshots/desktop-ss/themed/xfce-themed.png?raw=true", + img: "https://github.com/arch-linux-gui/artwork/blob/master/desktop-screenshots/ss-with-apps/theme/plasma/plasma-bluetooth.png?raw=true", }, { - img: "https://github.com/arch-linux-gui/artwork/blob/dev/desktop-screenshots/desktop-ss/pure/xfce-pure.png?raw=true", + img: "https://github.com/arch-linux-gui/artwork/blob/master/desktop-screenshots/ss-with-apps/theme/gnome-41/program-launcher.png?raw=true", }, { - img: "https://github.com/arch-linux-gui/artwork/blob/dev/desktop-screenshots/desktop-ss/themed/plasma.png?raw=true", + img: "https://github.com/arch-linux-gui/artwork/blob/master/desktop-screenshots/ss-with-apps/theme/xfce/xfce4-apps.png?raw=true", }, { - img: "https://github.com/arch-linux-gui/artwork/blob/dev/desktop-screenshots/desktop-ss/pure/plasma-pure.png?raw=true", + img: "https://github.com/arch-linux-gui/artwork/blob/master/desktop-screenshots/ss-with-apps/theme/plasma/installer.png?raw=true", }, ]; diff --git a/components/ui/card-hover-effect.tsx b/components/ui/card-hover-effect.tsx index 8e3340f..fd8a697 100644 --- a/components/ui/card-hover-effect.tsx +++ b/components/ui/card-hover-effect.tsx @@ -26,8 +26,8 @@ export const HoverEffect = ({ > {items.map((item, idx) => (
setHoveredIndex(idx)} onMouseLeave={() => setHoveredIndex(null)} > @@ -49,14 +49,15 @@ export const HoverEffect = ({ )} - {item.title} +
+ {item.title} +
{item.title} {item.description} @@ -76,7 +77,7 @@ export const Card = ({ return (
diff --git a/components/ui/imageviewer.tsx b/components/ui/imageviewer.tsx index 8806841..06944af 100644 --- a/components/ui/imageviewer.tsx +++ b/components/ui/imageviewer.tsx @@ -17,11 +17,13 @@ export function DialogBasicImage({ img }: { img: string }) { }} > - +
+ +
diff --git a/package-lock.json b/package-lock.json index 3547788..ddb3488 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1110,6 +1110,7 @@ "integrity": "sha512-D2wOSq/d6Agt28q7rSI3jhU7G6aiuzljDGZ2hTZHIkrTLUI+AF3WMeKkEZ9nN2fkBAlcktT6vcZjDFiIhMYEQw==", "devOptional": true, "license": "MIT", + "peer": true, "dependencies": { "@types/prop-types": "*", "csstype": "^3.0.2" @@ -1121,6 +1122,7 @@ "integrity": "sha512-qW1Mfv8taImTthu4KoXgDfLuk4bydU6Q/TkADnDWWHwi4NX4BR+LWfTp2sVmTqRrsHvyDDTelgelxJ+SsejKKQ==", "devOptional": true, "license": "MIT", + "peer": true, "dependencies": { "@types/react": "*" } @@ -1165,6 +1167,7 @@ "integrity": "sha512-w0xp+xGg8u/nONcGw1UXAr6cjCPU1w0XVyBs6Zqaj5eLmxkKQAByTdV/uGgNN5tVvN/kKpoQlP2cL7R+ajZZIQ==", "dev": true, "license": "BSD-2-Clause", + "peer": true, "dependencies": { "@typescript-eslint/scope-manager": "8.13.0", "@typescript-eslint/types": "8.13.0", @@ -1354,6 +1357,7 @@ "integrity": "sha512-cl669nCJTZBsL97OF4kUQm5g5hC2uihk0NxY3WENAC0TYdILVkAyHymAntgxGkl7K+t0cXIrH5siy5S4XkFycA==", "dev": true, "license": "MIT", + "peer": true, "bin": { "acorn": "bin/acorn" }, @@ -2097,7 +2101,8 @@ "version": "8.3.1", "resolved": "https://registry.npmjs.org/embla-carousel/-/embla-carousel-8.3.1.tgz", "integrity": "sha512-DutFjtEO586XptDn4cwvBJwsR/8fMa4jUk5Jk2g+/elKgu8mdn0Z2sx33g4JskvbLc1/6P8Xg4QlfELGJFcP5A==", - "license": "MIT" + "license": "MIT", + "peer": true }, "node_modules/embla-carousel-react": { "version": "8.3.1", @@ -2328,6 +2333,7 @@ "deprecated": "This version is no longer supported. Please see https://eslint.org/version-support for other options.", "dev": true, "license": "MIT", + "peer": true, "dependencies": { "@eslint-community/eslint-utils": "^4.2.0", "@eslint-community/regexpp": "^4.6.1", @@ -2498,6 +2504,7 @@ "integrity": "sha512-ixmkI62Rbc2/w8Vfxyh1jQRTdRTF52VxwRVHl/ykPAmqG+Nb7/kNn+byLP0LxPgI7zWA16Jt82SybJInmMia3A==", "dev": true, "license": "MIT", + "peer": true, "dependencies": { "@rtsao/scc": "^1.1.0", "array-includes": "^3.1.8", @@ -4510,6 +4517,7 @@ } ], "license": "MIT", + "peer": true, "dependencies": { "nanoid": "^3.3.7", "picocolors": "^1.1.0", @@ -4703,6 +4711,7 @@ "resolved": "https://registry.npmjs.org/react/-/react-18.3.1.tgz", "integrity": "sha512-wS+hAgJShR0KhEvPJArfuPVN1+Hz1t0Y6n5jLrGQbkb4urgPE/0Rve+1kMB1v/oWgHgm4WIcV+i7F2pTVj+2iQ==", "license": "MIT", + "peer": true, "dependencies": { "loose-envify": "^1.1.0" }, @@ -4715,6 +4724,7 @@ "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-18.3.1.tgz", "integrity": "sha512-5m4nQKp+rZRb09LNH59GM4BxTh9251/ylbKIbpe7TpGxfJ+9kv6BLkLBXIjjspbgbnIBNqlI23tRnTWT0snUIw==", "license": "MIT", + "peer": true, "dependencies": { "loose-envify": "^1.1.0", "scheduler": "^0.23.2" @@ -5436,6 +5446,7 @@ "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-3.4.14.tgz", "integrity": "sha512-IcSvOcTRcUtQQ7ILQL5quRDg7Xs93PdJEk1ZLbhhvJc7uj/OAhYOnruEiwnGgBvUtaUAJ8/mhSw1o8L2jCiENA==", "license": "MIT", + "peer": true, "dependencies": { "@alloc/quick-lru": "^5.2.0", "arg": "^5.0.2", @@ -5674,6 +5685,7 @@ "integrity": "sha512-hjcS1mhfuyi4WW8IWtjP7brDrG2cuDZukyrYrSauoXGNgx0S7zceP07adYkJycEr56BOUTNPzbInooiN3fn1qw==", "dev": true, "license": "Apache-2.0", + "peer": true, "bin": { "tsc": "bin/tsc", "tsserver": "bin/tsserver"