First cut

hemanth · Mar 17, 2013 · 118a0f8 · 118a0f8
commit 118a0f8
Show file tree

Hide file tree

Showing 4 changed files with 50 additions and 0 deletions.
diff --git a/index.html b/index.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
+<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
+<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
+<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
+    <head>
+        <meta charset="utf-8">
+        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+        <title></title>
+        <meta name="description" content="">
+        <meta name="viewport" content="width=device-width">
+
+        <link rel="stylesheet" href="./main.css">
+    </head>
+    <body>
+        <!--[if lt IE 7]>
+            <p class="chromeframe">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">activate Google Chrome Frame</a> to improve your experience.</p>
+        <![endif]-->
+
+	<div class="fullscreen">
+		<p id="qoute">My fav qoutes</p>
+        </div>
+        <script src="random.js"></script>
+    </body>
+</html>
diff --git a/main.css b/main.css
@@ -0,0 +1,13 @@
+<style type="text/css">
+  body,html{ height:100%  overflow-y: hidden;}
+  div.fullscreen{
+    display:block;
+    position:absolute;
+    background:#eee; 
+    text-align:center;
+    padding-top:25%;
+    overflow-y: hidden;
+    top: 0; right: 0; bottom: 0; left: 0;
+  }
+</style>
+
diff --git a/quotes b/quotes
@@ -0,0 +1,2 @@
+"If you want to be happy, be." - Leo Tolstoy
+"My interest in my work dies a sudden and violent death when the work is done." - MARK TWAIN
diff --git a/random.js b/random.js
@@ -0,0 +1,10 @@
+var quotes = new XMLHttpRequest();
+quotes.open('GET', 'quotes', false);
+quotes.send(null);
+var wisdom = quotes.responseText.split('\n');
+
+quote=document.getElementById('quote')
+
+setInterval(function(){
+quote.innerText=wisdom[Math.floor(Math.random() * wisdom.length)]
+},6000);