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

longform elements, bg with a frame

Browse Source 
[class*="background"].frame
This commit is contained in:
José Luis Antúnez
2017-04-20 11:46:18 +02:00
committed by GitHub
parent 0db6e051de
commit d0ec93d7e4
6 changed files with 108 additions and 84 deletions
Download Patch File Download Diff File Expand all files Collapse all files

46
demos/longforms.html
View File

@@ -195,7 +195,25 @@
</figcaption>
</figure>
<p>When the sun is well above the horizon, direct scattering of sunlight (Rayleigh scattering) is the overwhelmingly dominant source of light. However, in twilight, the period of time between sunset and night and between night and sunrise, the situation is more complicated.</p>
<hr>
</div>
</section>
<section>
<div class="wrap size-80">
<h3><strong>Building a platform for storytelling</strong></h3>
<p><code>.text-cols (2 columns)</code>.</p>
<div class="text-cols">
<p>The art of narrative is, by definition, an aesthetic enterprise, and there are a number of artistic elements that typically interact in well-developed stories.</p>
<p>Human knowledge is based on stories and the human brain consists of cognitive machinery necessary to understand, remember and tell stories.</p>
<p>Humans are storytelling organisms that both individually and socially, lead storied lives. Stories mirror human thought as humans think in narrative structures and most often remember facts in story form. </p>
<p>Facts can be understood as smaller versions of a larger story, thus storytelling can supplement analytical thinking. Because storytelling requires auditory and visual senses from listeners, one can learn to organize their mental representation of a story, recognize structure of language and express his or her thoughts.</p>
<h4><strong>Stories with karma</strong></h4>
<p>For many multi-media communication complex institutions, communicating by using storytelling techniques can be a more compelling and effective route of delivering information than that of using only dry facts. Uses include:</p>
</div>
</div>
<!-- .end .wrap -->
</section>
<section class="bg-white">
<div class="wrap longform">
<h1>Heading one</h1>
<h2>Heading two</h2>
<h3>Heading three</h3>
@@ -283,7 +301,7 @@
<p>Storytelling is increasingly used in advertising today in order to build customer loyalty. According to Giles Lury, this marketing trend echoes the deeply rooted need of all humans to be entertained. Stories are illustrative, easily memorable and allow any firm to create stronger emotional bonds with the customers.</p>
<p>A Nielsen study shows consumers want a more personal connection in the way they gather information. Our brains are far more engaged by storytelling than by cold, hard facts. When reading straight data, only the language parts of our brains work to decode the meaning. But when we read a story, not only do the language parts of our brains light up, but any other part of the brain that we would use if we were actually experiencing what we're reading about becomes activated as well. This means it's far easier for us to remember stories than hard facts.</p>
<blockquote class="text-quote">
<p>Leadership is not bullying and leadership is not aggression. Leadership is the expectation that you can use your voice for good. That you can make the world a better place. </p>
<p>Leadership is not bullying and leadership is not aggression. Leadership is the expectation that you can use your voice for good. That you can make the world a better place.</p>
<p><cite>Sheryl Sandberg.</cite></p>
</blockquote>
<p>Storytelling is a means for sharing and interpreting experiences. Peter L. Berger says human life is narratively rooted, humans construct their lives and shape their world into homes in terms of these groundings and memories. <strong>Stories are universal in that they can bridge cultural, linguistic and age-related divides</strong>. Storytelling can be adaptive for all ages, leaving out the notion of age segregation.
@@ -333,27 +351,27 @@
<div class="column">
<h3>Company</h3>
<ul>
<li><a href="">About</a></li>
<li><a href="">Team</a></li>
<li><a href="">Blog</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Team</a></li>
<li><a href="#">Blog</a></li>
</ul>
</div>
<!-- .end .column -->
<div class="column">
<h3>Support</h3>
<ul>
<li><a href="">Shipping &amp; Returns</a></li>
<li><a href="">FAQ</a></li>
<li><a href="">Contact</a></li>
<li><a href="#">Shipping &amp; Returns</a></li>
<li><a href="#">FAQ</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>
<!-- .end .column -->
<div class="column">
<h3>Legal</h3>
<ul>
<li><a href="">Terms of Service</a></li>
<li><a href="">Privacy Policy</a></li>
<li><a href="">Cookies</a></li>
<li><a href="#">Terms of Service</a></li>
<li><a href="#">Privacy Policy</a></li>
<li><a href="#">Cookies</a></li>
</ul>
</div>
<!-- .end .column -->
@@ -361,7 +379,7 @@
<h3>Community</h3>
<ul>
<li>
<a href="">
<a href="#">
<svg class="fa-facebook">
<use xlink:href="#fa-facebook"></use>
</svg>
@@ -369,7 +387,7 @@
</a>
</li>
<li>
<a href="">
<a href="#">
<svg class="fa-youtube">
<use xlink:href="#fa-youtube"></use>
</svg>
@@ -377,7 +395,7 @@
</a>
</li>
<li>
<a href="">
<a href="#">
<svg class="fa-twitter">
<use xlink:href="#fa-twitter"></use>
</svg>