3 files changed, 55 insertions, 4 deletions
diff --git a/share/css/main.css b/share/css/main.css
index 859bc61..6a626ff 100644
--- a/share/css/main.css
+++ b/share/css/main.css
@@ -10,8 +10,8 @@ div.image-container {
 	text-align: center;
 	font-size: 80%;
 	float: left;
-	width: /* $boxwidth */;
-	height: /* $boxheight */;
+	width: 275.0px;
+	height: 275.0px;
 }
 
 div.image-container a {
@@ -19,8 +19,23 @@ div.image-container a {
 }
 
 div.image-container img {
-	max-width: /* $imgwidth */;
-	max-height: /* $imgheight */;
+	max-width: 250px;
+	max-height: 250px;
+}
+
+div.image-page img {
+	max-width: 100%;
+}
+
+div.image-details {
+	max-width: 50em;
+	margin-top: 2em;
+	margin-left: auto;
+	margin-right: auto;
+}
+
+div.image-details th {
+	text-align: left;
 }
 
 .gslide-desc p span {
diff --git a/share/html_detail_end b/share/html_detail_end
new file mode 100644
index 0000000..308b1d0
--- /dev/null
+++ b/share/html_detail_end
@@ -0,0 +1,2 @@
+</body>
+</html>
diff --git a/share/html_detail_start b/share/html_detail_start
new file mode 100644
index 0000000..2cd32ec
--- /dev/null
+++ b/share/html_detail_start
@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<html>
+<head>
+	<title><!-- $title --></title>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1.0">
+	<link rel="stylesheet" type="text/css" href=".data/css/main.css"/>
+	<link rel="stylesheet" type="text/css" href=".data/css/light.css" id="theme"/>
+	<script>
+		function addStyleSheet(name, id) {
+			var path = '.data/css/' + name + '.css';
+			var old = document.getElementById(id);
+			if (old && (old.href != path)) {
+				old.href = path;
+			}
+		}
+		var otherTheme = {
+			'dark': 'light',
+			'light': 'dark',
+		};
+		var currentTheme = localStorage.getItem('theme');
+		if (!otherTheme.hasOwnProperty(currentTheme)) {
+			currentTheme = window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';
+		}
+		addStyleSheet(currentTheme, 'theme');
+
+		function toggleTheme() {
+			currentTheme = otherTheme[currentTheme] || 'light';
+			localStorage.setItem('theme', currentTheme);
+			addStyleSheet(currentTheme, 'theme');
+		}
+	</script>
+</head>
+<body>