initial commit

diff --git a/autoslide.css b/autoslide.css
new file mode 100644 (file)
index 0000000..f07cb7e
--- /dev/null
+++ b/autoslide.css
@@ -0,0 +1,27 @@
+div {
+  display: inline-block;
+  overflow: hidden;
+  width: 40em; height: 30em;
+  border: 1px solid black;
+  font-size: 2pt;
+}
+div:target {
+  display: fixed;
+  top: 0; bottom: 0;
+  left:0; right: 0;
+  font-size: 24pt;
+}
+
+ul { color: #CCC; }
+ul:hover { color: #000; }
+ul li:first-child { height: 0; }
+ul li:first-child:before,
+ul li:hover:before,
+ul li:active + li:before {
+  content: ' ';
+  position: fixed;
+  top: 0; bottom: 0;
+  left: 0; right: 0;
+}
+ul li:hover ~ li { color: #CCC; }
+ul li:active:before { display: none; }

diff --git a/example.short b/example.short
new file mode 100644 (file)
index 0000000..fa9c524
--- /dev/null
+++ b/example.short
@@ -0,0 +1,19 @@
+[!DOCTYPE HTML]
+[html [head
+  [meta name="viewport" content="width=device-width"]
+  [title Demo]
+  [link rel="stylesheet" type="text/css" href="autoslide.css"]
+][body
+  [div #1
+    [h1 Folie A]
+    [ul [li]
+      [li Eins]
+      [li Zwei]
+      [li Drei]
+      [li Vier]
+      [li Fünf]
+    ]
+  ][div #2
+    [h1 Folie B]
+  ]
+]]