Add static documentation.

Author: ioquatix

docs/.nojekyll

@@ -0,0 +1,23 @@
+
+.litebox.overlay {
+	background: rgba(0, 0, 0, 0.96);
+	position: fixed;
+	top: 0;
+	left: 0;
+	height: 100%;
+	width: 100%;
+	z-index: 10;
+	
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	
+	box-sizing: border-box;
+	padding: 1em;
+}
+
+.litebox.overlay img {
+	flex-shrink: 1;
+	max-width: 100%;
+	max-height: 100%;
+}

docs/_components/jquery-litebox/jquery.litebox.css

@@ -0,0 +1,48 @@
+
+.gallery {
+	padding: 0.5rem;
+	
+	display: flex;
+	flex-flow: row wrap;
+	align-items: center;
+	justify-content: center;
+}
+
+.gallery figure {
+	margin: 1rem;
+	
+	background-color: rgb(250, 250, 250);
+	box-shadow: 0 0 1rem rgba(0, 0, 0, 0.2);
+	
+	/* This ensures that our figures never grow bigger than desired. */
+	flex-basis: 400px;
+}
+
+.gallery figure a {
+	display: block;
+	margin: 0.5rem;
+}
+
+.gallery img {
+	border: none;
+	display: block;
+	
+	width: 100%;
+}
+
+.gallery figcaption {
+	display: block;
+	margin: 0.5rem;
+	
+	font-size: 1rem;
+	text-align: center;
+	
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	
+	/* The figure caption should have a minimum height, if there are multiple
+	lines of caption, the total size of the figure is likely to be the same as
+	others. */
+	min-height: 4rem;
+}

docs/_components/jquery-litebox/jquery.litebox.gallery.css

@@ -0,0 +1,30 @@
+
+(function ($, undefined) {
+	function showImage(element, overlay) {
+		if (element.href) {
+			var image = new Image();
+			image.src = element.href;
+			overlay.append(image);
+		}
+	}
+	
+	$.fn.litebox = function(callback) {
+		callback = callback || showImage;
+		
+		this.on('click', function() {
+			var overlay = $('<div class="litebox overlay"></div>');
+			
+			overlay.on('click', function() {
+				overlay.remove();
+				$('body').css('overflow', 'auto');
+			});
+			
+			callback(this, overlay);
+			
+			$('body').css('overflow', 'hidden');
+			$('body').append(overlay);
+			
+			return false;
+		});
+	}
+}(jQuery));

docs/_components/jquery-litebox/jquery.litebox.js

@@ -0,0 +1,12 @@
+.syntax-theme-base .apache .tag {
+  color: #00c; }
+.syntax-theme-base .apache .tag-name {
+  color: #00f; }
+.syntax-theme-base .apache .tag-name {
+  font-weight: bold; }
+
+@media (prefers-color-scheme: dark) {
+  .syntax-theme-base .apache .tag {
+    color: #6666ff; }
+  .syntax-theme-base .apache .tag-name {
+    color: #9999ff; } }

docs/_components/jquery-syntax/base/jquery.syntax.brush.apache.css

@@ -0,0 +1,5 @@
+.syntax-theme-base .applescript {
+  font-family: Geneva, Helvetica, sans-serif; }
+  .syntax-theme-base .applescript .keyword {
+    color: #00f;
+    font-weight: bold; }

docs/_components/jquery-syntax/base/jquery.syntax.brush.applescript.css

@@ -0,0 +1,8 @@
+.syntax-theme-base .assembly .register {
+  color: #3caa20;
+  font-style: italic; }
+.syntax-theme-base .assembly .label {
+  font-weight: bold;
+  color: #2a85b3; }
+.syntax-theme-base .assembly .directive {
+  color: #828a3d; }

docs/_components/jquery-syntax/base/jquery.syntax.brush.assembly.css

@@ -0,0 +1,4 @@
+.syntax-theme-base .bash-script .option {
+  color: #03f; }
+.syntax-theme-base .bash-script .env {
+  font-style: italic; }

docs/_components/jquery-syntax/base/jquery.syntax.brush.bash-script.css

@@ -0,0 +1,2 @@
+.syntax-theme-base .bash .stderr {
+  color: red; }

docs/_components/jquery-syntax/base/jquery.syntax.brush.bash.css

@@ -0,0 +1,6 @@
+.syntax-theme-base .preprocessor {
+  color: #63381f; }
+
+@media (prefers-color-scheme: dark) {
+  .syntax-theme-base .preprocessor {
+    color: #c97e52; } }