SimpleSaferServer/index.html at main · chrismin13/SimpleSaferServer · 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
120
121
122
123
124
125
126
127
128
129
130
131
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="SimpleSaferServer - Affordable, Reliable, and User-Friendly Backup Solution">
    <title>SimpleSaferServer - One-Line Installer</title>
    <!-- Bootstrap CSS -->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/css/bootstrap.min.css" rel="stylesheet">
    <!-- Font Awesome -->
    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" rel="stylesheet">
    <!-- Google Fonts: Roboto -->
    <link href="https://fonts.googleapis.com/css?family=Roboto:400,500,700&display=swap" rel="stylesheet">
    <link rel="icon" type="image/x-icon" href="static/img/favicon.ico">
    <link rel="icon" type="image/png" href="static/img/favicon.png">
    <style>
        body {
            background-color: #f8f9fa;
            font-family: 'Roboto', sans-serif;
        }
        .container {
            max-width: 600px;
            margin: 40px auto;
            background: #fff;
            border-radius: 12px;
            box-shadow: 0 4px 16px #0001;
            padding: 2.5em 2em 2em 2em;
        }
        h1, h2 {
            color: #2a5d9f;
            font-weight: 700;
        }
        .lead {
            color: #333;
            font-size: 1.15em;
        }
        pre, code {
            background: #f0f4fa;
            border-radius: 6px;
            padding: 0.7em 1em;
            font-size: 1.1em;
            margin-bottom: 0;
        }
        .copy-btn {
            background: #2a5d9f;
            color: #fff;
            border: none;
            border-radius: 4px;
            padding: 0.5em 1.2em;
            cursor: pointer;
            margin-left: 1em;
            font-size: 1em;
            transition: background 0.2s;
        }
        .copy-btn:active, .copy-btn:focus {
            background: #1a3d6f;
            outline: none;
        }
        .note {
            color: #666;
            font-size: 0.97em;
            margin-top: 1em;
        }
        .fa-check-circle {
            color: #28a745;
        }
        .fa-cloud, .fa-hdd, .fa-user, .fa-folder-open, .fa-bell {
            color: #2a5d9f;
        }
        .doc-list li {
            margin-bottom: 0.5em;
        }
        .doc-list i {
            margin-right: 0.5em;
        }
    </style>
</head>
<body>
    <div class="container">
        <div class="text-center mb-4">
            <h1><i class="fa-solid fa-cloud"></i> SimpleSaferServer</h1>
            <p class="lead">Affordable, Reliable, and User‑Friendly Backup Solution for Debian-based systems.</p>
        </div>
        <h2 class="mb-3"><i class="fa-solid fa-terminal"></i> One-Line Install</h2>
        <div class="mb-3 d-flex align-items-center">
            <pre class="flex-grow-1 mb-0"><code id="install-cmd">curl -fsSL https://sss.chrismin13.com/install.sh | sudo bash</code></pre>
            <button class="copy-btn" onclick="copyCmd('install-cmd', this)"><i class="fa-regular fa-copy"></i> Copy</button>
        </div>
        <div class="note">
            <i class="fa-solid fa-circle-info"></i> <strong>Note:</strong> Run as <code>root</code> or with <code>sudo</code> on a clean Debian-based system.<br>
            The script will install all dependencies, set up the service, and print your Web UI address.
        </div>
        <hr>
        <h2 class="mb-3"><i class="fa-solid fa-book"></i> Documentation</h2>
        <ul class="doc-list list-unstyled">
            <li><i class="fa-brands fa-github"></i> <a href="https://github.com/chrismin13/SimpleSaferServer" target="_blank">GitHub Repository</a></li>
            <li><i class="fa-solid fa-gear"></i> <a href="https://github.com/chrismin13/SimpleSaferServer/blob/main/docs/setup.md" target="_blank">Setup Guide</a></li>
            <li><i class="fa-solid fa-right-to-bracket"></i> <a href="https://github.com/chrismin13/SimpleSaferServer/blob/main/docs/login.md" target="_blank">Login &amp; User Management</a></li>
            <li><i class="fa-solid fa-gauge-high"></i> <a href="https://github.com/chrismin13/SimpleSaferServer/blob/main/docs/dashboard.md" target="_blank">Dashboard</a></li>
            <li><i class="fa-solid fa-hard-drive"></i> <a href="https://github.com/chrismin13/SimpleSaferServer/blob/main/docs/drive_health.md" target="_blank">Drive Health</a></li>
            <li><i class="fa-solid fa-cloud-arrow-up"></i> <a href="https://github.com/chrismin13/SimpleSaferServer/blob/main/docs/cloud_backup.md" target="_blank">Cloud Backup</a></li>
            <li><i class="fa-solid fa-network-wired"></i> <a href="https://github.com/chrismin13/SimpleSaferServer/blob/main/docs/network_file_sharing.md" target="_blank">Network File Sharing</a></li>
            <li><i class="fa-solid fa-users"></i> <a href="https://github.com/chrismin13/SimpleSaferServer/blob/main/docs/users.md" target="_blank">Users</a></li>
            <li><i class="fa-solid fa-bell"></i> <a href="https://github.com/chrismin13/SimpleSaferServer/blob/main/docs/alerts.md" target="_blank">Alerts</a></li>
            <li><i class="fa-solid fa-list-check"></i> <a href="https://github.com/chrismin13/SimpleSaferServer/blob/main/docs/task_detail.md" target="_blank">Task Details</a></li>
            <li><i class="fa-solid fa-screwdriver-wrench"></i> <a href="https://github.com/chrismin13/SimpleSaferServer/blob/main/docs/manual_install.md" target="_blank">Manual Installation Guide</a></li>
        </ul>
        <hr>
        <h2 class="mb-3"><i class="fa-solid fa-trash"></i> Uninstallation</h2>
        <p>To completely remove SimpleSaferServer from your system, you can run the following command:</p>
          <div class="d-flex align-items-center mb-2">
            <pre class="flex-grow-1 mb-0"><code id="uninstall-cmd-web">curl -fsSL https://sss.chrismin13.com/uninstall.sh | sudo bash</code></pre>
            <button class="copy-btn" onclick="copyCmd('uninstall-cmd-web', this)"><i class="fa-regular fa-copy"></i> Copy</button>
        </div>
        <p class="note"><i class="fa-solid fa-circle-info"></i> This will remove all installed files, services, configuration, and user data. <strong>This process is irreversible.</strong></p>
        <div class="text-center mt-4">
            <span class="text-muted">&copy; 2025 Christos Miniotis &mdash; <a href="https://github.com/chrismin13/SimpleSaferServer" target="_blank">SimpleSaferServer</a></span>
        </div>
    </div>
    <script>
        function copyCmd(id, btn) {
            const cmd = document.getElementById(id).textContent;
            navigator.clipboard.writeText(cmd);
            if (btn) {
                btn.innerHTML = '<i class="fa-solid fa-check-circle"></i> Copied!';
                setTimeout(() => { btn.innerHTML = '<i class="fa-regular fa-copy"></i> Copy'; }, 1500);
            }
        }
    </script>
</body>
</html>