adding files

Signed-off-by: Vanessa Sochat <[email protected]>
javaleesir · Apr 24, 2019 · a5a0191 · a5a0191
commit a5a0191
Show file tree

Hide file tree

Showing 669 changed files with 14,072 additions and 0 deletions.
diff --git a/README.md b/README.md
@@ -0,0 +1,5 @@
+# vbmis.com
+
+Archived content of vbmis.com. I created this space for BMI content during graduate
+school, the learning blog was migrated to [vsoch.github.io](https://vsoch.github.io)
+and the remaining various projects were left.
diff --git a/css/intro.css b/css/intro.css
@@ -0,0 +1,111 @@
+body{
+    overflow:hidden;
+}
+#clouds, #sky, #night, #stars{
+    position:absolute;
+    top:0px;
+    left:0px;
+    right:0px;
+    bottom:0px;
+    width:100%;
+}
+#sky{
+    background:#fff url(../img/intro/sky.png) repeat-x top left;
+    z-index:1;
+}
+#sun_yellow{
+    position:absolute;
+    left:45%;
+    top:50%;
+    width:150px;
+    height:152px;
+    background:transparent url(../img/intro/sun.png) no-repeat center center;
+    z-index:2;
+}
+#sun_red{
+    position:absolute;
+    left:45%;
+    top:50%;
+    width:150px;
+    height:152px;
+    background:transparent url(../img/intro/sun2.png) no-repeat center center;
+    z-index:2;
+    opacity:0;
+    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
+}
+#clouds{
+    background:transparent url(../img/intro/clouds.png) repeat-x top left;
+    z-index:3;
+}
+#ground{
+    position:absolute;
+    left:0px;
+    right:0px;
+    bottom:0px;
+    width:100%;
+    height:232px;
+    background:transparent url(../img/intro/ground.png) repeat-x bottom center;
+    z-index:3;
+}
+#night{
+    background-color:#000;
+    z-index:4;
+    opacity:0;
+    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
+}
+#stars{
+    bottom:200px;
+    background:transparent url(../img/intro/stars.png) repeat bottom center;
+    z-index:5;
+    opacity:0;
+    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
+}
+#sstar{
+    position:absolute;
+    left:40%;
+    top:10%;
+    width:126px;
+    height:80px;
+    background:transparent url(../img/intro/shootingstar.png) no-repeat 80px -200px;
+    z-index:5;
+    opacity:0;
+    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
+}
+#moon{
+    position:absolute;
+    left:45%;
+    top:60%;
+    width:168px;
+    height:168px;
+    background:transparent url(../img/intro/moon.png) no-repeat center center;
+    z-index:6;
+    opacity:0;
+    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
+}
+
+/* Text on the page*/
+
+#title{
+    position:absolute;
+    left:0px;
+    top:0px;
+    width:500px;
+    height:300px;
+    background:transparent url(../img/intro/title.png) no-repeat center center;
+    z-index:6;
+    opacity:0;
+    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
+}
+#course{
+    position:absolute;
+    right:0px;
+    bottom:0px;
+    width:176px;
+    height:56px;
+    background:transparent url(../img/intro/vsoch.png) no-repeat center center;
+    z-index:7;
+    outline:none;
+    cursor:pointer;
+    opacity:0;
+    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
+}
diff --git a/index.html b/index.html
@@ -0,0 +1,52 @@
+
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html>
+    <head>
+        <title>VBMIS.com</title>
+        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
+        <meta name="description" content="Vanessa's Biomedical Informatics Space" />
+        <meta name="keywords" content="vbmis, vsoch, stanford, vanessa, sochat, neuroscience" />
+        <link rel="stylesheet" type="text/css" href="css/intro.css" media="screen"/>       
+    </head>
+    <body>
+        <div id="sky"></div>
+        <div id="sun_yellow"></div>
+        <div id="sun_red"></div>
+        <div id="clouds"></div>
+        <div id="ground"></div>
+        <div id="night"></div>
+        <div id="stars"></div>        
+        <div id="sstar"></div>
+        <div id="moon"></div>
+        <div>
+        	<a id="title" href="http://www.vbmis.com/learn"></a>
+        </div>
+        <div>
+            <a id="course" href="http://www.vbmis.com/bmi/course/"></a>
+        </div>
+
+        <script type="text/javascript" src="js/jquery-1.3.2.js"></script>
+        <script type="text/javascript" src="js/jquery.color.js"></script>
+        <script type="text/javascript">
+            $(function() {
+                $('#sun_yellow').animate({'top':'96%','opacity':0.4}, 12000,function(){
+                    $('#stars').animate({'opacity':1}, 5000,function(){
+                        $('#moon').animate({'top':'30%','opacity':1}, 5000, function(){
+                            $('#sstar').animate({'opacity':1}, 300);
+                            $('#sstar').animate({
+                                'backgroundPosition':'0px 0px','top':'15%', 'opacity':0
+                            }, 500,function(){
+                                $('#title').animate({'opacity':1}, 1000);
+                                $('#course').animate({'opacity':1}, 3000);
+                            });
+                        });
+                    });
+                });
+                $('#sun_red').animate({'top':'96%','opacity':0.8}, 12000);
+                $('#sky').animate({'backgroundColor':'#4F0030'}, 18000);
+                $('#clouds').animate({'backgroundPosition':'1000px 0px','opacity':0}, 30000);
+                $('#night').animate({'opacity':0.8}, 20000);
+            });
+        </script>
+    </body>
+</html>