Mirrors/ProxMenux
1
0
Fork 0
mirror of https://github.com/MacRimi/ProxMenux.git synced 2025-12-17 17:46:24 +00:00
Code Issues Packages Projects Releases Wiki Activity

Update web

Browse Source
This commit is contained in:
MacRimi
2025-12-13 20:20:21 +01:00
parent 7fbd377ab2
commit cca6e71911
39 changed files with 169 additions and 290 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
web/app/docs/create-vm/page.tsx
View File

@@ -84,7 +84,7 @@ export default function VirtualMachinesPage() {
</div>
<ImageWithCaption
src="https://macrimi.github.io/ProxMenux/vm/vm-creation-menu.png"
src="/images/design-mode/vm-creation-menu.png"
alt="Virtual Machines Creation Menu"
caption="Virtual Machines Creation Menu"
/>

75
web/app/docs/create-vm/synology/page.tsx
View File

@@ -241,7 +241,7 @@ export default function Page() {
<p>You can upload custom loaders from the local storage options:</p>
<ImageWithCaption
src="https://macrimi.github.io/ProxMenux/vm/synology/add_loader.png"
src="/images/design-mode/add_loader.png"
alt="Add Custom Loader"
caption="Add Custom Loader"
/>
@@ -345,7 +345,7 @@ export default function Page() {
</p>
<ImageWithCaption
src="https://macrimi.github.io/ProxMenux/vm/synology/arc/arc_1_0_1.png"
src="/images/design-mode/arc_1_0_1.png"
alt="Arc Loader Web Interface"
caption="Arc Loader Web Interface"
/>
@@ -355,7 +355,7 @@ export default function Page() {
</p>
<ImageWithCaption
src="https://macrimi.github.io/ProxMenux/vm/synology/arc/arc_1_1_1.png"
src="/images/design-mode/arc_1_1_1.png"
alt="Arc Loader Terminal Interface"
caption="Arc Loader Terminal Interface"
/>
@@ -372,7 +372,7 @@ export default function Page() {
</p>
<ImageWithCaption
src="https://macrimi.github.io/ProxMenux/vm/synology/rr/rr_2_0_2.png"
src="/images/design-mode/rr_2_0_2.png"
alt="RR Command Example"
caption="RR Loader Web Interface"
/>
@@ -382,7 +382,7 @@ export default function Page() {
</p>
<ImageWithCaption
src="https://macrimi.github.io/ProxMenux/vm/synology/rr/rr_2_1_1.png"
src="/images/design-mode/rr_2_1_1.png"
alt="RR Loader Interface"
caption="RR Loader Terminal Interface"
/>
@@ -399,7 +399,7 @@ export default function Page() {
</p>
<ImageWithCaption
src="https://macrimi.github.io/ProxMenux/vm/synology/tinycore/tinycore_3_0_1.png"
src="/images/design-mode/tinycore_3_0_1.png"
alt="TinyCore Loader Interface"
caption="TinyCore Loader Web Interface"
/>
@@ -410,7 +410,7 @@ export default function Page() {
</p>
<ImageWithCaption
src="https://macrimi.github.io/ProxMenux/vm/synology/tinycore/tinycore_3_1_1.png"
src="/images/design-mode/tinycore_3_1_1.png"
alt="TinyCore Loader Interface"
caption="TinyCore Loader Terminal Interface"
/>
@@ -433,7 +433,7 @@ export default function Page() {
{activeLoader === "arc" && (
<div className="flex flex-col space-y-8">
<ImageWithCaption
src="https://macrimi.github.io/ProxMenux/vm/synology/arc/arc_1_2_1.png"
src="/images/design-mode/arc_1_2_1.png"
alt="Arc Model Selection"
caption="Arc Model Selection"
/>
@@ -443,7 +443,7 @@ export default function Page() {
{activeLoader === "rr" && (
<div className="flex flex-col space-y-8">
<ImageWithCaption
src="https://macrimi.github.io/ProxMenux/vm/synology/rr/rr_2_2_1.png"
src="/images/design-mode/rr_2_2_1.png"
alt="RR Model Selection"
caption="RR Model Selection"
/>
@@ -453,7 +453,7 @@ export default function Page() {
{activeLoader === "tinycore" && (
<div className="flex flex-col space-y-8">
<ImageWithCaption
src="https://macrimi.github.io/ProxMenux/vm/synology/tinycore/tinycore_3_2_1.png"
src="/images/design-mode/tinycore_3_2_1.png"
alt="TinyCore Model Selection"
caption="TinyCore Model Selection"
/>
@@ -476,12 +476,12 @@ export default function Page() {
{activeLoader === "arc" && (
<div className="flex flex-col space-y-16">
<ImageWithCaption
src="https://macrimi.github.io/ProxMenux/vm/synology/arc/arc_1_3_1.png"
src="/images/design-mode/arc_1_3_1.png"
alt="Arc Version Selection - Step 1"
caption="Arc Version Selection - Step 1"
/>
<ImageWithCaption
src="https://macrimi.github.io/ProxMenux/vm/synology/arc/arc_1_3_2.png"
src="/images/design-mode/arc_1_3_2.png"
alt="Arc Version Selection - Step 2"
caption="Arc Version Selection - Step 2"
/>
@@ -491,17 +491,17 @@ export default function Page() {
{activeLoader === "rr" && (
<div className="flex flex-col space-y-16">
<ImageWithCaption
src="https://macrimi.github.io/ProxMenux/vm/synology/rr/rr_2_3_1.png"
src="/images/design-mode/rr_2_3_1.png"
alt="RR Version Selection - Step 1"
caption="RR Version Selection - Step 1"
/>
<ImageWithCaption
src="https://macrimi.github.io/ProxMenux/vm/synology/rr/rr_2_3_2.png"
src="/images/design-mode/rr_2_3_2.png"
alt="RR Version Selection - Step 2"
caption="RR Version Selection - Step 2"
/>
<ImageWithCaption
src="https://macrimi.github.io/ProxMenux/vm/synology/rr/rr_2_3_3.png"
src="/images/design-mode/rr_2_3_3.png"
alt="RR Version Selection - Step 3"
caption="RR Version Selection - Step 3"
/>
@@ -511,12 +511,12 @@ export default function Page() {
{activeLoader === "tinycore" && (
<div className="flex flex-col space-y-16">
<ImageWithCaption
src="https://macrimi.github.io/ProxMenux/vm/synology/tinycore/tinycore_3_3_1.png"
src="/images/design-mode/tinycore_3_3_1.png"
alt="TinyCore Version Selection - Step 1"
caption="TinyCore Version Selection - Step 1"
/>
<ImageWithCaption
src="https://macrimi.github.io/ProxMenux/vm/synology/tinycore/tinycore_3_3_2.png"
src="/images/design-mode/tinycore_3_3_2.png"
alt="TinyCore Version Selection - Step 2"
caption="TinyCore Version Selection - Step 2"
/>
@@ -541,7 +541,7 @@ export default function Page() {
automatically reboot once the process is complete.
</p>
<ImageWithCaption
src="https://macrimi.github.io/ProxMenux/vm/synology/arc/arc_1_4_1.png"
src="/images/design-mode/arc_1_4_1.png"
alt="Arc Auto Configuration"
caption="Arc Auto Configuration"
/>
@@ -550,22 +550,22 @@ export default function Page() {
the loader:
</p>
<ImageWithCaption
src="https://macrimi.github.io/ProxMenux/vm/synology/arc/arc_1_4_2.png"
src="/images/design-mode/arc_1_4_2.png"
alt="Arc Manual Configuration"
caption="Arc Manual Configuration"
/>
<ImageWithCaption
src="https://macrimi.github.io/ProxMenux/vm/synology/arc/arc_1_4_3.png"
src="/images/design-mode/arc_1_4_3.png"
alt="Arc SN/Mac Configuration"
caption="Arc SN/Mac Configuration"
/>
<ImageWithCaption
src="https://macrimi.github.io/ProxMenux/vm/synology/arc/arc_1_4_4.png"
src="/images/design-mode/arc_1_4_4.png"
alt="Arc Sata Portmap"
caption="Arc Sata Portmap (use the recommended option)"
/>
<ImageWithCaption
src="https://macrimi.github.io/ProxMenux/vm/synology/arc/arc_1_4_5.png"
src="/images/design-mode/arc_1_4_5.png"
alt="Arc Addons Selection"
caption="Arc Addons Selection"
/>
@@ -575,17 +575,17 @@ export default function Page() {
{activeLoader === "rr" && (
<div className="flex flex-col space-y-8">
<ImageWithCaption
src="https://macrimi.github.io/ProxMenux/vm/synology/rr/rr_2_4_1.png"
src="/images/design-mode/rr_2_4_1.png"
alt="RR Addon Step 1"
caption="RR Addon Step 1"
/>
<ImageWithCaption
src="https://macrimi.github.io/ProxMenux/vm/synology/rr/rr_2_4_2.png"
src="/images/design-mode/rr_2_4_2.png"
alt="RR Addon Step 2"
caption="RR Addon Step 2 - Press to add addons"
/>
<ImageWithCaption
src="https://macrimi.github.io/ProxMenux/vm/synology/rr/rr_2_4_3.png"
src="/images/design-mode/rr_2_4_3.png"
alt="RR Addon Step 3"
caption="RR Addon Step 3 - Select the one you want by clicking on it. If you want to add more, repeat the process from images 2.4.2 and 2.4.3"
/>
@@ -595,22 +595,22 @@ export default function Page() {
{activeLoader === "tinycore" && (
<div className="flex flex-col space-y-8">
<ImageWithCaption
src="https://macrimi.github.io/ProxMenux/vm/synology/tinycore/tinycore_3_4_1.png"
src="/images/design-mode/tinycore_3_4_1.png"
alt="TinyCore SN Configuration"
caption="TinyCore SN Configuration"
/>
<ImageWithCaption
src="https://macrimi.github.io/ProxMenux/vm/synology/tinycore/tinycore_3_4_2.png"
src="/images/design-mode/tinycore_3_4_2.png"
alt="TinyCore Random Option"
caption="TinyCore Random Option - The random option is recommended"
/>
<ImageWithCaption
src="https://macrimi.github.io/ProxMenux/vm/synology/tinycore/tinycore_3_4_3.png"
src="/images/design-mode/tinycore_3_4_3.png"
alt="TinyCore MAC Configuration"
caption="TinyCore MAC Configuration"
/>
<ImageWithCaption
src="https://macrimi.github.io/ProxMenux/vm/synology/tinycore/tinycore_3_4_4.png"
src="/images/design-mode/tinycore_3_4_4.png"
alt="TinyCore VM MAC"
caption="TinyCore VM MAC - Choose to use your VM's MAC or a random one"
/>
@@ -634,7 +634,7 @@ export default function Page() {
{activeLoader === "arc" && (
<div className="flex flex-col space-y-8">
<ImageWithCaption
src="https://macrimi.github.io/ProxMenux/vm/synology/arc/arc_1_5_1.png"
src="/images/design-mode/arc_1_5_1.png"
alt="Arc Build Loader"
caption="Arc Build Loader"
/>
@@ -644,7 +644,7 @@ export default function Page() {
{activeLoader === "rr" && (
<div className="flex flex-col space-y-8">
<ImageWithCaption
src="https://macrimi.github.io/ProxMenux/vm/synology/rr/rr_2_5_1.png"
src="/images/design-mode/rr_2_5_1.png"
alt="RR Build Loader"
caption="RR Build Loader"
/>
@@ -654,7 +654,7 @@ export default function Page() {
{activeLoader === "tinycore" && (
<div className="flex flex-col space-y-8">
<ImageWithCaption
src="https://macrimi.github.io/ProxMenux/vm/synology/tinycore/tinycore_3_5_1.png"
src="/images/design-mode/tinycore_3_5_1.png"
alt="TinyCore Build Loader"
caption="TinyCore Build Loader"
/>
@@ -677,7 +677,7 @@ export default function Page() {
{activeLoader === "arc" && (
<div className="flex flex-col space-y-8">
<ImageWithCaption
src="https://macrimi.github.io/ProxMenux/vm/synology/arc/arc_1_6_1.png"
src="/images/design-mode/arc_1_6_1.png"
alt="Arc Boot Loader"
caption="Arc Boot Loader"
/>
@@ -687,7 +687,7 @@ export default function Page() {
{activeLoader === "rr" && (
<div className="flex flex-col space-y-8">
<ImageWithCaption
src="https://macrimi.github.io/ProxMenux/vm/synology/rr/rr_2_6_1.png"
src="/images/design-mode/rr_2_6_1.png"
alt="RR Boot Loader"
caption="RR Boot Loader"
/>
@@ -697,7 +697,7 @@ export default function Page() {
{activeLoader === "tinycore" && (
<div className="flex flex-col space-y-8">
<ImageWithCaption
src="https://macrimi.github.io/ProxMenux/vm/synology/tinycore/tinycore_3_6_1.png"
src="/images/design-mode/tinycore_3_6_1.png"
alt="TinyCore Boot Loader"
caption="TinyCore Boot Loader"
/>
@@ -719,7 +719,7 @@ export default function Page() {
<p className="mb-6">Follow the on-screen steps to complete the DSM installation.</p>
<div className="flex flex-col space-y-8">
<ImageWithCaption
src="https://macrimi.github.io/ProxMenux/vm/synology/install_DSM.png"
src="/images/design-mode/install_DSM.png"
alt="DSM Setup"
caption="DSM Setup Screen"
/>
@@ -729,7 +729,7 @@ export default function Page() {
is nearing completion.
</p>
<ImageWithCaption
src="https://macrimi.github.io/ProxMenux/vm/synology/finish_install_DSM.png"
src="/images/design-mode/finish_install_DSM.png"
alt="Installation Complete"
caption="Installation Complete"
/>
@@ -833,4 +833,3 @@ function StepNumber({ number }: { number: number }) {
</div>
)
}

6
web/app/docs/create-vm/system-linux/page.tsx
View File

@@ -49,7 +49,7 @@ export default function LinuxVMContent() {
</div>
<ImageWithCaption
src="https://macrimi.github.io/ProxMenux/vm/menu_linux.png"
src="/images/design-mode/menu_linux.png"
alt="Linux VM Menu"
caption="Linux VM Creation Menu in ProxMenux"
/>
@@ -351,7 +351,7 @@ export default function LinuxVMContent() {
<div className="mt-4">
<ImageWithCaption
src="https://macrimi.github.io/ProxMenux/vm/distro_linux.png"
src="/images/design-mode/distro_linux.png"
alt="Linux Distribution Selection"
caption="Linux Distribution Selection in ProxMenux"
/>
@@ -411,7 +411,7 @@ export default function LinuxVMContent() {
<div className="mt-4">
<ImageWithCaption
src="https://macrimi.github.io/ProxMenux/vm/local-store.png"
src="/images/design-mode/local-store.png"
alt="Local ISO Selection Menu"
caption="Local ISO Selection Menu in ProxMenux"
/>

2
web/app/docs/create-vm/system-nas/page.tsx
View File

@@ -164,7 +164,7 @@ export default function SystemNASPage() {
</div>
<ImageWithCaption
src="https://macrimi.github.io/ProxMenux/vm/system-nas-menu.png"
src="/images/design-mode/system-nas-menu.png"
alt="System NAS Menu"
caption="System NAS Menu"
/>

16
web/app/docs/create-vm/system-nas/system-nas-others/page.tsx
View File

@@ -468,7 +468,7 @@ export default function OtherNASSystemsPage() {
<h4 className="font-medium mb-2">Shell Interface</h4>
<div className="border rounded-md overflow-hidden">
<Image
src="https://macrimi.github.io/ProxMenux/vm/truenas/truenas-scale-shell.png"
src="/images/design-mode/truenas-scale-shell.png"
alt="TrueNAS SCALE Shell Interface"
width={600}
height={400}
@@ -480,7 +480,7 @@ export default function OtherNASSystemsPage() {
<h4 className="font-medium mb-2">Web Interface</h4>
<div className="border rounded-md overflow-hidden">
<Image
src="https://macrimi.github.io/ProxMenux/vm/truenas/truenas-scale-web.png"
src="/images/design-mode/truenas-scale-web.png"
alt="TrueNAS SCALE Web Interface"
width={600}
height={400}
@@ -510,7 +510,7 @@ export default function OtherNASSystemsPage() {
<h4 className="font-medium mb-2">Shell Interface</h4>
<div className="border rounded-md overflow-hidden">
<Image
src="https://macrimi.github.io/ProxMenux/vm/truenas/truenas-core-shell.png"
src="/images/design-mode/truenas-core-shell.png"
alt="TrueNAS CORE Shell Interface"
width={600}
height={400}
@@ -522,7 +522,7 @@ export default function OtherNASSystemsPage() {
<h4 className="font-medium mb-2">Web Interface</h4>
<div className="border rounded-md overflow-hidden">
<Image
src="https://macrimi.github.io/ProxMenux/vm/truenas/truenas-core-web.png"
src="/images/design-mode/truenas-core-web.png"
alt="TrueNAS CORE Web Interface"
width={600}
height={400}
@@ -552,7 +552,7 @@ export default function OtherNASSystemsPage() {
<h4 className="font-medium mb-2">Shell Interface</h4>
<div className="border rounded-md overflow-hidden">
<Image
src="https://macrimi.github.io/ProxMenux/vm/openmediavault/openmediavault-shell.png"
src="/images/design-mode/openmediavault-shell.png"
alt="OpenMediaVault Shell Interface"
width={600}
height={400}
@@ -564,7 +564,7 @@ export default function OtherNASSystemsPage() {
<h4 className="font-medium mb-2">Web Interface</h4>
<div className="border rounded-md overflow-hidden">
<Image
src="https://macrimi.github.io/ProxMenux/vm/openmediavault/openmediavault-web.png"
src="/images/design-mode/openmediavault-web.png"
alt="OpenMediaVault Web Interface"
width={600}
height={400}
@@ -594,7 +594,7 @@ export default function OtherNASSystemsPage() {
<h4 className="font-medium mb-2">Shell Interface</h4>
<div className="border rounded-md overflow-hidden">
<Image
src="https://macrimi.github.io/ProxMenux/vm/rockstor/rockstor-shell.png"
src="/images/design-mode/rockstor-shell.png"
alt="Rockstor Shell Interface"
width={600}
height={400}
@@ -606,7 +606,7 @@ export default function OtherNASSystemsPage() {
<h4 className="font-medium mb-2">Web Interface</h4>
<div className="border rounded-md overflow-hidden">
<Image
src="https://macrimi.github.io/ProxMenux/vm/rockstor/rockstor-web.png"
src="/images/design-mode/rockstor-web.png"
alt="Rockstor Web Interface"
width={600}
height={400}

14
web/app/docs/create-vm/system-windows/page.tsx
View File

@@ -76,7 +76,7 @@ export default function WindowsVMPage() {
</div>
<ImageWithCaption
src="https://macrimi.github.io/ProxMenux/vm/menu_windows.png"
src="/images/design-mode/menu_windows.png"
alt="Windows VM Menu"
caption="Windows VM Creation Menu in ProxMenux"
/>
@@ -412,7 +412,7 @@ export default function WindowsVMPage() {
<div className="mt-4">
<ImageWithCaption
src="https://macrimi.github.io/ProxMenux/vm/local-store-windows.png"
src="/images/design-mode/local-store-windows.png"
alt="Local ISO Selection Menu"
caption="Local ISO Selection Menu in ProxMenux"
/>
@@ -492,7 +492,7 @@ export default function WindowsVMPage() {
During Windows installation, if no disks are shown on the “Where do you want to install Windows?” screen, it means the required storage drivers for your selected disk interface (such as SCSI or VirtIO) are not available. You'll need to load them manually.
</p>
<ImageWithCaption
src="https://macrimi.github.io/ProxMenux/vm/windows/virtio-step-1.png"
src="/images/design-mode/virtio-step-1.png"
alt="Windows installation - No disks shown"
caption="Windows installation screen with no disks available"
/>
@@ -505,7 +505,7 @@ export default function WindowsVMPage() {
Click the “Load driver” button to browse the mounted VirtIO ISO. This will allow you to load the necessary storage drivers so Windows can detect the virtual disk.
</p>
<ImageWithCaption
src="https://macrimi.github.io/ProxMenux/vm/windows/virtio-step-2.png"
src="/images/design-mode/virtio-step-2.png"
alt="Windows installation - Load driver button"
caption="Click 'Load driver' to browse for VirtIO drivers"
/>
@@ -519,7 +519,7 @@ export default function WindowsVMPage() {
For example, the <code className="bg-gray-100 px-1 py-0.5 rounded">viostor</code> folder contains storage drivers, and you'll find subfolders organized by version (e.g., Windows 10, 11, Server).
</p>
<ImageWithCaption
src="https://macrimi.github.io/ProxMenux/vm/windows/virtio-step-3.png"
src="/images/design-mode/virtio-step-3.png"
alt="Windows installation - Browse for driver"
caption="Browse to the appropriate driver folder on the VirtIO ISO"
/>
@@ -532,7 +532,7 @@ export default function WindowsVMPage() {
After selecting the folder, Windows will list the available drivers. Choose the appropriate one — usually “Red Hat VirtIO SCSI controller” — and click “Next” to proceed with the installation.
</p>
<ImageWithCaption
src="https://macrimi.github.io/ProxMenux/vm/windows/virtio-step-4.png"
src="/images/design-mode/virtio-step-4.png"
alt="Windows installation - Select driver"
caption="Select the appropriate VirtIO driver for your disk interface"
/>
@@ -545,7 +545,7 @@ export default function WindowsVMPage() {
<strong>Pro Tip:</strong> If you selected <strong>VirtIO</strong> as the network interface, Windows will not recognize it by default. To enable internet access during installation, load the VirtIO network driver from the ISO by browsing to the <code className="bg-gray-100 px-1 py-0.5 rounded">NetKVM</code> folder and selecting the correct subfolder for your Windows version.
</p>
<ImageWithCaption
src="https://macrimi.github.io/ProxMenux/vm/windows/virtio-step-5.png"
src="/images/design-mode/virtio-step-5.png"
alt="Windows installation - Network drivers"
caption="Select the appropriate VirtIO network driver to enable internet access"
/>