1 files changed, 149 insertions, 0 deletions
diff --git a/legacy/other/plotter-test.html b/legacy/other/plotter-test.html
new file mode 100644
index 0000000..041da1c
--- /dev/null
+++ b/legacy/other/plotter-test.html
@@ -0,0 +1,149 @@
+<html>
+<head>
+<style>
+html, body {
+	margin:0;
+	padding:0;
+}
+
+.topleft1 {
+	float:left;
+	width:4px;
+	height:4px;
+	background:red;
+	margin:1px;
+}
+
+.topleft2 {
+	float:left;
+	width:2px;
+	height:2px;
+	background:transparent;
+	border:1px solid red;
+	margin:1px;
+}
+
+.topleft3 {
+	float:left;
+	width:0px;
+	height:4px;
+	border-left:4px solid red;
+	margin:1px;
+}
+
+.topleft4 {
+	float:left;
+	width:4px;
+	height:0px;
+	border-top:4px solid red;
+	margin:1px;
+}
+
+.topleft5 {
+	float:left;
+	width:0px;
+	height:4px;
+	border-right:4px solid red;
+	margin:1px;
+}
+
+.topleft6 {
+	float:left;
+	width:4px;
+	height:0px;
+	border-bottom:4px solid red;
+	margin:1px;
+}
+
+.section {
+	clear: both;
+}
+
+.threeleftright {
+	float:left;
+	width:1px;
+	height:3px;
+	background:transparent;
+	border-left:1px solid red;
+	border-right:1px solid red;
+	margin:1px;
+}
+
+.threetopbottom {
+	float:left;
+	width:3px;
+	height:1px;
+	background:transparent;
+	border-top:1px solid red;
+	border-bottom:1px solid red;
+	margin:1px;
+}
+
+.threeleftrightbg {
+	float:left;
+	width:1px;
+	height:3px;
+	background:blue;
+	border-left:1px solid red;
+	border-right:1px solid red;
+	margin:1px;
+}
+
+.threetopbottombg {
+	float:left;
+	width:3px;
+	height:1px;
+	background:blue;
+	border-top:1px solid red;
+	border-bottom:1px solid red;
+	margin:1px;
+}
+
+
+</style>
+</head>
+<body>
+
+<div class="section">
+<div class="topleft1"></div>
+<div class="topleft2"></div>
+<div class="topleft1"></div>
+<div class="topleft2"></div>
+<div class="topleft1"></div>
+<div class="topleft2"></div>
+<div class="topleft1"></div>
+<div class="topleft2"></div>
+<div class="topleft2"></div>
+<div class="topleft2"></div>
+</div>
+
+<div class="section">
+<div class="threeleftright"></div>
+<div class="threetopbottom"></div>
+<div class="threeleftrightbg"></div>
+<div class="threetopbottombg"></div>
+<div class="threeleftrightbg"></div>
+<div class="threeleftright"></div>
+<div class="threetopbottom"></div>
+<div class="threetopbottombg"></div>
+<div class="threeleftrightbg"></div>
+<div class="threetopbottombg"></div>
+<div class="threeleftright"></div>
+<div class="threetopbottom"></div>
+</div>
+
+<div class="section">
+<div class="topleft2"></div>
+<div class="topleft1"></div>
+<div class="topleft2"></div>
+<div class="topleft1"></div>
+<div class="topleft2"></div>
+<div class="topleft1"></div>
+<div class="topleft3"></div>
+<div class="topleft4"></div>
+<div class="topleft5"></div>
+<div class="topleft6"></div>
+</div>
+
+</body>
+</html>
+\ No newline at end of file