mirror/webslides
1
0
Fork 0
mirror of https://github.com/webslides/WebSlides.git synced 2025-09-01 01:01:47 +02:00
Code Issues Releases Wiki Activity

updating demos

Browse Source
This commit is contained in:
José Luis Antúnez
2017-04-03 19:51:33 +02:00
committed by GitHub
parent c8e2e02830
commit da783659d7
4 changed files with 175 additions and 136 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
demos/index.html
View File

@@ -92,7 +92,7 @@
</header>
<main role="main">
<article id="webslides"> <!-- Slideshow? id="webslides" -->
<article> <!-- Slideshow? id="webslides" -->
<!-- Quick Guide
- Each parent <section> in the <article id="webslides"> element is an individual slide.
@@ -121,7 +121,7 @@
<img alt="Thumbnail Why WebSlides?" src="https://webslides.tv/static/images/demos-why.png">
<figcaption>
<h2>Why WebSlides?</h2>
<time datetime="2017-12-08T21:21:44-05:00">Jan 08, 2017</time>
<time datetime="2017-01-08T16:21:44-08:00">Jan 08, 2017</time>
</figcaption>
</figure>
</a>
@@ -132,7 +132,7 @@
<img alt="Thumbnail Landings" src="https://webslides.tv/static/images/demos-landings.png">
<figcaption>
<h2>Landings</h2>
<time datetime="2017-01-07T19:21:26-05:00">Jan 07, 2017</time>
<time datetime="2017-01-07T19:21:26-08:00">Jan 07, 2017</time>
</figcaption>
</figure>
</a>
@@ -143,7 +143,7 @@
<img alt="Thumbnail Portfolios" src="https://webslides.tv/static/images/demos-portfolios.png">
<figcaption>
<h2>Portfolios</h2>
<time datetime="2017-01-06T21:22:21-05:00">Jan 06, 2017</time>
<time datetime="2017-01-06T21:22:21-08:00">Jan 06, 2017</time>
</figcaption>
</figure>
</a>
@@ -154,7 +154,29 @@
<img alt="Thumbnail Apple Keynote" src="https://webslides.tv/static/images/demos-apple.png">
<figcaption>
<h2>Apple Keynote</h2>
<time datetime="2017-01-05T20:13:48-05:00">Jan 05, 2017</time>
<time datetime="2017-01-05T20:13:48-08:00">Mar 04, 2017</time>
</figcaption>
</figure>
</a>
</li>
<li>
<a href="../demos/longforms.html" title="Longform Articles">
<figure>
<img alt="Thumbnail Apple Keynote" src="https://webslides.tv/static/images/demos-longform.png">
<figcaption>
<h2>Apple Keynote</h2>
<time datetime="2017-04-02T20:16:48-08:00">Mar 03, 2017</time>
</figcaption>
</figure>
</a>
</li>
<li>
<a href="../demos/interviews.html" title="Interviews">
<figure>
<img alt="Thumbnail Apple Keynote" src="https://webslides.tv/static/images/demos-interviews.png">
<figcaption>
<h2>Apple Keynote</h2>
<time datetime="2017-04-04T20:08:24-12:00">Jan 05, 2017</time>
</figcaption>
</figure>
</a>
@@ -167,7 +189,7 @@
<!--.wrap = container (width: 90%) with fadein animation -->
<div class="wrap">
<h2 class="aligncenter">General Questions</h2>
<p class="aligncenter">WebSlides Documentation: <a href="../demos/components.html" title="WebSlides Components">Components</a> &middot; <a href="../demos/classes.html" title="WebSlides Classes">Classes</a>.</p>
<p class="aligncenter">WebSlides Documentation: <a href="../demos/components.html" title="WebSlides Components">Components</a> &middot; <a href="../demos/classes.html" title="WebSlides Classes">Classes</a> &middot; <a href="../demos/media.html" title="WebSlides Media">Media</a>.</p>
<div class="grid">
<div class="column">
<h6>Why WebSlides? Good karma</h6>
@@ -182,7 +204,7 @@
<!-- end .column -->
<div class="column">
<h6>What can you do with WebSlides?</h6>
<p>WebSlides is a cute solution for making HTML presentations, landings, and portfolios. <a href="../demos/components.html#slide=15">Put content wherever you want</a>, add <a href="../demos/components.html#slide=98">background images</a>, <a href="../demos/components.html#slide=101">videos</a>...
<p>WebSlides is a cute solution for making HTML presentations, landings, and portfolios. <a href="../demos/components.html#slide=15">Put content wherever you want</a>, add <a href="../demos/media.html#slide=2">background images, videos</a>...
</p>
<h6>How easy is WebSlides?</h6>
<p>You can create your own presentation instantly. Just a basic knowledge of HTML and CSS is required. Simply choose a demo and customize it.</p>