can a SEO-effective splash screen be made out of Angular's conventional `index.html`? about unicorn-whale HOT 7 CLOSED

using https://github.com/material-components/material-components-web or some ASP.NET Core equivalent to keep the look and feel looks like the way to go

according to Google, ‘some ASP.NET Core equivalent’ is https://github.com/evilz/MDL-TagHelpers

what is great about ASP.NET Tag Helpers is the possibility that they work with plain HTML (while HTML Helpers are designed to work with plain C#)

from unicorn-whale.

ng generate app seo-splash --skip-tests --style=scss --dry-run

from unicorn-whale.

messed about with this: https://www.impressivewebs.com/animate-display-block-none/

from unicorn-whale.

these are the Material pieces needed:

• https://github.com/material-components/material-components-web/tree/master/packages/mdc-typography
• https://github.com/material-components/material-components-web/tree/master/packages/mdc-layout-grid
• https://github.com/material-components/material-components-web/tree/master/packages/mdc-elevation
  or
• https://github.com/material-components/material-components-web/tree/master/packages/mdc-dialog
  or
• https://github.com/material-components/material-components-web/tree/master/packages/mdc-card

from unicorn-whale.

this is very nice:

this should be added to songhay-core:

const timeout = (ms: number) => {
  return new Promise(resolve => setTimeout(resolve, ms));
};

i am not the first to need async lifecycle hooks: angular/angular#17420

from unicorn-whale.

lipstick 💄 on the pig 🐷 so far:

from unicorn-whale.

this installation is not working with a nrwl projects format:

npm install --save @material/feature-targeting @material/animation @material/typography @material/dialog

👀 material-components/material-components-web#3985

i will avoid fighting this out and see how things go in an Angular 7 project

from unicorn-whale.