index.php

<?php
//error_reporting(E_ALL);

require_once 'dbconfig.php';

include "templates/header.php";
include "templates/navbar.php";

?>
    <div class="container">
        <div id="welcome" style="display: flex; margin-top: 5%;"></div>
        <script>
            if ($(window).width() < 600) {
        try {
            document.getElementById("welcome").innerHTML = 
            '<div id="welcomeText">' +
                '<h1>Willkommen bei der offiziellen Website der <br /> German Hacker Community - GHC</h1>' +
                '<h4 style="margin-top: 25px;">Wir sind eine Discord Community zum Spiel "Hackers - Hacking simulator" von Okitoo Networks.</h4>' +
                '<h4>Wenn du noch nicht unserem Discord Server beigetreten bist, kannst du das <a href="https://discord.gg/3bQ5hE5">jetzt</a> tun.</h4>' +
                '<p style="margin-top: 50px;">Das GHC-Team freut sich auf dich.</p>' +
            '</div>';
        } catch (e) {
            console.log(e);
        }
    } else {
        try {
            document.getElementById("welcome").innerHTML = 
            '<img src="images/icon.png" width="25%" height="25%" style="margin-right: 20px; margin-top: 21px;" />' +
            '<div id="welcomeText">' +
            '<h1>Willkommen bei der offiziellen Website der <br /> German Hacker Community - GHC</h1>' +
            '<h4 style="margin-top: 25px;">Wir sind eine Discord Community zum Spiel "Hackers - Hacking simulator" von Okitoo Networks.</h4>' +
            '<h4>Wenn du noch nicht unserem Discord Server beigetreten bist, kannst du das <a href="https://discord.gg/3bQ5hE5">jetzt</a> tun.</h4>' +
            '<p style="margin-top: 50px;">Das GHC-Team freut sich auf dich.</p>' +
            '</div>';
        } catch (e) {
            console.log(e);
        }
    }
        </script>

    </div>
<?php include "templates/footer.php"; ?>