index.html

<!DOCTYPE html>
<html>
    <head>
        <!--adding jquery-->
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

        <meta name="viewport" content="width=device-width, height=device-height,
            initial-scale=1.0, minimum-scale=1.0" charset="UTF-8">
        <link rel="icon" href="images/house.png">
        <meta id="login-client-code">


        <!--<script type="text/javascript" src="login-client.js"></script>
         <script src="login-client.js"></script> -->

    </head>

    <body>


        <link rel="stylesheet" href="stylesheet.css">
        <div class="parent">
            <h1 id = 'poop' class = '' >Homeless Food Finder</h1>
            
            <script src="https://accounts.google.com/gsi/client" async defer></script>

            <button id="g_id_onload"
                class = 'button g_id_signin'
                data-client_id=""
                data-callback="true"
                data-auto_prompt="true">
            </button>

<!--            <div class="g_id_signin" ></div>-->
            
            <!--<a class="button" href="mapPage.html" >Open Application</a>-->

        </div>
    </body>

    <script type="text/javascript">
        var KEY = prompt("paste login key");
        document.getElementById("g_id_onload").setAttribute('data-client_id',KEY);
    </script>
    <!--
        html! is bad!
    -->
</html>