├── express-angular
    ├── email-templates
    │   ├── auth-create-reset
    │   │   ├── text.ejs
    │   │   └── html.ejs
    │   └── auth-register
    │   │   ├── text.ejs
    │   │   └── html.ejs
    ├── .gitignore
    ├── README.md
    ├── public
    │   ├── bower.json
    │   ├── account
    │   │   ├── projects.html
    │   │   ├── index.html
    │   │   └── mvp-account.js
    │   ├── css
    │   │   ├── mvp.css
    │   │   └── animate.css
    │   ├── js
    │   │   ├── angular-route.1.2.0.rc2.min.js
    │   │   ├── cookies.js
    │   │   └── mvp-public.js
    │   └── index.html
    ├── LICENSE
    ├── package.json
    ├── options.example.js
    └── mvp-app.js
├── hapi-angular
    ├── email-templates
    │   ├── auth-create-reset
    │   │   ├── text.ejs
    │   │   └── html.ejs
    │   └── auth-register
    │   │   ├── text.ejs
    │   │   └── html.ejs
    ├── .gitignore
    ├── README.md
    ├── public
    │   ├── bower.json
    │   ├── account
    │   │   ├── projects.html
    │   │   ├── index.html
    │   │   └── mvp-account.js
    │   ├── css
    │   │   └── mvp.css
    │   ├── js
    │   │   ├── angular-route.1.2.0.rc2.min.js
    │   │   ├── cookies.js
    │   │   └── mvp-public.js
    │   └── index.html
    ├── LICENSE
    ├── package.json
    ├── options.example.js
    └── mvp-app.js
├── README.md
└── docs
    └── screenshots.js


/express-angular/email-templates/auth-create-reset/text.ejs:
--------------------------------------------------------------------------------
1 | Hello <%=name%>!
2 | 
3 | To reset your password, please visit
4 | <%=resetlink%>
5 | 
6 | regards,
7 | Seneca
8 | 


--------------------------------------------------------------------------------
/hapi-angular/email-templates/auth-create-reset/text.ejs:
--------------------------------------------------------------------------------
1 | Hello <%=name%>!
2 | 
3 | To reset your password, please visit
4 | <%=resetlink%>
5 | 
6 | regards,
7 | Seneca
8 | 


--------------------------------------------------------------------------------
/express-angular/.gitignore:
--------------------------------------------------------------------------------
 1 | lib-cov
 2 | *.seed
 3 | *.log
 4 | *.csv
 5 | *.dat
 6 | *.out
 7 | *.pid
 8 | *.gz
 9 | 
10 | pids
11 | logs
12 | results
13 | 
14 | npm-debug.log
15 | 
16 | *~
17 | node_modules
18 | bower_components
19 | 
20 | options.mine.js
21 | 


--------------------------------------------------------------------------------
/hapi-angular/.gitignore:
--------------------------------------------------------------------------------
 1 | lib-cov
 2 | *.seed
 3 | *.log
 4 | *.csv
 5 | *.dat
 6 | *.out
 7 | *.pid
 8 | *.gz
 9 | 
10 | pids
11 | logs
12 | results
13 | 
14 | npm-debug.log
15 | 
16 | *~
17 | node_modules
18 | bower_components
19 | 
20 | options.mine.js
21 | 


--------------------------------------------------------------------------------
/express-angular/email-templates/auth-register/text.ejs:
--------------------------------------------------------------------------------
 1 | Hello <%=name%>!
 2 | 
 3 | Thanks for registering!
 4 | 
 5 | <% if( confirmcode ) { %>
 6 | Please confirm your registration by visiting 
 7 | <%=confirmlink%>
 8 | <% } %>
 9 | 
10 | regards,
11 | Seneca
12 | 


--------------------------------------------------------------------------------
/hapi-angular/email-templates/auth-register/text.ejs:
--------------------------------------------------------------------------------
 1 | Hello <%=name%>!
 2 | 
 3 | Thanks for registering!
 4 | 
 5 | <% if( confirmcode ) { %>
 6 | Please confirm your registration by visiting 
 7 | <%=confirmlink%>
 8 | <% } %>
 9 | 
10 | regards,
11 | Seneca
12 | 


--------------------------------------------------------------------------------
/express-angular/email-templates/auth-create-reset/html.ejs:
--------------------------------------------------------------------------------
 1 | 
 2 | <p>
 3 | Hello <%=name%>!
 4 | </p>
 5 | 
 6 | <p>
 7 | To reset your password, please visit
 8 | <a href="<%=resetlink%>"><%=resetlink%></a>
 9 | </p>
10 | 
11 | <p>
12 | regards,<br>
13 | Seneca
14 | </p>
15 | 


--------------------------------------------------------------------------------
/hapi-angular/email-templates/auth-create-reset/html.ejs:
--------------------------------------------------------------------------------
 1 | 
 2 | <p>
 3 | Hello <%=name%>!
 4 | </p>
 5 | 
 6 | <p>
 7 | To reset your password, please visit
 8 | <a href="<%=resetlink%>"><%=resetlink%></a>
 9 | </p>
10 | 
11 | <p>
12 | regards,<br>
13 | Seneca
14 | </p>
15 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | seneca-mvp
 2 | ==========
 3 | 
 4 | How to build a Minimim Viable Product with Seneca
 5 | 
 6 | ## Setup
 7 | 
 8 | There are two project examples, each in its sub-folder:
 9 |  - Hapi server, Chairo & seneca-auth & Angular
10 |  - Express server, seneca-web & seneca-auth & Angular
11 |  
12 | Please check corresponding Readme file for details.
13 | 


--------------------------------------------------------------------------------
/hapi-angular/email-templates/auth-register/html.ejs:
--------------------------------------------------------------------------------
 1 | 
 2 | <p>
 3 | Hello <%=name%>!
 4 | </p>
 5 | 
 6 | <p>
 7 | Thanks for registering!
 8 | </p>
 9 | 
10 | <% if( confirmcode ) { %>
11 | <p>
12 | Please confirm your registration by visiting 
13 | <a href="<%=confirmlink%>"><%=confirmlink%></a>
14 | </p>
15 | <% } %>
16 | 
17 | <p>
18 | regards,<br>
19 | Seneca
20 | </p>
21 | 


--------------------------------------------------------------------------------
/express-angular/email-templates/auth-register/html.ejs:
--------------------------------------------------------------------------------
 1 | 
 2 | <p>
 3 | Hello <%=name%>!
 4 | </p>
 5 | 
 6 | <p>
 7 | Thanks for registering!
 8 | </p>
 9 | 
10 | <% if( confirmcode ) { %>
11 | <p>
12 | Please confirm your registration by visiting 
13 | <a href="<%=confirmlink%>"><%=confirmlink%></a>
14 | </p>
15 | <% } %>
16 | 
17 | <p>
18 | regards,<br>
19 | Seneca
20 | </p>
21 | 


--------------------------------------------------------------------------------
/hapi-angular/README.md:
--------------------------------------------------------------------------------
 1 | seneca-mvp
 2 | ==========
 3 | 
 4 | How to build a Minimim Viable Product with Seneca & Hapi
 5 | 
 6 | ## Setup
 7 | 
 8 | ```bash
 9 | npm install
10 | ```
11 | 
12 | Copy options.example.js to options.mine.js and modify as needed.
13 | 
14 | 
15 | ## Run
16 | 
17 | ```bash
18 | npm start
19 | ```
20 | 
21 | And open [localhost:3333](http://localhost:3333)
22 | 
23 | 
24 | 


--------------------------------------------------------------------------------
/express-angular/README.md:
--------------------------------------------------------------------------------
 1 | seneca-mvp
 2 | ==========
 3 | 
 4 | How to build a Minimim Viable Product with Seneca & Express
 5 | 
 6 | ## Setup
 7 | 
 8 | ```bash
 9 | npm install
10 | ```
11 | 
12 | Copy options.example.js to options.mine.js and modify as needed.
13 | 
14 | 
15 | ## Run
16 | 
17 | ```bash
18 | npm start
19 | ```
20 | 
21 | And open [localhost:3333](http://localhost:3333)
22 | 
23 | 
24 | 


--------------------------------------------------------------------------------
/express-angular/public/bower.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "nodescale",
 3 |   "version": "0.0.0",
 4 |   "homepage": "https://github.com/rjrodger/seneca-mvp",
 5 |   "authors": [
 6 |     "Richard Rodger <richard@ricebridge.com>"
 7 |   ],
 8 |   "license": "MIT",
 9 |   "private": true,
10 |   "ignore": [
11 |     "**/.*",
12 |     "node_modules",
13 |     "bower_components",
14 |     "test",
15 |     "tests"
16 |   ],
17 |   "dependencies": {
18 |     "bootstrap": "~3.2.0",
19 |     "lodash": "^2.4.1",
20 |     "jquery": "~2.1.1",
21 |     "angular": "*"
22 |   }
23 | }
24 | 


--------------------------------------------------------------------------------
/hapi-angular/public/bower.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "nodescale",
 3 |   "version": "0.0.0",
 4 |   "homepage": "https://github.com/rjrodger/seneca-mvp",
 5 |   "authors": [
 6 |     "Richard Rodger <richard@ricebridge.com>"
 7 |   ],
 8 |   "license": "MIT",
 9 |   "private": true,
10 |   "ignore": [
11 |     "**/.*",
12 |     "node_modules",
13 |     "bower_components",
14 |     "test",
15 |     "tests"
16 |   ],
17 |   "dependencies": {
18 |     "bootstrap": "~3.2.0",
19 |     "lodash": "^2.4.1",
20 |     "jquery": "~2.1.1",
21 |     "angular": "*"
22 |   }
23 | }
24 | 


--------------------------------------------------------------------------------
/hapi-angular/LICENSE:
--------------------------------------------------------------------------------
 1 | The MIT License (MIT)
 2 | 
 3 | Copyright (c) 2013 Richard Rodger
 4 | 
 5 | Permission is hereby granted, free of charge, to any person obtaining a copy of
 6 | this software and associated documentation files (the "Software"), to deal in
 7 | the Software without restriction, including without limitation the rights to
 8 | use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
 9 | the Software, and to permit persons to whom the Software is furnished to do so,
10 | subject to the following conditions:
11 | 
12 | The above copyright notice and this permission notice shall be included in all
13 | copies or substantial portions of the Software.
14 | 
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
17 | FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
18 | COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
19 | IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
20 | CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
21 | 


--------------------------------------------------------------------------------
/express-angular/LICENSE:
--------------------------------------------------------------------------------
 1 | The MIT License (MIT)
 2 | 
 3 | Copyright (c) 2013 Richard Rodger
 4 | 
 5 | Permission is hereby granted, free of charge, to any person obtaining a copy of
 6 | this software and associated documentation files (the "Software"), to deal in
 7 | the Software without restriction, including without limitation the rights to
 8 | use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
 9 | the Software, and to permit persons to whom the Software is furnished to do so,
10 | subject to the following conditions:
11 | 
12 | The above copyright notice and this permission notice shall be included in all
13 | copies or substantial portions of the Software.
14 | 
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
17 | FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
18 | COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
19 | IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
20 | CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
21 | 


--------------------------------------------------------------------------------
/hapi-angular/public/account/projects.html:
--------------------------------------------------------------------------------
 1 | 
 2 | <div ng-controller="Projects">
 3 | 
 4 |   <h3 ng-show="show_projects_list">Projects</h3>
 5 |   
 6 |   <div ng-show="show_projects_list">
 7 |     <br>
 8 |     <button class="btn btn-primary" ng-click="new_project()">New Project &raquo;</button>
 9 |   </div>
10 | 
11 |   <div ng-show="show_projects_list">
12 |     <br>
13 |     <ul class="selection-list nav nav-stacked nav-pills">
14 |       <li ng-repeat="project in projects"><a ng-click="open_project(project.id)" class="">{{project.name}}</a></li>
15 |     </ul>
16 |   </div>
17 | 
18 | 
19 | 
20 |   <h3 ng-show="show_project_details">Project Details</h3>
21 | 
22 |   <form role="form" ng-show="show_project_details">
23 |     <br>
24 | 
25 |     <div class="form-group">
26 |       <label for="field_name">Name</label>
27 |       <input type="text" class="form-control half-width" id="field_name" ng-model="field_name">
28 |     </div>
29 |     <div class="form-group">
30 |       <label for="field_code">Code</label>
31 |       <input type="text" class="form-control half-width" id="field_code" ng-model="field_code">
32 |     </div>
33 | 
34 |     <button type="submit" class="btn btn-primary" ng-click="close_project()">Close &raquo;</button>
35 |     <button type="submit" class="btn btn-primary" ng-click="save_project()">Save &raquo;</button>
36 | 
37 |     <p class="account_msg">
38 |       {{project_msg}}
39 |     </p>
40 |   </form>
41 | 
42 | 
43 | </div>
44 | 
45 | 


--------------------------------------------------------------------------------
/express-angular/public/account/projects.html:
--------------------------------------------------------------------------------
 1 | 
 2 | <div ng-controller="Projects">
 3 | 
 4 |   <h3 ng-show="show_projects_list">Projects</h3>
 5 |   
 6 |   <div ng-show="show_projects_list">
 7 |     <br>
 8 |     <button class="btn btn-primary" ng-click="new_project()">New Project &raquo;</button>
 9 |   </div>
10 | 
11 |   <div ng-show="show_projects_list">
12 |     <br>
13 |     <ul class="selection-list nav nav-stacked nav-pills">
14 |       <li ng-repeat="project in projects"><a ng-click="open_project(project.id)" class="">{{project.name}}</a></li>
15 |     </ul>
16 |   </div>
17 | 
18 | 
19 | 
20 |   <h3 ng-show="show_project_details">Project Details</h3>
21 | 
22 |   <form role="form" ng-show="show_project_details">
23 |     <br>
24 | 
25 |     <div class="form-group">
26 |       <label for="field_name">Name</label>
27 |       <input type="text" class="form-control half-width" id="field_name" ng-model="field_name">
28 |     </div>
29 |     <div class="form-group">
30 |       <label for="field_code">Code</label>
31 |       <input type="text" class="form-control half-width" id="field_code" ng-model="field_code">
32 |     </div>
33 | 
34 |     <button type="submit" class="btn btn-primary" ng-click="close_project()">Close &raquo;</button>
35 |     <button type="submit" class="btn btn-primary" ng-click="save_project()">Save &raquo;</button>
36 | 
37 |     <p class="account_msg">
38 |       {{project_msg}}
39 |     </p>
40 |   </form>
41 | 
42 | 
43 | </div>
44 | 
45 | 


--------------------------------------------------------------------------------
/hapi-angular/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "seneca-mvp",
 3 |   "version": "0.2.0",
 4 |   "description": "How to build a Minimim Viable Product with Seneca",
 5 |   "main": "mvp-app.js",
 6 |   "scripts": {
 7 |     "preinstall": "cp -n options.example.js options.mine.js; true",
 8 |     "prestart": "cd public; bower install",
 9 |     "start": "node mvp-app.js",
10 |     "test": "echo \"Error: no test specified\" && exit 1"
11 |   },
12 |   "repository": {
13 |     "type": "git",
14 |     "url": "git://github.com/rjrodger/seneca-mvp.git"
15 |   },
16 |   "author": {
17 |     "name": "Richard Rodger",
18 |     "email": "richard@ricebridge.com",
19 |     "url": "http://richardrodger.com/"
20 |   },
21 |   "contributors": [
22 |     {
23 |       "name": "Mircea Alexandru",
24 |       "email": "mircea.alexandru@gmail.com",
25 |       "url": "https://github.com/mirceaalexandru"
26 |     }
27 |   ],
28 |   "license": "MIT",
29 |   "readmeFilename": "README.md",
30 |   "dependencies": {
31 |     "bell": "~6.1.0",
32 |     "chairo": "~2.2.1",
33 |     "hapi": "~13.0.0",
34 |     "hapi-auth-cookie": "~5.0.0",
35 |     "inert": "~3.0.0",
36 |     "seneca": "~2.1.0",
37 |     "seneca-account": "~0.1.8",
38 |     "seneca-auth": "~1.1.0",
39 |     "seneca-data-editor": "~0.2.0",
40 |     "seneca-entity": "~1.2.0",
41 |     "seneca-facebook-auth": "~0.1.0",
42 |     "seneca-github-auth": "~0.1.1",
43 |     "seneca-google-auth": "~1.0.0",
44 |     "seneca-jsonrest-api": "~0.3.1",
45 |     "seneca-local-auth": "~0.1.2",
46 |     "seneca-mail": "~0.2.2",
47 |     "seneca-perm": "~0.5.6",
48 |     "seneca-project": "~0.1.6",
49 |     "seneca-twitter-auth": "~0.1.1",
50 |     "seneca-user": "~1.1.0"
51 |   }
52 | }
53 | 


--------------------------------------------------------------------------------
/express-angular/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "seneca-mvp",
 3 |   "version": "0.2.0",
 4 |   "description": "How to build a Minimim Viable Product with Seneca",
 5 |   "main": "mvp-app.js",
 6 |   "scripts": {
 7 |     "preinstall": "cp -n options.example.js options.mine.js; true",
 8 |     "prestart": "cd public; bower install",
 9 |     "start": "node mvp-app.js",
10 |     "test": "echo \"Error: no test specified\" && exit 1"
11 |   },
12 |   "repository": {
13 |     "type": "git",
14 |     "url": "git://github.com/rjrodger/seneca-mvp.git"
15 |   },
16 |   "author": {
17 |     "name": "Richard Rodger",
18 |     "email": "richard@ricebridge.com",
19 |     "url": "http://richardrodger.com/"
20 |   },
21 |   "contributors": [
22 |     {
23 |       "name": "Mircea Alexandru",
24 |       "email": "mircea.alexandru@gmail.com",
25 |       "url": "https://github.com/mirceaalexandru"
26 |     }
27 |   ],
28 |   "license": "MIT",
29 |   "readmeFilename": "README.md",
30 |   "dependencies": {
31 |     "body-parser": "~1.11.0",
32 |     "cookie-parser": "~1.3.0",
33 |     "express": "~4.11.0",
34 |     "express-session": "~1.10.0",
35 |     "seneca": "~2.1.0",
36 |     "seneca-account": "~0.1.8",
37 |     "seneca-admin": "~0.2.0",
38 |     "seneca-auth": "~1.1.0",
39 |     "seneca-data-editor": "~0.2.0",
40 |     "seneca-entity": "~1.2.0",
41 |     "seneca-facebook-auth": "~0.1.0",
42 |     "seneca-github-auth": "~0.1.1",
43 |     "seneca-google-auth": "~1.0.0",
44 |     "seneca-jsonrest-api": "~0.3.1",
45 |     "seneca-local-auth": "~0.1.2",
46 |     "seneca-mail": "~0.2.2",
47 |     "seneca-perm": "~0.5.6",
48 |     "seneca-project": "~0.1.6",
49 |     "seneca-settings": "~0.1.4",
50 |     "seneca-twitter-auth": "~0.1.1",
51 |     "seneca-user": "~1.1.0",
52 |     "seneca-web": "~0.8.0"
53 |   }
54 | }
55 | 


--------------------------------------------------------------------------------
/docs/screenshots.js:
--------------------------------------------------------------------------------
 1 | var casper = require('casper').create({
 2 |     viewportSize : {width : 1200, height : 800},
 3 |     verbose: true,
 4 |     logLevel: "debug"
 5 | });
 6 | 
 7 | // TODO make helper function for taking screenshots which lists urls and file names in a JSON data file
 8 | 
 9 | casper.start("http://localhost:3333/", function () {
10 |     this.capture("not-logged-in.png");
11 | });
12 | 
13 | casper.then(function() {
14 |     this.fillSelectors('form', {
15 |         'input#email':    'u1@example.com',
16 |         'input#password': 'u1'
17 |     }, false);
18 |     this.capture("ready-to-log-in.png");
19 |     this.click("a[ng-click^=signin]");
20 |     this.waitForSelector("body.account");
21 | });
22 | 
23 | casper.then(function() {
24 |     this.capture("logged-in.png");
25 |     this.clickLabel("Settings", "a");
26 |     this.waitForSelector("table#seneca-settings");
27 | });
28 | 
29 | // Wait longer so FontAwesome loads
30 | casper.wait(1000);
31 | 
32 | casper.then(function() {
33 |     this.capture("settings.png");
34 | 
35 |     this.fillSelectors('form#seneca-settings-form', {
36 |         'input#setting-a' : 'foobar'
37 |     }, false);
38 | 
39 |     this.click("#setting-l-star-6");
40 |     this.click("#setting-ll-star-2");
41 | 
42 |     this.capture("filled-in.png");
43 |     this.clickLabel("Update Settings", "a");
44 | });
45 | 
46 | casper.wait(1000);
47 | 
48 | casper.then(function() {
49 |     this.capture("updated.png");
50 | });
51 | 
52 | function assert(truthy, falsemsg) {
53 |     if (truthy) {
54 |         console.log("assertion ok");
55 |     } else {
56 |         console.log("fail: " + failmsg);
57 |         throw (falsemsg || "FAIL");
58 |     }
59 | }
60 | 
61 | casper.thenOpen("http://localhost:3333/settings/load?kind=user", function() {
62 |     console.log(this.getPageContent());
63 |     var settingsInfo = JSON.parse(this.getPageContent());
64 |     assert(settingsInfo['settings']['a'] === 'foobar');
65 |     assert(settingsInfo['settings']['l'] === 6);
66 |     assert(settingsInfo['settings']['ll'] === 2);
67 | });
68 | 
69 | /// "run"
70 | casper.run();
71 | 


--------------------------------------------------------------------------------
/express-angular/options.example.js:
--------------------------------------------------------------------------------
 1 | 
 2 | 
 3 | module.exports = {
 4 | 
 5 |   main: {
 6 |     port:3333,
 7 |     public:'/public'
 8 |   },
 9 | 
10 |   auth: {
11 |     redirect: {
12 |       "login": {
13 |         win: '/account',
14 |         fail: '/',
15 |         always: true
16 |       }
17 |     }
18 |   },
19 |   "facebook" : {
20 |     "appId" : "APP_ID",
21 |     "appSecret" : "APP_SECRET",
22 |     "urlhost" : "http://localhost:3333",
23 |     "serviceParams": {
24 |       "scope" : [
25 |         "email"
26 |       ]
27 |     }
28 |   },
29 |   "google" : {
30 |     "clientID" : "CLIENT_ID",
31 |     "clientSecret" : "CLIENT_SECRET",
32 |     "urlhost" : "http://localhost:3333"
33 |   },
34 |   "github" : {
35 |     "clientID" : "CLIENT_ID",
36 |     "clientSecret" : "CLIENT_SECRET",
37 |     "urlhost" : "http://localhost:3333"
38 |   },
39 |   "twitter" : {
40 |     "apiKey" : "APP_KEY",
41 |     "apiSecret" : "API_SECRET",
42 |     "urlhost" : "http://localhost:3333"
43 |   },
44 |   mail: {
45 |     mail: {from:'youremail@example.com'},
46 |     config:{
47 |       service: "Gmail",
48 |       auth: {
49 |         user: "youremail@example.com",
50 |         pass: "yourpass"
51 |       }
52 |     }
53 |   },
54 | 
55 |   settings: {
56 |     spec: {
57 |       a:{"type":"text", "nice":"A", "help":"Example of text."},
58 |       b:{"type":"email", "nice":"B", "help":"Example of email."},
59 |       c:{"type":"tel", "nice":"C", "help":"Example of tel."},
60 |       d:{"type":"number", "nice":"D", "help":"Example of number."},
61 |       e:{"type":"time", "nice":"E", "help":"Example of time."},
62 |       f:{"type":"date", "nice":"F", "help":"Example of date."},
63 |       g:{"type":"datetime", "nice":"G", "help":"Example of datetime."},
64 |       h:{"type":"color", "nice":"H", "help":"Example of color."},
65 |       i:{"type":"url", "nice":"I", "help":"Example of url."},
66 |       j:{"type":"checkbox", "nice":"J", "help":"Example of checkbox."},
67 |       k:{"type":"range", "nice":"K", "help":"Example of range.", "default" : 50},
68 |       l:{"type":"rating", "nice":"L", "help":"Example of rating.", "stars" : 6 },
69 |       ll:{"type":"rating", "nice":"LL", "help":"Example of rating."},
70 |       m:{"type":"yesno", "nice":"M", "help":"Example of yesno."},
71 |       n:{"type":"onoff", "nice":"N", "help":"Example of onoff slider.", "default" : 0},
72 |       o:{"type":"buttons", "nice":"O", "help":"Example of buttons.", "options" : ["foo", "bar", "baz"]},
73 |       p:{"type":"dropdown", "nice":"P", "help":"Example of dropdown.", "options" : ["foo", "bar", "baz"]},
74 |       q:{"type":"dropdownplus", "nice":"Q", "help":"Example of dropdownplus.", "options" : ["foo", "bar", "baz"]},
75 |       r:{"type":"longtext", "nice":"R", "help":"Example of longtext."},
76 |       s:{"type":"radio", "nice":"S", "help":"Example of radio.", "options" : ["foo", "bar", "baz"]},
77 |     }
78 |   }
79 | 
80 | }
81 | 


--------------------------------------------------------------------------------
/hapi-angular/options.example.js:
--------------------------------------------------------------------------------
 1 | 
 2 | 
 3 | module.exports = {
 4 | 
 5 |   main: {
 6 |     port:3333,
 7 |     public:'/public'
 8 |   },
 9 | 
10 |   auth: {
11 |     restrict: ['/project', '/account'],
12 |     redirect: {
13 |       "login": {
14 |         win: '/account',
15 |         fail: '/',
16 |         always: true
17 |       }
18 |     }
19 |   },
20 |   "facebook-auth" : {
21 |     "appId" : "APP_ID",
22 |     "appSecret" : "APP_SECRET",
23 |     "urlhost" : "http://localhost:3333",
24 |     "isSecure": false,
25 |     "serviceParams": {
26 |       "scope" : [
27 |         "email"
28 |       ]
29 |     }
30 |   },
31 |   "google-auth" : {
32 |     "clientID" : "CLIENT_ID",
33 |     "clientSecret" : "CLIENT_SECRET",
34 |     "urlhost" : "http://localhost:3333",
35 |     "isSecure": false
36 |   },
37 |   "github-auth" : {
38 |     "clientID" : "CLIENT_ID",
39 |     "clientSecret" : "CLIENT_SECRET",
40 |     "urlhost" : "http://localhost:3333",
41 |     "isSecure": false
42 |   },
43 |   "twitter-auth" : {
44 |     "apiKey" : "APP_KEY",
45 |     "apiSecret" : "API_SECRET",
46 |     "urlhost" : "http://localhost:3333",
47 |     "isSecure": false
48 |   },
49 |   mail: {
50 |     mail: {from:'youremail@example.com'},
51 |     config:{
52 |       service: "Gmail",
53 |       auth: {
54 |         user: "youremail@example.com",
55 |         pass: "yourpass"
56 |       }
57 |     }
58 |   },
59 | 
60 |   settings: {
61 |     spec: {
62 |       a:{"type":"text", "nice":"A", "help":"Example of text."},
63 |       b:{"type":"email", "nice":"B", "help":"Example of email."},
64 |       c:{"type":"tel", "nice":"C", "help":"Example of tel."},
65 |       d:{"type":"number", "nice":"D", "help":"Example of number."},
66 |       e:{"type":"time", "nice":"E", "help":"Example of time."},
67 |       f:{"type":"date", "nice":"F", "help":"Example of date."},
68 |       g:{"type":"datetime", "nice":"G", "help":"Example of datetime."},
69 |       h:{"type":"color", "nice":"H", "help":"Example of color."},
70 |       i:{"type":"url", "nice":"I", "help":"Example of url."},
71 |       j:{"type":"checkbox", "nice":"J", "help":"Example of checkbox."},
72 |       k:{"type":"range", "nice":"K", "help":"Example of range.", "default" : 50},
73 |       l:{"type":"rating", "nice":"L", "help":"Example of rating.", "stars" : 6 },
74 |       ll:{"type":"rating", "nice":"LL", "help":"Example of rating."},
75 |       m:{"type":"yesno", "nice":"M", "help":"Example of yesno."},
76 |       n:{"type":"onoff", "nice":"N", "help":"Example of onoff slider.", "default" : 0},
77 |       o:{"type":"buttons", "nice":"O", "help":"Example of buttons.", "options" : ["foo", "bar", "baz"]},
78 |       p:{"type":"dropdown", "nice":"P", "help":"Example of dropdown.", "options" : ["foo", "bar", "baz"]},
79 |       q:{"type":"dropdownplus", "nice":"Q", "help":"Example of dropdownplus.", "options" : ["foo", "bar", "baz"]},
80 |       r:{"type":"longtext", "nice":"R", "help":"Example of longtext."},
81 |       s:{"type":"radio", "nice":"S", "help":"Example of radio.", "options" : ["foo", "bar", "baz"]},
82 |     }
83 |   }
84 | 
85 | }
86 | 


--------------------------------------------------------------------------------
/hapi-angular/mvp-app.js:
--------------------------------------------------------------------------------
  1 | /* Copyright (c) 2013-2015 Richard Rodger, MIT License */
  2 | "use strict";
  3 | 
  4 | var Hapi = require('hapi')
  5 | var Bell = require('bell')
  6 | var Chairo = require('chairo')
  7 | var Cookie = require('hapi-auth-cookie')
  8 | var Inert = require('inert')
  9 | 
 10 | 
 11 | process.on('uncaughtException', function (err) {
 12 |   console.error('uncaughtException:', err.message)
 13 |   console.error(err.stack)
 14 |   process.exit(1)
 15 | })
 16 | 
 17 | function endIfErr (err) {
 18 |   if (err) {
 19 |     console.error(err)
 20 |     process.exit(1)
 21 |   }
 22 | }
 23 | 
 24 | var options = require('./options.mine.js')
 25 | 
 26 | // Create our server.
 27 | var server = new Hapi.Server({ debug: { request: ['error'] } })
 28 | server.connection({port: options.main.port})
 29 | 
 30 | var plugins = [
 31 |   {register: Bell},
 32 |   {register: Cookie},
 33 |   {register: Chairo, options: {log: 'print'}},
 34 |   {register: Inert}
 35 | ]
 36 | 
 37 | // Register our plugins.
 38 | server.register(plugins, function (err) {
 39 |   endIfErr(err)
 40 | 
 41 |   server.route({
 42 |     method: 'GET',
 43 |     path: '/{param*}',
 44 |     handler: {
 45 |       directory: {
 46 |         path: './public',
 47 |         redirectToSlash: true,
 48 |         index: true
 49 |       }
 50 |     }
 51 |   })
 52 | 
 53 |   server.seneca.use('options', options)
 54 | 
 55 |   initSeneca(server.seneca, function() {
 56 |     // Kick off the server.
 57 |     server.start(function (err) {
 58 |       endIfErr(err)
 59 | 
 60 | 
 61 |       console.log('Listening at: ' + server.info.port)
 62 |     })
 63 |   })
 64 | })
 65 | 
 66 | 
 67 | function initSeneca(seneca, done) {
 68 |   seneca.use('mem-store', {web: {dump: true}})
 69 |   seneca.use('entity')
 70 |   seneca.use('user', {confirm: true})
 71 |   //seneca.use('mail')
 72 |   seneca.use('auth')
 73 | 
 74 |   // should be sure that seneca-auth is fully loaded
 75 |   seneca.ready(function (err) {
 76 |     if (err) return process.exit(!console.error(err));
 77 | 
 78 |     var options = seneca.export('options')
 79 |     //console.log(options.main)
 80 | 
 81 |     seneca.use('account')
 82 |     seneca.use('project')
 83 |     //seneca.use('data-editor')
 84 | 
 85 |     seneca.use('facebook-auth', options.facebook || {})
 86 |     seneca.use('google-auth')
 87 |     seneca.use('github-auth')
 88 |     seneca.use('twitter-auth')
 89 | 
 90 |     //seneca.use('admin', {server: server, local: true});
 91 | 
 92 |     seneca.act('role: user, cmd: register', {nick: 'u1', name: 'nu1', email: 'u1@example.com', password: 'u1', active: true}, function (err, out) {
 93 |       seneca.act('role: project, cmd: save', {data: {name: 'p1'}, account: out.user.accounts[0]})
 94 |     })
 95 | 
 96 |     seneca.act('role: user, cmd: register', {nick: 'u2', name: 'nu2', email: 'u2@example.com', password: 'u2', active: true})
 97 |     seneca.act('role: user, cmd: register', {nick: 'a1', name: 'na1', email: 'a1@example.com', password: 'a1', active: true, admin: true})
 98 | 
 99 |     done()
100 |   })
101 | }
102 | 
103 | 


--------------------------------------------------------------------------------
/hapi-angular/public/css/mvp.css:
--------------------------------------------------------------------------------
  1 | 
  2 | 
  3 | html,
  4 | body {
  5 |   height: 100%;
  6 |   /* The html and body elements cannot have any padding or margin. */
  7 | }
  8 | 
  9 | /* Wrapper for page content to push down footer */
 10 | #wrap {
 11 |   min-height: 100%;
 12 |   height: auto !important;
 13 |   height: 100%;
 14 |   /* Negative indent footer by its height */
 15 |   margin: 0 auto -60px;
 16 |   /* Pad bottom by footer height */
 17 |   padding: 0 0 60px;
 18 | }
 19 | 
 20 | /* Set the fixed height of the footer here */
 21 | footer {
 22 |   height: 60px;
 23 |   background-color: #f5f5f5;
 24 | }
 25 | 
 26 | .footer {
 27 |     margin-top: 200px;
 28 | }
 29 | 
 30 | 
 31 | #welcome {
 32 |     margin: 200px auto;
 33 |     height: 400px;
 34 | }
 35 | 
 36 | #reset {
 37 |     margin: 200px auto;
 38 | }
 39 | 
 40 | 
 41 | #loginbtns {
 42 |     width:100%;
 43 | }
 44 | 
 45 | #loginbtns td.left {
 46 |     text-align:left;
 47 | }
 48 | #loginbtns td.center {
 49 |     text-align:center;
 50 | }
 51 | #loginbtns td.right {
 52 |     text-align:right;
 53 | }
 54 | 
 55 | 
 56 | .half-width {
 57 |     width: 50%;
 58 | }
 59 | 
 60 | 
 61 | .mvp_hide {
 62 |     visibility: hidden;
 63 | }
 64 | 
 65 | div.mvp_seek_input label {
 66 |     font-style:italic;
 67 |     color: red;
 68 | }
 69 | 
 70 | div.mvp_seek_input input {
 71 |     border-color: red;
 72 | }
 73 | 
 74 | a.mvp_seek_input:hover {
 75 |     background-color:red;
 76 |     color:black;
 77 | }
 78 | div.mvp_seek_input input::-webkit-input-placeholder { /* WebKit browsers */
 79 |     color:    red;
 80 | }
 81 | div.mvp_seek_input input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
 82 |     color:    red;
 83 | }
 84 | div.mvp_seek_input input::-moz-placeholder { /* Mozilla Firefox 19+ */
 85 |     color:    red;
 86 | }
 87 | div.mvp_seek_input input:-ms-input-placeholder { /* Internet Explorer 10+ */
 88 |     color:    red;
 89 | }
 90 | 
 91 | div.mvp_show_input {
 92 |     display:block;
 93 | }
 94 | 
 95 | div.mvp_hide_input {
 96 |     display:none;
 97 | }
 98 | 
 99 | 
100 | 
101 | 
102 | body.account {
103 |   padding-top: 50px;
104 |   padding-bottom: 20px;
105 | }
106 | 
107 | 
108 | p.account_msg {
109 |     margin-top: 10px;
110 |     height: 60px;
111 | }
112 | 
113 | 
114 | ul.selection-list li {
115 |     border-bottom: 1px solid #ccc;
116 | }
117 | 
118 | .rating {
119 |     unicode-bidi:bidi-override;
120 |     direction:rtl;
121 |     font-size:30px;
122 | }
123 | 
124 | .rating span.star {
125 |     font-family:FontAwesome;
126 |     font-weight:normal;
127 |     font-style:normal;
128 |     display:inline-block;
129 | }
130 | 
131 | .rating span.star:hover{
132 |     cursor:pointer;
133 | }
134 | 
135 | .rating span.star:before{
136 |     content:"\f006";
137 |     padding-right:5px;
138 |     color:#999999;
139 | }
140 | 
141 | .rating span.star-active:before {
142 |     content: "\f005";
143 |     color: #e3cf7a;
144 | }
145 | 
146 | .rating span.star:hover:before, .rating span.star:hover ~ span.star:before {
147 |     content: "\f005";
148 |     color: #e3cf7a;
149 | }
150 | 
151 | .rating span.star:hover:before {
152 |     color: #cfb02c;
153 | }
154 | 


--------------------------------------------------------------------------------
/express-angular/mvp-app.js:
--------------------------------------------------------------------------------
 1 | /* Copyright (c) 2013-2015 Richard Rodger, MIT License */
 2 | "use strict";
 3 | 
 4 | var http = require('http')
 5 | 
 6 | var express = require('express')
 7 | 
 8 | var cookieparser = require('cookie-parser')
 9 | var bodyparser = require('body-parser')
10 | var session = require('express-session')
11 | 
12 | var seneca = require('seneca')({log: 'print'})
13 | 
14 | process.on('uncaughtException', function (err) {
15 |   console.error('uncaughtException:', err.message)
16 |   console.error(err.stack)
17 |   process.exit(1)
18 | })
19 | 
20 | seneca.use('options', 'options.mine.js')
21 | 
22 | seneca.use('mem-store', {web: {dump: true}})
23 | seneca.use('entity')
24 | seneca.use('user',{confirm:true})
25 | //seneca.use('mail')
26 | seneca.use('auth')
27 | 
28 | // should be sure that seneca-auth is fully loaded
29 | seneca.ready(function (err) {
30 |   if (err) return process.exit(!console.error(err));
31 | 
32 |   var options = seneca.export('options')
33 |   //console.log(options.main)
34 | 
35 |   seneca.use('account')
36 |   seneca.use('project')
37 |   seneca.use('settings')
38 |   seneca.use('data-editor')
39 | 
40 |   seneca.use('facebook-auth', options.facebook || {})
41 |   seneca.use('google-auth', options.google || {})
42 |   seneca.use('github-auth', options.github || {})
43 |   seneca.use('twitter-auth', options.twitter || {})
44 | 
45 |   var web = seneca.export('web')
46 | 
47 |   var app = express()
48 | 
49 |   app.use(cookieparser())
50 |   app.use(bodyparser.json())
51 | 
52 |   app.use(session({secret: 'seneca', resave: true, saveUninitialized: true}))
53 | 
54 |   app.use(web)
55 | 
56 |   app.use( function( req, res, next ){
57 |     if( 0 == req.url.indexOf('/reset') ||
58 |         0 == req.url.indexOf('/confirm') ) 
59 |     {
60 |       req.url = '/'
61 |     }
62 | 
63 |     next()
64 |   })
65 | 
66 |   app.use(express.static(__dirname + options.main.public))
67 | 
68 |   var server = http.createServer(app)
69 | 
70 |   seneca.use('admin', {server: server, local: true});
71 | 
72 | // should be sure that all plugins are fully loaded before starting server
73 |   seneca.ready(function(){
74 |     loadDefaultData()
75 |     seneca.act('role:settings, cmd:define_spec, kind:user', {spec: options.settings.spec})
76 | 
77 |     console.log('Listen on ' + options.main.port)
78 |     server.listen(options.main.port)
79 | 
80 |     seneca.log.info('listen', options.main.port)
81 |     seneca.listen()
82 |   })
83 | 
84 |   function loadDefaultData(){
85 |     var u = seneca.pin({role: 'user', cmd: '*'})
86 |     var projectpin = seneca.pin({role: 'project', cmd: '*'})
87 | 
88 |     u.register({nick: 'u1', name: 'nu1', email: 'u1@example.com', password: 'u1', active: true}, function (err, out) {
89 |       projectpin.save({data: {name: 'p1'}, account: out.user.accounts[0]})
90 |       seneca.act('role:settings, cmd:save, kind:user, settings:{a:"aaa"}, ref:"' + out.user.id + '"')
91 |     })
92 |     u.register({nick: 'u2', name: 'nu2', email: 'u2@example.com', password: 'u2', active: true})
93 |     u.register({nick: 'a1', name: 'na1', email: 'a1@example.com', password: 'a1', active: true, admin: true})
94 |   }
95 | })
96 | 
97 | 
98 | 


--------------------------------------------------------------------------------
/express-angular/public/css/mvp.css:
--------------------------------------------------------------------------------
  1 | 
  2 | 
  3 | html,
  4 | body {
  5 |   height: 100%;
  6 |   /* The html and body elements cannot have any padding or margin. */
  7 | }
  8 | 
  9 | /* Wrapper for page content to push down footer */
 10 | #wrap {
 11 |   min-height: 100%;
 12 |   height: auto !important;
 13 |   height: 100%;
 14 |   /* Negative indent footer by its height */
 15 |   margin: 0 auto -60px;
 16 |   /* Pad bottom by footer height */
 17 |   padding: 0 0 60px;
 18 | }
 19 | 
 20 | /* Set the fixed height of the footer here */
 21 | footer {
 22 |   height: 60px;
 23 |   background-color: #f5f5f5;
 24 | }
 25 | 
 26 | .footer {
 27 |     margin-top: 200px;
 28 | }
 29 | 
 30 | 
 31 | #welcome {
 32 |     margin: 200px auto;
 33 |     height: 400px;
 34 | }
 35 | 
 36 | #reset {
 37 |     margin: 200px auto;
 38 | }
 39 | 
 40 | 
 41 | #loginbtns {
 42 |     width:100%;
 43 | }
 44 | 
 45 | #loginbtns td.left {
 46 |     text-align:left;
 47 | }
 48 | #loginbtns td.center {
 49 |     text-align:center;
 50 | }
 51 | #loginbtns td.right {
 52 |     text-align:right;
 53 | }
 54 | 
 55 | 
 56 | .half-width {
 57 |     width: 50%;
 58 | }
 59 | 
 60 | 
 61 | .mvp_hide {
 62 |     visibility: hidden;
 63 | }
 64 | 
 65 | div.mvp_seek_input label {
 66 |     font-style:italic;
 67 |     color: red;
 68 | }
 69 | 
 70 | div.mvp_seek_input input {
 71 |     border-color: red;
 72 | }
 73 | 
 74 | a.mvp_seek_input:hover {
 75 |     background-color:red;
 76 |     color:black;
 77 | }
 78 | div.mvp_seek_input input::-webkit-input-placeholder { /* WebKit browsers */
 79 |     color:    red;
 80 | }
 81 | div.mvp_seek_input input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
 82 |     color:    red;
 83 | }
 84 | div.mvp_seek_input input::-moz-placeholder { /* Mozilla Firefox 19+ */
 85 |     color:    red;
 86 | }
 87 | div.mvp_seek_input input:-ms-input-placeholder { /* Internet Explorer 10+ */
 88 |     color:    red;
 89 | }
 90 | 
 91 | div.mvp_show_input {
 92 |     display:block;
 93 | }
 94 | 
 95 | div.mvp_hide_input {
 96 |     display:none;
 97 | }
 98 | 
 99 | 
100 | 
101 | 
102 | body.account {
103 |   padding-top: 50px;
104 |   padding-bottom: 20px;
105 | }
106 | 
107 | 
108 | p.account_msg {
109 |     margin-top: 10px;
110 |     height: 60px;
111 | }
112 | 
113 | 
114 | ul.selection-list li {
115 |     border-bottom: 1px solid #ccc;
116 | }
117 | 
118 | /* Settings */
119 | table#seneca-settings {
120 |     margin: 20px;
121 | }
122 | 
123 | table#seneca-settings td {
124 | }
125 | 
126 | table#seneca-settings td:first-child {
127 |     text-align: center;
128 |     padding-left: 10px;
129 |     padding-right: 10px;
130 | }
131 | 
132 | table#seneca-settings td:nth-child(2) {
133 |     padding: 10px;
134 |     max-width: 40%;
135 | }
136 | 
137 | 
138 | .rating {
139 |     unicode-bidi:bidi-override;
140 |     direction:rtl;
141 |     font-size:30px;
142 | }
143 | 
144 | .rating span.star {
145 |     font-family:FontAwesome;
146 |     font-weight:normal;
147 |     font-style:normal;
148 |     display:inline-block;
149 | }
150 | 
151 | .rating span.star:hover{
152 |     cursor:pointer;
153 | }
154 | 
155 | .rating span.star:before{
156 |     content:"\f006";
157 |     padding-right:5px;
158 |     color:#999999;
159 | }
160 | 
161 | .rating span.star-active:before {
162 |     content: "\f005";
163 |     color: #e3cf7a;
164 | }
165 | 
166 | .rating span.star:hover:before, .rating span.star:hover ~ span.star:before {
167 |     content: "\f005";
168 |     color: #e3cf7a;
169 | }
170 | 
171 | .rating span.star:hover:before {
172 |     color: #cfb02c;
173 | }
174 | 


--------------------------------------------------------------------------------
/hapi-angular/public/js/angular-route.1.2.0.rc2.min.js:
--------------------------------------------------------------------------------
 1 | /*
 2 |  AngularJS v1.2.0-rc.2
 3 |  (c) 2010-2012 Google, Inc. http://angularjs.org
 4 |  License: MIT
 5 | */
 6 | (function(q,c,I){'use strict';function x(c,f){return m(new (m(function(){},{prototype:c})),f)}function t(c,f,a,p,n){return{restrict:"ECA",terminal:!0,priority:1E3,transclude:"element",compile:function(g,m,D){return function(u,m,e){function g(){k&&(k.$destroy(),k=null);l&&(n.leave(l),l=null)}function s(){var h=c.current&&c.current.locals,y=h&&h.$template;if(y){var z=u.$new();D(z,function(d){g();d.html(y);n.enter(d,null,m);var G=a(d.contents()),r=c.current;k=r.scope=z;l=d;if(r.controller){h.$scope=
 7 | k;var e=p(r.controller,h);r.controllerAs&&(k[r.controllerAs]=e);d.data("$ngControllerController",e);d.contents().data("$ngControllerController",e)}G(k);k.$emit("$viewContentLoaded");k.$eval(b);f()})}else g()}var k,l,b=e.onload||"";u.$on("$routeChangeSuccess",s);s()}}}}var A=c.copy,H=c.equals,m=c.extend,w=c.forEach,v=c.isDefined,B=c.isFunction,C=c.isString;q=c.module("ngRoute",["ng"]).provider("$route",function(){function c(a,p){var f=p.caseInsensitiveMatch,g={originalPath:a,regexp:a},m=g.keys=[];
 8 | a=a.replace(/([().])/g,"\\$1").replace(/(\/)?:(\w+)([\?|\*])?/g,function(a,c,p,e){a="?"===e?e:null;e="*"===e?e:null;m.push({name:p,optional:!!a});c=c||"";return""+(a?"":c)+"(?:"+(a?c:"")+(e&&"(.+)?"||"([^/]+)?")+")"+(a||"")}).replace(/([\/$\*])/g,"\\$1");g.regexp=RegExp("^"+a+"$",f?"i":"");return g}var f={};this.when=function(a,p){f[a]=m({reloadOnSearch:!0},p,a&&c(a,p));if(a){var n="/"==a[a.length-1]?a.substr(0,a.length-1):a+"/";f[n]=m({redirectTo:a},c(n,p))}return this};this.otherwise=function(a){this.when(null,
 9 | a);return this};this.$get=["$rootScope","$location","$routeParams","$q","$injector","$http","$templateCache","$sce",function(a,c,n,g,s,q,u,t){function e(){var b=E(),h=l.current;if(b&&h&&b.$$route===h.$$route&&H(b.pathParams,h.pathParams)&&!b.reloadOnSearch&&!k)h.params=b.params,A(h.params,n),a.$broadcast("$routeUpdate",h);else if(b||h)k=!1,a.$broadcast("$routeChangeStart",b,h),(l.current=b)&&b.redirectTo&&(C(b.redirectTo)?c.path(F(b.redirectTo,b.params)).search(b.params).replace():c.url(b.redirectTo(b.pathParams,
10 | c.path(),c.search())).replace()),g.when(b).then(function(){if(b){var a=m({},b.resolve),c,d;w(a,function(b,c){a[c]=C(b)?s.get(b):s.invoke(b)});v(c=b.template)?B(c)&&(c=c(b.params)):v(d=b.templateUrl)&&(B(d)&&(d=d(b.params)),d=t.getTrustedResourceUrl(d),v(d)&&(b.loadedTemplateUrl=d,c=q.get(d,{cache:u}).then(function(b){return b.data})));v(c)&&(a.$template=c);return g.all(a)}}).then(function(c){b==l.current&&(b&&(b.locals=c,A(b.params,n)),a.$broadcast("$routeChangeSuccess",b,h))},function(c){b==l.current&&
11 | a.$broadcast("$routeChangeError",b,h,c)})}function E(){var b,a;w(f,function(e,k){var d;if(d=!a){var f=c.path();d=e.keys;var r={};if(e.regexp)if(f=e.regexp.exec(f)){for(var g=1,l=f.length;g<l;++g){var n=d[g-1],q="string"==typeof f[g]?decodeURIComponent(f[g]):f[g];n&&q&&(r[n.name]=q)}d=r}else d=null;else d=null;d=b=d}d&&(a=x(e,{params:m({},c.search(),b),pathParams:b}),a.$$route=e)});return a||f[null]&&x(f[null],{params:{},pathParams:{}})}function F(b,c){var a=[];w((b||"").split(":"),function(b,d){if(0===
12 | d)a.push(b);else{var e=b.match(/(\w+)(.*)/),f=e[1];a.push(c[f]);a.push(e[2]||"");delete c[f]}});return a.join("")}var k=!1,l={routes:f,reload:function(){k=!0;a.$evalAsync(e)}};a.$on("$locationChangeSuccess",e);return l}]});q.provider("$routeParams",function(){this.$get=function(){return{}}});q.directive("ngView",t);t.$inject=["$route","$anchorScroll","$compile","$controller","$animate"]})(window,window.angular);
13 | /*
14 | //@ sourceMappingURL=angular-route.min.js.map
15 | */
16 | 


--------------------------------------------------------------------------------
/express-angular/public/js/angular-route.1.2.0.rc2.min.js:
--------------------------------------------------------------------------------
 1 | /*
 2 |  AngularJS v1.2.0-rc.2
 3 |  (c) 2010-2012 Google, Inc. http://angularjs.org
 4 |  License: MIT
 5 | */
 6 | (function(q,c,I){'use strict';function x(c,f){return m(new (m(function(){},{prototype:c})),f)}function t(c,f,a,p,n){return{restrict:"ECA",terminal:!0,priority:1E3,transclude:"element",compile:function(g,m,D){return function(u,m,e){function g(){k&&(k.$destroy(),k=null);l&&(n.leave(l),l=null)}function s(){var h=c.current&&c.current.locals,y=h&&h.$template;if(y){var z=u.$new();D(z,function(d){g();d.html(y);n.enter(d,null,m);var G=a(d.contents()),r=c.current;k=r.scope=z;l=d;if(r.controller){h.$scope=
 7 | k;var e=p(r.controller,h);r.controllerAs&&(k[r.controllerAs]=e);d.data("$ngControllerController",e);d.contents().data("$ngControllerController",e)}G(k);k.$emit("$viewContentLoaded");k.$eval(b);f()})}else g()}var k,l,b=e.onload||"";u.$on("$routeChangeSuccess",s);s()}}}}var A=c.copy,H=c.equals,m=c.extend,w=c.forEach,v=c.isDefined,B=c.isFunction,C=c.isString;q=c.module("ngRoute",["ng"]).provider("$route",function(){function c(a,p){var f=p.caseInsensitiveMatch,g={originalPath:a,regexp:a},m=g.keys=[];
 8 | a=a.replace(/([().])/g,"\\$1").replace(/(\/)?:(\w+)([\?|\*])?/g,function(a,c,p,e){a="?"===e?e:null;e="*"===e?e:null;m.push({name:p,optional:!!a});c=c||"";return""+(a?"":c)+"(?:"+(a?c:"")+(e&&"(.+)?"||"([^/]+)?")+")"+(a||"")}).replace(/([\/$\*])/g,"\\$1");g.regexp=RegExp("^"+a+"$",f?"i":"");return g}var f={};this.when=function(a,p){f[a]=m({reloadOnSearch:!0},p,a&&c(a,p));if(a){var n="/"==a[a.length-1]?a.substr(0,a.length-1):a+"/";f[n]=m({redirectTo:a},c(n,p))}return this};this.otherwise=function(a){this.when(null,
 9 | a);return this};this.$get=["$rootScope","$location","$routeParams","$q","$injector","$http","$templateCache","$sce",function(a,c,n,g,s,q,u,t){function e(){var b=E(),h=l.current;if(b&&h&&b.$$route===h.$$route&&H(b.pathParams,h.pathParams)&&!b.reloadOnSearch&&!k)h.params=b.params,A(h.params,n),a.$broadcast("$routeUpdate",h);else if(b||h)k=!1,a.$broadcast("$routeChangeStart",b,h),(l.current=b)&&b.redirectTo&&(C(b.redirectTo)?c.path(F(b.redirectTo,b.params)).search(b.params).replace():c.url(b.redirectTo(b.pathParams,
10 | c.path(),c.search())).replace()),g.when(b).then(function(){if(b){var a=m({},b.resolve),c,d;w(a,function(b,c){a[c]=C(b)?s.get(b):s.invoke(b)});v(c=b.template)?B(c)&&(c=c(b.params)):v(d=b.templateUrl)&&(B(d)&&(d=d(b.params)),d=t.getTrustedResourceUrl(d),v(d)&&(b.loadedTemplateUrl=d,c=q.get(d,{cache:u}).then(function(b){return b.data})));v(c)&&(a.$template=c);return g.all(a)}}).then(function(c){b==l.current&&(b&&(b.locals=c,A(b.params,n)),a.$broadcast("$routeChangeSuccess",b,h))},function(c){b==l.current&&
11 | a.$broadcast("$routeChangeError",b,h,c)})}function E(){var b,a;w(f,function(e,k){var d;if(d=!a){var f=c.path();d=e.keys;var r={};if(e.regexp)if(f=e.regexp.exec(f)){for(var g=1,l=f.length;g<l;++g){var n=d[g-1],q="string"==typeof f[g]?decodeURIComponent(f[g]):f[g];n&&q&&(r[n.name]=q)}d=r}else d=null;else d=null;d=b=d}d&&(a=x(e,{params:m({},c.search(),b),pathParams:b}),a.$$route=e)});return a||f[null]&&x(f[null],{params:{},pathParams:{}})}function F(b,c){var a=[];w((b||"").split(":"),function(b,d){if(0===
12 | d)a.push(b);else{var e=b.match(/(\w+)(.*)/),f=e[1];a.push(c[f]);a.push(e[2]||"");delete c[f]}});return a.join("")}var k=!1,l={routes:f,reload:function(){k=!0;a.$evalAsync(e)}};a.$on("$locationChangeSuccess",e);return l}]});q.provider("$routeParams",function(){this.$get=function(){return{}}});q.directive("ngView",t);t.$inject=["$route","$anchorScroll","$compile","$controller","$animate"]})(window,window.angular);
13 | /*
14 | //@ sourceMappingURL=angular-route.min.js.map
15 | */
16 | 


--------------------------------------------------------------------------------
/hapi-angular/public/account/index.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html lang="en">
  3 |   <head>
  4 |     <meta charset="utf-8">
  5 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6 |     <meta name="description" content="">
  7 |     <meta name="author" content="">
  8 |     <!--link rel="shortcut icon" href="../../assets/ico/favicon.png"-->
  9 | 
 10 |     <title>Account</title>
 11 | 
 12 |     <style>
 13 |       [ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
 14 |       display: none !important;
 15 |       }
 16 |     </style>
 17 | 
 18 |     <link href="/bower_components/bootstrap/dist/css/bootstrap.css" rel="stylesheet">
 19 |     <link href="/css/animate.css" rel="stylesheet">
 20 |     <link href="//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css" rel="stylesheet">
 21 |     <link href="/css/mvp.css" rel="stylesheet">
 22 | 
 23 |     <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
 24 |     <!--[if lt IE 9]>
 25 |       <script src="../../assets/js/html5shiv.js"></script>
 26 |       <script src="../../assets/js/respond.min.js"></script>
 27 |     <![endif]-->
 28 |   </head>
 29 | 
 30 |   <body class="account" ng-app="account" ng-controller="Main" ng-cloak>
 31 | 
 32 |     <div id="wrap">
 33 | 
 34 |     <div class="navbar navbar-inverse navbar-fixed-top" ng-controller="NavBar">
 35 |       <div class="container">
 36 |         <div class="navbar-header">
 37 |           <a class="navbar-brand" href="#">Service</a>
 38 |         </div>
 39 |         <div class="navbar-collapse collapse">
 40 |           <ul class="nav navbar-nav navbar-right">
 41 |             <li class="dropdown">
 42 |               <a class="dropdown-toggle" data-toggle="dropdown">{{user.name}}<b class="caret"></b></a>
 43 |               <ul class="dropdown-menu">
 44 |                 <li><a ng-click="btn_account()">Your Account</a></li>
 45 |                 <li><a ng-click="btn_signout()">Sign Out</a></li>
 46 |               </ul>
 47 |             </li>
 48 |           </ul>
 49 |         </div><!--/.navbar-collapse -->
 50 |       </div>
 51 |     </div>
 52 | 
 53 | 
 54 |     <div class="container" style="margin-top:50px" ng-controller="TabView">
 55 | 
 56 |       <ul class="nav nav-tabs">
 57 |         <li ng-repeat="name in views" ng-class="{active:name==curtab}"><a href="" ng-click="tabview(name)">{{name}}</a></li>
 58 |       </ul>
 59 | 
 60 |       <div class="row" ng-show="show_view_Dashboard">
 61 |         <div class="col-lg-12">
 62 |           <h2>Dashboard</h2>
 63 |           <p>Your content.</p>
 64 |         </div>
 65 |       </div>
 66 | 
 67 |       <div class="row" ng-show="show_view_Projects">
 68 |         <div class="col-lg-12" ng-include src="'projects.html'">
 69 |         </div>
 70 |       </div>
 71 | 
 72 |       <div class="row" ng-show="show_view_Account" ng-controller="Account">
 73 |         <div class="col-lg-12">
 74 |           <h2>Account</h2>
 75 | 
 76 |           <h2>Your Details</h2>
 77 |           <form role="form">
 78 |             <div class="form-group">
 79 |               <label for="field_name">Name</label>
 80 |               <input type="text" class="form-control half-width" id="field_name" ng-model="field_name">
 81 |             </div>
 82 |             <div class="form-group">
 83 |               <label for="field_email">Email</label>
 84 |               <input type="text" class="form-control half-width" id="field_email" ng-model="field_email">
 85 |             </div>
 86 | 
 87 |             <button type="submit" class="btn btn-primary" ng-click="update_user()">Update &raquo;</button>
 88 | 
 89 |             <p class="account_msg">
 90 |               {{details_msg}}
 91 |             </p>
 92 |           </form>
 93 | 
 94 |           <h2>Change Your Password</h2>
 95 |           <form role="form">
 96 |             <div class="form-group">
 97 |               <label for="field_password">Password</label>
 98 |               <input type="text" class="form-control half-width" id="field_password" ng-model="field_password">
 99 |             </div>
100 |             <div class="form-group">
101 |               <label for="field_repeat">Repeat Password</label>
102 |               <input type="text" class="form-control half-width" id="field_repeat" ng-model="field_repeat">
103 |             </div>
104 | 
105 |             <button type="submit" class="btn btn-primary" ng-click="change_pass()">Change &raquo;</button>
106 | 
107 |             <p class="account_msg">
108 |               {{password_msg}}
109 |             </p>
110 |           </form>
111 | 
112 | 
113 |           <h2>Your Organisation</h2>
114 |           <form role="form">
115 |             <div class="form-group">
116 |               <label for="field_org_name">Name</label>
117 |               <input type="text" class="form-control half-width" id="field_org_name" ng-model="field_org_name">
118 |             </div>
119 |             <div class="form-group">
120 |               <label for="field_org_web">Website</label>
121 |               <input type="text" class="form-control half-width" id="field_org_web" ng-model="field_org_web">
122 |             </div>
123 | 
124 |             <button type="submit" class="btn btn-primary" ng-click="update_org()">Update &raquo;</button>
125 | 
126 |             <p class="account_msg">
127 |               {{org_msg}}
128 |             </p>
129 |           </form>
130 | 
131 | 
132 |         </div>
133 |       </div>
134 | 
135 |     </div> <!-- /container -->
136 |     
137 |     </div>
138 | 
139 |     <footer>
140 |       <div class="container">
141 |         <p>&copy; Footer</p>
142 |       </div>
143 |     </footer>
144 | 
145 |     <script src="/bower_components/lodash/dist/lodash.min.js"></script>
146 |     <script src="/bower_components/jquery/dist/jquery.min.js"></script>
147 |     <script src="/bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
148 |     <script src="/js/angular.1.2.0.rc2.min.js"></script>
149 |     <script src="/js/angular-route.1.2.0.rc2.min.js"></script>
150 |     <script src="/js/cookies.js"></script>
151 |     <script src="/account/mvp-account.js"></script>
152 |   </body>
153 | </html>
154 | 


--------------------------------------------------------------------------------
/express-angular/public/account/index.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html lang="en">
  3 |   <head>
  4 |     <meta charset="utf-8">
  5 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6 |     <meta name="description" content="">
  7 |     <meta name="author" content="">
  8 |     <!--link rel="shortcut icon" href="../../assets/ico/favicon.png"-->
  9 | 
 10 |     <title>Account</title>
 11 | 
 12 |     <style>
 13 |       [ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
 14 |       display: none !important;
 15 |       }
 16 |     </style>
 17 | 
 18 |     <link href="/bower_components/bootstrap/dist/css/bootstrap.css" rel="stylesheet">
 19 |     <link href="/css/animate.css" rel="stylesheet">
 20 |     <link href="//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css" rel="stylesheet">
 21 |     <link href="/css/mvp.css" rel="stylesheet">
 22 | 
 23 |     <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
 24 |     <!--[if lt IE 9]>
 25 |       <script src="../../assets/js/html5shiv.js"></script>
 26 |       <script src="../../assets/js/respond.min.js"></script>
 27 |     <![endif]-->
 28 |   </head>
 29 | 
 30 |   <body class="account" ng-app="account" ng-controller="Main" ng-cloak>
 31 | 
 32 |     <div id="wrap">
 33 | 
 34 |     <div class="navbar navbar-inverse navbar-fixed-top" ng-controller="NavBar">
 35 |       <div class="container">
 36 |         <div class="navbar-header">
 37 |           <a class="navbar-brand" href="#">Service</a>
 38 |         </div>
 39 |         <div class="navbar-collapse collapse">
 40 |           <ul class="nav navbar-nav navbar-right">
 41 |             <li class="dropdown">
 42 |               <a class="dropdown-toggle" data-toggle="dropdown">{{user.name}}<b class="caret"></b></a>
 43 |               <ul class="dropdown-menu">
 44 |                 <li><a ng-click="btn_account()">Your Account</a></li>
 45 |                 <li><a ng-click="btn_signout()">Sign Out</a></li>
 46 |               </ul>
 47 |             </li>
 48 |           </ul>
 49 |         </div><!--/.navbar-collapse -->
 50 |       </div>
 51 |     </div>
 52 | 
 53 | 
 54 |     <div class="container" style="margin-top:50px" ng-controller="TabView">
 55 | 
 56 |       <ul class="nav nav-tabs">
 57 |         <li ng-repeat="name in views" ng-class="{active:name==curtab}"><a href="" ng-click="tabview(name)">{{name}}</a></li>
 58 |       </ul>
 59 | 
 60 |       <div class="row" ng-show="show_view_Dashboard">
 61 |         <div class="col-lg-12">
 62 |           <h2>Dashboard</h2>
 63 |           <p>Your content.</p>
 64 |         </div>
 65 |       </div>
 66 | 
 67 |       <div class="row" ng-show="show_view_Projects">
 68 |         <div class="col-lg-12" ng-include src="'projects.html'">
 69 |         </div>
 70 |       </div>
 71 | 
 72 |       <div class="row" ng-show="show_view_Account" ng-controller="Account">
 73 |         <div class="col-lg-12">
 74 |           <h2>Account</h2>
 75 | 
 76 |           <h2>Your Details</h2>
 77 |           <form role="form">
 78 |             <div class="form-group">
 79 |               <label for="field_name">Name</label>
 80 |               <input type="text" class="form-control half-width" id="field_name" ng-model="field_name">
 81 |             </div>
 82 |             <div class="form-group">
 83 |               <label for="field_email">Email</label>
 84 |               <input type="text" class="form-control half-width" id="field_email" ng-model="field_email">
 85 |             </div>
 86 | 
 87 |             <button type="submit" class="btn btn-primary" ng-click="update_user()">Update &raquo;</button>
 88 | 
 89 |             <p class="account_msg">
 90 |               {{details_msg}}
 91 |             </p>
 92 |           </form>
 93 | 
 94 |           <h2>Change Your Password</h2>
 95 |           <form role="form">
 96 |             <div class="form-group">
 97 |               <label for="field_password">Password</label>
 98 |               <input type="text" class="form-control half-width" id="field_password" ng-model="field_password">
 99 |             </div>
100 |             <div class="form-group">
101 |               <label for="field_repeat">Repeat Password</label>
102 |               <input type="text" class="form-control half-width" id="field_repeat" ng-model="field_repeat">
103 |             </div>
104 | 
105 |             <button type="submit" class="btn btn-primary" ng-click="change_pass()">Change &raquo;</button>
106 | 
107 |             <p class="account_msg">
108 |               {{password_msg}}
109 |             </p>
110 |           </form>
111 | 
112 | 
113 |           <h2>Your Organisation</h2>
114 |           <form role="form">
115 |             <div class="form-group">
116 |               <label for="field_org_name">Name</label>
117 |               <input type="text" class="form-control half-width" id="field_org_name" ng-model="field_org_name">
118 |             </div>
119 |             <div class="form-group">
120 |               <label for="field_org_web">Website</label>
121 |               <input type="text" class="form-control half-width" id="field_org_web" ng-model="field_org_web">
122 |             </div>
123 | 
124 |             <button type="submit" class="btn btn-primary" ng-click="update_org()">Update &raquo;</button>
125 | 
126 |             <p class="account_msg">
127 |               {{org_msg}}
128 |             </p>
129 |           </form>
130 | 
131 | 
132 |         </div>
133 |       </div>
134 | 
135 |     </div> <!-- /container -->
136 |     
137 |     </div>
138 | 
139 |     <footer>
140 |       <div class="container">
141 |         <p>&copy; Footer</p>
142 |       </div>
143 |     </footer>
144 | 
145 |     <script src="/bower_components/lodash/dist/lodash.min.js"></script>
146 |     <script src="/bower_components/jquery/dist/jquery.min.js"></script>
147 |     <script src="/bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
148 |     <script src="/js/angular.1.2.0.rc2.min.js"></script>
149 |     <script src="/js/angular-route.1.2.0.rc2.min.js"></script>
150 |     <script src="/js/cookies.js"></script>
151 |     <script src="/settings/seneca-settings.js"></script>
152 |     <script src="/account/mvp-account.js"></script>
153 |   </body>
154 | </html>
155 | 


--------------------------------------------------------------------------------
/hapi-angular/public/js/cookies.js:
--------------------------------------------------------------------------------
  1 | 'use strict';
  2 | 
  3 | /**
  4 |  * A complete cookies reader/writer Angular Module with full unicode support
  5 |  *
  6 |  * ### Original Source - A little framework: a complete cookies reader/writer with full unicode support
  7 |  *
  8 |  * https://developer.mozilla.org/en-US/docs/DOM/document.cookie
  9 |  *
 10 |  * ### Syntax
 11 |  *
 12 |  * Cookies.setItem(name, value[, end[, path[, domain[, secure]]]])
 13 |  * Cookies.getItem(name)
 14 |  * Cookies.removeItem(name[, path])
 15 |  * Cookies.hasItem(name)
 16 |  * Cookies.keys()
 17 |  *
 18 |  * @date 2013-08-02
 19 |  * @version 0.0.1
 20 |  *
 21 |  * ### Notes
 22 |  *
 23 |  * - This framework is released under the GNU Public License, version 3 or later. http://www.gnu.org/licenses/gpl-3.0-standalone.html
 24 |  *
 25 |  */
 26 | 
 27 | /**
 28 |  * Setup the cookiesModule.
 29 |  */
 30 | var cookiesModule = angular.module('cookiesModule', []);
 31 | 
 32 | /**
 33 |  * Set date value for infinity parameter
 34 |  */
 35 | cookiesModule.constant('infinity_date', 'Fri, 31 Dec 9999 23:59:59 GMT');
 36 | 
 37 | cookiesModule.factory('Cookies', ['infinity_date' ,function (infinity_date) {
 38 | 
 39 |   return {
 40 | 
 41 |     /**
 42 |      * Read a cookie. If the cookie doesn't exist a null value will be returned.
 43 |      *
 44 |      * ### Syntax
 45 |      *
 46 |      * Cookies.getItem(name)
 47 |      *
 48 |      * ### Example usage
 49 |      *
 50 |      * Cookies.getItem('test1');
 51 |      * Cookies.getItem('test5');
 52 |      * Cookies.getItem('test1');
 53 |      * Cookies.getItem('test5');
 54 |      * Cookies.getItem('unexistingCookie');
 55 |      * Cookies.getItem();
 56 |      *
 57 |      * ### Parameters
 58 |      *
 59 |      * @param sKey - name - the name of the cookie to read (string).
 60 |      * @returns {string|null}
 61 |      */
 62 | 
 63 |     getItem: function (sKey) {
 64 |       return decodeURI(document.cookie.replace(new RegExp('(?:(?:^|.*;)\\s*' + encodeURI(sKey).replace(/[\-\.\+\*]/g, '\\$&') + '\\s*\\=\\s*([^;]*).*$)|^.*$'), '$1')) || null;
 65 |     },
 66 | 
 67 |     /**
 68 |      * Create/overwrite a cookie.
 69 |      *
 70 |      * ### Syntax
 71 |      *
 72 |      *  Cookies.setItem(name, value[, end[, path[, domain[, secure]]]])
 73 |      *
 74 |      * ### Example usage
 75 |      *
 76 |      * Cookies.setItem('test0', 'Hello world!');
 77 |      * Cookies.setItem('test1', 'Unicode test: \u00E0\u00E8\u00EC\u00F2\u00F9', Infinity);
 78 |      * Cookies.setItem('test2', 'Hello world!', new Date(2020, 5, 12));
 79 |      * Cookies.setItem('test3', 'Hello world!', new Date(2027, 2, 3), '/blog');
 80 |      * Cookies.setItem('test4', 'Hello world!', 'Sun, 06 Nov 2022 21:43:15 GMT');
 81 |      * Cookies.setItem('test5', 'Hello world!', 'Tue, 06 Dec 2022 13:11:07 GMT', '/home');
 82 |      * Cookies.setItem('test6', 'Hello world!', 150);
 83 |      * Cookies.setItem('test7', 'Hello world!', 245, '/content');
 84 |      * Cookies.setItem('test8', 'Hello world!', null, null, 'example.com');
 85 |      * Cookies.setItem('test9', 'Hello world!', null, null, null, true);
 86 |      *
 87 |      * ### Notes
 88 |      *
 89 |      * For never-expire-cookies we used the arbitrarily distant date Fri, 31 Dec 9999 23:59:59 GMT. If for any reason you are afraid of such a date, use the conventional date of end of the world Tue, 19 Jan 2038 03:14:07 GMT – which is the maximum number of seconds elapsed since since 1 January 1970 00:00:00 UTC expressible by a signed 32-bit integer (i.e.: 01111111111111111111111111111111, which is new Date(0x7fffffff * 1e3)).
 90 |      *
 91 |      * ### Parameters
 92 |      *
 93 |      * @param sKey - name (required) - The name of the cookie to create/overwrite (string).
 94 |      * @param sValue - value (required) - The value of the cookie (string).
 95 |      * @param vEnd - end (optional) - The max-age in seconds (e.g. 31536e3 for a year, Infinity for a never-expires cookie) or the expires date in GMTString format or as Date object; if not specified it will expire at the end of session (number – finite or Infinity – string, Date object or null).
 96 |      * @param sPath - path (optional) - E.g., "/", "/mydir"; if not specified, defaults to the current path of the current document location (string or null).
 97 |      * @param sDomain - domain (optional) - E.g., "example.com", ".example.com" (includes all subdomains) or "subdomain.example.com"; if not specified, defaults to the host portion of the current document location (string or null).
 98 |      * @param bSecure - secure (optional) - The cookie will be transmitted only over secure protocol as https (boolean or null).
 99 |      * @returns {boolean}
100 |      */
101 | 
102 |     setItem: function (sKey, sValue, vEnd, sPath, sDomain, bSecure) {
103 |       if (!sKey || /^(?:expires|max\-age|path|domain|secure)$/i.test(sKey)) { return false; }
104 |       var sExpires = '';
105 |       if (vEnd) {
106 |         switch (vEnd.constructor) {
107 |         case Number:
108 |           sExpires = vEnd === Infinity ? '; expires=' + infinity_date : '; max-age=' + vEnd;
109 |           break;
110 |         case String:
111 |           sExpires = '; expires=' + vEnd;
112 |           break;
113 |         case Date:
114 |           sExpires = '; expires=' + vEnd.toGMTString();
115 |           break;
116 |         }
117 |       }
118 |       document.cookie = encodeURI(sKey) + '=' + encodeURI(sValue) + sExpires + (sDomain ? '; domain=' + sDomain : '') + (sPath ? '; path=' + sPath : '') + (bSecure ? '; secure' : '');
119 |       return true;
120 |     },
121 | 
122 |     /**
123 |      * Delete a cookie
124 |      *
125 |      * ### Syntax
126 |      *
127 |      * Cookies.removeItem(name[, path])
128 |      *
129 |      * ### Example usage
130 |      *
131 |      * Cookies.removeItem('test1');
132 |      * Cookies.removeItem('test5', '/home');
133 |      *
134 |      * ### Parameters
135 |      *
136 |      * @param sKey - name - the name of the cookie to remove (string).
137 |      * @param sPath - path (optional) - e.g., "/", "/mydir"; if not specified, defaults to the current path of the current document location (string or null).
138 |      * @returns {boolean}
139 |      */
140 | 
141 |     removeItem: function (sKey, sPath) {
142 |       if (!sKey || !this.hasItem(sKey)) { return false; }
143 |       document.cookie = encodeURI(sKey) + '=; expires=Thu, 01 Jan 1970 00:00:00 GMT' + (sPath ? '; path=' + sPath : '');
144 |       return true;
145 |     },
146 | 
147 |     /**
148 |      * Check if a cookie exists.
149 |      *
150 |      * ### Syntax
151 |      *
152 |      * Cookies.hasItem(name)
153 |      *
154 |      * ### Parameters
155 |      *
156 |      * @param sKey - name - the name of the cookie to test (string).
157 |      * @returns {*}
158 |      */
159 | 
160 |     hasItem: function (sKey) {
161 |       return (new RegExp('(?:^|;\\s*)' + encodeURI(sKey).replace(/[\-\.\+\*]/g, '\\$&') + '\\s*\\=')).test(document.cookie);
162 |     },
163 | 
164 |     /**
165 |      * Returns an array of all readable cookies from this location.
166 |      *
167 |      * ### Example usage
168 |      *
169 |      * Cookies.keys().join('\n');
170 |      *
171 |      * @returns {*}
172 |      */
173 | 
174 |     keys: /* optional method: you can safely remove it! */ function () {
175 |       var aKeys = document.cookie.replace(/((?:^|\s*;)[^\=]+)(?=;|$)|^\s*|\s*(?:\=[^;]*)?(?:\1|$)/g, '').split(/\s*(?:\=[^;]*)?;\s*/);
176 |       for (var nIdx = 0; nIdx < aKeys.length; nIdx++) { aKeys[nIdx] = decodeURI(aKeys[nIdx]); }
177 |       return aKeys;
178 |     }
179 | 
180 |   };
181 | 
182 | }]);
183 | 


--------------------------------------------------------------------------------
/express-angular/public/js/cookies.js:
--------------------------------------------------------------------------------
  1 | 'use strict';
  2 | 
  3 | /**
  4 |  * A complete cookies reader/writer Angular Module with full unicode support
  5 |  *
  6 |  * ### Original Source - A little framework: a complete cookies reader/writer with full unicode support
  7 |  *
  8 |  * https://developer.mozilla.org/en-US/docs/DOM/document.cookie
  9 |  *
 10 |  * ### Syntax
 11 |  *
 12 |  * Cookies.setItem(name, value[, end[, path[, domain[, secure]]]])
 13 |  * Cookies.getItem(name)
 14 |  * Cookies.removeItem(name[, path])
 15 |  * Cookies.hasItem(name)
 16 |  * Cookies.keys()
 17 |  *
 18 |  * @date 2013-08-02
 19 |  * @version 0.0.1
 20 |  *
 21 |  * ### Notes
 22 |  *
 23 |  * - This framework is released under the GNU Public License, version 3 or later. http://www.gnu.org/licenses/gpl-3.0-standalone.html
 24 |  *
 25 |  */
 26 | 
 27 | /**
 28 |  * Setup the cookiesModule.
 29 |  */
 30 | var cookiesModule = angular.module('cookiesModule', []);
 31 | 
 32 | /**
 33 |  * Set date value for infinity parameter
 34 |  */
 35 | cookiesModule.constant('infinity_date', 'Fri, 31 Dec 9999 23:59:59 GMT');
 36 | 
 37 | cookiesModule.factory('Cookies', ['infinity_date' ,function (infinity_date) {
 38 | 
 39 |   return {
 40 | 
 41 |     /**
 42 |      * Read a cookie. If the cookie doesn't exist a null value will be returned.
 43 |      *
 44 |      * ### Syntax
 45 |      *
 46 |      * Cookies.getItem(name)
 47 |      *
 48 |      * ### Example usage
 49 |      *
 50 |      * Cookies.getItem('test1');
 51 |      * Cookies.getItem('test5');
 52 |      * Cookies.getItem('test1');
 53 |      * Cookies.getItem('test5');
 54 |      * Cookies.getItem('unexistingCookie');
 55 |      * Cookies.getItem();
 56 |      *
 57 |      * ### Parameters
 58 |      *
 59 |      * @param sKey - name - the name of the cookie to read (string).
 60 |      * @returns {string|null}
 61 |      */
 62 | 
 63 |     getItem: function (sKey) {
 64 |       return decodeURI(document.cookie.replace(new RegExp('(?:(?:^|.*;)\\s*' + encodeURI(sKey).replace(/[\-\.\+\*]/g, '\\$&') + '\\s*\\=\\s*([^;]*).*$)|^.*$'), '$1')) || null;
 65 |     },
 66 | 
 67 |     /**
 68 |      * Create/overwrite a cookie.
 69 |      *
 70 |      * ### Syntax
 71 |      *
 72 |      *  Cookies.setItem(name, value[, end[, path[, domain[, secure]]]])
 73 |      *
 74 |      * ### Example usage
 75 |      *
 76 |      * Cookies.setItem('test0', 'Hello world!');
 77 |      * Cookies.setItem('test1', 'Unicode test: \u00E0\u00E8\u00EC\u00F2\u00F9', Infinity);
 78 |      * Cookies.setItem('test2', 'Hello world!', new Date(2020, 5, 12));
 79 |      * Cookies.setItem('test3', 'Hello world!', new Date(2027, 2, 3), '/blog');
 80 |      * Cookies.setItem('test4', 'Hello world!', 'Sun, 06 Nov 2022 21:43:15 GMT');
 81 |      * Cookies.setItem('test5', 'Hello world!', 'Tue, 06 Dec 2022 13:11:07 GMT', '/home');
 82 |      * Cookies.setItem('test6', 'Hello world!', 150);
 83 |      * Cookies.setItem('test7', 'Hello world!', 245, '/content');
 84 |      * Cookies.setItem('test8', 'Hello world!', null, null, 'example.com');
 85 |      * Cookies.setItem('test9', 'Hello world!', null, null, null, true);
 86 |      *
 87 |      * ### Notes
 88 |      *
 89 |      * For never-expire-cookies we used the arbitrarily distant date Fri, 31 Dec 9999 23:59:59 GMT. If for any reason you are afraid of such a date, use the conventional date of end of the world Tue, 19 Jan 2038 03:14:07 GMT – which is the maximum number of seconds elapsed since since 1 January 1970 00:00:00 UTC expressible by a signed 32-bit integer (i.e.: 01111111111111111111111111111111, which is new Date(0x7fffffff * 1e3)).
 90 |      *
 91 |      * ### Parameters
 92 |      *
 93 |      * @param sKey - name (required) - The name of the cookie to create/overwrite (string).
 94 |      * @param sValue - value (required) - The value of the cookie (string).
 95 |      * @param vEnd - end (optional) - The max-age in seconds (e.g. 31536e3 for a year, Infinity for a never-expires cookie) or the expires date in GMTString format or as Date object; if not specified it will expire at the end of session (number – finite or Infinity – string, Date object or null).
 96 |      * @param sPath - path (optional) - E.g., "/", "/mydir"; if not specified, defaults to the current path of the current document location (string or null).
 97 |      * @param sDomain - domain (optional) - E.g., "example.com", ".example.com" (includes all subdomains) or "subdomain.example.com"; if not specified, defaults to the host portion of the current document location (string or null).
 98 |      * @param bSecure - secure (optional) - The cookie will be transmitted only over secure protocol as https (boolean or null).
 99 |      * @returns {boolean}
100 |      */
101 | 
102 |     setItem: function (sKey, sValue, vEnd, sPath, sDomain, bSecure) {
103 |       if (!sKey || /^(?:expires|max\-age|path|domain|secure)$/i.test(sKey)) { return false; }
104 |       var sExpires = '';
105 |       if (vEnd) {
106 |         switch (vEnd.constructor) {
107 |         case Number:
108 |           sExpires = vEnd === Infinity ? '; expires=' + infinity_date : '; max-age=' + vEnd;
109 |           break;
110 |         case String:
111 |           sExpires = '; expires=' + vEnd;
112 |           break;
113 |         case Date:
114 |           sExpires = '; expires=' + vEnd.toGMTString();
115 |           break;
116 |         }
117 |       }
118 |       document.cookie = encodeURI(sKey) + '=' + encodeURI(sValue) + sExpires + (sDomain ? '; domain=' + sDomain : '') + (sPath ? '; path=' + sPath : '') + (bSecure ? '; secure' : '');
119 |       return true;
120 |     },
121 | 
122 |     /**
123 |      * Delete a cookie
124 |      *
125 |      * ### Syntax
126 |      *
127 |      * Cookies.removeItem(name[, path])
128 |      *
129 |      * ### Example usage
130 |      *
131 |      * Cookies.removeItem('test1');
132 |      * Cookies.removeItem('test5', '/home');
133 |      *
134 |      * ### Parameters
135 |      *
136 |      * @param sKey - name - the name of the cookie to remove (string).
137 |      * @param sPath - path (optional) - e.g., "/", "/mydir"; if not specified, defaults to the current path of the current document location (string or null).
138 |      * @returns {boolean}
139 |      */
140 | 
141 |     removeItem: function (sKey, sPath) {
142 |       if (!sKey || !this.hasItem(sKey)) { return false; }
143 |       document.cookie = encodeURI(sKey) + '=; expires=Thu, 01 Jan 1970 00:00:00 GMT' + (sPath ? '; path=' + sPath : '');
144 |       return true;
145 |     },
146 | 
147 |     /**
148 |      * Check if a cookie exists.
149 |      *
150 |      * ### Syntax
151 |      *
152 |      * Cookies.hasItem(name)
153 |      *
154 |      * ### Parameters
155 |      *
156 |      * @param sKey - name - the name of the cookie to test (string).
157 |      * @returns {*}
158 |      */
159 | 
160 |     hasItem: function (sKey) {
161 |       return (new RegExp('(?:^|;\\s*)' + encodeURI(sKey).replace(/[\-\.\+\*]/g, '\\$&') + '\\s*\\=')).test(document.cookie);
162 |     },
163 | 
164 |     /**
165 |      * Returns an array of all readable cookies from this location.
166 |      *
167 |      * ### Example usage
168 |      *
169 |      * Cookies.keys().join('\n');
170 |      *
171 |      * @returns {*}
172 |      */
173 | 
174 |     keys: /* optional method: you can safely remove it! */ function () {
175 |       var aKeys = document.cookie.replace(/((?:^|\s*;)[^\=]+)(?=;|$)|^\s*|\s*(?:\=[^;]*)?(?:\1|$)/g, '').split(/\s*(?:\=[^;]*)?;\s*/);
176 |       for (var nIdx = 0; nIdx < aKeys.length; nIdx++) { aKeys[nIdx] = decodeURI(aKeys[nIdx]); }
177 |       return aKeys;
178 |     }
179 | 
180 |   };
181 | 
182 | }]);
183 | 


--------------------------------------------------------------------------------
/hapi-angular/public/index.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html lang="en">
  3 |   <head>
  4 |     <meta charset="utf-8">
  5 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6 |     <meta name="description" content="">
  7 |     <meta name="author" content="">
  8 | 
  9 |     <title>Service</title>
 10 | 
 11 |     <style>
 12 |       [ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
 13 |       display: none !important;
 14 |       }
 15 |     </style>
 16 | 
 17 |     <link href="/bower_components/bootstrap/dist/css/bootstrap.css" rel="stylesheet">
 18 |     <link href="/css/animate.css" rel="stylesheet">
 19 | 
 20 | 
 21 |     <link href="/css/mvp.css" rel="stylesheet">
 22 | 
 23 |     <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
 24 |     <!--[if lt IE 9]>
 25 |       <script src="../../assets/js/html5shiv.js"></script>
 26 |       <script src="../../assets/js/respond.min.js"></script>
 27 |     <![endif]-->
 28 |   </head>
 29 | 
 30 |   <body ng-app="home" ng-controller="Main" ng-cloak>
 31 | 
 32 |     <div id="wrap">
 33 | 
 34 |     <div class="container" >
 35 |       <div class="header">
 36 |         <ul class="nav nav-pills pull-right">
 37 |           <li><a href="#">About</a></li>
 38 |         </ul>
 39 |         <h3 class="text-muted">Seneca MVP</h3>
 40 |       </div>
 41 | 
 42 | 
 43 |       <div class="row" id="welcome" ng-controller="Login" ng-show="show_login">
 44 |   <div class="col-lg-2"></div>
 45 |   <div class="col-lg-4">
 46 |     <h2>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras quis enim sed nunc congue fermentum. Phasellus vitae tincidunt arcu.</h2>
 47 |   </div>
 48 | 
 49 |   <div class="col-lg-4">
 50 |     <div ng-show="!hasuser">
 51 |     <form role="form">
 52 |       <div ng-class="{'form-group':true,mvp_seek_input:seek_name,animated:true,fadeIn:fadein_name,fadeOut:fadeout_name}">
 53 |         <label for="name">Name</label>
 54 |         <input type="text" class="form-control" id="name" placeholder="enter name" ng-model="input_name" tab-index="1">
 55 |       </div>
 56 |       <div ng-class="{'form-group':true,mvp_seek_input:seek_email}">
 57 |         <label for="email">Email</label>
 58 |         <input type="text" class="form-control" id="email" placeholder="enter email" ng-model="input_email" tab-index="2">
 59 |       </div>
 60 |       <div ng-class="{'form-group':true,mvp_seek_input:seek_password,animated:true,fadeIn:fadein_password,fadeOut:fadeout_password}">
 61 |         <label for="password">Password</label>
 62 |         <input type="password" class="form-control" id="password" placeholder="enter password" ng-model="input_password" tab-index="3">
 63 |       </div>
 64 |     </form>
 65 |     <table id="loginbtns">
 66 |         <tr>
 67 |             <td class="left"><a ng-class="{btn:true, 'btn-primary':true, mvp_seek_input:seek_signup, animated:true, fadeIn:fadein_signup, fadeOut:fadeout_signup}" href="#"  ng-click="signup()" tab-index="5">Sign Up &raquo;</a></td>
 68 | 
 69 |             <td class="center"><a ng-class="{btn:true, 'btn-primary':true, mvp_hide:hide_cancel, animated:true, fadeIn:fadein_cancel, fadeOut:fadeout_cancel, float:float_cancel}" href="#"  ng-click="cancel()">Cancel</a></td>
 70 | 
 71 |             <td class="right"><a ng-class="{btn:true, 'btn-primary':true, mvp_seek_input:seek_signin, mvp_hide:hide_signin, animated:true, fadeIn:fadein_signin, fadeOut:fadeout_signin}" href="#"  ng-click="signin()" tab-index="4">Sign In &raquo;</a></td>
 72 | 
 73 |             <td ng-class="{right:true,hide:hide_send}"><a ng-class="{btn:true, 'btn-primary':true, mvp_seek_input:seek_send, animated:true, fadeIn:fadein_send, fadeOut:fadeout_send}" href="#"  ng-click="send()">Send Reset &raquo;</a></td>
 74 |         </tr>
 75 |         <tr>
 76 |             <td colspan="4">or</td>
 77 |         </tr>
 78 |         <tr>
 79 |             <td class="left"><a ng-class="{btn:true, 'btn-primary':true, mvp_seek_input:seek_signin, mvp_hide:hide_signin, animated:true, fadeIn:fadein_signin, fadeOut:fadeout_signin}" href="/auth/facebook" tab-index="4">Facebook Sign In &raquo;</a></td>
 80 |         </tr>
 81 |         <tr>
 82 |             <td colspan="4">or</td>
 83 |         </tr>
 84 |         <tr>
 85 |             <td class="left"><a ng-class="{btn:true, 'btn-primary':true, mvp_seek_input:seek_signin, mvp_hide:hide_signin, animated:true, fadeIn:fadein_signin, fadeOut:fadeout_signin}" href="/auth/google" tab-index="4">Google Sign In &raquo;</a></td>
 86 |         </tr>
 87 |         <tr>
 88 |             <td colspan="4">or</td>
 89 |         </tr>
 90 |         <tr>
 91 |             <td class="left"><a ng-class="{btn:true, 'btn-primary':true, mvp_seek_input:seek_signin, mvp_hide:hide_signin, animated:true, fadeIn:fadein_signin, fadeOut:fadeout_signin}" href="/auth/github" tab-index="4">Github Sign In &raquo;</a></td>
 92 |         </tr>
 93 |         <tr>
 94 |             <td colspan="4">or</td>
 95 |         </tr>
 96 |         <tr>
 97 |             <td class="left"><a ng-class="{btn:true, 'btn-primary':true, mvp_seek_input:seek_signin, mvp_hide:hide_signin, animated:true, fadeIn:fadein_signin, fadeOut:fadeout_signin}" href="/auth/twitter" tab-index="4">Twitter Sign In &raquo;</a></td>
 98 |         </tr>
 99 |     </table>
100 |     <p>
101 |       <a ng-class="{mvp_hide:hide_forgot}" style="clear:both;float:right;margin-top:10px;" href="#" ng-click="forgot()">forgot password?</a>
102 |     </p>
103 |     </div>
104 | 
105 |     <p style="margin-top:40px;color:red" ng-show="showmsg">{{msg}}</p>
106 |  </div>
107 | 
108 |   <div ng-show="hasuser">
109 |     <h1>Welcome {{user.name}}!</h1>
110 |     <a ng-class="{btn:true, 'btn-primary':true }" href="#" ng-click="goaccount()">Your Account &raquo;</a>
111 |   </div>
112 | 
113 |   <div class="col-lg-2"></div>
114 | </div>
115 |       </div>
116 | 
117 | 
118 |       <div class="row" id="reset" ng-controller="Reset" ng-show="show_reset">
119 |         <div class="col-lg-5">&nbsp;</div>
120 |         <div class="col-lg-2">
121 |           <h1>Password Reset</h1>
122 |     <form role="form" ng-show="show_reset">
123 |       <div ng-class="{'form-group':true,mvp_seek_input:seek_password}">
124 |         <label for="password">Password</label>
125 |         <input type="password" class="form-control" id="password" placeholder="enter password" ng-model="input_password" tab-index="1">
126 |       </div>
127 |       <div ng-class="{'form-group':true,mvp_seek_input:seek_repeat}">
128 |         <label for="repeat">Repeat Password</label>
129 |         <input type="password" class="form-control" id="repeat" placeholder="enter repeat" ng-model="input_repeat" tab-index="2">
130 |       </div>
131 | 
132 |       <a ng-class="{btn:true, 'btn-primary':true, mvp_seek_input:seek_reset}" ng-show="show_resetpass" href="#" ng-click="reset()">Reset Password &raquo;</a>
133 |       <a ng-class="{btn:true, 'btn-primary':true }" href="#" ng-show="show_gohome" ng-click="gohome()">Sign In &raquo;</a>
134 | 
135 |     </form>
136 |     <p style="margin-top:40px;color:red">
137 |       {{msg}}
138 |     </p>
139 |         </div>
140 |         <div class="col-lg-5">&nbsp;</div>
141 |       </div>
142 | 
143 | 
144 |       <div class="row" id="confirm" ng-controller="Confirm" ng-show="show_confirm">
145 |         <div class="col-lg-5">&nbsp;</div>
146 |         <div class="col-lg-2">
147 |           <h1>Confirm Account</h1>
148 | 
149 |           <p style="">
150 |             {{msg}}
151 |           </p>
152 | 
153 |           <a ng-class="{btn:true, 'btn-primary':true }" href="#" ng-show="show_goaccount" ng-click="goaccount()">Your Account &raquo;</a>
154 |           <a ng-class="{btn:true, 'btn-primary':true }" href="#" ng-show="show_gohome" ng-click="gohome()">Sign In &raquo;</a>
155 | 
156 |         </div>
157 |         <div class="col-lg-5">&nbsp;</div>
158 |       </div>
159 | 
160 |     </div> <!-- /container -->
161 | 
162 | 
163 |     </div>
164 | 
165 | 
166 |     <footer>
167 |       <div class="container">
168 |         <p>Footer</p>
169 |       </div>
170 |     </footer>
171 | 
172 | 
173 |     <script src="/bower_components/lodash/dist/lodash.min.js"></script>
174 |     <script src="/bower_components/jquery/dist/jquery.min.js"></script>
175 |     <script src="/bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
176 |     <script src="/bower_components/angular/angular.min.js"></script>
177 |     <script src="/js/cookies.js"></script>
178 |     <script src="/js/mvp-public.js"></script>
179 |   </body>
180 | </html>
181 | 
182 | 


--------------------------------------------------------------------------------
/express-angular/public/index.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html lang="en">
  3 |   <head>
  4 |     <meta charset="utf-8">
  5 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6 |     <meta name="description" content="">
  7 |     <meta name="author" content="">
  8 |     <!--link rel="shortcut icon" href="../../assets/ico/favicon.png"-->
  9 | 
 10 |     <title>Service</title>
 11 | 
 12 |     <style>
 13 |       [ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
 14 |       display: none !important;
 15 |       }
 16 |     </style>
 17 | 
 18 |     <link href="/bower_components/bootstrap/dist/css/bootstrap.css" rel="stylesheet">
 19 |     <link href="/css/animate.css" rel="stylesheet">
 20 | 
 21 | 
 22 |     <link href="/css/mvp.css" rel="stylesheet">
 23 | 
 24 |     <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
 25 |     <!--[if lt IE 9]>
 26 |       <script src="../../assets/js/html5shiv.js"></script>
 27 |       <script src="../../assets/js/respond.min.js"></script>
 28 |     <![endif]-->
 29 |   </head>
 30 | 
 31 |   <body ng-app="home" ng-controller="Main" ng-cloak>
 32 | 
 33 |     <div id="wrap">
 34 | 
 35 |     <div class="container" >
 36 |       <div class="header">
 37 |         <ul class="nav nav-pills pull-right">
 38 |           <li><a href="#">About</a></li>
 39 |         </ul>
 40 |         <h3 class="text-muted">Seneca MVP</h3>
 41 |       </div>
 42 | 
 43 | 
 44 |       <div class="row" id="welcome" ng-controller="Login" ng-show="show_login">
 45 |   <div class="col-lg-2"></div>
 46 |   <div class="col-lg-4">
 47 |     <h2>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras quis enim sed nunc congue fermentum. Phasellus vitae tincidunt arcu.</h2>
 48 |   </div>
 49 | 
 50 |   <div class="col-lg-4">
 51 |     <div ng-show="!hasuser">
 52 |     <form role="form">
 53 |       <div ng-class="{'form-group':true,mvp_seek_input:seek_name,animated:true,fadeIn:fadein_name,fadeOut:fadeout_name}">
 54 |         <label for="name">Name</label>
 55 |         <input type="text" class="form-control" id="name" placeholder="enter name" ng-model="input_name" tab-index="1">
 56 |       </div>
 57 |       <div ng-class="{'form-group':true,mvp_seek_input:seek_email}">
 58 |         <label for="email">Email</label>
 59 |         <input type="text" class="form-control" id="email" placeholder="enter email" ng-model="input_email" tab-index="2">
 60 |       </div>
 61 |       <div ng-class="{'form-group':true,mvp_seek_input:seek_password,animated:true,fadeIn:fadein_password,fadeOut:fadeout_password}">
 62 |         <label for="password">Password</label>
 63 |         <input type="password" class="form-control" id="password" placeholder="enter password" ng-model="input_password" tab-index="3">
 64 |       </div>
 65 |     </form>
 66 |     <table id="loginbtns">
 67 |         <tr>
 68 |             <td class="left"><a ng-class="{btn:true, 'btn-primary':true, mvp_seek_input:seek_signup, animated:true, fadeIn:fadein_signup, fadeOut:fadeout_signup}" href="#"  ng-click="signup()" tab-index="5">Sign Up &raquo;</a></td>
 69 | 
 70 |             <td class="center"><a ng-class="{btn:true, 'btn-primary':true, mvp_hide:hide_cancel, animated:true, fadeIn:fadein_cancel, fadeOut:fadeout_cancel, float:float_cancel}" href="#"  ng-click="cancel()">Cancel</a></td>
 71 | 
 72 |             <td class="right"><a ng-class="{btn:true, 'btn-primary':true, mvp_seek_input:seek_signin, mvp_hide:hide_signin, animated:true, fadeIn:fadein_signin, fadeOut:fadeout_signin}" href="#"  ng-click="signin()" tab-index="4">Sign In &raquo;</a></td>
 73 | 
 74 |             <td ng-class="{right:true,hide:hide_send}"><a ng-class="{btn:true, 'btn-primary':true, mvp_seek_input:seek_send, animated:true, fadeIn:fadein_send, fadeOut:fadeout_send}" href="#"  ng-click="send()">Send Reset &raquo;</a></td>
 75 |         </tr>
 76 |         <tr>
 77 |             <td colspan="4">or</td>
 78 |         </tr>
 79 |         <tr>
 80 |             <td class="left"><a ng-class="{btn:true, 'btn-primary':true, mvp_seek_input:seek_signin, mvp_hide:hide_signin, animated:true, fadeIn:fadein_signin, fadeOut:fadeout_signin}" href="/auth/facebook" tab-index="4">Facebook Sign In &raquo;</a></td>
 81 |         </tr>
 82 |         <tr>
 83 |             <td colspan="4">or</td>
 84 |         </tr>
 85 |         <tr>
 86 |             <td class="left"><a ng-class="{btn:true, 'btn-primary':true, mvp_seek_input:seek_signin, mvp_hide:hide_signin, animated:true, fadeIn:fadein_signin, fadeOut:fadeout_signin}" href="/auth/google" tab-index="4">Google Sign In &raquo;</a></td>
 87 |         </tr>
 88 |         <tr>
 89 |             <td colspan="4">or</td>
 90 |         </tr>
 91 |         <tr>
 92 |             <td class="left"><a ng-class="{btn:true, 'btn-primary':true, mvp_seek_input:seek_signin, mvp_hide:hide_signin, animated:true, fadeIn:fadein_signin, fadeOut:fadeout_signin}" href="/auth/github" tab-index="4">Github Sign In &raquo;</a></td>
 93 |         </tr>
 94 |         <tr>
 95 |             <td colspan="4">or</td>
 96 |         </tr>
 97 |         <tr>
 98 |             <td class="left"><a ng-class="{btn:true, 'btn-primary':true, mvp_seek_input:seek_signin, mvp_hide:hide_signin, animated:true, fadeIn:fadein_signin, fadeOut:fadeout_signin}" href="/auth/twitter" tab-index="4">Twitter Sign In &raquo;</a></td>
 99 |         </tr>
100 |     </table>
101 |     <p>
102 |       <a ng-class="{mvp_hide:hide_forgot}" style="clear:both;float:right;margin-top:10px;" href="#" ng-click="forgot()">forgot password?</a>
103 |     </p>
104 |     </div>
105 | 
106 |     <p style="margin-top:40px;color:red" ng-show="showmsg">{{msg}}</p>
107 |  </div>
108 | 
109 |   <div ng-show="hasuser">
110 |     <h1>Welcome {{user.name}}!</h1>
111 |     <a ng-class="{btn:true, 'btn-primary':true }" href="#" ng-click="goaccount()">Your Account &raquo;</a>
112 |   </div>
113 | 
114 |   <div class="col-lg-2"></div>
115 | </div>
116 |       </div>
117 | 
118 | 
119 |       <div class="row" id="reset" ng-controller="Reset" ng-show="show_reset">
120 |         <div class="col-lg-5">&nbsp;</div>
121 |         <div class="col-lg-2">
122 |           <h1>Password Reset</h1>
123 |     <form role="form" ng-show="show_reset">
124 |       <div ng-class="{'form-group':true,mvp_seek_input:seek_password}">
125 |         <label for="password">Password</label>
126 |         <input type="password" class="form-control" id="password" placeholder="enter password" ng-model="input_password" tab-index="1">
127 |       </div>
128 |       <div ng-class="{'form-group':true,mvp_seek_input:seek_repeat}">
129 |         <label for="repeat">Repeat Password</label>
130 |         <input type="password" class="form-control" id="repeat" placeholder="enter repeat" ng-model="input_repeat" tab-index="2">
131 |       </div>
132 | 
133 |       <a ng-class="{btn:true, 'btn-primary':true, mvp_seek_input:seek_reset}" ng-show="show_resetpass" href="#" ng-click="reset()">Reset Password &raquo;</a>
134 |       <a ng-class="{btn:true, 'btn-primary':true }" href="#" ng-show="show_gohome" ng-click="gohome()">Sign In &raquo;</a>
135 | 
136 |     </form>
137 |     <p style="margin-top:40px;color:red">
138 |       {{msg}}
139 |     </p>
140 |         </div>
141 |         <div class="col-lg-5">&nbsp;</div>
142 |       </div>
143 | 
144 | 
145 |       <div class="row" id="confirm" ng-controller="Confirm" ng-show="show_confirm">
146 |         <div class="col-lg-5">&nbsp;</div>
147 |         <div class="col-lg-2">
148 |           <h1>Confirm Account</h1>
149 | 
150 |           <p style="">
151 |             {{msg}}
152 |           </p>
153 | 
154 |           <a ng-class="{btn:true, 'btn-primary':true }" href="#" ng-show="show_goaccount" ng-click="goaccount()">Your Account &raquo;</a>
155 |           <a ng-class="{btn:true, 'btn-primary':true }" href="#" ng-show="show_gohome" ng-click="gohome()">Sign In &raquo;</a>
156 | 
157 |         </div>
158 |         <div class="col-lg-5">&nbsp;</div>
159 |       </div>
160 | 
161 |     </div> <!-- /container -->
162 | 
163 | 
164 |     </div>
165 | 
166 | 
167 |     <footer>
168 |       <div class="container">
169 |         <p>Footer</p>
170 |       </div>
171 |     </footer>
172 | 
173 | 
174 |     <script src="/bower_components/lodash/dist/lodash.min.js"></script>
175 |     <script src="/bower_components/jquery/dist/jquery.min.js"></script>
176 |     <script src="/bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
177 |     <script src="/bower_components/angular/angular.min.js"></script>
178 |     <script src="/js/cookies.js"></script>
179 |     <script src="/js/mvp-public.js"></script>
180 |   </body>
181 | </html>
182 | 
183 | 


--------------------------------------------------------------------------------
/hapi-angular/public/account/mvp-account.js:
--------------------------------------------------------------------------------
  1 | ;(function(){
  2 |   function noop(){for(var i=0;i<arguments.length;i++)if('function'==typeof(arguments[i]))arguments[i]()}
  3 |   function empty(val) { return null == val || 0 == ''+val }
  4 | 
  5 |   var account_module = angular.module('account',['ngRoute','cookiesModule']).
  6 |         config(['$routeProvider', function($routeProvider) {
  7 |           $routeProvider.
  8 |             when('/Projects', {
  9 |               tab:'Projects'
 10 |             }).
 11 |             when('/Account', {
 12 |               tab:'Account'
 13 |             }).
 14 |             otherwise({tab:'Dashboard'})}])
 15 | 
 16 |   var msgmap = {
 17 |     'unknown': 'Unable to perform your request at this time - please try again later.',
 18 |     'user-updated': 'Your user details have been updated.',
 19 |     'user-exists-email': 'A user with that email already exists.',
 20 |     'user-exists-nick': 'A user with that username already exists.',
 21 |     'password-updated': 'Your password has been updated.',
 22 |     'org-updated': 'Your organisations details have been updated.',
 23 |     'project-updated': 'Project updated.',
 24 |   }
 25 | 
 26 | 
 27 | 
 28 |   account_module.service('auth', function($http,$window) {
 29 |     return {
 30 |       instance: function(win,fail){
 31 |         $http({method:'GET', url: '/auth/user', cache:false}).
 32 |           success(function(data, status) {
 33 |             if( win ) return win(data);
 34 |           }).
 35 |           error(function(data, status) {
 36 |             if( fail ) return fail(data);
 37 |           })
 38 |       },
 39 | 
 40 |       logout: function(win,fail){
 41 |         $http({method:'POST', url: '/auth/logout', cache:false}).
 42 |           success(function(data, status) {
 43 |             if( win ) return win(data);
 44 |             return $window.location.href='/'
 45 |           }).
 46 |           error(function(data, status) {
 47 |             if( fail ) return fail(data);
 48 |           })
 49 |       },
 50 | 
 51 |       change_password: function(creds,win,fail){
 52 |         $http({method:'POST', url: '/auth/change_password', data:creds, cache:false}).
 53 |           success(function(data, status) {
 54 |             if( win ) return win(data);
 55 |           }).
 56 |           error(function(data, status) {
 57 |             if( fail ) return fail(data);
 58 |           })
 59 |       },
 60 | 
 61 |       update_user: function(fields,win,fail){
 62 |         $http({method:'POST', url: '/auth/update_user', data:fields, cache:false}).
 63 |           success(function(data, status) {
 64 |             if( win ) return win(data);
 65 |           }).
 66 |           error(function(data, status) {
 67 |             if( fail ) return fail(data);
 68 |           })
 69 |       },
 70 | 
 71 |       update_org: function(fields,win,fail){
 72 |         $http({method:'POST', url: '/account/update', data:fields, cache:false}).
 73 |           success(function(data, status) {
 74 |             if( win ) return win(data);
 75 |           }).
 76 |           error(function(data, status) {
 77 |             if( fail ) return fail(data);
 78 |           })
 79 |       },
 80 |     }
 81 |   })
 82 | 
 83 | 
 84 |   account_module.service('api', function($http,$window) {
 85 |     return {
 86 |       // GET if no data
 87 |       call: function(path,data,win,fail){
 88 |         if( _.isFunction(data) ) {
 89 |           win = data
 90 |           fail = win
 91 |           data = void 0
 92 |         }
 93 | 
 94 |         var params = {
 95 |           method:data?'POST':'GET', 
 96 |           url: path, 
 97 |           data:data, 
 98 |           cache:false}
 99 | 
100 |         $http( params ).
101 |           success(function(out, status) {
102 |             if( win ) return win(out);
103 |           }).
104 |           error(function(out, status) {
105 |             if( fail ) return fail(out);
106 |           })
107 |       }
108 |     }
109 |   })
110 | 
111 |   account_module.service('pubsub', function() {
112 |     var cache = {};
113 |     return {
114 |       publish: function(topic, args) { 
115 | 	cache[topic] && $.each(cache[topic], function() {
116 | 	  this.apply(null, args || []);
117 | 	});
118 |       },
119 |       
120 |       subscribe: function(topic, callback) {
121 | 	if(!cache[topic]) {
122 | 	  cache[topic] = [];
123 | 	}
124 | 	cache[topic].push(callback);
125 | 	return [topic, callback]; 
126 |       },
127 |       
128 |       unsubscribe: function(handle) {
129 | 	var t = handle[0];
130 | 	cache[t] && d.each(cache[t], function(idx){
131 | 	  if(this == handle[1]){
132 | 	    cache[t].splice(idx, 1);
133 | 	  }
134 | 	});
135 |       }
136 |     }
137 |   });
138 | 
139 | 
140 |   account_module.controller('Main', function($scope, auth, pubsub) {
141 |     //var path = window.location.pathname
142 | 
143 |     auth.instance(function(out){
144 |       $scope.user = out.user
145 |       $scope.account = out.account
146 |       pubsub.publish('user',[out.user])
147 |       pubsub.publish('account',[out.account])
148 |     })
149 | 
150 |     pubsub.subscribe('user',function(user){
151 |       $scope.user = user
152 |     })
153 |   })
154 | 
155 | 
156 |   account_module.controller('NavBar', function($scope, auth, pubsub) {
157 |     
158 |     $scope.btn_account = function() {
159 |       pubsub.publish('view',['Account'])
160 |     }
161 | 
162 |     $scope.btn_signout = function() {
163 |       auth.logout()
164 |     }
165 |     
166 |   })
167 | 
168 | 
169 |   account_module.controller('Account', function($scope, pubsub, auth) {
170 |     pubsub.subscribe('view',function(view){
171 |       if( 'Account' != view ) return;
172 |     })
173 | 
174 |     pubsub.subscribe('user',function(user){
175 |       $scope.field_name  = user.name
176 |       $scope.field_email = user.email
177 |     })
178 | 
179 |     pubsub.subscribe('account',function(account){
180 |       $scope.field_org_name  = account.name
181 |       $scope.field_org_web   = account.web
182 |     })
183 | 
184 | 
185 |     function read_user() {
186 |       return {
187 |         name:  $scope.field_name,
188 |         email: $scope.field_email
189 |       }
190 |     }
191 | 
192 |     function read_pass() {
193 |       return {
194 |         password:  $scope.field_password,
195 |         repeat:    $scope.field_repeat
196 |       }
197 |     }
198 | 
199 |     function read_org() {
200 |       return {
201 |         name: $scope.field_org_name,
202 |         web:  $scope.field_org_web
203 |       }
204 |     }
205 | 
206 | 
207 |     $scope.update_user = function() {
208 |       var data = read_user()
209 |       if ($scope.user){
210 |         data.orig_nick = $scope.user.nick
211 |       }
212 |       auth.update_user( 
213 |         data, 
214 |         function( out ){
215 |           $scope.account_msg = msgmap['user-updated']
216 |           pubsub.publish('user',[out.user])
217 |         },
218 |         function( out ){
219 |           $scope.details_msg = msgmap[out.why] || msgmap.unknown          
220 |         }
221 |       )
222 |     }
223 | 
224 | 
225 |     $scope.change_pass = function() {
226 |       var data = read_pass()
227 |       auth.change_password( 
228 |         data, 
229 |         function( out ){
230 |           $scope.password_msg = msgmap['password-updated']
231 |         },
232 |         function( out ){
233 |           $scope.password_msg = msgmap[out.why] || msgmap.unknown          
234 |         }
235 |       )
236 |     }
237 | 
238 | 
239 |     $scope.update_org = function() {
240 |       var data = read_org()
241 |       auth.update_org( 
242 |         data, 
243 |         function( out ){
244 |           $scope.org_msg = msgmap['org-updated']
245 |           pubsub.publish('account',[out.account])
246 |         },
247 |         function( out ){
248 |           $scope.org_msg = msgmap[out.why] || msgmap.unknown          
249 |         }
250 |       )
251 |     }
252 |   })
253 | 
254 | 
255 |   account_module.controller('TabView', function($scope, $route, $location, pubsub) {
256 |     var views = ['Dashboard','Projects','Account']
257 | 
258 |     $scope.views = _.filter(views,function(n){return n!='Account'})
259 | 
260 |     pubsub.subscribe('view',function(name){
261 |       console.log('fired:'+name)
262 | 
263 |       _.each(views,function(v){
264 |         $scope['show_view_'+v] = (name==v)
265 |       })
266 |       $scope.curtab = name
267 | 
268 |       $location.path(name)
269 |     })
270 | 
271 |     $scope.tabview = function( name ){
272 |       pubsub.publish('view',[name])
273 |     }
274 | 
275 |     $scope.$on(
276 |       "$routeChangeSuccess",
277 |       function(event,route){
278 |         if( route.tab && $scope.curtab != route.tab ) {
279 |           $scope.tabview( route.tab )
280 |         }
281 |       })
282 |   })
283 | 
284 | 
285 |   account_module.controller('Projects', function($scope, api, pubsub) {
286 |     $scope.projects = []
287 | 
288 |     $scope.show_projects_list   = true
289 |     $scope.show_project_details = false
290 | 
291 | 
292 |     function load_projects() {
293 |       api.call('/project/user_projects',function(out){
294 |         $scope.projects = out.projects
295 |       })
296 |     }
297 | 
298 | 
299 |     $scope.new_project = function(){ $scope.open_project() }
300 | 
301 |     $scope.open_project = function( projectid ) {
302 |       if( void 0 != projectid ) {
303 |         api.call( '/project/load/'+projectid, function( out ){
304 |           if( out.project ) {
305 |             $scope.show_project(out.project)
306 |           }
307 |         }) 
308 |       }
309 |       else $scope.show_project()
310 |     }
311 | 
312 |     $scope.show_project = function( project ) {
313 |       $scope.project = (project = project || {})
314 | 
315 |       $scope.field_name = project.name
316 |       $scope.field_code = project.code
317 | 
318 |       $scope.show_projects_list   = false
319 |       $scope.show_project_details = true
320 | 
321 |       $scope.project_msg = null
322 |     }
323 | 
324 |     $scope.close_project = function() {
325 |       $scope.show_projects_list   = true
326 |       $scope.show_project_details = false
327 |     }
328 | 
329 |     function read_project() {
330 |       return {
331 |         name: $scope.field_name,
332 |         code: $scope.field_code
333 |       }
334 |     }
335 | 
336 |     $scope.save_project = function() {
337 |       $scope.project = _.extend($scope.project,read_project())
338 | 
339 |       api.call( '/project/save', $scope.project, function( out ){
340 |         if( out.project ) {
341 |           $scope.show_project(out.project)
342 |           $scope.project_msg = msgmap['project-updated']
343 |           pubsub.publish('project.added',[out.project])
344 |         }
345 |       }, function( out ){
346 |         $scope.project_msg = msgmap[out.why] || msgmap.unknown          
347 |       })   
348 |     }
349 | 
350 |     load_projects()
351 | 
352 |     pubsub.subscribe('project.added',load_projects)
353 |   })
354 | 
355 | })();
356 | 
357 | 
358 | 


--------------------------------------------------------------------------------
/express-angular/public/account/mvp-account.js:
--------------------------------------------------------------------------------
  1 | ;(function(){
  2 |   function noop(){for(var i=0;i<arguments.length;i++)if('function'==typeof(arguments[i]))arguments[i]()}
  3 |   function empty(val) { return null == val || 0 == ''+val }
  4 | 
  5 |   var account_module = angular.module('account',['ngRoute','cookiesModule','senecaSettingsModule']).
  6 |         config(['$routeProvider', function($routeProvider) {
  7 |           $routeProvider.
  8 |             when('/Projects', {
  9 |               tab:'Projects'
 10 |             }).
 11 |             when('/Settings', {
 12 |               tab:'Settings'
 13 |             }).
 14 |             when('/Account', {
 15 |               tab:'Account'
 16 |             }).
 17 |             otherwise({tab:'Dashboard'})}])
 18 | 
 19 |   var msgmap = {
 20 |     'unknown': 'Unable to perform your request at this time - please try again later.',
 21 |     'user-updated': 'Your user details have been updated.',
 22 |     'user-exists-email': 'A user with that email already exists.',
 23 |     'user-exists-nick': 'A user with that username already exists.',
 24 |     'password-updated': 'Your password has been updated.',
 25 |     'org-updated': 'Your organisations details have been updated.',
 26 |     'project-updated': 'Project updated.',
 27 |   }
 28 | 
 29 | 
 30 | 
 31 |   account_module.service('auth', function($http,$window) {
 32 |     return {
 33 |       instance: function(win,fail){
 34 |         $http({method:'GET', url: '/auth/user', cache:false}).
 35 |           success(function(data, status) {
 36 |             if( win ) return win(data);
 37 |           }).
 38 |           error(function(data, status) {
 39 |             if( fail ) return fail(data);
 40 |           })
 41 |       },
 42 | 
 43 |       logout: function(win,fail){
 44 |         $http({method:'POST', url: '/auth/logout', cache:false}).
 45 |           success(function(data, status) {
 46 |             if( win ) return win(data);
 47 |             return $window.location.href='/'
 48 |           }).
 49 |           error(function(data, status) {
 50 |             if( fail ) return fail(data);
 51 |           })
 52 |       },
 53 | 
 54 |       change_password: function(creds,win,fail){
 55 |         $http({method:'POST', url: '/auth/change_password', data:creds, cache:false}).
 56 |           success(function(data, status) {
 57 |             if( win ) return win(data);
 58 |           }).
 59 |           error(function(data, status) {
 60 |             if( fail ) return fail(data);
 61 |           })
 62 |       },
 63 | 
 64 |       update_user: function(fields,win,fail){
 65 |         $http({method:'POST', url: '/auth/update_user', data:fields, cache:false}).
 66 |           success(function(data, status) {
 67 |             if( win ) return win(data);
 68 |           }).
 69 |           error(function(data, status) {
 70 |             if( fail ) return fail(data);
 71 |           })
 72 |       },
 73 | 
 74 |       update_org: function(fields,win,fail){
 75 |         $http({method:'POST', url: '/account/update', data:fields, cache:false}).
 76 |           success(function(data, status) {
 77 |             if( win ) return win(data);
 78 |           }).
 79 |           error(function(data, status) {
 80 |             if( fail ) return fail(data);
 81 |           })
 82 |       },
 83 |     }
 84 |   })
 85 | 
 86 | 
 87 |   account_module.service('api', function($http,$window) {
 88 |     return {
 89 |       // GET if no data
 90 |       call: function(path,data,win,fail){
 91 |         if( _.isFunction(data) ) {
 92 |           win = data
 93 |           fail = win
 94 |           data = void 0
 95 |         }
 96 | 
 97 |         var params = {
 98 |           method:data?'POST':'GET', 
 99 |           url: path, 
100 |           data:data, 
101 |           cache:false}
102 | 
103 |         $http( params ).
104 |           success(function(out, status) {
105 |             if( win ) return win(out);
106 |           }).
107 |           error(function(out, status) {
108 |             if( fail ) return fail(out);
109 |           })
110 |       }
111 |     }
112 |   })
113 | 
114 |   account_module.service('pubsub', function() {
115 |     var cache = {};
116 |     return {
117 |       publish: function(topic, args) { 
118 | 	cache[topic] && $.each(cache[topic], function() {
119 | 	  this.apply(null, args || []);
120 | 	});
121 |       },
122 |       
123 |       subscribe: function(topic, callback) {
124 | 	if(!cache[topic]) {
125 | 	  cache[topic] = [];
126 | 	}
127 | 	cache[topic].push(callback);
128 | 	return [topic, callback]; 
129 |       },
130 |       
131 |       unsubscribe: function(handle) {
132 | 	var t = handle[0];
133 | 	cache[t] && d.each(cache[t], function(idx){
134 | 	  if(this == handle[1]){
135 | 	    cache[t].splice(idx, 1);
136 | 	  }
137 | 	});
138 |       }
139 |     }
140 |   });
141 | 
142 | 
143 |   account_module.controller('Main', function($scope, auth, pubsub) {
144 |     //var path = window.location.pathname
145 | 
146 |     auth.instance(function(out){
147 |       $scope.user = out.user
148 |       $scope.account = out.account
149 |       pubsub.publish('user',[out.user])
150 |       pubsub.publish('account',[out.account])
151 |     })
152 | 
153 |     pubsub.subscribe('user',function(user){
154 |       $scope.user = user
155 |     })
156 |   })
157 | 
158 | 
159 |   account_module.controller('NavBar', function($scope, auth, pubsub) {
160 |     
161 |     $scope.btn_account = function() {
162 |       pubsub.publish('view',['Account'])
163 |     }
164 | 
165 |     $scope.btn_signout = function() {
166 |       auth.logout()
167 |     }
168 |     
169 |   })
170 | 
171 | 
172 |   account_module.controller('Account', function($scope, pubsub, auth) {
173 |     pubsub.subscribe('view',function(view){
174 |       if( 'Account' != view ) return;
175 |     })
176 | 
177 |     pubsub.subscribe('user',function(user){
178 |       $scope.field_name  = user.name
179 |       $scope.field_email = user.email
180 |     })
181 | 
182 |     pubsub.subscribe('account',function(account){
183 |       $scope.field_org_name  = account.name
184 |       $scope.field_org_web   = account.web
185 |     })
186 | 
187 | 
188 |     function read_user() {
189 |       return {
190 |         name:  $scope.field_name,
191 |         email: $scope.field_email
192 |       }
193 |     }
194 | 
195 |     function read_pass() {
196 |       return {
197 |         password:  $scope.field_password,
198 |         repeat:    $scope.field_repeat
199 |       }
200 |     }
201 | 
202 |     function read_org() {
203 |       return {
204 |         name: $scope.field_org_name,
205 |         web:  $scope.field_org_web
206 |       }
207 |     }
208 | 
209 | 
210 |     $scope.update_user = function() {
211 |       var data = read_user()
212 |       if ($scope.user){
213 |         data.orig_nick = $scope.user.nick
214 |       }
215 |       auth.update_user( 
216 |         data, 
217 |         function( out ){
218 |           $scope.account_msg = msgmap['user-updated']
219 |           pubsub.publish('user',[out.user])
220 |         },
221 |         function( out ){
222 |           $scope.details_msg = msgmap[out.why] || msgmap.unknown          
223 |         }
224 |       )
225 |     }
226 | 
227 | 
228 |     $scope.change_pass = function() {
229 |       var data = read_pass()
230 |       auth.change_password( 
231 |         data, 
232 |         function( out ){
233 |           $scope.password_msg = msgmap['password-updated']
234 |         },
235 |         function( out ){
236 |           $scope.password_msg = msgmap[out.why] || msgmap.unknown          
237 |         }
238 |       )
239 |     }
240 | 
241 | 
242 |     $scope.update_org = function() {
243 |       var data = read_org()
244 |       auth.update_org( 
245 |         data, 
246 |         function( out ){
247 |           $scope.org_msg = msgmap['org-updated']
248 |           pubsub.publish('account',[out.account])
249 |         },
250 |         function( out ){
251 |           $scope.org_msg = msgmap[out.why] || msgmap.unknown          
252 |         }
253 |       )
254 |     }
255 |   })
256 | 
257 | 
258 |   account_module.controller('TabView', function($scope, $route, $location, pubsub) {
259 |     var views = ['Dashboard','Projects','Account']
260 | 
261 |     $scope.views = _.filter(views,function(n){return n!='Account'})
262 | 
263 |     pubsub.subscribe('view',function(name){
264 |       console.log('fired:'+name)
265 | 
266 |       _.each(views,function(v){
267 |         $scope['show_view_'+v] = (name==v)
268 |       })
269 |       $scope.curtab = name
270 | 
271 |       $location.path(name)
272 |     })
273 | 
274 |     $scope.tabview = function( name ){
275 |       pubsub.publish('view',[name])
276 |     }
277 | 
278 |     $scope.$on(
279 |       "$routeChangeSuccess",
280 |       function(event,route){
281 |         if( route.tab && $scope.curtab != route.tab ) {
282 |           $scope.tabview( route.tab )
283 |         }
284 |       })
285 |   })
286 | 
287 | 
288 |   account_module.controller('Projects', function($scope, api, pubsub) {
289 |     $scope.projects = []
290 | 
291 |     $scope.show_projects_list   = true
292 |     $scope.show_project_details = false
293 | 
294 | 
295 |     function load_projects() {
296 |       api.call('/project/user_projects',function(out){
297 |         $scope.projects = out.projects
298 |       })
299 |     }
300 | 
301 | 
302 |     $scope.new_project = function(){ $scope.open_project() }
303 | 
304 |     $scope.open_project = function( projectid ) {
305 |       if( void 0 != projectid ) {
306 |         api.call( '/project/load/'+projectid, function( out ){
307 |           if( out.project ) {
308 |             $scope.show_project(out.project)
309 |           }
310 |         }) 
311 |       }
312 |       else $scope.show_project()
313 |     }
314 | 
315 |     $scope.show_project = function( project ) {
316 |       $scope.project = (project = project || {})
317 | 
318 |       $scope.field_name = project.name
319 |       $scope.field_code = project.code
320 | 
321 |       $scope.show_projects_list   = false
322 |       $scope.show_project_details = true
323 | 
324 |       $scope.project_msg = null
325 |     }
326 | 
327 |     $scope.close_project = function() {
328 |       $scope.show_projects_list   = true
329 |       $scope.show_project_details = false
330 |     }
331 | 
332 |     function read_project() {
333 |       return {
334 |         name: $scope.field_name,
335 |         code: $scope.field_code
336 |       }
337 |     }
338 | 
339 |     $scope.save_project = function() {
340 |       $scope.project = _.extend($scope.project,read_project())
341 | 
342 |       api.call( '/project/save', $scope.project, function( out ){
343 |         if( out.project ) {
344 |           $scope.show_project(out.project)
345 |           $scope.project_msg = msgmap['project-updated']
346 |           pubsub.publish('project.added',[out.project])
347 |         }
348 |       }, function( out ){
349 |         $scope.project_msg = msgmap[out.why] || msgmap.unknown          
350 |       })   
351 |     }
352 | 
353 |     load_projects()
354 | 
355 |     pubsub.subscribe('project.added',load_projects)
356 |   })
357 | 
358 | })();
359 | 
360 | 
361 | 


--------------------------------------------------------------------------------
/hapi-angular/public/js/mvp-public.js:
--------------------------------------------------------------------------------
  1 | ;(function(){
  2 |   function noop(){for(var i=0;i<arguments.length;i++)if('function'==typeof(arguments[i]))arguments[i]()}
  3 |   function empty(val) { return null == val || 0 == ''+val }
  4 | 
  5 |   var home_module = angular.module('home',['cookiesModule'])
  6 | 
  7 |   home_module.controller('Main', function($scope,$location) {
  8 |     var path = window.location.pathname
  9 | 
 10 |     var page_login   = true
 11 |     var page_reset   = 0==path.indexOf('/reset')
 12 |     var page_confirm = 0==path.indexOf('/confirm')
 13 | 
 14 |     page_login = !page_confirm && !page_reset
 15 | 
 16 |     $scope.show_login   = page_login
 17 |     $scope.show_reset   = page_reset
 18 |     $scope.show_confirm = page_confirm
 19 |   })
 20 | 
 21 | 
 22 | 
 23 |   var msgmap = {
 24 |     'unknown': 'Unable to perform your request at this time - please try again later.',
 25 |     'missing-fields': 'Please enter the missing fields.',
 26 |     'user-not-found': 'That email address is not recognized.',
 27 |     'invalid-password': 'That password is incorrect',
 28 |     'email-exists': 'That email address is already in use. Please login, or ask for a password reset.',
 29 |     'nick-exists': 'That email address is already in use. Please login, or ask for a password reset.',
 30 |     'reset-sent': 'An email with password reset instructions has been sent to you.',
 31 |     'activate-reset': 'Please enter your new password.',
 32 |     'invalid-reset': 'This is not a valid reset.',
 33 |     'reset-done': 'Your password has been reset.',
 34 |     'confirmed': 'Your account has been confirmed',
 35 |     'invalid-confirm-code': 'That confirmation code is not valid.'
 36 |   }
 37 | 
 38 | 
 39 |   home_module.service('auth', function($http,$window) {
 40 |     return {
 41 |       login: function(creds,win,fail){
 42 |         $http({method:'POST', url: '/auth/login', data:creds, cache:false}).
 43 |           success(function(data, status) {
 44 |             if( win ) return win(data);
 45 |             return $window.location.href='/account'
 46 |           }).
 47 |           error(function(data, status) {
 48 |             if( fail ) return fail(data);
 49 |           })
 50 |       },
 51 | 
 52 |       register: function(details,win,fail){
 53 |         $http({method:'POST', url: '/auth/register', data:details, cache:false}).
 54 |           success(function(data, status) {
 55 |             if (!data.ok){
 56 |               return fail(data);
 57 |             }else{
 58 |               if( win ) return win(data);
 59 |               return $window.location.href='/account'
 60 |             }
 61 |           }).
 62 |           error(function(data, status) {
 63 |             if( fail ) return fail(data);
 64 |           })
 65 |       },
 66 | 
 67 |       instance: function(win,fail){
 68 |         $http({method:'GET', url: '/auth/user', cache:false}).
 69 |           success(function(data, status) {
 70 |             if( win ) return win(data);
 71 |           }).
 72 |           error(function(data, status) {
 73 |             if( fail ) return fail(data);
 74 |           })
 75 |       },
 76 | 
 77 |       reset: function(creds,win,fail){
 78 |         $http({method:'POST', url: '/auth/create_reset', data:creds, cache:false}).
 79 |           success(function(data, status) {
 80 |             if( win ) return win(data);
 81 |           }).
 82 |           error(function(data, status) {
 83 |             if( fail ) return fail(data);
 84 |           })
 85 |       },
 86 | 
 87 |       reset_load: function(creds,win,fail){
 88 |         $http({method:'POST', url: '/auth/load_reset', data:creds, cache:false}).
 89 |           success(function(data, status) {
 90 |             if( win ) return win(data);
 91 |           }).
 92 |           error(function(data, status) {
 93 |             if( fail ) return fail(data);
 94 |           })
 95 |       },
 96 | 
 97 |       reset_execute: function(creds,win,fail){
 98 |         $http({method:'POST', url: '/auth/execute_reset', data:creds, cache:false}).
 99 |           success(function(data, status) {
100 |             if( win ) return win(data);
101 |           }).
102 |           error(function(data, status) {
103 |             if( fail ) return fail(data);
104 |           })
105 |       },
106 | 
107 |       confirm: function(creds,win,fail){
108 |         $http({method:'POST', url: '/auth/confirm', data:creds, cache:false}).
109 |           success(function(data, status) {
110 |             if( win ) return win(data);
111 |           }).
112 |           error(function(data, status) {
113 |             if( fail ) return fail(data);
114 |           })
115 |       },
116 | 
117 |     }
118 |   })
119 | 
120 | 
121 | 
122 |   home_module.controller('Login', function($scope, $rootScope, auth) {
123 | 
124 |     function read() {
125 |       return {
126 |         name:     !empty($scope.input_name),
127 |         email:    !empty($scope.input_email),
128 |         password: !empty($scope.input_password)
129 |       }
130 |     }
131 | 
132 | 
133 |     function markinput(state,exclude) {
134 |       _.each( state, function( full, field ){
135 |         if( exclude && exclude[field] ) return;
136 |         $scope['seek_'+field] = !full
137 |       })
138 | 
139 |       $scope.seek_signup = !state.name || !state.email || !state.password
140 |       $scope.seek_signin = !state.email || !state.password
141 |       $scope.seek_send   = !state.email
142 |     }
143 | 
144 | 
145 | 
146 |     function perform_signup() {
147 |       auth.register({
148 |         name:$scope.input_name,
149 |         email:$scope.input_email,
150 |         password:$scope.input_password
151 |       }, null, function( out ){
152 |         $scope.msg = msgmap[out.why] || msgmap.unknown
153 |         if( 'email-exists' == out.why ) $scope.seek_email = true;
154 |         if( 'nick-exists'  == out.why ) $scope.seek_email = true;
155 |         $scope.showmsg = true
156 |       })
157 |     }
158 | 
159 | 
160 |     function perform_signin() {
161 |       auth.login({
162 |         email:$scope.input_email,
163 |         password:$scope.input_password
164 |       }, null, function( out ){
165 |         //$scope.msg = 'That email address is not recognized.'
166 |         $scope.msg = msgmap[out.why] || msgmap.unknown
167 |         $scope.showmsg = true
168 |         if( 'user-not-found' == out.why ) $scope.seek_email = true;
169 |         if( 'invalid-password' == out.why ) $scope.seek_password = true;
170 |       })
171 |     }
172 | 
173 | 
174 |     function perform_send() {
175 |       auth.reset({
176 |         email:$scope.input_email,
177 | 
178 |       }, function(){
179 |         $scope.cancel()
180 |         $scope.msg = msgmap['reset-sent']
181 |         $scope.showmsg = true
182 | 
183 |       }, function( out ){
184 |         $scope.msg = msgmap[out.why] || msgmap.unknown
185 |         $scope.showmsg = true
186 |         if( 'user-not-found' == out.why ) $scope.seek_email = true;
187 |       })
188 |     }
189 | 
190 | 
191 |     var visible = {
192 |       name:true,
193 |       email:true,
194 |       password:true,
195 |       forgot:true,
196 |       signup:true,
197 |       signin:true,
198 |       cancel:false,
199 |     }
200 | 
201 | 
202 |     function show(fademap) {
203 |       _.each( fademap, function(active,name){
204 |         $scope['hide_'+name]=!active
205 | 
206 |         if( active && !visible[name] ) {
207 |           visible[name]           = true
208 |           $scope['fadeout_'+name] = false
209 |           $scope['fadein_'+name]  = true
210 |         }
211 | 
212 |         if( !active && visible[name] ) {
213 |           visible[name]           = false
214 |           $scope['fadein_'+name]  = false
215 |           $scope['fadeout_'+name] = true
216 |         }
217 |       })
218 | 
219 |       if( fademap.cancel ) {
220 |         $scope.float_cancel = $scope.fadein_signup ? 'right' : 'left'
221 |       }
222 |     }
223 | 
224 | 
225 |     $scope.signup = function(){
226 |       if( 'signup' != $scope.mode ) {
227 |         show({name:true,password:true,signup:true,signin:false,cancel:true,send:false})
228 |       }
229 |       $scope.showmsg = false
230 | 
231 |       var state = read()
232 |       markinput(state)
233 | 
234 |       if( state.name && state.email && state.password ) {
235 |         perform_signup()
236 |       }
237 |       else {
238 |         $scope.msg = msgmap['missing-fields']
239 |         $scope.showmsg = true
240 |       }
241 | 
242 |       $scope.signup_hit = true
243 |       $scope.mode = 'signup'
244 |     }
245 | 
246 | 
247 |     $scope.signin = function() {
248 |       if( 'signin' != $scope.mode ) {
249 |         show({name:false,password:true,signup:false,signin:true,cancel:true,send:false})
250 |       }
251 |       $scope.showmsg = false
252 | 
253 |       var state = read()
254 | 
255 |       if( $scope.signin_hit ) {
256 |         markinput(state,{name:1})
257 |       }
258 | 
259 |       if( state.email && state.password ) {
260 |         perform_signin()
261 |       }
262 |       else {
263 |         $scope.msg = msgmap['missing-fields']
264 |         $scope.showmsg = true
265 |       }
266 | 
267 |       $scope.signin_hit = true
268 |       $scope.mode = 'signin'
269 |     }
270 | 
271 | 
272 |     $scope.send = function() {
273 |       if( 'send' != $scope.mode ) {
274 |         show({name:false,password:false,signup:false,signin:false,cancel:true,send:true})
275 |       }
276 |       $scope.send_hit = true
277 |       $scope.showmsg = false
278 | 
279 |       var state = read()
280 |       if( state.email ) {
281 |         perform_send()
282 |       }
283 |       else {
284 |         markinput(state)
285 |       }
286 | 
287 |       $scope.mode = 'send'
288 |     }
289 | 
290 | 
291 |     $scope.cancel = function() {
292 |       $scope.mode = 'none'
293 |       show({name:true,password:true,signup:true,signin:true,cancel:false,send:false})
294 |       $scope.seek_name = false
295 |       $scope.seek_email = false
296 |       $scope.seek_password = false
297 |       $scope.showmsg = false
298 |       $scope.hide_forgot = false
299 |     }
300 | 
301 | 
302 |     $scope.forgot = function() {
303 |       $scope.hide_forgot = true
304 |       show({name:false,password:false,signup:false,signin:false,cancel:true,send:true})
305 |       $scope.msg = 'Enter an email address so that we can send you a reset link.'
306 |       $scope.showmsg = true
307 |     }
308 | 
309 | 
310 |     $scope.change = function( field ) {
311 |       if( $scope.signup_hit || $scope.signin_hit ) return markinput(read());
312 |     }
313 | 
314 | 
315 |     $scope.goaccount = function() {
316 |       window.location.href='/account'
317 |     }
318 | 
319 | 
320 |     $scope.mode = 'none'
321 |     $scope.user = null
322 | 
323 |     $scope.showmsg = false
324 |     $scope.hide_cancel = true
325 |     $scope.hide_send = true
326 |     $scope.hide_forgot = false
327 | 
328 |     $scope.signup_hit = false
329 |     $scope.signin_hit = false
330 | 
331 |     $scope.input_name = ''
332 |     $scope.input_email = ''
333 |     $scope.input_password = ''
334 | 
335 |     $scope.seek_name = false
336 |     $scope.seek_email = false
337 |     $scope.seek_password = false
338 | 
339 |     $scope.hasuser = !!$scope.user
340 | 
341 |     auth.instance(function(out){
342 |       $scope.user = out.user
343 |       $scope.hasuser = !!$scope.user
344 |       $rootScope.$emit('instance',{user:out.user})
345 |     })
346 |   })
347 | 
348 | 
349 | 
350 |   home_module.controller('Reset', function($scope, $http, auth) {
351 |     if( !$scope.show_reset ) return;
352 | 
353 |     $scope.show_resetpass = true
354 |     $scope.show_gohome    = false
355 | 
356 | 
357 |     var path  = window.location.pathname
358 |     var token = path.replace(/^\/reset\//,'').replace(/\/$/,'')
359 | 
360 |     auth.reset_load({
361 |       token:token
362 | 
363 |     }, function( out ){
364 |       $scope.msg = msgmap['activate-reset']
365 |       $scope.nick = out.nick
366 |       $scope.show_reset = true
367 | 
368 |     }, function( out ){
369 |       $scope.msg = msgmap['invalid-reset']
370 |     })
371 | 
372 | 
373 |     $scope.reset = function(){
374 |       $scope.seek_password = empty($scope.input_password)
375 |       $scope.seek_repeat   = empty($scope.input_repeat)
376 |       $scope.seek_reset    = $scope.seek_password || $scope.seek_repeat
377 | 
378 |       if( !$scope.seek_password && !$scope.seek_repeat ) {
379 |         auth.reset_execute({
380 |           token:    token,
381 |           password: $scope.input_password,
382 |           repeat:   $scope.input_repeat,
383 | 
384 |         }, function( out ){
385 |           $scope.msg = msgmap['reset-done']
386 |           $scope.show_gohome = true
387 |           $scope.show_resetpass = false
388 | 
389 |         }, function( out ){
390 |           $scope.msg = msgmap['invalid-reset']
391 |         })
392 |       }
393 |       else {
394 |         $scope.msg = msgmap['missing-fields']
395 |       }
396 |     }
397 | 
398 |     $scope.gohome = function() {
399 |       window.location.href='/'
400 |     }
401 | 
402 |     $scope.goaccount = function() {
403 |       window.location.href='/account'
404 |     }
405 |   })
406 | 
407 | 
408 | 
409 |   home_module.controller('Confirm', function($scope, $rootScope, auth) {
410 |     if( !$scope.show_confirm ) return;
411 | 
412 |     $rootScope.$on('instance', function(event,args){
413 |       $scope.show_goaccount = !!args.user
414 |       $scope.show_gohome    = !args.user
415 |     })
416 | 
417 |     var path = window.location.pathname
418 |     var code = path.replace(/^\/confirm\//,'')
419 | 
420 |     auth.confirm({
421 |       code:code
422 | 
423 |     }, function( out ){
424 |       $scope.msg = msgmap['confirmed']
425 | 
426 |     }, function( out ){
427 |       $scope.msg = msgmap['invalid-confirm-code']
428 |     })
429 | 
430 |     $scope.gohome = function() {
431 |       window.location.href='/'
432 |     }
433 | 
434 |     $scope.goaccount = function() {
435 |       window.location.href='/account'
436 |     }
437 |   })
438 | 
439 | 
440 | })();
441 | 
442 | 
443 | 


--------------------------------------------------------------------------------
/express-angular/public/js/mvp-public.js:
--------------------------------------------------------------------------------
  1 | ;(function(){
  2 |   function noop(){for(var i=0;i<arguments.length;i++)if('function'==typeof(arguments[i]))arguments[i]()}
  3 |   function empty(val) { return null == val || 0 == ''+val }
  4 | 
  5 |   var home_module = angular.module('home',['cookiesModule'])
  6 | 
  7 |   home_module.controller('Main', function($scope,$location) {
  8 |     var path = window.location.pathname
  9 | 
 10 |     var page_login   = true
 11 |     var page_reset   = 0==path.indexOf('/reset')
 12 |     var page_confirm = 0==path.indexOf('/confirm')
 13 | 
 14 |     page_login = !page_confirm && !page_reset
 15 | 
 16 |     $scope.show_login   = page_login
 17 |     $scope.show_reset   = page_reset
 18 |     $scope.show_confirm = page_confirm
 19 |   })
 20 | 
 21 | 
 22 | 
 23 |   var msgmap = {
 24 |     'unknown': 'Unable to perform your request at this time - please try again later.',
 25 |     'missing-fields': 'Please enter the missing fields.',
 26 |     'user-not-found': 'That email address is not recognized.',
 27 |     'invalid-password': 'That password is incorrect',
 28 |     'email-exists': 'That email address is already in use. Please login, or ask for a password reset.',
 29 |     'nick-exists': 'That email address is already in use. Please login, or ask for a password reset.',
 30 |     'reset-sent': 'An email with password reset instructions has been sent to you.',
 31 |     'activate-reset': 'Please enter your new password.',
 32 |     'invalid-reset': 'This is not a valid reset.',
 33 |     'reset-done': 'Your password has been reset.',
 34 |     'confirmed': 'Your account has been confirmed',
 35 |     'invalid-confirm-code': 'That confirmation code is not valid.'
 36 |   }
 37 | 
 38 | 
 39 |   home_module.service('auth', function($http,$window) {
 40 |     return {
 41 |       login: function(creds,win,fail){
 42 |         $http({method:'POST', url: '/auth/login', data:creds, cache:false}).
 43 |           success(function(data, status) {
 44 |             if( win ) return win(data);
 45 |             return $window.location.href='/account'
 46 |           }).
 47 |           error(function(data, status) {
 48 |             if( fail ) return fail(data);
 49 |           })
 50 |       },
 51 | 
 52 |       register: function(details,win,fail){
 53 |         $http({method:'POST', url: '/auth/register', data:details, cache:false}).
 54 |           success(function(data, status) {
 55 |             if (!data.ok){
 56 |               return fail(data);
 57 |             }else{
 58 |               if( win ) return win(data);
 59 |               return $window.location.href='/account'
 60 |             }
 61 |           }).
 62 |           error(function(data, status) {
 63 |             if( fail ) return fail(data);
 64 |           })
 65 |       },
 66 | 
 67 |       instance: function(win,fail){
 68 |         $http({method:'GET', url: '/auth/user', cache:false}).
 69 |           success(function(data, status) {
 70 |             if( win ) return win(data);
 71 |           }).
 72 |           error(function(data, status) {
 73 |             if( fail ) return fail(data);
 74 |           })
 75 |       },
 76 | 
 77 |       reset: function(creds,win,fail){
 78 |         $http({method:'POST', url: '/auth/create_reset', data:creds, cache:false}).
 79 |           success(function(data, status) {
 80 |             if( win ) return win(data);
 81 |           }).
 82 |           error(function(data, status) {
 83 |             if( fail ) return fail(data);
 84 |           })
 85 |       },
 86 | 
 87 |       reset_load: function(creds,win,fail){
 88 |         $http({method:'POST', url: '/auth/load_reset', data:creds, cache:false}).
 89 |           success(function(data, status) {
 90 |             if( win ) return win(data);
 91 |           }).
 92 |           error(function(data, status) {
 93 |             if( fail ) return fail(data);
 94 |           })
 95 |       },
 96 | 
 97 |       reset_execute: function(creds,win,fail){
 98 |         $http({method:'POST', url: '/auth/execute_reset', data:creds, cache:false}).
 99 |           success(function(data, status) {
100 |             if( win ) return win(data);
101 |           }).
102 |           error(function(data, status) {
103 |             if( fail ) return fail(data);
104 |           })
105 |       },
106 | 
107 |       confirm: function(creds,win,fail){
108 |         $http({method:'POST', url: '/auth/confirm', data:creds, cache:false}).
109 |           success(function(data, status) {
110 |             if( win ) return win(data);
111 |           }).
112 |           error(function(data, status) {
113 |             if( fail ) return fail(data);
114 |           })
115 |       },
116 | 
117 |     }
118 |   })
119 | 
120 | 
121 | 
122 |   home_module.controller('Login', function($scope, $rootScope, auth) {
123 | 
124 |     function read() {
125 |       return {
126 |         name:     !empty($scope.input_name),
127 |         email:    !empty($scope.input_email),
128 |         password: !empty($scope.input_password)
129 |       }
130 |     }
131 | 
132 | 
133 |     function markinput(state,exclude) {
134 |       _.each( state, function( full, field ){
135 |         if( exclude && exclude[field] ) return;
136 |         $scope['seek_'+field] = !full
137 |       })
138 | 
139 |       $scope.seek_signup = !state.name || !state.email || !state.password
140 |       $scope.seek_signin = !state.email || !state.password
141 |       $scope.seek_send   = !state.email
142 |     }
143 | 
144 | 
145 | 
146 |     function perform_signup() {
147 |       auth.register({
148 |         name:$scope.input_name,
149 |         email:$scope.input_email,
150 |         password:$scope.input_password
151 |       }, null, function( out ){
152 |         $scope.msg = msgmap[out.why] || msgmap.unknown
153 |         if( 'email-exists' == out.why ) $scope.seek_email = true;
154 |         if( 'nick-exists'  == out.why ) $scope.seek_email = true;
155 |         $scope.showmsg = true
156 |       })
157 |     }
158 | 
159 | 
160 |     function perform_signin() {
161 |       auth.login({
162 |         email:$scope.input_email,
163 |         password:$scope.input_password
164 |       }, null, function( out ){
165 |         //$scope.msg = 'That email address is not recognized.'
166 |         $scope.msg = msgmap[out.why] || msgmap.unknown
167 |         $scope.showmsg = true
168 |         if( 'user-not-found' == out.why ) $scope.seek_email = true;
169 |         if( 'invalid-password' == out.why ) $scope.seek_password = true;
170 |       })
171 |     }
172 | 
173 | 
174 |     function perform_send() {
175 |       auth.reset({
176 |         email:$scope.input_email,
177 | 
178 |       }, function(){
179 |         $scope.cancel()
180 |         $scope.msg = msgmap['reset-sent']
181 |         $scope.showmsg = true
182 | 
183 |       }, function( out ){
184 |         $scope.msg = msgmap[out.why] || msgmap.unknown
185 |         $scope.showmsg = true
186 |         if( 'user-not-found' == out.why ) $scope.seek_email = true;
187 |       })
188 |     }
189 | 
190 | 
191 |     var visible = {
192 |       name:true,
193 |       email:true,
194 |       password:true,
195 |       forgot:true,
196 |       signup:true,
197 |       signin:true,
198 |       cancel:false,
199 |     }
200 | 
201 | 
202 |     function show(fademap) {
203 |       _.each( fademap, function(active,name){
204 |         $scope['hide_'+name]=!active
205 | 
206 |         if( active && !visible[name] ) {
207 |           visible[name]           = true
208 |           $scope['fadeout_'+name] = false
209 |           $scope['fadein_'+name]  = true
210 |         }
211 | 
212 |         if( !active && visible[name] ) {
213 |           visible[name]           = false
214 |           $scope['fadein_'+name]  = false
215 |           $scope['fadeout_'+name] = true
216 |         }
217 |       })
218 | 
219 |       if( fademap.cancel ) {
220 |         $scope.float_cancel = $scope.fadein_signup ? 'right' : 'left'
221 |       }
222 |     }
223 | 
224 | 
225 |     $scope.signup = function(){
226 |       if( 'signup' != $scope.mode ) {
227 |         show({name:true,password:true,signup:true,signin:false,cancel:true,send:false})
228 |       }
229 |       $scope.showmsg = false
230 | 
231 |       var state = read()
232 |       markinput(state)
233 | 
234 |       if( state.name && state.email && state.password ) {
235 |         perform_signup()
236 |       }
237 |       else {
238 |         $scope.msg = msgmap['missing-fields']
239 |         $scope.showmsg = true
240 |       }
241 | 
242 |       $scope.signup_hit = true
243 |       $scope.mode = 'signup'
244 |     }
245 | 
246 | 
247 |     $scope.signin = function() {
248 |       if( 'signin' != $scope.mode ) {
249 |         show({name:false,password:true,signup:false,signin:true,cancel:true,send:false})
250 |       }
251 |       $scope.showmsg = false
252 | 
253 |       var state = read()
254 | 
255 |       if( $scope.signin_hit ) {
256 |         markinput(state,{name:1})
257 |       }
258 | 
259 |       if( state.email && state.password ) {
260 |         perform_signin()
261 |       }
262 |       else {
263 |         $scope.msg = msgmap['missing-fields']
264 |         $scope.showmsg = true
265 |       }
266 | 
267 |       $scope.signin_hit = true
268 |       $scope.mode = 'signin'
269 |     }
270 | 
271 | 
272 |     $scope.send = function() {
273 |       if( 'send' != $scope.mode ) {
274 |         show({name:false,password:false,signup:false,signin:false,cancel:true,send:true})
275 |       }
276 |       $scope.send_hit = true
277 |       $scope.showmsg = false
278 | 
279 |       var state = read()
280 |       if( state.email ) {
281 |         perform_send()
282 |       }
283 |       else {
284 |         markinput(state)
285 |       }
286 | 
287 |       $scope.mode = 'send'
288 |     }
289 | 
290 | 
291 |     $scope.cancel = function() {
292 |       $scope.mode = 'none'
293 |       show({name:true,password:true,signup:true,signin:true,cancel:false,send:false})
294 |       $scope.seek_name = false
295 |       $scope.seek_email = false
296 |       $scope.seek_password = false
297 |       $scope.showmsg = false
298 |       $scope.hide_forgot = false
299 |     }
300 | 
301 | 
302 |     $scope.forgot = function() {
303 |       $scope.hide_forgot = true
304 |       show({name:false,password:false,signup:false,signin:false,cancel:true,send:true})
305 |       $scope.msg = 'Enter an email address so that we can send you a reset link.'
306 |       $scope.showmsg = true
307 |     }
308 | 
309 | 
310 |     $scope.change = function( field ) {
311 |       if( $scope.signup_hit || $scope.signin_hit ) return markinput(read());
312 |     }
313 | 
314 | 
315 |     $scope.goaccount = function() {
316 |       window.location.href='/account'
317 |     }
318 | 
319 | 
320 |     $scope.mode = 'none'
321 |     $scope.user = null
322 | 
323 |     $scope.showmsg = false
324 |     $scope.hide_cancel = true
325 |     $scope.hide_send = true
326 |     $scope.hide_forgot = false
327 | 
328 |     $scope.signup_hit = false
329 |     $scope.signin_hit = false
330 | 
331 |     $scope.input_name = ''
332 |     $scope.input_email = ''
333 |     $scope.input_password = ''
334 | 
335 |     $scope.seek_name = false
336 |     $scope.seek_email = false
337 |     $scope.seek_password = false
338 | 
339 |     $scope.hasuser = !!$scope.user
340 | 
341 |     auth.instance(function(out){
342 |       $scope.user = out.user
343 |       $scope.hasuser = !!$scope.user
344 |       $rootScope.$emit('instance',{user:out.user})
345 |     })
346 |   })
347 | 
348 | 
349 | 
350 |   home_module.controller('Reset', function($scope, $http, auth) {
351 |     if( !$scope.show_reset ) return;
352 | 
353 |     $scope.show_resetpass = true
354 |     $scope.show_gohome    = false
355 | 
356 | 
357 |     var path  = window.location.pathname
358 |     var token = path.replace(/^\/reset\//,'').replace(/\/$/,'')
359 | 
360 |     auth.reset_load({
361 |       token:token
362 | 
363 |     }, function( out ){
364 |       $scope.msg = msgmap['activate-reset']
365 |       $scope.nick = out.nick
366 |       $scope.show_reset = true
367 | 
368 |     }, function( out ){
369 |       $scope.msg = msgmap['invalid-reset']
370 |     })
371 | 
372 | 
373 |     $scope.reset = function(){
374 |       $scope.seek_password = empty($scope.input_password)
375 |       $scope.seek_repeat   = empty($scope.input_repeat)
376 |       $scope.seek_reset    = $scope.seek_password || $scope.seek_repeat
377 | 
378 |       if( !$scope.seek_password && !$scope.seek_repeat ) {
379 |         auth.reset_execute({
380 |           token:    token,
381 |           password: $scope.input_password,
382 |           repeat:   $scope.input_repeat,
383 | 
384 |         }, function( out ){
385 |           $scope.msg = msgmap['reset-done']
386 |           $scope.show_gohome = true
387 |           $scope.show_resetpass = false
388 | 
389 |         }, function( out ){
390 |           $scope.msg = msgmap['invalid-reset']
391 |         })
392 |       }
393 |       else {
394 |         $scope.msg = msgmap['missing-fields']
395 |       }
396 |     }
397 | 
398 |     $scope.gohome = function() {
399 |       window.location.href='/'
400 |     }
401 | 
402 |     $scope.goaccount = function() {
403 |       window.location.href='/account'
404 |     }
405 |   })
406 | 
407 | 
408 | 
409 |   home_module.controller('Confirm', function($scope, $rootScope, auth) {
410 |     if( !$scope.show_confirm ) return;
411 | 
412 |     $rootScope.$on('instance', function(event,args){
413 |       $scope.show_goaccount = !!args.user
414 |       $scope.show_gohome    = !args.user
415 |     })
416 | 
417 |     var path = window.location.pathname
418 |     var code = path.replace(/^\/confirm\//,'')
419 | 
420 |     auth.confirm({
421 |       code:code
422 | 
423 |     }, function( out ){
424 |       $scope.msg = msgmap['confirmed']
425 | 
426 |     }, function( out ){
427 |       $scope.msg = msgmap['invalid-confirm-code']
428 |     })
429 | 
430 |     $scope.gohome = function() {
431 |       window.location.href='/'
432 |     }
433 | 
434 |     $scope.goaccount = function() {
435 |       window.location.href='/account'
436 |     }
437 |   })
438 | 
439 | 
440 | })();
441 | 
442 | 
443 | 


--------------------------------------------------------------------------------
/express-angular/public/css/animate.css:
--------------------------------------------------------------------------------
   1 | @charset "UTF-8";
   2 | /*
   3 | Animate.css - http://daneden.me/animate
   4 | Licensed under the MIT license
   5 | 
   6 | Copyright (c) 2013 Daniel Eden
   7 | 
   8 | Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
   9 | 
  10 | The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
  11 | 
  12 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
  13 | */
  14 | body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
  15 | 	-webkit-backface-visibility: hidden;
  16 | }
  17 | .animated {
  18 | 	-webkit-animation-duration: 1s;
  19 | 	   -moz-animation-duration: 1s;
  20 | 	     -o-animation-duration: 1s;
  21 | 	        animation-duration: 1s;
  22 | 	-webkit-animation-fill-mode: both;
  23 | 	   -moz-animation-fill-mode: both;
  24 | 	     -o-animation-fill-mode: both;
  25 | 	        animation-fill-mode: both;
  26 | }
  27 | 
  28 | .animated.hinge {
  29 | 	-webkit-animation-duration: 2s;
  30 | 	   -moz-animation-duration: 2s;
  31 | 	     -o-animation-duration: 2s;
  32 | 	        animation-duration: 2s;
  33 | }
  34 | 
  35 | @-webkit-keyframes flash {
  36 | 	0%, 50%, 100% {opacity: 1;}
  37 | 	25%, 75% {opacity: 0;}
  38 | }
  39 | 
  40 | @-moz-keyframes flash {
  41 | 	0%, 50%, 100% {opacity: 1;}
  42 | 	25%, 75% {opacity: 0;}
  43 | }
  44 | 
  45 | @-o-keyframes flash {
  46 | 	0%, 50%, 100% {opacity: 1;}
  47 | 	25%, 75% {opacity: 0;}
  48 | }
  49 | 
  50 | @keyframes flash {
  51 | 	0%, 50%, 100% {opacity: 1;}
  52 | 	25%, 75% {opacity: 0;}
  53 | }
  54 | 
  55 | .animated.flash {
  56 | 	-webkit-animation-name: flash;
  57 | 	-moz-animation-name: flash;
  58 | 	-o-animation-name: flash;
  59 | 	animation-name: flash;
  60 | }
  61 | @-webkit-keyframes shake {
  62 | 	0%, 100% {-webkit-transform: translateX(0);}
  63 | 	10%, 30%, 50%, 70%, 90% {-webkit-transform: translateX(-10px);}
  64 | 	20%, 40%, 60%, 80% {-webkit-transform: translateX(10px);}
  65 | }
  66 | 
  67 | @-moz-keyframes shake {
  68 | 	0%, 100% {-moz-transform: translateX(0);}
  69 | 	10%, 30%, 50%, 70%, 90% {-moz-transform: translateX(-10px);}
  70 | 	20%, 40%, 60%, 80% {-moz-transform: translateX(10px);}
  71 | }
  72 | 
  73 | @-o-keyframes shake {
  74 | 	0%, 100% {-o-transform: translateX(0);}
  75 | 	10%, 30%, 50%, 70%, 90% {-o-transform: translateX(-10px);}
  76 | 	20%, 40%, 60%, 80% {-o-transform: translateX(10px);}
  77 | }
  78 | 
  79 | @keyframes shake {
  80 | 	0%, 100% {transform: translateX(0);}
  81 | 	10%, 30%, 50%, 70%, 90% {transform: translateX(-10px);}
  82 | 	20%, 40%, 60%, 80% {transform: translateX(10px);}
  83 | }
  84 | 
  85 | .animated.shake {
  86 | 	-webkit-animation-name: shake;
  87 | 	-moz-animation-name: shake;
  88 | 	-o-animation-name: shake;
  89 | 	animation-name: shake;
  90 | }
  91 | @-webkit-keyframes bounce {
  92 | 	0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);}
  93 | 	40% {-webkit-transform: translateY(-30px);}
  94 | 	60% {-webkit-transform: translateY(-15px);}
  95 | }
  96 | 
  97 | @-moz-keyframes bounce {
  98 | 	0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0);}
  99 | 	40% {-moz-transform: translateY(-30px);}
 100 | 	60% {-moz-transform: translateY(-15px);}
 101 | }
 102 | 
 103 | @-o-keyframes bounce {
 104 | 	0%, 20%, 50%, 80%, 100% {-o-transform: translateY(0);}
 105 | 	40% {-o-transform: translateY(-30px);}
 106 | 	60% {-o-transform: translateY(-15px);}
 107 | }
 108 | @keyframes bounce {
 109 | 	0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
 110 | 	40% {transform: translateY(-30px);}
 111 | 	60% {transform: translateY(-15px);}
 112 | }
 113 | 
 114 | .animated.bounce {
 115 | 	-webkit-animation-name: bounce;
 116 | 	-moz-animation-name: bounce;
 117 | 	-o-animation-name: bounce;
 118 | 	animation-name: bounce;
 119 | }
 120 | @-webkit-keyframes tada {
 121 | 	0% {-webkit-transform: scale(1);}
 122 | 	10%, 20% {-webkit-transform: scale(0.9) rotate(-3deg);}
 123 | 	30%, 50%, 70%, 90% {-webkit-transform: scale(1.1) rotate(3deg);}
 124 | 	40%, 60%, 80% {-webkit-transform: scale(1.1) rotate(-3deg);}
 125 | 	100% {-webkit-transform: scale(1) rotate(0);}
 126 | }
 127 | 
 128 | @-moz-keyframes tada {
 129 | 	0% {-moz-transform: scale(1);}
 130 | 	10%, 20% {-moz-transform: scale(0.9) rotate(-3deg);}
 131 | 	30%, 50%, 70%, 90% {-moz-transform: scale(1.1) rotate(3deg);}
 132 | 	40%, 60%, 80% {-moz-transform: scale(1.1) rotate(-3deg);}
 133 | 	100% {-moz-transform: scale(1) rotate(0);}
 134 | }
 135 | 
 136 | @-o-keyframes tada {
 137 | 	0% {-o-transform: scale(1);}
 138 | 	10%, 20% {-o-transform: scale(0.9) rotate(-3deg);}
 139 | 	30%, 50%, 70%, 90% {-o-transform: scale(1.1) rotate(3deg);}
 140 | 	40%, 60%, 80% {-o-transform: scale(1.1) rotate(-3deg);}
 141 | 	100% {-o-transform: scale(1) rotate(0);}
 142 | }
 143 | 
 144 | @keyframes tada {
 145 | 	0% {transform: scale(1);}
 146 | 	10%, 20% {transform: scale(0.9) rotate(-3deg);}
 147 | 	30%, 50%, 70%, 90% {transform: scale(1.1) rotate(3deg);}
 148 | 	40%, 60%, 80% {transform: scale(1.1) rotate(-3deg);}
 149 | 	100% {transform: scale(1) rotate(0);}
 150 | }
 151 | 
 152 | .animated.tada {
 153 | 	-webkit-animation-name: tada;
 154 | 	-moz-animation-name: tada;
 155 | 	-o-animation-name: tada;
 156 | 	animation-name: tada;
 157 | }
 158 | @-webkit-keyframes swing {
 159 | 	20%, 40%, 60%, 80%, 100% { -webkit-transform-origin: top center; }
 160 | 	20% { -webkit-transform: rotate(15deg); }
 161 | 	40% { -webkit-transform: rotate(-10deg); }
 162 | 	60% { -webkit-transform: rotate(5deg); }
 163 | 	80% { -webkit-transform: rotate(-5deg); }
 164 | 	100% { -webkit-transform: rotate(0deg); }
 165 | }
 166 | 
 167 | @-moz-keyframes swing {
 168 | 	20% { -moz-transform: rotate(15deg); }
 169 | 	40% { -moz-transform: rotate(-10deg); }
 170 | 	60% { -moz-transform: rotate(5deg); }
 171 | 	80% { -moz-transform: rotate(-5deg); }
 172 | 	100% { -moz-transform: rotate(0deg); }
 173 | }
 174 | 
 175 | @-o-keyframes swing {
 176 | 	20% { -o-transform: rotate(15deg); }
 177 | 	40% { -o-transform: rotate(-10deg); }
 178 | 	60% { -o-transform: rotate(5deg); }
 179 | 	80% { -o-transform: rotate(-5deg); }
 180 | 	100% { -o-transform: rotate(0deg); }
 181 | }
 182 | 
 183 | @keyframes swing {
 184 | 	20% { transform: rotate(15deg); }
 185 | 	40% { transform: rotate(-10deg); }
 186 | 	60% { transform: rotate(5deg); }
 187 | 	80% { transform: rotate(-5deg); }
 188 | 	100% { transform: rotate(0deg); }
 189 | }
 190 | 
 191 | .animated.swing {
 192 | 	-webkit-transform-origin: top center;
 193 | 	-moz-transform-origin: top center;
 194 | 	-o-transform-origin: top center;
 195 | 	transform-origin: top center;
 196 | 	-webkit-animation-name: swing;
 197 | 	-moz-animation-name: swing;
 198 | 	-o-animation-name: swing;
 199 | 	animation-name: swing;
 200 | }
 201 | /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
 202 | 
 203 | @-webkit-keyframes wobble {
 204 |   0% { -webkit-transform: translateX(0%); }
 205 |   15% { -webkit-transform: translateX(-25%) rotate(-5deg); }
 206 |   30% { -webkit-transform: translateX(20%) rotate(3deg); }
 207 |   45% { -webkit-transform: translateX(-15%) rotate(-3deg); }
 208 |   60% { -webkit-transform: translateX(10%) rotate(2deg); }
 209 |   75% { -webkit-transform: translateX(-5%) rotate(-1deg); }
 210 |   100% { -webkit-transform: translateX(0%); }
 211 | }
 212 | 
 213 | @-moz-keyframes wobble {
 214 |   0% { -moz-transform: translateX(0%); }
 215 |   15% { -moz-transform: translateX(-25%) rotate(-5deg); }
 216 |   30% { -moz-transform: translateX(20%) rotate(3deg); }
 217 |   45% { -moz-transform: translateX(-15%) rotate(-3deg); }
 218 |   60% { -moz-transform: translateX(10%) rotate(2deg); }
 219 |   75% { -moz-transform: translateX(-5%) rotate(-1deg); }
 220 |   100% { -moz-transform: translateX(0%); }
 221 | }
 222 | 
 223 | @-o-keyframes wobble {
 224 |   0% { -o-transform: translateX(0%); }
 225 |   15% { -o-transform: translateX(-25%) rotate(-5deg); }
 226 |   30% { -o-transform: translateX(20%) rotate(3deg); }
 227 |   45% { -o-transform: translateX(-15%) rotate(-3deg); }
 228 |   60% { -o-transform: translateX(10%) rotate(2deg); }
 229 |   75% { -o-transform: translateX(-5%) rotate(-1deg); }
 230 |   100% { -o-transform: translateX(0%); }
 231 | }
 232 | 
 233 | @keyframes wobble {
 234 |   0% { transform: translateX(0%); }
 235 |   15% { transform: translateX(-25%) rotate(-5deg); }
 236 |   30% { transform: translateX(20%) rotate(3deg); }
 237 |   45% { transform: translateX(-15%) rotate(-3deg); }
 238 |   60% { transform: translateX(10%) rotate(2deg); }
 239 |   75% { transform: translateX(-5%) rotate(-1deg); }
 240 |   100% { transform: translateX(0%); }
 241 | }
 242 | 
 243 | .animated.wobble {
 244 | 	-webkit-animation-name: wobble;
 245 | 	-moz-animation-name: wobble;
 246 | 	-o-animation-name: wobble;
 247 | 	animation-name: wobble;
 248 | }
 249 | /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
 250 | 
 251 | @-webkit-keyframes pulse {
 252 |     0% { -webkit-transform: scale(1); }
 253 | 	50% { -webkit-transform: scale(1.1); }
 254 |     100% { -webkit-transform: scale(1); }
 255 | }
 256 | @-moz-keyframes pulse {
 257 |     0% { -moz-transform: scale(1); }
 258 | 	50% { -moz-transform: scale(1.1); }
 259 |     100% { -moz-transform: scale(1); }
 260 | }
 261 | @-o-keyframes pulse {
 262 |     0% { -o-transform: scale(1); }
 263 | 	50% { -o-transform: scale(1.1); }
 264 |     100% { -o-transform: scale(1); }
 265 | }
 266 | @keyframes pulse {
 267 |     0% { transform: scale(1); }
 268 | 	50% { transform: scale(1.1); }
 269 |     100% { transform: scale(1); }
 270 | }
 271 | 
 272 | .animated.pulse {
 273 | 	-webkit-animation-name: pulse;
 274 | 	-moz-animation-name: pulse;
 275 | 	-o-animation-name: pulse;
 276 | 	animation-name: pulse;
 277 | }
 278 | @-webkit-keyframes flip {
 279 | 	0% {
 280 | 		-webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
 281 | 		-webkit-animation-timing-function: ease-out;
 282 | 	}
 283 | 	40% {
 284 | 		-webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
 285 | 		-webkit-animation-timing-function: ease-out;
 286 | 	}
 287 | 	50% {
 288 | 		-webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
 289 | 		-webkit-animation-timing-function: ease-in;
 290 | 	}
 291 | 	80% {
 292 | 		-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
 293 | 		-webkit-animation-timing-function: ease-in;
 294 | 	}
 295 | 	100% {
 296 | 		-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
 297 | 		-webkit-animation-timing-function: ease-in;
 298 | 	}
 299 | }
 300 | @-moz-keyframes flip {
 301 | 	0% {
 302 | 		-moz-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
 303 | 		-moz-animation-timing-function: ease-out;
 304 | 	}
 305 | 	40% {
 306 | 		-moz-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
 307 | 		-moz-animation-timing-function: ease-out;
 308 | 	}
 309 | 	50% {
 310 | 		-moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
 311 | 		-moz-animation-timing-function: ease-in;
 312 | 	}
 313 | 	80% {
 314 | 		-moz-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
 315 | 		-moz-animation-timing-function: ease-in;
 316 | 	}
 317 | 	100% {
 318 | 		-moz-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
 319 | 		-moz-animation-timing-function: ease-in;
 320 | 	}
 321 | }
 322 | @-o-keyframes flip {
 323 | 	0% {
 324 | 		-o-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
 325 | 		-o-animation-timing-function: ease-out;
 326 | 	}
 327 | 	40% {
 328 | 		-o-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
 329 | 		-o-animation-timing-function: ease-out;
 330 | 	}
 331 | 	50% {
 332 | 		-o-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
 333 | 		-o-animation-timing-function: ease-in;
 334 | 	}
 335 | 	80% {
 336 | 		-o-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
 337 | 		-o-animation-timing-function: ease-in;
 338 | 	}
 339 | 	100% {
 340 | 		-o-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
 341 | 		-o-animation-timing-function: ease-in;
 342 | 	}
 343 | }
 344 | @keyframes flip {
 345 | 	0% {
 346 | 		transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
 347 | 		animation-timing-function: ease-out;
 348 | 	}
 349 | 	40% {
 350 | 		transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
 351 | 		animation-timing-function: ease-out;
 352 | 	}
 353 | 	50% {
 354 | 		transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
 355 | 		animation-timing-function: ease-in;
 356 | 	}
 357 | 	80% {
 358 | 		transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
 359 | 		animation-timing-function: ease-in;
 360 | 	}
 361 | 	100% {
 362 | 		transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
 363 | 		animation-timing-function: ease-in;
 364 | 	}
 365 | }
 366 | 
 367 | .animated.flip {
 368 | 	-webkit-backface-visibility: visible !important;
 369 | 	-webkit-animation-name: flip;
 370 | 	-moz-backface-visibility: visible !important;
 371 | 	-moz-animation-name: flip;
 372 | 	-o-backface-visibility: visible !important;
 373 | 	-o-animation-name: flip;
 374 | 	backface-visibility: visible !important;
 375 | 	animation-name: flip;
 376 | }
 377 | @-webkit-keyframes flipInX {
 378 |     0% {
 379 |         -webkit-transform: perspective(400px) rotateX(90deg);
 380 |         opacity: 0;
 381 |     }
 382 | 
 383 |     40% {
 384 |         -webkit-transform: perspective(400px) rotateX(-10deg);
 385 |     }
 386 | 
 387 |     70% {
 388 |         -webkit-transform: perspective(400px) rotateX(10deg);
 389 |     }
 390 | 
 391 |     100% {
 392 |         -webkit-transform: perspective(400px) rotateX(0deg);
 393 |         opacity: 1;
 394 |     }
 395 | }
 396 | @-moz-keyframes flipInX {
 397 |     0% {
 398 |         -moz-transform: perspective(400px) rotateX(90deg);
 399 |         opacity: 0;
 400 |     }
 401 | 
 402 |     40% {
 403 |         -moz-transform: perspective(400px) rotateX(-10deg);
 404 |     }
 405 | 
 406 |     70% {
 407 |         -moz-transform: perspective(400px) rotateX(10deg);
 408 |     }
 409 | 
 410 |     100% {
 411 |         -moz-transform: perspective(400px) rotateX(0deg);
 412 |         opacity: 1;
 413 |     }
 414 | }
 415 | @-o-keyframes flipInX {
 416 |     0% {
 417 |         -o-transform: perspective(400px) rotateX(90deg);
 418 |         opacity: 0;
 419 |     }
 420 | 
 421 |     40% {
 422 |         -o-transform: perspective(400px) rotateX(-10deg);
 423 |     }
 424 | 
 425 |     70% {
 426 |         -o-transform: perspective(400px) rotateX(10deg);
 427 |     }
 428 | 
 429 |     100% {
 430 |         -o-transform: perspective(400px) rotateX(0deg);
 431 |         opacity: 1;
 432 |     }
 433 | }
 434 | @keyframes flipInX {
 435 |     0% {
 436 |         transform: perspective(400px) rotateX(90deg);
 437 |         opacity: 0;
 438 |     }
 439 | 
 440 |     40% {
 441 |         transform: perspective(400px) rotateX(-10deg);
 442 |     }
 443 | 
 444 |     70% {
 445 |         transform: perspective(400px) rotateX(10deg);
 446 |     }
 447 | 
 448 |     100% {
 449 |         transform: perspective(400px) rotateX(0deg);
 450 |         opacity: 1;
 451 |     }
 452 | }
 453 | 
 454 | .animated.flipInX {
 455 | 	-webkit-backface-visibility: visible !important;
 456 | 	-webkit-animation-name: flipInX;
 457 | 	-moz-backface-visibility: visible !important;
 458 | 	-moz-animation-name: flipInX;
 459 | 	-o-backface-visibility: visible !important;
 460 | 	-o-animation-name: flipInX;
 461 | 	backface-visibility: visible !important;
 462 | 	animation-name: flipInX;
 463 | }
 464 | @-webkit-keyframes flipOutX {
 465 |     0% {
 466 |         -webkit-transform: perspective(400px) rotateX(0deg);
 467 |         opacity: 1;
 468 |     }
 469 | 	100% {
 470 |         -webkit-transform: perspective(400px) rotateX(90deg);
 471 |         opacity: 0;
 472 |     }
 473 | }
 474 | 
 475 | @-moz-keyframes flipOutX {
 476 |     0% {
 477 |         -moz-transform: perspective(400px) rotateX(0deg);
 478 |         opacity: 1;
 479 |     }
 480 | 	100% {
 481 |         -moz-transform: perspective(400px) rotateX(90deg);
 482 |         opacity: 0;
 483 |     }
 484 | }
 485 | 
 486 | @-o-keyframes flipOutX {
 487 |     0% {
 488 |         -o-transform: perspective(400px) rotateX(0deg);
 489 |         opacity: 1;
 490 |     }
 491 | 	100% {
 492 |         -o-transform: perspective(400px) rotateX(90deg);
 493 |         opacity: 0;
 494 |     }
 495 | }
 496 | 
 497 | @keyframes flipOutX {
 498 |     0% {
 499 |         transform: perspective(400px) rotateX(0deg);
 500 |         opacity: 1;
 501 |     }
 502 | 	100% {
 503 |         transform: perspective(400px) rotateX(90deg);
 504 |         opacity: 0;
 505 |     }
 506 | }
 507 | 
 508 | .animated.flipOutX {
 509 | 	-webkit-animation-name: flipOutX;
 510 | 	-webkit-backface-visibility: visible !important;
 511 | 	-moz-animation-name: flipOutX;
 512 | 	-moz-backface-visibility: visible !important;
 513 | 	-o-animation-name: flipOutX;
 514 | 	-o-backface-visibility: visible !important;
 515 | 	animation-name: flipOutX;
 516 | 	backface-visibility: visible !important;
 517 | }
 518 | @-webkit-keyframes flipInY {
 519 |     0% {
 520 |         -webkit-transform: perspective(400px) rotateY(90deg);
 521 |         opacity: 0;
 522 |     }
 523 | 
 524 |     40% {
 525 |         -webkit-transform: perspective(400px) rotateY(-10deg);
 526 |     }
 527 | 
 528 |     70% {
 529 |         -webkit-transform: perspective(400px) rotateY(10deg);
 530 |     }
 531 | 
 532 |     100% {
 533 |         -webkit-transform: perspective(400px) rotateY(0deg);
 534 |         opacity: 1;
 535 |     }
 536 | }
 537 | @-moz-keyframes flipInY {
 538 |     0% {
 539 |         -moz-transform: perspective(400px) rotateY(90deg);
 540 |         opacity: 0;
 541 |     }
 542 | 
 543 |     40% {
 544 |         -moz-transform: perspective(400px) rotateY(-10deg);
 545 |     }
 546 | 
 547 |     70% {
 548 |         -moz-transform: perspective(400px) rotateY(10deg);
 549 |     }
 550 | 
 551 |     100% {
 552 |         -moz-transform: perspective(400px) rotateY(0deg);
 553 |         opacity: 1;
 554 |     }
 555 | }
 556 | @-o-keyframes flipInY {
 557 |     0% {
 558 |         -o-transform: perspective(400px) rotateY(90deg);
 559 |         opacity: 0;
 560 |     }
 561 | 
 562 |     40% {
 563 |         -o-transform: perspective(400px) rotateY(-10deg);
 564 |     }
 565 | 
 566 |     70% {
 567 |         -o-transform: perspective(400px) rotateY(10deg);
 568 |     }
 569 | 
 570 |     100% {
 571 |         -o-transform: perspective(400px) rotateY(0deg);
 572 |         opacity: 1;
 573 |     }
 574 | }
 575 | @keyframes flipInY {
 576 |     0% {
 577 |         transform: perspective(400px) rotateY(90deg);
 578 |         opacity: 0;
 579 |     }
 580 | 
 581 |     40% {
 582 |         transform: perspective(400px) rotateY(-10deg);
 583 |     }
 584 | 
 585 |     70% {
 586 |         transform: perspective(400px) rotateY(10deg);
 587 |     }
 588 | 
 589 |     100% {
 590 |         transform: perspective(400px) rotateY(0deg);
 591 |         opacity: 1;
 592 |     }
 593 | }
 594 | 
 595 | .animated.flipInY {
 596 | 	-webkit-backface-visibility: visible !important;
 597 | 	-webkit-animation-name: flipInY;
 598 | 	-moz-backface-visibility: visible !important;
 599 | 	-moz-animation-name: flipInY;
 600 | 	-o-backface-visibility: visible !important;
 601 | 	-o-animation-name: flipInY;
 602 | 	backface-visibility: visible !important;
 603 | 	animation-name: flipInY;
 604 | }
 605 | @-webkit-keyframes flipOutY {
 606 |     0% {
 607 |         -webkit-transform: perspective(400px) rotateY(0deg);
 608 |         opacity: 1;
 609 |     }
 610 | 	100% {
 611 |         -webkit-transform: perspective(400px) rotateY(90deg);
 612 |         opacity: 0;
 613 |     }
 614 | }
 615 | @-moz-keyframes flipOutY {
 616 |     0% {
 617 |         -moz-transform: perspective(400px) rotateY(0deg);
 618 |         opacity: 1;
 619 |     }
 620 | 	100% {
 621 |         -moz-transform: perspective(400px) rotateY(90deg);
 622 |         opacity: 0;
 623 |     }
 624 | }
 625 | @-o-keyframes flipOutY {
 626 |     0% {
 627 |         -o-transform: perspective(400px) rotateY(0deg);
 628 |         opacity: 1;
 629 |     }
 630 | 	100% {
 631 |         -o-transform: perspective(400px) rotateY(90deg);
 632 |         opacity: 0;
 633 |     }
 634 | }
 635 | @keyframes flipOutY {
 636 |     0% {
 637 |         transform: perspective(400px) rotateY(0deg);
 638 |         opacity: 1;
 639 |     }
 640 | 	100% {
 641 |         transform: perspective(400px) rotateY(90deg);
 642 |         opacity: 0;
 643 |     }
 644 | }
 645 | 
 646 | .animated.flipOutY {
 647 | 	-webkit-backface-visibility: visible !important;
 648 | 	-webkit-animation-name: flipOutY;
 649 | 	-moz-backface-visibility: visible !important;
 650 | 	-moz-animation-name: flipOutY;
 651 | 	-o-backface-visibility: visible !important;
 652 | 	-o-animation-name: flipOutY;
 653 | 	backface-visibility: visible !important;
 654 | 	animation-name: flipOutY;
 655 | }
 656 | @-webkit-keyframes fadeIn {
 657 | 	0% {opacity: 0;}
 658 | 	100% {opacity: 1;}
 659 | }
 660 | 
 661 | @-moz-keyframes fadeIn {
 662 | 	0% {opacity: 0;}
 663 | 	100% {opacity: 1;}
 664 | }
 665 | 
 666 | @-o-keyframes fadeIn {
 667 | 	0% {opacity: 0;}
 668 | 	100% {opacity: 1;}
 669 | }
 670 | 
 671 | @keyframes fadeIn {
 672 | 	0% {opacity: 0;}
 673 | 	100% {opacity: 1;}
 674 | }
 675 | 
 676 | .animated.fadeIn {
 677 | 	-webkit-animation-name: fadeIn;
 678 | 	-moz-animation-name: fadeIn;
 679 | 	-o-animation-name: fadeIn;
 680 | 	animation-name: fadeIn;
 681 | }
 682 | @-webkit-keyframes fadeInUp {
 683 | 	0% {
 684 | 		opacity: 0;
 685 | 		-webkit-transform: translateY(20px);
 686 | 	}
 687 | 
 688 | 	100% {
 689 | 		opacity: 1;
 690 | 		-webkit-transform: translateY(0);
 691 | 	}
 692 | }
 693 | 
 694 | @-moz-keyframes fadeInUp {
 695 | 	0% {
 696 | 		opacity: 0;
 697 | 		-moz-transform: translateY(20px);
 698 | 	}
 699 | 
 700 | 	100% {
 701 | 		opacity: 1;
 702 | 		-moz-transform: translateY(0);
 703 | 	}
 704 | }
 705 | 
 706 | @-o-keyframes fadeInUp {
 707 | 	0% {
 708 | 		opacity: 0;
 709 | 		-o-transform: translateY(20px);
 710 | 	}
 711 | 
 712 | 	100% {
 713 | 		opacity: 1;
 714 | 		-o-transform: translateY(0);
 715 | 	}
 716 | }
 717 | 
 718 | @keyframes fadeInUp {
 719 | 	0% {
 720 | 		opacity: 0;
 721 | 		transform: translateY(20px);
 722 | 	}
 723 | 
 724 | 	100% {
 725 | 		opacity: 1;
 726 | 		transform: translateY(0);
 727 | 	}
 728 | }
 729 | 
 730 | .animated.fadeInUp {
 731 | 	-webkit-animation-name: fadeInUp;
 732 | 	-moz-animation-name: fadeInUp;
 733 | 	-o-animation-name: fadeInUp;
 734 | 	animation-name: fadeInUp;
 735 | }
 736 | @-webkit-keyframes fadeInDown {
 737 | 	0% {
 738 | 		opacity: 0;
 739 | 		-webkit-transform: translateY(-20px);
 740 | 	}
 741 | 
 742 | 	100% {
 743 | 		opacity: 1;
 744 | 		-webkit-transform: translateY(0);
 745 | 	}
 746 | }
 747 | 
 748 | @-moz-keyframes fadeInDown {
 749 | 	0% {
 750 | 		opacity: 0;
 751 | 		-moz-transform: translateY(-20px);
 752 | 	}
 753 | 
 754 | 	100% {
 755 | 		opacity: 1;
 756 | 		-moz-transform: translateY(0);
 757 | 	}
 758 | }
 759 | 
 760 | @-o-keyframes fadeInDown {
 761 | 	0% {
 762 | 		opacity: 0;
 763 | 		-o-transform: translateY(-20px);
 764 | 	}
 765 | 
 766 | 	100% {
 767 | 		opacity: 1;
 768 | 		-o-transform: translateY(0);
 769 | 	}
 770 | }
 771 | 
 772 | @keyframes fadeInDown {
 773 | 	0% {
 774 | 		opacity: 0;
 775 | 		transform: translateY(-20px);
 776 | 	}
 777 | 
 778 | 	100% {
 779 | 		opacity: 1;
 780 | 		transform: translateY(0);
 781 | 	}
 782 | }
 783 | 
 784 | .animated.fadeInDown {
 785 | 	-webkit-animation-name: fadeInDown;
 786 | 	-moz-animation-name: fadeInDown;
 787 | 	-o-animation-name: fadeInDown;
 788 | 	animation-name: fadeInDown;
 789 | }
 790 | @-webkit-keyframes fadeInLeft {
 791 | 	0% {
 792 | 		opacity: 0;
 793 | 		-webkit-transform: translateX(-20px);
 794 | 	}
 795 | 
 796 | 	100% {
 797 | 		opacity: 1;
 798 | 		-webkit-transform: translateX(0);
 799 | 	}
 800 | }
 801 | 
 802 | @-moz-keyframes fadeInLeft {
 803 | 	0% {
 804 | 		opacity: 0;
 805 | 		-moz-transform: translateX(-20px);
 806 | 	}
 807 | 
 808 | 	100% {
 809 | 		opacity: 1;
 810 | 		-moz-transform: translateX(0);
 811 | 	}
 812 | }
 813 | 
 814 | @-o-keyframes fadeInLeft {
 815 | 	0% {
 816 | 		opacity: 0;
 817 | 		-o-transform: translateX(-20px);
 818 | 	}
 819 | 
 820 | 	100% {
 821 | 		opacity: 1;
 822 | 		-o-transform: translateX(0);
 823 | 	}
 824 | }
 825 | 
 826 | @keyframes fadeInLeft {
 827 | 	0% {
 828 | 		opacity: 0;
 829 | 		transform: translateX(-20px);
 830 | 	}
 831 | 
 832 | 	100% {
 833 | 		opacity: 1;
 834 | 		transform: translateX(0);
 835 | 	}
 836 | }
 837 | 
 838 | .animated.fadeInLeft {
 839 | 	-webkit-animation-name: fadeInLeft;
 840 | 	-moz-animation-name: fadeInLeft;
 841 | 	-o-animation-name: fadeInLeft;
 842 | 	animation-name: fadeInLeft;
 843 | }
 844 | @-webkit-keyframes fadeInRight {
 845 | 	0% {
 846 | 		opacity: 0;
 847 | 		-webkit-transform: translateX(20px);
 848 | 	}
 849 | 
 850 | 	100% {
 851 | 		opacity: 1;
 852 | 		-webkit-transform: translateX(0);
 853 | 	}
 854 | }
 855 | 
 856 | @-moz-keyframes fadeInRight {
 857 | 	0% {
 858 | 		opacity: 0;
 859 | 		-moz-transform: translateX(20px);
 860 | 	}
 861 | 
 862 | 	100% {
 863 | 		opacity: 1;
 864 | 		-moz-transform: translateX(0);
 865 | 	}
 866 | }
 867 | 
 868 | @-o-keyframes fadeInRight {
 869 | 	0% {
 870 | 		opacity: 0;
 871 | 		-o-transform: translateX(20px);
 872 | 	}
 873 | 
 874 | 	100% {
 875 | 		opacity: 1;
 876 | 		-o-transform: translateX(0);
 877 | 	}
 878 | }
 879 | 
 880 | @keyframes fadeInRight {
 881 | 	0% {
 882 | 		opacity: 0;
 883 | 		transform: translateX(20px);
 884 | 	}
 885 | 
 886 | 	100% {
 887 | 		opacity: 1;
 888 | 		transform: translateX(0);
 889 | 	}
 890 | }
 891 | 
 892 | .animated.fadeInRight {
 893 | 	-webkit-animation-name: fadeInRight;
 894 | 	-moz-animation-name: fadeInRight;
 895 | 	-o-animation-name: fadeInRight;
 896 | 	animation-name: fadeInRight;
 897 | }
 898 | @-webkit-keyframes fadeInUpBig {
 899 | 	0% {
 900 | 		opacity: 0;
 901 | 		-webkit-transform: translateY(2000px);
 902 | 	}
 903 | 
 904 | 	100% {
 905 | 		opacity: 1;
 906 | 		-webkit-transform: translateY(0);
 907 | 	}
 908 | }
 909 | 
 910 | @-moz-keyframes fadeInUpBig {
 911 | 	0% {
 912 | 		opacity: 0;
 913 | 		-moz-transform: translateY(2000px);
 914 | 	}
 915 | 
 916 | 	100% {
 917 | 		opacity: 1;
 918 | 		-moz-transform: translateY(0);
 919 | 	}
 920 | }
 921 | 
 922 | @-o-keyframes fadeInUpBig {
 923 | 	0% {
 924 | 		opacity: 0;
 925 | 		-o-transform: translateY(2000px);
 926 | 	}
 927 | 
 928 | 	100% {
 929 | 		opacity: 1;
 930 | 		-o-transform: translateY(0);
 931 | 	}
 932 | }
 933 | 
 934 | @keyframes fadeInUpBig {
 935 | 	0% {
 936 | 		opacity: 0;
 937 | 		transform: translateY(2000px);
 938 | 	}
 939 | 
 940 | 	100% {
 941 | 		opacity: 1;
 942 | 		transform: translateY(0);
 943 | 	}
 944 | }
 945 | 
 946 | .animated.fadeInUpBig {
 947 | 	-webkit-animation-name: fadeInUpBig;
 948 | 	-moz-animation-name: fadeInUpBig;
 949 | 	-o-animation-name: fadeInUpBig;
 950 | 	animation-name: fadeInUpBig;
 951 | }
 952 | @-webkit-keyframes fadeInDownBig {
 953 | 	0% {
 954 | 		opacity: 0;
 955 | 		-webkit-transform: translateY(-2000px);
 956 | 	}
 957 | 
 958 | 	100% {
 959 | 		opacity: 1;
 960 | 		-webkit-transform: translateY(0);
 961 | 	}
 962 | }
 963 | 
 964 | @-moz-keyframes fadeInDownBig {
 965 | 	0% {
 966 | 		opacity: 0;
 967 | 		-moz-transform: translateY(-2000px);
 968 | 	}
 969 | 
 970 | 	100% {
 971 | 		opacity: 1;
 972 | 		-moz-transform: translateY(0);
 973 | 	}
 974 | }
 975 | 
 976 | @-o-keyframes fadeInDownBig {
 977 | 	0% {
 978 | 		opacity: 0;
 979 | 		-o-transform: translateY(-2000px);
 980 | 	}
 981 | 
 982 | 	100% {
 983 | 		opacity: 1;
 984 | 		-o-transform: translateY(0);
 985 | 	}
 986 | }
 987 | 
 988 | @keyframes fadeInDownBig {
 989 | 	0% {
 990 | 		opacity: 0;
 991 | 		transform: translateY(-2000px);
 992 | 	}
 993 | 
 994 | 	100% {
 995 | 		opacity: 1;
 996 | 		transform: translateY(0);
 997 | 	}
 998 | }
 999 | 
1000 | .animated.fadeInDownBig {
1001 | 	-webkit-animation-name: fadeInDownBig;
1002 | 	-moz-animation-name: fadeInDownBig;
1003 | 	-o-animation-name: fadeInDownBig;
1004 | 	animation-name: fadeInDownBig;
1005 | }
1006 | @-webkit-keyframes fadeInLeftBig {
1007 | 	0% {
1008 | 		opacity: 0;
1009 | 		-webkit-transform: translateX(-2000px);
1010 | 	}
1011 | 
1012 | 	100% {
1013 | 		opacity: 1;
1014 | 		-webkit-transform: translateX(0);
1015 | 	}
1016 | }
1017 | @-moz-keyframes fadeInLeftBig {
1018 | 	0% {
1019 | 		opacity: 0;
1020 | 		-moz-transform: translateX(-2000px);
1021 | 	}
1022 | 
1023 | 	100% {
1024 | 		opacity: 1;
1025 | 		-moz-transform: translateX(0);
1026 | 	}
1027 | }
1028 | @-o-keyframes fadeInLeftBig {
1029 | 	0% {
1030 | 		opacity: 0;
1031 | 		-o-transform: translateX(-2000px);
1032 | 	}
1033 | 
1034 | 	100% {
1035 | 		opacity: 1;
1036 | 		-o-transform: translateX(0);
1037 | 	}
1038 | }
1039 | @keyframes fadeInLeftBig {
1040 | 	0% {
1041 | 		opacity: 0;
1042 | 		transform: translateX(-2000px);
1043 | 	}
1044 | 
1045 | 	100% {
1046 | 		opacity: 1;
1047 | 		transform: translateX(0);
1048 | 	}
1049 | }
1050 | 
1051 | .animated.fadeInLeftBig {
1052 | 	-webkit-animation-name: fadeInLeftBig;
1053 | 	-moz-animation-name: fadeInLeftBig;
1054 | 	-o-animation-name: fadeInLeftBig;
1055 | 	animation-name: fadeInLeftBig;
1056 | }
1057 | @-webkit-keyframes fadeInRightBig {
1058 | 	0% {
1059 | 		opacity: 0;
1060 | 		-webkit-transform: translateX(2000px);
1061 | 	}
1062 | 
1063 | 	100% {
1064 | 		opacity: 1;
1065 | 		-webkit-transform: translateX(0);
1066 | 	}
1067 | }
1068 | 
1069 | @-moz-keyframes fadeInRightBig {
1070 | 	0% {
1071 | 		opacity: 0;
1072 | 		-moz-transform: translateX(2000px);
1073 | 	}
1074 | 
1075 | 	100% {
1076 | 		opacity: 1;
1077 | 		-moz-transform: translateX(0);
1078 | 	}
1079 | }
1080 | 
1081 | @-o-keyframes fadeInRightBig {
1082 | 	0% {
1083 | 		opacity: 0;
1084 | 		-o-transform: translateX(2000px);
1085 | 	}
1086 | 
1087 | 	100% {
1088 | 		opacity: 1;
1089 | 		-o-transform: translateX(0);
1090 | 	}
1091 | }
1092 | 
1093 | @keyframes fadeInRightBig {
1094 | 	0% {
1095 | 		opacity: 0;
1096 | 		transform: translateX(2000px);
1097 | 	}
1098 | 
1099 | 	100% {
1100 | 		opacity: 1;
1101 | 		transform: translateX(0);
1102 | 	}
1103 | }
1104 | 
1105 | .animated.fadeInRightBig {
1106 | 	-webkit-animation-name: fadeInRightBig;
1107 | 	-moz-animation-name: fadeInRightBig;
1108 | 	-o-animation-name: fadeInRightBig;
1109 | 	animation-name: fadeInRightBig;
1110 | }
1111 | @-webkit-keyframes fadeOut {
1112 | 	0% {opacity: 1;}
1113 | 	100% {opacity: 0;}
1114 | }
1115 | 
1116 | @-moz-keyframes fadeOut {
1117 | 	0% {opacity: 1;}
1118 | 	100% {opacity: 0;}
1119 | }
1120 | 
1121 | @-o-keyframes fadeOut {
1122 | 	0% {opacity: 1;}
1123 | 	100% {opacity: 0;}
1124 | }
1125 | 
1126 | @keyframes fadeOut {
1127 | 	0% {opacity: 1;}
1128 | 	100% {opacity: 0;}
1129 | }
1130 | 
1131 | .animated.fadeOut {
1132 | 	-webkit-animation-name: fadeOut;
1133 | 	-moz-animation-name: fadeOut;
1134 | 	-o-animation-name: fadeOut;
1135 | 	animation-name: fadeOut;
1136 | }
1137 | @-webkit-keyframes fadeOutUp {
1138 | 	0% {
1139 | 		opacity: 1;
1140 | 		-webkit-transform: translateY(0);
1141 | 	}
1142 | 
1143 | 	100% {
1144 | 		opacity: 0;
1145 | 		-webkit-transform: translateY(-20px);
1146 | 	}
1147 | }
1148 | @-moz-keyframes fadeOutUp {
1149 | 	0% {
1150 | 		opacity: 1;
1151 | 		-moz-transform: translateY(0);
1152 | 	}
1153 | 
1154 | 	100% {
1155 | 		opacity: 0;
1156 | 		-moz-transform: translateY(-20px);
1157 | 	}
1158 | }
1159 | @-o-keyframes fadeOutUp {
1160 | 	0% {
1161 | 		opacity: 1;
1162 | 		-o-transform: translateY(0);
1163 | 	}
1164 | 
1165 | 	100% {
1166 | 		opacity: 0;
1167 | 		-o-transform: translateY(-20px);
1168 | 	}
1169 | }
1170 | @keyframes fadeOutUp {
1171 | 	0% {
1172 | 		opacity: 1;
1173 | 		transform: translateY(0);
1174 | 	}
1175 | 
1176 | 	100% {
1177 | 		opacity: 0;
1178 | 		transform: translateY(-20px);
1179 | 	}
1180 | }
1181 | 
1182 | .animated.fadeOutUp {
1183 | 	-webkit-animation-name: fadeOutUp;
1184 | 	-moz-animation-name: fadeOutUp;
1185 | 	-o-animation-name: fadeOutUp;
1186 | 	animation-name: fadeOutUp;
1187 | }
1188 | @-webkit-keyframes fadeOutDown {
1189 | 	0% {
1190 | 		opacity: 1;
1191 | 		-webkit-transform: translateY(0);
1192 | 	}
1193 | 
1194 | 	100% {
1195 | 		opacity: 0;
1196 | 		-webkit-transform: translateY(20px);
1197 | 	}
1198 | }
1199 | 
1200 | @-moz-keyframes fadeOutDown {
1201 | 	0% {
1202 | 		opacity: 1;
1203 | 		-moz-transform: translateY(0);
1204 | 	}
1205 | 
1206 | 	100% {
1207 | 		opacity: 0;
1208 | 		-moz-transform: translateY(20px);
1209 | 	}
1210 | }
1211 | 
1212 | @-o-keyframes fadeOutDown {
1213 | 	0% {
1214 | 		opacity: 1;
1215 | 		-o-transform: translateY(0);
1216 | 	}
1217 | 
1218 | 	100% {
1219 | 		opacity: 0;
1220 | 		-o-transform: translateY(20px);
1221 | 	}
1222 | }
1223 | 
1224 | @keyframes fadeOutDown {
1225 | 	0% {
1226 | 		opacity: 1;
1227 | 		transform: translateY(0);
1228 | 	}
1229 | 
1230 | 	100% {
1231 | 		opacity: 0;
1232 | 		transform: translateY(20px);
1233 | 	}
1234 | }
1235 | 
1236 | .animated.fadeOutDown {
1237 | 	-webkit-animation-name: fadeOutDown;
1238 | 	-moz-animation-name: fadeOutDown;
1239 | 	-o-animation-name: fadeOutDown;
1240 | 	animation-name: fadeOutDown;
1241 | }
1242 | @-webkit-keyframes fadeOutLeft {
1243 | 	0% {
1244 | 		opacity: 1;
1245 | 		-webkit-transform: translateX(0);
1246 | 	}
1247 | 
1248 | 	100% {
1249 | 		opacity: 0;
1250 | 		-webkit-transform: translateX(-20px);
1251 | 	}
1252 | }
1253 | 
1254 | @-moz-keyframes fadeOutLeft {
1255 | 	0% {
1256 | 		opacity: 1;
1257 | 		-moz-transform: translateX(0);
1258 | 	}
1259 | 
1260 | 	100% {
1261 | 		opacity: 0;
1262 | 		-moz-transform: translateX(-20px);
1263 | 	}
1264 | }
1265 | 
1266 | @-o-keyframes fadeOutLeft {
1267 | 	0% {
1268 | 		opacity: 1;
1269 | 		-o-transform: translateX(0);
1270 | 	}
1271 | 
1272 | 	100% {
1273 | 		opacity: 0;
1274 | 		-o-transform: translateX(-20px);
1275 | 	}
1276 | }
1277 | 
1278 | @keyframes fadeOutLeft {
1279 | 	0% {
1280 | 		opacity: 1;
1281 | 		transform: translateX(0);
1282 | 	}
1283 | 
1284 | 	100% {
1285 | 		opacity: 0;
1286 | 		transform: translateX(-20px);
1287 | 	}
1288 | }
1289 | 
1290 | .animated.fadeOutLeft {
1291 | 	-webkit-animation-name: fadeOutLeft;
1292 | 	-moz-animation-name: fadeOutLeft;
1293 | 	-o-animation-name: fadeOutLeft;
1294 | 	animation-name: fadeOutLeft;
1295 | }
1296 | @-webkit-keyframes fadeOutRight {
1297 | 	0% {
1298 | 		opacity: 1;
1299 | 		-webkit-transform: translateX(0);
1300 | 	}
1301 | 
1302 | 	100% {
1303 | 		opacity: 0;
1304 | 		-webkit-transform: translateX(20px);
1305 | 	}
1306 | }
1307 | 
1308 | @-moz-keyframes fadeOutRight {
1309 | 	0% {
1310 | 		opacity: 1;
1311 | 		-moz-transform: translateX(0);
1312 | 	}
1313 | 
1314 | 	100% {
1315 | 		opacity: 0;
1316 | 		-moz-transform: translateX(20px);
1317 | 	}
1318 | }
1319 | 
1320 | @-o-keyframes fadeOutRight {
1321 | 	0% {
1322 | 		opacity: 1;
1323 | 		-o-transform: translateX(0);
1324 | 	}
1325 | 
1326 | 	100% {
1327 | 		opacity: 0;
1328 | 		-o-transform: translateX(20px);
1329 | 	}
1330 | }
1331 | 
1332 | @keyframes fadeOutRight {
1333 | 	0% {
1334 | 		opacity: 1;
1335 | 		transform: translateX(0);
1336 | 	}
1337 | 
1338 | 	100% {
1339 | 		opacity: 0;
1340 | 		transform: translateX(20px);
1341 | 	}
1342 | }
1343 | 
1344 | .animated.fadeOutRight {
1345 | 	-webkit-animation-name: fadeOutRight;
1346 | 	-moz-animation-name: fadeOutRight;
1347 | 	-o-animation-name: fadeOutRight;
1348 | 	animation-name: fadeOutRight;
1349 | }
1350 | @-webkit-keyframes fadeOutUpBig {
1351 | 	0% {
1352 | 		opacity: 1;
1353 | 		-webkit-transform: translateY(0);
1354 | 	}
1355 | 
1356 | 	100% {
1357 | 		opacity: 0;
1358 | 		-webkit-transform: translateY(-2000px);
1359 | 	}
1360 | }
1361 | 
1362 | @-moz-keyframes fadeOutUpBig {
1363 | 	0% {
1364 | 		opacity: 1;
1365 | 		-moz-transform: translateY(0);
1366 | 	}
1367 | 
1368 | 	100% {
1369 | 		opacity: 0;
1370 | 		-moz-transform: translateY(-2000px);
1371 | 	}
1372 | }
1373 | 
1374 | @-o-keyframes fadeOutUpBig {
1375 | 	0% {
1376 | 		opacity: 1;
1377 | 		-o-transform: translateY(0);
1378 | 	}
1379 | 
1380 | 	100% {
1381 | 		opacity: 0;
1382 | 		-o-transform: translateY(-2000px);
1383 | 	}
1384 | }
1385 | 
1386 | @keyframes fadeOutUpBig {
1387 | 	0% {
1388 | 		opacity: 1;
1389 | 		transform: translateY(0);
1390 | 	}
1391 | 
1392 | 	100% {
1393 | 		opacity: 0;
1394 | 		transform: translateY(-2000px);
1395 | 	}
1396 | }
1397 | 
1398 | .animated.fadeOutUpBig {
1399 | 	-webkit-animation-name: fadeOutUpBig;
1400 | 	-moz-animation-name: fadeOutUpBig;
1401 | 	-o-animation-name: fadeOutUpBig;
1402 | 	animation-name: fadeOutUpBig;
1403 | }
1404 | @-webkit-keyframes fadeOutDownBig {
1405 | 	0% {
1406 | 		opacity: 1;
1407 | 		-webkit-transform: translateY(0);
1408 | 	}
1409 | 
1410 | 	100% {
1411 | 		opacity: 0;
1412 | 		-webkit-transform: translateY(2000px);
1413 | 	}
1414 | }
1415 | 
1416 | @-moz-keyframes fadeOutDownBig {
1417 | 	0% {
1418 | 		opacity: 1;
1419 | 		-moz-transform: translateY(0);
1420 | 	}
1421 | 
1422 | 	100% {
1423 | 		opacity: 0;
1424 | 		-moz-transform: translateY(2000px);
1425 | 	}
1426 | }
1427 | 
1428 | @-o-keyframes fadeOutDownBig {
1429 | 	0% {
1430 | 		opacity: 1;
1431 | 		-o-transform: translateY(0);
1432 | 	}
1433 | 
1434 | 	100% {
1435 | 		opacity: 0;
1436 | 		-o-transform: translateY(2000px);
1437 | 	}
1438 | }
1439 | 
1440 | @keyframes fadeOutDownBig {
1441 | 	0% {
1442 | 		opacity: 1;
1443 | 		transform: translateY(0);
1444 | 	}
1445 | 
1446 | 	100% {
1447 | 		opacity: 0;
1448 | 		transform: translateY(2000px);
1449 | 	}
1450 | }
1451 | 
1452 | .animated.fadeOutDownBig {
1453 | 	-webkit-animation-name: fadeOutDownBig;
1454 | 	-moz-animation-name: fadeOutDownBig;
1455 | 	-o-animation-name: fadeOutDownBig;
1456 | 	animation-name: fadeOutDownBig;
1457 | }
1458 | @-webkit-keyframes fadeOutLeftBig {
1459 | 	0% {
1460 | 		opacity: 1;
1461 | 		-webkit-transform: translateX(0);
1462 | 	}
1463 | 
1464 | 	100% {
1465 | 		opacity: 0;
1466 | 		-webkit-transform: translateX(-2000px);
1467 | 	}
1468 | }
1469 | 
1470 | @-moz-keyframes fadeOutLeftBig {
1471 | 	0% {
1472 | 		opacity: 1;
1473 | 		-moz-transform: translateX(0);
1474 | 	}
1475 | 
1476 | 	100% {
1477 | 		opacity: 0;
1478 | 		-moz-transform: translateX(-2000px);
1479 | 	}
1480 | }
1481 | 
1482 | @-o-keyframes fadeOutLeftBig {
1483 | 	0% {
1484 | 		opacity: 1;
1485 | 		-o-transform: translateX(0);
1486 | 	}
1487 | 
1488 | 	100% {
1489 | 		opacity: 0;
1490 | 		-o-transform: translateX(-2000px);
1491 | 	}
1492 | }
1493 | 
1494 | @keyframes fadeOutLeftBig {
1495 | 	0% {
1496 | 		opacity: 1;
1497 | 		transform: translateX(0);
1498 | 	}
1499 | 
1500 | 	100% {
1501 | 		opacity: 0;
1502 | 		transform: translateX(-2000px);
1503 | 	}
1504 | }
1505 | 
1506 | .animated.fadeOutLeftBig {
1507 | 	-webkit-animation-name: fadeOutLeftBig;
1508 | 	-moz-animation-name: fadeOutLeftBig;
1509 | 	-o-animation-name: fadeOutLeftBig;
1510 | 	animation-name: fadeOutLeftBig;
1511 | }
1512 | @-webkit-keyframes fadeOutRightBig {
1513 | 	0% {
1514 | 		opacity: 1;
1515 | 		-webkit-transform: translateX(0);
1516 | 	}
1517 | 
1518 | 	100% {
1519 | 		opacity: 0;
1520 | 		-webkit-transform: translateX(2000px);
1521 | 	}
1522 | }
1523 | @-moz-keyframes fadeOutRightBig {
1524 | 	0% {
1525 | 		opacity: 1;
1526 | 		-moz-transform: translateX(0);
1527 | 	}
1528 | 
1529 | 	100% {
1530 | 		opacity: 0;
1531 | 		-moz-transform: translateX(2000px);
1532 | 	}
1533 | }
1534 | @-o-keyframes fadeOutRightBig {
1535 | 	0% {
1536 | 		opacity: 1;
1537 | 		-o-transform: translateX(0);
1538 | 	}
1539 | 
1540 | 	100% {
1541 | 		opacity: 0;
1542 | 		-o-transform: translateX(2000px);
1543 | 	}
1544 | }
1545 | @keyframes fadeOutRightBig {
1546 | 	0% {
1547 | 		opacity: 1;
1548 | 		transform: translateX(0);
1549 | 	}
1550 | 
1551 | 	100% {
1552 | 		opacity: 0;
1553 | 		transform: translateX(2000px);
1554 | 	}
1555 | }
1556 | 
1557 | .animated.fadeOutRightBig {
1558 | 	-webkit-animation-name: fadeOutRightBig;
1559 | 	-moz-animation-name: fadeOutRightBig;
1560 | 	-o-animation-name: fadeOutRightBig;
1561 | 	animation-name: fadeOutRightBig;
1562 | }
1563 | @-webkit-keyframes bounceIn {
1564 | 	0% {
1565 | 		opacity: 0;
1566 | 		-webkit-transform: scale(.3);
1567 | 	}
1568 | 
1569 | 	50% {
1570 | 		opacity: 1;
1571 | 		-webkit-transform: scale(1.05);
1572 | 	}
1573 | 
1574 | 	70% {
1575 | 		-webkit-transform: scale(.9);
1576 | 	}
1577 | 
1578 | 	100% {
1579 | 		-webkit-transform: scale(1);
1580 | 	}
1581 | }
1582 | 
1583 | @-moz-keyframes bounceIn {
1584 | 	0% {
1585 | 		opacity: 0;
1586 | 		-moz-transform: scale(.3);
1587 | 	}
1588 | 
1589 | 	50% {
1590 | 		opacity: 1;
1591 | 		-moz-transform: scale(1.05);
1592 | 	}
1593 | 
1594 | 	70% {
1595 | 		-moz-transform: scale(.9);
1596 | 	}
1597 | 
1598 | 	100% {
1599 | 		-moz-transform: scale(1);
1600 | 	}
1601 | }
1602 | 
1603 | @-o-keyframes bounceIn {
1604 | 	0% {
1605 | 		opacity: 0;
1606 | 		-o-transform: scale(.3);
1607 | 	}
1608 | 
1609 | 	50% {
1610 | 		opacity: 1;
1611 | 		-o-transform: scale(1.05);
1612 | 	}
1613 | 
1614 | 	70% {
1615 | 		-o-transform: scale(.9);
1616 | 	}
1617 | 
1618 | 	100% {
1619 | 		-o-transform: scale(1);
1620 | 	}
1621 | }
1622 | 
1623 | @keyframes bounceIn {
1624 | 	0% {
1625 | 		opacity: 0;
1626 | 		transform: scale(.3);
1627 | 	}
1628 | 
1629 | 	50% {
1630 | 		opacity: 1;
1631 | 		transform: scale(1.05);
1632 | 	}
1633 | 
1634 | 	70% {
1635 | 		transform: scale(.9);
1636 | 	}
1637 | 
1638 | 	100% {
1639 | 		transform: scale(1);
1640 | 	}
1641 | }
1642 | 
1643 | .animated.bounceIn {
1644 | 	-webkit-animation-name: bounceIn;
1645 | 	-moz-animation-name: bounceIn;
1646 | 	-o-animation-name: bounceIn;
1647 | 	animation-name: bounceIn;
1648 | }
1649 | @-webkit-keyframes bounceInUp {
1650 | 	0% {
1651 | 		opacity: 0;
1652 | 		-webkit-transform: translateY(2000px);
1653 | 	}
1654 | 
1655 | 	60% {
1656 | 		opacity: 1;
1657 | 		-webkit-transform: translateY(-30px);
1658 | 	}
1659 | 
1660 | 	80% {
1661 | 		-webkit-transform: translateY(10px);
1662 | 	}
1663 | 
1664 | 	100% {
1665 | 		-webkit-transform: translateY(0);
1666 | 	}
1667 | }
1668 | @-moz-keyframes bounceInUp {
1669 | 	0% {
1670 | 		opacity: 0;
1671 | 		-moz-transform: translateY(2000px);
1672 | 	}
1673 | 
1674 | 	60% {
1675 | 		opacity: 1;
1676 | 		-moz-transform: translateY(-30px);
1677 | 	}
1678 | 
1679 | 	80% {
1680 | 		-moz-transform: translateY(10px);
1681 | 	}
1682 | 
1683 | 	100% {
1684 | 		-moz-transform: translateY(0);
1685 | 	}
1686 | }
1687 | 
1688 | @-o-keyframes bounceInUp {
1689 | 	0% {
1690 | 		opacity: 0;
1691 | 		-o-transform: translateY(2000px);
1692 | 	}
1693 | 
1694 | 	60% {
1695 | 		opacity: 1;
1696 | 		-o-transform: translateY(-30px);
1697 | 	}
1698 | 
1699 | 	80% {
1700 | 		-o-transform: translateY(10px);
1701 | 	}
1702 | 
1703 | 	100% {
1704 | 		-o-transform: translateY(0);
1705 | 	}
1706 | }
1707 | 
1708 | @keyframes bounceInUp {
1709 | 	0% {
1710 | 		opacity: 0;
1711 | 		transform: translateY(2000px);
1712 | 	}
1713 | 
1714 | 	60% {
1715 | 		opacity: 1;
1716 | 		transform: translateY(-30px);
1717 | 	}
1718 | 
1719 | 	80% {
1720 | 		transform: translateY(10px);
1721 | 	}
1722 | 
1723 | 	100% {
1724 | 		transform: translateY(0);
1725 | 	}
1726 | }
1727 | 
1728 | .animated.bounceInUp {
1729 | 	-webkit-animation-name: bounceInUp;
1730 | 	-moz-animation-name: bounceInUp;
1731 | 	-o-animation-name: bounceInUp;
1732 | 	animation-name: bounceInUp;
1733 | }
1734 | @-webkit-keyframes bounceInDown {
1735 | 	0% {
1736 | 		opacity: 0;
1737 | 		-webkit-transform: translateY(-2000px);
1738 | 	}
1739 | 
1740 | 	60% {
1741 | 		opacity: 1;
1742 | 		-webkit-transform: translateY(30px);
1743 | 	}
1744 | 
1745 | 	80% {
1746 | 		-webkit-transform: translateY(-10px);
1747 | 	}
1748 | 
1749 | 	100% {
1750 | 		-webkit-transform: translateY(0);
1751 | 	}
1752 | }
1753 | 
1754 | @-moz-keyframes bounceInDown {
1755 | 	0% {
1756 | 		opacity: 0;
1757 | 		-moz-transform: translateY(-2000px);
1758 | 	}
1759 | 
1760 | 	60% {
1761 | 		opacity: 1;
1762 | 		-moz-transform: translateY(30px);
1763 | 	}
1764 | 
1765 | 	80% {
1766 | 		-moz-transform: translateY(-10px);
1767 | 	}
1768 | 
1769 | 	100% {
1770 | 		-moz-transform: translateY(0);
1771 | 	}
1772 | }
1773 | 
1774 | @-o-keyframes bounceInDown {
1775 | 	0% {
1776 | 		opacity: 0;
1777 | 		-o-transform: translateY(-2000px);
1778 | 	}
1779 | 
1780 | 	60% {
1781 | 		opacity: 1;
1782 | 		-o-transform: translateY(30px);
1783 | 	}
1784 | 
1785 | 	80% {
1786 | 		-o-transform: translateY(-10px);
1787 | 	}
1788 | 
1789 | 	100% {
1790 | 		-o-transform: translateY(0);
1791 | 	}
1792 | }
1793 | 
1794 | @keyframes bounceInDown {
1795 | 	0% {
1796 | 		opacity: 0;
1797 | 		transform: translateY(-2000px);
1798 | 	}
1799 | 
1800 | 	60% {
1801 | 		opacity: 1;
1802 | 		transform: translateY(30px);
1803 | 	}
1804 | 
1805 | 	80% {
1806 | 		transform: translateY(-10px);
1807 | 	}
1808 | 
1809 | 	100% {
1810 | 		transform: translateY(0);
1811 | 	}
1812 | }
1813 | 
1814 | .animated.bounceInDown {
1815 | 	-webkit-animation-name: bounceInDown;
1816 | 	-moz-animation-name: bounceInDown;
1817 | 	-o-animation-name: bounceInDown;
1818 | 	animation-name: bounceInDown;
1819 | }
1820 | @-webkit-keyframes bounceInLeft {
1821 | 	0% {
1822 | 		opacity: 0;
1823 | 		-webkit-transform: translateX(-2000px);
1824 | 	}
1825 | 
1826 | 	60% {
1827 | 		opacity: 1;
1828 | 		-webkit-transform: translateX(30px);
1829 | 	}
1830 | 
1831 | 	80% {
1832 | 		-webkit-transform: translateX(-10px);
1833 | 	}
1834 | 
1835 | 	100% {
1836 | 		-webkit-transform: translateX(0);
1837 | 	}
1838 | }
1839 | 
1840 | @-moz-keyframes bounceInLeft {
1841 | 	0% {
1842 | 		opacity: 0;
1843 | 		-moz-transform: translateX(-2000px);
1844 | 	}
1845 | 
1846 | 	60% {
1847 | 		opacity: 1;
1848 | 		-moz-transform: translateX(30px);
1849 | 	}
1850 | 
1851 | 	80% {
1852 | 		-moz-transform: translateX(-10px);
1853 | 	}
1854 | 
1855 | 	100% {
1856 | 		-moz-transform: translateX(0);
1857 | 	}
1858 | }
1859 | 
1860 | @-o-keyframes bounceInLeft {
1861 | 	0% {
1862 | 		opacity: 0;
1863 | 		-o-transform: translateX(-2000px);
1864 | 	}
1865 | 
1866 | 	60% {
1867 | 		opacity: 1;
1868 | 		-o-transform: translateX(30px);
1869 | 	}
1870 | 
1871 | 	80% {
1872 | 		-o-transform: translateX(-10px);
1873 | 	}
1874 | 
1875 | 	100% {
1876 | 		-o-transform: translateX(0);
1877 | 	}
1878 | }
1879 | 
1880 | @keyframes bounceInLeft {
1881 | 	0% {
1882 | 		opacity: 0;
1883 | 		transform: translateX(-2000px);
1884 | 	}
1885 | 
1886 | 	60% {
1887 | 		opacity: 1;
1888 | 		transform: translateX(30px);
1889 | 	}
1890 | 
1891 | 	80% {
1892 | 		transform: translateX(-10px);
1893 | 	}
1894 | 
1895 | 	100% {
1896 | 		transform: translateX(0);
1897 | 	}
1898 | }
1899 | 
1900 | .animated.bounceInLeft {
1901 | 	-webkit-animation-name: bounceInLeft;
1902 | 	-moz-animation-name: bounceInLeft;
1903 | 	-o-animation-name: bounceInLeft;
1904 | 	animation-name: bounceInLeft;
1905 | }
1906 | @-webkit-keyframes bounceInRight {
1907 | 	0% {
1908 | 		opacity: 0;
1909 | 		-webkit-transform: translateX(2000px);
1910 | 	}
1911 | 
1912 | 	60% {
1913 | 		opacity: 1;
1914 | 		-webkit-transform: translateX(-30px);
1915 | 	}
1916 | 
1917 | 	80% {
1918 | 		-webkit-transform: translateX(10px);
1919 | 	}
1920 | 
1921 | 	100% {
1922 | 		-webkit-transform: translateX(0);
1923 | 	}
1924 | }
1925 | 
1926 | @-moz-keyframes bounceInRight {
1927 | 	0% {
1928 | 		opacity: 0;
1929 | 		-moz-transform: translateX(2000px);
1930 | 	}
1931 | 
1932 | 	60% {
1933 | 		opacity: 1;
1934 | 		-moz-transform: translateX(-30px);
1935 | 	}
1936 | 
1937 | 	80% {
1938 | 		-moz-transform: translateX(10px);
1939 | 	}
1940 | 
1941 | 	100% {
1942 | 		-moz-transform: translateX(0);
1943 | 	}
1944 | }
1945 | 
1946 | @-o-keyframes bounceInRight {
1947 | 	0% {
1948 | 		opacity: 0;
1949 | 		-o-transform: translateX(2000px);
1950 | 	}
1951 | 
1952 | 	60% {
1953 | 		opacity: 1;
1954 | 		-o-transform: translateX(-30px);
1955 | 	}
1956 | 
1957 | 	80% {
1958 | 		-o-transform: translateX(10px);
1959 | 	}
1960 | 
1961 | 	100% {
1962 | 		-o-transform: translateX(0);
1963 | 	}
1964 | }
1965 | 
1966 | @keyframes bounceInRight {
1967 | 	0% {
1968 | 		opacity: 0;
1969 | 		transform: translateX(2000px);
1970 | 	}
1971 | 
1972 | 	60% {
1973 | 		opacity: 1;
1974 | 		transform: translateX(-30px);
1975 | 	}
1976 | 
1977 | 	80% {
1978 | 		transform: translateX(10px);
1979 | 	}
1980 | 
1981 | 	100% {
1982 | 		transform: translateX(0);
1983 | 	}
1984 | }
1985 | 
1986 | .animated.bounceInRight {
1987 | 	-webkit-animation-name: bounceInRight;
1988 | 	-moz-animation-name: bounceInRight;
1989 | 	-o-animation-name: bounceInRight;
1990 | 	animation-name: bounceInRight;
1991 | }
1992 | @-webkit-keyframes bounceOut {
1993 | 	0% {
1994 | 		-webkit-transform: scale(1);
1995 | 	}
1996 | 
1997 | 	25% {
1998 | 		-webkit-transform: scale(.95);
1999 | 	}
2000 | 
2001 | 	50% {
2002 | 		opacity: 1;
2003 | 		-webkit-transform: scale(1.1);
2004 | 	}
2005 | 
2006 | 	100% {
2007 | 		opacity: 0;
2008 | 		-webkit-transform: scale(.3);
2009 | 	}
2010 | }
2011 | 
2012 | @-moz-keyframes bounceOut {
2013 | 	0% {
2014 | 		-moz-transform: scale(1);
2015 | 	}
2016 | 
2017 | 	25% {
2018 | 		-moz-transform: scale(.95);
2019 | 	}
2020 | 
2021 | 	50% {
2022 | 		opacity: 1;
2023 | 		-moz-transform: scale(1.1);
2024 | 	}
2025 | 
2026 | 	100% {
2027 | 		opacity: 0;
2028 | 		-moz-transform: scale(.3);
2029 | 	}
2030 | }
2031 | 
2032 | @-o-keyframes bounceOut {
2033 | 	0% {
2034 | 		-o-transform: scale(1);
2035 | 	}
2036 | 
2037 | 	25% {
2038 | 		-o-transform: scale(.95);
2039 | 	}
2040 | 
2041 | 	50% {
2042 | 		opacity: 1;
2043 | 		-o-transform: scale(1.1);
2044 | 	}
2045 | 
2046 | 	100% {
2047 | 		opacity: 0;
2048 | 		-o-transform: scale(.3);
2049 | 	}
2050 | }
2051 | 
2052 | @keyframes bounceOut {
2053 | 	0% {
2054 | 		transform: scale(1);
2055 | 	}
2056 | 
2057 | 	25% {
2058 | 		transform: scale(.95);
2059 | 	}
2060 | 
2061 | 	50% {
2062 | 		opacity: 1;
2063 | 		transform: scale(1.1);
2064 | 	}
2065 | 
2066 | 	100% {
2067 | 		opacity: 0;
2068 | 		transform: scale(.3);
2069 | 	}
2070 | }
2071 | 
2072 | .animated.bounceOut {
2073 | 	-webkit-animation-name: bounceOut;
2074 | 	-moz-animation-name: bounceOut;
2075 | 	-o-animation-name: bounceOut;
2076 | 	animation-name: bounceOut;
2077 | }
2078 | @-webkit-keyframes bounceOutUp {
2079 | 	0% {
2080 | 		-webkit-transform: translateY(0);
2081 | 	}
2082 | 
2083 | 	20% {
2084 | 		opacity: 1;
2085 | 		-webkit-transform: translateY(20px);
2086 | 	}
2087 | 
2088 | 	100% {
2089 | 		opacity: 0;
2090 | 		-webkit-transform: translateY(-2000px);
2091 | 	}
2092 | }
2093 | 
2094 | @-moz-keyframes bounceOutUp {
2095 | 	0% {
2096 | 		-moz-transform: translateY(0);
2097 | 	}
2098 | 
2099 | 	20% {
2100 | 		opacity: 1;
2101 | 		-moz-transform: translateY(20px);
2102 | 	}
2103 | 
2104 | 	100% {
2105 | 		opacity: 0;
2106 | 		-moz-transform: translateY(-2000px);
2107 | 	}
2108 | }
2109 | 
2110 | @-o-keyframes bounceOutUp {
2111 | 	0% {
2112 | 		-o-transform: translateY(0);
2113 | 	}
2114 | 
2115 | 	20% {
2116 | 		opacity: 1;
2117 | 		-o-transform: translateY(20px);
2118 | 	}
2119 | 
2120 | 	100% {
2121 | 		opacity: 0;
2122 | 		-o-transform: translateY(-2000px);
2123 | 	}
2124 | }
2125 | 
2126 | @keyframes bounceOutUp {
2127 | 	0% {
2128 | 		transform: translateY(0);
2129 | 	}
2130 | 
2131 | 	20% {
2132 | 		opacity: 1;
2133 | 		transform: translateY(20px);
2134 | 	}
2135 | 
2136 | 	100% {
2137 | 		opacity: 0;
2138 | 		transform: translateY(-2000px);
2139 | 	}
2140 | }
2141 | 
2142 | .animated.bounceOutUp {
2143 | 	-webkit-animation-name: bounceOutUp;
2144 | 	-moz-animation-name: bounceOutUp;
2145 | 	-o-animation-name: bounceOutUp;
2146 | 	animation-name: bounceOutUp;
2147 | }
2148 | @-webkit-keyframes bounceOutDown {
2149 | 	0% {
2150 | 		-webkit-transform: translateY(0);
2151 | 	}
2152 | 
2153 | 	20% {
2154 | 		opacity: 1;
2155 | 		-webkit-transform: translateY(-20px);
2156 | 	}
2157 | 
2158 | 	100% {
2159 | 		opacity: 0;
2160 | 		-webkit-transform: translateY(2000px);
2161 | 	}
2162 | }
2163 | 
2164 | @-moz-keyframes bounceOutDown {
2165 | 	0% {
2166 | 		-moz-transform: translateY(0);
2167 | 	}
2168 | 
2169 | 	20% {
2170 | 		opacity: 1;
2171 | 		-moz-transform: translateY(-20px);
2172 | 	}
2173 | 
2174 | 	100% {
2175 | 		opacity: 0;
2176 | 		-moz-transform: translateY(2000px);
2177 | 	}
2178 | }
2179 | 
2180 | @-o-keyframes bounceOutDown {
2181 | 	0% {
2182 | 		-o-transform: translateY(0);
2183 | 	}
2184 | 
2185 | 	20% {
2186 | 		opacity: 1;
2187 | 		-o-transform: translateY(-20px);
2188 | 	}
2189 | 
2190 | 	100% {
2191 | 		opacity: 0;
2192 | 		-o-transform: translateY(2000px);
2193 | 	}
2194 | }
2195 | 
2196 | @keyframes bounceOutDown {
2197 | 	0% {
2198 | 		transform: translateY(0);
2199 | 	}
2200 | 
2201 | 	20% {
2202 | 		opacity: 1;
2203 | 		transform: translateY(-20px);
2204 | 	}
2205 | 
2206 | 	100% {
2207 | 		opacity: 0;
2208 | 		transform: translateY(2000px);
2209 | 	}
2210 | }
2211 | 
2212 | .animated.bounceOutDown {
2213 | 	-webkit-animation-name: bounceOutDown;
2214 | 	-moz-animation-name: bounceOutDown;
2215 | 	-o-animation-name: bounceOutDown;
2216 | 	animation-name: bounceOutDown;
2217 | }
2218 | @-webkit-keyframes bounceOutLeft {
2219 | 	0% {
2220 | 		-webkit-transform: translateX(0);
2221 | 	}
2222 | 
2223 | 	20% {
2224 | 		opacity: 1;
2225 | 		-webkit-transform: translateX(20px);
2226 | 	}
2227 | 
2228 | 	100% {
2229 | 		opacity: 0;
2230 | 		-webkit-transform: translateX(-2000px);
2231 | 	}
2232 | }
2233 | 
2234 | @-moz-keyframes bounceOutLeft {
2235 | 	0% {
2236 | 		-moz-transform: translateX(0);
2237 | 	}
2238 | 
2239 | 	20% {
2240 | 		opacity: 1;
2241 | 		-moz-transform: translateX(20px);
2242 | 	}
2243 | 
2244 | 	100% {
2245 | 		opacity: 0;
2246 | 		-moz-transform: translateX(-2000px);
2247 | 	}
2248 | }
2249 | 
2250 | @-o-keyframes bounceOutLeft {
2251 | 	0% {
2252 | 		-o-transform: translateX(0);
2253 | 	}
2254 | 
2255 | 	20% {
2256 | 		opacity: 1;
2257 | 		-o-transform: translateX(20px);
2258 | 	}
2259 | 
2260 | 	100% {
2261 | 		opacity: 0;
2262 | 		-o-transform: translateX(-2000px);
2263 | 	}
2264 | }
2265 | 
2266 | @keyframes bounceOutLeft {
2267 | 	0% {
2268 | 		transform: translateX(0);
2269 | 	}
2270 | 
2271 | 	20% {
2272 | 		opacity: 1;
2273 | 		transform: translateX(20px);
2274 | 	}
2275 | 
2276 | 	100% {
2277 | 		opacity: 0;
2278 | 		transform: translateX(-2000px);
2279 | 	}
2280 | }
2281 | 
2282 | .animated.bounceOutLeft {
2283 | 	-webkit-animation-name: bounceOutLeft;
2284 | 	-moz-animation-name: bounceOutLeft;
2285 | 	-o-animation-name: bounceOutLeft;
2286 | 	animation-name: bounceOutLeft;
2287 | }
2288 | @-webkit-keyframes bounceOutRight {
2289 | 	0% {
2290 | 		-webkit-transform: translateX(0);
2291 | 	}
2292 | 
2293 | 	20% {
2294 | 		opacity: 1;
2295 | 		-webkit-transform: translateX(-20px);
2296 | 	}
2297 | 
2298 | 	100% {
2299 | 		opacity: 0;
2300 | 		-webkit-transform: translateX(2000px);
2301 | 	}
2302 | }
2303 | 
2304 | @-moz-keyframes bounceOutRight {
2305 | 	0% {
2306 | 		-moz-transform: translateX(0);
2307 | 	}
2308 | 
2309 | 	20% {
2310 | 		opacity: 1;
2311 | 		-moz-transform: translateX(-20px);
2312 | 	}
2313 | 
2314 | 	100% {
2315 | 		opacity: 0;
2316 | 		-moz-transform: translateX(2000px);
2317 | 	}
2318 | }
2319 | 
2320 | @-o-keyframes bounceOutRight {
2321 | 	0% {
2322 | 		-o-transform: translateX(0);
2323 | 	}
2324 | 
2325 | 	20% {
2326 | 		opacity: 1;
2327 | 		-o-transform: translateX(-20px);
2328 | 	}
2329 | 
2330 | 	100% {
2331 | 		opacity: 0;
2332 | 		-o-transform: translateX(2000px);
2333 | 	}
2334 | }
2335 | 
2336 | @keyframes bounceOutRight {
2337 | 	0% {
2338 | 		transform: translateX(0);
2339 | 	}
2340 | 
2341 | 	20% {
2342 | 		opacity: 1;
2343 | 		transform: translateX(-20px);
2344 | 	}
2345 | 
2346 | 	100% {
2347 | 		opacity: 0;
2348 | 		transform: translateX(2000px);
2349 | 	}
2350 | }
2351 | 
2352 | .animated.bounceOutRight {
2353 | 	-webkit-animation-name: bounceOutRight;
2354 | 	-moz-animation-name: bounceOutRight;
2355 | 	-o-animation-name: bounceOutRight;
2356 | 	animation-name: bounceOutRight;
2357 | }
2358 | @-webkit-keyframes rotateIn {
2359 | 	0% {
2360 | 		-webkit-transform-origin: center center;
2361 | 		-webkit-transform: rotate(-200deg);
2362 | 		opacity: 0;
2363 | 	}
2364 | 
2365 | 	100% {
2366 | 		-webkit-transform-origin: center center;
2367 | 		-webkit-transform: rotate(0);
2368 | 		opacity: 1;
2369 | 	}
2370 | }
2371 | @-moz-keyframes rotateIn {
2372 | 	0% {
2373 | 		-moz-transform-origin: center center;
2374 | 		-moz-transform: rotate(-200deg);
2375 | 		opacity: 0;
2376 | 	}
2377 | 
2378 | 	100% {
2379 | 		-moz-transform-origin: center center;
2380 | 		-moz-transform: rotate(0);
2381 | 		opacity: 1;
2382 | 	}
2383 | }
2384 | @-o-keyframes rotateIn {
2385 | 	0% {
2386 | 		-o-transform-origin: center center;
2387 | 		-o-transform: rotate(-200deg);
2388 | 		opacity: 0;
2389 | 	}
2390 | 
2391 | 	100% {
2392 | 		-o-transform-origin: center center;
2393 | 		-o-transform: rotate(0);
2394 | 		opacity: 1;
2395 | 	}
2396 | }
2397 | @keyframes rotateIn {
2398 | 	0% {
2399 | 		transform-origin: center center;
2400 | 		transform: rotate(-200deg);
2401 | 		opacity: 0;
2402 | 	}
2403 | 
2404 | 	100% {
2405 | 		transform-origin: center center;
2406 | 		transform: rotate(0);
2407 | 		opacity: 1;
2408 | 	}
2409 | }
2410 | 
2411 | .animated.rotateIn {
2412 | 	-webkit-animation-name: rotateIn;
2413 | 	-moz-animation-name: rotateIn;
2414 | 	-o-animation-name: rotateIn;
2415 | 	animation-name: rotateIn;
2416 | }
2417 | @-webkit-keyframes rotateInUpLeft {
2418 | 	0% {
2419 | 		-webkit-transform-origin: left bottom;
2420 | 		-webkit-transform: rotate(90deg);
2421 | 		opacity: 0;
2422 | 	}
2423 | 
2424 | 	100% {
2425 | 		-webkit-transform-origin: left bottom;
2426 | 		-webkit-transform: rotate(0);
2427 | 		opacity: 1;
2428 | 	}
2429 | }
2430 | 
2431 | @-moz-keyframes rotateInUpLeft {
2432 | 	0% {
2433 | 		-moz-transform-origin: left bottom;
2434 | 		-moz-transform: rotate(90deg);
2435 | 		opacity: 0;
2436 | 	}
2437 | 
2438 | 	100% {
2439 | 		-moz-transform-origin: left bottom;
2440 | 		-moz-transform: rotate(0);
2441 | 		opacity: 1;
2442 | 	}
2443 | }
2444 | 
2445 | @-o-keyframes rotateInUpLeft {
2446 | 	0% {
2447 | 		-o-transform-origin: left bottom;
2448 | 		-o-transform: rotate(90deg);
2449 | 		opacity: 0;
2450 | 	}
2451 | 
2452 | 	100% {
2453 | 		-o-transform-origin: left bottom;
2454 | 		-o-transform: rotate(0);
2455 | 		opacity: 1;
2456 | 	}
2457 | }
2458 | 
2459 | @keyframes rotateInUpLeft {
2460 | 	0% {
2461 | 		transform-origin: left bottom;
2462 | 		transform: rotate(90deg);
2463 | 		opacity: 0;
2464 | 	}
2465 | 
2466 | 	100% {
2467 | 		transform-origin: left bottom;
2468 | 		transform: rotate(0);
2469 | 		opacity: 1;
2470 | 	}
2471 | }
2472 | 
2473 | .animated.rotateInUpLeft {
2474 | 	-webkit-animation-name: rotateInUpLeft;
2475 | 	-moz-animation-name: rotateInUpLeft;
2476 | 	-o-animation-name: rotateInUpLeft;
2477 | 	animation-name: rotateInUpLeft;
2478 | }
2479 | @-webkit-keyframes rotateInDownLeft {
2480 | 	0% {
2481 | 		-webkit-transform-origin: left bottom;
2482 | 		-webkit-transform: rotate(-90deg);
2483 | 		opacity: 0;
2484 | 	}
2485 | 
2486 | 	100% {
2487 | 		-webkit-transform-origin: left bottom;
2488 | 		-webkit-transform: rotate(0);
2489 | 		opacity: 1;
2490 | 	}
2491 | }
2492 | 
2493 | @-moz-keyframes rotateInDownLeft {
2494 | 	0% {
2495 | 		-moz-transform-origin: left bottom;
2496 | 		-moz-transform: rotate(-90deg);
2497 | 		opacity: 0;
2498 | 	}
2499 | 
2500 | 	100% {
2501 | 		-moz-transform-origin: left bottom;
2502 | 		-moz-transform: rotate(0);
2503 | 		opacity: 1;
2504 | 	}
2505 | }
2506 | 
2507 | @-o-keyframes rotateInDownLeft {
2508 | 	0% {
2509 | 		-o-transform-origin: left bottom;
2510 | 		-o-transform: rotate(-90deg);
2511 | 		opacity: 0;
2512 | 	}
2513 | 
2514 | 	100% {
2515 | 		-o-transform-origin: left bottom;
2516 | 		-o-transform: rotate(0);
2517 | 		opacity: 1;
2518 | 	}
2519 | }
2520 | 
2521 | @keyframes rotateInDownLeft {
2522 | 	0% {
2523 | 		transform-origin: left bottom;
2524 | 		transform: rotate(-90deg);
2525 | 		opacity: 0;
2526 | 	}
2527 | 
2528 | 	100% {
2529 | 		transform-origin: left bottom;
2530 | 		transform: rotate(0);
2531 | 		opacity: 1;
2532 | 	}
2533 | }
2534 | 
2535 | .animated.rotateInDownLeft {
2536 | 	-webkit-animation-name: rotateInDownLeft;
2537 | 	-moz-animation-name: rotateInDownLeft;
2538 | 	-o-animation-name: rotateInDownLeft;
2539 | 	animation-name: rotateInDownLeft;
2540 | }
2541 | @-webkit-keyframes rotateInUpRight {
2542 | 	0% {
2543 | 		-webkit-transform-origin: right bottom;
2544 | 		-webkit-transform: rotate(-90deg);
2545 | 		opacity: 0;
2546 | 	}
2547 | 
2548 | 	100% {
2549 | 		-webkit-transform-origin: right bottom;
2550 | 		-webkit-transform: rotate(0);
2551 | 		opacity: 1;
2552 | 	}
2553 | }
2554 | 
2555 | @-moz-keyframes rotateInUpRight {
2556 | 	0% {
2557 | 		-moz-transform-origin: right bottom;
2558 | 		-moz-transform: rotate(-90deg);
2559 | 		opacity: 0;
2560 | 	}
2561 | 
2562 | 	100% {
2563 | 		-moz-transform-origin: right bottom;
2564 | 		-moz-transform: rotate(0);
2565 | 		opacity: 1;
2566 | 	}
2567 | }
2568 | 
2569 | @-o-keyframes rotateInUpRight {
2570 | 	0% {
2571 | 		-o-transform-origin: right bottom;
2572 | 		-o-transform: rotate(-90deg);
2573 | 		opacity: 0;
2574 | 	}
2575 | 
2576 | 	100% {
2577 | 		-o-transform-origin: right bottom;
2578 | 		-o-transform: rotate(0);
2579 | 		opacity: 1;
2580 | 	}
2581 | }
2582 | 
2583 | @keyframes rotateInUpRight {
2584 | 	0% {
2585 | 		transform-origin: right bottom;
2586 | 		transform: rotate(-90deg);
2587 | 		opacity: 0;
2588 | 	}
2589 | 
2590 | 	100% {
2591 | 		transform-origin: right bottom;
2592 | 		transform: rotate(0);
2593 | 		opacity: 1;
2594 | 	}
2595 | }
2596 | 
2597 | .animated.rotateInUpRight {
2598 | 	-webkit-animation-name: rotateInUpRight;
2599 | 	-moz-animation-name: rotateInUpRight;
2600 | 	-o-animation-name: rotateInUpRight;
2601 | 	animation-name: rotateInUpRight;
2602 | }
2603 | @-webkit-keyframes rotateInDownRight {
2604 | 	0% {
2605 | 		-webkit-transform-origin: right bottom;
2606 | 		-webkit-transform: rotate(90deg);
2607 | 		opacity: 0;
2608 | 	}
2609 | 
2610 | 	100% {
2611 | 		-webkit-transform-origin: right bottom;
2612 | 		-webkit-transform: rotate(0);
2613 | 		opacity: 1;
2614 | 	}
2615 | }
2616 | 
2617 | @-moz-keyframes rotateInDownRight {
2618 | 	0% {
2619 | 		-moz-transform-origin: right bottom;
2620 | 		-moz-transform: rotate(90deg);
2621 | 		opacity: 0;
2622 | 	}
2623 | 
2624 | 	100% {
2625 | 		-moz-transform-origin: right bottom;
2626 | 		-moz-transform: rotate(0);
2627 | 		opacity: 1;
2628 | 	}
2629 | }
2630 | 
2631 | @-o-keyframes rotateInDownRight {
2632 | 	0% {
2633 | 		-o-transform-origin: right bottom;
2634 | 		-o-transform: rotate(90deg);
2635 | 		opacity: 0;
2636 | 	}
2637 | 
2638 | 	100% {
2639 | 		-o-transform-origin: right bottom;
2640 | 		-o-transform: rotate(0);
2641 | 		opacity: 1;
2642 | 	}
2643 | }
2644 | 
2645 | @keyframes rotateInDownRight {
2646 | 	0% {
2647 | 		transform-origin: right bottom;
2648 | 		transform: rotate(90deg);
2649 | 		opacity: 0;
2650 | 	}
2651 | 
2652 | 	100% {
2653 | 		transform-origin: right bottom;
2654 | 		transform: rotate(0);
2655 | 		opacity: 1;
2656 | 	}
2657 | }
2658 | 
2659 | .animated.rotateInDownRight {
2660 | 	-webkit-animation-name: rotateInDownRight;
2661 | 	-moz-animation-name: rotateInDownRight;
2662 | 	-o-animation-name: rotateInDownRight;
2663 | 	animation-name: rotateInDownRight;
2664 | }
2665 | @-webkit-keyframes rotateOut {
2666 | 	0% {
2667 | 		-webkit-transform-origin: center center;
2668 | 		-webkit-transform: rotate(0);
2669 | 		opacity: 1;
2670 | 	}
2671 | 
2672 | 	100% {
2673 | 		-webkit-transform-origin: center center;
2674 | 		-webkit-transform: rotate(200deg);
2675 | 		opacity: 0;
2676 | 	}
2677 | }
2678 | 
2679 | @-moz-keyframes rotateOut {
2680 | 	0% {
2681 | 		-moz-transform-origin: center center;
2682 | 		-moz-transform: rotate(0);
2683 | 		opacity: 1;
2684 | 	}
2685 | 
2686 | 	100% {
2687 | 		-moz-transform-origin: center center;
2688 | 		-moz-transform: rotate(200deg);
2689 | 		opacity: 0;
2690 | 	}
2691 | }
2692 | 
2693 | @-o-keyframes rotateOut {
2694 | 	0% {
2695 | 		-o-transform-origin: center center;
2696 | 		-o-transform: rotate(0);
2697 | 		opacity: 1;
2698 | 	}
2699 | 
2700 | 	100% {
2701 | 		-o-transform-origin: center center;
2702 | 		-o-transform: rotate(200deg);
2703 | 		opacity: 0;
2704 | 	}
2705 | }
2706 | 
2707 | @keyframes rotateOut {
2708 | 	0% {
2709 | 		transform-origin: center center;
2710 | 		transform: rotate(0);
2711 | 		opacity: 1;
2712 | 	}
2713 | 
2714 | 	100% {
2715 | 		transform-origin: center center;
2716 | 		transform: rotate(200deg);
2717 | 		opacity: 0;
2718 | 	}
2719 | }
2720 | 
2721 | .animated.rotateOut {
2722 | 	-webkit-animation-name: rotateOut;
2723 | 	-moz-animation-name: rotateOut;
2724 | 	-o-animation-name: rotateOut;
2725 | 	animation-name: rotateOut;
2726 | }
2727 | @-webkit-keyframes rotateOutUpLeft {
2728 | 	0% {
2729 | 		-webkit-transform-origin: left bottom;
2730 | 		-webkit-transform: rotate(0);
2731 | 		opacity: 1;
2732 | 	}
2733 | 
2734 | 	100% {
2735 | 		-webkit-transform-origin: left bottom;
2736 | 		-webkit-transform: rotate(-90deg);
2737 | 		opacity: 0;
2738 | 	}
2739 | }
2740 | 
2741 | @-moz-keyframes rotateOutUpLeft {
2742 | 	0% {
2743 | 		-moz-transform-origin: left bottom;
2744 | 		-moz-transform: rotate(0);
2745 | 		opacity: 1;
2746 | 	}
2747 | 
2748 | 	100% {
2749 | 		-moz-transform-origin: left bottom;
2750 | 		-moz-transform: rotate(-90deg);
2751 | 		opacity: 0;
2752 | 	}
2753 | }
2754 | 
2755 | @-o-keyframes rotateOutUpLeft {
2756 | 	0% {
2757 | 		-o-transform-origin: left bottom;
2758 | 		-o-transform: rotate(0);
2759 | 		opacity: 1;
2760 | 	}
2761 | 
2762 | 	100% {
2763 | 		-o-transform-origin: left bottom;
2764 | 		-o-transform: rotate(-90deg);
2765 | 		opacity: 0;
2766 | 	}
2767 | }
2768 | 
2769 | @keyframes rotateOutUpLeft {
2770 | 	0% {
2771 | 		transform-origin: left bottom;
2772 | 		transform: rotate(0);
2773 | 		opacity: 1;
2774 | 	}
2775 | 
2776 | 	100% {
2777 | 		transform-origin: left bottom;
2778 | 		transform: rotate(-90deg);
2779 | 		opacity: 0;
2780 | 	}
2781 | }
2782 | 
2783 | .animated.rotateOutUpLeft {
2784 | 	-webkit-animation-name: rotateOutUpLeft;
2785 | 	-moz-animation-name: rotateOutUpLeft;
2786 | 	-o-animation-name: rotateOutUpLeft;
2787 | 	animation-name: rotateOutUpLeft;
2788 | }
2789 | @-webkit-keyframes rotateOutDownLeft {
2790 | 	0% {
2791 | 		-webkit-transform-origin: left bottom;
2792 | 		-webkit-transform: rotate(0);
2793 | 		opacity: 1;
2794 | 	}
2795 | 
2796 | 	100% {
2797 | 		-webkit-transform-origin: left bottom;
2798 | 		-webkit-transform: rotate(90deg);
2799 | 		opacity: 0;
2800 | 	}
2801 | }
2802 | 
2803 | @-moz-keyframes rotateOutDownLeft {
2804 | 	0% {
2805 | 		-moz-transform-origin: left bottom;
2806 | 		-moz-transform: rotate(0);
2807 | 		opacity: 1;
2808 | 	}
2809 | 
2810 | 	100% {
2811 | 		-moz-transform-origin: left bottom;
2812 | 		-moz-transform: rotate(90deg);
2813 | 		opacity: 0;
2814 | 	}
2815 | }
2816 | 
2817 | @-o-keyframes rotateOutDownLeft {
2818 | 	0% {
2819 | 		-o-transform-origin: left bottom;
2820 | 		-o-transform: rotate(0);
2821 | 		opacity: 1;
2822 | 	}
2823 | 
2824 | 	100% {
2825 | 		-o-transform-origin: left bottom;
2826 | 		-o-transform: rotate(90deg);
2827 | 		opacity: 0;
2828 | 	}
2829 | }
2830 | 
2831 | @keyframes rotateOutDownLeft {
2832 | 	0% {
2833 | 		transform-origin: left bottom;
2834 | 		transform: rotate(0);
2835 | 		opacity: 1;
2836 | 	}
2837 | 
2838 | 	100% {
2839 | 		transform-origin: left bottom;
2840 | 		transform: rotate(90deg);
2841 | 		opacity: 0;
2842 | 	}
2843 | }
2844 | 
2845 | .animated.rotateOutDownLeft {
2846 | 	-webkit-animation-name: rotateOutDownLeft;
2847 | 	-moz-animation-name: rotateOutDownLeft;
2848 | 	-o-animation-name: rotateOutDownLeft;
2849 | 	animation-name: rotateOutDownLeft;
2850 | }
2851 | @-webkit-keyframes rotateOutUpRight {
2852 | 	0% {
2853 | 		-webkit-transform-origin: right bottom;
2854 | 		-webkit-transform: rotate(0);
2855 | 		opacity: 1;
2856 | 	}
2857 | 
2858 | 	100% {
2859 | 		-webkit-transform-origin: right bottom;
2860 | 		-webkit-transform: rotate(90deg);
2861 | 		opacity: 0;
2862 | 	}
2863 | }
2864 | 
2865 | @-moz-keyframes rotateOutUpRight {
2866 | 	0% {
2867 | 		-moz-transform-origin: right bottom;
2868 | 		-moz-transform: rotate(0);
2869 | 		opacity: 1;
2870 | 	}
2871 | 
2872 | 	100% {
2873 | 		-moz-transform-origin: right bottom;
2874 | 		-moz-transform: rotate(90deg);
2875 | 		opacity: 0;
2876 | 	}
2877 | }
2878 | 
2879 | @-o-keyframes rotateOutUpRight {
2880 | 	0% {
2881 | 		-o-transform-origin: right bottom;
2882 | 		-o-transform: rotate(0);
2883 | 		opacity: 1;
2884 | 	}
2885 | 
2886 | 	100% {
2887 | 		-o-transform-origin: right bottom;
2888 | 		-o-transform: rotate(90deg);
2889 | 		opacity: 0;
2890 | 	}
2891 | }
2892 | 
2893 | @keyframes rotateOutUpRight {
2894 | 	0% {
2895 | 		transform-origin: right bottom;
2896 | 		transform: rotate(0);
2897 | 		opacity: 1;
2898 | 	}
2899 | 
2900 | 	100% {
2901 | 		transform-origin: right bottom;
2902 | 		transform: rotate(90deg);
2903 | 		opacity: 0;
2904 | 	}
2905 | }
2906 | 
2907 | .animated.rotateOutUpRight {
2908 | 	-webkit-animation-name: rotateOutUpRight;
2909 | 	-moz-animation-name: rotateOutUpRight;
2910 | 	-o-animation-name: rotateOutUpRight;
2911 | 	animation-name: rotateOutUpRight;
2912 | }
2913 | @-webkit-keyframes rotateOutDownRight {
2914 | 	0% {
2915 | 		-webkit-transform-origin: right bottom;
2916 | 		-webkit-transform: rotate(0);
2917 | 		opacity: 1;
2918 | 	}
2919 | 
2920 | 	100% {
2921 | 		-webkit-transform-origin: right bottom;
2922 | 		-webkit-transform: rotate(-90deg);
2923 | 		opacity: 0;
2924 | 	}
2925 | }
2926 | 
2927 | @-moz-keyframes rotateOutDownRight {
2928 | 	0% {
2929 | 		-moz-transform-origin: right bottom;
2930 | 		-moz-transform: rotate(0);
2931 | 		opacity: 1;
2932 | 	}
2933 | 
2934 | 	100% {
2935 | 		-moz-transform-origin: right bottom;
2936 | 		-moz-transform: rotate(-90deg);
2937 | 		opacity: 0;
2938 | 	}
2939 | }
2940 | 
2941 | @-o-keyframes rotateOutDownRight {
2942 | 	0% {
2943 | 		-o-transform-origin: right bottom;
2944 | 		-o-transform: rotate(0);
2945 | 		opacity: 1;
2946 | 	}
2947 | 
2948 | 	100% {
2949 | 		-o-transform-origin: right bottom;
2950 | 		-o-transform: rotate(-90deg);
2951 | 		opacity: 0;
2952 | 	}
2953 | }
2954 | 
2955 | @keyframes rotateOutDownRight {
2956 | 	0% {
2957 | 		transform-origin: right bottom;
2958 | 		transform: rotate(0);
2959 | 		opacity: 1;
2960 | 	}
2961 | 
2962 | 	100% {
2963 | 		transform-origin: right bottom;
2964 | 		transform: rotate(-90deg);
2965 | 		opacity: 0;
2966 | 	}
2967 | }
2968 | 
2969 | .animated.rotateOutDownRight {
2970 | 	-webkit-animation-name: rotateOutDownRight;
2971 | 	-moz-animation-name: rotateOutDownRight;
2972 | 	-o-animation-name: rotateOutDownRight;
2973 | 	animation-name: rotateOutDownRight;
2974 | }
2975 | @-webkit-keyframes hinge {
2976 | 	0% { -webkit-transform: rotate(0); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; }
2977 | 	20%, 60% { -webkit-transform: rotate(80deg); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; }
2978 | 	40% { -webkit-transform: rotate(60deg); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; }
2979 | 	80% { -webkit-transform: rotate(60deg) translateY(0); opacity: 1; -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; }
2980 | 	100% { -webkit-transform: translateY(700px); opacity: 0; }
2981 | }
2982 | 
2983 | @-moz-keyframes hinge {
2984 | 	0% { -moz-transform: rotate(0); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; }
2985 | 	20%, 60% { -moz-transform: rotate(80deg); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; }
2986 | 	40% { -moz-transform: rotate(60deg); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; }
2987 | 	80% { -moz-transform: rotate(60deg) translateY(0); opacity: 1; -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; }
2988 | 	100% { -moz-transform: translateY(700px); opacity: 0; }
2989 | }
2990 | 
2991 | @-o-keyframes hinge {
2992 | 	0% { -o-transform: rotate(0); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; }
2993 | 	20%, 60% { -o-transform: rotate(80deg); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; }
2994 | 	40% { -o-transform: rotate(60deg); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; }
2995 | 	80% { -o-transform: rotate(60deg) translateY(0); opacity: 1; -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; }
2996 | 	100% { -o-transform: translateY(700px); opacity: 0; }
2997 | }
2998 | 
2999 | @keyframes hinge {
3000 | 	0% { transform: rotate(0); transform-origin: top left; animation-timing-function: ease-in-out; }
3001 | 	20%, 60% { transform: rotate(80deg); transform-origin: top left; animation-timing-function: ease-in-out; }
3002 | 	40% { transform: rotate(60deg); transform-origin: top left; animation-timing-function: ease-in-out; }
3003 | 	80% { transform: rotate(60deg) translateY(0); opacity: 1; transform-origin: top left; animation-timing-function: ease-in-out; }
3004 | 	100% { transform: translateY(700px); opacity: 0; }
3005 | }
3006 | 
3007 | .animated.hinge {
3008 | 	-webkit-animation-name: hinge;
3009 | 	-moz-animation-name: hinge;
3010 | 	-o-animation-name: hinge;
3011 | 	animation-name: hinge;
3012 | }
3013 | /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
3014 | 
3015 | @-webkit-keyframes rollIn {
3016 | 	0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); }
3017 | 	100% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); }
3018 | }
3019 | 
3020 | @-moz-keyframes rollIn {
3021 | 	0% { opacity: 0; -moz-transform: translateX(-100%) rotate(-120deg); }
3022 | 	100% { opacity: 1; -moz-transform: translateX(0px) rotate(0deg); }
3023 | }
3024 | 
3025 | @-o-keyframes rollIn {
3026 | 	0% { opacity: 0; -o-transform: translateX(-100%) rotate(-120deg); }
3027 | 	100% { opacity: 1; -o-transform: translateX(0px) rotate(0deg); }
3028 | }
3029 | 
3030 | @keyframes rollIn {
3031 | 	0% { opacity: 0; transform: translateX(-100%) rotate(-120deg); }
3032 | 	100% { opacity: 1; transform: translateX(0px) rotate(0deg); }
3033 | }
3034 | 
3035 | .animated.rollIn {
3036 | 	-webkit-animation-name: rollIn;
3037 | 	-moz-animation-name: rollIn;
3038 | 	-o-animation-name: rollIn;
3039 | 	animation-name: rollIn;
3040 | }
3041 | /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
3042 | 
3043 | @-webkit-keyframes rollOut {
3044 |     0% {
3045 | 		opacity: 1;
3046 | 		-webkit-transform: translateX(0px) rotate(0deg);
3047 | 	}
3048 | 
3049 |     100% {
3050 | 		opacity: 0;
3051 | 		-webkit-transform: translateX(100%) rotate(120deg);
3052 | 	}
3053 | }
3054 | 
3055 | @-moz-keyframes rollOut {
3056 |     0% {
3057 | 		opacity: 1;
3058 | 		-moz-transform: translateX(0px) rotate(0deg);
3059 | 	}
3060 | 
3061 |     100% {
3062 | 		opacity: 0;
3063 | 		-moz-transform: translateX(100%) rotate(120deg);
3064 | 	}
3065 | }
3066 | 
3067 | @-o-keyframes rollOut {
3068 |     0% {
3069 | 		opacity: 1;
3070 | 		-o-transform: translateX(0px) rotate(0deg);
3071 | 	}
3072 | 
3073 |     100% {
3074 | 		opacity: 0;
3075 | 		-o-transform: translateX(100%) rotate(120deg);
3076 | 	}
3077 | }
3078 | 
3079 | @keyframes rollOut {
3080 |     0% {
3081 | 		opacity: 1;
3082 | 		transform: translateX(0px) rotate(0deg);
3083 | 	}
3084 | 
3085 |     100% {
3086 | 		opacity: 0;
3087 | 		transform: translateX(100%) rotate(120deg);
3088 | 	}
3089 | }
3090 | 
3091 | .animated.rollOut {
3092 | 	-webkit-animation-name: rollOut;
3093 | 	-moz-animation-name: rollOut;
3094 | 	-o-animation-name: rollOut;
3095 | 	animation-name: rollOut;
3096 | }
3097 | 
3098 | /* originally authored by Angelo Rohit - https://github.com/angelorohit */
3099 | 
3100 | @-webkit-keyframes lightSpeedIn {
3101 | 	0% { -webkit-transform: translateX(100%) skewX(-30deg); opacity: 0; }
3102 | 	60% { -webkit-transform: translateX(-20%) skewX(30deg); opacity: 1; }
3103 | 	80% { -webkit-transform: translateX(0%) skewX(-15deg); opacity: 1; }
3104 | 	100% { -webkit-transform: translateX(0%) skewX(0deg); opacity: 1; }
3105 | }
3106 | 
3107 | @-moz-keyframes lightSpeedIn {
3108 | 	0% { -moz-transform: translateX(100%) skewX(-30deg); opacity: 0; }
3109 | 	60% { -moz-transform: translateX(-20%) skewX(30deg); opacity: 1; }
3110 | 	80% { -moz-transform: translateX(0%) skewX(-15deg); opacity: 1; }
3111 | 	100% { -moz-transform: translateX(0%) skewX(0deg); opacity: 1; }
3112 | }
3113 | 
3114 | @-o-keyframes lightSpeedIn {
3115 | 	0% { -o-transform: translateX(100%) skewX(-30deg); opacity: 0; }
3116 | 	60% { -o-transform: translateX(-20%) skewX(30deg); opacity: 1; }
3117 | 	80% { -o-transform: translateX(0%) skewX(-15deg); opacity: 1; }
3118 | 	100% { -o-transform: translateX(0%) skewX(0deg); opacity: 1; }
3119 | }
3120 | 
3121 | @keyframes lightSpeedIn {
3122 | 	0% { transform: translateX(100%) skewX(-30deg); opacity: 0; }
3123 | 	60% { transform: translateX(-20%) skewX(30deg); opacity: 1; }
3124 | 	80% { transform: translateX(0%) skewX(-15deg); opacity: 1; }
3125 | 	100% { transform: translateX(0%) skewX(0deg); opacity: 1; }
3126 | }
3127 | 
3128 | .animated.lightSpeedIn {
3129 |     -webkit-animation-name: lightSpeedIn;
3130 |     -moz-animation-name: lightSpeedIn;
3131 |     -o-animation-name: lightSpeedIn;
3132 |     animation-name: lightSpeedIn;
3133 | 
3134 |     -webkit-animation-timing-function: ease-out;
3135 |     -moz-animation-timing-function: ease-out;
3136 |     -o-animation-timing-function: ease-out;
3137 |     animation-timing-function: ease-out;
3138 | }
3139 | 
3140 | .animated.lightSpeedIn {
3141 |     -webkit-animation-duration: 0.5s;
3142 |     -moz-animation-duration: 0.5s;
3143 |     -o-animation-duration: 0.5s;
3144 |     animation-duration: 0.5s;
3145 | }
3146 | 
3147 | /* originally authored by Angelo Rohit - https://github.com/angelorohit */
3148 | 
3149 | @-webkit-keyframes lightSpeedOut {
3150 |     0% { -webkit-transform: translateX(0%) skewX(0deg); opacity: 1; }
3151 | 	100% { -webkit-transform: translateX(100%) skewX(-30deg); opacity: 0; }
3152 | }
3153 | 
3154 | @-moz-keyframes lightSpeedOut {
3155 | 	0% { -moz-transform: translateX(0%) skewX(0deg); opacity: 1; }
3156 | 	100% { -moz-transform: translateX(100%) skewX(-30deg); opacity: 0; }
3157 | }
3158 | 
3159 | @-o-keyframes lightSpeedOut {
3160 | 	0% { -o-transform: translateX(0%) skewX(0deg); opacity: 1; }
3161 | 	100% { -o-transform: translateX(100%) skewX(-30deg); opacity: 0; }
3162 | }
3163 | 
3164 | @keyframes lightSpeedOut {
3165 | 	0% { transform: translateX(0%) skewX(0deg); opacity: 1; }
3166 | 	100% { transform: translateX(100%) skewX(-30deg); opacity: 0; }
3167 | }
3168 | 
3169 | .animated.lightSpeedOut {
3170 |     -webkit-animation-name: lightSpeedOut;
3171 |     -moz-animation-name: lightSpeedOut;
3172 |     -o-animation-name: lightSpeedOut;
3173 |     animation-name: lightSpeedOut;
3174 | 
3175 |     -webkit-animation-timing-function: ease-in;
3176 |     -moz-animation-timing-function: ease-in;
3177 |     -o-animation-timing-function: ease-in;
3178 |     animation-timing-function: ease-in;
3179 | }
3180 | 
3181 | .animated.lightSpeedOut {
3182 |     -webkit-animation-duration: 0.25s;
3183 |     -moz-animation-duration: 0.25s;
3184 |     -o-animation-duration: 0.25s;
3185 |     animation-duration: 0.25s;
3186 | }


--------------------------------------------------------------------------------