<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <!--<meta name="viewport" content="width=device-width, initial-scale=1">-->
    <title>GraceHomepage</title>
    <script>effectson = true;</script>
    <script src="starCursor2.js" type="text/javascript" charset="UTF-8" ></script>
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,100..800;1,100..800&display=swap" rel="stylesheet">


    <style>
        html{
            cursor: url('Cursors/Layer 2.png'), pointer;
        }
        body{
            background-color: #000000;
            font-family: Consolas, Lucida Console, JetBrains Mono, system-ui;
            color: #00e600;
            /*cursor: url('Layer 1.png'), pointer;
            height: 100%;*/
            opacity: 0;
            transition: opacity 1s;
            overscroll-behavior: none;

        }
        .navbar{
            overflow: hidden;
            background-color: #000000;
        }
        .navbar a{
            float: left;
            color: #00e600;
            text-align: center;
            padding: 10px 13px;
            font-size: 20px;
        }
        .header{
            margin-left: 26%;
            margin-right: 26%;
            text-align: center;
            background: #000000;
            color: #00e600;

        }
        .header h1{
            font-size: 100px;

        }
        .aboutMe {
            margin-left: 26%;
            margin-right: 26%;
            cursor: url('Cursors/Layer 2.png'), pointer;
            text-align: left;
            position: absolute;
           }
        .aboutMe a1{
            font-size: 40px;
            text-align: left;
        }
        .aboutMe a2{
            font-size: 20px;
            text-align: left;
            overflow: hidden;
        }
        .aboutMe a3{
            font-size: 20px;
            text-align: left;
            overflow: hidden;
        }
        .button1 {
            cursor: url('Cursors/Layer 2.png'), pointer;
            background-color: #000000;
            top: 5%;
            left: 13px;
            position: absolute;
            font-family: Consolas, Lucida Console, system-ui;
            font-size: 17px;
            color: #00e600;
        }
        a{
            color: #00e600;
        }

    </style>
</head>
<body onload="document.body.style.opacity='1'">
<div class="navbar">
    <a href='GraceHomepage.html'>Home</a>
    <!--<text>Research</text>-->
    <a href='Blog.html'>Blog</a>
<!--    <a href='FroggyTime.html'>Froggy Time</a>-->
    <a href='Photos.html'>Photos</a>
    <!--<text>Essays</text>-->
    <!--<text>Interest Archive</text>-->
</div>
<div class="header">
    <h1>Welcome To My Website!</h1>
</div>

<button onclick="textChange()" id="starToggleButton" value="turnOff" class="button1">Remove the star trail please :(</button>
<script>
    function textChange(){
        var button = document.getElementById("starToggleButton");
        if (button.value==="turnOff"){
            button.value="turnOn";
            button.innerHTML="Bring the star trail back :)";
        }
        else{
            button.value="turnOff";
            button.innerHTML="Remove the star trail please :("
        }

    }
</script>
<div class="aboutMe">
    <img src="PicOfMe.png" width="512" height="463" style="float: left; margin-right: 15px">
    <a1>
        <u>My name is Grace Gillam</u>
    </a1>
    <a2>
        <p>
            I am a Senior at Virginia Commonwealth University, studying computer science and on track to graduate with a bachelor's degree in May 2025.
            It took me two years to realize which major was right for me, but now that I've made it here, I love it! I would like to work in SWE
            or AI, and am currently interning for Estes Express Lines as a full-stack web-app developer. In my free time you can find me rock climbing, hanging out with my
            friends, working on various art/construction projects, fine-tuning my website, or playing video games. Read further to see my experience!
        </p>
    </a2>
    <a3>
        <p>
            <a href="https://www.linkedin.com/in/grace-gillam/">See my LinkedIn here</a></br>
            <a href="https://github.com/gillamga">See my Github here</a></br>
            <a href="Grace Resume 2024 update.pdf" download>Click here to download a copy of my resume</a>
        </p>
    </a3>
</div>

<!--
<div id="clientLoc" style="color:#000000"></div>
<div id="offsetLoc" style="color:#000000"></div>
<div id="pageLoc" style="color:#000000"></div>
<div id="screenLoc" style="color:#000000"></div>
-->


</body>
</html>