gaspersic/freeCodeCamp
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Updated README regarding animate.css

Browse Source
This commit is contained in:
Sahat Yalkabov
2014-05-11 05:08:06 -04:00
parent 0b580cefef
commit 1038b9ab60
1 changed files with 4 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
README.md
View File

@ -68,7 +68,7 @@ Features
- **Local Authentication** using Email and Password - **Local Authentication** using Email and Password
- **OAuth 1.0a Authentication** via Twitter - **OAuth 1.0a Authentication** via Twitter
- **OAuth 2.0 Authentication** via Facebook, Google, GitHub, LinkedIn, Instagram - **OAuth 2.0 Authentication** via Facebook, Google, GitHub, LinkedIn, Instagram
- Flash notifications with animations by [animate.css](http://daneden.github.io/animate.css/) - Flash notifications
- MVC Project Structure - MVC Project Structure
- Node.js clusters support - Node.js clusters support
- Rails 3.1-style asset pipeline by connect-assets (See FAQ) - Rails 3.1-style asset pipeline by connect-assets (See FAQ)
@ -707,7 +707,7 @@ Flash messages have a two-step process. You use `req.flash('errors', { msg: 'Err
to create a flash message in your controllers, and then display them in your views: to create a flash message in your controllers, and then display them in your views:
```jade ```jade
if messages.errors if messages.errors
.alert.alert-danger.animated.fadeIn .alert.alert-danger.fade.in
for error in messages.errors for error in messages.errors
div= error.msg div= error.msg
``` ```
@ -742,17 +742,13 @@ req.flash('warning', { msg: 'You have exceeded 90% of your data usage' });
**User Account Page (Example)** **User Account Page (Example)**
```jade ```jade
if messages.warning if messages.warning
.alert.alert-warning.animated.fadeIn .alert.alert-warning.fade.in
for warning in messages.warning for warning in messages.warning
div= warning.msg div= warning.msg
``` ```
`partials/flash.jade` is a partial template that contains how flash messages `partials/flash.jade` is a partial template that contains how flash messages
are formatted. If you don't like the *fadeIn* animation, try something like are formatted. Previously, flash
*flipInX* (refer to [animate.css](http://daneden.github.io/animate.css/)), or just
delete `.animated.fadeIn` from alerts if you don't want any animations. Or if you
want to customize your flash messages by displaying ✔ on success flash and ✗ on error
flash, this is the place where you would do all those customizations. Previously, flash
messages were scattered throughout each view that used flash messages messages were scattered throughout each view that used flash messages
(contact, login, signup, profile), but now, thankfully it is uses a *DRY* approach. (contact, login, signup, profile), but now, thankfully it is uses a *DRY* approach.