index.html

  
 <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" type="text/css" href="/styles/style.css">
    <script src="jquery-3.4.1.min.js"></script>
    <script src="element-style.js"></script>
    <script src="show-content.js"></script>
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    <h1>Hyperdrive</h1>
    <div id="hyperdrive">
        <div id="menu">
            <h3>Menu</h3>
            <div id="login-div">
                <input type="text" id="username"><br>
                <input type="password" id="passwd"><br>
                <button onclick="login()" id="login-button">Login</button>
            </div>
            <div id="menu-more" style="display: none;">
                <input type="text" id="foldername" placeholder="folder name">
                <button onclick="newFolder()">New Folder</button><br>
                <input type="text" id="filename" placeholder="file name">
                <button onclick="newFile()">New File</button><br>
                <button onclick="showSharedContent()">Shared with me</button>
            </div>
        </div> 
        <div id="drive">
            <h3>Drive</h3>
            <div id="dir_name"></div>
            <div id="content-drive">

            </div>
        </div>
        <div id="info">
            <h3>Infos</h3>
            <div id="info-content">

            </div>
        </div>
    </div>
</body>
</html>