Skip to content

Commit 079dedd

Browse files
JohnraeJohnrae
committed
adding new sections from gh-pages
1 parent f7f93a4 commit 079dedd

File tree

2 files changed

+493
-12
lines changed

2 files changed

+493
-12
lines changed

‎app/index.html

Lines changed: 140 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -21,6 +21,7 @@
2121
</head>
2222
<body>
2323

24+
2425
<nav class="navbar navbar-fixed-top">
2526
<div class="container">
2627
<!-- Brand and toggle get grouped for better mobile display -->
@@ -31,24 +32,30 @@
3132
<span class="icon-bar"></span>
3233
<span class="icon-bar"></span>
3334
</button>
34-
<a class="navbar-brand" href="#">Turntable.js</a>
35+
<a class="navbar-brand" href="http://polarnotion.github.io/turntable/">Turntable.js</a>
3536
</div>
3637

3738
<!-- Collect the nav links, forms, and other content for toggling -->
3839
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
3940
<ul class="nav navbar-nav navbar-right">
41+
<li>
42+
<a href="https://www.producthunt.com/tech/turntable-js" target="_blank"><i class="fa fa-product-hunt"></i> Upvote</a>
43+
</li>
4044
<li>
4145
<a href="#install">Install</a>
4246
</li>
43-
<a href="https://s3.amazonaws.com/turntable-slider/Turntable.zip" class="btn btn-white-outline navbar-btn">Download</a>
47+
<a href="Turntable.zip" class="btn btn-white-outline navbar-btn">Try it!</a>
4448
</ul>
4549
</div><!-- /.navbar-collapse -->
4650
</div><!-- /.container-fluid -->
4751
</nav>
4852

49-
<header class="position-9">
53+
<header class="pad-section position-9">
5054
<div class="container">
51-
55+
<div class="container-center text-center">
56+
<h1 class="text-color">Turntable.js</h1>
57+
<p class="text-color lead">A Responsive JQuery Slider</p>
58+
</div>
5259
<div class="turntable-container">
5360
<div class="header-overlay turntable" id="turntable">
5461
<ul>
@@ -69,12 +76,6 @@
6976
</ul>
7077
</div>
7178
</div>
72-
73-
<div class="container-center text-center">
74-
<h1 class="text-color">Turntable.js</h1>
75-
<p class="text-color lead">A Responsive JQuery Slider</p>
76-
</div>
77-
7879
</div>
7980
</header>
8081

@@ -211,19 +212,133 @@ <h2 id="settings">Settings</h2>
211212
</pre>
212213
<p class="lead">The plugin will default to the X axis if no option is provided.</p>
213214
<br>
215+
216+
<h2>Feedback</h2>
217+
<div class="row">
218+
<div class="col-sm-6">
219+
<p class="lead">We've been blown away by the support this simple JQuery slider has gotten. Check out what others are saying online and join the conversation. If you've found it useful, we'd love to hear from you.</p>
220+
<p class="lead">Find us on Twitter at <a href="https://twitter.com/polarnotion" target="_blank">@polarnotion</a> or <a href="https://twitter.com/morganjlopes" target="_blank">@morganjlopes</a>. Show us what you've built with the slider.</p>
221+
</div>
222+
<div class="col-sm-6">
223+
<blockquote>
224+
"Forget that expensive 3-D rendering, just put a series of images together and you're creating a rather <em>dynamic</em> and wholly <em>immersive experience</em>."
225+
<p class="text-right">
226+
<a href="http://www.websitemagazine.com/content/blogs/posts/archive/2016/04/28/turntable-a-click-to-slide-alternative.aspx#sthash.Q9SEfAg0.gUKsIUtx.dpuf" target="_blank">- websitemagazine.com</a>
227+
</p>
228+
</blockquote>
229+
</div>
230+
</div>
231+
232+
<br>
233+
234+
<ul class="list-inline">
235+
<li>See what people are saying on:</li>
236+
<li>
237+
<a href="https://twitter.com/search?q=turntable.js" target="_blank">
238+
<i class="fa fa-twitter"></i> Twitter
239+
</a>
240+
</li>
241+
<li>
242+
<a href="https://www.facebook.com/search/top/?q=turntable.js" target="_blank">
243+
<i class="fa fa-facebook"></i> Facebook
244+
</a>
245+
</li>
246+
<li>
247+
<a href="https://www.reddit.com/r/web_design/comments/4fhx16/turntablejs_a_responsive_jquery_slider_that_will/" target="_blank">
248+
<i class="fa fa-reddit-alien"></i> Reddit
249+
</a>
250+
</li>
251+
<li>
252+
<a href="https://www.producthunt.com/tech/turntable-js" target="_blank">
253+
<i class="fa fa-product-hunt"></i> Product Hunt
254+
</a>
255+
</li>
256+
</ul>
257+
<br>
214258
<p>v 1.1</p>
215259
</div>
216260
</section>
217261

262+
<section id="subscription_footer">
263+
<style type="text/css">
264+
#subscription_footer {
265+
padding: 40px;
266+
background-color: #222;
267+
color: white;
268+
}
269+
#subscription_footer label {
270+
color: white;
271+
text-transform: uppercase;
272+
font-size: 12px;
273+
}
274+
#subscription_footer h2 {
275+
color: white;
276+
}
277+
#subscription_footer h2::after {
278+
content: " ";
279+
border-bottom: 1px solid white;
280+
width: 100px;
281+
display: block;
282+
margin-left: auto;
283+
margin-right: auto;
284+
margin-bottom: 20px;
285+
padding-bottom: 10px;
286+
}
287+
#subscription_footer .btn-white-outline.btn-lg {
288+
text-transform: uppercase;
289+
}
290+
#subscription_footer .btn-white-outline.btn-lg:hover,
291+
#subscription_footer .btn-white-outline.btn-lg:active {
292+
color: #222;
293+
text-transform: uppercase;
294+
}
295+
</style>
296+
<div class="container container-md">
297+
<h2 class="text-center">Get more free plugins.</h2>
298+
<p class="text-center text-white lead">Let us send more free stuff, right to your inbox.</p>
299+
<form class="jotform-form" action="https://submit.jotformpro.com/submit/61093322709958/" method="post" name="form_61093322709958" id="61093322709958" accept-charset="utf-8">
300+
<input type="hidden" name="formID" value="61093322709958" />
301+
<div class="form-all">
302+
<div class="form-section page-section">
303+
<!-- <div class="form-line form-group" data-type="control_textbox" id="id_4">
304+
<label class="form-label form-label-top" id="label_4" for="input_4"> Name </label>
305+
<div id="cid_4" class="form-input-wide jf-required">
306+
<input type="text" class="form-control form-textbox" data-type="input-textbox" id="input_4" name="q4_name" size="20" value="" />
307+
</div>
308+
</div> -->
309+
<div class="form-line form-group jf-required" data-type="control_email" id="id_3">
310+
<label class="form-label form-label-top" id="label_3" for="input_3"> Email <span class="form-required"> * </span></label>
311+
<div id="cid_3" class="form-input-wide jf-required">
312+
<input type="email" class="form-control form-textbox validate[required, Email]" id="input_3" name="q3_email3" size="30" value="" />
313+
</div>
314+
</div>
315+
<div class="form-line form-group text-center" data-type="control_button" id="id_2">
316+
<div id="cid_2" class="form-input-wide">
317+
<div class="form-buttons-wrapper">
318+
<button id="input_2" type="submit" class="form-submit-button btn btn-white-outline btn-lg"> Submit </button>
319+
</div>
320+
</div>
321+
</div>
322+
<div style="display:none">
323+
Should be Empty: <input type="text" name="website" value="" />
324+
</div>
325+
</div>
326+
</div>
327+
<input type="hidden" id="simple_spc" name="simple_spc" value="61093322709958" />
328+
<script type="text/javascript"> document.getElementById("si" + "mple" + "_spc").value = "61093322709958-61093322709958"; </script>
329+
</form>
330+
</div>
331+
</section>
332+
218333
<footer class="text-center">
219334
<div class="container">
220-
<iframe src="https://ghbtns.com/github-btn.html?user=polarnotion&repo=turntable&type=star&count=true" frameborder="0" scrolling="0" width="80px" height="20px"></iframe>
335+
<iframe src="https://ghbtns.com/github-btn.html?user=polarnotion&repo=turntable&type=star&count=true" frameborder="0" scrolling="0" width="120px" height="20px"></iframe>
221336
<iframe src="https://ghbtns.com/github-btn.html?user=polarnotion&type=follow&count=true&size=small" frameborder="0" scrolling="0" width="170px" height="20px"></iframe>
222337
<br>
223338
<br>
224339
<p>
225340
<a href="http://polarnotion.com/?ref=turntable" class="text-white" target="_blank">
226-
Polar Notion
341+
Built by Polar Notion
227342
<br>
228343
<em>Go Boldly Forward</em>
229344
</a>
@@ -240,5 +355,18 @@ <h2 id="settings">Settings</h2>
240355
$('#turntable2').turntable({axis: 'scroll'});
241356
</script>
242357

358+
<script>
359+
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
360+
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
361+
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
362+
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
363+
364+
ga('create', 'UA-33343564-10', 'auto');
365+
ga('send', 'pageview');
366+
367+
</script>
368+
369+
<script src="https://cdn.optimizely.com/js/2773220324.js"></script>
370+
243371
</body>
244372
</html>

0 commit comments

Comments
 (0)