plasticity.html

<!DOCTYPE html>

<html>

<head>
    <meta charset="UTF-8">
    <link rel="shortcut icon" type="image/x-icon" href="/global/meta/favicon.ico">
    <title>Plasticity</title>

    <!--Google fonts-->
    <!-- <link rel="stylesheet" href='https://fonts.googleapis.com/css?family=Lato'> -->
    <!-- <link rel="stylesheet" href='https://fonts.googleapis.com/css?family=Abel'> -->
    <!-- <link rel="stylesheet" href='https://fonts.googleapis.com/css?family=Poiret One'> -->
    <link rel="stylesheet" href='https://fonts.googleapis.com/css?family=Bellota Text'>
    <link rel="stylesheet" href='https://fonts.googleapis.com/css?family=Montserrat Alternates'>
    <!-- <link rel="stylesheet" href='https://fonts.googleapis.com/css?family=Alegreya Sans SC'> -->
    <!-- <link rel="stylesheet" href='https://fonts.googleapis.com/css?family=Bad Script'> -->
    <!-- <link rel="stylesheet" href='https://fonts.googleapis.com/css?family=Catamaran'> -->

    <!--globals-->
    <link rel="stylesheet" href='/global/globalStyleSheet.css'>

    <!--kits-->
    <link rel="stylesheet" href="/global/kits/shelf/stylesheet.css">

    <!--local exclusives-->

</head>


<body class="page">
    <div class="header" id="header">
        <div class="headerTitle" id="title">
            <a href="/home">CCheukKa's Site</a> / <a href="" class="bold underline">plasticity</a>
        </div>
        <div class="headerCatalogue" id="catalogue">
            <!--Catalogue items added programmatically-->
        </div>
        <div class="headerDropdown" id="dropdown">
            <div class="menu-icon" id="menu-icon"></div>
            <div class="dropdownMenu" id="dropdownMenu">
                <!-- To be filled in programmatically -->
            </div>
        </div>
    </div>
    <div class="main">
        <div class="titleCard" id="titleCard">
            <div style="width: 100%; margin-top: -25px; margin-bottom: -20px;">
                <span class="title">Plasticity</span>
                <br>
                <span class="flavour-text">Random dumb pieces of texts I sometimes write</span>
            </div>

            <div class="description-wrapper" style="text-align: left; margin-left: 25px; margin-right: -5px;">
                <span class="description">
                    Sometimes I just couldn't help myself when some obscure inspirations strike; I would find myself writing non-stop. The topics they explore are as random and disorganised as can be.
                    <br>
                    Simply put, these are all just low-quality brain vomits and aimless rambles with little regard for grammar.
                </span>
            </div>
        </div>
        <div style="width: 100%; display: flex; justify-content: center;">
            <div class="shelfContainer" id="shelfContainer" style="height: calc(100vh - 297.5px);">
                <!--Create these programmatically-->
            </div>
        </div>
    </div>
</body>

<script src='/global/scripts/globalLibrary.js'></script>
<script src='/global/scripts/headerController.js'></script>
<script src='/plasticity/meta/plasticity.js'></script>
<script src='/global/kits/dropdownMenu/script.js'></script>
<script src='/global/scripts/globalResizeHandler.js'></script>

</html>