<!DOCTYPE html>
<html lang="en" dir="ltr" id="page-top">
    <head>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">

        <meta property="og:url" content="https://leilukin.neocities.org/mycreations">
        <meta property="og:type" content="website">
        <meta property="og:site_name" content="Leilukin's Hub">
        <meta property="og:title" content="My Creations | Leilukin's Hub">
        <meta property="og:description" content="Links to my works not are not featured on this website.">

        <link rel="stylesheet" href="/css/style-main.css" type="text/css" media="all">
        <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.1/css/all.css">

        <link rel="apple-touch-icon" sizes="180x180" href="/assets/favicon/apple-touch-icon.png">
        <link rel="icon" type="image/png" sizes="32x32" href="/assets/favicon/favicon-32x32.png">
        <link rel="icon" type="image/png" sizes="16x16" href="/assets/favicon/favicon-16x16.png">
        <link rel="manifest" href="/assets/favicon/site.webmanifest">

        <script src="/js/main-components.js" defer></script> 

        <title>My Creations | Leilukin's Hub</title>
    </head>
    <body>
        <header class="main-header">
            <noscript>
                JavaScript is disabled in your browser. To get the best user experience on
                this website, it is recommended that you enable it.
            </noscript>
        </header>
        <nav class="navbar"></nav>
        <main>
            <!-- <aside class="left-sidebar">
                Left sidebar content here
            </aside> -->

            <div class="content-container">
                <section class="content-section">
                    <h1>My Creations</h1>

                    <p>Here is a list of things I have created.</p>
                </section>

                <section class="content-section">
                    <h2>My Drawings</h2>

                    <p>My drawings can be found on my art blog on Tumblr:</p>
                    <a class="link-btn" href="https://leilukinart.tumblr.com/" target="_blank">🎨 Leilukin's Art Blog</a>
                </section>

                <section class="content-section">
                    <h2>My Video Game Mods</h2>

                    <a href="./kotor1mods">
                        <img src="./my-kotor1-mods-header.png" alt="Banner of Leilukin's mods for Star Wars: Knights of the Old Republic">
                    </a>
                    <p class="center-text"><a href="./kotor1mods" class="index-link">Star Wars: Knights of the Old Republic</a></p>
                
                    <a href="./kotor2mods">
                        <img src="./my-kotor2-mods-header.png" alt="Banner of Leilukin's mods for Star Wars: Knights of the Old Republic II: The Sith Lords">
                    </a>
                    <p class="center-text"><a href="./kotor2mods" class="index-link">Star Wars: Knights of the Old Republic II: The Sith Lords</a></p>
                </section>

                <section class="content-section">
                    <h2>My Playlists</h2>

                    <p>You can check out the playlists I have made on <a href="./playlists/">my dedicated page</a>.</p>
                </section>
            </div>

            <!-- <aside class="right-sidebar">
                Right sidebar content here
            </aside> -->
        </main>
        <footer class="main-footer"></footer>
    </body>
</html>