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

.tabs removed

Browse Source
This commit is contained in:
José Luis Antúnez
2017-02-11 16:55:22 +01:00
committed by GitHub
parent d56448431d
commit 5c1dcdb0fb
1 changed files with 6 additions and 73 deletions
Download Patch File Download Diff File Expand all files Collapse all files

79
demos/components.html
View File

@@ -319,11 +319,7 @@
<section>
<div class="wrap">
<h1>Navigation</h1>
<ul class="tabs">
<li class="tab current" data-tab="tab-1">ul.tabs</li>
<li class="tab" data-tab="tab-2">columns</li>
</ul>
<div id="tab-1" class="tab-content current">
<nav role="navigation">
<ul>
<li><a href="">About</a></li>
@@ -372,9 +368,8 @@
</ul>
</nav>
<p>nav.navbar</p>
</div>
<!-- end .tab-content -->
<div id="tab-2" class="tab-content">
<hr>
<div class="grid">
<div class="column">
<h3>Company</h3>
@@ -435,8 +430,6 @@
<!-- .end .column -->
</div>
<!-- .end .grid -->
</div>
<!-- end .tab-content -->
</div>
<!-- .end .wrap -->
</section>
@@ -1803,49 +1796,8 @@
<section class="aligncenter">
<!--.wrap = container 1200px -->
<div class="wrap">
<div id="tab-3" class="tab-content current">
<h1 class="text-landing">Tell a Story</h1>
<p class="text-intro"><strong>Hi, this is WebSlides</strong>. HTML presentations made simple. <br>I'm a cute solution with clean markup and <strong>lovely CSS</strong>.</p>
</div>
<div id="tab-4" class="tab-content">
<ul class="flexblock features">
<li>
<div>
<svg class="fa-heart-o">
<use xlink:href="#fa-heart-o"></use>
</svg>
<h2>Indexed content</h2>
Sharing is caring.
</div>
</li>
<li>
<div>
<h2>
<svg class="fa-magic">
<use xlink:href="#fa-magic"></use>
</svg>
Just essential features
</h2>
Keyboard navigation...
</div>
</li>
<li>
<div>
<svg class="fa-bolt">
<use xlink:href="#fa-bolt"></use>
</svg>
<h2>
Prototype faster
</h2>
with clean code
</div>
</li>
</ul>
</div>
<ul class="tabs">
<li class="tab current" data-tab="tab-3">Purpose</li>
<li class="tab" data-tab="tab-4">Benefits</li>
</ul>
<h1 class="text-landing">Tell a Story</h1>
<p class="text-intro"><strong>Hi, this is WebSlides</strong>. HTML presentations made simple. <br>I'm a cute solution with clean markup and <strong>lovely CSS</strong>.</p>
</div>
</section>
<section class="bg-black aligncenter">
@@ -3134,26 +3086,7 @@
<script defer src="../static/js/svg-icons.js"></script>
<script type="text/javascript">
var slide = jQuery('#webslides').webslides();
jQuery(document).ready(function($){
// Tabs
jQuery('ul.tabs li').click(function(){
var $this = jQuery(this);
var tab_id = $this.attr('data-tab');
jQuery('ul.tabs li').removeClass('current');
jQuery('.tab-content').removeClass('current');
$this.addClass('current');
jQuery("#"+tab_id).addClass('current');
});
});
// Prototype better, faster. To show the grid/baseline.png, press Enter on keyboard
jQuery(document).keypress(function(e) {
if(e.which == 13) {
jQuery('body').toggleClass('baseline').css('height', $(document).height());
}
});
</script>
</body>
</html>