Added the presentationm slides

5 files changed, 148 insertions, 0 deletions

diff --git a/presentation/ui/approx/approximatrix-grey.png b/presentation/ui/approx/approximatrix-grey.png
new file mode 100644
index 0000000..da445f8
--- /dev/null
+++ b/presentation/ui/approx/approximatrix-grey.png
diff --git a/presentation/ui/approx/framing.css b/presentation/ui/approx/framing.css
new file mode 100644
index 0000000..14d8509
--- /dev/null
+++ b/presentation/ui/approx/framing.css
@@ -0,0 +1,23 @@
+/* The following styles size, place, and layer the slide components.
+   Edit these if you want to change the overall slide layout.
+   The commented lines can be uncommented (and modified, if necessary) 
+    to help you with the rearrangement process. */
+
+/* target = 1024x768 */
+
+div#header, div#footer, .slide {width: 100%; top: 0; left: 0;}
+div#header {top: 0; height: 3em; z-index: 1;}
+div#footer {top: auto; bottom: 0; height: 2.5em; z-index: 5;}
+.slide {top: 0; width: 92%; padding: 3.5em 4% 4%; z-index: 2;  list-style: none;}
+div#controls {left: 50%; bottom: 0; width: 50%; z-index: 100;}
+div#controls form {position: absolute; bottom: 0; right: 0; width: 100%;
+  margin: 0;}
+#currentSlide {position: absolute; width: 10%; left: 45%; bottom: 1em; z-index: 10;}
+html>body #currentSlide {position: fixed;}
+
+/*
+div#header {background: #FCC;}
+div#footer {background: #CCF;}
+div#controls {background: #BBD;}
+div#currentSlide {background: #FFC;}
+*/
diff --git a/presentation/ui/approx/pretty.css b/presentation/ui/approx/pretty.css
new file mode 100644
index 0000000..91eec8f
--- /dev/null
+++ b/presentation/ui/approx/pretty.css
@@ -0,0 +1,113 @@
+/* Following are the presentation styles -- edit away! */
+
+body {
+	/* background: #FFF url(MonsterCutOut.gif) 100% 0% no-repeat;*/
+	color: #000;
+	font-size: 2em;
+}
+
+:link, :visited { text-decoration: none; color: #00C; }
+
+#controls :active { color: #88A !important; }
+#controls :focus { outline: 1px dotted #227; }
+
+h1, h2, h3, h4 { font-size: 100%; margin: 0; padding: 0; font-weight: inherit; }
+ul, pre {margin: 0; line-height: 1em;}
+html, body {margin: 0; padding: 0; font-family: Verdana, Helvetica, sans-serif;}
+
+blockquote, q {font-style: italic;}
+blockquote { padding: 0 2em 0.5em; margin: 0 1.5em 0.5em; text-align: center; font-size: 1em; }
+blockquote p { margin: 0; }
+blockquote i { font-style: normal; }
+blockquote b { display: block; margin-top: 0.5em; font-weight: normal; font-size: smaller; font-style: normal; }
+blockquote b i {font-style: italic;}
+
+kbd {font-weight: bold; font-size: 1em;}
+sup {font-size: smaller; line-height: 1px;}
+
+.slide code {padding: 2px 0.25em; font-weight: bold; color: #533;}
+.slide code.bad, code del {color: red;}
+.slide code.old {color: silver;}
+.slide pre {padding: 0; margin: 0.25em 0 0.5em 0.5em; color: #533; font-size: 70%;}
+.slide pre code {display: block;}
+.slide ul {margin-left: 5%; margin-right: 7%; list-style: disc;}
+.slide li {margin-top: 0.75em; margin-right: 0;}
+.slide ul ul {line-height: 1;}
+.slide ul ul li {margin: .2em; font-size: 85%; list-style: square;}
+.slide img.leader {display: block; margin: 0 auto;}
+
+div#header, div#footer { color: #AAB; font-family: Verdana, Helvetica, sans-serif;}
+div#header {
+	background: #2B2B2B 100% 0% no-repeat;
+	/* background-position: center right; */
+	line-height: 1px; 
+	min-height: 85px;
+}
+
+div#footer {
+	background: #2B2B2B url(approximatrix-grey.png) 0% 50% no-repeat;
+	font-size: 0.5em;
+	font-weight: bold;
+	padding: 1em 0;
+}
+#footer h1, #footer h2 { font-size: 0.914em; display: block; padding: 0 1em 0 260px;}
+#footer h2 {font-style: italic; }
+
+div.long {font-size: 0.75em;}
+.slide h1 {
+	position: absolute;
+	top: 0.6em;
+	left: 15px;
+	z-index: 1;
+	margin: 0;
+	padding: 0.3em 0 0 10px;
+	white-space: nowrap;
+	font: bold 150%/1em Helvetica, sans-serif;
+	color: #DDE;
+	background: transparent;
+}
+.slide h3 {font-size: 130%;}
+h1 abbr {font-variant: small-caps;}
+
+div#controls {position: absolute; left: 50%; bottom: 0; width: 50%; text-align: right; font: bold 0.9em Verdana, Helvetica, sans-serif;}
+
+html>body div#controls {position: fixed; padding: 0 0 1em 0; top: auto;}
+
+div#controls form {position: absolute; bottom: 0; right: 0; width: 100%; margin: 0; padding: 0;}
+
+#controls #navLinks a {padding: 0; margin: 0 0.5em; background: #2B2B2B; border: none; color: #779; cursor: pointer;}
+#controls #navList {height: 1em;}
+#controls #navList #jumplist {position: absolute; bottom: 0; right: 0; background: #DDD; color: #227;}
+
+#currentSlide {text-align: center; font-size: 0.5em; color: #449;}
+
+#slide0 {padding-top: 3.5em; font-size: 90%;}
+#slide0 h1 {position: static; margin: 1em 0 0; padding: 0;
+   font: bold 2em Helvetica, sans-serif; white-space: normal;
+   color: #000; background: transparent;}
+#slide0 h2 {font: bold italic 1em Helvetica, sans-serif; margin: 0.25em;}
+#slide0 h3 {margin-top: 1.5em; font-size: 1.5em;}
+#slide0 h4 {margin-top: 0; font-size: 1em;}
+
+ul.urls {list-style: none; display: inline; margin: 0;}
+.urls li {display: inline; margin: 0;}
+.note {display: none;}
+.external {border-bottom: 1px dotted gray;}
+html>body .external {border-bottom: none;}
+.external:after {content: " \274F"; font-size: smaller; color: #77B;}
+
+.incremental, .incremental *, .incremental *:after {color: #DDE; visibility: visible;}
+img.incremental {visibility: hidden;}
+.slide .current {color: #B02;}
+
+/* Show-specific */
+#subtitle { margin-top: -2em; }
+.meta { font-size: 0.8em; margin-top: 1em; }
+a img { border: 0; }
+.slide img { margin-left: 87px; border: 1px solid #000; }
+
+
+/* diagnostics
+
+li:after {content: " [" attr(class) "]"; color: #F88;}
+ */
\ No newline at end of file
diff --git a/presentation/ui/approx/s5-core.css b/presentation/ui/approx/s5-core.css
new file mode 100644
index 0000000..86444e0
--- /dev/null
+++ b/presentation/ui/approx/s5-core.css
@@ -0,0 +1,9 @@
+/* Do not edit or override these styles! The system will likely break if you do. */
+
+div#header, div#footer, div#controls, .slide {position: absolute;}
+html>body div#header, html>body div#footer, 
+  html>body div#controls, html>body .slide {position: fixed;}
+.handout {display: none;}
+.layout {display: block;}
+.slide, .hideme, .incremental {visibility: hidden;}
+#slide0 {visibility: visible;}
diff --git a/presentation/ui/approx/slides.css b/presentation/ui/approx/slides.css
new file mode 100644
index 0000000..0786d7d
--- /dev/null
+++ b/presentation/ui/approx/slides.css
@@ -0,0 +1,3 @@
+@import url(s5-core.css); /* required to make the slide show run at all */
+@import url(framing.css); /* sets basic placement and size of slide components */
+@import url(pretty.css);  /* stuff that makes the slides look better than blah */
\ No newline at end of file