|
← Revision 1 as of 2014-03-05 08:53:36
Size: 2402
Comment:
|
← Revision 2 as of 2014-03-05 08:57:04 →
Size: 2464
Comment:
|
| Deletions are marked like this. | Additions are marked like this. |
| Line 1: | Line 1: |
| We're getting close to Implementing the SplashPage efforts. | We're getting close to Implementing the SplashPage redesign efforts. |
| Line 3: | Line 3: |
| == The Code == | = The Code =; |
| Line 5: | Line 5: |
| The redesign uses a modern "Single Page App" approach to provide a rich HTML page which is augmented by logic, design and data from a ptp central server. | The redesign uses a modern [[http://en.wikipedia.org/wiki/Single-page_application|Single Page App]] approach to provide a rich HTML page which is augmented by logic, design and data from a ptp central server. |
We're getting close to Implementing the SplashPage redesign efforts.
= The Code =;
The redesign uses a modern Single Page App approach to provide a rich HTML page which is augmented by logic, design and data from a ptp central server.
There are three code repositories used, each with a separate concern...
ptp-splash-page
https://github.com/personaltelco/ptp-splash-page
Containing the HTML, javascript, css and fonts which live on the router. It makes calls to...
ptp-splash-page
https://github.com/personaltelco/ptp-splash-server
Containing the javascript, css and images which are served from a central server. It in turn gets data from...
ptp-api
https://github.com/personaltelco/ptp-api
A Nodejs server which gathers data from various sources and offers them up via a RESTFUL api.
Technologies Used
nodejs - in addition to it's role as the server for ptp-api, node is used to support the development and build environments for ptp-splash-page and ptp-splash-server
npm - node's little buddy the Node Packaged Modules tool downloads the modules for each code base and places them in node_modules
bootstrap - an HTML and CSS design framework that helps to build single page apps targeting multiple devices and screen sizes
jquery - a javascript DOM manipulation swiss army knife
fontawesome - an iconography library to add nice icons to bootstrap designs
dustjs - a handlebars style templating tool
grunt - a javascript 'task runner' to automate development chores including
- compiling templates
- combining and minifying javascript
- combining and minifying css
== How this happened ==;
In late 2012 and early 2013 BenjaminFoote (bfoote) had the idea of trying to improve the splash page. He wasn't the first and he won't be the last.
We started gathering some requirements in NewCaptivePortalFeatures and there was a review of other efforts including SplashPageRedesign NodeSplashPages MobileSplash.
Then bfoote went off and traveled for a while.
In late 2013 after returning to Portland bfoote went and started in on the redesign in earnest. It became a labor of love.