gnexus-welcome-page/index.html at f3b39b5783724df783481c8a8ea2dd8343aa9b47

Fork: 0
root / gnexus-welcome-page
Find file
Newer
Older
gnexus-welcome-page / index.html
eugene-sukhodolskiy on 9 Dec 4 KB Added transmission
Raw Blame History
<!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>GNexus Welcome page</title>
    <link rel="shortcut icon" href="resources/fav.png" type="image/png">
    <style>
        @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap');
        
        * {
            padding: 0;
            margin: 0;
        }

        body {
            font-family: "Roboto", sans-serif;
            font-weight: 400;
            font-style: normal;
        }

        .container {
            width: 100%;
            max-width: 800px;
            margin: auto;
            margin-top: 10%;
            box-sizing: border-box;
            padding: 30px 20px;
        }

        img {
            max-width: 100%;
        }

        .header {
            width: 100%;
        }

        .logo {
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 10px;
        }

        .logo img {
            width: 150px;
            margin-bottom: 15px;
        }

        .sitename {
            text-align: center;
        }

        .subname {
            max-width: 320px;
            text-align: center;
        }

        .services {
            display: flex;
            flex-direction: row;
            justify-content: center;
            align-items: center;
            flex-wrap: wrap;
            gap: 40px;
            margin-top: 60px;
        }

        .services .item {
            max-width: 250px;
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 20px;
            transition-duration: .2s;
        }

        .services .item:hover {
            opacity: .6;
        }

        .services a {
            text-decoration: none;
            color: inherit;
        }

        .services .item img {
            width: 120px;
            height: 120px;
            object-fit: cover;
            border-radius: 100%;
        }

        .footer {
            text-align: center;
            margin-top: 80px;
            font-size: 14px;
            opacity: .6;
        }
    </style>
</head>
<body>
    <div class="container">
        <header class="header">
            <div class="logo">
                <img src="resources/logo.png" alt="GNexus Logo">
                <h1 class="sitename">Приветствую в GNexus!</h1>
                <span class="subname">Это приватное пространство, если ты не участник, <strong>уходи!</strong></span>
            </div>
        </header>
        
        <div class="services">
            <a href="https://cloud.gnexus.space">
                <div class="item">
                    <img src="resources/cloud.png" alt="GNexus Cloud">
                    <div class="service-name">GNexus Cloud</div>
                </div>
            </a>

            <a href="https://gnexus.space/blog">
                <div class="item">
                    <img src="resources/blog.png" alt="GNexus Blog">
                    <div class="service-name">GNexus Blog</div>
                </div>
            </a>

            <a href="https://jellyfin.gnexus.space">
                <div class="item">
                    <img src="resources/jellyfin.png" alt="Jellyfin">
                    <div class="service-name">Jellyfin</div>
                </div>
            </a>

            <a href="https://transmission.gnexus.space">
                <div class="item">
                    <img src="resources/transmission.png" alt="Transmission">
                    <div class="service-name">Transmission</div>
                </div>
            </a>

            <a href="https://anicusi.gnexus.space">
                <div class="item">
                    <img src="resources/anicusi.png" alt="Anicusi">
                    <div class="service-name">Anicusi</div>
                </div>
            </a>

            <a href="https://git.gnexus.space">
                <div class="item">
                    <img src="resources/gitbucket.png" alt="Git Bucket">
                    <div class="service-name">Git Bucket</div>
                </div>
            </a>
        </div>
        
        <footer class="footer">
            <p>&copy; 2024</p>
        </footer>
    </div>
</body>
</html>