index.html

<!-- index.html -->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="style.css">
    <link type="image/x-icon" href="assets/favicon/favicon.png" rel="shortcut icon">
    <link type="Image/x-icon" href="assets/favicon/favicon.png" rel="icon">
    <title>ReLP - main</title>
</head>
<body class="dark-theme">
    <header>
        <img src="assets/other-icons/title_icon.png" alt="AI Icon" class="icon">
        <h1>ReLP - online client for AI</h1>
    </header>
    <main>
        <button onclick="openPage('text_generation.html')">
            <div>
                <img src="assets/icons/text_gen.png" alt="Text Generation Icon">
                <span>Text Generation</span>
            </div>
        </button>
        <button onclick="openPage('transcribe.html')">
            <div>
                <img src="assets/icons/whisper.png" alt="Transcribe Icon">
                <span>Transcribe</span>
            </div>
        </button>
        <button onclick="openPage('diffusers.html')">
            <div>
                <img src="assets/icons/diffusers.png" alt="Diffusers Icon">
                <span>Diffusers</span>
            </div>
        </button>
        <button onclick="openPage('coqui.html')">
            <div>
                <img src="assets/icons/xtts.png" alt="Coqui Icon">
                <span>Coqui</span>
            </div>
        </button>
        <button onclick="openPage('video_dif.html')">
            <div>
                <img src="assets/icons/video_dif.gif" alt="Video_dif Icon">
                <span>Video Diffusion</span>
            </div>
        </button>
        <button onclick="openPage('animate_diff.html')">
            <div>
                <img src="assets/icons/animate_diff.png" alt="Animate_diff Icon">
                <span>AnimateDiff</span>
            </div>
        </button>
        <button onclick="openPage('ip_adapter_faceid.html')">
            <div>
                <img src="assets/icons/ip_adapter_faceid.png" alt="Ip_Adapter_FaceID Icon">
                <span>IP-Adapter-FaceID</span>
            </div>
        </button>
        <button onclick="openPage('automatic1111.html')">
            <div>
                <img src="assets/icons/automatic1111.png" alt="AUTOMATIC1111 Icon">
                <span>AUTOMATIC1111</span>
            </div>
        </button>
        <button onclick="openPage('comfyui.html')">
            <div>
                <img src="assets/icons/comfyui.png" alt="ComfyUI Icon">
                <span>ComfyUI</span>
            </div>
        </button>
        <button onclick="openPage('instantid.html')">
            <div>
                <img src="assets/icons/instantid.png" alt="InstantID Icon">
                <span>InstantID</span>
            </div>
        </button>
        <button onclick="openPage('openvoice.html')">
            <div>
                <img src="assets/icons/openvoice.png" alt="OpenVoice Icon">
                <span>OpenVoice</span>
            </div>
        </button>
        <button onclick="openPage('photomaker.html')">
            <div>
                <img src="assets/icons/photomaker.png" alt="PhotoMaker Icon">
                <span>PhotoMaker</span>
            </div>
        </button>
        <button onclick="openPage('old-photo-restoration.html')">
            <div>
                <img src="assets/icons/old-photo-restoration.png" alt="Old Photo Restoration Icon">
                <span>Old Photo Restoration</span>
            </div>
        </button>
        <button onclick="openPage('musicgen.html')">
            <div>
                <img src="assets/icons/musicgen.png" alt="MusicGen Icon">
                <span>MusicGen</span>
            </div>
        </button>
        <button onclick="openPage('magnet.html')">
            <div>
                <img src="assets/icons/magnet.png" alt="MAGNeT Icon">
                <span>MAGNeT</span>
            </div>
        </button>
        <button onclick="openPage('face_swap.html')">
            <div>
                <img src="assets/icons/face_swap.png" alt="Face Swap Icon">
                <span>Face Swap</span>
            </div>
        </button>
    </main>
    <script>
        function openPage(page) {
            window.location.href = page;
        }
    </script>
</body>
</html>