index.html

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="icon" type="image/x-icon" href="images/cacodemon.png">
    <link href="style/fonts.css" rel="stylesheet">
    <link href="style/base.css" rel="stylesheet">
    <link href="style/win98.css" rel="stylesheet">
    <title>Cappig's web dump</title>
</head>

<body class="normal-bg">
    <div class="window border window-focused" id="title-window">
        <div class="window-title">
            <img src="images/cacodemon.png" alt="cacodemon" class="inline-icon">
            <span class="window-title-text">title_win.html</span>
            <button class="window-title-button">
                <img src="images/close.svg" alt="close"></button>
        </div>

        <div class="window-body">
            <a href="index.html">
                <h1 class="main-title">CAPPIG.DEV</h1>
            </a>
            <h2 class="main-subtitle">website / blog / project dump</h2>
            <a href="https://github.com/cappig/blog">
                <h2 class="main-subtitle">(work in progress)</h2>
            </a>
        </div>
    </div>

    <div class="window border" id="content-window">
        <div class="window-title">
            <img src="images/mine.png" alt="mine" class="inline-icon">
            <span class="window-title-text">index_win.html</span>
            <button class="window-title-button"><img src="images/close.svg" alt="close"></button>
        </div>

        <div class="window-body">
            <p>~Hello, welcome to my little website~</p>
            <p>I'm Matej (know online as <abbr title="Random letters. No real meaning">Cappig</abbr>).</p>
            <p>This is my personal blog / project repository.</p>
            <br>
            <p>I'll post all sorts of stuff here. Feedback is appreciated :)</p>
            <p>I'm a programmer and I make random stuff sometimes.</p>
            <p>I'm currently a CS <a href="https://www.fer.unizg.hr/" target="_blank">undergrad</a>.</p>
            <br>
            <p>You can find me on <a href="https://github.com/cappig" target="_blank">github</a>.</p>
        </div>
    </div>

    <div class="navbar">
        <div class="navbar-start">
            <button class="navbar-button border">
                <img src="images/cool_sun.png" alt="cool_sun" class="inline-icon">
                <a href="index.html">
                    <span class="window-title-text">Cappig.dev</span>
                </a>
            </button>
        </div>

        <div class="navbar-windows">
            <button class="navbar-button border">
                <img src="images/cacodemon.png" alt="cacodemon" class="inline-icon">
                <span class="window-title-text">title_win.html</span>
            </button>
            <button class="navbar-button border">
                <img src="images/mine.png" alt="mine" class="inline-icon">
                <span class="window-title-text">index_win.html</span>
            </button>
        </div>

        <div class="navbar-tray">
            <span class="navbar-tray-clock">23:59:60</span>
        </div>
    </div>

    <script src="script/window.js"></script>
    <script src="script/clock.js"></script>
</body>

</html>