index.ejs

<!DOCTYPE HTML>
<html>
	<head>
		
		<title>BEARS</title>

		<link rel="stylesheet" type="text/css" href="styles/main.css">
		<link rel="stylesheet" type="text/css" href="src/font-awesome.css">
		<script src="https://use.fontawesome.com/26aebfa83b.js"></script>
		
	</head>
	<body>
	
		<nav class="bigbluefish">
			<div>
				<a id="name" href="/">BEARS</a>
				<a id="signup" href="login.html">Log Out</a>
                <form name="submit" action="/delete" method="post">
<!--                    <input id="submit" type="button" value="Delete All Transcripts" style="float: right">-->
<!--                    <a id="" href="/"><input id="Delete All Transcripts" type="submit"></a>-->
                    				<form action="/">
<!--                    <input id="submit" type="submit">-->
                    <a id="submit" href="/"><input id="submit" type="submit" value="Delete All Transcripts" style="float: right"></a>
                </form>  
                </form>
			</div>
		</nav>
		
		<div id="head">
			<h1>Transcripts</h1>

		</div>
		
		<div id="refresh">
			<a id="re" href="/"><i class="fa fa-repeat" aria-hidden="true"></i></a>
		</div>
		
        
        <% for (var i = id.length - 1; i > 0; i--) {%>
         <div class="transcript bigbluefish">
            <h1><span><%= id[i].date%></span></h1>
            <p><span><%= id[i].transcript%></span></p>
        </div>
        <%} %>

		
	</body>
</html>