1
  2  <!DOCTYPE html>
  3  <html ng-app="workApp">
  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
 11      <link type="text/css" rel="stylesheet" href="own.css"/>
 12
 13      <!--Let browser know website is optimized for mobile-->
 14      <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
 15      <title>Open Work Time - online version</title>
 16
 17
 18      <style>
 19      body{
 20        background: #ffffff; /* fallback for old browsers */
 21        background: -webkit-linear-gradient(to left, #ffffff , #37474f); /* Chrome 10-25, Safari 5.1-6 */
 22        background: linear-gradient(to left, #ffffff , #37474f); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
 23      }
 24      </style>
 25    </head>
 26
 27    <body ng-controller="loginController as login" class="grey lighten-2">
 28
 29
 30            <div class="row">
 31                <div class="col s0 m2 l3">
 32                </div>
 33                <div class="col s12 m8 l6">
 34                    <div class="card white">
 35                        <div class="card-content">
 36                            <span class="card-title">Signup</span>
 37                            <div class="row">
 38                                <div class="input-field col s12">
 39                                    <input ng-model="user.username" id="username" type="text" class="validate">
 40                                    <label for="username">Username</label>
 41                                </div>
 42                            </div>
 43                            <div class="row">
 44                                <div class="input-field col s6">
 45                                    <input ng-model="user.password" id="password" type="password" class="validate">
 46                                    <label for="password">Password</label>
 47                                </div>
 48                                <div class="input-field col s6">
 49                                    <input ng-model="user.repassword" id="repassword" type="password" class="validate">
 50                                    <label for="repassword">Confirm password</label>
 51                                </div>
 52                            </div>
 53                            <div class="row">
 54                                <div class="input-field col s12">
 55                                    <input ng-model="user.description" id="description" type="text" class="validate">
 56                                    <label for="description">Description</label>
 57                                </div>
 58                            </div>
 59                            <div class="row">
 60                                <div class="input-field col s6">
 61                                    <input ng-model="user.mail" id="mail" type="email" class="validate">
 62                                    <label for="mail">Mail</label>
 63                                </div>
 64                                <div class="input-field col s6">
 65                                    <input ng-model="user.avatar" id="avatar" type="text" class="validate">
 66                                    <label for="avatar">Avatar</label>
 67                                </div>
 68                            </div>
 69                            <div class="row">
 70                                <div class="input-field col s6">
 71                                    <input ng-model="user.github" id="github" type="text" class="validate">
 72                                    <label for="github">Github</label>
 73                                </div>
 74                                <div class="input-field col s6">
 75                                    <input ng-model="user.web" id="web" type="text" class="validate">
 76                                    <label for="web">Web</label>
 77                                </div>
 78                            </div>
 79                        </div>
 80                        <div class="card-action">
 81                            <a href="index.html" class="waves-effect waves-light btn red lighten-2">
 82                                <i class="material-icons left">not_interested</i>Cancel
 83                            </a>
 84                            <a ng-click="onBtnSignup()" class="waves-effect waves-light btn green lighten-2 right">
 85                                <i class="material-icons left">done</i>Signup
 86                            </a>
 87                        </div>
 88                    </div>
 89                </div>
 90            </div>
 91
 92
 93
 94
 95    <!-- ANGULAR -->
 96    <script src="libraries/angular.min.js"></script>
 97
 98    <!-- ANGULAR CHART JS -->
 99    <script src="node_modules/chart.js/dist/Chart.min.js"></script>
100    <script src="node_modules/angular-chart.js/dist/angular-chart.min.js"></script>
101
102
103      <!--Import jQuery before materialize.js-->
104      <script type="text/javascript" src="js/jquery-2.1.1.min.js"></script>
105      <script type="text/javascript" src="js/materialize.min.js"></script>
106
107      <script src="controllers.js"></script>
108
109      <script src="libraries/toastr.js"></script>
110      <link type="text/css" rel="stylesheet" href="libraries/toastr.css"/>
111
112
113
114    </body>
115  </html>