├── .gitattributes
├── app
    ├── robots.txt
    ├── styles
    │   └── main.css
    ├── test
    │   ├── tests.html
    │   └── index.html
    ├── scripts
    │   └── app.js
    ├── index.html
    ├── elements
    │   ├── questions
    │   │   ├── answer-form.html
    │   │   ├── answer.html
    │   │   ├── view.html
    │   │   └── list.html
    │   └── app.html
    ├── 404.html
    ├── favicon.ico
    └── .htaccess
├── .bowerrc
├── .yo-rc.json
├── .gitignore
├── bower.json
├── security.json
├── .editorconfig
├── .jshintrc
├── README.md
├── package.json
├── LICENSE
└── Gruntfile.js


/.gitattributes:
--------------------------------------------------------------------------------
1 | * text=auto


--------------------------------------------------------------------------------
/app/robots.txt:
--------------------------------------------------------------------------------
1 | # robotstxt.org
2 | 
3 | User-agent: *
4 | 


--------------------------------------------------------------------------------
/.bowerrc:
--------------------------------------------------------------------------------
1 | {
2 |   "directory": "app/bower_components"
3 | }
4 | 


--------------------------------------------------------------------------------
/.yo-rc.json:
--------------------------------------------------------------------------------
1 | {
2 |   "generator-polymer": {
3 |     "includeSass": false
4 |   }
5 | }


--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
1 | node_modules
2 | dist
3 | test/temp
4 | .sass-cache
5 | app/bower_components
6 | .tmp
7 | test/bower_components/
8 | .divshot-cache


--------------------------------------------------------------------------------
/app/styles/main.css:
--------------------------------------------------------------------------------
 1 | body {
 2 |   background: #fafafa;
 3 |   font-family: RobotoDraft, "Helvetica Neue", Helvetica, Arial;
 4 |   color: #333;
 5 | }
 6 | 
 7 | html /deep/ paper-action-dialog paper-input {
 8 |   width: 100%;
 9 | }
10 | 
11 | html /deep/ paper-action-dialog paper-autogrow-textarea textarea {
12 |   font-size: 14px;
13 | }


--------------------------------------------------------------------------------
/app/test/tests.html:
--------------------------------------------------------------------------------
 1 | <link rel="import"
 2 |   href="../bower_components/polymer-test-tools/tools.html">
 3 | 
 4 | <script src="../bower_components/polymer-test-tools/mocha-htmltest.js">
 5 | </script>
 6 | 
 7 | <script>
 8 | 
 9 |   mocha.setup({ui: 'tdd', slow: 1000, timeout: 5000, htmlbase: ''});
10 |   mocha.run();
11 | 
12 | </script>
13 | 


--------------------------------------------------------------------------------
/app/scripts/app.js:
--------------------------------------------------------------------------------
 1 | (function(document) {
 2 |   'use strict';
 3 | 
 4 |   document.addEventListener('polymer-ready', function() {
 5 |     // Perform some behaviour
 6 |     console.log('Polymer is ready to rock!');
 7 |   });
 8 | 
 9 | // wrap document so it plays nice with other libraries
10 | // http://www.polymer-project.org/platform/shadow-dom.html#wrappers
11 | })(wrap(document));
12 | 


--------------------------------------------------------------------------------
/bower.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "polymer-firebase-qa",
 3 |   "version": "1.0.0",
 4 |   "dependencies": {
 5 |     "core-elements": "Polymer/core-elements#~0.5.0",
 6 |     "paper-elements": "Polymer/paper-elements#~0.5.0",
 7 |     "pvc-globals": "Divshot/pvc-globals",
 8 |     "firebase-element": "Polymer/firebase-element#~0.5.0",
 9 |     "app-router": "~2.0.2"
10 |   },
11 |   "devDependencies": {
12 |     "polymer-test-tools": "Polymer/polymer-test-tools#^0.4.0"
13 |   }
14 | }
15 | 


--------------------------------------------------------------------------------
/security.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "rules": {
 3 |     "questions": {
 4 |       ".read": true,
 5 |       "$question_id": {
 6 |         ".write": "(!data.exists() && newData.exists() && auth != null) || (data.child('user/uid').val() == auth.uid)",
 7 |         "answers": {
 8 |           "$answer_id": {
 9 |             ".write": "(!data.exists() && newData.exists() && auth != null) || (data.child('user/uid').val() == auth.uid)"
10 |           }
11 |         }
12 |       }
13 |     }
14 |   }
15 | }


--------------------------------------------------------------------------------
/app/test/index.html:
--------------------------------------------------------------------------------
 1 | <!doctype html>
 2 | <html>
 3 | 
 4 |   <head>
 5 |     <meta name="viewport" content="width=device-width, minimum-scale=1.0, initial-scale=1.0, user-scalable=yes">
 6 |     <title>Core Elements Test Runner</title>
 7 |     <meta charset="UTF-8">
 8 | 
 9 |     <script src="../bower_components/platform/platform.js"></script>
10 | 
11 |     <link rel="import" href="tests.html">
12 | 
13 |   </head>
14 | 
15 |   <body>
16 | 
17 |     <div id="mocha"></div>
18 | 
19 |   </body>
20 | 
21 | </html>
22 | 


--------------------------------------------------------------------------------
/.editorconfig:
--------------------------------------------------------------------------------
 1 | # EditorConfig helps developers define and maintain consistent
 2 | # coding styles between different editors and IDEs
 3 | # editorconfig.org
 4 | 
 5 | root = true
 6 | 
 7 | 
 8 | [*]
 9 | 
10 | # Change these settings to your own preference
11 | indent_style = space
12 | indent_size = 2
13 | 
14 | # We recommend you to keep these unchanged
15 | end_of_line = lf
16 | charset = utf-8
17 | trim_trailing_whitespace = true
18 | insert_final_newline = true
19 | 
20 | [*.md]
21 | trim_trailing_whitespace = false
22 | 


--------------------------------------------------------------------------------
/.jshintrc:
--------------------------------------------------------------------------------
 1 | {
 2 |   "node": true,
 3 |   "browser": true,
 4 |   "esnext": true,
 5 |   "bitwise": true,
 6 |   "camelcase": true,
 7 |   "curly": true,
 8 |   "eqeqeq": true,
 9 |   "immed": true,
10 |   "indent": 2,
11 |   "latedef": true,
12 |   "noarg": true,
13 |   "quotmark": "single",
14 |   "regexp": true,
15 |   "undef": true,
16 |   "unused": true,
17 |   "strict": true,
18 |   "trailing": true,
19 |   "smarttabs": true,
20 |   "jquery": true,
21 |   "globals": {
22 |     "wrap": true,
23 |     "unwrap": true,
24 |     "Polymer": true,
25 |     "Platform": true
26 |   }
27 | }
28 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | # Polymer + Firebase Q&A
 2 | 
 3 | A simple Q&A app built with Polymer and Firebase. Covers routing, authentication, material design, and CRUD operations.
 4 | 
 5 | - [Live Demo](http://polymer-qa.divshot.io/)
 6 | - [Video Walkthrough](https://www.youtube.com/watch?v=gErWcBdd-F8)
 7 | 
 8 | ## Running Locally
 9 | 
10 | Create a new app in Firebase. Set up a new GitHub application and [configure authentication](https://www.firebase.com/docs/web/guide/login/github.html) in Forge. Run the following command in your terminal:
11 | 
12 |     npm install && bower install
13 | 
14 | Edit `/app/elements/app.html` and change `<your-firebase>` to your Firebase URL:
15 | 
16 | ```javascript
17 | Polymer({
18 |   ready: function() {
19 |     this.globals.firebase = '<your-firebase>';
20 |   },
21 | ```
22 | 
23 | Run the server locally with Grunt:
24 | 
25 |     grunt serve


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "divshot-qa-walkthrough",
 3 |   "version": "0.0.0",
 4 |   "dependencies": {},
 5 |   "devDependencies": {
 6 |     "grunt": "~0.4.1",
 7 |     "grunt-contrib-copy": "~0.5.0",
 8 |     "grunt-autoprefixer": "^1.0.0",
 9 |     "grunt-minify-html": "^0.1.0",
10 |     "grunt-contrib-concat": "~0.5.0",
11 |     "grunt-contrib-uglify": "~0.5.0",
12 |     "grunt-contrib-jshint": "~0.10.0",
13 |     "grunt-contrib-cssmin": "~0.10.0",
14 |     "grunt-contrib-connect": "0.8.0",
15 |     "grunt-contrib-clean": "0.5.0",
16 |     "grunt-contrib-imagemin": "0.7.1",
17 |     "grunt-contrib-watch": "~0.6.1",
18 |     "grunt-usemin": "~2.3.0",
19 |     "grunt-pagespeed": "~0.3.0",
20 |     "grunt-rev": "~0.1.0",
21 |     "grunt-open": "~0.2.3",
22 |     "grunt-vulcanize": "~0.3.0",
23 |     "connect-livereload": "~0.4.0",
24 |     "time-grunt": "~0.4.0",
25 |     "load-grunt-tasks": "~0.6.0",
26 |     "jshint-stylish": "~0.4.0"
27 |   },
28 |   "engines": {
29 |     "node": ">=0.10.0"
30 |   }
31 | }
32 | 


--------------------------------------------------------------------------------
/app/index.html:
--------------------------------------------------------------------------------
 1 | <!doctype html>
 2 | <html>
 3 | 
 4 | <head>
 5 |   <meta charset="utf-8">
 6 |   <meta http-equiv="X-UA-Compatible" content="IE=edge">
 7 |   <title>Firebase Q&A</title>
 8 |   <meta name="description" content="">
 9 |   <meta name="viewport" content="width=device-width, minimum-scale=1.0, initial-scale=1.0, user-scalable=yes">
10 |   <!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
11 | 
12 |   <!-- build:css styles/main.css -->
13 |   <link rel="stylesheet" href="styles/main.css">
14 |   <!-- endbuild-->
15 | 
16 |   <script src="bower_components/webcomponentsjs/webcomponents.js"></script>
17 |   <!-- build:vulcanized elements/elements.vulcanized.html -->
18 |   <link rel="import" href="elements/app.html">
19 |   <!-- endbuild-->
20 | 
21 |   <link rel="stylesheet" href="//fonts.googleapis.com/css?family=RobotoDraft:300,400,500">
22 | </head>
23 | 
24 | <body fullbleed unresolved>
25 |   <qa-app></qa-app>
26 | 
27 |   <!-- build:js scripts/app.js -->
28 |   <script src="scripts/app.js"></script>
29 |   <!-- endbuild-->
30 | </body>
31 | 
32 | </html>
33 | 


--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
 1 | The MIT License (MIT)
 2 | 
 3 | Copyright (c) 2015 Divshot, Inc.
 4 | 
 5 | Permission is hereby granted, free of charge, to any person obtaining a copy
 6 | of this software and associated documentation files (the "Software"), to deal
 7 | in the Software without restriction, including without limitation the rights
 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 | 
12 | The above copyright notice and this permission notice shall be included in
13 | all 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,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
21 | THE SOFTWARE.


--------------------------------------------------------------------------------
/app/elements/questions/answer-form.html:
--------------------------------------------------------------------------------
 1 | <link rel="import" href="/bower_components/firebase-element/firebase-element.html">
 2 | <link rel="import" href="/bower_components/pvc-globals/pvc-globals.html">
 3 | <link rel="import" href="/bower_components/paper-input/paper-autogrow-textarea.html">
 4 | 
 5 | <polymer-element name="qa-answer-form" attributes="questionId">
 6 |   <template>
 7 |     <style>
 8 |       :host {
 9 |         display: block;
10 |         border-top: 1px solid #f5f5f5;
11 |         padding: 40px;
12 |       }
13 | 
14 |       paper-autogrow-textarea {
15 |         display: block;
16 |         margin: 0 0 10px;
17 |       }
18 | 
19 |       paper-autogrow-textarea textarea {
20 |         font-size: 14px;
21 |       }
22 |     </style>
23 |     <firebase-element id="base" location="https://{{globals.firebase}}.firebaseio.com/questions/{{questionId}}/answers" data="{{answers}}"></firebase-element>
24 |     <pvc-globals values="{{globals}}"></pvc-globals>
25 | 
26 |     <paper-autogrow-textarea id="answerArea">
27 |       <textarea id="answer" placeholder="Type your answer here..."></textarea>
28 |     </paper-autogrow-textarea>
29 | 
30 |     <button on-click="{{submit}}">Submit Answer</button>
31 |   </template>
32 |   <script>
33 |     Polymer({
34 |       submit: function() {
35 |         if (this.$.answer.value.length) {
36 |           var answer = this.$.base.push({
37 |             content: this.$.answer.value,
38 |             user: {
39 |               uid: this.globals.currentUser.uid,
40 |               username: this.globals.currentUser.github.username,
41 |               avatar_url: this.globals.currentUser.github.cachedUserProfile.avatar_url,
42 |               html_url: this.globals.currentUser.github.cachedUserProfile.html_url
43 |             },
44 |             timestamp: new Date().getTime()
45 |           });
46 | 
47 |           this.$.answer.value = '';
48 |         } else {
49 |           console.error('Please write an answer.');
50 |         }
51 |       }
52 |     });
53 |   </script>
54 | </polymer-element>


--------------------------------------------------------------------------------
/app/elements/questions/answer.html:
--------------------------------------------------------------------------------
 1 | <link rel="import" href="/bower_components/firebase-element/firebase-element.html">
 2 | <link rel="import" href="/bower_components/pvc-globals/pvc-globals.html">
 3 | 
 4 | <polymer-element name="qa-answer" attributes="id questionId">
 5 |   <template>
 6 |     <style>
 7 |       :host {
 8 |         display: block;
 9 |       }
10 | 
11 |       .answer {
12 |         padding: 40px 20px;
13 |       }
14 | 
15 |       .author {
16 |         width: 120px;
17 |         font-size: 12px;
18 |         padding: 8px 40px 0 0;
19 |         text-align: center;
20 |       }
21 | 
22 |       .author a {
23 |         color: #333;
24 |         text-decoration: none;
25 |       }
26 | 
27 |       .avatar {
28 |         display: block;
29 |         margin: 0 auto 10px auto;
30 |         border-radius: 50%;
31 |       }
32 | 
33 |       .content {
34 |         color: #616161;
35 |         margin: 0 0 20px;
36 |       }
37 |     </style>
38 |     <firebase-element id="base" location="https://{{globals.firebase}}.firebaseio.com/questions/{{questionId}}/answers/{{id}}" data="{{answer}}"></firebase-element>
39 |     <pvc-globals values="{{globals}}"></pvc-globals>
40 | 
41 |     <div class="answer" layout horizontal>
42 |       <div class="author">
43 |         <a href="{{answer.user.html_url}}" target="_blank">
44 |           <img class="avatar" src="{{answer.user.avatar_url}}" width="32">
45 |           <span class="username">{{answer.user.username}}</span>
46 |         </a> 
47 |       </div>
48 |       <div flex>
49 |         <p id="answerContent" class="content" contenteditable?="{{editMode}}">{{answer.content}}</p>
50 | 
51 |         <div hidden?="{{!editMode}}">
52 |           <button on-click="{{save}}">Save Answer</button> or <a on-click="{{cancel}}">Cancel</a>
53 |         </div>
54 | 
55 |         <button on-click="{{edit}}" hidden?="{{answer.user.username != globals.currentUser.github.username}}">Edit Answer</button>
56 |         <button on-click="{{delete}}" hidden?="{{answer.user.username != globals.currentUser.github.username}}">Delete Answer</button>
57 |       </div>
58 |     </div>
59 |   </template>
60 |   <script>
61 |     Polymer({
62 |       editMode: false,
63 |       edit: function() {
64 |         this.editMode = true;
65 |       },
66 |       cancel: function() {
67 |         this.editMode = false;
68 |       },
69 |       save: function() {
70 |         this.answer.content = this.$.answerContent.innerHTML;
71 |         this.editMode = false;
72 |       },
73 |       delete: function() {
74 |         var confirmDeletion = confirm('Are you sure you want to delete this answer?');
75 |         if (confirmDeletion) {
76 |           this.$.base.remove('/');
77 |         }
78 |       }
79 |     });
80 |   </script>
81 | </polymer-element>


--------------------------------------------------------------------------------
/app/404.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html lang="en">
  3 | 
  4 | <head>
  5 |   <meta charset="utf-8">
  6 |   <title>Page Not Found :(</title>
  7 |   <style>
  8 |   ::-moz-selection {
  9 |     background: #b3d4fc;
 10 |     text-shadow: none;
 11 |   }
 12 |   ::selection {
 13 |     background: #b3d4fc;
 14 |     text-shadow: none;
 15 |   }
 16 |   html {
 17 |     padding: 30px 10px;
 18 |     font-size: 20px;
 19 |     line-height: 1.4;
 20 |     color: #737373;
 21 |     background: #f0f0f0;
 22 |     -webkit-text-size-adjust: 100%;
 23 |     -ms-text-size-adjust: 100%;
 24 |   }
 25 |   html,
 26 |   input {
 27 |     font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
 28 |   }
 29 |   body {
 30 |     max-width: 500px;
 31 |     _width: 500px;
 32 |     padding: 30px 20px 50px;
 33 |     border: 1px solid #b3b3b3;
 34 |     border-radius: 4px;
 35 |     margin: 0 auto;
 36 |     box-shadow: 0 1px 10px #a7a7a7, inset 0 1px 0 #fff;
 37 |     background: #fcfcfc;
 38 |   }
 39 |   h1 {
 40 |     margin: 0 10px;
 41 |     font-size: 50px;
 42 |     text-align: center;
 43 |   }
 44 |   h1 span {
 45 |     color: #bbb;
 46 |   }
 47 |   h3 {
 48 |     margin: 1.5em 0 0.5em;
 49 |   }
 50 |   p {
 51 |     margin: 1em 0;
 52 |   }
 53 |   ul {
 54 |     padding: 0 0 0 40px;
 55 |     margin: 1em 0;
 56 |   }
 57 |   .container {
 58 |     max-width: 380px;
 59 |     _width: 380px;
 60 |     margin: 0 auto;
 61 |   }
 62 |   /* google search */
 63 |   #goog-fixurl ul {
 64 |     list-style: none;
 65 |     padding: 0;
 66 |     margin: 0;
 67 |   }
 68 |   #goog-fixurl form {
 69 |     margin: 0;
 70 |   }
 71 |   #goog-wm-qt,
 72 |   #goog-wm-sb {
 73 |     border: 1px solid #bbb;
 74 |     font-size: 16px;
 75 |     line-height: normal;
 76 |     vertical-align: top;
 77 |     color: #444;
 78 |     border-radius: 2px;
 79 |   }
 80 |   #goog-wm-qt {
 81 |     width: 220px;
 82 |     height: 20px;
 83 |     padding: 5px;
 84 |     margin: 5px 10px 0 0;
 85 |     box-shadow: inset 0 1px 1px #ccc;
 86 |   }
 87 |   #goog-wm-sb {
 88 |     display: inline-block;
 89 |     height: 32px;
 90 |     padding: 0 10px;
 91 |     margin: 5px 0 0;
 92 |     white-space: nowrap;
 93 |     cursor: pointer;
 94 |     background-color: #f5f5f5;
 95 |     background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), #f1f1f1);
 96 |     background-image: -moz-linear-gradient(rgba(255, 255, 255, 0), #f1f1f1);
 97 |     background-image: -ms-linear-gradient(rgba(255, 255, 255, 0), #f1f1f1);
 98 |     background-image: -o-linear-gradient(rgba(255, 255, 255, 0), #f1f1f1);
 99 |     -webkit-appearance: none;
100 |     -moz-appearance: none;
101 |     appearance: none;
102 |     *overflow: visible;
103 |     *display: inline;
104 |     *zoom: 1;
105 |   }
106 |   #goog-wm-sb:hover,
107 |   #goog-wm-sb:focus {
108 |     border-color: #aaa;
109 |     box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
110 |     background-color: #f8f8f8;
111 |   }
112 |   #goog-wm-qt:hover,
113 |   #goog-wm-qt:focus {
114 |     border-color: #105cb6;
115 |     outline: 0;
116 |     color: #222;
117 |   }
118 |   input::-moz-focus-inner {
119 |     padding: 0;
120 |     border: 0;
121 |   }
122 |   </style>
123 | </head>
124 | 
125 | <body>
126 |   <div class="container">
127 |     <h1>Not found
128 |       <span>:(</span>
129 |     </h1>
130 |     <p>Sorry, but the page you were trying to view does not exist.</p>
131 |     <p>It looks like this was the result of either:</p>
132 |     <ul>
133 |       <li>a mistyped address</li>
134 |       <li>an out-of-date link</li>
135 |     </ul>
136 |     <script>
137 |     var GOOG_FIXURL_LANG = (navigator.language || '').slice(0, 2),
138 |       GOOG_FIXURL_SITE = location.host;
139 |     </script>
140 |     <script src="http://linkhelp.clients.google.com/tbproxy/lh/wm/fixurl.js"></script>
141 |   </div>
142 | </body>
143 | 
144 | </html>
145 | 


--------------------------------------------------------------------------------
/app/elements/questions/view.html:
--------------------------------------------------------------------------------
  1 | <link rel="import" href="/bower_components/firebase-element/firebase-element.html">
  2 | <link rel="import" href="/bower_components/pvc-globals/pvc-globals.html">
  3 | <link rel="import" href="/elements/questions/answer.html">
  4 | <link rel="import" href="/elements/questions/answer-form.html">
  5 | 
  6 | <polymer-element name="qa-view">
  7 |   <template>
  8 |     <style>
  9 |       :host {
 10 |         display: block;
 11 |       }
 12 | 
 13 |       .question {
 14 |         padding: 40px 20px;
 15 |         border-bottom: 1px solid #f5f5f5;
 16 |       }
 17 | 
 18 |       .author {
 19 |         width: 120px;
 20 |         padding: 8px 40px 0 0;
 21 |         text-align: center;
 22 |       }
 23 | 
 24 |       .author a {
 25 |         color: #333;
 26 |         text-decoration: none;
 27 |       }
 28 | 
 29 |       .avatar {
 30 |         display: block;
 31 |         margin: 0 auto 10px auto;
 32 |         border-radius: 50%;
 33 |       }
 34 | 
 35 |       h1 {
 36 |         margin-top: 0;
 37 |       }
 38 | 
 39 |       .content {
 40 |         color: #616161;
 41 |         margin: 0 0 20px;
 42 |       }
 43 |     </style>
 44 |     <firebase-element id="base" location="https://{{globals.firebase}}.firebaseio.com/questions/{{id}}" data="{{question}}"></firebase-element>
 45 |     <pvc-globals values="{{globals}}"></pvc-globals>
 46 | 
 47 |     <paper-shadow z="1">
 48 |       <div class="question" layout horizontal>
 49 |         <div class="author">
 50 |           <a href="{{question.user.html_url}}" target="_blank">
 51 |             <img class="avatar" src="{{question.user.avatar_url}}" width="40">
 52 |             <span class="username">{{question.user.username}}</span>
 53 |           </a>
 54 |           <qa-like questionId="{{id}}" type="question"></qa-like>
 55 |         </div>
 56 |         <div flex>
 57 |           <h1 id="questionTitle" contenteditable?="{{editMode}}">{{question.title}}</h1>
 58 |           <div id="questionContent" class="content" contenteditable?="{{editMode}}">
 59 |             {{question.content}}
 60 |           </div>
 61 |           <div hidden?="{{!editMode}}">
 62 |             <button on-click="{{saveQuestion}}">Save Question</button> or <a on-click="{{cancelEditing}}">Cancel</a>
 63 |           </div>
 64 |           <button on-click="{{editQuestion}}" hidden?="{{question.user.username != globals.currentUser.github.username}}">Edit Question</button>
 65 |           <button on-click="{{deleteQuestion}}" hidden?="{{question.user.username != globals.currentUser.github.username}}">Delete Question</button>
 66 |         </div>
 67 |       </div>
 68 |     </paper-shadow>
 69 | 
 70 |     <template repeat="{{key in keys(question.answers)}}">
 71 |       <qa-answer id="{{key}}" questionId="{{id}}"></qa-answer>
 72 |     </template>
 73 | 
 74 |     <div hidden?="{{!globals.currentUser}}">
 75 |       <qa-answer-form questionId="{{id}}"></qa-answer-form>
 76 |     </div>
 77 |   </template>
 78 |   <script>
 79 |     Polymer({
 80 |       editMode: false,
 81 |       keys: function(input) {
 82 |         if (input) return Object.keys(input);
 83 |       },
 84 |       editQuestion: function() {
 85 |         this.editMode = true;
 86 |       },
 87 |       cancelEditing: function() {
 88 |         this.editMode = false;
 89 |       },
 90 |       saveQuestion: function() {
 91 |         this.question.title = this.$.questionTitle.innerText;
 92 |         this.question.content = this.$.questionContent.innerHTML;
 93 |         this.editMode = false;
 94 |       },
 95 |       deleteQuestion: function() {
 96 |         var confirmDeletion = confirm('Are you sure you want to delete this question?');
 97 |         if (confirmDeletion) {
 98 |           document.location.href = '/#/';
 99 |           this.$.base.remove('/');
100 |         }
101 |       }
102 |     });
103 |   </script>
104 | </polymer-element>


--------------------------------------------------------------------------------
/app/elements/app.html:
--------------------------------------------------------------------------------
  1 | <link rel="import" href="/bower_components/polymer/polymer.html">
  2 | <link rel="import" href="/bower_components/core-header-panel/core-header-panel.html">
  3 | <link rel="import" href="/bower_components/core-toolbar/core-toolbar.html">
  4 | <link rel="import" href="/bower_components/core-icons/social-icons.html">
  5 | <link rel="import" href="/bower_components/core-menu/core-menu.html">
  6 | <link rel="import" href="/bower_components/paper-dropdown/paper-dropdown.html">
  7 | <link rel="import" href="/bower_components/paper-icon-button/paper-icon-button.html">
  8 | <link rel="import" href="/bower_components/paper-menu-button/paper-menu-button.html">
  9 | <link rel="import" href="/bower_components/paper-item/paper-item.html">
 10 | <link rel="import" href="/bower_components/firebase-element/firebase-element.html">
 11 | <link rel="import" href="/bower_components/firebase-element/firebase-login.html">
 12 | <link rel="import" href="/bower_components/pvc-globals/pvc-globals.html">
 13 | <link rel="import" href="/bower_components/app-router/app-router.html">
 14 | 
 15 | <polymer-element name="qa-app">
 16 |   <template>
 17 |     <style>
 18 |       :host {
 19 |         display: block;
 20 |         height: 100%;
 21 |       }
 22 | 
 23 |       core-header-panel {
 24 |         height: 100%;
 25 |       }
 26 | 
 27 |       core-header-panel::shadow #mainContainer {
 28 |         background: #f5f5f5;
 29 |       }
 30 | 
 31 |       core-toolbar {
 32 |         background: none;
 33 |       }
 34 | 
 35 |       .core-header {
 36 |         height: 60px;
 37 |         line-height: 60px;
 38 |         font-size: 18px;
 39 |         padding: 0 10px;
 40 |         background-color: #3F51B5;
 41 |         color: #fff;
 42 |         transition: height 0.2s;
 43 |       }
 44 | 
 45 |       .core-header paper-item {
 46 |         color: #333;
 47 |       }
 48 | 
 49 |       .core-header paper-menu-button {
 50 |         height: 40px;
 51 |       }
 52 | 
 53 |       .content {
 54 |         background: #fff;
 55 |       }
 56 |     </style>
 57 |     <firebase-login id="baseLogin" user="{{user}}" statusKnown="{{statusKnown}}" location="https://{{globals.firebase}}.firebaseio.com" provider="github" on-login="{{onLogin}}" on-error="{{onLoginError}}"></firebase-login>
 58 |     <pvc-globals values="{{globals}}"></pvc-globals>
 59 |     <core-header-panel>
 60 |       <div class="core-header">
 61 |         <core-toolbar>
 62 |           <div flex>Firebase Q&amp;A</div>
 63 |           <paper-menu-button halign="right">
 64 |             <paper-icon-button icon="social:person"></paper-icon-button>
 65 |             <paper-dropdown class="dropdown" transition="">
 66 |               <core-menu class="menu">
 67 |                 <paper-item on-click="{{login}}" hidden?="{{!statusKnown || user}}">Login</paper-item>
 68 |                 <paper-item on-click="{{logout}}" hidden?="{{!statusKnown || !user}}">Logout</paper-item>
 69 |               </core-menu>
 70 |             </paper-dropdown>
 71 |           </paper-menu-button>
 72 |           <template if="{{user}}">{{user.github.username}}</template>
 73 |         </core-toolbar>
 74 |       </div>
 75 |       <div class="content">
 76 |         <app-router>
 77 |           <app-route path="/" import="/elements/questions/list.html" element="qa-list"></app-route>
 78 |           <app-route path="/questions/:id" import="/elements/questions/view.html" element="qa-view"></app-route>
 79 |         </app-router>
 80 |       </div>
 81 |     </core-header-panel>
 82 |   </template>
 83 |   <script>
 84 |   (function () {
 85 |     'use strict';
 86 | 
 87 |     Polymer({
 88 |       ready: function() {
 89 |         this.globals.firebase = '<your-firebase>';
 90 |       },
 91 |       login: function() {
 92 |         this.$.baseLogin.login();
 93 |       },
 94 |       logout: function() {
 95 |         this.$.baseLogin.logout();
 96 |       },
 97 |       onLogin: function() {
 98 |         this.globals.currentUser = this.user;
 99 |       },
100 |       onLoginError: function(err) {
101 |         console.log('An error occurred.');
102 |       }
103 |     });
104 | 
105 |   })();
106 |   </script>
107 | </polymer-element>


--------------------------------------------------------------------------------
/app/favicon.ico:
--------------------------------------------------------------------------------
 1 | 

  
 �( @
 -2Op"=p�Jt��Jt��b���������������������������������������������������b���Jt��Jt��"=p�Op-2O`O�O�O�O�O�O�O�$\�Jt��������������v���v���������������Jt��$\�O�O�O�O�O�O�O�O`O�O�O�O�O�O�O�O�O�O� ;n�s���>���>���>���>���s��� ;n�O�O�O�O�O�O�O�O�O�O�O`O�O�O�O�O�O�O�O�O�O�$\�]���^n��^n��]���$\�O�O�O�O�O�O�O�O�O�O�O`O�O�O�O�O�O�O�O�O�O�O�n�*��*��n�O�O�O�O�O�O�O�O�O�O�O� O�O�O�O�O�O�O�O�O�O�O�5>Y�5>Y�O�O�O�O�O�O�O�O�O�O�O� -2O�O�O�O�O�O�O�O�O�O�&6e�&6e�O�O�O�O�O�O�O�O�O�O�-25r�4���E���$\�O�O�O�O�O�O�O�O�O�O�O�O�O�O�O�O�O�O�$\�E���4���5r�5r�E���M���M���v���0\��O�O�O�O�O�O�O�$\�$\�O�O�O�O�O�O�O�0\��v���M���M���E���5r�)��p&��p��&��������������b���Jt��Jt��Jt��0\��#i��.r��.r��#i��0\��Jt��Jt��Jt��b���������������&��p��&��)��p4���&��-���_������������������]���]�������7���p�����������p���7�������]���]�������������������_��-���-���4���qֈp��p��p����������������������p���7���#i��p�����������p���#i��7���p�����������������������p��&��-���qֈ8��(p��p��I���v���v���]���7���n���v���p���#i��]���v���v���]���#i��p���v���n���7���]���v���v���I���-���-���8��(;��`-���M���7���7���7���.r��R��E��R��E��7���7���7���7���E��R��E��R��.r��7���7���7���M���M���;��`���������������������������z���������������������������
 2 | � ���
 3 | �
9�
9�
9�
9�
9�
9�
9�
9�
 4 |  �n�n�
 5 |  �
9�
9�
9�
9�
9�
9�
9�
9�
 6 | ����*�x*��*��*��*��*��*��*��n�&��#
��&��&��n�*��*��*��*��*��*��*��*�x*ݟ*��*��*��*��*��*��!
��#
��&��#
��&��*��!
��!
��*��*��*��*��*��*��*ݟ*ݿ*��*��*��*��*��*��n�*��*��
9�
9�*��*���*��*��*��*��*��*��*ݿ*��*��*��*��*��*��*��!
��#
��&��&��&��*��#
��!
��*��*��*��*��*��*��*�� ��������I�&��&��&��&��I��������� U���������
 7 |  �n�n�
 8 |  ����������-2z����������������������z������������������������
 9 | �����������������������
10 | �������������������������
11 | ������������������������-2����������������������U�������������������z5r������������������-25r�U�����������z ������������������������������?��
�


--------------------------------------------------------------------------------
/app/elements/questions/list.html:
--------------------------------------------------------------------------------
  1 | <link rel="import" href="/bower_components/firebase-element/firebase-element.html">
  2 | <link rel="import" href="/bower_components/pvc-globals/pvc-globals.html">
  3 | <link rel="import" href="/bower_components/paper-dialog/paper-action-dialog.html">
  4 | <link rel="import" href="/bower_components/paper-button/paper-button.html">
  5 | <link rel="import" href="/bower_components/paper-input/paper-input.html">
  6 | <link rel="import" href="/bower_components/paper-input/paper-autogrow-textarea.html">
  7 | 
  8 | <polymer-element name="qa-list">
  9 |   <template>
 10 |     <style>
 11 |       :host {
 12 |         display: block;
 13 |       }
 14 | 
 15 |       .question {
 16 |         padding: 20px;
 17 |         background: #fff;
 18 |       }
 19 | 
 20 |       .question h3 {
 21 |         margin: 0;
 22 |       }
 23 | 
 24 |       .question h3 a {
 25 |         color: #333;
 26 |         text-decoration: none;
 27 |       }
 28 | 
 29 |       .question h3 a:hover {
 30 |         color: #3F51B5;
 31 |       }
 32 | 
 33 |       .question .user {
 34 |         padding-right: 20px;
 35 |       }
 36 | 
 37 |       .question .user img {
 38 |         border-radius: 50%;
 39 |       }
 40 | 
 41 |       .question .details {
 42 | 
 43 |       }
 44 | 
 45 |       .question .details p {
 46 |         color: #616161;
 47 |         margin: 8px 0;
 48 |       }
 49 | 
 50 |       .question .metadata {
 51 |         font-size: 12px;
 52 |         color: #BDBDBD;
 53 |       }
 54 | 
 55 |       .question .metadata a {
 56 |         color: #616161;
 57 |         border-bottom: 1px solid #eee;
 58 |         text-decoration: none;
 59 |       }
 60 | 
 61 |       .ask-question {
 62 |         padding: 20px;
 63 |         text-align: center;
 64 |       }
 65 |     </style>
 66 |     <firebase-element id="base" location="https://{{globals.firebase}}.firebaseio.com/questions" data="{{questions}}" keys="{{keys}}"></firebase-element>
 67 |     <pvc-globals values="{{globals}}"></pvc-globals>
 68 |     <template repeat="{{id in keys}}">
 69 |       <paper-shadow z="1">
 70 |         <div class="question">
 71 |           <div layout horizontal center>
 72 |             <div class="user">
 73 |               <img width="40" src="{{questions[id]['user']['avatar_url']}}">
 74 |             </div>
 75 |             <div class="details" flex>
 76 |               <h3><a href="/#/questions/{{id}}">{{questions[id]['title']}}</a></h3>
 77 |               <p>{{questions[id]['content']}}</p>
 78 |               <span class="metadata">by <a href="{{questions[id]['user']['html_url']}}">{{questions[id]['user']['username']}}</a> &bull; {{questions[id]['timestamp']}}</span>
 79 |             </div>
 80 |             <div class="view">
 81 |               <paper-icon-button on-click="{{viewQuestion}}" question-id="{{id}}" icon="arrow-forward" title="View Question"></paper-icon-button>
 82 |             </div>
 83 |           </div>
 84 |         </div>
 85 |       </paper-shadow>
 86 |     </template>
 87 |     <div class="ask-question">
 88 |       Got a question?
 89 |       <button on-click="{{openDialog}}">
 90 |         Ask It
 91 | 
 92 |         <paper-action-dialog id="questionDialog" heading="Ask Question" transition="core-transition-bottom">
 93 |           <form>
 94 |             <paper-input id="title" label="Title"></paper-input>
 95 |             <paper-autogrow-textarea id="contentArea">
 96 |               <textarea id="content" placeholder="Type your question here..."></textarea>
 97 |             </paper-autogrow-textarea>
 98 |           </form>
 99 |           <paper-button affirmative autofocus on-click="{{submitQuestion}}">Ask</paper-button>
100 |         </paper-action-dialog>
101 |       </button>
102 |     </div>
103 |   </template>
104 |   <script>
105 |     (function () {
106 |       'use strict';
107 | 
108 |       Polymer({
109 |         openDialog: function() {
110 |           this.$.questionDialog.toggle();
111 |         },
112 |         submitQuestion: function() {
113 |           if (!this.$.title.value.length) {
114 |             alert('Please write a title.');
115 |             return;
116 |           }
117 | 
118 |           if (!this.$.content.value.length) {
119 |             alert('Please write a question.');
120 |             return;
121 |           }
122 | 
123 |           var question = this.$.base.push({
124 |             title: this.$.title.value,
125 |             content: this.$.content.value,
126 |             user: {
127 |               uid: this.globals.currentUser.uid,
128 |               username: this.globals.currentUser.github.username,
129 |               avatar_url: this.globals.currentUser.github.cachedUserProfile.avatar_url,
130 |               html_url: this.globals.currentUser.github.cachedUserProfile.html_url
131 |             },
132 |             timestamp: new Date().getTime()
133 |           });
134 | 
135 |           this.$.title.value = '';
136 |           this.$.content.value = '';
137 |         },
138 |         viewQuestion: function(e) {
139 |           var id = e.target.getAttribute('question-id');
140 |           document.location.href = '/#/questions/' + id;
141 |         }
142 |       });
143 | 
144 |     })();
145 |   </script>
146 | </polymer-element>


--------------------------------------------------------------------------------
/Gruntfile.js:
--------------------------------------------------------------------------------
  1 | 'use strict';
  2 | var LIVERELOAD_PORT = 35729;
  3 | var lrSnippet = require('connect-livereload')({port: LIVERELOAD_PORT});
  4 | var mountFolder = function (connect, dir) {
  5 |   return connect.static(require('path').resolve(dir));
  6 | };
  7 | 
  8 | // # Globbing
  9 | // for performance reasons we're only matching one level down:
 10 | // 'test/spec/{,*/}*.js'
 11 | // use this if you want to match all subfolders:
 12 | // 'test/spec/**/*.js'
 13 | 
 14 | module.exports = function (grunt) {
 15 |   // show elapsed time at the end
 16 |   require('time-grunt')(grunt);
 17 |   // load all grunt tasks
 18 |   require('load-grunt-tasks')(grunt);
 19 | 
 20 |   // configurable paths
 21 |   var yeomanConfig = {
 22 |     app: 'app',
 23 |     dist: 'dist'
 24 |   };
 25 | 
 26 |   grunt.initConfig({
 27 |     yeoman: yeomanConfig,
 28 |     watch: {
 29 |       options: {
 30 |         nospawn: true,
 31 |         livereload: { liveCSS: false }
 32 |       },
 33 |       livereload: {
 34 |         options: {
 35 |           livereload: true
 36 |         },
 37 |         files: [
 38 |           '<%= yeoman.app %>/*.html',
 39 |           '<%= yeoman.app %>/elements/{,*/}*.html',
 40 |           '{.tmp,<%= yeoman.app %>}/elements/{,*/}*.css',
 41 |           '{.tmp,<%= yeoman.app %>}/styles/{,*/}*.css',
 42 |           '{.tmp,<%= yeoman.app %>}/scripts/{,*/}*.js',
 43 |           '<%= yeoman.app %>/images/{,*/}*.{png,jpg,jpeg,gif,webp}'
 44 |         ]
 45 |       },
 46 |       js: {
 47 |         files: ['<%= yeoman.app %>/scripts/{,*/}*.js'],
 48 |         tasks: ['jshint']
 49 |       },
 50 |       styles: {
 51 |         files: [
 52 |           '<%= yeoman.app %>/styles/{,*/}*.css',
 53 |           '<%= yeoman.app %>/elements/{,*/}*.css'
 54 |         ],
 55 |         tasks: ['copy:styles', 'autoprefixer:server']
 56 |       }
 57 |     },
 58 |     autoprefixer: {
 59 |       options: {
 60 |         browsers: ['last 2 versions']
 61 |       },
 62 |       server: {
 63 |         files: [{
 64 |           expand: true,
 65 |           cwd: '.tmp',
 66 |           src: '**/*.css',
 67 |           dest: '.tmp'
 68 |         }]
 69 |       },
 70 |       dist: {
 71 |         files: [{
 72 |           expand: true,
 73 |           cwd: '<%= yeoman.dist %>',
 74 |           src: ['**/*.css', '!bower_components/**/*.css'],
 75 |           dest: '<%= yeoman.dist %>'
 76 |         }]
 77 |       }
 78 |     },
 79 |     connect: {
 80 |       options: {
 81 |         port: 9000,
 82 |         // change this to '0.0.0.0' to access the server from outside
 83 |         hostname: 'localhost'
 84 |       },
 85 |       livereload: {
 86 |         options: {
 87 |           middleware: function (connect) {
 88 |             return [
 89 |               lrSnippet,
 90 |               mountFolder(connect, '.tmp'),
 91 |               mountFolder(connect, yeomanConfig.app)
 92 |             ];
 93 |           }
 94 |         }
 95 |       },
 96 |       test: {
 97 |         options: {
 98 |           open: {
 99 |             target: 'http://localhost:<%= connect.options.port %>/test'
100 |           },
101 |           middleware: function (connect) {
102 |             return [
103 |               mountFolder(connect, yeomanConfig.app)
104 |             ];
105 |           },
106 |           keepalive: true
107 |         }
108 |       },
109 |       dist: {
110 |         options: {
111 |           middleware: function (connect) {
112 |             return [
113 |               mountFolder(connect, yeomanConfig.dist)
114 |             ];
115 |           }
116 |         }
117 |       }
118 |     },
119 |     open: {
120 |       server: {
121 |         path: 'http://localhost:<%= connect.options.port %>'
122 |       }
123 |     },
124 |     clean: {
125 |       dist: ['.tmp', '<%= yeoman.dist %>/*'],
126 |       server: '.tmp'
127 |     },
128 |     jshint: {
129 |       options: {
130 |         jshintrc: '.jshintrc',
131 |         reporter: require('jshint-stylish')
132 |       },
133 |       all: [
134 |         '<%= yeoman.app %>/scripts/{,*/}*.js',
135 |         '!<%= yeoman.app %>/scripts/vendor/*',
136 |         'test/spec/{,*/}*.js'
137 |       ]
138 |     },
139 |     useminPrepare: {
140 |       html: '<%= yeoman.app %>/index.html',
141 |       options: {
142 |         dest: '<%= yeoman.dist %>'
143 |       }
144 |     },
145 |     usemin: {
146 |       html: ['<%= yeoman.dist %>/{,*/}*.html'],
147 |       css: ['<%= yeoman.dist %>/styles/{,*/}*.css'],
148 |       options: {
149 |         dirs: ['<%= yeoman.dist %>'],
150 |         blockReplacements: {
151 |           vulcanized: function (block) {
152 |             return '<link rel="import" href="' + block.dest + '">';
153 |           }
154 |         }
155 |       }
156 |     },
157 |     vulcanize: {
158 |       default: {
159 |         options: {
160 |           strip: true
161 |         },
162 |         files: {
163 |           '<%= yeoman.dist %>/elements/elements.vulcanized.html': [
164 |             '<%= yeoman.dist %>/elements/elements.html'
165 |           ]
166 |         }
167 |       }
168 |     },
169 |     imagemin: {
170 |       dist: {
171 |         files: [{
172 |           expand: true,
173 |           cwd: '<%= yeoman.app %>/images',
174 |           src: '{,*/}*.{png,jpg,jpeg}',
175 |           dest: '<%= yeoman.dist %>/images'
176 |         }]
177 |       }
178 |     },
179 |     cssmin: {
180 |       main: {
181 |         files: {
182 |           '<%= yeoman.dist %>/styles/main.css': [
183 |             '.tmp/concat/styles/{,*/}*.css'
184 |           ]
185 |         }
186 |       },
187 |       elements: {
188 |         files: [{
189 |           expand: true,
190 |           cwd: '.tmp/elements',
191 |           src: '{,*/}*.css',
192 |           dest: '<%= yeoman.dist %>/elements'
193 |         }]
194 |       }
195 |     },
196 |     minifyHtml: {
197 |       options: {
198 |         quotes: true,
199 |         empty: true
200 |       },
201 |       app: {
202 |         files: [{
203 |           expand: true,
204 |           cwd: '<%= yeoman.dist %>',
205 |           src: '*.html',
206 |           dest: '<%= yeoman.dist %>'
207 |         }]
208 |       }
209 |     },
210 |     copy: {
211 |       dist: {
212 |         files: [{
213 |           expand: true,
214 |           dot: true,
215 |           cwd: '<%= yeoman.app %>',
216 |           dest: '<%= yeoman.dist %>',
217 |           src: [
218 |             '*.{ico,txt}',
219 |             '.htaccess',
220 |             '*.html',
221 |             'elements/**',
222 |             '!elements/**/*.css',
223 |             'images/{,*/}*.{webp,gif}',
224 |             'bower_components/**'
225 |           ]
226 |         }]
227 |       },
228 |       styles: {
229 |         files: [{
230 |           expand: true,
231 |           cwd: '<%= yeoman.app %>',
232 |           dest: '.tmp',
233 |           src: ['{styles,elements}/{,*/}*.css']
234 |         }]
235 |       }
236 |     },
237 |     // See this tutorial if you'd like to run PageSpeed
238 |     // against localhost: http://www.jamescryer.com/2014/06/12/grunt-pagespeed-and-ngrok-locally-testing/
239 |     pagespeed: {
240 |       options: {
241 |         // By default, we use the PageSpeed Insights
242 |         // free (no API key) tier. You can use a Google
243 |         // Developer API key if you have one. See
244 |         // http://goo.gl/RkN0vE for info
245 |         nokey: true
246 |       },
247 |       // Update `url` below to the public URL for your site
248 |       mobile: {
249 |         options: {
250 |           url: "https://developers.google.com/web/fundamentals/",
251 |           locale: "en_GB",
252 |           strategy: "mobile",
253 |           threshold: 80
254 |         }
255 |       }
256 |     }
257 |   });
258 | 
259 |   grunt.registerTask('server', function (target) {
260 |     grunt.log.warn('The `server` task has been deprecated. Use `grunt serve` to start a server.');
261 |     grunt.task.run(['serve:' + target]);
262 |   });
263 | 
264 |   grunt.registerTask('serve', function (target) {
265 |     if (target === 'dist') {
266 |       return grunt.task.run(['build', 'open', 'connect:dist:keepalive']);
267 |     }
268 | 
269 |     grunt.task.run([
270 |       'clean:server',
271 |       'copy:styles',
272 |       'autoprefixer:server',
273 |       'connect:livereload',
274 |       'open',
275 |       'watch'
276 |     ]);
277 |   });
278 | 
279 |   grunt.registerTask('test', [
280 |     'clean:server',
281 |     'connect:test'
282 |   ]);
283 | 
284 |   grunt.registerTask('build', [
285 |     'clean:dist',
286 |     'copy',
287 |     'useminPrepare',
288 |     'imagemin',
289 |     'concat',
290 |     'autoprefixer',
291 |     'uglify',
292 |     'cssmin',
293 |     'vulcanize',
294 |     'usemin',
295 |     'minifyHtml'
296 |   ]);
297 | 
298 |   grunt.registerTask('default', [
299 |     'jshint',
300 |     // 'test'
301 |     'build'
302 |   ]);
303 | };
304 | 


--------------------------------------------------------------------------------
/app/.htaccess:
--------------------------------------------------------------------------------
  1 | # Apache configuration file
  2 | # httpd.apache.org/docs/2.2/mod/quickreference.html
  3 | 
  4 | # Note .htaccess files are an overhead, this logic should be in your Apache
  5 | # config if possible: httpd.apache.org/docs/2.2/howto/htaccess.html
  6 | 
  7 | # Techniques in here adapted from all over, including:
  8 | #   Kroc Camen: camendesign.com/.htaccess
  9 | #   perishablepress.com/press/2006/01/10/stupid-htaccess-tricks/
 10 | #   Sample .htaccess file of CMS MODx: modxcms.com
 11 | 
 12 | 
 13 | # ----------------------------------------------------------------------
 14 | # Better website experience for IE users
 15 | # ----------------------------------------------------------------------
 16 | 
 17 | # Force the latest IE version, in various cases when it may fall back to IE7 mode
 18 | #  github.com/rails/rails/commit/123eb25#commitcomment-118920
 19 | # Use ChromeFrame if it's installed for a better experience for the poor IE folk
 20 | 
 21 | <IfModule mod_headers.c>
 22 |   Header set X-UA-Compatible "IE=Edge,chrome=1"
 23 |   # mod_headers can't match by content-type, but we don't want to send this header on *everything*...
 24 |   <FilesMatch "\.(js|css|gif|png|jpe?g|pdf|xml|oga|ogg|m4a|ogv|mp4|m4v|webm|svg|svgz|eot|ttf|otf|woff|ico|webp|appcache|manifest|htc|crx|oex|xpi|safariextz|vcf)$" >
 25 |     Header unset X-UA-Compatible
 26 |   </FilesMatch>
 27 | </IfModule>
 28 | 
 29 | 
 30 | # ----------------------------------------------------------------------
 31 | # Cross-domain AJAX requests
 32 | # ----------------------------------------------------------------------
 33 | 
 34 | # Serve cross-domain Ajax requests, disabled by default.
 35 | # enable-cors.org
 36 | # code.google.com/p/html5security/wiki/CrossOriginRequestSecurity
 37 | 
 38 | #  <IfModule mod_headers.c>
 39 | #    Header set Access-Control-Allow-Origin "*"
 40 | #  </IfModule>
 41 | 
 42 | 
 43 | # ----------------------------------------------------------------------
 44 | # CORS-enabled images (@crossorigin)
 45 | # ----------------------------------------------------------------------
 46 | 
 47 | # Send CORS headers if browsers request them; enabled by default for images.
 48 | # developer.mozilla.org/en/CORS_Enabled_Image
 49 | # blog.chromium.org/2011/07/using-cross-domain-images-in-webgl-and.html
 50 | # hacks.mozilla.org/2011/11/using-cors-to-load-webgl-textures-from-cross-domain-images/
 51 | # wiki.mozilla.org/Security/Reviews/crossoriginAttribute
 52 | 
 53 | <IfModule mod_setenvif.c>
 54 |   <IfModule mod_headers.c>
 55 |     # mod_headers, y u no match by Content-Type?!
 56 |     <FilesMatch "\.(gif|png|jpe?g|svg|svgz|ico|webp)$">
 57 |       SetEnvIf Origin ":" IS_CORS
 58 |       Header set Access-Control-Allow-Origin "*" env=IS_CORS
 59 |     </FilesMatch>
 60 |   </IfModule>
 61 | </IfModule>
 62 | 
 63 | 
 64 | # ----------------------------------------------------------------------
 65 | # Webfont access
 66 | # ----------------------------------------------------------------------
 67 | 
 68 | # Allow access from all domains for webfonts.
 69 | # Alternatively you could only whitelist your
 70 | # subdomains like "subdomain.example.com".
 71 | 
 72 | <IfModule mod_headers.c>
 73 |   <FilesMatch "\.(ttf|ttc|otf|eot|woff|font.css)$">
 74 |     Header set Access-Control-Allow-Origin "*"
 75 |   </FilesMatch>
 76 | </IfModule>
 77 | 
 78 | 
 79 | # ----------------------------------------------------------------------
 80 | # Proper MIME type for all files
 81 | # ----------------------------------------------------------------------
 82 | 
 83 | # JavaScript
 84 | #   Normalize to standard type (it's sniffed in IE anyways)
 85 | #   tools.ietf.org/html/rfc4329#section-7.2
 86 | AddType application/javascript         js jsonp
 87 | AddType application/json               json
 88 | 
 89 | # Audio
 90 | AddType audio/ogg                      oga ogg
 91 | AddType audio/mp4                      m4a f4a f4b
 92 | 
 93 | # Video
 94 | AddType video/ogg                      ogv
 95 | AddType video/mp4                      mp4 m4v f4v f4p
 96 | AddType video/webm                     webm
 97 | AddType video/x-flv                    flv
 98 | 
 99 | # SVG
100 | #   Required for svg webfonts on iPad
101 | #   twitter.com/FontSquirrel/status/14855840545
102 | AddType     image/svg+xml              svg svgz
103 | AddEncoding gzip                       svgz
104 | 
105 | # Webfonts
106 | AddType application/vnd.ms-fontobject  eot
107 | AddType application/x-font-ttf         ttf ttc
108 | AddType font/opentype                  otf
109 | AddType application/x-font-woff        woff
110 | 
111 | # Assorted types
112 | AddType image/x-icon                        ico
113 | AddType image/webp                          webp
114 | AddType text/cache-manifest                 appcache manifest
115 | AddType text/x-component                    htc
116 | AddType application/xml                     rss atom xml rdf
117 | AddType application/x-chrome-extension      crx
118 | AddType application/x-opera-extension       oex
119 | AddType application/x-xpinstall             xpi
120 | AddType application/octet-stream            safariextz
121 | AddType application/x-web-app-manifest+json webapp
122 | AddType text/x-vcard                        vcf
123 | AddType application/x-shockwave-flash       swf
124 | AddType text/vtt                            vtt
125 | 
126 | 
127 | # ----------------------------------------------------------------------
128 | # Allow concatenation from within specific js and css files
129 | # ----------------------------------------------------------------------
130 | 
131 | # e.g. Inside of script.combined.js you could have
132 | #   <!--#include file="libs/jquery-1.5.0.min.js" -->
133 | #   <!--#include file="plugins/jquery.idletimer.js" -->
134 | # and they would be included into this single file.
135 | 
136 | # This is not in use in the boilerplate as it stands. You may
137 | # choose to use this technique if you do not have a build process.
138 | 
139 | #<FilesMatch "\.combined\.js$">
140 | #  Options +Includes
141 | #  AddOutputFilterByType INCLUDES application/javascript application/json
142 | #  SetOutputFilter INCLUDES
143 | #</FilesMatch>
144 | 
145 | #<FilesMatch "\.combined\.css$">
146 | #  Options +Includes
147 | #  AddOutputFilterByType INCLUDES text/css
148 | #  SetOutputFilter INCLUDES
149 | #</FilesMatch>
150 | 
151 | 
152 | # ----------------------------------------------------------------------
153 | # Gzip compression
154 | # ----------------------------------------------------------------------
155 | 
156 | <IfModule mod_deflate.c>
157 | 
158 |   # Force deflate for mangled headers developer.yahoo.com/blogs/ydn/posts/2010/12/pushing-beyond-gzipping/
159 |   <IfModule mod_setenvif.c>
160 |     <IfModule mod_headers.c>
161 |       SetEnvIfNoCase ^(Accept-EncodXng|X-cept-Encoding|X{15}|~{15}|-{15})$ ^((gzip|deflate)\s*,?\s*)+|[X~-]{4,13}$ HAVE_Accept-Encoding
162 |       RequestHeader append Accept-Encoding "gzip,deflate" env=HAVE_Accept-Encoding
163 |     </IfModule>
164 |   </IfModule>
165 | 
166 |   # HTML, TXT, CSS, JavaScript, JSON, XML, HTC:
167 |   <IfModule filter_module>
168 |     FilterDeclare   COMPRESS
169 |     FilterProvider  COMPRESS  DEFLATE resp=Content-Type $text/html
170 |     FilterProvider  COMPRESS  DEFLATE resp=Content-Type $text/css
171 |     FilterProvider  COMPRESS  DEFLATE resp=Content-Type $text/plain
172 |     FilterProvider  COMPRESS  DEFLATE resp=Content-Type $text/xml
173 |     FilterProvider  COMPRESS  DEFLATE resp=Content-Type $text/x-component
174 |     FilterProvider  COMPRESS  DEFLATE resp=Content-Type $application/javascript
175 |     FilterProvider  COMPRESS  DEFLATE resp=Content-Type $application/json
176 |     FilterProvider  COMPRESS  DEFLATE resp=Content-Type $application/xml
177 |     FilterProvider  COMPRESS  DEFLATE resp=Content-Type $application/xhtml+xml
178 |     FilterProvider  COMPRESS  DEFLATE resp=Content-Type $application/rss+xml
179 |     FilterProvider  COMPRESS  DEFLATE resp=Content-Type $application/atom+xml
180 |     FilterProvider  COMPRESS  DEFLATE resp=Content-Type $application/vnd.ms-fontobject
181 |     FilterProvider  COMPRESS  DEFLATE resp=Content-Type $image/svg+xml
182 |     FilterProvider  COMPRESS  DEFLATE resp=Content-Type $image/x-icon
183 |     FilterProvider  COMPRESS  DEFLATE resp=Content-Type $application/x-font-ttf
184 |     FilterProvider  COMPRESS  DEFLATE resp=Content-Type $font/opentype
185 |     FilterChain     COMPRESS
186 |     FilterProtocol  COMPRESS  DEFLATE change=yes;byteranges=no
187 |   </IfModule>
188 | 
189 |   <IfModule !mod_filter.c>
190 |     # Legacy versions of Apache
191 |     AddOutputFilterByType DEFLATE text/html text/plain text/css application/json
192 |     AddOutputFilterByType DEFLATE application/javascript
193 |     AddOutputFilterByType DEFLATE text/xml application/xml text/x-component
194 |     AddOutputFilterByType DEFLATE application/xhtml+xml application/rss+xml application/atom+xml
195 |     AddOutputFilterByType DEFLATE image/x-icon image/svg+xml application/vnd.ms-fontobject application/x-font-ttf font/opentype
196 |   </IfModule>
197 | 
198 | </IfModule>
199 | 
200 | 
201 | # ----------------------------------------------------------------------
202 | # Expires headers (for better cache control)
203 | # ----------------------------------------------------------------------
204 | 
205 | # These are pretty far-future expires headers.
206 | # They assume you control versioning with filename-based cache busting
207 | # Additionally, consider that outdated proxies may miscache
208 | #   www.stevesouders.com/blog/2008/08/23/revving-filenames-dont-use-querystring/
209 | 
210 | # If you don't use filenames to version, lower the CSS and JS to something like
211 | # "access plus 1 week".
212 | 
213 | <IfModule mod_expires.c>
214 |   ExpiresActive on
215 | 
216 | # Perhaps better to whitelist expires rules? Perhaps.
217 |   ExpiresDefault                          "access plus 1 month"
218 | 
219 | # cache.appcache needs re-requests in FF 3.6 (thanks Remy ~Introducing HTML5)
220 |   ExpiresByType text/cache-manifest       "access plus 0 seconds"
221 | 
222 | # Your document html
223 |   ExpiresByType text/html                 "access plus 0 seconds"
224 | 
225 | # Data
226 |   ExpiresByType text/xml                  "access plus 0 seconds"
227 |   ExpiresByType application/xml           "access plus 0 seconds"
228 |   ExpiresByType application/json          "access plus 0 seconds"
229 | 
230 | # Feed
231 |   ExpiresByType application/rss+xml       "access plus 1 hour"
232 |   ExpiresByType application/atom+xml      "access plus 1 hour"
233 | 
234 | # Favicon (cannot be renamed)
235 |   ExpiresByType image/x-icon              "access plus 1 week"
236 | 
237 | # Media: images, video, audio
238 |   ExpiresByType image/gif                 "access plus 1 month"
239 |   ExpiresByType image/png                 "access plus 1 month"
240 |   ExpiresByType image/jpeg                "access plus 1 month"
241 |   ExpiresByType video/ogg                 "access plus 1 month"
242 |   ExpiresByType audio/ogg                 "access plus 1 month"
243 |   ExpiresByType video/mp4                 "access plus 1 month"
244 |   ExpiresByType video/webm                "access plus 1 month"
245 | 
246 | # HTC files  (css3pie)
247 |   ExpiresByType text/x-component          "access plus 1 month"
248 | 
249 | # Webfonts
250 |   ExpiresByType application/x-font-ttf    "access plus 1 month"
251 |   ExpiresByType font/opentype             "access plus 1 month"
252 |   ExpiresByType application/x-font-woff   "access plus 1 month"
253 |   ExpiresByType image/svg+xml             "access plus 1 month"
254 |   ExpiresByType application/vnd.ms-fontobject "access plus 1 month"
255 | 
256 | # CSS and JavaScript
257 |   ExpiresByType text/css                  "access plus 1 year"
258 |   ExpiresByType application/javascript    "access plus 1 year"
259 | 
260 | </IfModule>
261 | 
262 | 
263 | # ----------------------------------------------------------------------
264 | # Prevent mobile network providers from modifying your site
265 | # ----------------------------------------------------------------------
266 | 
267 | # The following header prevents modification of your code over 3G on some
268 | # European providers.
269 | # This is the official 'bypass' suggested by O2 in the UK.
270 | 
271 | # <IfModule mod_headers.c>
272 | # Header set Cache-Control "no-transform"
273 | # </IfModule>
274 | 
275 | 
276 | # ----------------------------------------------------------------------
277 | # ETag removal
278 | # ----------------------------------------------------------------------
279 | 
280 | # FileETag None is not enough for every server.
281 | <IfModule mod_headers.c>
282 |   Header unset ETag
283 | </IfModule>
284 | 
285 | # Since we're sending far-future expires, we don't need ETags for
286 | # static content.
287 | #   developer.yahoo.com/performance/rules.html#etags
288 | FileETag None
289 | 
290 | 
291 | # ----------------------------------------------------------------------
292 | # Stop screen flicker in IE on CSS rollovers
293 | # ----------------------------------------------------------------------
294 | 
295 | # The following directives stop screen flicker in IE on CSS rollovers - in
296 | # combination with the "ExpiresByType" rules for images (see above).
297 | 
298 | # BrowserMatch "MSIE" brokenvary=1
299 | # BrowserMatch "Mozilla/4.[0-9]{2}" brokenvary=1
300 | # BrowserMatch "Opera" !brokenvary
301 | # SetEnvIf brokenvary 1 force-no-vary
302 | 
303 | 
304 | # ----------------------------------------------------------------------
305 | # Set Keep-Alive Header
306 | # ----------------------------------------------------------------------
307 | 
308 | # Keep-Alive allows the server to send multiple requests through one
309 | # TCP-connection. Be aware of possible disadvantages of this setting. Turn on
310 | # if you serve a lot of static content.
311 | 
312 | # <IfModule mod_headers.c>
313 | #   Header set Connection Keep-Alive
314 | # </IfModule>
315 | 
316 | 
317 | # ----------------------------------------------------------------------
318 | # Cookie setting from iframes
319 | # ----------------------------------------------------------------------
320 | 
321 | # Allow cookies to be set from iframes (for IE only)
322 | # If needed, specify a path or regex in the Location directive.
323 | 
324 | # <IfModule mod_headers.c>
325 | #   Header set P3P "policyref=\"/w3c/p3p.xml\", CP=\"IDC DSP COR ADM DEVi TAIi PSA PSD IVAi IVDi CONi HIS OUR IND CNT\""
326 | # </IfModule>
327 | 
328 | 
329 | # ----------------------------------------------------------------------
330 | # Start rewrite engine
331 | # ----------------------------------------------------------------------
332 | 
333 | # Turning on the rewrite engine is necessary for the following rules and
334 | # features. FollowSymLinks must be enabled for this to work.
335 | 
336 | # Some cloud hosting services require RewriteBase to be set: goo.gl/HOcPN
337 | # If using the h5bp in a subdirectory, use `RewriteBase /foo` instead where
338 | # 'foo' is your directory.
339 | 
340 | # If your web host doesn't allow the FollowSymlinks option, you may need to
341 | # comment it out and use `Options +SymLinksOfOwnerMatch`, but be aware of the
342 | # performance impact: http://goo.gl/Mluzd
343 | 
344 | <IfModule mod_rewrite.c>
345 |   Options +FollowSymlinks
346 | # Options +SymLinksIfOwnerMatch
347 |   Options +FollowSymlinks
348 |   RewriteEngine On
349 | # RewriteBase /
350 | </IfModule>
351 | 
352 | 
353 | # ----------------------------------------------------------------------
354 | # Suppress or force the "www." at the beginning of URLs
355 | # ----------------------------------------------------------------------
356 | 
357 | # The same content should never be available under two different URLs -
358 | # especially not with and without "www." at the beginning, since this can cause
359 | # SEO problems (duplicate content). That's why you should choose one of the
360 | # alternatives and redirect the other one.
361 | 
362 | # By default option 1 (no "www.") is activated.
363 | # no-www.org/faq.php?q=class_b
364 | 
365 | # If you'd prefer to use option 2, just comment out all option 1 lines
366 | # and uncomment option 2.
367 | 
368 | # IMPORTANT: NEVER USE BOTH RULES AT THE SAME TIME!
369 | 
370 | # ----------------------------------------------------------------------
371 | 
372 | # Option 1:
373 | # Rewrite "www.example.com -> example.com".
374 | 
375 | <IfModule mod_rewrite.c>
376 |   RewriteCond %{HTTPS} !=on
377 |   RewriteCond %{HTTP_HOST} ^www\.(.+)$ [NC]
378 |   RewriteRule ^ http://%1%{REQUEST_URI} [R=301,L]
379 | </IfModule>
380 | 
381 | # ----------------------------------------------------------------------
382 | 
383 | # Option 2:
384 | # Rewrite "example.com -> www.example.com".
385 | # Be aware that the following rule might not be a good idea if you use "real"
386 | # subdomains for certain parts of your website.
387 | 
388 | # <IfModule mod_rewrite.c>
389 | #   RewriteCond %{HTTPS} !=on
390 | #   RewriteCond %{HTTP_HOST} !^www\..+$ [NC]
391 | #   RewriteRule ^ http://www.%{HTTP_HOST}%{REQUEST_URI} [R=301,L]
392 | # </IfModule>
393 | 
394 | 
395 | # ----------------------------------------------------------------------
396 | # Built-in filename-based cache busting
397 | # ----------------------------------------------------------------------
398 | 
399 | # If you're not using the build script to manage your filename version revving,
400 | # you might want to consider enabling this, which will route requests for
401 | # /css/style.20110203.css to /css/style.css
402 | 
403 | # To understand why this is important and a better idea than all.css?v1231,
404 | # read: github.com/h5bp/html5-boilerplate/wiki/cachebusting
405 | 
406 | # <IfModule mod_rewrite.c>
407 | #   RewriteCond %{REQUEST_FILENAME} !-f
408 | #   RewriteCond %{REQUEST_FILENAME} !-d
409 | #   RewriteRule ^(.+)\.(\d+)\.(js|css|png|jpg|gif)$ $1.$3 [L]
410 | # </IfModule>
411 | 
412 | 
413 | # ----------------------------------------------------------------------
414 | # Prevent SSL cert warnings
415 | # ----------------------------------------------------------------------
416 | 
417 | # Rewrite secure requests properly to prevent SSL cert warnings, e.g. prevent
418 | # https://www.example.com when your cert only allows https://secure.example.com
419 | 
420 | # <IfModule mod_rewrite.c>
421 | #   RewriteCond %{SERVER_PORT} !^443
422 | #   RewriteRule ^ https://example-domain-please-change-me.com%{REQUEST_URI} [R=301,L]
423 | # </IfModule>
424 | 
425 | 
426 | # ----------------------------------------------------------------------
427 | # Prevent 404 errors for non-existing redirected folders
428 | # ----------------------------------------------------------------------
429 | 
430 | # without -MultiViews, Apache will give a 404 for a rewrite if a folder of the
431 | # same name does not exist.
432 | # webmasterworld.com/apache/3808792.htm
433 | 
434 | Options -MultiViews
435 | 
436 | 
437 | # ----------------------------------------------------------------------
438 | # Custom 404 page
439 | # ----------------------------------------------------------------------
440 | 
441 | # You can add custom pages to handle 500 or 403 pretty easily, if you like.
442 | # If you are hosting your site in subdirectory, adjust this accordingly
443 | #    e.g. ErrorDocument 404 /subdir/404.html
444 | ErrorDocument 404 /404.html
445 | 
446 | 
447 | # ----------------------------------------------------------------------
448 | # UTF-8 encoding
449 | # ----------------------------------------------------------------------
450 | 
451 | # Use UTF-8 encoding for anything served text/plain or text/html
452 | AddDefaultCharset utf-8
453 | 
454 | # Force UTF-8 for a number of file formats
455 | AddCharset utf-8 .atom .css .js .json .rss .vtt .xml
456 | 
457 | 
458 | # ----------------------------------------------------------------------
459 | # A little more security
460 | # ----------------------------------------------------------------------
461 | 
462 | # To avoid displaying the exact version number of Apache being used, add the
463 | # following to httpd.conf (it will not work in .htaccess):
464 | # ServerTokens Prod
465 | 
466 | # "-Indexes" will have Apache block users from browsing folders without a
467 | # default document Usually you should leave this activated, because you
468 | # shouldn't allow everybody to surf through every folder on your server (which
469 | # includes rather private places like CMS system folders).
470 | <IfModule mod_autoindex.c>
471 |   Options -Indexes
472 | </IfModule>
473 | 
474 | # Block access to "hidden" directories or files whose names begin with a
475 | # period. This includes directories used by version control systems such as
476 | # Subversion or Git.
477 | <IfModule mod_rewrite.c>
478 |   RewriteCond %{SCRIPT_FILENAME} -d [OR]
479 |   RewriteCond %{SCRIPT_FILENAME} -f
480 |   RewriteRule "(^|/)\." - [F]
481 | </IfModule>
482 | 
483 | # Block access to backup and source files. These files may be left by some
484 | # text/html editors and pose a great security danger, when anyone can access
485 | # them.
486 | <FilesMatch "(\.(bak|config|sql|fla|psd|ini|log|sh|inc|swp|dist)|~)$">
487 |   Order allow,deny
488 |   Deny from all
489 |   Satisfy All
490 | </FilesMatch>
491 | 
492 | # If your server is not already configured as such, the following directive
493 | # should be uncommented in order to set PHP's register_globals option to OFF.
494 | # This closes a major security hole that is abused by most XSS (cross-site
495 | # scripting) attacks. For more information: http://php.net/register_globals
496 | #
497 | # IF REGISTER_GLOBALS DIRECTIVE CAUSES 500 INTERNAL SERVER ERRORS:
498 | #
499 | # Your server does not allow PHP directives to be set via .htaccess. In that
500 | # case you must make this change in your php.ini file instead. If you are
501 | # using a commercial web host, contact the administrators for assistance in
502 | # doing this. Not all servers allow local php.ini files, and they should
503 | # include all PHP configurations (not just this one), or you will effectively
504 | # reset everything to PHP defaults. Consult www.php.net for more detailed
505 | # information about setting PHP directives.
506 | 
507 | # php_flag register_globals Off
508 | 
509 | # Rename session cookie to something else, than PHPSESSID
510 | # php_value session.name sid
511 | 
512 | # Disable magic quotes (This feature has been DEPRECATED as of PHP 5.3.0 and REMOVED as of PHP 5.4.0.)
513 | # php_flag magic_quotes_gpc Off
514 | 
515 | # Do not show you are using PHP
516 | # Note: Move this line to php.ini since it won't work in .htaccess
517 | # php_flag expose_php Off
518 | 
519 | # Level of log detail - log all errors
520 | # php_value error_reporting -1
521 | 
522 | # Write errors to log file
523 | # php_flag log_errors On
524 | 
525 | # Do not display errors in browser (production - Off, development - On)
526 | # php_flag display_errors Off
527 | 
528 | # Do not display startup errors (production - Off, development - On)
529 | # php_flag display_startup_errors Off
530 | 
531 | # Format errors in plain text
532 | # Note: Leave this setting 'On' for xdebug's var_dump() output
533 | # php_flag html_errors Off
534 | 
535 | # Show multiple occurrence of error
536 | # php_flag ignore_repeated_errors Off
537 | 
538 | # Show same errors from different sources
539 | # php_flag ignore_repeated_source Off
540 | 
541 | # Size limit for error messages
542 | # php_value log_errors_max_len 1024
543 | 
544 | # Don't precede error with string (doesn't accept empty string, use whitespace if you need)
545 | # php_value error_prepend_string " "
546 | 
547 | # Don't prepend to error (doesn't accept empty string, use whitespace if you need)
548 | # php_value error_append_string " "
549 | 
550 | # Increase cookie security
551 | <IfModule php5_module>
552 |   php_value session.cookie_httponly true
553 | </IfModule>
554 | 


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