Skip to content

Commit

Permalink
demo(app): added controls to the videos elements
Browse files Browse the repository at this point in the history
  • Loading branch information
@AnthonyNahas
AnthonyNahas committed May 6, 2018
1 parent bb4d780 commit fa92e9a
Show file tree
Hide file tree
Showing 2 changed files with 38 additions and 19 deletions.
20 changes: 10 additions & 10 deletions demo/src/app/getting-started/getting-started.component.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -106,7 +106,7 @@ <h1>Getting Started</h1>
</button>
</div>
<div fxLayout="column" fxLayoutAlign="center">
<video *ngIf="true" autoplay loop>
<video *ngIf="true" controls autoplay loop>
<source
src="../../assets/tutorials/ng_g_appname2.mp4"
type="video/mp4">
Expand All @@ -116,7 +116,7 @@ <h1>Getting Started</h1>
<p>waiting......</p>
</div>

<video *ngIf="true" autoplay loop>
<video *ngIf="true" controls autoplay loop>
<source
src="../../assets/tutorials/ng_g_appname_done2.mp4"
type="video/mp4">
Expand All @@ -127,7 +127,7 @@ <h1>Getting Started</h1>
and check the project structure.</p>
</div>

<video *ngIf="true" autoplay loop>
<video *ngIf="true" controls autoplay loop>
<source
src="../../assets/tutorials/cd_angularapp.mp4"
type="video/mp4">
Expand Down Expand Up @@ -173,7 +173,7 @@ <h1>Getting Started</h1>
</button>
</div>
<div fxLayoutAlign="center">
<video *ngIf="true" autoplay loop>
<video *ngIf="true" controls autoplay loop>
<source
src="../../assets/tutorials/npm_i_material_cdk.mp4"
type="video/mp4">
Expand All @@ -199,7 +199,7 @@ <h1>Getting Started</h1>
</button>
</div>
<div fxLayoutAlign="center">
<video *ngIf="true" autoplay loop>
<video *ngIf="true" controls autoplay loop>
<source
src="../../assets/tutorials/npm_i_animations.mp4"
type="video/mp4">
Expand Down Expand Up @@ -242,7 +242,7 @@ <h1>Getting Started</h1>
</button>
</div>
<div fxLayoutAlign="center">
<video *ngIf="true" autoplay loop>
<video *ngIf="true" controls autoplay loop>
<source
src="../../assets/tutorials/import_theme.mp4"
type="video/mp4">
Expand All @@ -252,7 +252,7 @@ <h1>Getting Started</h1>
<p>Or create your own material theme and import it in the style.css file</p>
</div>
<div fxLayoutAlign="center">
<video *ngIf="true" autoplay loop>
<video *ngIf="true" controls autoplay loop>
<source
src="../../assets/tutorials/import_custom_theme.mp4"
type="video/mp4">
Expand Down Expand Up @@ -304,7 +304,7 @@ <h1>Getting Started</h1>
</button>
</div>
<div fxLayoutAlign="center">
<video *ngIf="true" autoplay loop>
<video *ngIf="true" controls autoplay loop>
<source
src="../../assets/tutorials/link_material_design_icons.mp4"
type="video/mp4">
Expand Down Expand Up @@ -378,7 +378,7 @@ <h1>Getting Started</h1>
</button>
</div>
<div fxLayoutAlign="center">
<video *ngIf="true" autoplay loop>
<video *ngIf="true" controls autoplay loop>
<source
src="../../assets/tutorials/material_design_icons_self_hosting.mp4"
type="video/mp4">
Expand Down Expand Up @@ -418,7 +418,7 @@ <h1>Getting Started</h1>
</button>
</div>
<div fxLayoutAlign="center">
<video *ngIf="true" autoplay loop>
<video *ngIf="true" controls autoplay loop>
<source
src="../../assets/tutorials/npm_i_ngx_material_password_strength.mp4"
type="video/mp4">
Expand Down
37 changes: 28 additions & 9 deletions demo/src/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -7,34 +7,53 @@
ngx-material-faq
</title>
<base href=".">
<meta name="description" content="Angular Library built with material design in order to provide a reusable faq (frequently asked questions) component for every project. Ask, Answer and List" />
<meta name="description"
content="Angular Library built with material design in order to provide a reusable faq (frequently asked questions) component for every project. Ask, Answer and List"/>

<!-- Twitter Card data -->
<meta name="twitter:card" content="summary">
<meta name="twitter:site" content="@anthonynahas">
<meta name="twitter:title" content="ngx-material-faq">
<!-- Page description less than 200 characters -->
<meta name="twitter:description" content="Angular Library built with material design in order to provide a reusable faq (frequently asked questions) component for every project. Ask, Answer and List">
<meta name="twitter:description"
content="Angular Library built with material design in order to provide a reusable faq (frequently asked questions) component for every project. Ask, Answer and List">
<meta name="twitter:creator" content="@anthonynahas">
<!-- Twitter Summary card images must be at least 120x120px -->
<meta name="twitter:image" content="https://anthonynahas.github.io/ngx-material-faq/assets/logo.svg">

<!-- Open Graph data -->
<meta property="og:title" content="ngx-material-faq" />
<meta property="og:type" content="article" />
<meta property="og:url" content="https://anthonynahas.github.io/ngx-material-faq" />
<meta property="og:image" content="https://anthonynahas.github.io/ngx-material-faq/assets/logo.svg" />
<meta property="og:description" content="Angular Library built with material design in order to provide a reusable faq (frequently asked questions) component for every project. Ask, Answer and List" />
<meta property="og:site_name" content="ngx-material-faq" />
<meta property="og:title" content="ngx-material-faq"/>
<meta property="og:type" content="article"/>
<meta property="og:url" content="https://anthonynahas.github.io/ngx-material-faq"/>
<meta property="og:image" content="https://anthonynahas.github.io/ngx-material-faq/assets/logo.svg"/>
<meta property="og:description"
content="Angular Library built with material design in order to provide a reusable faq (frequently asked questions) component for every project. Ask, Answer and List"/>
<meta property="og:site_name" content="ngx-material-faq"/>

<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<link rel="icon" type="image/x-icon" href="favicon.ico">

<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-114342493-6"></script>
<script>
window.dataLayer = window.dataLayer || [];

function gtag() {
dataLayer.push(arguments);
}

gtag('js', new Date());

gtag('config', 'UA-114342493-6');
</script>


</head>

<body>
<app-root>Loading...</app-root>
<app-root>Loading...</app-root>
</body>

</html>

0 comments on commit fa92e9a

Please sign in to comment.