oncase / oncase.com.br Goto Github PK

Now, for development matters, we're writing some in-line css to the pages.

But these specific stylesheets need to live into their own files and they need to be loaded accordingly so when the view is included, the styles are already available.

Let's try to make it elegant.

We need to do a better control of jumbotron's height.

We're using vh unit and that's not an option since we want to maximize browser support.

Also, too large and too small heights this measures break the intended behavior

This need to be fixed along with the jumbotron background height styling.

They're rendered considering the initial client width;

If the window is resized to smaller sizes - no problem;

But if it's resized to bigger sizes, there's an issue.

We should add a listener to the document width to deal with this. There are tons of ways to do this in d3js

Create a view content preloader that deals with the resources and just presents the page when the content is available.

Stick to material design guidelines for the visual effects.

• Add language selection on the interface;
• Add controllers awareness of current language through a service;
• Change server.js route rewriting rules;
• Change .htaccess rewriting rules for production;
• Add angular-locale support;
• Output all possible texts to locale bundles;
• Test, test, test...

It's taking a lot of space [248px] and on smaller screens it makes a big bad difference.

We should deal with 150px at most.

We need a directive that would enable elements to animatedly show up when visible on viewport.

As we don't want to use jquery, let's search for methods of implementing this that would use, for instance, ng-view and css-animations, mixed with some view-port control that Angular would deliver.