index.html

<!DOCTYPE html>
<html lang="fr" data-theme="light">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Liveweeeb - Accueil</title>

    <!-- Favicon -->
    <link rel="icon" type="image/png" href="./assets/img/avatar_circle.png">
    <link rel="apple-touch-icon" href="./assets/img/avatar_circle.png">

    <!-- CSS -->
    <link rel="stylesheet" href="./assets/css/styles.css">
    <link rel="stylesheet" href="./assets/css/dark.css">
    <link rel="stylesheet" href="./assets/css/font.css">

    <!-- Meta Essentiels -->
    <meta name="description" content="Site portfolio de liveweeeb.">
    <meta name="keywords" content="portfolio, liveweeeb">
    <meta name="author" content="liveweeeb">

    <!-- Meta Thème -->
    <meta name="theme-color" content="#E4F1F9" media="(prefers-color-scheme: light)">
    <meta name="theme-color" content="#1a1a2e" media="(prefers-color-scheme: dark)">
    <meta name="msapplication-TileColor" content="#3f37c9">

    <!-- Open Graph / Facebook -->
    <meta property="og:type" content="website">
    <meta property="og:url" content="https://liveweeeb13.github.io/">
    <meta property="og:title" content="Portfolio de liveweeeb - Page d'Accueil">
    <meta property="og:description" content="Site portfolio de liveweeeb.">
    <meta property="og:image" content="https://liveweeeb13.github.io/assets/img/avatar.png">

    <!-- Twitter -->
    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:title" content="Portfolio  de liveweeeb - Page d'Accueil">
    <meta name="twitter:description" content="Site portfolio de liveweeeb.">
    <meta name="twitter:image" content="https://liveweeeb13.github.io/assets/img/avatar.png">

    <!-- iOS -->
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="default">
    <meta name="apple-mobile-web-app-title" content="Portfolio de liveweeeb - Page d'Accueil">
</head>

<body>
    <!-- SCRIPT -->
    <script src="./assets/css/OTHER.LIST"></script>
    <script src="./assets/js/imports.js"></script>
    <script src="./assets/js/splash.js"></script>


    <!-- MAIN -->
    <main class="container">
        <br>
        <section class="hero">
            <h1><img src="/assets/img/stars.webp" draggable="false" style="width: 2rem; height: 2rem;"
                    style="vertical-align: middle;"></iframe>liveweeeb<img src="/assets/img/stars.webp"
                    draggable="false" style="width: 2rem; height: 2rem;" style="vertical-align: middle;"></iframe></h1>
            <p>Salut, je suis Liveweeeb, un développeur indépendant en Node.js, ainsi qu'en HTML, CSS et JavaScript !
            </p>
            <div class="cta-buttons">
                <a target="_blank" href="https://github.com/liveweeeb13/" class="btn btn-primary">Mon github</a>
                <a target="_blank" href="https://discord.gg/ukJegYrXWR" class="btn btn-secondary">Mon discord</a>
            </div>
        </section>

        <div class="center">
            <h1>Mes projets</h1>
            <br>
        </div>



        <section class="projects">
            <a target="_blank" class="project-card" href='https://discord.gg/X2MVXPhzkw'>
                <div class="project-icon">
                    <img style="width:100px;  border-radius:15px;"
                        src=https://cdn.discordapp.com/avatars/1542576364157272228/555f90af706e50522e284ceeca4bb4ec.webp?size=1024">
                </div>
                <div class="project-title">
                    <h3>Astra</h3>
                </div>
                <div class="project-description">
                    <p>Un bot discord mulitfonction avec mini-jeu configuratuib de serveur and more.</p>
                </div>
            </a>
            <a target="_blank" class="project-card" href="https://github.com/liveweeeb13/kiviomap">
                <div class="project-icon">
                    <img style="width:100px;  border-radius:15px;"
                        src="https://raw.githubusercontent.com/liveweeeb13/kiviomap/refs/heads/main/public/img/logo.png">
                </div>
                <div class="project-title">
                    <h3>Kiviomap</h3>
                </div>
                <div class="project-description">
                    <p>Kiviomap est une carte des réseaux Wi-Fi complete et colaborative.</p>
                </div>
            </a>

        </section>

        <section class="projects">

            <a target="_blank" class="project-card" href="https://elioschat.qzz.io/">
                <div class="project-icon">
                    <img style="width:100px;  border-radius:15px;" src="https://elioschat.qzz.io/icon.png"
                        alt="EliosChat">
                </div>
                <div class="project-title">
                    <h3>EliosChat</h3>
                </div>
                <div class="project-description">
                    <p>EliosChat est un site de messagerie instantanée.</p>
                </div>
            </a>


            <a target="_blank" class="project-card" href="https://github.com/liveweeeb13/Grafos">
                <div class="project-icon">
                    <img style="width:100px;  border-radius:15px;"
                        src="https://raw.githubusercontent.com/liveweeeb13/Grafos/refs/heads/main/icon.png">
                </div>
                <div class="project-title">
                    <h3>Grafos</h3>
                </div>
                <div class="project-description">
                    <p>Grafos est une extension web qui vous permet de dessiner directement sur n'importe quelle page
                        web, en local et rapidement.</p>
                </div>
            </a>
            </a>
        </section>
    </main>
</body>

</html>