init commit

medicalwei · Oct 22, 2011 · 9588f99 · 9588f99
commit 9588f99
Show file tree

Hide file tree

Showing 9 changed files with 270 additions and 0 deletions.
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1 @@
+.sass-cache
diff --git a/cleanslide.js b/cleanslide.js
@@ -0,0 +1,53 @@
+page = 0;
+subpage = 0;
+$(window).ready(function(){
+  $.prototype.setToCenter = function(subpage){
+    $("body>*").removeClass("current");
+    this.addClass("current");
+    var innerOffset;
+    if (this.height() <= $(window).height()) {
+      innerOffset = (this.outerHeight() - $(window).height()) / 2;
+    } else {
+      innerOffset = (this.outerHeight()-this.height()) / 2 + $(window).height() * subpage * 0.8; // overflow
+    }
+    var overallTop = parseFloat($("body").css("margin-top")) - (this.position().top + innerOffset);
+    $("body").css("margin-top", overallTop);
+  }
+
+  $(window).resize(function(){
+    $('body>*').eq(page).setToCenter();
+  });
+
+  $(window).keyup(function(event){
+    console.log(event);
+    var blocks = $('body>*');
+    var current = blocks.eq(page);
+    if (event.keyCode == 40) { // down
+      innerBottom = current.position().top + (current.outerHeight()-current.height()) / 2 + current.height();
+      console.log(innerBottom);
+      if (innerBottom > $(window).height())
+      {
+        subpage += 1;
+      }
+      else if (page < (blocks.size()-1))
+      {
+        page += 1;
+        subpage = 0;
+      }
+    } else if (event.keyCode == 38) { // up
+      if (subpage > 0)
+      {
+        subpage -= 1;
+      }
+      else if (page > 0)
+      {
+        page -= 1;
+        subpage = 0;
+      }
+    }
+    blocks.eq(page).setToCenter(subpage);
+  });
+
+  blocks.eq(page).setToCenter(subpage);
+});
+
diff --git a/config.rb b/config.rb
@@ -0,0 +1,24 @@
+# Require any additional compass plugins here.
+
+# Set this to the root of your project when deployed:
+http_path = "/"
+css_dir = "stylesheets"
+sass_dir = "sass"
+images_dir = "images"
+javascripts_dir = "javascripts"
+
+# You can select your preferred output style here (can be overridden via the command line):
+# output_style = :expanded or :nested or :compact or :compressed
+
+# To enable relative paths to assets via compass helper functions. Uncomment:
+# relative_assets = true
+
+# To disable debugging comments that display the original location of your selectors. Uncomment:
+# line_comments = false
+
+
+# If you prefer the indented syntax, you might want to regenerate this
+# project again passing --syntax sass, or you can uncomment this:
+# preferred_syntax = :sass
+# and then run:
+# sass-convert -R --from scss --to sass sass scss && rm -rf sass && mv scss sass
diff --git a/sample.html b/sample.html
@@ -0,0 +1,37 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <meta http-equiv="content-type" content="text/html; charset=utf-8">
+  <title>Sample Presentation</title>
+  <link rel="stylesheet" href="./stylesheets/screen.css" type="text/css" media="screen" charset="utf-8">
+  <link rel="stylesheet" href="./stylesheets/print.css" type="text/css" media="print" charset="utf-8">
+  <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
+  <script type="text/javascript" src="./cleanslide.js"></script>
+</head>
+<body>
+<h1>Sample presentation</h1>
+
+<p>This is the sample presentation of cleanslide.js</p>
+
+<h2>Lorem Ipsum</h2>
+
+<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>
+
+<h2>List Demo</h2>
+
+<ul>
+<li>Donec sed nisl et odio rhoncus blandit a id ipsum.</li>
+<li>Nulla a tortor in lacus egestas viverra id non lectus.</li>
+<li>Vivamus imperdiet arcu sit amet risus rhoncus vel mattis arcu euismod.</li>
+<li>Nulla dapibus est eget mauris sodales rhoncus.</li>
+<li>Proin ac felis nec turpis elementum scelerisque at non sem.</li>
+</ul>
+
+<h2>Picture Demo</h2>
+
+<p><img src="http://farm7.static.flickr.com/6223/6266382068_2aabf5679e_b.jpg" alt="Greece 508" title="by JerandSar Gimbel" />
+This is a demo picture</p>
+
+<h2>Thank you!</h2>
+</body>
+</html>
diff --git a/sample.markdown b/sample.markdown
@@ -0,0 +1,18 @@
+# Sample presentation
+This is the sample presentation of cleanslide.js
+
+## Lorem Ipsum
+Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
+
+## List Demo
+* Donec sed nisl et odio rhoncus blandit a id ipsum.
+* Nulla a tortor in lacus egestas viverra id non lectus.
+* Vivamus imperdiet arcu sit amet risus rhoncus vel mattis arcu euismod.
+* Nulla dapibus est eget mauris sodales rhoncus.
+* Proin ac felis nec turpis elementum scelerisque at non sem.
+
+## Picture Demo
+![Greece 508](http://farm7.static.flickr.com/6223/6266382068_2aabf5679e_b.jpg "by JerandSar Gimbel")
+This is a demo picture
+
+## Thank you!
diff --git a/sass/print.scss b/sass/print.scss
@@ -0,0 +1,3 @@
+/* Welcome to Compass. Use this file to define print styles.
+ * Import this file using the following HTML or equivalent:
+ * <link href="/stylesheets/print.css" media="print" rel="stylesheet" type="text/css" /> */
diff --git a/sass/screen.scss b/sass/screen.scss
@@ -0,0 +1,34 @@
+/* Welcome to Compass.
+ * In this file you should write your main styles. (or centralize your imports)
+ * Import this file using the following HTML or equivalent:
+ * <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
+
+@import "compass/reset";
+@import "compass/css3";
+
+body
+{
+  width: 1024px;
+  font-size: 64px;
+  outline: 1px solid #000;
+  margin: 0 auto 0;
+  @include transition(margin-top 0.5s ease);
+  overflow: hidden;
+  line-height: 1.5em;
+
+  &>* {
+    padding: 512px 2em;
+  }
+
+  &>p>img:first-child {
+    width: 1024px;
+    margin: 0 -2em;
+    display: block;
+  }
+
+  ul>li {
+    padding: 0.5em 0;
+    list-style: circle outside;
+  }
+}
+
diff --git a/stylesheets/print.css b/stylesheets/print.css
@@ -0,0 +1,3 @@
+/* Welcome to Compass. Use this file to define print styles.
+ * Import this file using the following HTML or equivalent:
+ * <link href="/stylesheets/print.css" media="print" rel="stylesheet" type="text/css" /> */
diff --git a/stylesheets/screen.css b/stylesheets/screen.css
@@ -0,0 +1,97 @@
+/* Welcome to Compass.
+ * In this file you should write your main styles. (or centralize your imports)
+ * Import this file using the following HTML or equivalent:
+ * <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
+/* line 17, ../../../.rvm/gems/ruby-1.9.2-p290/gems/compass-0.11.5/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
+html, body, div, span, applet, object, iframe,
+h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+a, abbr, acronym, address, big, cite, code,
+del, dfn, em, img, ins, kbd, q, s, samp,
+small, strike, strong, sub, sup, tt, var,
+b, u, i, center,
+dl, dt, dd, ol, ul, li,
+fieldset, form, label, legend,
+table, caption, tbody, tfoot, thead, tr, th, td,
+article, aside, canvas, details, embed,
+figure, figcaption, footer, header, hgroup,
+menu, nav, output, ruby, section, summary,
+time, mark, audio, video {
+  margin: 0;
+  padding: 0;
+  border: 0;
+  font-size: 100%;
+  font: inherit;
+  vertical-align: baseline;
+}
+
+/* line 20, ../../../.rvm/gems/ruby-1.9.2-p290/gems/compass-0.11.5/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
+body {
+  line-height: 1;
+}
+
+/* line 22, ../../../.rvm/gems/ruby-1.9.2-p290/gems/compass-0.11.5/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
+ol, ul {
+  list-style: none;
+}
+
+/* line 24, ../../../.rvm/gems/ruby-1.9.2-p290/gems/compass-0.11.5/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
+table {
+  border-collapse: collapse;
+  border-spacing: 0;
+}
+
+/* line 26, ../../../.rvm/gems/ruby-1.9.2-p290/gems/compass-0.11.5/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
+caption, th, td {
+  text-align: left;
+  font-weight: normal;
+  vertical-align: middle;
+}
+
+/* line 28, ../../../.rvm/gems/ruby-1.9.2-p290/gems/compass-0.11.5/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
+q, blockquote {
+  quotes: none;
+}
+/* line 101, ../../../.rvm/gems/ruby-1.9.2-p290/gems/compass-0.11.5/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
+q:before, q:after, blockquote:before, blockquote:after {
+  content: "";
+  content: none;
+}
+
+/* line 30, ../../../.rvm/gems/ruby-1.9.2-p290/gems/compass-0.11.5/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
+a img {
+  border: none;
+}
+
+/* line 114, ../../../.rvm/gems/ruby-1.9.2-p290/gems/compass-0.11.5/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
+article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
+  display: block;
+}
+
+/* line 10, ../sass/screen.scss */
+body {
+  width: 1024px;
+  font-size: 64px;
+  outline: 1px solid #000;
+  margin: 0 auto 0;
+  -moz-transition: margin-top 0.5s ease;
+  -webkit-transition: margin-top 0.5s ease;
+  -o-transition: margin-top 0.5s ease;
+  transition: margin-top 0.5s ease;
+  overflow: hidden;
+  line-height: 1.5em;
+}
+/* line 19, ../sass/screen.scss */
+body > * {
+  padding: 512px 2em;
+}
+/* line 23, ../sass/screen.scss */
+body > p > img:first-child {
+  width: 1024px;
+  margin: 0 -2em;
+  display: block;
+}
+/* line 29, ../sass/screen.scss */
+body ul > li {
+  padding: 0.5em 0;
+  list-style: circle outside;
+}