Document and fixup the "taxonomy"

devices/families/README.adoc

@@ -0,0 +1,3 @@
+= Device families
+
+_See the documentation in <<../../doc/in-depth/devices.adoc#,Notes about devices>>._

devices/qemu-x86_64/default.nix

@@ -64,7 +64,7 @@ in
     ram = 1024 * 2;
   };
 
-  mobile.system.type = "kernel-initrd";
+  mobile.system.type = "qemu-startscript";
   mobile.boot.stage-1 = {
     kernel = {
       modular = true;

doc/_support/styles/asciidoc.less

@@ -32,8 +32,68 @@
 
 .imageblock {
 	margin-bottom: 1em;
+	#screen-xs-max({
+		img {
+			display: block;
+			margin: auto;
+		}
+	});
+	#screen-sm-min({
+		&.right {
+			float: right;
+			padding-left: @gutter;
+		}
+		&.left {
+			float: left;
+			padding-right: @gutter;
+		}
+	});
+}
+
+.image-halfwidth {
+	img {
+		#screen-sm-min({
+			max-width: 50vw;
+		});
+	}
+}
+
+// Use when the image is *intended* to be scaled regardless of text.
+// If you want the text inside an svg image to stay as big as 
+.image-scalable {
+	&.image-halfwidth {
+		#screen-sm-min({
+			width: 50%;
+		});
+		img {
+			max-width: 100%;
+			width: 50vw;
+		}
+	}
+	#screen-xs-max({
+		&, &.image-halfwidth {
+			img {
+				max-width: 100%;
+				width: 100vw;
+			}
+		}
+	});
 }
 
 table.stretch {
 	width: 100%;
 }
+
+.clear-floats {
+	clear: both;
+}
+
+#footnotes {
+	&:before {
+		display: block;
+		content: "";
+		width: 30%;
+		border-top: 1px solid #666;
+		margin-bottom: @gutter/2;
+	}
+}

doc/_support/styles/layout.less

@@ -65,6 +65,7 @@ body.index {
 	}
 }
 
+body > #footnotes,
 body > #content {
 	overflow: auto;
 	background-color: #fff;

doc/default.nix

@@ -73,6 +73,8 @@ stdenv.mkDerivation {
       --output-dir="$out"
 
     rsync --prune-empty-dirs --verbose --archive \
+      --exclude="*.src.svg" \
+      --include="*.svg" \
       --include="*.jpeg" \
       --include="*.png" \
       --include="*/" --exclude="*" . $out/