1
 2  <!DOCTYPE html>
 3  <html ng-app="thoughtsApp">
 4    <head>
 5      <!--Import Google Icon Font-->
 6      <link href="fonts/icons.css" rel="stylesheet">
 7      <!--Import materialize.css-->
 8      <link type="text/css" rel="stylesheet" href="css/materialize.min.css"  media="screen,projection"/>
 9
10      <!--Let browser know website is optimized for mobile-->
11      <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
12      <title>Thoughts - new thought</title>
13
14      <!-- ANGULAR -->
15      <script src="libraries/angular.min.js"></script>
16    </head>
17
18    <body ng-controller="ThoughtsController">
19
20        <div ng-include="'menu.htm'"></div>
21
22        <div class="container">
23            <br>
24            <div class="badge indigo-text right">{{144 - newthought.length}}</div>
25            <div class="input-field col s6">
26                <textarea ng-model="newthought" id="textarea1" class="materialize-textarea"></textarea>
27            <label for="textarea1">New thought</label>
28            </div>
29
30            <a href="index.html" class="waves-effect waves-light btn red lighten-2 ">Cancel</a>
31            <a ng-click="postThought()" class="waves-effect waves-light btn indigo lighten-2 right">Publish</a>
32
33        </div>
34
35
36
37
38
39
40
41
42      <!--Import jQuery before materialize.js-->
43      <script type="text/javascript" src="js/jquery-2.1.1.min.js"></script>
44      <script type="text/javascript" src="js/materialize.min.js"></script>
45
46      <script src="jslib/toastr.js"></script>
47      <link type="text/css" rel="stylesheet" href="jslib/toastr.css"/>
48
49      <script src="controllers.js"></script>
50
51
52    </body>
53  </html>