extended demo-markup

Author: felixhagspiel

index.html

@@ -20,28 +20,32 @@
 		<div id="meh"></div>
 		<h1>Responsive Lightbox written in plain JavaScript</h1>
 		<ul class="u-list">
-			<li>No jQuery needed</li>
-			<li>Fully responsive</li>
-			<li>Customizable</li>
-			<li>Small in Size (< 5Kb)</li>
-			<li>IE8+ Support coming</li>
+			<li><h4>No jQuery needed</h4></li>
+			<li><h4>Fully responsive</h4></li>
+			<li><h4>Customizable</h4></li>
+			<li><h4>Lightweight (< 5Kb)</h4></li>
+			<li><h4>IE8+ supported</h4></li>
+			<li><a href="" class="btn">Download minified version</a></li>
+			<li><a href="" class="btn">Download developer version</a></li>
+			<li><a href="" class="btn">Download minified version with examples</a></li>
+			<li><a href="https://github.com/felixhagspiel/jsOnlyLightbox" class="btn">View on Github</a></li>
 		</ul>
 	</div>
 	<div class="section">
-		<h2>Use bigsized pictures for thumbnail and lightbox</h2>
+		<h2>Use bigsized pictures for both thumbnail and lightbox</h2>
 		<img class="jslghtbx-thmb" src="img/lightbox/1.jpg" alt="" data-jslghtbx>
 		<img class="jslghtbx-thmb" src="img/lightbox/2.jpg" alt="" data-jslghtbx>
 	</div>
 	<div class="section">
-		<h2>Using small thumbnails and big lightbox-pictures</h2>
+		<h2>Using smallsized pictures for thumbnails and bigsized pictures for lightbox-pictures to reduce traffic</h2>
 		<img class="jslghtbx-thmb" src="img/lightbox/3-small.jpg" alt="" data-jslghtbx="img/lightbox/3-big.jpg">
 		<img class="jslghtbx-thmb" src="img/lightbox/4-small.jpg" alt="" data-jslghtbx="img/lightbox/4-big.jpg">
 	</div>
 
 	<script src="js/lightbox.js" type="text/javascript"></script>
 	<script>
 		var lightbox = new Lightbox();
-		lightbox.load();
+		lightbox.load({hideCloseBtn:true});
 	</script>
 </body>
 </html>