├── .babelrc
├── .gitignore
├── CHECKS
├── README.md
├── actions
    └── actions.js
├── app-client.js
├── app-server.js
├── bucket.json
├── components
    ├── App.js
    ├── Pages
    │   ├── Blog.js
    │   ├── Default.js
    │   ├── NoMatch.js
    │   └── Work.js
    └── Partials
    │   ├── BlogList.js
    │   ├── BlogSingle.js
    │   ├── Footer.js
    │   ├── Header.js
    │   ├── Loading.js
    │   ├── Nav.js
    │   ├── WorkList.js
    │   └── WorkSingle.js
├── config.js
├── dispatcher
    └── AppDispatcher.js
├── package-lock.json
├── package.json
├── public
    ├── css
    │   ├── bootstrap.css
    │   ├── bootstrap.min.css
    │   ├── clean-blog.css
    │   ├── clean-blog.min.css
    │   └── cosmic-custom.css
    ├── fonts
    │   ├── glyphicons-halflings-regular.eot
    │   ├── glyphicons-halflings-regular.svg
    │   ├── glyphicons-halflings-regular.ttf
    │   ├── glyphicons-halflings-regular.woff
    │   └── glyphicons-halflings-regular.woff2
    ├── img
    │   ├── about-bg.jpg
    │   ├── contact-bg.jpg
    │   ├── home-bg.jpg
    │   ├── post-bg.jpg
    │   └── post-sample-image.jpg
    └── js
    │   ├── bootstrap.js
    │   ├── bootstrap.min.js
    │   ├── clean-blog.js
    │   ├── clean-blog.min.js
    │   ├── jquery.js
    │   └── jquery.min.js
├── routes.js
├── stores
    └── AppStore.js
├── views
    └── index.html
├── webpack.config.js
└── yarn.lock


/.babelrc:
--------------------------------------------------------------------------------
1 | {
2 |   "presets":[
3 |     "es2017", "react"
4 |   ]
5 | }


--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
1 | node_modules
2 | .DS_Store
3 | npm-debug.log
4 | public/dist
5 | public/index.html


--------------------------------------------------------------------------------
/CHECKS:
--------------------------------------------------------------------------------
1 | WAIT=30
2 | ATTEMPTS=10
3 | /   DOCTYPE
4 | 
5 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | # React Universal Blog
 2 | ##### [View a demo here](https://cosmicjs.com/apps/react-universal)
 3 | [Sign up for Cosmic JS](https://cosmicjs.com/) to start managing content for your websites and applications faster and easier.
 4 | 
 5 | ##### About
 6 | The React Universal Blog is a portfolio blog app that renders html on the server to make all pages visible to search engines. Then after initial load from the server, it is converted to a single page application to allow for fast navigation between pages.  
 7 | 
 8 | ##### Notes
 9 | I tried to keep the organization as simple as possible.  There are no client, server or shared component folders.  All components are shared and the only difference between client and server are the entry points (app-client.js, app-server.js and app.js). 
10 | 
11 | It uses the following:
12 | <br>
13 | 1. [React](http://facebook.github.io/react/) for UI views<br>
14 | 2. [Express](http://expressjs.com/) for server side rendering<br>
15 | 3. [React Router](https://github.com/rackt/react-router) for routing<br>
16 | 4. [React Hot Loader](https://github.com/gaearon/react-hot-loader) for hot loading in development<br>
17 | 5. [Flux](https://facebook.github.io/flux/) for data flow<br>
18 | 6. [Cosmic JS](https://cosmicjs.com) for content management
19 | ##### Install
20 | ```
21 | git clone https://github.com/tonyspiro/react-universal-blog
22 | cd react-universal-blog
23 | npm install
24 | ```
25 | ##### Run development
26 | ```
27 | npm run development
28 | ```
29 | Go to [http://localhost:8080](http://localhost:8080)
30 | ##### Run production
31 | ```
32 | npm start
33 | ```
34 | Go to [http://localhost:3000](http://localhost:3000)
35 | ##### Configure your Cosmic JS bucket
36 | After setting up your bucket on [Cosmic JS](https://cosmicjs.com), edit the ```config.js``` file and edit the slug to point to the slug of your bucket:
37 | ```javascript
38 | // config.js
39 | export default {
40 |   bucket: {
41 |     slug: 'react-universal-blog'
42 |   }
43 | }
44 | ```
45 | Cosmic JS makes a great [React CMS](https://cosmicjs.com/knowledge-base/react-cms) for your React apps.
46 | 


--------------------------------------------------------------------------------
/actions/actions.js:
--------------------------------------------------------------------------------
  1 | // actions.js
  2 | import config from '../config'
  3 | import Cosmic from 'cosmicjs'
  4 | import _ from 'lodash'
  5 | 
  6 | // AppStore
  7 | import AppStore from '../stores/AppStore'
  8 | 
  9 | export function getStore(callback){
 10 |   
 11 |   let pages = {}
 12 | 
 13 |   Cosmic.getObjects(config, function(err, response){
 14 |     
 15 |     let objects = response.objects
 16 |     
 17 |     /* Globals
 18 |     ======================== */
 19 |     let globals = AppStore.data.globals
 20 |     globals.text = response.object['text']
 21 |     let metafields = globals.text.metafields
 22 |     let menu_title = _.find(metafields, { key: 'menu-title' })
 23 |     globals.text.menu_title = menu_title.value
 24 | 
 25 |     let footer_text = _.find(metafields, { key: 'footer-text' })
 26 |     globals.text.footer_text = footer_text.value
 27 | 
 28 |     let site_title = _.find(metafields, { key: 'site-title' })
 29 |     globals.text.site_title = site_title.value
 30 | 
 31 |     // Social
 32 |     globals.social = response.object['social']
 33 |     metafields = globals.social.metafields
 34 |     let twitter = _.find(metafields, { key: 'twitter' })
 35 |     globals.social.twitter = twitter.value
 36 |     let facebook = _.find(metafields, { key: 'facebook' })
 37 |     globals.social.facebook = facebook.value
 38 |     let github = _.find(metafields, { key: 'github' })
 39 |     globals.social.github = github.value
 40 | 
 41 |     // Nav
 42 |     const nav_items = response.object['nav'].metafields
 43 |     globals.nav_items = nav_items
 44 |     
 45 |     AppStore.data.globals = globals
 46 | 
 47 |     /* Pages
 48 |     ======================== */
 49 |     let pages = objects.type.page
 50 |     AppStore.data.pages = pages
 51 | 
 52 |     /* Articles
 53 |     ======================== */
 54 |     let articles = objects.type['post']
 55 |     articles = _.sortBy(articles, 'order')
 56 |     AppStore.data.articles = articles
 57 | 
 58 |     /* Work Items
 59 |     ======================== */
 60 |     let work_items = objects.type['work']
 61 |     work_items = _.sortBy(work_items, 'order')
 62 |     AppStore.data.work_items = work_items
 63 |     
 64 |     // Emit change
 65 |     AppStore.data.ready = true
 66 |     AppStore.emitChange()
 67 | 
 68 |     // Trigger callback (from server)
 69 |     if(callback){
 70 |       callback(false, AppStore)
 71 |     }
 72 | 
 73 |   })
 74 | }
 75 | 
 76 | export function getPageData(page_slug, post_slug){
 77 |   
 78 |   if(!page_slug || page_slug === 'blog')
 79 |     page_slug = 'home'
 80 |   
 81 |   // Get page info
 82 |   const data = AppStore.data
 83 |   const pages = data.pages
 84 |   const page = _.find(pages, { slug: page_slug })
 85 |   const metafields = page.metafields
 86 |   if(metafields){
 87 |     const hero = _.find(metafields, { key: 'hero' })
 88 |     page.hero = config.bucket.media_url + '/' + hero.value
 89 | 
 90 |     const headline = _.find(metafields, { key: 'headline' })
 91 |     page.headline = headline.value
 92 | 
 93 |     const subheadline = _.find(metafields, { key: 'subheadline' })
 94 |     page.subheadline = subheadline.value
 95 |   }
 96 | 
 97 |   if(post_slug){
 98 |     if(page_slug === 'home'){
 99 |       const articles = data.articles
100 |       const article = _.find(articles, { slug: post_slug })
101 |       page.title = article.title
102 |     }
103 |     if(page_slug === 'work'){
104 |       const work_items = data.work_items
105 |       const work_item = _.find(work_items, { slug: post_slug })
106 |       page.title = work_item.title
107 |     }
108 |   }
109 |   AppStore.data.page = page
110 |   AppStore.emitChange()
111 | }
112 | 
113 | export function getMoreItems(){
114 |   
115 |   AppStore.data.loading = true
116 |   AppStore.emitChange()
117 | 
118 |   setTimeout(function(){
119 |     let item_num = AppStore.data.item_num
120 |     let more_item_num = item_num + 5
121 |     AppStore.data.item_num = more_item_num
122 |     AppStore.data.loading = false
123 |     AppStore.emitChange()
124 |   }, 300)
125 | }


--------------------------------------------------------------------------------
/app-client.js:
--------------------------------------------------------------------------------
 1 | // app-client.js
 2 | import React from 'react'
 3 | import { render } from 'react-dom'
 4 | import { Router } from 'react-router'
 5 | import createBrowserHistory from 'history/lib/createBrowserHistory'
 6 | const history = createBrowserHistory()
 7 | 
 8 | // Routes
 9 | import routes from './routes'
10 | 
11 | const Routes = (
12 |   <Router history={history}>
13 |     { routes }
14 |   </Router>
15 | )
16 | 
17 | const app = document.getElementById('app')
18 | render(Routes, app)
19 | 


--------------------------------------------------------------------------------
/app-server.js:
--------------------------------------------------------------------------------
 1 | // app-server.js
 2 | import React from 'react'
 3 | import { match, RoutingContext, Route, IndexRoute } from 'react-router'
 4 | import ReactDOMServer from 'react-dom/server'
 5 | import express from 'express'
 6 | import hogan from 'hogan-express'
 7 | import config from './config'
 8 | 
 9 | // Actions
10 | import { getStore, getPageData } from './actions/actions'
11 | 
12 | // Routes
13 | import routes from './routes'
14 | 
15 | // Express
16 | const app = express()
17 | app.engine('html', hogan)
18 | app.set('views', __dirname + '/views')
19 | app.use('/', express.static(__dirname + '/public/'))
20 | app.set('port', (process.env.PORT || 3000))
21 | 
22 | app.get('*',(req, res) => {
23 | 
24 |   getStore(function(err, AppStore){
25 | 
26 |     if(err){
27 |       return res.status(500).end('error')
28 |     }
29 | 
30 |     match({ routes, location: req.url }, (error, redirectLocation, renderProps) => {
31 |       
32 |       // Get page data for template
33 |       const slug_arr = req.url.split('/')
34 |       let page_slug = slug_arr[1]
35 |       let post_slug
36 |       if(page_slug === 'blog' || page_slug === 'work')
37 |         post_slug = slug_arr[2]
38 |       getPageData(page_slug, post_slug)
39 |       const page = AppStore.data.page
40 |       res.locals.page = page
41 |       res.locals.site = config.site
42 | 
43 |       // Get React markup
44 |       const reactMarkup = ReactDOMServer.renderToStaticMarkup(<RoutingContext {...renderProps} />)
45 |       res.locals.reactMarkup = reactMarkup
46 | 
47 |       if (error) {
48 |       
49 |         res.status(500).send(error.message)
50 |       
51 |       } else if (redirectLocation) {
52 |         
53 |         res.redirect(302, redirectLocation.pathname + redirectLocation.search)
54 | 
55 |       } else if (renderProps) {
56 |         
57 |         // Success!
58 |         res.status(200).render('index.html')
59 |       
60 |       } else {
61 |         
62 |         res.status(404).render('index.html')
63 |       
64 |       }
65 |     })
66 | 
67 |   })
68 | })
69 | 
70 | app.listen(app.get('port'))
71 | 
72 | console.info('==> ✅  Server is listening in ' + process.env.NODE_ENV + ' mode')
73 | console.info('==> 🌎  Go to http://localhost:%s', app.get('port'))
74 | 


--------------------------------------------------------------------------------
/bucket.json:
--------------------------------------------------------------------------------
  1 | {
  2 |   "bucket": {
  3 |     "_id": "563c1dbe1ae7fe0f41000036",
  4 |     "slug": "react-universal-blog",
  5 |     "title": "React Universal Blog",
  6 |     "object_types": [
  7 |       {
  8 |         "title": "Pages",
  9 |         "slug": "page",
 10 |         "singular": "Page",
 11 |         "order": 2
 12 |       },
 13 |       {
 14 |         "title": "Posts",
 15 |         "slug": "post",
 16 |         "singular": "Post",
 17 |         "order": 3
 18 |       },
 19 |       {
 20 |         "title": "Work",
 21 |         "slug": "work",
 22 |         "singular": "work",
 23 |         "order": 4
 24 |       },
 25 |       {
 26 |         "title": "Globals",
 27 |         "slug": "globals",
 28 |         "singular": "globals",
 29 |         "help_text": null,
 30 |         "metafields": [],
 31 |         "options": {
 32 |           "slug_field": 0,
 33 |           "content_editor": 0,
 34 |           "add_metafields": 0,
 35 |           "metafields_title": 0,
 36 |           "metafields_key": 0
 37 |         },
 38 |         "order": 1
 39 |       }
 40 |     ],
 41 |     "links": [
 42 |       {
 43 |         "title": "GitHub Repo",
 44 |         "link": "https://github.com/tonyspiro/react-universal-blog"
 45 |       },
 46 |       {
 47 |         "title": "Preview",
 48 |         "link": "http://react-universal-blog.cosmicapp.co/"
 49 |       }
 50 |     ],
 51 |     "objects": [
 52 |       {
 53 |         "_id": "563c1def1ae7fe0f41000038",
 54 |         "bucket": "563c1dbe1ae7fe0f41000036",
 55 |         "slug": "text",
 56 |         "title": "Text",
 57 |         "content": "<p><br></p>",
 58 |         "metafields": [
 59 |           {
 60 |             "edit": 1,
 61 |             "value": "React Universal Blog",
 62 |             "key": "site-title",
 63 |             "title": "Site Title",
 64 |             "type": "text",
 65 |             "children": false
 66 |           },
 67 |           {
 68 |             "edit": 1,
 69 |             "value": "Cosmic JS",
 70 |             "key": "menu-title",
 71 |             "title": "Menu Title",
 72 |             "type": "text",
 73 |             "children": false
 74 |           },
 75 |           {
 76 |             "edit": 1,
 77 |             "value": "Copyright &copy; Cosmic JS 2015",
 78 |             "key": "footer-text",
 79 |             "title": "Footer Text",
 80 |             "type": "text",
 81 |             "children": false
 82 |           }
 83 |         ],
 84 |         "type_slug": "globals",
 85 |         "created": "2015-11-06T03:26:39.533Z",
 86 |         "user_id": "55767c3ffbcf5cbb13000001",
 87 |         "options": {
 88 |           "slug_field": 0,
 89 |           "content_editor": 0,
 90 |           "add_metafields": 0,
 91 |           "metafields_title": 0,
 92 |           "metafields_key": 0
 93 |         },
 94 |         "order": null,
 95 |         "modified": "2015-11-06T03:41:04.284Z"
 96 |       },
 97 |       {
 98 |         "_id": "563c1def1ae7fe0f4100003a",
 99 |         "bucket": "563c1dbe1ae7fe0f41000036",
100 |         "slug": "social",
101 |         "title": "Social",
102 |         "content": "<p><br></p>",
103 |         "metafields": [
104 |           {
105 |             "edit": 1,
106 |             "value": "https://twitter.com/cosmic_js",
107 |             "key": "twitter",
108 |             "title": "Twitter",
109 |             "type": "text",
110 |             "children": false
111 |           },
112 |           {
113 |             "edit": 1,
114 |             "value": "https://facebook.com/cosmicjs",
115 |             "key": "facebook",
116 |             "title": "Facebook",
117 |             "type": "text",
118 |             "children": false
119 |           },
120 |           {
121 |             "edit": 1,
122 |             "value": "https://github.com/tonyspiro/react-universal-blog",
123 |             "key": "github",
124 |             "title": "Github",
125 |             "type": "text",
126 |             "children": false
127 |           }
128 |         ],
129 |         "type_slug": "globals",
130 |         "created": "2015-11-06T03:26:39.535Z",
131 |         "user_id": "55767c3ffbcf5cbb13000001",
132 |         "options": {
133 |           "slug_field": 0,
134 |           "content_editor": 0,
135 |           "add_metafields": 0,
136 |           "metafields_title": 0,
137 |           "metafields_key": 0
138 |         },
139 |         "order": null,
140 |         "modified": "2015-11-09T03:08:48.088Z"
141 |       },
142 |       {
143 |         "_id": "563c1fb51ae7fe0f41000086",
144 |         "slug": "hello-universe",
145 |         "title": "Hello Universe!",
146 |         "content": "<p>This is the first post on your React&nbsp;<span style=\"line-height: 1.42857;\">Universal</span><span style=\"line-height: 1.42857;\">&nbsp;Blog. &nbsp;You can add as many of these as you like! &nbsp;Isn't that exciting?! &nbsp;This cat thinks so.<img src=\"https://cosmicjs.com/uploads/88c45370-5430-11e6-a6a3-41ff49de9ecd-download.jpeg\" style=\"width: 1058px;\"></span></p><p></p>",
147 |         "metafields": [],
148 |         "bucket": "563c1dbe1ae7fe0f41000036",
149 |         "type_slug": "post",
150 |         "created": "2015-11-06T03:34:13.437Z",
151 |         "user_id": "55767c3ffbcf5cbb13000001",
152 |         "options": {
153 |           "slug_field": 0,
154 |           "content_editor": 1,
155 |           "add_metafields": 1,
156 |           "metafields_title": 1,
157 |           "metafields_key": 1
158 |         },
159 |         "modified": "2016-07-27T19:30:56.547Z",
160 |         "status": "published"
161 |       },
162 |       {
163 |         "_id": "563c20ad1ae7fe0f41000087",
164 |         "slug": "work-item-title",
165 |         "title": "Work Item Title",
166 |         "content": "<p>This is an interesting work item isn't it? &nbsp;Lumberg says, \"...yeah\"<img src=\"https://cosmicjs.com/uploads/b9d4e740-5430-11e6-a6a3-41ff49de9ecd-download%20(1).jpeg\" style=\"width: 1058px;\"></p>",
167 |         "metafields": [],
168 |         "bucket": "563c1dbe1ae7fe0f41000036",
169 |         "type_slug": "work",
170 |         "created": "2015-11-06T03:38:21.580Z",
171 |         "user_id": "55767c3ffbcf5cbb13000001",
172 |         "options": {
173 |           "slug_field": 0,
174 |           "content_editor": 1,
175 |           "add_metafields": 1,
176 |           "metafields_title": 1,
177 |           "metafields_key": 1
178 |         },
179 |         "modified": "2016-07-27T19:32:03.060Z",
180 |         "status": "published"
181 |       },
182 |       {
183 |         "_id": "567ad73780fb306b3a00000c",
184 |         "slug": "nav",
185 |         "title": "Nav",
186 |         "content": "<p><br></p>",
187 |         "metafields": [
188 |           {
189 |             "edit": 1,
190 |             "value": "",
191 |             "key": "home",
192 |             "title": "Home",
193 |             "type": "text",
194 |             "children": false
195 |           },
196 |           {
197 |             "edit": 1,
198 |             "value": "work",
199 |             "key": "work",
200 |             "title": "Work",
201 |             "type": "text",
202 |             "children": false
203 |           },
204 |           {
205 |             "edit": 1,
206 |             "value": "about",
207 |             "key": "about",
208 |             "title": "About",
209 |             "type": "text",
210 |             "children": false
211 |           },
212 |           {
213 |             "edit": 1,
214 |             "value": "contact",
215 |             "key": "contact",
216 |             "title": "Contact",
217 |             "type": "text",
218 |             "children": false
219 |           }
220 |         ],
221 |         "bucket": "563c1dbe1ae7fe0f41000036",
222 |         "type_slug": "globals",
223 |         "created": "2015-12-23T17:17:43.844Z",
224 |         "user_id": "55767c3ffbcf5cbb13000001",
225 |         "options": {
226 |           "slug_field": 0,
227 |           "content_editor": 0,
228 |           "add_metafields": 0,
229 |           "metafields_title": 0,
230 |           "metafields_key": 0
231 |         },
232 |         "modified": "2015-12-23T17:36:19.442Z"
233 |       },
234 |       {
235 |         "_id": "563c1def1ae7fe0f41000043",
236 |         "bucket": "563c1dbe1ae7fe0f41000036",
237 |         "slug": "home",
238 |         "title": "Home",
239 |         "content": "<p>This is some home page content...</p>",
240 |         "metafields": [
241 |           {
242 |             "edit": 1,
243 |             "value": "45904530-8449-11e5-adfe-014902af5eff-space_11.jpg",
244 |             "key": "hero",
245 |             "title": "Hero",
246 |             "type": "file",
247 |             "children": false
248 |           },
249 |           {
250 |             "edit": 1,
251 |             "value": "React Universal",
252 |             "key": "headline",
253 |             "title": "Headline",
254 |             "type": "text",
255 |             "children": false
256 |           },
257 |           {
258 |             "edit": 1,
259 |             "value": "A Cosmic JS App Built with React",
260 |             "key": "subheadline",
261 |             "title": "Subheadline",
262 |             "type": "text",
263 |             "children": false
264 |           }
265 |         ],
266 |         "type_slug": "page",
267 |         "created": "2015-11-06T03:26:39.539Z",
268 |         "user_id": "55767c3ffbcf5cbb13000001",
269 |         "options": {
270 |           "slug_field": 0,
271 |           "content_editor": 1,
272 |           "add_metafields": 1,
273 |           "metafields_title": 1,
274 |           "metafields_key": 1
275 |         },
276 |         "order": 1,
277 |         "modified": "2015-12-29T03:57:55.322Z"
278 |       },
279 |       {
280 |         "_id": "563c1def1ae7fe0f41000044",
281 |         "bucket": "563c1dbe1ae7fe0f41000036",
282 |         "slug": "work",
283 |         "title": "Work",
284 |         "content": "<p><br></p>",
285 |         "metafields": [
286 |           {
287 |             "edit": 1,
288 |             "value": "699270f0-77bc-11e5-bea6-3f1da2fe3a09-6a6b6eb0-6f5f-11e5-9c06-3fa77abead52-outer-space-1920x1200-hd-wallpaper (1).jpg",
289 |             "key": "hero",
290 |             "title": "Hero",
291 |             "type": "file",
292 |             "children": false
293 |           },
294 |           {
295 |             "edit": 1,
296 |             "value": "Work Stuff",
297 |             "key": "headline",
298 |             "title": "Headline",
299 |             "type": "text",
300 |             "children": false
301 |           },
302 |           {
303 |             "edit": 1,
304 |             "value": "All work and no play make for a dull demo",
305 |             "key": "subheadline",
306 |             "title": "Subheadline",
307 |             "type": "text",
308 |             "children": false
309 |           }
310 |         ],
311 |         "type_slug": "page",
312 |         "created": "2015-11-06T03:26:39.540Z",
313 |         "user_id": "55767c3ffbcf5cbb13000001",
314 |         "options": null,
315 |         "order": 2,
316 |         "modified": "2015-11-06T06:14:09.592Z"
317 |       },
318 |       {
319 |         "_id": "563c1def1ae7fe0f41000047",
320 |         "bucket": "563c1dbe1ae7fe0f41000036",
321 |         "slug": "about",
322 |         "title": "About",
323 |         "content": "Hi, I'm a React Universal Blog&nbsp;powered by the Cosmic JS content platform. &nbsp;You can enjoy me on the server or the browser. &nbsp;If you are a Google robot, feel free to navigate through all of my pages and add them to your search index! &nbsp;If you are a human, enjoy browsing my pages super fast because I'm also a single page application!<div><br></div><div><a href=\"https://github.com/tonyspiro/react-universal\" target=\"_blank\">Click here to view my source.</a><br><div><br></div><div>Cheers!</div><div>React Universal Blog</div></div>",
324 |         "metafields": [
325 |           {
326 |             "edit": 1,
327 |             "value": "99e55210-8449-11e5-adfe-014902af5eff-steamworkshop_webupload_previewfile_327002106_preview.jpg",
328 |             "key": "hero",
329 |             "title": "Hero",
330 |             "type": "file",
331 |             "children": false
332 |           },
333 |           {
334 |             "edit": 1,
335 |             "value": "About Me",
336 |             "key": "headline",
337 |             "title": "Headline",
338 |             "type": "text",
339 |             "children": false
340 |           },
341 |           {
342 |             "edit": 1,
343 |             "value": "I'll tell you some stuff then I'll ask about you",
344 |             "key": "subheadline",
345 |             "title": "Subheadline",
346 |             "type": "text",
347 |             "children": false
348 |           }
349 |         ],
350 |         "type_slug": "page",
351 |         "created": "2015-11-06T03:26:39.542Z",
352 |         "user_id": "55767c3ffbcf5cbb13000001",
353 |         "options": null,
354 |         "order": 3,
355 |         "modified": "2015-11-06T06:19:34.580Z"
356 |       },
357 |       {
358 |         "_id": "563c1def1ae7fe0f41000049",
359 |         "bucket": "563c1dbe1ae7fe0f41000036",
360 |         "slug": "contact",
361 |         "title": "Contact",
362 |         "content": "<div style=\"text-align: center;\"><span style=\"line-height: 1.42857;\">Like what I do? &nbsp;Hit me up at </span><a href=\"mailto:support@cosmicjs.com\" style=\"line-height: 1.42857; background-color: rgb(255, 255, 255);\">support@cosmicjs.com</a></div>",
363 |         "metafields": [
364 |           {
365 |             "edit": 1,
366 |             "value": "0e2445e0-844b-11e5-adfe-014902af5eff-deep_space_nebula_by_hameed.jpg",
367 |             "key": "hero",
368 |             "title": "Hero",
369 |             "type": "file",
370 |             "children": false
371 |           },
372 |           {
373 |             "edit": 1,
374 |             "value": "Contact Me",
375 |             "key": "headline",
376 |             "title": "Headline",
377 |             "type": "text",
378 |             "children": false
379 |           },
380 |           {
381 |             "edit": 1,
382 |             "value": "If you need anything, sugar, advice, I try to be a good neighbor",
383 |             "key": "subheadline",
384 |             "title": "Subheadline",
385 |             "type": "text",
386 |             "children": false
387 |           }
388 |         ],
389 |         "type_slug": "page",
390 |         "created": "2015-11-06T03:26:39.543Z",
391 |         "user_id": "55767c3ffbcf5cbb13000001",
392 |         "options": null,
393 |         "order": 4,
394 |         "modified": "2015-11-06T06:08:00.568Z"
395 |       }
396 |     ],
397 |     "media": [
398 |       {
399 |         "_id": "563c3d8e1ae7fe0f4100008a",
400 |         "name": "0a253dc0-8449-11e5-adfe-014902af5eff-steamworkshop_webupload_previewfile_327002106_preview.jpg",
401 |         "original_name": "steamworkshop_webupload_previewfile_327002106_preview.jpg",
402 |         "size": 145499,
403 |         "type": "image/jpeg",
404 |         "bucket": "563c1dbe1ae7fe0f41000036",
405 |         "created": "2015-11-06T05:41:34.264Z",
406 |         "folder": null,
407 |         "location": "https://cosmicjs.com/uploads"
408 |       },
409 |       {
410 |         "_id": "563c3df11ae7fe0f4100008b",
411 |         "name": "45904530-8449-11e5-adfe-014902af5eff-space_11.jpg",
412 |         "original_name": "space_11.jpg",
413 |         "size": 186217,
414 |         "type": "image/jpeg",
415 |         "bucket": "563c1dbe1ae7fe0f41000036",
416 |         "created": "2015-11-06T05:43:13.933Z",
417 |         "folder": null,
418 |         "location": "https://cosmicjs.com/uploads"
419 |       },
420 |       {
421 |         "_id": "563c3e7f1ae7fe0f4100008d",
422 |         "name": "99e55210-8449-11e5-adfe-014902af5eff-steamworkshop_webupload_previewfile_327002106_preview.jpg",
423 |         "original_name": "steamworkshop_webupload_previewfile_327002106_preview.jpg",
424 |         "size": 145499,
425 |         "type": "image/jpeg",
426 |         "bucket": "563c1dbe1ae7fe0f41000036",
427 |         "created": "2015-11-06T05:45:35.418Z",
428 |         "folder": null,
429 |         "location": "https://cosmicjs.com/uploads"
430 |       },
431 |       {
432 |         "_id": "563c40ef1ae7fe0f4100008e",
433 |         "name": "0e2445e0-844b-11e5-adfe-014902af5eff-deep_space_nebula_by_hameed.jpg",
434 |         "original_name": "deep_space_nebula_by_hameed.jpg",
435 |         "size": 276879,
436 |         "type": "image/jpeg",
437 |         "bucket": "563c1dbe1ae7fe0f41000036",
438 |         "created": "2015-11-06T05:55:59.945Z",
439 |         "folder": null,
440 |         "location": "https://cosmicjs.com/uploads"
441 |       },
442 |       {
443 |         "_id": "57990bc3ed7a775367002aee",
444 |         "name": "88c45370-5430-11e6-a6a3-41ff49de9ecd-download.jpeg",
445 |         "original_name": "download.jpeg",
446 |         "size": 124142,
447 |         "type": "image/jpeg",
448 |         "bucket": "563c1dbe1ae7fe0f41000036",
449 |         "created": "2016-07-27T19:30:11.116Z",
450 |         "folder": null,
451 |         "location": "https://cosmicjs.com/uploads"
452 |       },
453 |       {
454 |         "_id": "57990c15ed7a775367002b02",
455 |         "name": "b9d4e740-5430-11e6-a6a3-41ff49de9ecd-download (1).jpeg",
456 |         "original_name": "download (1).jpeg",
457 |         "size": 561637,
458 |         "type": "image/jpeg",
459 |         "bucket": "563c1dbe1ae7fe0f41000036",
460 |         "created": "2016-07-27T19:31:33.444Z",
461 |         "folder": null,
462 |         "location": "https://cosmicjs.com/uploads"
463 |       }
464 |     ],
465 |     "media_folders": null,
466 |     "plugins": null
467 |   }
468 | }
469 | 


--------------------------------------------------------------------------------
/components/App.js:
--------------------------------------------------------------------------------
 1 | // App.js
 2 | import React, { Component } from 'react'
 3 | 
 4 | // Dispatcher
 5 | import AppDispatcher from '../dispatcher/AppDispatcher'
 6 | 
 7 | // Store
 8 | import AppStore from '../stores/AppStore'
 9 | 
10 | // Components
11 | import Nav from './Partials/Nav'
12 | import Footer from './Partials/Footer'
13 | import Loading from './Partials/Loading'
14 | 
15 | export default class App extends Component {
16 |   
17 |   // Add change listeners to stores
18 |   componentDidMount(){
19 |     AppStore.addChangeListener(this._onChange.bind(this))
20 |   }
21 | 
22 |   // Remove change listeners from stores
23 |   componentWillUnmount(){
24 |     AppStore.removeChangeListener(this._onChange.bind(this))
25 |   }
26 | 
27 |   getStore(){
28 |     AppDispatcher.dispatch({
29 |       action: 'get-app-store'
30 |     })
31 |   }
32 | 
33 |   _onChange(){
34 |     this.setState(AppStore)
35 |   }
36 | 
37 |   render(){
38 |     
39 |     const data = AppStore.data
40 | 
41 |     // Show loading for browser
42 |     if(!data.ready){
43 | 
44 |       document.body.className = ''
45 |       this.getStore()
46 | 
47 |       let style = {
48 |         marginTop: 120
49 |       }
50 |       return (
51 |         <div className="container text-center" style={ style }>
52 |           <Loading />
53 |         </div>
54 |       )
55 |     }
56 | 
57 |     // Server first
58 |     const Routes = React.cloneElement(this.props.children, { data: data })
59 | 
60 |     return (
61 |       <div>
62 |         <Nav data={ data }/>
63 |         { Routes }
64 |         <Footer data={ data }/>
65 |       </div>
66 |     )
67 |   }
68 | }
69 | 


--------------------------------------------------------------------------------
/components/Pages/Blog.js:
--------------------------------------------------------------------------------
 1 | // Blog.js
 2 | import React, { Component } from 'react'
 3 | import _ from 'lodash'
 4 | import config from '../../config'
 5 | 
 6 | // Components
 7 | import Header from '../Partials/Header'
 8 | import BlogList from '../Partials/BlogList'
 9 | import BlogSingle from '../Partials/BlogSingle'
10 | 
11 | // Dispatcher
12 | import AppDispatcher from '../../dispatcher/AppDispatcher'
13 | 
14 | export default class Blog extends Component {
15 | 
16 |   componentWillMount(){
17 |     this.getPageData()
18 |   }
19 | 
20 |   componentDidMount(){
21 |     const data = this.props.data
22 |     document.title = config.site.title + ' | ' + data.page.title
23 |   }
24 | 
25 |   getPageData(){
26 |     AppDispatcher.dispatch({
27 |       action: 'get-page-data',
28 |       page_slug: 'blog',
29 |       post_slug: this.props.params.slug
30 |     })
31 |   }
32 | 
33 |   getMoreArticles(){
34 |     AppDispatcher.dispatch({
35 |       action: 'get-more-items'
36 |     })
37 |   }
38 | 
39 |   render(){
40 | 
41 |     const data = this.props.data
42 |     const globals = data.globals
43 |     const pages = data.pages
44 |     let main_content
45 | 
46 |     if(!this.props.params.slug){
47 | 
48 |       main_content = <BlogList getMoreArticles={ this.getMoreArticles } data={ data }/>
49 | 
50 |     } else {
51 | 
52 |       const articles = data.articles
53 |       
54 |       // Get current page slug
55 |       const slug = this.props.params.slug
56 |       const articles_object = _.keyBy(articles, 'slug')
57 |       const article = articles_object[slug]
58 |       main_content = <BlogSingle article={ article } />
59 | 
60 |     }
61 |     
62 |     return (
63 |       <div>
64 |         <Header data={ data }/>
65 |         <div id="main-content" className="container">
66 |           <div className="row">
67 |             <div className="col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1">
68 |             { main_content }
69 |             </div>
70 |           </div>
71 |         </div>
72 |       </div>
73 |     )
74 |   }
75 | }


--------------------------------------------------------------------------------
/components/Pages/Default.js:
--------------------------------------------------------------------------------
 1 | // Default.js
 2 | import React, { Component } from 'react'
 3 | import { Link } from 'react-router'
 4 | import config from '../../config'
 5 | 
 6 | // Components
 7 | import Header from '../Partials/Header'
 8 | 
 9 | // Dispatcher
10 | import AppDispatcher from '../../dispatcher/AppDispatcher'
11 | 
12 | export default class Default extends Component {
13 | 
14 |   componentWillMount(){
15 |     this.getPageData()
16 |   }
17 | 
18 |   componentDidUpdate(){
19 |     const data = this.props.data
20 |     document.title = config.site.title + ' | ' + data.page.title
21 |     
22 |     // Updated
23 |     const page = data.page
24 |     const page_slug = this.getSlug()
25 |     if(page.slug !== page_slug)
26 |       this.getPageData(page_slug)
27 |   }
28 | 
29 |   getSlug(){
30 |     return this.props.location.pathname.replace('/','') 
31 |   }
32 | 
33 |   getPageData(){
34 |     const page_slug = this.getSlug()
35 |     AppDispatcher.dispatch({
36 |       action: 'get-page-data',
37 |       page_slug: page_slug
38 |     })
39 |   }
40 |   
41 |   render(){
42 |     
43 |     const slug = this.getSlug()
44 |     const data = this.props.data
45 |     const page = data.page
46 | 
47 |     let main_content = <div dangerouslySetInnerHTML={ {__html: page.content } }></div>
48 | 
49 |     return (
50 |        <div>
51 |         <Header data={ data }/>
52 |         <div id="main-content" className="container">
53 |           <div className="row">
54 |             <div className="col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1">
55 |             { main_content }
56 |             </div>
57 |           </div>
58 |         </div>
59 |       </div>
60 |     )
61 |   }
62 | }


--------------------------------------------------------------------------------
/components/Pages/NoMatch.js:
--------------------------------------------------------------------------------
 1 | // NoMatch.js
 2 | import React, { Component } from 'react'
 3 | import { Link } from 'react-router'
 4 | import config from '../../config'
 5 | 
 6 | // Components
 7 | import Header from '../Partials/Header'
 8 | 
 9 | // Dispatcher
10 | import AppDispatcher from '../../dispatcher/AppDispatcher'
11 | 
12 | export default class NoMatch extends Component {
13 | 
14 |   componentWillMount(){
15 |     this.getPageData()
16 |   }
17 | 
18 |   componentDidMount(){
19 |     const data = this.props.data
20 |     document.title = config.site.title + ' | Page Not Found'
21 |   }
22 | 
23 |   getPageData(){
24 |     AppDispatcher.dispatch({
25 |       action: 'get-page-data',
26 |       slug: 'home'
27 |     })
28 |   }
29 |   
30 |   render(){
31 |     
32 |     const data = this.props.data
33 |     const page = data.page
34 | 
35 |     return (
36 |       <div>
37 |         <Header data={ data }/>
38 |         <div id="main-content" className="container">
39 |           <div className="row">
40 |             <div className="col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1">
41 |               <div className="text-center">
42 |                 Whoa!  Looks like you stumbled down a worm hole!<br />
43 |                 If this is a new page that you've added in Cosmic JS, make sure you add it to your <code>routes.js</code> file!
44 |                 <br/>
45 |                 <br/>
46 |                 <Link to="/">Take me home</Link>
47 |               </div>
48 |             </div>
49 |           </div>
50 |         </div>
51 |       </div>
52 |     )
53 |   }
54 | }
55 | 


--------------------------------------------------------------------------------
/components/Pages/Work.js:
--------------------------------------------------------------------------------
 1 | // Work.js
 2 | import React, { Component } from 'react'
 3 | import _ from 'lodash'
 4 | import config from '../../config'
 5 | 
 6 | // Components
 7 | import Header from '../Partials/Header'
 8 | import WorkList from '../Partials/WorkList'
 9 | import WorkSingle from '../Partials/WorkSingle'
10 | 
11 | // Dispatcher
12 | import AppDispatcher from '../../dispatcher/AppDispatcher'
13 | 
14 | export default class Work extends Component {
15 | 
16 |   componentWillMount(){
17 |     this.getPageData()
18 |   }
19 | 
20 |   componentDidMount(){
21 |     const data = this.props.data
22 |     document.title = config.site.title + ' | ' + data.page.title
23 |   }
24 | 
25 |   getPageData(){
26 |     AppDispatcher.dispatch({
27 |       action: 'get-page-data',
28 |       page_slug: 'work',
29 |       post_slug: this.props.params.slug
30 |     })
31 |   }
32 | 
33 |   getMoreWorkItems(){
34 |     AppDispatcher.dispatch({
35 |       action: 'get-more-items'
36 |     })
37 |   }
38 | 
39 |   render(){
40 | 
41 |     const data = this.props.data
42 |     const globals = data.globals
43 |     const pages = data.pages
44 |     let main_content
45 | 
46 |     if(!this.props.params.slug){
47 | 
48 |       main_content = <WorkList getMoreWorkItems={ this.getMoreWorkItems } data={ data }/>
49 | 
50 |     } else {
51 |       
52 |       const work_items = data.work_items
53 |       
54 |       // Get current page slug
55 |       const slug = this.props.params.slug
56 |       const work_items_object = _.indexBy(work_items, 'slug')
57 |       const work_item = work_items_object[slug]
58 |       
59 |       main_content = <WorkSingle data={ data } work_item={ work_item }/>
60 | 
61 |     }
62 | 
63 |     return (
64 |       <div>
65 |         <Header data={ data }/>
66 |           <div id="main-content" className="container">
67 |             <div className="row">
68 |               <div className="col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1">
69 |               { main_content }
70 |               </div>
71 |           </div>
72 |         </div>
73 |       </div>
74 |     )
75 |   }
76 | }


--------------------------------------------------------------------------------
/components/Partials/BlogList.js:
--------------------------------------------------------------------------------
 1 | // BlogList.js
 2 | import React, { Component } from 'react'
 3 | import _ from 'lodash'
 4 | import { Link } from 'react-router'
 5 | 
 6 | export default class BlogList extends Component {
 7 | 
 8 |   scrollTop(){
 9 |     $('html, body').animate({
10 |       scrollTop: $("#main-content").offset().top
11 |     }, 500)
12 |   }
13 | 
14 |   render(){
15 |     
16 |     let data = this.props.data
17 |     let item_num = data.item_num
18 |     let articles = data.articles
19 | 
20 |     let load_more
21 |     let show_more_text = 'Show More Articles'
22 | 
23 |     if(data.loading){
24 |       show_more_text = 'Loading...'
25 |     }
26 | 
27 |     if(articles && item_num <= articles.length){
28 |       load_more = (
29 |         <div>
30 |           <button className="btn btn-default center-block" onClick={ this.props.getMoreArticles.bind(this) }>
31 |             { show_more_text }
32 |           </button>
33 |         </div>
34 |       )
35 |     }
36 | 
37 |     articles = _.take(articles, item_num)
38 |     
39 |     let articles_html = articles.map(( article ) => {
40 |       let date_obj = new Date(article.created)
41 |       let created = (date_obj.getMonth()+1) + '/' + date_obj.getDate() + '/' + date_obj.getFullYear()
42 |       return (
43 |         <div key={ 'key-' + article.slug }>
44 |           <div className="post-preview">
45 |             <h2 className="post-title pointer">
46 |               <Link to={ '/blog/' + article.slug } onClick={ this.scrollTop }>{ article.title }</Link>
47 |             </h2>
48 |             <p className="post-meta">Posted by <a href="https://cosmicjs.com" target="_blank">Cosmic JS</a> on { created }</p>
49 |           </div>
50 |           <hr/>
51 |         </div>
52 |       )
53 |     })
54 | 
55 |     return (
56 |       <div>
57 |         <div>{ articles_html }</div>
58 |         { load_more }
59 |       </div>
60 |     )
61 |   }
62 | }


--------------------------------------------------------------------------------
/components/Partials/BlogSingle.js:
--------------------------------------------------------------------------------
 1 | // BlogSingle.js
 2 | import React, { Component } from 'react'
 3 | import { Link } from 'react-router'
 4 | 
 5 | export default class BlogSingle extends Component {
 6 |   
 7 |   render(){
 8 |     
 9 |     const article = this.props.article
10 | 
11 |     const style = {
12 |       marginBottom: 20
13 |     }
14 |     
15 |     return (
16 |       <div>
17 |         <Link to="/" className="btn btn-default" style={ style }>&lt;&lt; Back to Article List</Link>
18 |         <h2>{ article.title }</h2>
19 |         <div dangerouslySetInnerHTML={ {__html: article.content } }></div>
20 |       </div>
21 |     )
22 |   }
23 | }


--------------------------------------------------------------------------------
/components/Partials/Footer.js:
--------------------------------------------------------------------------------
 1 | // Footer.js
 2 | import React, { Component } from 'react'
 3 | 
 4 | export default class Footer extends Component {
 5 | 
 6 |   render(){
 7 |     
 8 |     const data = this.props.data  
 9 |     let footer_text
10 |     if(data.globals.text){
11 |       footer_text = data.globals.text.footer_text
12 |     }
13 | 
14 |     let twitter
15 |     let facebook
16 |     let github
17 |     if(data.globals.social){
18 |       twitter = data.globals.social.twitter
19 |       facebook = data.globals.social.facebook
20 |       github = data.globals.social.github
21 |     }
22 | 
23 |     return (
24 |       <footer>
25 |         <div className="container">
26 |           <div className="row">
27 |             <div className="col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1">
28 |               <ul className="list-inline text-center">
29 |                 <li>
30 |                   <a href={ twitter } target="_blank">
31 |                     <span className="fa-stack fa-lg">
32 |                       <i className="fa fa-circle fa-stack-2x"></i>
33 |                       <i className="fa fa-twitter fa-stack-1x fa-inverse"></i>
34 |                     </span>
35 |                   </a>
36 |                 </li>
37 |                 <li>
38 |                   <a href={ facebook } target="_blank">
39 |                     <span className="fa-stack fa-lg">
40 |                       <i className="fa fa-circle fa-stack-2x"></i>
41 |                       <i className="fa fa-facebook fa-stack-1x fa-inverse"></i>
42 |                     </span>
43 |                   </a>
44 |                 </li>
45 |                 <li>
46 |                   <a href={ github } target="_blank">
47 |                     <span className="fa-stack fa-lg">
48 |                       <i className="fa fa-circle fa-stack-2x"></i>
49 |                       <i className="fa fa-github fa-stack-1x fa-inverse"></i>
50 |                     </span>
51 |                   </a>
52 |                 </li>
53 |               </ul>
54 |               <p className="copyright text-muted" dangerouslySetInnerHTML={{__html: footer_text }}></p>
55 |             </div>
56 |           </div>
57 |         </div>
58 |       </footer>
59 |     )
60 |   }
61 | }


--------------------------------------------------------------------------------
/components/Partials/Header.js:
--------------------------------------------------------------------------------
 1 | // Header.js
 2 | import React, { Component } from 'react'
 3 | 
 4 | export default class Header extends Component {
 5 | 
 6 |   render(){
 7 |     
 8 |     const data = this.props.data
 9 |     const hero = data.page.hero
10 |     const headline = data.page.headline
11 |     const subheadline = data.page.subheadline
12 | 
13 |     return (
14 |       <div>
15 |         <header className="intro-header" style={ { backgroundImage: "url('" + hero + "')" } }>
16 |           <div className="container">
17 |             <div className="row">
18 |               <div className="col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1">
19 |                 <div className="site-heading">
20 |                   <h1>{ headline }</h1>
21 |                   <hr className="small" />
22 |                   <span className="subheading">{ subheadline }</span>
23 |                 </div>
24 |               </div>
25 |             </div>
26 |           </div>
27 |         </header>
28 |       </div>
29 |     )
30 |   }
31 | }


--------------------------------------------------------------------------------
/components/Partials/Loading.js:
--------------------------------------------------------------------------------
 1 | // Loading.js
 2 | import React, { Component } from 'react'
 3 | 
 4 | export default class Loading extends Component {
 5 |   render(){
 6 |     return (
 7 |       <div className="sk-circle">
 8 |         <div className="sk-circle1 sk-child"></div>
 9 |         <div className="sk-circle2 sk-child"></div>
10 |         <div className="sk-circle3 sk-child"></div>
11 |         <div className="sk-circle4 sk-child"></div>
12 |         <div className="sk-circle5 sk-child"></div>
13 |         <div className="sk-circle6 sk-child"></div>
14 |         <div className="sk-circle7 sk-child"></div>
15 |         <div className="sk-circle8 sk-child"></div>
16 |         <div className="sk-circle9 sk-child"></div>
17 |         <div className="sk-circle10 sk-child"></div>
18 |         <div className="sk-circle11 sk-child"></div>
19 |         <div className="sk-circle12 sk-child"></div>
20 |       </div>
21 |     )
22 |   }
23 | }


--------------------------------------------------------------------------------
/components/Partials/Nav.js:
--------------------------------------------------------------------------------
 1 | // Nav.js
 2 | import React, { Component } from 'react'
 3 | import { Link } from 'react-router'
 4 | 
 5 | export default class Nav extends Component {
 6 | 
 7 |   handleClick(){
 8 |     $('.navbar-collapse').removeClass('in')
 9 |     $('html,body').scrollTop(0)
10 |   }
11 | 
12 |   render(){
13 |     
14 |     const data = this.props.data
15 |     const nav_items = data.globals.nav_items
16 |     
17 |     // Prevent initial null
18 |     if(!nav_items){
19 |       return <div></div>
20 |     }
21 | 
22 |     const menu_items = nav_items.map(( nav_item ) => {
23 |       return (
24 |         <li key={ 'key-' + nav_item.value }>
25 |           <Link onClick={ this.handleClick } to={ '/' + nav_item.value }>{ nav_item.title }</Link>
26 |         </li>
27 |       )
28 |     })
29 | 
30 |     return (
31 |       <nav className="navbar navbar-default navbar-custom navbar-fixed-top">
32 |         <div className="container-fluid">
33 |           <div className="navbar-header page-scroll">
34 |             <button type="button" className="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
35 |               <span className="sr-only">Toggle navigation</span>
36 |               <span className="icon-bar"></span>
37 |               <span className="icon-bar"></span>
38 |               <span className="icon-bar"></span>
39 |             </button>
40 |             <a className="navbar-brand" target="_blank" href="https://cosmicjs.com">Cosmic JS</a>
41 |           </div>
42 | 
43 |           <div className="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
44 |             <ul className="nav navbar-nav navbar-right">
45 |               { menu_items }
46 |             </ul>
47 |           </div>
48 |         </div>
49 |       </nav>
50 |     )
51 |   }
52 | }


--------------------------------------------------------------------------------
/components/Partials/WorkList.js:
--------------------------------------------------------------------------------
 1 | // WorkList.js
 2 | import React, { Component } from 'react'
 3 | import _ from 'lodash'
 4 | import { Link } from 'react-router'
 5 | 
 6 | // Dispatcher
 7 | import AppDispatcher from '../../dispatcher/AppDispatcher'
 8 | 
 9 | export default class WorkList extends Component {
10 | 
11 |   scrollTop(){
12 |     $('html, body').animate({
13 |       scrollTop: $("#main-content").offset().top
14 |     }, 500)
15 |   }
16 | 
17 |   render(){
18 |     
19 |     let data = this.props.data
20 |     let item_num = data.item_num
21 |     let work_items = data.work_items
22 | 
23 |     let load_more
24 |     let show_more_text = 'Show More Work'
25 | 
26 |     if(data.loading){
27 |       show_more_text = 'Loading...'
28 |     }
29 | 
30 |     if(work_items && item_num <= work_items.length){
31 |       load_more = (
32 |         <div>
33 |           <button className="btn btn-default center-block" onClick={ this.props.getMoreWorkItems.bind(this) }>
34 |             { show_more_text }
35 |           </button>
36 |         </div>
37 |       )
38 |     }
39 | 
40 |     work_items = _.take(work_items, item_num)
41 |     
42 |     let articles_html = work_items.map(( work_item ) => {
43 |       let date_obj = new Date(work_item.created)
44 |       let created = (date_obj.getMonth()+1) + '/' + date_obj.getDate() + '/' + date_obj.getFullYear()
45 |       return (
46 |         <div key={ 'key-' + work_item.slug }>
47 |           <div className="post-preview">
48 |             <h2 className="post-title pointer">
49 |               <Link to={ '/work/' + work_item.slug } onClick={ this.scrollTop }>{ work_item.title }</Link>
50 |             </h2>
51 |             <p className="post-meta">Posted by <a href="https://cosmicjs.com" target="_blank">Cosmic JS</a> on { created }</p>
52 |           </div>
53 |           <hr/>
54 |         </div>
55 |       )
56 |     })
57 | 
58 |     return (
59 |       <div>
60 |         <div>{ articles_html }</div>
61 |         { load_more }
62 |       </div>
63 |     )
64 |   }
65 | }


--------------------------------------------------------------------------------
/components/Partials/WorkSingle.js:
--------------------------------------------------------------------------------
 1 | // WorkSingle.js
 2 | import React, { Component } from 'react'
 3 | import _ from 'lodash'
 4 | import { Link } from 'react-router'
 5 | 
 6 | export default class WorkSingle extends Component {
 7 |   
 8 |   render(){
 9 |     
10 |     const work_item = this.props.work_item
11 |     
12 |     const style = {
13 |       marginBottom: 20
14 |     }
15 | 
16 |     return (
17 |       <div>
18 |         <Link to="/work" className="btn btn-default" style={ style }>&lt;&lt; Back to Work List</Link>
19 |         <h2>{ work_item.title }</h2>
20 |         <div dangerouslySetInnerHTML={ {__html: work_item.content } }></div>
21 |       </div>
22 |     )
23 |   }
24 | }


--------------------------------------------------------------------------------
/config.js:
--------------------------------------------------------------------------------
 1 | // config.js
 2 | export default {
 3 |   site: {
 4 |     title: 'React Universal Blog'
 5 |   },
 6 |   bucket: {
 7 |     slug: process.env.COSMIC_BUCKET || 'react-universal-blog',
 8 |     media_url: 'https://cosmicjs.com/uploads',
 9 |     read_key: process.env.COSMIC_READ_KEY || '',
10 |     write_key: process.env.COSMIC_WRITE_KEY || ''
11 |   },
12 | }
13 | 


--------------------------------------------------------------------------------
/dispatcher/AppDispatcher.js:
--------------------------------------------------------------------------------
 1 | // AppDispatcher.js
 2 | import { Dispatcher } from 'flux'
 3 | import { getStore, getPageData, getMoreItems } from '../actions/actions'
 4 | 
 5 | const AppDispatcher = new Dispatcher()
 6 | 
 7 | // Register callback with AppDispatcher
 8 | AppDispatcher.register((payload) => {
 9 | 
10 |   let action = payload.action
11 | 
12 |   switch(action) {
13 | 
14 |     case 'get-app-store':
15 |       getStore()
16 |       break
17 | 
18 |     case 'get-page-data':
19 |       getPageData(payload.page_slug, payload.post_slug)
20 |       break
21 | 
22 |     case 'get-more-items':
23 |       getMoreItems()
24 |       break
25 | 
26 |     default:
27 |       return true
28 | 
29 |   }
30 | 
31 |   return true
32 | 
33 | })
34 | 
35 | export default AppDispatcher
36 | 


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "react-universal-blog",
 3 |   "version": "1.0.0",
 4 |   "engines": {
 5 |     "node": "4.1.2",
 6 |     "npm": "3.5.2"
 7 |   },
 8 |   "description": "",
 9 |   "main": "app-server.js",
10 |   "dependencies": {
11 |   "babel-cli": "^6.26.0",
12 |   "babel-loader": "^7.1.2",
13 |   "babel-preset-es2015": "^6.24.1",
14 |   "babel-preset-es2017": "^6.24.1",
15 |   "babel-preset-react": "^6.24.1",
16 |   "babel-register": "^6.26.0",
17 |   "cosmicjs": "^2.4.0",
18 |   "flux": "^3.1.3",
19 |   "history": "1.13.0",
20 |   "hogan-express": "^0.5.2",
21 |   "html-webpack-plugin": "^2.30.1",
22 |   "path": "^0.12.7",
23 |   "react": "^15.6.1",
24 |   "react-dom": "^15.6.1",
25 |   "react-router": "1.0.1",
26 |   "webpack": "^3.5.6",
27 |   "webpack-dev-server": "^2.7.1"
28 |   },
29 |   "scripts": {
30 |     "start": "npm run production",
31 |     "production": "rm -rf public/index.html && NODE_ENV=production webpack -p && NODE_ENV=production babel-node app-server.js --presets es2015",
32 |     "webpack-dev-server": "NODE_ENV=development PORT=8080 webpack-dev-server --content-base public/ --hot --inline --devtool inline-source-map --history-api-fallback",
33 |     "development": "cp views/index.html public/index.html && NODE_ENV=development webpack && npm run webpack-dev-server"
34 |   },
35 |   "author": "",
36 |   "license": "ISC",
37 |   "devDependencies": {
38 |     "react-hot-loader": "^1.3.0"
39 |   }
40 | }
41 | 


--------------------------------------------------------------------------------
/public/css/clean-blog.css:
--------------------------------------------------------------------------------
  1 | /*!
  2 |  * Clean Blog v1.0.0 (http://startbootstrap.com)
  3 |  * Copyright 2014 Start Bootstrap
  4 |  * Licensed under Apache 2.0 (https://github.com/IronSummitMedia/startbootstrap/blob/gh-pages/LICENSE)
  5 |  */
  6 | 
  7 | body {
  8 |   font-family: 'Lora', 'Times New Roman', serif;
  9 |   font-size: 20px;
 10 |   color: #404040;
 11 | }
 12 | p {
 13 |   line-height: 1.5;
 14 |   margin: 30px 0;
 15 | }
 16 | p a {
 17 |   text-decoration: underline;
 18 | }
 19 | h1,
 20 | h2,
 21 | h3,
 22 | h4,
 23 | h5,
 24 | h6 {
 25 |   font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
 26 |   font-weight: 800;
 27 | }
 28 | a {
 29 |   color: #404040;
 30 | }
 31 | a:hover,
 32 | a:focus {
 33 |   color: #0085a1;
 34 | }
 35 | a img:hover,
 36 | a img:focus {
 37 |   cursor: zoom-in;
 38 | }
 39 | blockquote {
 40 |   color: #808080;
 41 |   font-style: italic;
 42 | }
 43 | hr.small {
 44 |   max-width: 100px;
 45 |   margin: 15px auto;
 46 |   border-width: 4px;
 47 |   border-color: white;
 48 | }
 49 | .navbar-custom {
 50 |   position: absolute;
 51 |   top: 0;
 52 |   left: 0;
 53 |   width: 100%;
 54 |   z-index: 3;
 55 |   font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
 56 | }
 57 | .navbar-custom .navbar-brand {
 58 |   font-weight: 800;
 59 | }
 60 | .navbar-custom .nav li a {
 61 |   text-transform: uppercase;
 62 |   font-size: 12px;
 63 |   font-weight: 800;
 64 |   letter-spacing: 1px;
 65 | }
 66 | @media only screen and (min-width: 768px) {
 67 |   .navbar-custom {
 68 |     background: transparent;
 69 |     border-bottom: 1px solid transparent;
 70 |   }
 71 |   .navbar-custom .navbar-brand {
 72 |     color: white;
 73 |     padding: 20px;
 74 |   }
 75 |   .navbar-custom .navbar-brand:hover,
 76 |   .navbar-custom .navbar-brand:focus {
 77 |     color: rgba(255, 255, 255, 0.8);
 78 |   }
 79 |   .navbar-custom .nav li a {
 80 |     color: white;
 81 |     padding: 20px;
 82 |   }
 83 |   .navbar-custom .nav li a:hover,
 84 |   .navbar-custom .nav li a:focus {
 85 |     color: rgba(255, 255, 255, 0.8);
 86 |   }
 87 | }
 88 | @media only screen and (min-width: 1170px) {
 89 |   .navbar-custom {
 90 |     -webkit-transition: background-color 0.3s;
 91 |     -moz-transition: background-color 0.3s;
 92 |     transition: background-color 0.3s;
 93 |     /* Force Hardware Acceleration in WebKit */
 94 |     -webkit-transform: translate3d(0, 0, 0);
 95 |     -moz-transform: translate3d(0, 0, 0);
 96 |     -ms-transform: translate3d(0, 0, 0);
 97 |     -o-transform: translate3d(0, 0, 0);
 98 |     transform: translate3d(0, 0, 0);
 99 |     -webkit-backface-visibility: hidden;
100 |     backface-visibility: hidden;
101 |   }
102 |   .navbar-custom.is-fixed {
103 |     /* when the user scrolls down, we hide the header right above the viewport */
104 |     position: fixed;
105 |     top: -61px;
106 |     background-color: rgba(255, 255, 255, 0.9);
107 |     border-bottom: 1px solid #f2f2f2;
108 |     -webkit-transition: -webkit-transform 0.3s;
109 |     -moz-transition: -moz-transform 0.3s;
110 |     transition: transform 0.3s;
111 |   }
112 |   .navbar-custom.is-fixed .navbar-brand {
113 |     color: #404040;
114 |   }
115 |   .navbar-custom.is-fixed .navbar-brand:hover,
116 |   .navbar-custom.is-fixed .navbar-brand:focus {
117 |     color: #0085a1;
118 |   }
119 |   .navbar-custom.is-fixed .nav li a {
120 |     color: #404040;
121 |   }
122 |   .navbar-custom.is-fixed .nav li a:hover,
123 |   .navbar-custom.is-fixed .nav li a:focus {
124 |     color: #0085a1;
125 |   }
126 |   .navbar-custom.is-visible {
127 |     /* if the user changes the scrolling direction, we show the header */
128 |     -webkit-transform: translate3d(0, 100%, 0);
129 |     -moz-transform: translate3d(0, 100%, 0);
130 |     -ms-transform: translate3d(0, 100%, 0);
131 |     -o-transform: translate3d(0, 100%, 0);
132 |     transform: translate3d(0, 100%, 0);
133 |   }
134 | }
135 | .intro-header {
136 |   background-color: #808080;
137 |   background: no-repeat center center;
138 |   background-attachment: scroll;
139 |   -webkit-background-size: cover;
140 |   -moz-background-size: cover;
141 |   background-size: cover;
142 |   -o-background-size: cover;
143 |   margin-bottom: 50px;
144 | }
145 | .intro-header .site-heading,
146 | .intro-header .post-heading,
147 | .intro-header .page-heading {
148 |   padding: 100px 0 50px;
149 |   color: white;
150 | }
151 | @media only screen and (min-width: 768px) {
152 |   .intro-header .site-heading,
153 |   .intro-header .post-heading,
154 |   .intro-header .page-heading {
155 |     padding: 150px 0;
156 |   }
157 | }
158 | .intro-header .site-heading,
159 | .intro-header .page-heading {
160 |   text-align: center;
161 | }
162 | .intro-header .site-heading h1,
163 | .intro-header .page-heading h1 {
164 |   margin-top: 0;
165 |   font-size: 50px;
166 | }
167 | .intro-header .site-heading .subheading,
168 | .intro-header .page-heading .subheading {
169 |   font-size: 24px;
170 |   line-height: 1.1;
171 |   display: block;
172 |   font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
173 |   font-weight: 300;
174 |   margin: 10px 0 0;
175 | }
176 | @media only screen and (min-width: 768px) {
177 |   .intro-header .site-heading h1,
178 |   .intro-header .page-heading h1 {
179 |     font-size: 80px;
180 |   }
181 | }
182 | .intro-header .post-heading h1 {
183 |   font-size: 35px;
184 | }
185 | .intro-header .post-heading .subheading,
186 | .intro-header .post-heading .meta {
187 |   line-height: 1.1;
188 |   display: block;
189 | }
190 | .intro-header .post-heading .subheading {
191 |   font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
192 |   font-size: 24px;
193 |   margin: 10px 0 30px;
194 |   font-weight: 600;
195 | }
196 | .intro-header .post-heading .meta {
197 |   font-family: 'Lora', 'Times New Roman', serif;
198 |   font-style: italic;
199 |   font-weight: 300;
200 |   font-size: 20px;
201 | }
202 | .intro-header .post-heading .meta a {
203 |   color: white;
204 | }
205 | @media only screen and (min-width: 768px) {
206 |   .intro-header .post-heading h1 {
207 |     font-size: 55px;
208 |   }
209 |   .intro-header .post-heading .subheading {
210 |     font-size: 30px;
211 |   }
212 | }
213 | .post-preview > a {
214 |   color: #404040;
215 | }
216 | .post-preview > a:hover,
217 | .post-preview > a:focus {
218 |   text-decoration: none;
219 |   color: #0085a1;
220 | }
221 | .post-preview > a > .post-title {
222 |   font-size: 30px;
223 |   margin-top: 30px;
224 |   margin-bottom: 10px;
225 | }
226 | .post-preview > a > .post-subtitle {
227 |   margin: 0;
228 |   font-weight: 300;
229 |   margin-bottom: 10px;
230 | }
231 | .post-preview > .post-meta {
232 |   color: #808080;
233 |   font-size: 18px;
234 |   font-style: italic;
235 |   margin-top: 0;
236 | }
237 | .post-preview > .post-meta > a {
238 |   text-decoration: none;
239 |   color: #404040;
240 | }
241 | .post-preview > .post-meta > a:hover,
242 | .post-preview > .post-meta > a:focus {
243 |   color: #0085a1;
244 |   text-decoration: underline;
245 | }
246 | @media only screen and (min-width: 768px) {
247 |   .post-preview > a > .post-title {
248 |     font-size: 36px;
249 |   }
250 | }
251 | .section-heading {
252 |   font-size: 36px;
253 |   margin-top: 60px;
254 |   font-weight: 700;
255 | }
256 | .caption {
257 |   text-align: center;
258 |   font-size: 14px;
259 |   padding: 10px;
260 |   font-style: italic;
261 |   margin: 0;
262 |   display: block;
263 |   border-bottom-right-radius: 5px;
264 |   border-bottom-left-radius: 5px;
265 | }
266 | footer {
267 |   padding: 50px 0 65px;
268 | }
269 | footer .list-inline {
270 |   margin: 0;
271 |   padding: 0;
272 | }
273 | footer .copyright {
274 |   font-size: 14px;
275 |   text-align: center;
276 |   margin-bottom: 0;
277 | }
278 | .floating-label-form-group {
279 |   font-size: 14px;
280 |   position: relative;
281 |   margin-bottom: 0;
282 |   padding-bottom: 0.5em;
283 |   border-bottom: 1px solid #eeeeee;
284 | }
285 | .floating-label-form-group input,
286 | .floating-label-form-group textarea {
287 |   z-index: 1;
288 |   position: relative;
289 |   padding-right: 0;
290 |   padding-left: 0;
291 |   border: none;
292 |   border-radius: 0;
293 |   font-size: 1.5em;
294 |   background: none;
295 |   box-shadow: none !important;
296 |   resize: none;
297 | }
298 | .floating-label-form-group label {
299 |   display: block;
300 |   z-index: 0;
301 |   position: relative;
302 |   top: 2em;
303 |   margin: 0;
304 |   font-size: 0.85em;
305 |   line-height: 1.764705882em;
306 |   vertical-align: middle;
307 |   vertical-align: baseline;
308 |   opacity: 0;
309 |   -webkit-transition: top 0.3s ease,opacity 0.3s ease;
310 |   -moz-transition: top 0.3s ease,opacity 0.3s ease;
311 |   -ms-transition: top 0.3s ease,opacity 0.3s ease;
312 |   transition: top 0.3s ease,opacity 0.3s ease;
313 | }
314 | .floating-label-form-group::not(:first-child) {
315 |   padding-left: 14px;
316 |   border-left: 1px solid #eeeeee;
317 | }
318 | .floating-label-form-group-with-value label {
319 |   top: 0;
320 |   opacity: 1;
321 | }
322 | .floating-label-form-group-with-focus label {
323 |   color: #0085a1;
324 | }
325 | form .row:first-child .floating-label-form-group {
326 |   border-top: 1px solid #eeeeee;
327 | }
328 | .btn {
329 |   font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
330 |   text-transform: uppercase;
331 |   font-size: 14px;
332 |   font-weight: 800;
333 |   letter-spacing: 1px;
334 |   border-radius: 0;
335 |   padding: 15px 25px;
336 | }
337 | .btn-lg {
338 |   font-size: 16px;
339 |   padding: 25px 35px;
340 | }
341 | .btn-default:hover,
342 | .btn-default:focus {
343 |   background-color: #0085a1;
344 |   border: 1px solid #0085a1;
345 |   color: white;
346 | }
347 | .pager {
348 |   margin: 20px 0 0;
349 | }
350 | .pager li > a,
351 | .pager li > span {
352 |   font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
353 |   text-transform: uppercase;
354 |   font-size: 14px;
355 |   font-weight: 800;
356 |   letter-spacing: 1px;
357 |   padding: 15px 25px;
358 |   background-color: white;
359 |   border-radius: 0;
360 | }
361 | .pager li > a:hover,
362 | .pager li > a:focus {
363 |   color: white;
364 |   background-color: #0085a1;
365 |   border: 1px solid #0085a1;
366 | }
367 | .pager .disabled > a,
368 | .pager .disabled > a:hover,
369 | .pager .disabled > a:focus,
370 | .pager .disabled > span {
371 |   color: #808080;
372 |   background-color: #404040;
373 |   cursor: not-allowed;
374 | }
375 | ::-moz-selection {
376 |   color: white;
377 |   text-shadow: none;
378 |   background: #0085a1;
379 | }
380 | ::selection {
381 |   color: white;
382 |   text-shadow: none;
383 |   background: #0085a1;
384 | }
385 | img::selection {
386 |   color: white;
387 |   background: transparent;
388 | }
389 | img::-moz-selection {
390 |   color: white;
391 |   background: transparent;
392 | }
393 | body {
394 |   webkit-tap-highlight-color: #0085a1;
395 | }
396 | 


--------------------------------------------------------------------------------
/public/css/clean-blog.min.css:
--------------------------------------------------------------------------------
1 | /*!
2 |  * Clean Blog v1.0.0 (http://startbootstrap.com)
3 |  * Copyright 2014 Start Bootstrap
4 |  * Licensed under Apache 2.0 (https://github.com/IronSummitMedia/startbootstrap/blob/gh-pages/LICENSE)
5 |  */
6 | 
7 | body{font-family:Lora,'Times New Roman',serif;font-size:20px;color:#404040}p{line-height:1.5;margin:30px 0}p a{text-decoration:underline}h1,h2,h3,h4,h5,h6{font-family:'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;font-weight:800}a{color:#404040}a:hover,a:focus{color:#0085a1}a img:hover,a img:focus{cursor:zoom-in}blockquote{color:gray;font-style:italic}hr.small{max-width:100px;margin:15px auto;border-width:4px;border-color:#fff}.navbar-custom{position:absolute;top:0;left:0;width:100%;z-index:3;font-family:'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif}.navbar-custom .navbar-brand{font-weight:800}.navbar-custom .nav li a{text-transform:uppercase;font-size:12px;font-weight:800;letter-spacing:1px}@media only screen and (min-width:768px){.navbar-custom{background:0 0;border-bottom:1px solid transparent}.navbar-custom .navbar-brand{color:#fff;padding:20px}.navbar-custom .navbar-brand:hover,.navbar-custom .navbar-brand:focus{color:rgba(255,255,255,.8)}.navbar-custom .nav li a{color:#fff;padding:20px}.navbar-custom .nav li a:hover,.navbar-custom .nav li a:focus{color:rgba(255,255,255,.8)}}@media only screen and (min-width:1170px){.navbar-custom{-webkit-transition:background-color .3s;-moz-transition:background-color .3s;transition:background-color .3s;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.navbar-custom.is-fixed{position:fixed;top:-61px;background-color:rgba(255,255,255,.9);border-bottom:1px solid #f2f2f2;-webkit-transition:-webkit-transform .3s;-moz-transition:-moz-transform .3s;transition:transform .3s}.navbar-custom.is-fixed .navbar-brand{color:#404040}.navbar-custom.is-fixed .navbar-brand:hover,.navbar-custom.is-fixed .navbar-brand:focus{color:#0085a1}.navbar-custom.is-fixed .nav li a{color:#404040}.navbar-custom.is-fixed .nav li a:hover,.navbar-custom.is-fixed .nav li a:focus{color:#0085a1}.navbar-custom.is-visible{-webkit-transform:translate3d(0,100%,0);-moz-transform:translate3d(0,100%,0);-ms-transform:translate3d(0,100%,0);-o-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.intro-header{background-color:gray;background:no-repeat center center;background-attachment:scroll;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;-o-background-size:cover;margin-bottom:50px}.intro-header .site-heading,.intro-header .post-heading,.intro-header .page-heading{padding:100px 0 50px;color:#fff}@media only screen and (min-width:768px){.intro-header .site-heading,.intro-header .post-heading,.intro-header .page-heading{padding:150px 0}}.intro-header .site-heading,.intro-header .page-heading{text-align:center}.intro-header .site-heading h1,.intro-header .page-heading h1{margin-top:0;font-size:50px}.intro-header .site-heading .subheading,.intro-header .page-heading .subheading{font-size:24px;line-height:1.1;display:block;font-family:'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;font-weight:300;margin:10px 0 0}@media only screen and (min-width:768px){.intro-header .site-heading h1,.intro-header .page-heading h1{font-size:80px}}.intro-header .post-heading h1{font-size:35px}.intro-header .post-heading .subheading,.intro-header .post-heading .meta{line-height:1.1;display:block}.intro-header .post-heading .subheading{font-family:'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;font-size:24px;margin:10px 0 30px;font-weight:600}.intro-header .post-heading .meta{font-family:Lora,'Times New Roman',serif;font-style:italic;font-weight:300;font-size:20px}.intro-header .post-heading .meta a{color:#fff}@media only screen and (min-width:768px){.intro-header .post-heading h1{font-size:55px}.intro-header .post-heading .subheading{font-size:30px}}.post-preview>a{color:#404040}.post-preview>a:hover,.post-preview>a:focus{text-decoration:none;color:#0085a1}.post-preview>a>.post-title{font-size:30px;margin-top:30px;margin-bottom:10px}.post-preview>a>.post-subtitle{margin:0;font-weight:300;margin-bottom:10px}.post-preview>.post-meta{color:gray;font-size:18px;font-style:italic;margin-top:0}.post-preview>.post-meta>a{text-decoration:none;color:#404040}.post-preview>.post-meta>a:hover,.post-preview>.post-meta>a:focus{color:#0085a1;text-decoration:underline}@media only screen and (min-width:768px){.post-preview>a>.post-title{font-size:36px}}.section-heading{font-size:36px;margin-top:60px;font-weight:700}.caption{text-align:center;font-size:14px;padding:10px;font-style:italic;margin:0;display:block;border-bottom-right-radius:5px;border-bottom-left-radius:5px}footer{padding:50px 0 65px}footer .list-inline{margin:0;padding:0}footer .copyright{font-size:14px;text-align:center;margin-bottom:0}.floating-label-form-group{font-size:14px;position:relative;margin-bottom:0;padding-bottom:.5em;border-bottom:1px solid #eee}.floating-label-form-group input,.floating-label-form-group textarea{z-index:1;position:relative;padding-right:0;padding-left:0;border:none;border-radius:0;font-size:1.5em;background:0 0;box-shadow:none!important;resize:none}.floating-label-form-group label{display:block;z-index:0;position:relative;top:2em;margin:0;font-size:.85em;line-height:1.764705882em;vertical-align:middle;vertical-align:baseline;opacity:0;-webkit-transition:top .3s ease,opacity .3s ease;-moz-transition:top .3s ease,opacity .3s ease;-ms-transition:top .3s ease,opacity .3s ease;transition:top .3s ease,opacity .3s ease}.floating-label-form-group::not(:first-child){padding-left:14px;border-left:1px solid #eee}.floating-label-form-group-with-value label{top:0;opacity:1}.floating-label-form-group-with-focus label{color:#0085a1}form .row:first-child .floating-label-form-group{border-top:1px solid #eee}.btn{font-family:'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;text-transform:uppercase;font-size:14px;font-weight:800;letter-spacing:1px;border-radius:0;padding:15px 25px}.btn-lg{font-size:16px;padding:25px 35px}.btn-default:hover,.btn-default:focus{background-color:#0085a1;border:1px solid #0085a1;color:#fff}.pager{margin:20px 0 0}.pager li>a,.pager li>span{font-family:'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;text-transform:uppercase;font-size:14px;font-weight:800;letter-spacing:1px;padding:15px 25px;background-color:#fff;border-radius:0}.pager li>a:hover,.pager li>a:focus{color:#fff;background-color:#0085a1;border:1px solid #0085a1}.pager .disabled>a,.pager .disabled>a:hover,.pager .disabled>a:focus,.pager .disabled>span{color:gray;background-color:#404040;cursor:not-allowed}::-moz-selection{color:#fff;text-shadow:none;background:#0085a1}::selection{color:#fff;text-shadow:none;background:#0085a1}img::selection{color:#fff;background:0 0}img::-moz-selection{color:#fff;background:0 0}body{webkit-tap-highlight-color:#0085a1}
8 | 


--------------------------------------------------------------------------------
/public/css/cosmic-custom.css:
--------------------------------------------------------------------------------
  1 | .pointer{
  2 |   cursor: pointer;
  3 | }
  4 | .intro-header{
  5 |   height: 500px;
  6 |   background-size: cover;
  7 | }
  8 | #main-content img{
  9 |   max-width: 100%;
 10 | }
 11 | @media(max-width : 768px){
 12 |   .intro-header{
 13 |     height: 280px;
 14 |   }
 15 | }
 16 | .sk-circle {
 17 |   margin: 100px auto;
 18 |   width: 40px;
 19 |   height: 40px;
 20 |   position: relative;
 21 | }
 22 | .sk-circle .sk-child {
 23 |   width: 100%;
 24 |   height: 100%;
 25 |   position: absolute;
 26 |   left: 0;
 27 |   top: 0;
 28 | }
 29 | .sk-circle .sk-child:before {
 30 |   content: '';
 31 |   display: block;
 32 |   margin: 0 auto;
 33 |   width: 15%;
 34 |   height: 15%;
 35 |   background-color: #00afd7;
 36 |   border-radius: 100%;
 37 |   -webkit-animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
 38 |           animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
 39 | }
 40 | .sk-circle .sk-circle2 {
 41 |   -webkit-transform: rotate(30deg);
 42 |       -ms-transform: rotate(30deg);
 43 |           transform: rotate(30deg); }
 44 | .sk-circle .sk-circle3 {
 45 |   -webkit-transform: rotate(60deg);
 46 |       -ms-transform: rotate(60deg);
 47 |           transform: rotate(60deg); }
 48 | .sk-circle .sk-circle4 {
 49 |   -webkit-transform: rotate(90deg);
 50 |       -ms-transform: rotate(90deg);
 51 |           transform: rotate(90deg); }
 52 | .sk-circle .sk-circle5 {
 53 |   -webkit-transform: rotate(120deg);
 54 |       -ms-transform: rotate(120deg);
 55 |           transform: rotate(120deg); }
 56 | .sk-circle .sk-circle6 {
 57 |   -webkit-transform: rotate(150deg);
 58 |       -ms-transform: rotate(150deg);
 59 |           transform: rotate(150deg); }
 60 | .sk-circle .sk-circle7 {
 61 |   -webkit-transform: rotate(180deg);
 62 |       -ms-transform: rotate(180deg);
 63 |           transform: rotate(180deg); }
 64 | .sk-circle .sk-circle8 {
 65 |   -webkit-transform: rotate(210deg);
 66 |       -ms-transform: rotate(210deg);
 67 |           transform: rotate(210deg); }
 68 | .sk-circle .sk-circle9 {
 69 |   -webkit-transform: rotate(240deg);
 70 |       -ms-transform: rotate(240deg);
 71 |           transform: rotate(240deg); }
 72 | .sk-circle .sk-circle10 {
 73 |   -webkit-transform: rotate(270deg);
 74 |       -ms-transform: rotate(270deg);
 75 |           transform: rotate(270deg); }
 76 | .sk-circle .sk-circle11 {
 77 |   -webkit-transform: rotate(300deg);
 78 |       -ms-transform: rotate(300deg);
 79 |           transform: rotate(300deg); }
 80 | .sk-circle .sk-circle12 {
 81 |   -webkit-transform: rotate(330deg);
 82 |       -ms-transform: rotate(330deg);
 83 |           transform: rotate(330deg); }
 84 | .sk-circle .sk-circle2:before {
 85 |   -webkit-animation-delay: -1.1s;
 86 |           animation-delay: -1.1s; }
 87 | .sk-circle .sk-circle3:before {
 88 |   -webkit-animation-delay: -1s;
 89 |           animation-delay: -1s; }
 90 | .sk-circle .sk-circle4:before {
 91 |   -webkit-animation-delay: -0.9s;
 92 |           animation-delay: -0.9s; }
 93 | .sk-circle .sk-circle5:before {
 94 |   -webkit-animation-delay: -0.8s;
 95 |           animation-delay: -0.8s; }
 96 | .sk-circle .sk-circle6:before {
 97 |   -webkit-animation-delay: -0.7s;
 98 |           animation-delay: -0.7s; }
 99 | .sk-circle .sk-circle7:before {
100 |   -webkit-animation-delay: -0.6s;
101 |           animation-delay: -0.6s; }
102 | .sk-circle .sk-circle8:before {
103 |   -webkit-animation-delay: -0.5s;
104 |           animation-delay: -0.5s; }
105 | .sk-circle .sk-circle9:before {
106 |   -webkit-animation-delay: -0.4s;
107 |           animation-delay: -0.4s; }
108 | .sk-circle .sk-circle10:before {
109 |   -webkit-animation-delay: -0.3s;
110 |           animation-delay: -0.3s; }
111 | .sk-circle .sk-circle11:before {
112 |   -webkit-animation-delay: -0.2s;
113 |           animation-delay: -0.2s; }
114 | .sk-circle .sk-circle12:before {
115 |   -webkit-animation-delay: -0.1s;
116 |           animation-delay: -0.1s; }
117 | 
118 | @-webkit-keyframes sk-circleBounceDelay {
119 |   0%, 80%, 100% {
120 |     -webkit-transform: scale(0);
121 |             transform: scale(0);
122 |   } 40% {
123 |     -webkit-transform: scale(1);
124 |             transform: scale(1);
125 |   }
126 | }
127 | 
128 | @keyframes sk-circleBounceDelay {
129 |   0%, 80%, 100% {
130 |     -webkit-transform: scale(0);
131 |             transform: scale(0);
132 |   } 40% {
133 |     -webkit-transform: scale(1);
134 |             transform: scale(1);
135 |   }
136 | }


--------------------------------------------------------------------------------
/public/fonts/glyphicons-halflings-regular.eot:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/cosmicjs/cosmicapp-react-universal-blog/cd2e97e3e90d550f7a63b853ee36024bd15e18ce/public/fonts/glyphicons-halflings-regular.eot


--------------------------------------------------------------------------------
/public/fonts/glyphicons-halflings-regular.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/cosmicjs/cosmicapp-react-universal-blog/cd2e97e3e90d550f7a63b853ee36024bd15e18ce/public/fonts/glyphicons-halflings-regular.ttf


--------------------------------------------------------------------------------
/public/fonts/glyphicons-halflings-regular.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/cosmicjs/cosmicapp-react-universal-blog/cd2e97e3e90d550f7a63b853ee36024bd15e18ce/public/fonts/glyphicons-halflings-regular.woff


--------------------------------------------------------------------------------
/public/fonts/glyphicons-halflings-regular.woff2:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/cosmicjs/cosmicapp-react-universal-blog/cd2e97e3e90d550f7a63b853ee36024bd15e18ce/public/fonts/glyphicons-halflings-regular.woff2


--------------------------------------------------------------------------------
/public/img/about-bg.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/cosmicjs/cosmicapp-react-universal-blog/cd2e97e3e90d550f7a63b853ee36024bd15e18ce/public/img/about-bg.jpg


--------------------------------------------------------------------------------
/public/img/contact-bg.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/cosmicjs/cosmicapp-react-universal-blog/cd2e97e3e90d550f7a63b853ee36024bd15e18ce/public/img/contact-bg.jpg


--------------------------------------------------------------------------------
/public/img/home-bg.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/cosmicjs/cosmicapp-react-universal-blog/cd2e97e3e90d550f7a63b853ee36024bd15e18ce/public/img/home-bg.jpg


--------------------------------------------------------------------------------
/public/img/post-bg.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/cosmicjs/cosmicapp-react-universal-blog/cd2e97e3e90d550f7a63b853ee36024bd15e18ce/public/img/post-bg.jpg


--------------------------------------------------------------------------------
/public/img/post-sample-image.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/cosmicjs/cosmicapp-react-universal-blog/cd2e97e3e90d550f7a63b853ee36024bd15e18ce/public/img/post-sample-image.jpg


--------------------------------------------------------------------------------
/public/js/bootstrap.min.js:
--------------------------------------------------------------------------------
1 | /*!
2 |  * Bootstrap v3.3.4 (http://getbootstrap.com)
3 |  * Copyright 2011-2015 Twitter, Inc.
4 |  * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
5 |  */
6 | if("undefined"==typeof jQuery)throw new Error("Bootstrap's JavaScript requires jQuery");+function(a){"use strict";var b=a.fn.jquery.split(" ")[0].split(".");if(b[0]<2&&b[1]<9||1==b[0]&&9==b[1]&&b[2]<1)throw new Error("Bootstrap's JavaScript requires jQuery version 1.9.1 or higher")}(jQuery),+function(a){"use strict";function b(){var a=document.createElement("bootstrap"),b={WebkitTransition:"webkitTransitionEnd",MozTransition:"transitionend",OTransition:"oTransitionEnd otransitionend",transition:"transitionend"};for(var c in b)if(void 0!==a.style[c])return{end:b[c]};return!1}a.fn.emulateTransitionEnd=function(b){var c=!1,d=this;a(this).one("bsTransitionEnd",function(){c=!0});var e=function(){c||a(d).trigger(a.support.transition.end)};return setTimeout(e,b),this},a(function(){a.support.transition=b(),a.support.transition&&(a.event.special.bsTransitionEnd={bindType:a.support.transition.end,delegateType:a.support.transition.end,handle:function(b){return a(b.target).is(this)?b.handleObj.handler.apply(this,arguments):void 0}})})}(jQuery),+function(a){"use strict";function b(b){return this.each(function(){var c=a(this),e=c.data("bs.alert");e||c.data("bs.alert",e=new d(this)),"string"==typeof b&&e[b].call(c)})}var c='[data-dismiss="alert"]',d=function(b){a(b).on("click",c,this.close)};d.VERSION="3.3.4",d.TRANSITION_DURATION=150,d.prototype.close=function(b){function c(){g.detach().trigger("closed.bs.alert").remove()}var e=a(this),f=e.attr("data-target");f||(f=e.attr("href"),f=f&&f.replace(/.*(?=#[^\s]*$)/,""));var g=a(f);b&&b.preventDefault(),g.length||(g=e.closest(".alert")),g.trigger(b=a.Event("close.bs.alert")),b.isDefaultPrevented()||(g.removeClass("in"),a.support.transition&&g.hasClass("fade")?g.one("bsTransitionEnd",c).emulateTransitionEnd(d.TRANSITION_DURATION):c())};var e=a.fn.alert;a.fn.alert=b,a.fn.alert.Constructor=d,a.fn.alert.noConflict=function(){return a.fn.alert=e,this},a(document).on("click.bs.alert.data-api",c,d.prototype.close)}(jQuery),+function(a){"use strict";function b(b){return this.each(function(){var d=a(this),e=d.data("bs.button"),f="object"==typeof b&&b;e||d.data("bs.button",e=new c(this,f)),"toggle"==b?e.toggle():b&&e.setState(b)})}var c=function(b,d){this.$element=a(b),this.options=a.extend({},c.DEFAULTS,d),this.isLoading=!1};c.VERSION="3.3.4",c.DEFAULTS={loadingText:"loading..."},c.prototype.setState=function(b){var c="disabled",d=this.$element,e=d.is("input")?"val":"html",f=d.data();b+="Text",null==f.resetText&&d.data("resetText",d[e]()),setTimeout(a.proxy(function(){d[e](null==f[b]?this.options[b]:f[b]),"loadingText"==b?(this.isLoading=!0,d.addClass(c).attr(c,c)):this.isLoading&&(this.isLoading=!1,d.removeClass(c).removeAttr(c))},this),0)},c.prototype.toggle=function(){var a=!0,b=this.$element.closest('[data-toggle="buttons"]');if(b.length){var c=this.$element.find("input");"radio"==c.prop("type")&&(c.prop("checked")&&this.$element.hasClass("active")?a=!1:b.find(".active").removeClass("active")),a&&c.prop("checked",!this.$element.hasClass("active")).trigger("change")}else this.$element.attr("aria-pressed",!this.$element.hasClass("active"));a&&this.$element.toggleClass("active")};var d=a.fn.button;a.fn.button=b,a.fn.button.Constructor=c,a.fn.button.noConflict=function(){return a.fn.button=d,this},a(document).on("click.bs.button.data-api",'[data-toggle^="button"]',function(c){var d=a(c.target);d.hasClass("btn")||(d=d.closest(".btn")),b.call(d,"toggle"),c.preventDefault()}).on("focus.bs.button.data-api blur.bs.button.data-api",'[data-toggle^="button"]',function(b){a(b.target).closest(".btn").toggleClass("focus",/^focus(in)?$/.test(b.type))})}(jQuery),+function(a){"use strict";function b(b){return this.each(function(){var d=a(this),e=d.data("bs.carousel"),f=a.extend({},c.DEFAULTS,d.data(),"object"==typeof b&&b),g="string"==typeof b?b:f.slide;e||d.data("bs.carousel",e=new c(this,f)),"number"==typeof b?e.to(b):g?e[g]():f.interval&&e.pause().cycle()})}var c=function(b,c){this.$element=a(b),this.$indicators=this.$element.find(".carousel-indicators"),this.options=c,this.paused=null,this.sliding=null,this.interval=null,this.$active=null,this.$items=null,this.options.keyboard&&this.$element.on("keydown.bs.carousel",a.proxy(this.keydown,this)),"hover"==this.options.pause&&!("ontouchstart"in document.documentElement)&&this.$element.on("mouseenter.bs.carousel",a.proxy(this.pause,this)).on("mouseleave.bs.carousel",a.proxy(this.cycle,this))};c.VERSION="3.3.4",c.TRANSITION_DURATION=600,c.DEFAULTS={interval:5e3,pause:"hover",wrap:!0,keyboard:!0},c.prototype.keydown=function(a){if(!/input|textarea/i.test(a.target.tagName)){switch(a.which){case 37:this.prev();break;case 39:this.next();break;default:return}a.preventDefault()}},c.prototype.cycle=function(b){return b||(this.paused=!1),this.interval&&clearInterval(this.interval),this.options.interval&&!this.paused&&(this.interval=setInterval(a.proxy(this.next,this),this.options.interval)),this},c.prototype.getItemIndex=function(a){return this.$items=a.parent().children(".item"),this.$items.index(a||this.$active)},c.prototype.getItemForDirection=function(a,b){var c=this.getItemIndex(b),d="prev"==a&&0===c||"next"==a&&c==this.$items.length-1;if(d&&!this.options.wrap)return b;var e="prev"==a?-1:1,f=(c+e)%this.$items.length;return this.$items.eq(f)},c.prototype.to=function(a){var b=this,c=this.getItemIndex(this.$active=this.$element.find(".item.active"));return a>this.$items.length-1||0>a?void 0:this.sliding?this.$element.one("slid.bs.carousel",function(){b.to(a)}):c==a?this.pause().cycle():this.slide(a>c?"next":"prev",this.$items.eq(a))},c.prototype.pause=function(b){return b||(this.paused=!0),this.$element.find(".next, .prev").length&&a.support.transition&&(this.$element.trigger(a.support.transition.end),this.cycle(!0)),this.interval=clearInterval(this.interval),this},c.prototype.next=function(){return this.sliding?void 0:this.slide("next")},c.prototype.prev=function(){return this.sliding?void 0:this.slide("prev")},c.prototype.slide=function(b,d){var e=this.$element.find(".item.active"),f=d||this.getItemForDirection(b,e),g=this.interval,h="next"==b?"left":"right",i=this;if(f.hasClass("active"))return this.sliding=!1;var j=f[0],k=a.Event("slide.bs.carousel",{relatedTarget:j,direction:h});if(this.$element.trigger(k),!k.isDefaultPrevented()){if(this.sliding=!0,g&&this.pause(),this.$indicators.length){this.$indicators.find(".active").removeClass("active");var l=a(this.$indicators.children()[this.getItemIndex(f)]);l&&l.addClass("active")}var m=a.Event("slid.bs.carousel",{relatedTarget:j,direction:h});return a.support.transition&&this.$element.hasClass("slide")?(f.addClass(b),f[0].offsetWidth,e.addClass(h),f.addClass(h),e.one("bsTransitionEnd",function(){f.removeClass([b,h].join(" ")).addClass("active"),e.removeClass(["active",h].join(" ")),i.sliding=!1,setTimeout(function(){i.$element.trigger(m)},0)}).emulateTransitionEnd(c.TRANSITION_DURATION)):(e.removeClass("active"),f.addClass("active"),this.sliding=!1,this.$element.trigger(m)),g&&this.cycle(),this}};var d=a.fn.carousel;a.fn.carousel=b,a.fn.carousel.Constructor=c,a.fn.carousel.noConflict=function(){return a.fn.carousel=d,this};var e=function(c){var d,e=a(this),f=a(e.attr("data-target")||(d=e.attr("href"))&&d.replace(/.*(?=#[^\s]+$)/,""));if(f.hasClass("carousel")){var g=a.extend({},f.data(),e.data()),h=e.attr("data-slide-to");h&&(g.interval=!1),b.call(f,g),h&&f.data("bs.carousel").to(h),c.preventDefault()}};a(document).on("click.bs.carousel.data-api","[data-slide]",e).on("click.bs.carousel.data-api","[data-slide-to]",e),a(window).on("load",function(){a('[data-ride="carousel"]').each(function(){var c=a(this);b.call(c,c.data())})})}(jQuery),+function(a){"use strict";function b(b){var c,d=b.attr("data-target")||(c=b.attr("href"))&&c.replace(/.*(?=#[^\s]+$)/,"");return a(d)}function c(b){return this.each(function(){var c=a(this),e=c.data("bs.collapse"),f=a.extend({},d.DEFAULTS,c.data(),"object"==typeof b&&b);!e&&f.toggle&&/show|hide/.test(b)&&(f.toggle=!1),e||c.data("bs.collapse",e=new d(this,f)),"string"==typeof b&&e[b]()})}var d=function(b,c){this.$element=a(b),this.options=a.extend({},d.DEFAULTS,c),this.$trigger=a('[data-toggle="collapse"][href="#'+b.id+'"],[data-toggle="collapse"][data-target="#'+b.id+'"]'),this.transitioning=null,this.options.parent?this.$parent=this.getParent():this.addAriaAndCollapsedClass(this.$element,this.$trigger),this.options.toggle&&this.toggle()};d.VERSION="3.3.4",d.TRANSITION_DURATION=350,d.DEFAULTS={toggle:!0},d.prototype.dimension=function(){var a=this.$element.hasClass("width");return a?"width":"height"},d.prototype.show=function(){if(!this.transitioning&&!this.$element.hasClass("in")){var b,e=this.$parent&&this.$parent.children(".panel").children(".in, .collapsing");if(!(e&&e.length&&(b=e.data("bs.collapse"),b&&b.transitioning))){var f=a.Event("show.bs.collapse");if(this.$element.trigger(f),!f.isDefaultPrevented()){e&&e.length&&(c.call(e,"hide"),b||e.data("bs.collapse",null));var g=this.dimension();this.$element.removeClass("collapse").addClass("collapsing")[g](0).attr("aria-expanded",!0),this.$trigger.removeClass("collapsed").attr("aria-expanded",!0),this.transitioning=1;var h=function(){this.$element.removeClass("collapsing").addClass("collapse in")[g](""),this.transitioning=0,this.$element.trigger("shown.bs.collapse")};if(!a.support.transition)return h.call(this);var i=a.camelCase(["scroll",g].join("-"));this.$element.one("bsTransitionEnd",a.proxy(h,this)).emulateTransitionEnd(d.TRANSITION_DURATION)[g](this.$element[0][i])}}}},d.prototype.hide=function(){if(!this.transitioning&&this.$element.hasClass("in")){var b=a.Event("hide.bs.collapse");if(this.$element.trigger(b),!b.isDefaultPrevented()){var c=this.dimension();this.$element[c](this.$element[c]())[0].offsetHeight,this.$element.addClass("collapsing").removeClass("collapse in").attr("aria-expanded",!1),this.$trigger.addClass("collapsed").attr("aria-expanded",!1),this.transitioning=1;var e=function(){this.transitioning=0,this.$element.removeClass("collapsing").addClass("collapse").trigger("hidden.bs.collapse")};return a.support.transition?void this.$element[c](0).one("bsTransitionEnd",a.proxy(e,this)).emulateTransitionEnd(d.TRANSITION_DURATION):e.call(this)}}},d.prototype.toggle=function(){this[this.$element.hasClass("in")?"hide":"show"]()},d.prototype.getParent=function(){return a(this.options.parent).find('[data-toggle="collapse"][data-parent="'+this.options.parent+'"]').each(a.proxy(function(c,d){var e=a(d);this.addAriaAndCollapsedClass(b(e),e)},this)).end()},d.prototype.addAriaAndCollapsedClass=function(a,b){var c=a.hasClass("in");a.attr("aria-expanded",c),b.toggleClass("collapsed",!c).attr("aria-expanded",c)};var e=a.fn.collapse;a.fn.collapse=c,a.fn.collapse.Constructor=d,a.fn.collapse.noConflict=function(){return a.fn.collapse=e,this},a(document).on("click.bs.collapse.data-api",'[data-toggle="collapse"]',function(d){var e=a(this);e.attr("data-target")||d.preventDefault();var f=b(e),g=f.data("bs.collapse"),h=g?"toggle":e.data();c.call(f,h)})}(jQuery),+function(a){"use strict";function b(b){b&&3===b.which||(a(e).remove(),a(f).each(function(){var d=a(this),e=c(d),f={relatedTarget:this};e.hasClass("open")&&(e.trigger(b=a.Event("hide.bs.dropdown",f)),b.isDefaultPrevented()||(d.attr("aria-expanded","false"),e.removeClass("open").trigger("hidden.bs.dropdown",f)))}))}function c(b){var c=b.attr("data-target");c||(c=b.attr("href"),c=c&&/#[A-Za-z]/.test(c)&&c.replace(/.*(?=#[^\s]*$)/,""));var d=c&&a(c);return d&&d.length?d:b.parent()}function d(b){return this.each(function(){var c=a(this),d=c.data("bs.dropdown");d||c.data("bs.dropdown",d=new g(this)),"string"==typeof b&&d[b].call(c)})}var e=".dropdown-backdrop",f='[data-toggle="dropdown"]',g=function(b){a(b).on("click.bs.dropdown",this.toggle)};g.VERSION="3.3.4",g.prototype.toggle=function(d){var e=a(this);if(!e.is(".disabled, :disabled")){var f=c(e),g=f.hasClass("open");if(b(),!g){"ontouchstart"in document.documentElement&&!f.closest(".navbar-nav").length&&a('<div class="dropdown-backdrop"/>').insertAfter(a(this)).on("click",b);var h={relatedTarget:this};if(f.trigger(d=a.Event("show.bs.dropdown",h)),d.isDefaultPrevented())return;e.trigger("focus").attr("aria-expanded","true"),f.toggleClass("open").trigger("shown.bs.dropdown",h)}return!1}},g.prototype.keydown=function(b){if(/(38|40|27|32)/.test(b.which)&&!/input|textarea/i.test(b.target.tagName)){var d=a(this);if(b.preventDefault(),b.stopPropagation(),!d.is(".disabled, :disabled")){var e=c(d),g=e.hasClass("open");if(!g&&27!=b.which||g&&27==b.which)return 27==b.which&&e.find(f).trigger("focus"),d.trigger("click");var h=" li:not(.disabled):visible a",i=e.find('[role="menu"]'+h+', [role="listbox"]'+h);if(i.length){var j=i.index(b.target);38==b.which&&j>0&&j--,40==b.which&&j<i.length-1&&j++,~j||(j=0),i.eq(j).trigger("focus")}}}};var h=a.fn.dropdown;a.fn.dropdown=d,a.fn.dropdown.Constructor=g,a.fn.dropdown.noConflict=function(){return a.fn.dropdown=h,this},a(document).on("click.bs.dropdown.data-api",b).on("click.bs.dropdown.data-api",".dropdown form",function(a){a.stopPropagation()}).on("click.bs.dropdown.data-api",f,g.prototype.toggle).on("keydown.bs.dropdown.data-api",f,g.prototype.keydown).on("keydown.bs.dropdown.data-api",'[role="menu"]',g.prototype.keydown).on("keydown.bs.dropdown.data-api",'[role="listbox"]',g.prototype.keydown)}(jQuery),+function(a){"use strict";function b(b,d){return this.each(function(){var e=a(this),f=e.data("bs.modal"),g=a.extend({},c.DEFAULTS,e.data(),"object"==typeof b&&b);f||e.data("bs.modal",f=new c(this,g)),"string"==typeof b?f[b](d):g.show&&f.show(d)})}var c=function(b,c){this.options=c,this.$body=a(document.body),this.$element=a(b),this.$dialog=this.$element.find(".modal-dialog"),this.$backdrop=null,this.isShown=null,this.originalBodyPad=null,this.scrollbarWidth=0,this.ignoreBackdropClick=!1,this.options.remote&&this.$element.find(".modal-content").load(this.options.remote,a.proxy(function(){this.$element.trigger("loaded.bs.modal")},this))};c.VERSION="3.3.4",c.TRANSITION_DURATION=300,c.BACKDROP_TRANSITION_DURATION=150,c.DEFAULTS={backdrop:!0,keyboard:!0,show:!0},c.prototype.toggle=function(a){return this.isShown?this.hide():this.show(a)},c.prototype.show=function(b){var d=this,e=a.Event("show.bs.modal",{relatedTarget:b});this.$element.trigger(e),this.isShown||e.isDefaultPrevented()||(this.isShown=!0,this.checkScrollbar(),this.setScrollbar(),this.$body.addClass("modal-open"),this.escape(),this.resize(),this.$element.on("click.dismiss.bs.modal",'[data-dismiss="modal"]',a.proxy(this.hide,this)),this.$dialog.on("mousedown.dismiss.bs.modal",function(){d.$element.one("mouseup.dismiss.bs.modal",function(b){a(b.target).is(d.$element)&&(d.ignoreBackdropClick=!0)})}),this.backdrop(function(){var e=a.support.transition&&d.$element.hasClass("fade");d.$element.parent().length||d.$element.appendTo(d.$body),d.$element.show().scrollTop(0),d.adjustDialog(),e&&d.$element[0].offsetWidth,d.$element.addClass("in").attr("aria-hidden",!1),d.enforceFocus();var f=a.Event("shown.bs.modal",{relatedTarget:b});e?d.$dialog.one("bsTransitionEnd",function(){d.$element.trigger("focus").trigger(f)}).emulateTransitionEnd(c.TRANSITION_DURATION):d.$element.trigger("focus").trigger(f)}))},c.prototype.hide=function(b){b&&b.preventDefault(),b=a.Event("hide.bs.modal"),this.$element.trigger(b),this.isShown&&!b.isDefaultPrevented()&&(this.isShown=!1,this.escape(),this.resize(),a(document).off("focusin.bs.modal"),this.$element.removeClass("in").attr("aria-hidden",!0).off("click.dismiss.bs.modal").off("mouseup.dismiss.bs.modal"),this.$dialog.off("mousedown.dismiss.bs.modal"),a.support.transition&&this.$element.hasClass("fade")?this.$element.one("bsTransitionEnd",a.proxy(this.hideModal,this)).emulateTransitionEnd(c.TRANSITION_DURATION):this.hideModal())},c.prototype.enforceFocus=function(){a(document).off("focusin.bs.modal").on("focusin.bs.modal",a.proxy(function(a){this.$element[0]===a.target||this.$element.has(a.target).length||this.$element.trigger("focus")},this))},c.prototype.escape=function(){this.isShown&&this.options.keyboard?this.$element.on("keydown.dismiss.bs.modal",a.proxy(function(a){27==a.which&&this.hide()},this)):this.isShown||this.$element.off("keydown.dismiss.bs.modal")},c.prototype.resize=function(){this.isShown?a(window).on("resize.bs.modal",a.proxy(this.handleUpdate,this)):a(window).off("resize.bs.modal")},c.prototype.hideModal=function(){var a=this;this.$element.hide(),this.backdrop(function(){a.$body.removeClass("modal-open"),a.resetAdjustments(),a.resetScrollbar(),a.$element.trigger("hidden.bs.modal")})},c.prototype.removeBackdrop=function(){this.$backdrop&&this.$backdrop.remove(),this.$backdrop=null},c.prototype.backdrop=function(b){var d=this,e=this.$element.hasClass("fade")?"fade":"";if(this.isShown&&this.options.backdrop){var f=a.support.transition&&e;if(this.$backdrop=a('<div class="modal-backdrop '+e+'" />').appendTo(this.$body),this.$element.on("click.dismiss.bs.modal",a.proxy(function(a){return this.ignoreBackdropClick?void(this.ignoreBackdropClick=!1):void(a.target===a.currentTarget&&("static"==this.options.backdrop?this.$element[0].focus():this.hide()))},this)),f&&this.$backdrop[0].offsetWidth,this.$backdrop.addClass("in"),!b)return;f?this.$backdrop.one("bsTransitionEnd",b).emulateTransitionEnd(c.BACKDROP_TRANSITION_DURATION):b()}else if(!this.isShown&&this.$backdrop){this.$backdrop.removeClass("in");var g=function(){d.removeBackdrop(),b&&b()};a.support.transition&&this.$element.hasClass("fade")?this.$backdrop.one("bsTransitionEnd",g).emulateTransitionEnd(c.BACKDROP_TRANSITION_DURATION):g()}else b&&b()},c.prototype.handleUpdate=function(){this.adjustDialog()},c.prototype.adjustDialog=function(){var a=this.$element[0].scrollHeight>document.documentElement.clientHeight;this.$element.css({paddingLeft:!this.bodyIsOverflowing&&a?this.scrollbarWidth:"",paddingRight:this.bodyIsOverflowing&&!a?this.scrollbarWidth:""})},c.prototype.resetAdjustments=function(){this.$element.css({paddingLeft:"",paddingRight:""})},c.prototype.checkScrollbar=function(){var a=window.innerWidth;if(!a){var b=document.documentElement.getBoundingClientRect();a=b.right-Math.abs(b.left)}this.bodyIsOverflowing=document.body.clientWidth<a,this.scrollbarWidth=this.measureScrollbar()},c.prototype.setScrollbar=function(){var a=parseInt(this.$body.css("padding-right")||0,10);this.originalBodyPad=document.body.style.paddingRight||"",this.bodyIsOverflowing&&this.$body.css("padding-right",a+this.scrollbarWidth)},c.prototype.resetScrollbar=function(){this.$body.css("padding-right",this.originalBodyPad)},c.prototype.measureScrollbar=function(){var a=document.createElement("div");a.className="modal-scrollbar-measure",this.$body.append(a);var b=a.offsetWidth-a.clientWidth;return this.$body[0].removeChild(a),b};var d=a.fn.modal;a.fn.modal=b,a.fn.modal.Constructor=c,a.fn.modal.noConflict=function(){return a.fn.modal=d,this},a(document).on("click.bs.modal.data-api",'[data-toggle="modal"]',function(c){var d=a(this),e=d.attr("href"),f=a(d.attr("data-target")||e&&e.replace(/.*(?=#[^\s]+$)/,"")),g=f.data("bs.modal")?"toggle":a.extend({remote:!/#/.test(e)&&e},f.data(),d.data());d.is("a")&&c.preventDefault(),f.one("show.bs.modal",function(a){a.isDefaultPrevented()||f.one("hidden.bs.modal",function(){d.is(":visible")&&d.trigger("focus")})}),b.call(f,g,this)})}(jQuery),+function(a){"use strict";function b(b){return this.each(function(){var d=a(this),e=d.data("bs.tooltip"),f="object"==typeof b&&b;(e||!/destroy|hide/.test(b))&&(e||d.data("bs.tooltip",e=new c(this,f)),"string"==typeof b&&e[b]())})}var c=function(a,b){this.type=null,this.options=null,this.enabled=null,this.timeout=null,this.hoverState=null,this.$element=null,this.init("tooltip",a,b)};c.VERSION="3.3.4",c.TRANSITION_DURATION=150,c.DEFAULTS={animation:!0,placement:"top",selector:!1,template:'<div class="tooltip" role="tooltip"><div class="tooltip-arrow"></div><div class="tooltip-inner"></div></div>',trigger:"hover focus",title:"",delay:0,html:!1,container:!1,viewport:{selector:"body",padding:0}},c.prototype.init=function(b,c,d){if(this.enabled=!0,this.type=b,this.$element=a(c),this.options=this.getOptions(d),this.$viewport=this.options.viewport&&a(this.options.viewport.selector||this.options.viewport),this.$element[0]instanceof document.constructor&&!this.options.selector)throw new Error("`selector` option must be specified when initializing "+this.type+" on the window.document object!");for(var e=this.options.trigger.split(" "),f=e.length;f--;){var g=e[f];if("click"==g)this.$element.on("click."+this.type,this.options.selector,a.proxy(this.toggle,this));else if("manual"!=g){var h="hover"==g?"mouseenter":"focusin",i="hover"==g?"mouseleave":"focusout";this.$element.on(h+"."+this.type,this.options.selector,a.proxy(this.enter,this)),this.$element.on(i+"."+this.type,this.options.selector,a.proxy(this.leave,this))}}this.options.selector?this._options=a.extend({},this.options,{trigger:"manual",selector:""}):this.fixTitle()},c.prototype.getDefaults=function(){return c.DEFAULTS},c.prototype.getOptions=function(b){return b=a.extend({},this.getDefaults(),this.$element.data(),b),b.delay&&"number"==typeof b.delay&&(b.delay={show:b.delay,hide:b.delay}),b},c.prototype.getDelegateOptions=function(){var b={},c=this.getDefaults();return this._options&&a.each(this._options,function(a,d){c[a]!=d&&(b[a]=d)}),b},c.prototype.enter=function(b){var c=b instanceof this.constructor?b:a(b.currentTarget).data("bs."+this.type);return c&&c.$tip&&c.$tip.is(":visible")?void(c.hoverState="in"):(c||(c=new this.constructor(b.currentTarget,this.getDelegateOptions()),a(b.currentTarget).data("bs."+this.type,c)),clearTimeout(c.timeout),c.hoverState="in",c.options.delay&&c.options.delay.show?void(c.timeout=setTimeout(function(){"in"==c.hoverState&&c.show()},c.options.delay.show)):c.show())},c.prototype.leave=function(b){var c=b instanceof this.constructor?b:a(b.currentTarget).data("bs."+this.type);return c||(c=new this.constructor(b.currentTarget,this.getDelegateOptions()),a(b.currentTarget).data("bs."+this.type,c)),clearTimeout(c.timeout),c.hoverState="out",c.options.delay&&c.options.delay.hide?void(c.timeout=setTimeout(function(){"out"==c.hoverState&&c.hide()},c.options.delay.hide)):c.hide()},c.prototype.show=function(){var b=a.Event("show.bs."+this.type);if(this.hasContent()&&this.enabled){this.$element.trigger(b);var d=a.contains(this.$element[0].ownerDocument.documentElement,this.$element[0]);if(b.isDefaultPrevented()||!d)return;var e=this,f=this.tip(),g=this.getUID(this.type);this.setContent(),f.attr("id",g),this.$element.attr("aria-describedby",g),this.options.animation&&f.addClass("fade");var h="function"==typeof this.options.placement?this.options.placement.call(this,f[0],this.$element[0]):this.options.placement,i=/\s?auto?\s?/i,j=i.test(h);j&&(h=h.replace(i,"")||"top"),f.detach().css({top:0,left:0,display:"block"}).addClass(h).data("bs."+this.type,this),this.options.container?f.appendTo(this.options.container):f.insertAfter(this.$element);var k=this.getPosition(),l=f[0].offsetWidth,m=f[0].offsetHeight;if(j){var n=h,o=this.options.container?a(this.options.container):this.$element.parent(),p=this.getPosition(o);h="bottom"==h&&k.bottom+m>p.bottom?"top":"top"==h&&k.top-m<p.top?"bottom":"right"==h&&k.right+l>p.width?"left":"left"==h&&k.left-l<p.left?"right":h,f.removeClass(n).addClass(h)}var q=this.getCalculatedOffset(h,k,l,m);this.applyPlacement(q,h);var r=function(){var a=e.hoverState;e.$element.trigger("shown.bs."+e.type),e.hoverState=null,"out"==a&&e.leave(e)};a.support.transition&&this.$tip.hasClass("fade")?f.one("bsTransitionEnd",r).emulateTransitionEnd(c.TRANSITION_DURATION):r()}},c.prototype.applyPlacement=function(b,c){var d=this.tip(),e=d[0].offsetWidth,f=d[0].offsetHeight,g=parseInt(d.css("margin-top"),10),h=parseInt(d.css("margin-left"),10);isNaN(g)&&(g=0),isNaN(h)&&(h=0),b.top=b.top+g,b.left=b.left+h,a.offset.setOffset(d[0],a.extend({using:function(a){d.css({top:Math.round(a.top),left:Math.round(a.left)})}},b),0),d.addClass("in");var i=d[0].offsetWidth,j=d[0].offsetHeight;"top"==c&&j!=f&&(b.top=b.top+f-j);var k=this.getViewportAdjustedDelta(c,b,i,j);k.left?b.left+=k.left:b.top+=k.top;var l=/top|bottom/.test(c),m=l?2*k.left-e+i:2*k.top-f+j,n=l?"offsetWidth":"offsetHeight";d.offset(b),this.replaceArrow(m,d[0][n],l)},c.prototype.replaceArrow=function(a,b,c){this.arrow().css(c?"left":"top",50*(1-a/b)+"%").css(c?"top":"left","")},c.prototype.setContent=function(){var a=this.tip(),b=this.getTitle();a.find(".tooltip-inner")[this.options.html?"html":"text"](b),a.removeClass("fade in top bottom left right")},c.prototype.hide=function(b){function d(){"in"!=e.hoverState&&f.detach(),e.$element.removeAttr("aria-describedby").trigger("hidden.bs."+e.type),b&&b()}var e=this,f=a(this.$tip),g=a.Event("hide.bs."+this.type);return this.$element.trigger(g),g.isDefaultPrevented()?void 0:(f.removeClass("in"),a.support.transition&&f.hasClass("fade")?f.one("bsTransitionEnd",d).emulateTransitionEnd(c.TRANSITION_DURATION):d(),this.hoverState=null,this)},c.prototype.fixTitle=function(){var a=this.$element;(a.attr("title")||"string"!=typeof a.attr("data-original-title"))&&a.attr("data-original-title",a.attr("title")||"").attr("title","")},c.prototype.hasContent=function(){return this.getTitle()},c.prototype.getPosition=function(b){b=b||this.$element;var c=b[0],d="BODY"==c.tagName,e=c.getBoundingClientRect();null==e.width&&(e=a.extend({},e,{width:e.right-e.left,height:e.bottom-e.top}));var f=d?{top:0,left:0}:b.offset(),g={scroll:d?document.documentElement.scrollTop||document.body.scrollTop:b.scrollTop()},h=d?{width:a(window).width(),height:a(window).height()}:null;return a.extend({},e,g,h,f)},c.prototype.getCalculatedOffset=function(a,b,c,d){return"bottom"==a?{top:b.top+b.height,left:b.left+b.width/2-c/2}:"top"==a?{top:b.top-d,left:b.left+b.width/2-c/2}:"left"==a?{top:b.top+b.height/2-d/2,left:b.left-c}:{top:b.top+b.height/2-d/2,left:b.left+b.width}},c.prototype.getViewportAdjustedDelta=function(a,b,c,d){var e={top:0,left:0};if(!this.$viewport)return e;var f=this.options.viewport&&this.options.viewport.padding||0,g=this.getPosition(this.$viewport);if(/right|left/.test(a)){var h=b.top-f-g.scroll,i=b.top+f-g.scroll+d;h<g.top?e.top=g.top-h:i>g.top+g.height&&(e.top=g.top+g.height-i)}else{var j=b.left-f,k=b.left+f+c;j<g.left?e.left=g.left-j:k>g.width&&(e.left=g.left+g.width-k)}return e},c.prototype.getTitle=function(){var a,b=this.$element,c=this.options;return a=b.attr("data-original-title")||("function"==typeof c.title?c.title.call(b[0]):c.title)},c.prototype.getUID=function(a){do a+=~~(1e6*Math.random());while(document.getElementById(a));return a},c.prototype.tip=function(){return this.$tip=this.$tip||a(this.options.template)},c.prototype.arrow=function(){return this.$arrow=this.$arrow||this.tip().find(".tooltip-arrow")},c.prototype.enable=function(){this.enabled=!0},c.prototype.disable=function(){this.enabled=!1},c.prototype.toggleEnabled=function(){this.enabled=!this.enabled},c.prototype.toggle=function(b){var c=this;b&&(c=a(b.currentTarget).data("bs."+this.type),c||(c=new this.constructor(b.currentTarget,this.getDelegateOptions()),a(b.currentTarget).data("bs."+this.type,c))),c.tip().hasClass("in")?c.leave(c):c.enter(c)},c.prototype.destroy=function(){var a=this;clearTimeout(this.timeout),this.hide(function(){a.$element.off("."+a.type).removeData("bs."+a.type)})};var d=a.fn.tooltip;a.fn.tooltip=b,a.fn.tooltip.Constructor=c,a.fn.tooltip.noConflict=function(){return a.fn.tooltip=d,this}}(jQuery),+function(a){"use strict";function b(b){return this.each(function(){var d=a(this),e=d.data("bs.popover"),f="object"==typeof b&&b;(e||!/destroy|hide/.test(b))&&(e||d.data("bs.popover",e=new c(this,f)),"string"==typeof b&&e[b]())})}var c=function(a,b){this.init("popover",a,b)};if(!a.fn.tooltip)throw new Error("Popover requires tooltip.js");c.VERSION="3.3.4",c.DEFAULTS=a.extend({},a.fn.tooltip.Constructor.DEFAULTS,{placement:"right",trigger:"click",content:"",template:'<div class="popover" role="tooltip"><div class="arrow"></div><h3 class="popover-title"></h3><div class="popover-content"></div></div>'}),c.prototype=a.extend({},a.fn.tooltip.Constructor.prototype),c.prototype.constructor=c,c.prototype.getDefaults=function(){return c.DEFAULTS},c.prototype.setContent=function(){var a=this.tip(),b=this.getTitle(),c=this.getContent();a.find(".popover-title")[this.options.html?"html":"text"](b),a.find(".popover-content").children().detach().end()[this.options.html?"string"==typeof c?"html":"append":"text"](c),a.removeClass("fade top bottom left right in"),a.find(".popover-title").html()||a.find(".popover-title").hide()},c.prototype.hasContent=function(){return this.getTitle()||this.getContent()},c.prototype.getContent=function(){var a=this.$element,b=this.options;return a.attr("data-content")||("function"==typeof b.content?b.content.call(a[0]):b.content)},c.prototype.arrow=function(){return this.$arrow=this.$arrow||this.tip().find(".arrow")};var d=a.fn.popover;a.fn.popover=b,a.fn.popover.Constructor=c,a.fn.popover.noConflict=function(){return a.fn.popover=d,this}}(jQuery),+function(a){"use strict";function b(c,d){this.$body=a(document.body),this.$scrollElement=a(a(c).is(document.body)?window:c),this.options=a.extend({},b.DEFAULTS,d),this.selector=(this.options.target||"")+" .nav li > a",this.offsets=[],this.targets=[],this.activeTarget=null,this.scrollHeight=0,this.$scrollElement.on("scroll.bs.scrollspy",a.proxy(this.process,this)),this.refresh(),this.process()}function c(c){return this.each(function(){var d=a(this),e=d.data("bs.scrollspy"),f="object"==typeof c&&c;e||d.data("bs.scrollspy",e=new b(this,f)),"string"==typeof c&&e[c]()})}b.VERSION="3.3.4",b.DEFAULTS={offset:10},b.prototype.getScrollHeight=function(){return this.$scrollElement[0].scrollHeight||Math.max(this.$body[0].scrollHeight,document.documentElement.scrollHeight)},b.prototype.refresh=function(){var b=this,c="offset",d=0;this.offsets=[],this.targets=[],this.scrollHeight=this.getScrollHeight(),a.isWindow(this.$scrollElement[0])||(c="position",d=this.$scrollElement.scrollTop()),this.$body.find(this.selector).map(function(){var b=a(this),e=b.data("target")||b.attr("href"),f=/^#./.test(e)&&a(e);return f&&f.length&&f.is(":visible")&&[[f[c]().top+d,e]]||null}).sort(function(a,b){return a[0]-b[0]}).each(function(){b.offsets.push(this[0]),b.targets.push(this[1])})},b.prototype.process=function(){var a,b=this.$scrollElement.scrollTop()+this.options.offset,c=this.getScrollHeight(),d=this.options.offset+c-this.$scrollElement.height(),e=this.offsets,f=this.targets,g=this.activeTarget;if(this.scrollHeight!=c&&this.refresh(),b>=d)return g!=(a=f[f.length-1])&&this.activate(a);if(g&&b<e[0])return this.activeTarget=null,this.clear();for(a=e.length;a--;)g!=f[a]&&b>=e[a]&&(void 0===e[a+1]||b<e[a+1])&&this.activate(f[a])},b.prototype.activate=function(b){this.activeTarget=b,this.clear();var c=this.selector+'[data-target="'+b+'"],'+this.selector+'[href="'+b+'"]',d=a(c).parents("li").addClass("active");d.parent(".dropdown-menu").length&&(d=d.closest("li.dropdown").addClass("active")),d.trigger("activate.bs.scrollspy")},b.prototype.clear=function(){a(this.selector).parentsUntil(this.options.target,".active").removeClass("active")};var d=a.fn.scrollspy;a.fn.scrollspy=c,a.fn.scrollspy.Constructor=b,a.fn.scrollspy.noConflict=function(){return a.fn.scrollspy=d,this},a(window).on("load.bs.scrollspy.data-api",function(){a('[data-spy="scroll"]').each(function(){var b=a(this);c.call(b,b.data())})})}(jQuery),+function(a){"use strict";function b(b){return this.each(function(){var d=a(this),e=d.data("bs.tab");e||d.data("bs.tab",e=new c(this)),"string"==typeof b&&e[b]()})}var c=function(b){this.element=a(b)};c.VERSION="3.3.4",c.TRANSITION_DURATION=150,c.prototype.show=function(){var b=this.element,c=b.closest("ul:not(.dropdown-menu)"),d=b.data("target");if(d||(d=b.attr("href"),d=d&&d.replace(/.*(?=#[^\s]*$)/,"")),!b.parent("li").hasClass("active")){
7 | var e=c.find(".active:last a"),f=a.Event("hide.bs.tab",{relatedTarget:b[0]}),g=a.Event("show.bs.tab",{relatedTarget:e[0]});if(e.trigger(f),b.trigger(g),!g.isDefaultPrevented()&&!f.isDefaultPrevented()){var h=a(d);this.activate(b.closest("li"),c),this.activate(h,h.parent(),function(){e.trigger({type:"hidden.bs.tab",relatedTarget:b[0]}),b.trigger({type:"shown.bs.tab",relatedTarget:e[0]})})}}},c.prototype.activate=function(b,d,e){function f(){g.removeClass("active").find("> .dropdown-menu > .active").removeClass("active").end().find('[data-toggle="tab"]').attr("aria-expanded",!1),b.addClass("active").find('[data-toggle="tab"]').attr("aria-expanded",!0),h?(b[0].offsetWidth,b.addClass("in")):b.removeClass("fade"),b.parent(".dropdown-menu").length&&b.closest("li.dropdown").addClass("active").end().find('[data-toggle="tab"]').attr("aria-expanded",!0),e&&e()}var g=d.find("> .active"),h=e&&a.support.transition&&(g.length&&g.hasClass("fade")||!!d.find("> .fade").length);g.length&&h?g.one("bsTransitionEnd",f).emulateTransitionEnd(c.TRANSITION_DURATION):f(),g.removeClass("in")};var d=a.fn.tab;a.fn.tab=b,a.fn.tab.Constructor=c,a.fn.tab.noConflict=function(){return a.fn.tab=d,this};var e=function(c){c.preventDefault(),b.call(a(this),"show")};a(document).on("click.bs.tab.data-api",'[data-toggle="tab"]',e).on("click.bs.tab.data-api",'[data-toggle="pill"]',e)}(jQuery),+function(a){"use strict";function b(b){return this.each(function(){var d=a(this),e=d.data("bs.affix"),f="object"==typeof b&&b;e||d.data("bs.affix",e=new c(this,f)),"string"==typeof b&&e[b]()})}var c=function(b,d){this.options=a.extend({},c.DEFAULTS,d),this.$target=a(this.options.target).on("scroll.bs.affix.data-api",a.proxy(this.checkPosition,this)).on("click.bs.affix.data-api",a.proxy(this.checkPositionWithEventLoop,this)),this.$element=a(b),this.affixed=null,this.unpin=null,this.pinnedOffset=null,this.checkPosition()};c.VERSION="3.3.4",c.RESET="affix affix-top affix-bottom",c.DEFAULTS={offset:0,target:window},c.prototype.getState=function(a,b,c,d){var e=this.$target.scrollTop(),f=this.$element.offset(),g=this.$target.height();if(null!=c&&"top"==this.affixed)return c>e?"top":!1;if("bottom"==this.affixed)return null!=c?e+this.unpin<=f.top?!1:"bottom":a-d>=e+g?!1:"bottom";var h=null==this.affixed,i=h?e:f.top,j=h?g:b;return null!=c&&c>=e?"top":null!=d&&i+j>=a-d?"bottom":!1},c.prototype.getPinnedOffset=function(){if(this.pinnedOffset)return this.pinnedOffset;this.$element.removeClass(c.RESET).addClass("affix");var a=this.$target.scrollTop(),b=this.$element.offset();return this.pinnedOffset=b.top-a},c.prototype.checkPositionWithEventLoop=function(){setTimeout(a.proxy(this.checkPosition,this),1)},c.prototype.checkPosition=function(){if(this.$element.is(":visible")){var b=this.$element.height(),d=this.options.offset,e=d.top,f=d.bottom,g=a(document.body).height();"object"!=typeof d&&(f=e=d),"function"==typeof e&&(e=d.top(this.$element)),"function"==typeof f&&(f=d.bottom(this.$element));var h=this.getState(g,b,e,f);if(this.affixed!=h){null!=this.unpin&&this.$element.css("top","");var i="affix"+(h?"-"+h:""),j=a.Event(i+".bs.affix");if(this.$element.trigger(j),j.isDefaultPrevented())return;this.affixed=h,this.unpin="bottom"==h?this.getPinnedOffset():null,this.$element.removeClass(c.RESET).addClass(i).trigger(i.replace("affix","affixed")+".bs.affix")}"bottom"==h&&this.$element.offset({top:g-b-f})}};var d=a.fn.affix;a.fn.affix=b,a.fn.affix.Constructor=c,a.fn.affix.noConflict=function(){return a.fn.affix=d,this},a(window).on("load",function(){a('[data-spy="affix"]').each(function(){var c=a(this),d=c.data();d.offset=d.offset||{},null!=d.offsetBottom&&(d.offset.bottom=d.offsetBottom),null!=d.offsetTop&&(d.offset.top=d.offsetTop),b.call(c,d)})})}(jQuery);


--------------------------------------------------------------------------------
/public/js/clean-blog.js:
--------------------------------------------------------------------------------
   1 | /*!
   2 |  * Clean Blog v1.0.0 (http://startbootstrap.com)
   3 |  * Copyright 2014 Start Bootstrap
   4 |  * Licensed under Apache 2.0 (https://github.com/IronSummitMedia/startbootstrap/blob/gh-pages/LICENSE)
   5 |  */
   6 | 
   7 | // Contact Form Scripts
   8 | 
   9 | $(function() {
  10 | 
  11 |     $("input,textarea").jqBootstrapValidation({
  12 |         preventSubmit: true,
  13 |         submitError: function($form, event, errors) {
  14 |             // additional error messages or events
  15 |         },
  16 |         submitSuccess: function($form, event) {
  17 |             event.preventDefault(); // prevent default submit behaviour
  18 |             // get values from FORM
  19 |             var name = $("input#name").val();
  20 |             var email = $("input#email").val();
  21 |             var phone = $("input#phone").val();
  22 |             var message = $("textarea#message").val();
  23 |             var firstName = name; // For Success/Failure Message
  24 |             // Check for white space in name for Success/Fail message
  25 |             if (firstName.indexOf(' ') >= 0) {
  26 |                 firstName = name.split(' ').slice(0, -1).join(' ');
  27 |             }
  28 |             $.ajax({
  29 |                 url: "././mail/contact_me.php",
  30 |                 type: "POST",
  31 |                 data: {
  32 |                     name: name,
  33 |                     phone: phone,
  34 |                     email: email,
  35 |                     message: message
  36 |                 },
  37 |                 cache: false,
  38 |                 success: function() {
  39 |                     // Success message
  40 |                     $('#success').html("<div class='alert alert-success'>");
  41 |                     $('#success > .alert-success').html("<button type='button' class='close' data-dismiss='alert' aria-hidden='true'>&times;")
  42 |                         .append("</button>");
  43 |                     $('#success > .alert-success')
  44 |                         .append("<strong>Your message has been sent. </strong>");
  45 |                     $('#success > .alert-success')
  46 |                         .append('</div>');
  47 | 
  48 |                     //clear all fields
  49 |                     $('#contactForm').trigger("reset");
  50 |                 },
  51 |                 error: function() {
  52 |                     // Fail message
  53 |                     $('#success').html("<div class='alert alert-danger'>");
  54 |                     $('#success > .alert-danger').html("<button type='button' class='close' data-dismiss='alert' aria-hidden='true'>&times;")
  55 |                         .append("</button>");
  56 |                     $('#success > .alert-danger').append("<strong>Sorry " + firstName + ", it seems that my mail server is not responding. Please try again later!");
  57 |                     $('#success > .alert-danger').append('</div>');
  58 |                     //clear all fields
  59 |                     $('#contactForm').trigger("reset");
  60 |                 },
  61 |             })
  62 |         },
  63 |         filter: function() {
  64 |             return $(this).is(":visible");
  65 |         },
  66 |     });
  67 | 
  68 |     $("a[data-toggle=\"tab\"]").click(function(e) {
  69 |         e.preventDefault();
  70 |         $(this).tab("show");
  71 |     });
  72 | });
  73 | 
  74 | 
  75 | /*When clicking on Full hide fail/success boxes */
  76 | $('#name').focus(function() {
  77 |     $('#success').html('');
  78 | });
  79 | 
  80 |  // jqBootstrapValidation
  81 |  // * A plugin for automating validation on Twitter Bootstrap formatted forms.
  82 |  // *
  83 |  // * v1.3.6
  84 |  // *
  85 |  // * License: MIT <http://opensource.org/licenses/mit-license.php> - see LICENSE file
  86 |  // *
  87 |  // * http://ReactiveRaven.github.com/jqBootstrapValidation/
  88 |  
  89 | 
  90 | (function( $ ){
  91 | 
  92 | 	var createdElements = [];
  93 | 
  94 | 	var defaults = {
  95 | 		options: {
  96 | 			prependExistingHelpBlock: false,
  97 | 			sniffHtml: true, // sniff for 'required', 'maxlength', etc
  98 | 			preventSubmit: true, // stop the form submit event from firing if validation fails
  99 | 			submitError: false, // function called if there is an error when trying to submit
 100 | 			submitSuccess: false, // function called just before a successful submit event is sent to the server
 101 |             semanticallyStrict: false, // set to true to tidy up generated HTML output
 102 | 			autoAdd: {
 103 | 				helpBlocks: true
 104 | 			},
 105 |             filter: function () {
 106 |                 // return $(this).is(":visible"); // only validate elements you can see
 107 |                 return true; // validate everything
 108 |             }
 109 | 		},
 110 |     methods: {
 111 |       init : function( options ) {
 112 | 
 113 |         var settings = $.extend(true, {}, defaults);
 114 | 
 115 |         settings.options = $.extend(true, settings.options, options);
 116 | 
 117 |         var $siblingElements = this;
 118 | 
 119 |         var uniqueForms = $.unique(
 120 |           $siblingElements.map( function () {
 121 |             return $(this).parents("form")[0];
 122 |           }).toArray()
 123 |         );
 124 | 
 125 |         $(uniqueForms).bind("submit", function (e) {
 126 |           var $form = $(this);
 127 |           var warningsFound = 0;
 128 |           var $inputs = $form.find("input,textarea,select").not("[type=submit],[type=image]").filter(settings.options.filter);
 129 |           $inputs.trigger("submit.validation").trigger("validationLostFocus.validation");
 130 | 
 131 |           $inputs.each(function (i, el) {
 132 |             var $this = $(el),
 133 |               $controlGroup = $this.parents(".form-group").first();
 134 |             if (
 135 |               $controlGroup.hasClass("warning")
 136 |             ) {
 137 |               $controlGroup.removeClass("warning").addClass("error");
 138 |               warningsFound++;
 139 |             }
 140 |           });
 141 | 
 142 |           $inputs.trigger("validationLostFocus.validation");
 143 | 
 144 |           if (warningsFound) {
 145 |             if (settings.options.preventSubmit) {
 146 |               e.preventDefault();
 147 |             }
 148 |             $form.addClass("error");
 149 |             if ($.isFunction(settings.options.submitError)) {
 150 |               settings.options.submitError($form, e, $inputs.jqBootstrapValidation("collectErrors", true));
 151 |             }
 152 |           } else {
 153 |             $form.removeClass("error");
 154 |             if ($.isFunction(settings.options.submitSuccess)) {
 155 |               settings.options.submitSuccess($form, e);
 156 |             }
 157 |           }
 158 |         });
 159 | 
 160 |         return this.each(function(){
 161 | 
 162 |           // Get references to everything we're interested in
 163 |           var $this = $(this),
 164 |             $controlGroup = $this.parents(".form-group").first(),
 165 |             $helpBlock = $controlGroup.find(".help-block").first(),
 166 |             $form = $this.parents("form").first(),
 167 |             validatorNames = [];
 168 | 
 169 |           // create message container if not exists
 170 |           if (!$helpBlock.length && settings.options.autoAdd && settings.options.autoAdd.helpBlocks) {
 171 |               $helpBlock = $('<div class="help-block" />');
 172 |               $controlGroup.find('.controls').append($helpBlock);
 173 | 							createdElements.push($helpBlock[0]);
 174 |           }
 175 | 
 176 |           // =============================================================
 177 |           //                                     SNIFF HTML FOR VALIDATORS
 178 |           // =============================================================
 179 | 
 180 |           // *snort sniff snuffle*
 181 | 
 182 |           if (settings.options.sniffHtml) {
 183 |             var message = "";
 184 |             // ---------------------------------------------------------
 185 |             //                                                   PATTERN
 186 |             // ---------------------------------------------------------
 187 |             if ($this.attr("pattern") !== undefined) {
 188 |               message = "Not in the expected format<!-- data-validation-pattern-message to override -->";
 189 |               if ($this.data("validationPatternMessage")) {
 190 |                 message = $this.data("validationPatternMessage");
 191 |               }
 192 |               $this.data("validationPatternMessage", message);
 193 |               $this.data("validationPatternRegex", $this.attr("pattern"));
 194 |             }
 195 |             // ---------------------------------------------------------
 196 |             //                                                       MAX
 197 |             // ---------------------------------------------------------
 198 |             if ($this.attr("max") !== undefined || $this.attr("aria-valuemax") !== undefined) {
 199 |               var max = ($this.attr("max") !== undefined ? $this.attr("max") : $this.attr("aria-valuemax"));
 200 |               message = "Too high: Maximum of '" + max + "'<!-- data-validation-max-message to override -->";
 201 |               if ($this.data("validationMaxMessage")) {
 202 |                 message = $this.data("validationMaxMessage");
 203 |               }
 204 |               $this.data("validationMaxMessage", message);
 205 |               $this.data("validationMaxMax", max);
 206 |             }
 207 |             // ---------------------------------------------------------
 208 |             //                                                       MIN
 209 |             // ---------------------------------------------------------
 210 |             if ($this.attr("min") !== undefined || $this.attr("aria-valuemin") !== undefined) {
 211 |               var min = ($this.attr("min") !== undefined ? $this.attr("min") : $this.attr("aria-valuemin"));
 212 |               message = "Too low: Minimum of '" + min + "'<!-- data-validation-min-message to override -->";
 213 |               if ($this.data("validationMinMessage")) {
 214 |                 message = $this.data("validationMinMessage");
 215 |               }
 216 |               $this.data("validationMinMessage", message);
 217 |               $this.data("validationMinMin", min);
 218 |             }
 219 |             // ---------------------------------------------------------
 220 |             //                                                 MAXLENGTH
 221 |             // ---------------------------------------------------------
 222 |             if ($this.attr("maxlength") !== undefined) {
 223 |               message = "Too long: Maximum of '" + $this.attr("maxlength") + "' characters<!-- data-validation-maxlength-message to override -->";
 224 |               if ($this.data("validationMaxlengthMessage")) {
 225 |                 message = $this.data("validationMaxlengthMessage");
 226 |               }
 227 |               $this.data("validationMaxlengthMessage", message);
 228 |               $this.data("validationMaxlengthMaxlength", $this.attr("maxlength"));
 229 |             }
 230 |             // ---------------------------------------------------------
 231 |             //                                                 MINLENGTH
 232 |             // ---------------------------------------------------------
 233 |             if ($this.attr("minlength") !== undefined) {
 234 |               message = "Too short: Minimum of '" + $this.attr("minlength") + "' characters<!-- data-validation-minlength-message to override -->";
 235 |               if ($this.data("validationMinlengthMessage")) {
 236 |                 message = $this.data("validationMinlengthMessage");
 237 |               }
 238 |               $this.data("validationMinlengthMessage", message);
 239 |               $this.data("validationMinlengthMinlength", $this.attr("minlength"));
 240 |             }
 241 |             // ---------------------------------------------------------
 242 |             //                                                  REQUIRED
 243 |             // ---------------------------------------------------------
 244 |             if ($this.attr("required") !== undefined || $this.attr("aria-required") !== undefined) {
 245 |               message = settings.builtInValidators.required.message;
 246 |               if ($this.data("validationRequiredMessage")) {
 247 |                 message = $this.data("validationRequiredMessage");
 248 |               }
 249 |               $this.data("validationRequiredMessage", message);
 250 |             }
 251 |             // ---------------------------------------------------------
 252 |             //                                                    NUMBER
 253 |             // ---------------------------------------------------------
 254 |             if ($this.attr("type") !== undefined && $this.attr("type").toLowerCase() === "number") {
 255 |               message = settings.builtInValidators.number.message;
 256 |               if ($this.data("validationNumberMessage")) {
 257 |                 message = $this.data("validationNumberMessage");
 258 |               }
 259 |               $this.data("validationNumberMessage", message);
 260 |             }
 261 |             // ---------------------------------------------------------
 262 |             //                                                     EMAIL
 263 |             // ---------------------------------------------------------
 264 |             if ($this.attr("type") !== undefined && $this.attr("type").toLowerCase() === "email") {
 265 |               message = "Not a valid email address<!-- data-validator-validemail-message to override -->";
 266 |               if ($this.data("validationValidemailMessage")) {
 267 |                 message = $this.data("validationValidemailMessage");
 268 |               } else if ($this.data("validationEmailMessage")) {
 269 |                 message = $this.data("validationEmailMessage");
 270 |               }
 271 |               $this.data("validationValidemailMessage", message);
 272 |             }
 273 |             // ---------------------------------------------------------
 274 |             //                                                MINCHECKED
 275 |             // ---------------------------------------------------------
 276 |             if ($this.attr("minchecked") !== undefined) {
 277 |               message = "Not enough options checked; Minimum of '" + $this.attr("minchecked") + "' required<!-- data-validation-minchecked-message to override -->";
 278 |               if ($this.data("validationMincheckedMessage")) {
 279 |                 message = $this.data("validationMincheckedMessage");
 280 |               }
 281 |               $this.data("validationMincheckedMessage", message);
 282 |               $this.data("validationMincheckedMinchecked", $this.attr("minchecked"));
 283 |             }
 284 |             // ---------------------------------------------------------
 285 |             //                                                MAXCHECKED
 286 |             // ---------------------------------------------------------
 287 |             if ($this.attr("maxchecked") !== undefined) {
 288 |               message = "Too many options checked; Maximum of '" + $this.attr("maxchecked") + "' required<!-- data-validation-maxchecked-message to override -->";
 289 |               if ($this.data("validationMaxcheckedMessage")) {
 290 |                 message = $this.data("validationMaxcheckedMessage");
 291 |               }
 292 |               $this.data("validationMaxcheckedMessage", message);
 293 |               $this.data("validationMaxcheckedMaxchecked", $this.attr("maxchecked"));
 294 |             }
 295 |           }
 296 | 
 297 |           // =============================================================
 298 |           //                                       COLLECT VALIDATOR NAMES
 299 |           // =============================================================
 300 | 
 301 |           // Get named validators
 302 |           if ($this.data("validation") !== undefined) {
 303 |             validatorNames = $this.data("validation").split(",");
 304 |           }
 305 | 
 306 |           // Get extra ones defined on the element's data attributes
 307 |           $.each($this.data(), function (i, el) {
 308 |             var parts = i.replace(/([A-Z])/g, ",$1").split(",");
 309 |             if (parts[0] === "validation" && parts[1]) {
 310 |               validatorNames.push(parts[1]);
 311 |             }
 312 |           });
 313 | 
 314 |           // =============================================================
 315 |           //                                     NORMALISE VALIDATOR NAMES
 316 |           // =============================================================
 317 | 
 318 |           var validatorNamesToInspect = validatorNames;
 319 |           var newValidatorNamesToInspect = [];
 320 | 
 321 |           do // repeatedly expand 'shortcut' validators into their real validators
 322 |           {
 323 |             // Uppercase only the first letter of each name
 324 |             $.each(validatorNames, function (i, el) {
 325 |               validatorNames[i] = formatValidatorName(el);
 326 |             });
 327 | 
 328 |             // Remove duplicate validator names
 329 |             validatorNames = $.unique(validatorNames);
 330 | 
 331 |             // Pull out the new validator names from each shortcut
 332 |             newValidatorNamesToInspect = [];
 333 |             $.each(validatorNamesToInspect, function(i, el) {
 334 |               if ($this.data("validation" + el + "Shortcut") !== undefined) {
 335 |                 // Are these custom validators?
 336 |                 // Pull them out!
 337 |                 $.each($this.data("validation" + el + "Shortcut").split(","), function(i2, el2) {
 338 |                   newValidatorNamesToInspect.push(el2);
 339 |                 });
 340 |               } else if (settings.builtInValidators[el.toLowerCase()]) {
 341 |                 // Is this a recognised built-in?
 342 |                 // Pull it out!
 343 |                 var validator = settings.builtInValidators[el.toLowerCase()];
 344 |                 if (validator.type.toLowerCase() === "shortcut") {
 345 |                   $.each(validator.shortcut.split(","), function (i, el) {
 346 |                     el = formatValidatorName(el);
 347 |                     newValidatorNamesToInspect.push(el);
 348 |                     validatorNames.push(el);
 349 |                   });
 350 |                 }
 351 |               }
 352 |             });
 353 | 
 354 |             validatorNamesToInspect = newValidatorNamesToInspect;
 355 | 
 356 |           } while (validatorNamesToInspect.length > 0)
 357 | 
 358 |           // =============================================================
 359 |           //                                       SET UP VALIDATOR ARRAYS
 360 |           // =============================================================
 361 | 
 362 |           var validators = {};
 363 | 
 364 |           $.each(validatorNames, function (i, el) {
 365 |             // Set up the 'override' message
 366 |             var message = $this.data("validation" + el + "Message");
 367 |             var hasOverrideMessage = (message !== undefined);
 368 |             var foundValidator = false;
 369 |             message =
 370 |               (
 371 |                 message
 372 |                   ? message
 373 |                   : "'" + el + "' validation failed <!-- Add attribute 'data-validation-" + el.toLowerCase() + "-message' to input to change this message -->"
 374 |               )
 375 |             ;
 376 | 
 377 |             $.each(
 378 |               settings.validatorTypes,
 379 |               function (validatorType, validatorTemplate) {
 380 |                 if (validators[validatorType] === undefined) {
 381 |                   validators[validatorType] = [];
 382 |                 }
 383 |                 if (!foundValidator && $this.data("validation" + el + formatValidatorName(validatorTemplate.name)) !== undefined) {
 384 |                   validators[validatorType].push(
 385 |                     $.extend(
 386 |                       true,
 387 |                       {
 388 |                         name: formatValidatorName(validatorTemplate.name),
 389 |                         message: message
 390 |                       },
 391 |                       validatorTemplate.init($this, el)
 392 |                     )
 393 |                   );
 394 |                   foundValidator = true;
 395 |                 }
 396 |               }
 397 |             );
 398 | 
 399 |             if (!foundValidator && settings.builtInValidators[el.toLowerCase()]) {
 400 | 
 401 |               var validator = $.extend(true, {}, settings.builtInValidators[el.toLowerCase()]);
 402 |               if (hasOverrideMessage) {
 403 |                 validator.message = message;
 404 |               }
 405 |               var validatorType = validator.type.toLowerCase();
 406 | 
 407 |               if (validatorType === "shortcut") {
 408 |                 foundValidator = true;
 409 |               } else {
 410 |                 $.each(
 411 |                   settings.validatorTypes,
 412 |                   function (validatorTemplateType, validatorTemplate) {
 413 |                     if (validators[validatorTemplateType] === undefined) {
 414 |                       validators[validatorTemplateType] = [];
 415 |                     }
 416 |                     if (!foundValidator && validatorType === validatorTemplateType.toLowerCase()) {
 417 |                       $this.data("validation" + el + formatValidatorName(validatorTemplate.name), validator[validatorTemplate.name.toLowerCase()]);
 418 |                       validators[validatorType].push(
 419 |                         $.extend(
 420 |                           validator,
 421 |                           validatorTemplate.init($this, el)
 422 |                         )
 423 |                       );
 424 |                       foundValidator = true;
 425 |                     }
 426 |                   }
 427 |                 );
 428 |               }
 429 |             }
 430 | 
 431 |             if (! foundValidator) {
 432 |               $.error("Cannot find validation info for '" + el + "'");
 433 |             }
 434 |           });
 435 | 
 436 |           // =============================================================
 437 |           //                                         STORE FALLBACK VALUES
 438 |           // =============================================================
 439 | 
 440 |           $helpBlock.data(
 441 |             "original-contents",
 442 |             (
 443 |               $helpBlock.data("original-contents")
 444 |                 ? $helpBlock.data("original-contents")
 445 |                 : $helpBlock.html()
 446 |             )
 447 |           );
 448 | 
 449 |           $helpBlock.data(
 450 |             "original-role",
 451 |             (
 452 |               $helpBlock.data("original-role")
 453 |                 ? $helpBlock.data("original-role")
 454 |                 : $helpBlock.attr("role")
 455 |             )
 456 |           );
 457 | 
 458 |           $controlGroup.data(
 459 |             "original-classes",
 460 |             (
 461 |               $controlGroup.data("original-clases")
 462 |                 ? $controlGroup.data("original-classes")
 463 |                 : $controlGroup.attr("class")
 464 |             )
 465 |           );
 466 | 
 467 |           $this.data(
 468 |             "original-aria-invalid",
 469 |             (
 470 |               $this.data("original-aria-invalid")
 471 |                 ? $this.data("original-aria-invalid")
 472 |                 : $this.attr("aria-invalid")
 473 |             )
 474 |           );
 475 | 
 476 |           // =============================================================
 477 |           //                                                    VALIDATION
 478 |           // =============================================================
 479 | 
 480 |           $this.bind(
 481 |             "validation.validation",
 482 |             function (event, params) {
 483 | 
 484 |               var value = getValue($this);
 485 | 
 486 |               // Get a list of the errors to apply
 487 |               var errorsFound = [];
 488 | 
 489 |               $.each(validators, function (validatorType, validatorTypeArray) {
 490 |                 if (value || value.length || (params && params.includeEmpty) || (!!settings.validatorTypes[validatorType].blockSubmit && params && !!params.submitting)) {
 491 |                   $.each(validatorTypeArray, function (i, validator) {
 492 |                     if (settings.validatorTypes[validatorType].validate($this, value, validator)) {
 493 |                       errorsFound.push(validator.message);
 494 |                     }
 495 |                   });
 496 |                 }
 497 |               });
 498 | 
 499 |               return errorsFound;
 500 |             }
 501 |           );
 502 | 
 503 |           $this.bind(
 504 |             "getValidators.validation",
 505 |             function () {
 506 |               return validators;
 507 |             }
 508 |           );
 509 | 
 510 |           // =============================================================
 511 |           //                                             WATCH FOR CHANGES
 512 |           // =============================================================
 513 |           $this.bind(
 514 |             "submit.validation",
 515 |             function () {
 516 |               return $this.triggerHandler("change.validation", {submitting: true});
 517 |             }
 518 |           );
 519 |           $this.bind(
 520 |             [
 521 |               "keyup",
 522 |               "focus",
 523 |               "blur",
 524 |               "click",
 525 |               "keydown",
 526 |               "keypress",
 527 |               "change"
 528 |             ].join(".validation ") + ".validation",
 529 |             function (e, params) {
 530 | 
 531 |               var value = getValue($this);
 532 | 
 533 |               var errorsFound = [];
 534 | 
 535 |               $controlGroup.find("input,textarea,select").each(function (i, el) {
 536 |                 var oldCount = errorsFound.length;
 537 |                 $.each($(el).triggerHandler("validation.validation", params), function (j, message) {
 538 |                   errorsFound.push(message);
 539 |                 });
 540 |                 if (errorsFound.length > oldCount) {
 541 |                   $(el).attr("aria-invalid", "true");
 542 |                 } else {
 543 |                   var original = $this.data("original-aria-invalid");
 544 |                   $(el).attr("aria-invalid", (original !== undefined ? original : false));
 545 |                 }
 546 |               });
 547 | 
 548 |               $form.find("input,select,textarea").not($this).not("[name=\"" + $this.attr("name") + "\"]").trigger("validationLostFocus.validation");
 549 | 
 550 |               errorsFound = $.unique(errorsFound.sort());
 551 | 
 552 |               // Were there any errors?
 553 |               if (errorsFound.length) {
 554 |                 // Better flag it up as a warning.
 555 |                 $controlGroup.removeClass("success error").addClass("warning");
 556 | 
 557 |                 // How many errors did we find?
 558 |                 if (settings.options.semanticallyStrict && errorsFound.length === 1) {
 559 |                   // Only one? Being strict? Just output it.
 560 |                   $helpBlock.html(errorsFound[0] + 
 561 |                     ( settings.options.prependExistingHelpBlock ? $helpBlock.data("original-contents") : "" ));
 562 |                 } else {
 563 |                   // Multiple? Being sloppy? Glue them together into an UL.
 564 |                   $helpBlock.html("<ul role=\"alert\"><li>" + errorsFound.join("</li><li>") + "</li></ul>" +
 565 |                     ( settings.options.prependExistingHelpBlock ? $helpBlock.data("original-contents") : "" ));
 566 |                 }
 567 |               } else {
 568 |                 $controlGroup.removeClass("warning error success");
 569 |                 if (value.length > 0) {
 570 |                   $controlGroup.addClass("success");
 571 |                 }
 572 |                 $helpBlock.html($helpBlock.data("original-contents"));
 573 |               }
 574 | 
 575 |               if (e.type === "blur") {
 576 |                 $controlGroup.removeClass("success");
 577 |               }
 578 |             }
 579 |           );
 580 |           $this.bind("validationLostFocus.validation", function () {
 581 |             $controlGroup.removeClass("success");
 582 |           });
 583 |         });
 584 |       },
 585 |       destroy : function( ) {
 586 | 
 587 |         return this.each(
 588 |           function() {
 589 | 
 590 |             var
 591 |               $this = $(this),
 592 |               $controlGroup = $this.parents(".form-group").first(),
 593 |               $helpBlock = $controlGroup.find(".help-block").first();
 594 | 
 595 |             // remove our events
 596 |             $this.unbind('.validation'); // events are namespaced.
 597 |             // reset help text
 598 |             $helpBlock.html($helpBlock.data("original-contents"));
 599 |             // reset classes
 600 |             $controlGroup.attr("class", $controlGroup.data("original-classes"));
 601 |             // reset aria
 602 |             $this.attr("aria-invalid", $this.data("original-aria-invalid"));
 603 |             // reset role
 604 |             $helpBlock.attr("role", $this.data("original-role"));
 605 | 						// remove all elements we created
 606 | 						if (createdElements.indexOf($helpBlock[0]) > -1) {
 607 | 							$helpBlock.remove();
 608 | 						}
 609 | 
 610 |           }
 611 |         );
 612 | 
 613 |       },
 614 |       collectErrors : function(includeEmpty) {
 615 | 
 616 |         var errorMessages = {};
 617 |         this.each(function (i, el) {
 618 |           var $el = $(el);
 619 |           var name = $el.attr("name");
 620 |           var errors = $el.triggerHandler("validation.validation", {includeEmpty: true});
 621 |           errorMessages[name] = $.extend(true, errors, errorMessages[name]);
 622 |         });
 623 | 
 624 |         $.each(errorMessages, function (i, el) {
 625 |           if (el.length === 0) {
 626 |             delete errorMessages[i];
 627 |           }
 628 |         });
 629 | 
 630 |         return errorMessages;
 631 | 
 632 |       },
 633 |       hasErrors: function() {
 634 | 
 635 |         var errorMessages = [];
 636 | 
 637 |         this.each(function (i, el) {
 638 |           errorMessages = errorMessages.concat(
 639 |             $(el).triggerHandler("getValidators.validation") ? $(el).triggerHandler("validation.validation", {submitting: true}) : []
 640 |           );
 641 |         });
 642 | 
 643 |         return (errorMessages.length > 0);
 644 |       },
 645 |       override : function (newDefaults) {
 646 |         defaults = $.extend(true, defaults, newDefaults);
 647 |       }
 648 |     },
 649 | 		validatorTypes: {
 650 |       callback: {
 651 |         name: "callback",
 652 |         init: function ($this, name) {
 653 |           return {
 654 |             validatorName: name,
 655 |             callback: $this.data("validation" + name + "Callback"),
 656 |             lastValue: $this.val(),
 657 |             lastValid: true,
 658 |             lastFinished: true
 659 |           };
 660 |         },
 661 |         validate: function ($this, value, validator) {
 662 |           if (validator.lastValue === value && validator.lastFinished) {
 663 |             return !validator.lastValid;
 664 |           }
 665 | 
 666 |           if (validator.lastFinished === true)
 667 |           {
 668 |             validator.lastValue = value;
 669 |             validator.lastValid = true;
 670 |             validator.lastFinished = false;
 671 | 
 672 |             var rrjqbvValidator = validator;
 673 |             var rrjqbvThis = $this;
 674 |             executeFunctionByName(
 675 |               validator.callback,
 676 |               window,
 677 |               $this,
 678 |               value,
 679 |               function (data) {
 680 |                 if (rrjqbvValidator.lastValue === data.value) {
 681 |                   rrjqbvValidator.lastValid = data.valid;
 682 |                   if (data.message) {
 683 |                     rrjqbvValidator.message = data.message;
 684 |                   }
 685 |                   rrjqbvValidator.lastFinished = true;
 686 |                   rrjqbvThis.data("validation" + rrjqbvValidator.validatorName + "Message", rrjqbvValidator.message);
 687 |                   // Timeout is set to avoid problems with the events being considered 'already fired'
 688 |                   setTimeout(function () {
 689 |                     rrjqbvThis.trigger("change.validation");
 690 |                   }, 1); // doesn't need a long timeout, just long enough for the event bubble to burst
 691 |                 }
 692 |               }
 693 |             );
 694 |           }
 695 | 
 696 |           return false;
 697 | 
 698 |         }
 699 |       },
 700 |       ajax: {
 701 |         name: "ajax",
 702 |         init: function ($this, name) {
 703 |           return {
 704 |             validatorName: name,
 705 |             url: $this.data("validation" + name + "Ajax"),
 706 |             lastValue: $this.val(),
 707 |             lastValid: true,
 708 |             lastFinished: true
 709 |           };
 710 |         },
 711 |         validate: function ($this, value, validator) {
 712 |           if (""+validator.lastValue === ""+value && validator.lastFinished === true) {
 713 |             return validator.lastValid === false;
 714 |           }
 715 | 
 716 |           if (validator.lastFinished === true)
 717 |           {
 718 |             validator.lastValue = value;
 719 |             validator.lastValid = true;
 720 |             validator.lastFinished = false;
 721 |             $.ajax({
 722 |               url: validator.url,
 723 |               data: "value=" + value + "&field=" + $this.attr("name"),
 724 |               dataType: "json",
 725 |               success: function (data) {
 726 |                 if (""+validator.lastValue === ""+data.value) {
 727 |                   validator.lastValid = !!(data.valid);
 728 |                   if (data.message) {
 729 |                     validator.message = data.message;
 730 |                   }
 731 |                   validator.lastFinished = true;
 732 |                   $this.data("validation" + validator.validatorName + "Message", validator.message);
 733 |                   // Timeout is set to avoid problems with the events being considered 'already fired'
 734 |                   setTimeout(function () {
 735 |                     $this.trigger("change.validation");
 736 |                   }, 1); // doesn't need a long timeout, just long enough for the event bubble to burst
 737 |                 }
 738 |               },
 739 |               failure: function () {
 740 |                 validator.lastValid = true;
 741 |                 validator.message = "ajax call failed";
 742 |                 validator.lastFinished = true;
 743 |                 $this.data("validation" + validator.validatorName + "Message", validator.message);
 744 |                 // Timeout is set to avoid problems with the events being considered 'already fired'
 745 |                 setTimeout(function () {
 746 |                   $this.trigger("change.validation");
 747 |                 }, 1); // doesn't need a long timeout, just long enough for the event bubble to burst
 748 |               }
 749 |             });
 750 |           }
 751 | 
 752 |           return false;
 753 | 
 754 |         }
 755 |       },
 756 | 			regex: {
 757 | 				name: "regex",
 758 | 				init: function ($this, name) {
 759 | 					return {regex: regexFromString($this.data("validation" + name + "Regex"))};
 760 | 				},
 761 | 				validate: function ($this, value, validator) {
 762 | 					return (!validator.regex.test(value) && ! validator.negative)
 763 | 						|| (validator.regex.test(value) && validator.negative);
 764 | 				}
 765 | 			},
 766 | 			required: {
 767 | 				name: "required",
 768 | 				init: function ($this, name) {
 769 | 					return {};
 770 | 				},
 771 | 				validate: function ($this, value, validator) {
 772 | 					return !!(value.length === 0  && ! validator.negative)
 773 | 						|| !!(value.length > 0 && validator.negative);
 774 | 				},
 775 |         blockSubmit: true
 776 | 			},
 777 | 			match: {
 778 | 				name: "match",
 779 | 				init: function ($this, name) {
 780 | 					var element = $this.parents("form").first().find("[name=\"" + $this.data("validation" + name + "Match") + "\"]").first();
 781 | 					element.bind("validation.validation", function () {
 782 | 						$this.trigger("change.validation", {submitting: true});
 783 | 					});
 784 | 					return {"element": element};
 785 | 				},
 786 | 				validate: function ($this, value, validator) {
 787 | 					return (value !== validator.element.val() && ! validator.negative)
 788 | 						|| (value === validator.element.val() && validator.negative);
 789 | 				},
 790 |         blockSubmit: true
 791 | 			},
 792 | 			max: {
 793 | 				name: "max",
 794 | 				init: function ($this, name) {
 795 | 					return {max: $this.data("validation" + name + "Max")};
 796 | 				},
 797 | 				validate: function ($this, value, validator) {
 798 | 					return (parseFloat(value, 10) > parseFloat(validator.max, 10) && ! validator.negative)
 799 | 						|| (parseFloat(value, 10) <= parseFloat(validator.max, 10) && validator.negative);
 800 | 				}
 801 | 			},
 802 | 			min: {
 803 | 				name: "min",
 804 | 				init: function ($this, name) {
 805 | 					return {min: $this.data("validation" + name + "Min")};
 806 | 				},
 807 | 				validate: function ($this, value, validator) {
 808 | 					return (parseFloat(value) < parseFloat(validator.min) && ! validator.negative)
 809 | 						|| (parseFloat(value) >= parseFloat(validator.min) && validator.negative);
 810 | 				}
 811 | 			},
 812 | 			maxlength: {
 813 | 				name: "maxlength",
 814 | 				init: function ($this, name) {
 815 | 					return {maxlength: $this.data("validation" + name + "Maxlength")};
 816 | 				},
 817 | 				validate: function ($this, value, validator) {
 818 | 					return ((value.length > validator.maxlength) && ! validator.negative)
 819 | 						|| ((value.length <= validator.maxlength) && validator.negative);
 820 | 				}
 821 | 			},
 822 | 			minlength: {
 823 | 				name: "minlength",
 824 | 				init: function ($this, name) {
 825 | 					return {minlength: $this.data("validation" + name + "Minlength")};
 826 | 				},
 827 | 				validate: function ($this, value, validator) {
 828 | 					return ((value.length < validator.minlength) && ! validator.negative)
 829 | 						|| ((value.length >= validator.minlength) && validator.negative);
 830 | 				}
 831 | 			},
 832 | 			maxchecked: {
 833 | 				name: "maxchecked",
 834 | 				init: function ($this, name) {
 835 | 					var elements = $this.parents("form").first().find("[name=\"" + $this.attr("name") + "\"]");
 836 | 					elements.bind("click.validation", function () {
 837 | 						$this.trigger("change.validation", {includeEmpty: true});
 838 | 					});
 839 | 					return {maxchecked: $this.data("validation" + name + "Maxchecked"), elements: elements};
 840 | 				},
 841 | 				validate: function ($this, value, validator) {
 842 | 					return (validator.elements.filter(":checked").length > validator.maxchecked && ! validator.negative)
 843 | 						|| (validator.elements.filter(":checked").length <= validator.maxchecked && validator.negative);
 844 | 				},
 845 |         blockSubmit: true
 846 | 			},
 847 | 			minchecked: {
 848 | 				name: "minchecked",
 849 | 				init: function ($this, name) {
 850 | 					var elements = $this.parents("form").first().find("[name=\"" + $this.attr("name") + "\"]");
 851 | 					elements.bind("click.validation", function () {
 852 | 						$this.trigger("change.validation", {includeEmpty: true});
 853 | 					});
 854 | 					return {minchecked: $this.data("validation" + name + "Minchecked"), elements: elements};
 855 | 				},
 856 | 				validate: function ($this, value, validator) {
 857 | 					return (validator.elements.filter(":checked").length < validator.minchecked && ! validator.negative)
 858 | 						|| (validator.elements.filter(":checked").length >= validator.minchecked && validator.negative);
 859 | 				},
 860 |         blockSubmit: true
 861 | 			}
 862 | 		},
 863 | 		builtInValidators: {
 864 | 			email: {
 865 | 				name: "Email",
 866 | 				type: "shortcut",
 867 | 				shortcut: "validemail"
 868 | 			},
 869 | 			validemail: {
 870 | 				name: "Validemail",
 871 | 				type: "regex",
 872 | 				regex: "[A-Za-z0-9._%+-]+@[A-Za-z0-9.-]+\\\.[A-Za-z]{2,4}",
 873 | 				message: "Not a valid email address<!-- data-validator-validemail-message to override -->"
 874 | 			},
 875 | 			passwordagain: {
 876 | 				name: "Passwordagain",
 877 | 				type: "match",
 878 | 				match: "password",
 879 | 				message: "Does not match the given password<!-- data-validator-paswordagain-message to override -->"
 880 | 			},
 881 | 			positive: {
 882 | 				name: "Positive",
 883 | 				type: "shortcut",
 884 | 				shortcut: "number,positivenumber"
 885 | 			},
 886 | 			negative: {
 887 | 				name: "Negative",
 888 | 				type: "shortcut",
 889 | 				shortcut: "number,negativenumber"
 890 | 			},
 891 | 			number: {
 892 | 				name: "Number",
 893 | 				type: "regex",
 894 | 				regex: "([+-]?\\\d+(\\\.\\\d*)?([eE][+-]?[0-9]+)?)?",
 895 | 				message: "Must be a number<!-- data-validator-number-message to override -->"
 896 | 			},
 897 | 			integer: {
 898 | 				name: "Integer",
 899 | 				type: "regex",
 900 | 				regex: "[+-]?\\\d+",
 901 | 				message: "No decimal places allowed<!-- data-validator-integer-message to override -->"
 902 | 			},
 903 | 			positivenumber: {
 904 | 				name: "Positivenumber",
 905 | 				type: "min",
 906 | 				min: 0,
 907 | 				message: "Must be a positive number<!-- data-validator-positivenumber-message to override -->"
 908 | 			},
 909 | 			negativenumber: {
 910 | 				name: "Negativenumber",
 911 | 				type: "max",
 912 | 				max: 0,
 913 | 				message: "Must be a negative number<!-- data-validator-negativenumber-message to override -->"
 914 | 			},
 915 | 			required: {
 916 | 				name: "Required",
 917 | 				type: "required",
 918 | 				message: "This is required<!-- data-validator-required-message to override -->"
 919 | 			},
 920 | 			checkone: {
 921 | 				name: "Checkone",
 922 | 				type: "minchecked",
 923 | 				minchecked: 1,
 924 | 				message: "Check at least one option<!-- data-validation-checkone-message to override -->"
 925 | 			}
 926 | 		}
 927 | 	};
 928 | 
 929 | 	var formatValidatorName = function (name) {
 930 | 		return name
 931 | 			.toLowerCase()
 932 | 			.replace(
 933 | 				/(^|\s)([a-z])/g ,
 934 | 				function(m,p1,p2) {
 935 | 					return p1+p2.toUpperCase();
 936 | 				}
 937 | 			)
 938 | 		;
 939 | 	};
 940 | 
 941 | 	var getValue = function ($this) {
 942 | 		// Extract the value we're talking about
 943 | 		var value = $this.val();
 944 | 		var type = $this.attr("type");
 945 | 		if (type === "checkbox") {
 946 | 			value = ($this.is(":checked") ? value : "");
 947 | 		}
 948 | 		if (type === "radio") {
 949 | 			value = ($('input[name="' + $this.attr("name") + '"]:checked').length > 0 ? value : "");
 950 | 		}
 951 | 		return value;
 952 | 	};
 953 | 
 954 |   function regexFromString(inputstring) {
 955 | 		return new RegExp("^" + inputstring + "$");
 956 | 	}
 957 | 
 958 |   /**
 959 |    * Thanks to Jason Bunting via StackOverflow.com
 960 |    *
 961 |    * http://stackoverflow.com/questions/359788/how-to-execute-a-javascript-function-when-i-have-its-name-as-a-string#answer-359910
 962 |    * Short link: http://tinyurl.com/executeFunctionByName
 963 |   **/
 964 |   function executeFunctionByName(functionName, context /*, args*/) {
 965 |     var args = Array.prototype.slice.call(arguments).splice(2);
 966 |     var namespaces = functionName.split(".");
 967 |     var func = namespaces.pop();
 968 |     for(var i = 0; i < namespaces.length; i++) {
 969 |       context = context[namespaces[i]];
 970 |     }
 971 |     return context[func].apply(this, args);
 972 |   }
 973 | 
 974 | 	$.fn.jqBootstrapValidation = function( method ) {
 975 | 
 976 | 		if ( defaults.methods[method] ) {
 977 | 			return defaults.methods[method].apply( this, Array.prototype.slice.call( arguments, 1 ));
 978 | 		} else if ( typeof method === 'object' || ! method ) {
 979 | 			return defaults.methods.init.apply( this, arguments );
 980 | 		} else {
 981 | 		$.error( 'Method ' +  method + ' does not exist on jQuery.jqBootstrapValidation' );
 982 | 			return null;
 983 | 		}
 984 | 
 985 | 	};
 986 | 
 987 |   $.jqBootstrapValidation = function (options) {
 988 |     $(":input").not("[type=image],[type=submit]").jqBootstrapValidation.apply(this,arguments);
 989 |   };
 990 | 
 991 | })( jQuery );
 992 | 
 993 | // Floating label headings for the contact form
 994 | $(function() {
 995 |     $("body").on("input propertychange", ".floating-label-form-group", function(e) {
 996 |         $(this).toggleClass("floating-label-form-group-with-value", !!$(e.target).val());
 997 |     }).on("focus", ".floating-label-form-group", function() {
 998 |         $(this).addClass("floating-label-form-group-with-focus");
 999 |     }).on("blur", ".floating-label-form-group", function() {
1000 |         $(this).removeClass("floating-label-form-group-with-focus");
1001 |     });
1002 | });
1003 | 
1004 | // Navigation Scripts to Show Header on Scroll-Up
1005 | jQuery(document).ready(function($) {
1006 |     var MQL = 1170;
1007 | 
1008 |     //primary navigation slide-in effect
1009 |     if ($(window).width() > MQL) {
1010 |         var headerHeight = $('.navbar-custom').height();
1011 |         $(window).on('scroll', {
1012 |                 previousTop: 0
1013 |             },
1014 |             function() {
1015 |                 var currentTop = $(window).scrollTop();
1016 |                 //check if user is scrolling up
1017 |                 if (currentTop < this.previousTop) {
1018 |                     //if scrolling up...
1019 |                     if (currentTop > 0 && $('.navbar-custom').hasClass('is-fixed')) {
1020 |                         $('.navbar-custom').addClass('is-visible');
1021 |                     } else {
1022 |                         $('.navbar-custom').removeClass('is-visible is-fixed');
1023 |                     }
1024 |                 } else {
1025 |                     //if scrolling down...
1026 |                     $('.navbar-custom').removeClass('is-visible');
1027 |                     if (currentTop > headerHeight && !$('.navbar-custom').hasClass('is-fixed')) $('.navbar-custom').addClass('is-fixed');
1028 |                 }
1029 |                 this.previousTop = currentTop;
1030 |             });
1031 |     }
1032 | });
1033 | 


--------------------------------------------------------------------------------
/public/js/clean-blog.min.js:
--------------------------------------------------------------------------------
1 | /*!
2 |  * Clean Blog v1.0.0 (http://startbootstrap.com)
3 |  * Copyright 2014 Start Bootstrap
4 |  * Licensed under Apache 2.0 (https://github.com/IronSummitMedia/startbootstrap/blob/gh-pages/LICENSE)
5 |  */
6 | 
7 | $(function(){$("input,textarea").jqBootstrapValidation({preventSubmit:!0,submitError:function(){},submitSuccess:function(a,b){b.preventDefault();var c=$("input#name").val(),d=$("input#email").val(),e=$("input#phone").val(),f=$("textarea#message").val(),g=c;g.indexOf(" ")>=0&&(g=c.split(" ").slice(0,-1).join(" ")),$.ajax({url:"././mail/contact_me.php",type:"POST",data:{name:c,phone:e,email:d,message:f},cache:!1,success:function(){$("#success").html("<div class='alert alert-success'>"),$("#success > .alert-success").html("<button type='button' class='close' data-dismiss='alert' aria-hidden='true'>&times;").append("</button>"),$("#success > .alert-success").append("<strong>Your message has been sent. </strong>"),$("#success > .alert-success").append("</div>"),$("#contactForm").trigger("reset")},error:function(){$("#success").html("<div class='alert alert-danger'>"),$("#success > .alert-danger").html("<button type='button' class='close' data-dismiss='alert' aria-hidden='true'>&times;").append("</button>"),$("#success > .alert-danger").append("<strong>Sorry "+g+", it seems that my mail server is not responding. Please try again later!"),$("#success > .alert-danger").append("</div>"),$("#contactForm").trigger("reset")}})},filter:function(){return $(this).is(":visible")}}),$('a[data-toggle="tab"]').click(function(a){a.preventDefault(),$(this).tab("show")})}),$("#name").focus(function(){$("#success").html("")}),function(a){function b(a){return new RegExp("^"+a+"$")}function c(a,b){for(var c=Array.prototype.slice.call(arguments).splice(2),d=a.split("."),e=d.pop(),f=0;f<d.length;f++)b=b[d[f]];return b[e].apply(this,c)}var d=[],e={options:{prependExistingHelpBlock:!1,sniffHtml:!0,preventSubmit:!0,submitError:!1,submitSuccess:!1,semanticallyStrict:!1,autoAdd:{helpBlocks:!0},filter:function(){return!0}},methods:{init:function(b){var c=a.extend(!0,{},e);c.options=a.extend(!0,c.options,b);var h=this,i=a.unique(h.map(function(){return a(this).parents("form")[0]}).toArray());return a(i).bind("submit",function(b){var d=a(this),e=0,f=d.find("input,textarea,select").not("[type=submit],[type=image]").filter(c.options.filter);f.trigger("submit.validation").trigger("validationLostFocus.validation"),f.each(function(b,c){var d=a(c),f=d.parents(".form-group").first();f.hasClass("warning")&&(f.removeClass("warning").addClass("error"),e++)}),f.trigger("validationLostFocus.validation"),e?(c.options.preventSubmit&&b.preventDefault(),d.addClass("error"),a.isFunction(c.options.submitError)&&c.options.submitError(d,b,f.jqBootstrapValidation("collectErrors",!0))):(d.removeClass("error"),a.isFunction(c.options.submitSuccess)&&c.options.submitSuccess(d,b))}),this.each(function(){var b=a(this),e=b.parents(".form-group").first(),h=e.find(".help-block").first(),i=b.parents("form").first(),j=[];if(!h.length&&c.options.autoAdd&&c.options.autoAdd.helpBlocks&&(h=a('<div class="help-block" />'),e.find(".controls").append(h),d.push(h[0])),c.options.sniffHtml){var k="";if(void 0!==b.attr("pattern")&&(k="Not in the expected format<!-- data-validation-pattern-message to override -->",b.data("validationPatternMessage")&&(k=b.data("validationPatternMessage")),b.data("validationPatternMessage",k),b.data("validationPatternRegex",b.attr("pattern"))),void 0!==b.attr("max")||void 0!==b.attr("aria-valuemax")){var l=b.attr(void 0!==b.attr("max")?"max":"aria-valuemax");k="Too high: Maximum of '"+l+"'<!-- data-validation-max-message to override -->",b.data("validationMaxMessage")&&(k=b.data("validationMaxMessage")),b.data("validationMaxMessage",k),b.data("validationMaxMax",l)}if(void 0!==b.attr("min")||void 0!==b.attr("aria-valuemin")){var m=b.attr(void 0!==b.attr("min")?"min":"aria-valuemin");k="Too low: Minimum of '"+m+"'<!-- data-validation-min-message to override -->",b.data("validationMinMessage")&&(k=b.data("validationMinMessage")),b.data("validationMinMessage",k),b.data("validationMinMin",m)}void 0!==b.attr("maxlength")&&(k="Too long: Maximum of '"+b.attr("maxlength")+"' characters<!-- data-validation-maxlength-message to override -->",b.data("validationMaxlengthMessage")&&(k=b.data("validationMaxlengthMessage")),b.data("validationMaxlengthMessage",k),b.data("validationMaxlengthMaxlength",b.attr("maxlength"))),void 0!==b.attr("minlength")&&(k="Too short: Minimum of '"+b.attr("minlength")+"' characters<!-- data-validation-minlength-message to override -->",b.data("validationMinlengthMessage")&&(k=b.data("validationMinlengthMessage")),b.data("validationMinlengthMessage",k),b.data("validationMinlengthMinlength",b.attr("minlength"))),(void 0!==b.attr("required")||void 0!==b.attr("aria-required"))&&(k=c.builtInValidators.required.message,b.data("validationRequiredMessage")&&(k=b.data("validationRequiredMessage")),b.data("validationRequiredMessage",k)),void 0!==b.attr("type")&&"number"===b.attr("type").toLowerCase()&&(k=c.builtInValidators.number.message,b.data("validationNumberMessage")&&(k=b.data("validationNumberMessage")),b.data("validationNumberMessage",k)),void 0!==b.attr("type")&&"email"===b.attr("type").toLowerCase()&&(k="Not a valid email address<!-- data-validator-validemail-message to override -->",b.data("validationValidemailMessage")?k=b.data("validationValidemailMessage"):b.data("validationEmailMessage")&&(k=b.data("validationEmailMessage")),b.data("validationValidemailMessage",k)),void 0!==b.attr("minchecked")&&(k="Not enough options checked; Minimum of '"+b.attr("minchecked")+"' required<!-- data-validation-minchecked-message to override -->",b.data("validationMincheckedMessage")&&(k=b.data("validationMincheckedMessage")),b.data("validationMincheckedMessage",k),b.data("validationMincheckedMinchecked",b.attr("minchecked"))),void 0!==b.attr("maxchecked")&&(k="Too many options checked; Maximum of '"+b.attr("maxchecked")+"' required<!-- data-validation-maxchecked-message to override -->",b.data("validationMaxcheckedMessage")&&(k=b.data("validationMaxcheckedMessage")),b.data("validationMaxcheckedMessage",k),b.data("validationMaxcheckedMaxchecked",b.attr("maxchecked")))}void 0!==b.data("validation")&&(j=b.data("validation").split(",")),a.each(b.data(),function(a){var b=a.replace(/([A-Z])/g,",$1").split(",");"validation"===b[0]&&b[1]&&j.push(b[1])});var n=j,o=[];do a.each(j,function(a,b){j[a]=f(b)}),j=a.unique(j),o=[],a.each(n,function(d,e){if(void 0!==b.data("validation"+e+"Shortcut"))a.each(b.data("validation"+e+"Shortcut").split(","),function(a,b){o.push(b)});else if(c.builtInValidators[e.toLowerCase()]){var g=c.builtInValidators[e.toLowerCase()];"shortcut"===g.type.toLowerCase()&&a.each(g.shortcut.split(","),function(a,b){b=f(b),o.push(b),j.push(b)})}}),n=o;while(n.length>0);var p={};a.each(j,function(d,e){var g=b.data("validation"+e+"Message"),h=void 0!==g,i=!1;if(g=g?g:"'"+e+"' validation failed <!-- Add attribute 'data-validation-"+e.toLowerCase()+"-message' to input to change this message -->",a.each(c.validatorTypes,function(c,d){void 0===p[c]&&(p[c]=[]),i||void 0===b.data("validation"+e+f(d.name))||(p[c].push(a.extend(!0,{name:f(d.name),message:g},d.init(b,e))),i=!0)}),!i&&c.builtInValidators[e.toLowerCase()]){var j=a.extend(!0,{},c.builtInValidators[e.toLowerCase()]);h&&(j.message=g);var k=j.type.toLowerCase();"shortcut"===k?i=!0:a.each(c.validatorTypes,function(c,d){void 0===p[c]&&(p[c]=[]),i||k!==c.toLowerCase()||(b.data("validation"+e+f(d.name),j[d.name.toLowerCase()]),p[k].push(a.extend(j,d.init(b,e))),i=!0)})}i||a.error("Cannot find validation info for '"+e+"'")}),h.data("original-contents",h.data("original-contents")?h.data("original-contents"):h.html()),h.data("original-role",h.data("original-role")?h.data("original-role"):h.attr("role")),e.data("original-classes",e.data("original-clases")?e.data("original-classes"):e.attr("class")),b.data("original-aria-invalid",b.data("original-aria-invalid")?b.data("original-aria-invalid"):b.attr("aria-invalid")),b.bind("validation.validation",function(d,e){var f=g(b),h=[];return a.each(p,function(d,g){(f||f.length||e&&e.includeEmpty||c.validatorTypes[d].blockSubmit&&e&&e.submitting)&&a.each(g,function(a,e){c.validatorTypes[d].validate(b,f,e)&&h.push(e.message)})}),h}),b.bind("getValidators.validation",function(){return p}),b.bind("submit.validation",function(){return b.triggerHandler("change.validation",{submitting:!0})}),b.bind(["keyup","focus","blur","click","keydown","keypress","change"].join(".validation ")+".validation",function(d,f){var j=g(b),k=[];e.find("input,textarea,select").each(function(c,d){var e=k.length;if(a.each(a(d).triggerHandler("validation.validation",f),function(a,b){k.push(b)}),k.length>e)a(d).attr("aria-invalid","true");else{var g=b.data("original-aria-invalid");a(d).attr("aria-invalid",void 0!==g?g:!1)}}),i.find("input,select,textarea").not(b).not('[name="'+b.attr("name")+'"]').trigger("validationLostFocus.validation"),k=a.unique(k.sort()),k.length?(e.removeClass("success error").addClass("warning"),h.html(c.options.semanticallyStrict&&1===k.length?k[0]+(c.options.prependExistingHelpBlock?h.data("original-contents"):""):'<ul role="alert"><li>'+k.join("</li><li>")+"</li></ul>"+(c.options.prependExistingHelpBlock?h.data("original-contents"):""))):(e.removeClass("warning error success"),j.length>0&&e.addClass("success"),h.html(h.data("original-contents"))),"blur"===d.type&&e.removeClass("success")}),b.bind("validationLostFocus.validation",function(){e.removeClass("success")})})},destroy:function(){return this.each(function(){var b=a(this),c=b.parents(".form-group").first(),e=c.find(".help-block").first();b.unbind(".validation"),e.html(e.data("original-contents")),c.attr("class",c.data("original-classes")),b.attr("aria-invalid",b.data("original-aria-invalid")),e.attr("role",b.data("original-role")),d.indexOf(e[0])>-1&&e.remove()})},collectErrors:function(){var b={};return this.each(function(c,d){var e=a(d),f=e.attr("name"),g=e.triggerHandler("validation.validation",{includeEmpty:!0});b[f]=a.extend(!0,g,b[f])}),a.each(b,function(a,c){0===c.length&&delete b[a]}),b},hasErrors:function(){var b=[];return this.each(function(c,d){b=b.concat(a(d).triggerHandler("getValidators.validation")?a(d).triggerHandler("validation.validation",{submitting:!0}):[])}),b.length>0},override:function(b){e=a.extend(!0,e,b)}},validatorTypes:{callback:{name:"callback",init:function(a,b){return{validatorName:b,callback:a.data("validation"+b+"Callback"),lastValue:a.val(),lastValid:!0,lastFinished:!0}},validate:function(a,b,d){if(d.lastValue===b&&d.lastFinished)return!d.lastValid;if(d.lastFinished===!0){d.lastValue=b,d.lastValid=!0,d.lastFinished=!1;var e=d,f=a;c(d.callback,window,a,b,function(a){e.lastValue===a.value&&(e.lastValid=a.valid,a.message&&(e.message=a.message),e.lastFinished=!0,f.data("validation"+e.validatorName+"Message",e.message),setTimeout(function(){f.trigger("change.validation")},1))})}return!1}},ajax:{name:"ajax",init:function(a,b){return{validatorName:b,url:a.data("validation"+b+"Ajax"),lastValue:a.val(),lastValid:!0,lastFinished:!0}},validate:function(b,c,d){return""+d.lastValue==""+c&&d.lastFinished===!0?d.lastValid===!1:(d.lastFinished===!0&&(d.lastValue=c,d.lastValid=!0,d.lastFinished=!1,a.ajax({url:d.url,data:"value="+c+"&field="+b.attr("name"),dataType:"json",success:function(a){""+d.lastValue==""+a.value&&(d.lastValid=!!a.valid,a.message&&(d.message=a.message),d.lastFinished=!0,b.data("validation"+d.validatorName+"Message",d.message),setTimeout(function(){b.trigger("change.validation")},1))},failure:function(){d.lastValid=!0,d.message="ajax call failed",d.lastFinished=!0,b.data("validation"+d.validatorName+"Message",d.message),setTimeout(function(){b.trigger("change.validation")},1)}})),!1)}},regex:{name:"regex",init:function(a,c){return{regex:b(a.data("validation"+c+"Regex"))}},validate:function(a,b,c){return!c.regex.test(b)&&!c.negative||c.regex.test(b)&&c.negative}},required:{name:"required",init:function(){return{}},validate:function(a,b,c){return!(0!==b.length||c.negative)||!!(b.length>0&&c.negative)},blockSubmit:!0},match:{name:"match",init:function(a,b){var c=a.parents("form").first().find('[name="'+a.data("validation"+b+"Match")+'"]').first();return c.bind("validation.validation",function(){a.trigger("change.validation",{submitting:!0})}),{element:c}},validate:function(a,b,c){return b!==c.element.val()&&!c.negative||b===c.element.val()&&c.negative},blockSubmit:!0},max:{name:"max",init:function(a,b){return{max:a.data("validation"+b+"Max")}},validate:function(a,b,c){return parseFloat(b,10)>parseFloat(c.max,10)&&!c.negative||parseFloat(b,10)<=parseFloat(c.max,10)&&c.negative}},min:{name:"min",init:function(a,b){return{min:a.data("validation"+b+"Min")}},validate:function(a,b,c){return parseFloat(b)<parseFloat(c.min)&&!c.negative||parseFloat(b)>=parseFloat(c.min)&&c.negative}},maxlength:{name:"maxlength",init:function(a,b){return{maxlength:a.data("validation"+b+"Maxlength")}},validate:function(a,b,c){return b.length>c.maxlength&&!c.negative||b.length<=c.maxlength&&c.negative}},minlength:{name:"minlength",init:function(a,b){return{minlength:a.data("validation"+b+"Minlength")}},validate:function(a,b,c){return b.length<c.minlength&&!c.negative||b.length>=c.minlength&&c.negative}},maxchecked:{name:"maxchecked",init:function(a,b){var c=a.parents("form").first().find('[name="'+a.attr("name")+'"]');return c.bind("click.validation",function(){a.trigger("change.validation",{includeEmpty:!0})}),{maxchecked:a.data("validation"+b+"Maxchecked"),elements:c}},validate:function(a,b,c){return c.elements.filter(":checked").length>c.maxchecked&&!c.negative||c.elements.filter(":checked").length<=c.maxchecked&&c.negative},blockSubmit:!0},minchecked:{name:"minchecked",init:function(a,b){var c=a.parents("form").first().find('[name="'+a.attr("name")+'"]');return c.bind("click.validation",function(){a.trigger("change.validation",{includeEmpty:!0})}),{minchecked:a.data("validation"+b+"Minchecked"),elements:c}},validate:function(a,b,c){return c.elements.filter(":checked").length<c.minchecked&&!c.negative||c.elements.filter(":checked").length>=c.minchecked&&c.negative},blockSubmit:!0}},builtInValidators:{email:{name:"Email",type:"shortcut",shortcut:"validemail"},validemail:{name:"Validemail",type:"regex",regex:"[A-Za-z0-9._%+-]+@[A-Za-z0-9.-]+\\.[A-Za-z]{2,4}",message:"Not a valid email address<!-- data-validator-validemail-message to override -->"},passwordagain:{name:"Passwordagain",type:"match",match:"password",message:"Does not match the given password<!-- data-validator-paswordagain-message to override -->"},positive:{name:"Positive",type:"shortcut",shortcut:"number,positivenumber"},negative:{name:"Negative",type:"shortcut",shortcut:"number,negativenumber"},number:{name:"Number",type:"regex",regex:"([+-]?\\d+(\\.\\d*)?([eE][+-]?[0-9]+)?)?",message:"Must be a number<!-- data-validator-number-message to override -->"},integer:{name:"Integer",type:"regex",regex:"[+-]?\\d+",message:"No decimal places allowed<!-- data-validator-integer-message to override -->"},positivenumber:{name:"Positivenumber",type:"min",min:0,message:"Must be a positive number<!-- data-validator-positivenumber-message to override -->"},negativenumber:{name:"Negativenumber",type:"max",max:0,message:"Must be a negative number<!-- data-validator-negativenumber-message to override -->"},required:{name:"Required",type:"required",message:"This is required<!-- data-validator-required-message to override -->"},checkone:{name:"Checkone",type:"minchecked",minchecked:1,message:"Check at least one option<!-- data-validation-checkone-message to override -->"}}},f=function(a){return a.toLowerCase().replace(/(^|\s)([a-z])/g,function(a,b,c){return b+c.toUpperCase()})},g=function(b){var c=b.val(),d=b.attr("type");return"checkbox"===d&&(c=b.is(":checked")?c:""),"radio"===d&&(c=a('input[name="'+b.attr("name")+'"]:checked').length>0?c:""),c};a.fn.jqBootstrapValidation=function(b){return e.methods[b]?e.methods[b].apply(this,Array.prototype.slice.call(arguments,1)):"object"!=typeof b&&b?(a.error("Method "+b+" does not exist on jQuery.jqBootstrapValidation"),null):e.methods.init.apply(this,arguments)},a.jqBootstrapValidation=function(){a(":input").not("[type=image],[type=submit]").jqBootstrapValidation.apply(this,arguments)}}(jQuery),$(function(){$("body").on("input propertychange",".floating-label-form-group",function(a){$(this).toggleClass("floating-label-form-group-with-value",!!$(a.target).val())}).on("focus",".floating-label-form-group",function(){$(this).addClass("floating-label-form-group-with-focus")}).on("blur",".floating-label-form-group",function(){$(this).removeClass("floating-label-form-group-with-focus")})}),jQuery(document).ready(function(a){var b=1170;if(a(window).width()>b){var c=a(".navbar-custom").height();a(window).on("scroll",{previousTop:0},function(){var b=a(window).scrollTop();b<this.previousTop?b>0&&a(".navbar-custom").hasClass("is-fixed")?a(".navbar-custom").addClass("is-visible"):a(".navbar-custom").removeClass("is-visible is-fixed"):(a(".navbar-custom").removeClass("is-visible"),b>c&&!a(".navbar-custom").hasClass("is-fixed")&&a(".navbar-custom").addClass("is-fixed")),this.previousTop=b})}});


--------------------------------------------------------------------------------
/routes.js:
--------------------------------------------------------------------------------
 1 | // routes.js
 2 | import React from 'react'
 3 | import { Route, IndexRoute } from 'react-router'
 4 | 
 5 | // Store
 6 | import AppStore from './stores/AppStore'
 7 | 
 8 | // Main component
 9 | import App from './components/App'
10 | 
11 | // Pages
12 | import Blog from './components/Pages/Blog'
13 | import Default from './components/Pages/Default'
14 | import Work from './components/Pages/Work'
15 | import NoMatch from './components/Pages/NoMatch'
16 | 
17 | export default (
18 |   <Route path="/" data={AppStore.data} component={App}>
19 |     <IndexRoute component={Blog}/>
20 |     <Route path="about" component={Default}/>
21 |     <Route path="contact" component={Default}/>
22 |     <Route path="work" component={Work}/>
23 |     <Route path="/work/:slug" component={Work}/>
24 |     <Route path="/blog/:slug" component={Blog}/>
25 |     <Route path="*" component={NoMatch}/>
26 |   </Route>
27 | )
28 | 


--------------------------------------------------------------------------------
/stores/AppStore.js:
--------------------------------------------------------------------------------
 1 | // AppStore.js
 2 | import { EventEmitter } from 'events'
 3 | import _ from 'lodash'
 4 | 
 5 | export default _.extend({}, EventEmitter.prototype, {
 6 | 
 7 |   // Initial data
 8 |   data: {
 9 |     ready: false,
10 |     globals: {},
11 |     pages: [],
12 |     item_num: 5
13 |   },
14 | 
15 |   // Emit Change event
16 |   emitChange: function(){
17 |     this.emit('change')
18 |   },
19 | 
20 |   // Add change listener
21 |   addChangeListener: function(callback){
22 |     this.on('change', callback)
23 |   },
24 | 
25 |   // Remove change listener
26 |   removeChangeListener: function(callback) {
27 |     this.removeListener('change', callback)
28 |   }
29 |   
30 | })


--------------------------------------------------------------------------------
/views/index.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 |   <meta charset="utf-8">
 5 |   <meta http-equiv="X-UA-Compatible" content="IE=edge">
 6 |   <meta name="viewport" content="width=device-width, initial-scale=1">
 7 |   <meta name="description" content="">
 8 |   <meta name="author" content="">
 9 |   <title>{{ site.title }}{{# page }} | {{ page.title }}{{/ page }}</title>
10 |   <!-- Bootstrap Core CSS -->
11 |   <link href="/css/bootstrap.min.css" rel="stylesheet">
12 |   <!-- Custom CSS -->
13 |   <link href="/css/clean-blog.min.css" rel="stylesheet">
14 |   <link href="/css/cosmic-custom.css" rel="stylesheet">
15 |   <!-- Custom Fonts -->
16 |   <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet" type="text/css">
17 |   <link href="//fonts.googleapis.com/css?family=Lora:400,700,400italic,700italic" rel="stylesheet" type="text/css">
18 |   <link href="//fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800" rel="stylesheet" type="text/css">
19 |   <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
20 |   <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
21 |   <!--[if lt IE 9]>
22 |     <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
23 |     <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
24 |   <![endif]-->
25 | </head>
26 | <body class="hidden">
27 |   <div id="app">{{{ reactMarkup }}}</div>
28 |   <script src="/js/jquery.min.js"></script>
29 |   <script src="/js/bootstrap.min.js"></script>
30 |   <script src="/js/clean-blog.min.js"></script>
31 |   <script src="/dist/bundle.js"></script>
32 | </body>
33 | </html>


--------------------------------------------------------------------------------
/webpack.config.js:
--------------------------------------------------------------------------------
 1 | // webpack.config.js
 2 | var webpack = require('webpack')
 3 | 
 4 | module.exports = {
 5 |   devtool: 'eval',
 6 |   entry: './app-client.js',
 7 |   output: {
 8 |     path: __dirname + '/public/dist',
 9 |     filename: 'bundle.js',
10 |     publicPath: '/dist/'
11 |   },
12 |   module: {
13 |     loaders: [
14 |       { test: /\.js$/, loaders: 'babel-loader', exclude: /node_modules/ },
15 |       { test: /\.jsx$/, loaders: 'babel-loader', exclude: /node_modules/ }
16 |     ]
17 |   },
18 |   plugins: [
19 |     new webpack.DefinePlugin({
20 |       'process.env.COSMIC_BUCKET': JSON.stringify(process.env.COSMIC_BUCKET),
21 |       'process.env.COSMIC_READ_KEY': JSON.stringify(process.env.COSMIC_READ_KEY),
22 |       'process.env.COSMIC_WRITE_KEY': JSON.stringify(process.env.COSMIC_WRITE_KEY)
23 |     })
24 |  ]
25 | };
26 | 


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