actorapp · Feb 15, 2014
diff --git a/‎css/demo.css
-33 b/‎css/demo.css
-33
diff --git a/‎css/demo.scss
-37 b/‎css/demo.scss
-37
diff --git a/‎css/lightbox.min.css ‎demo/css/lightbox.min.css b/‎css/lightbox.min.css ‎demo/css/lightbox.min.css
diff --git a/‎img/lightbox/1.jpg ‎demo/img/lightbox/1.jpg b/‎img/lightbox/1.jpg ‎demo/img/lightbox/1.jpg
diff --git a/‎img/lightbox/2.jpg ‎demo/img/lightbox/2.jpg b/‎img/lightbox/2.jpg ‎demo/img/lightbox/2.jpg
diff --git a/‎img/lightbox/3-big.jpg ‎demo/img/lightbox/3-big.jpg b/‎img/lightbox/3-big.jpg ‎demo/img/lightbox/3-big.jpg
diff --git a/‎img/lightbox/3-small.jpg ‎demo/img/lightbox/3-small.jpg b/‎img/lightbox/3-small.jpg ‎demo/img/lightbox/3-small.jpg
diff --git a/‎img/lightbox/4-big.jpg ‎demo/img/lightbox/4-big.jpg b/‎img/lightbox/4-big.jpg ‎demo/img/lightbox/4-big.jpg
diff --git a/‎img/lightbox/4-small.jpg ‎demo/img/lightbox/4-small.jpg b/‎img/lightbox/4-small.jpg ‎demo/img/lightbox/4-small.jpg
diff --git a/‎img/trans-bck.png ‎demo/img/trans-bck.png b/‎img/trans-bck.png ‎demo/img/trans-bck.png
diff --git a/‎index.html ‎demo/index.html
+43-9 b/‎index.html ‎demo/index.html
+43-9
diff --git a/‎js/lightbox.min.js ‎demo/js/lightbox.min.js b/‎js/lightbox.min.js ‎demo/js/lightbox.min.js
diff --git a/‎css/lightbox.css ‎dev/css/lightbox.css b/‎css/lightbox.css ‎dev/css/lightbox.css
diff --git a/‎dev/css/lightbox.min.css
+1 b/‎dev/css/lightbox.min.css
+1
diff --git a/‎css/lightbox.scss ‎dev/css/lightbox.scss b/‎css/lightbox.scss ‎dev/css/lightbox.scss
diff --git a/‎dev/img/lightbox/1.jpg
231 KB b/‎dev/img/lightbox/1.jpg
231 KB
diff --git a/‎dev/img/lightbox/2.jpg
475 KB b/‎dev/img/lightbox/2.jpg
475 KB
diff --git a/‎dev/img/lightbox/3-big.jpg
115 KB b/‎dev/img/lightbox/3-big.jpg
115 KB
diff --git a/‎dev/img/lightbox/3-small.jpg
9.56 KB b/‎dev/img/lightbox/3-small.jpg
9.56 KB
diff --git a/‎dev/img/lightbox/4-big.jpg
111 KB b/‎dev/img/lightbox/4-big.jpg
111 KB
diff --git a/‎dev/img/lightbox/4-small.jpg
11.8 KB b/‎dev/img/lightbox/4-small.jpg
11.8 KB
diff --git a/‎dev/img/trans-bck.png
935 Bytes b/‎dev/img/trans-bck.png
935 Bytes
diff --git a/‎js/lightbox.js ‎dev/js/lightbox.js b/‎js/lightbox.js ‎dev/js/lightbox.js
diff --git a/‎dev/js/lightbox.min.js
+1 b/‎dev/js/lightbox.min.js
+1
diff --git a/‎js/html5shiv.min.js
-11 b/‎js/html5shiv.min.js
-11
diff --git a/‎js/respond.min.js
-5 b/‎js/respond.min.js
-5
diff --git a/‎src/css/lightbox.min.css
+1 b/‎src/css/lightbox.min.css
+1
diff --git a/‎src/img/trans-bck.png
935 Bytes b/‎src/img/trans-bck.png
935 Bytes
diff --git a/‎src/js/lightbox.min.js
+1 b/‎src/js/lightbox.min.js
+1
@@ -3,17 +3,51 @@
 <head>
 	<meta charset="utf-8">
 	<title>jsOnlyLightbox</title>
-	<meta name="keywords" content="">
-	<meta name="description" content="Felix Hagspiel is a Webdeveloper from Germany who studied computer science with a major focus on media at the Hochule der Medien in Stuttgart.">
+	<meta name="keywords" content="lightbox showbox picture box javascript js only">
+	<meta name="description" content="Responsive Lightbox written in plain JavaScript. No jQuery needed, fully responsive, customizable, lightweight, IE8+ supported.">
 	<meta name="author" content="Felix Hagspiel">
 	<meta name="viewport" content="width=device-width,initial-scale=1.0">
 	<link href='http://fonts.googleapis.com/css?family=Open+Sans:300' rel='stylesheet' type='text/css'>
-	<link rel="stylesheet" href="css/lightbox.css">
+	<link rel="stylesheet" href="css/lightbox.min.css">
 	<link rel="stylesheet" href="css/demo.css">
-	<!--[if lt IE 9]>
-	    <script src="js/html5shiv.min.js"></script>
-	    <script src="js/respond.min.js"></script>
-	<![endif]-->
+	<style>
+		body {
+			font-family: 'Open Sans', sans-serif;
+			font-weight: light;
+			color: #6c7176;
+		}
+		a {
+			text-decoration: none;
+		}
+		.section {
+			max-width: 50em;
+			margin: auto;
+			text-align: center;
+		}
+		.u-list {
+			list-style-type: none;
+			margin: 0;
+			padding: 0;
+			li {
+				margin: 0.6em 0;
+			}
+		}
+		.btn {
+			background-color: #547C85;
+			color: #fff;
+			padding: .15em .4em;
+			display: inline-block;
+			border-radius: 4px;
+			-webkit-transition: all 0.3s ease-in-out;
+			-moz-transition: all 0.3s ease-in-out;
+			-o-transition: all 0.3s ease-in-out;
+			-ms-transition: all 0.3s ease-in-out;
+			transition: all 0.3s ease-in-out;
+			&:hover {
+				color: #F1C15C;
+			}
+		}
+	</style>
 </head>
 <body id="body">
 	<div class="section">
@@ -42,10 +76,10 @@ <h2>Using smallsized pictures for thumbnails and bigsized pictures for lightbox-
 		<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 src="js/lightbox.min.js" type="text/javascript"></script>
 	<script>
 		var lightbox = new Lightbox();
-		lightbox.load({hideCloseBtn:true});
+		lightbox.load();
 	</script>
 </body>
 </html>