mirror/webslides
1
0
Fork 0
mirror of https://github.com/webslides/WebSlides.git synced 2025-08-19 11:21:20 +02:00
Code Issues Releases Wiki Activity

new demo: netflix culture, more video examples...

Browse Source
This commit is contained in:
José Luis Antúnez
2017-04-11 19:39:17 +02:00
committed by GitHub
parent 38a061d6d1
commit c8603a1830
11 changed files with 685 additions and 175 deletions
Download Patch File Download Diff File Expand all files Collapse all files

61
demos/longforms.html
View File

@@ -12,7 +12,7 @@
https://github.com/webslides/webslides
Thanks!
-->
-->
<!-- SEO -->
<title>WebSlides Demo: Longforms</title>
@@ -20,38 +20,58 @@
<!-- URL CANONICAL -->
<!-- <link rel="canonical" href="http://your-url.com/permalink"> -->
<!-- Google Fonts -->
<link href="https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,700,700i%7CMaitree:200,300,400,600,700&amp;subset=latin-ext" rel="stylesheet">
<!-- CSS Base -->
<link rel="stylesheet" type="text/css" media="all" href="../static/css/base.css">
<!-- CSS Colors -->
<link rel="stylesheet" type="text/css" media="all" href="../static/css/colors.css">
<!-- Optional - CSS SVG Icons (Font Awesome) -->
<link rel="stylesheet" type="text/css" media="all" href="../static/css/svg-icons.css">
<!-- SOCIAL CARDS (ADD YOUR INFO) -->
<!-- FACEBOOK -->
<meta property="og:url" content="https://webslides.tv/demos/why-webslides"> <!-- EDIT -->
<meta property="og:url" content="https://webslides.tv/demos/why-webslides">
<!-- EDIT -->
<meta property="og:type" content="article">
<meta property="og:title" content="WebSlides Demo: Longforms" /> <!-- EDIT -->
<meta property="og:description" content="Create longform articles with ease. Just the essentials."> <!-- EDIT -->
<meta property="og:updated_time" content="2017-03-28T18:24:48"> <!-- EDIT -->
<meta property="og:image" content="../static/images/share-webslides.jpg" > <!-- EDIT -->
<meta property="og:title" content="WebSlides Demo: Longforms" />
<!-- EDIT -->
<meta property="og:description" content="Create longform articles with ease. Just the essentials.">
<!-- EDIT -->
<meta property="og:updated_time" content="2017-03-28T18:24:48">
<!-- EDIT -->
<meta property="og:image" content="../static/images/share-webslides.jpg" >
<!-- EDIT -->
<meta property="og:image:width" content="800">
<meta property="og:image:height" content="429">
<!-- TWITTER -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@webslides"> <!-- EDIT -->
<meta name="twitter:creator" content="@jlantunez"> <!-- EDIT -->
<meta name="twitter:title" content="WebSlides Demo: Longforms"> <!-- EDIT -->
<meta name="twitter:description" content="Create longform articles with ease. Just the essentials."> <!-- EDIT -->
<meta name="twitter:image" content="../static/images/share-webslides.jpg"> <!-- EDIT -->
<meta name="twitter:site" content="@webslides">
<!-- EDIT -->
<meta name="twitter:creator" content="@jlantunez">
<!-- EDIT -->
<meta name="twitter:title" content="WebSlides Demo: Longforms">
<!-- EDIT -->
<meta name="twitter:description" content="Create longform articles with ease. Just the essentials.">
<!-- EDIT -->
<meta name="twitter:image" content="../static/images/share-webslides.jpg">
<!-- EDIT -->
<!-- FAVICONS -->
<link rel="shortcut icon" sizes="16x16" href="../static/images/favicons/favicon.png">
@@ -65,6 +85,7 @@
<!-- Android -->
<meta name="mobile-web-app-capable" content="yes">
<meta name="theme-color" content="#333333">
</head>
<body>
<header role="banner">
@@ -91,10 +112,8 @@
</ul>
</nav>
</header>
<main role="main">
<article>
<section>
<!-- Overlay/Opacity: [class*="bg-"] > .background.dark or .light -->
<span class="background-bottom" style="background-image:url('https://webslides.tv/static/images/nyc.jpg')"></span>
@@ -120,7 +139,7 @@
<!--.wrap.longform (width:72rem=720px) = Better reading experience (90-95 characters per line) -->
<div class="wrap longform">
<h2><strong>The Art of Storytelling</strong></h2>
<p><a href="https://twitter.com/webslides" title="David Yang"><img class="avatar-40" src="../static/images/avatar.jpg" alt="David Yang"></a> Nov 16th, 2032.</p>
<p><a href="https://twitter.com/webslides" title="David Yang"><img class="avatar-40" src="../static/images/avatar.jpg" alt="David Yang"></a> David Yang. Nov 16th, 2032.</p>
<p class="text-intro">
WebSlides want to help tell stories that are meaningful. All content is for demo purposes only.
</p>
@@ -303,9 +322,11 @@
</div>
<!-- .end .wrap -->
</section>
</article>
</main>
<!--main-->
<footer role="contentinfo">
<div class="wrap">
<div class="grid">
@@ -374,6 +395,6 @@
<!-- OPTIONAL - svg-icons.js (fontastic.me - Font Awesome as svg icons) -->
<script defer src="../static/js/svg-icons.js"></script>
</body>
</html>