views/index.ejs

<!DOCTYPE html>
<html>
  <head>
    <title><%= title %></title>
    <link rel='stylesheet' href='/css/styles.css' />
    <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
  </head>
  <body ng-app="hashtag" ng-controller="home" ng-init="loadData()">
  <script src="/js/jquery-1.12.3.min.js"> </script>
  <script src="/js/materialize.min.js" ></script>
  <script src="/js/angular.min.js" ></script>
  <script src="/js/controller.js"></script>
  <nav>
      <div class="nav-wrapper">
          <a href="#" class="brand-logo center">HashTag</a>
          <ul id="nav-mobile" class="left hide-on-med-and-down">
          </ul>
      </div>
  </nav>
  <div class="container">
      <p class="center-align">Welcome to <%= title %>. Say something or find something -_-</p>
      <div class="row">
      	<div class="input-field col s4 m4 l4">
      		<input placeholder="_kp96" id="handle" type="text" class="validate">
          	<label for="handle">Handle</label>
      	</div>
      	<div class="input-field col s6 m6 l6">
          <input placeholder="HashTag rocks #love" id="message" type="text" class="validate">
          <label for="message">Message</label>
        </div>
        <div class="col s2 m2 l2">
	      	<button class="btn waves-effect waves-light" type="submit" name="action">Hash It!
		    	<i class="material-icons right">send</i>
		  	</button>
	  	</div>
	  </div>
	  <div class="row" ng-submit="searchByTag()">
      	<form>
      		<h6 class="center-align"> Search by name (_user) or hashtag (#hashtag) </h6>
	        <div class="input-field">
	          <input ng-model="searchQuery" id="search" type="search" required>
	          <label for="search"><i class="material-icons">search</i></label>
	          <i class="material-icons">close</i>
	        </div>
      	</form>
      </div>
      <div class="row">
	      <div class="col offset-m1 offset-l1 s10 l10 m10">
	          <div class="card grey lighten-3 repeated-item" ng-repeat="message in messages" >
	              <div class="card-content">
	                  <p> <strong> <em>_{{ message.userID }} </em> </strong> says <em> "{{ message.message }}" </em></p><br>
	              </div>
	          </div>
	      </div>
	   </div>
  </div>
  </body>
</html>