archlinux-config/index.html at main · pdev-labs/archlinux-config · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Arch Linux | Pro Guided Installer Configuration</title>

    <!-- SEO and Meta Tags -->
    <meta name="description" content="Professional, robust configuration file for the Arch Linux Guided Installer. Perfectly optimized for server deployments.">
    <meta name="keywords" content="Arch Linux, Installer, Configuration, Server, Linux, archinstall, ansible">
    <meta name="author" content="giftkugel">

    <!-- OpenGraph Tags -->
    <meta property="og:title" content="Arch Linux Config | Server Deployment">
    <meta property="og:description" content="Basic configuration file for Guided Installer on Arch Linux targeting Arch Linux as a server.">
    <meta property="og:type" content="website">
    <meta property="og:url" content="https://pdev-labs.github.io/archlinux-config/">

    <!-- Font Preloading & Google Fonts -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link rel="preload" href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;700&family=Outfit:wght@300;400;600;800&display=swap" as="style">
    <link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;700&family=Outfit:wght@300;400;600;800&display=swap" rel="stylesheet">

    <link rel="stylesheet" href="styles.css">
</head>
<body>
    <div class="scroll-progress" id="scroll-progress"></div>
    <div class="noise-overlay"></div>
    <div class="bg-gradient"></div>
    <div class="glow-orb orb-1"></div>
    <div class="glow-orb orb-2"></div>

    <nav class="floating-island">
        <a href="https://github.com/pdev-labs/archlinux-config" target="_blank" rel="noopener noreferrer" class="island-link" aria-label="GitHub Repository">
            <svg viewBox="0 0 24 24" fill="currentColor"><path d="M12 2A10 10 0 0 0 2 12c0 4.42 2.87 8.17 6.84 9.5.5.08.66-.23.66-.5v-1.69c-2.77.6-3.36-1.34-3.36-1.34-.45-1.16-1.11-1.47-1.11-1.47-.91-.62.07-.6.07-.6 1 .08 1.53 1.03 1.53 1.03.87 1.52 2.34 1.07 2.91.83.09-.65.35-1.09.63-1.34-2.22-.25-4.55-1.11-4.55-4.92 0-1.11.38-2 1.03-2.71-.1-.25-.45-1.29.1-2.64 0 0 .84-.27 2.75 1.02.79-.22 1.65-.33 2.5-.33.85 0 1.71.11 2.5.33 1.91-1.29 2.75-1.02 2.75-1.02.55 1.35.2 2.39.1 2.64.65.71 1.03 1.6 1.03 2.71 0 3.82-2.34 4.66-4.57 4.91.36.31.69.92.69 1.85V21c0 .27.16.59.67.5C19.14 20.16 22 16.42 22 12A10 10 0 0 0 12 2z"/></svg>
            <span class="island-text">GitHub</span>
        </a>
        <div class="island-divider"></div>
        <button class="theme-toggle" id="theme-toggle" aria-label="Toggle theme">
            <svg id="theme-icon" viewBox="0 0 24 24">
                <path d="M12,18C11.11,18 10.26,17.8 9.5,17.45C11.56,16.5 13,14.42 13,12C13,9.58 11.56,7.5 9.5,6.55C10.26,6.2 11.11,6 12,6A6,6 0 0,1 18,12A6,6 0 0,1 12,18M20,8.69V4H15.31L12,0.69L8.69,4H4V8.69L0.69,12L4,15.31V20H8.69L12,23.31L15.31,20H20V15.31L23.31,12L20,8.69Z" />
            </svg>
        </button>
    </nav>

    <div class="container">
        <header>
            <div class="logo-wrapper fade-in">
                <svg class="arch-logo" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
                    <path fill="currentColor" d="M256,5.55l-246,478.1l36.5-17.7l86.9-183.1l-6.1,19.9l128.7-272.7l128.7,272.7l-6.1-19.9l86.9,183.1l36.5,17.7L256,5.55z M256,211.55l-50.6,107.1l50.6-22l50.6,22L256,211.55z"/>
                </svg>
            </div>
            <h1 class="stagger-text fade-in gradient-text">Arch Linux Config</h1>
            <p class="subtitle stagger-text fade-in">Basic configuration file for Guided Installer on Arch Linux targeting Arch Linux as a server.</p>
        </header>

        <main class="grid-container">
            <div class="card fade-in" id="card-1">
                <div class="card-content">
                    <h2>Configuration Details</h2>
                    <p>Config file <code>server.json</code> specifies a solid baseline for a server deployment:</p>
                    <ul class="feature-list">
                        <li><strong>Keyboard & Locale:</strong> German layout, German locale with UTF-8</li>
                        <li><strong>Timezone:</strong> <code>Europe/Berlin</code></li>
                        <li><strong>Mirrors:</strong> Germany, Poland, and the Netherlands</li>
                        <li><strong>System:</strong> Swap disabled, NTP enabled</li>
                        <li><strong>Kernel & Boot:</strong> Additional <code>linux-lts</code> kernel, Default Grub bootloader</li>
                        <li><strong>Network:</strong> Copied from ISO image, Default <code>archlinux</code> hostname</li>
                    </ul>
                </div>
                <div class="card-terminal">
                    <div class="code-wrapper">
                        <button class="copy-btn" aria-label="Copy code">
                            <svg viewBox="0 0 24 24" class="copy-icon"><path d="M16 1H4C2.9 1 2 1.9 2 3v14h2V3h12V1zm3 4H8C6.9 5 6 5.9 6 7v14c0 1.1.9 2 2 2h11c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2zm0 16H8V7h11v14z"/></svg>
                            <svg viewBox="0 0 24 24" class="check-icon" style="display:none;"><path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z" fill="currentColor"/></svg>
                        </button>
                        <div class="code-block" data-label="Usage">
                            <code>archinstall --config-url https://pdev-labs.github.io/archlinux-config/server.json</code>
                        </div>
                    </div>
                </div>
            </div>

            <div class="card fade-in" id="card-2">
                <div class="card-content">
                    <h2>Additional Bootstrapping</h2>
                    <p>Script file <code>bootstrap.sh</code> automates the post-install process for immediate Ansible management:</p>
                    <ul class="feature-list">
                        <li><strong>User Management:</strong> Creates <code>bootstrap</code> user with <code>sudo</code> privileges</li>
                        <li><strong>Ansible Prerequisites:</strong> Installs <code>python3</code>, <code>python-pip</code>, and <code>python-netaddr</code></li>
                        <li><strong>Remote Access:</strong> Installs and starts SSH service</li>
                    </ul>
                </div>
                <div class="card-terminal">
                    <div class="code-wrapper">
                        <button class="copy-btn" aria-label="Copy code">
                            <svg viewBox="0 0 24 24" class="copy-icon"><path d="M16 1H4C2.9 1 2 1.9 2 3v14h2V3h12V1zm3 4H8C6.9 5 6 5.9 6 7v14c0 1.1.9 2 2 2h11c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2zm0 16H8V7h11v14z"/></svg>
                            <svg viewBox="0 0 24 24" class="check-icon" style="display:none;"><path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z" fill="currentColor"/></svg>
                        </button>
                        <div class="code-block" data-label="Bootstrap">
                            <code>curl -fsSL https://pdev-labs.github.io/archlinux-config/bootstrap.sh | sh</code>
                        </div>
                    </div>
                </div>
            </div>
        </main>

        <footer>
            <p>&copy; 2026. Distributed under the MIT License.</p>
            <p class="disclaimer">
                <strong>DISCLAIMER:</strong> Use as it is at own risk. The authors assume no liability for any misuse, data loss, or damage caused by applying this configuration.
            </p>
        </footer>
    </div>

    <script src="script.js"></script>
</body>
</html>