Merge feature branch 0.7.0/master

.gitattributes

@@ -0,0 +1,4 @@
+src/css/spotlight.css -linguist-detectable
+index.html -linguist-detectable
+demo/** -linguist-detectable
+dist/** -linguist-detectable

README.md

@@ -1,4 +1,4 @@
-<h1><img src="https://cdn.jsdelivr.net/gh/nextapps-de/spotlight@master/readme/spotlight.svg" alt="Spotlight.js: Modern HTML5 Image Gallery" width="50%"></h1>
+<h1><img src="https://cdn.jsdelivr.net/gh/nextapps-de/spotlight@master/demo/spotlight.svg" alt="Spotlight.js: Modern HTML5 Gallery for Images, Videos and Media" width="100%"></h1>
 <h3>Web's most easy to integrate lightbox gallery library. Super-lightweight, outstanding performance, no dependencies.</h3>
 
 <a target="_blank" href="https://www.npmjs.com/package/spotlight.js"><img src="https://img.shields.io/npm/v/spotlight.js.svg"></a>

demo/style.css

@@ -6,22 +6,27 @@ html, body{
     border: 0;
     font-family: Aral, Helvetica, sans-serif;
     text-align: center;
+    -webkit-tap-highlight-color: rgba(0,0,0,0);
 }
-a{
+a, b{
     display: inline-block;
+    color: #6c757d;
+    text-decoration: none;
+    font-weight: 600;
 }
 b{
-    display: block;
     padding: 10px;
 }
 button{
     padding: 5px 10px;
 }
 img,
 .image{
-    width: 30vw;
+    width: 29vw;
+    height: auto;
     max-width: 300px;
-    margin: 1vh 1vw;
+    margin: 1vmin 1vmin;
+    content-visibility: auto;
 }
 .image{
     display: inline-block;
@@ -31,6 +36,37 @@ img,
     background-repeat: no-repeat;
     background-size: cover;
 }
+/*
+video{
+    object-fit: cover;
+}
+*/
 .spotlight.image{
     cursor: pointer;
+}
+hr{
+    border: 0;
+    border-bottom: 1px solid #ccc;
+    margin-bottom: 20px;
+    padding-top: 20px;
+}
+h1 img{
+    width: 400px;
+    max-width: 61.8vw;
+}
+label{
+    display: inline-block;
+    padding: 5px 10px;
+    margin-bottom: 5px;
+    border: 1px solid #ddd;
+    background: #f5f5f5;
+    font-size: 12px;
+    line-height: 20px;
+    vertical-align: middle;
+    cursor: pointer;
+    border-radius: 5px;
+}
+label input{
+    float: left;
+    margin-right: 10px;
 }