Commit for Project 1 submission

grantelgin · Sep 18, 2012 · 756a9ec · 756a9ec
1 parent 8881faf
commit 756a9ec
Show file tree

Hide file tree

Showing 10 changed files with 14 additions and 24 deletions.
diff --git a/13333_1280x1024-wallpaper-cb1268171948.jpg b/13333_1280x1024-wallpaper-cb1268171948.jpg
diff --git a/SkyMountain2.png b/SkyMountain2.png
diff --git a/blue-sky-4.jpeg b/blue-sky-4.jpeg
diff --git a/images/nature_plants_green_grass_015677__01.gif b/images/nature_plants_green_grass_015677__01.gif
diff --git a/images/nature_plants_green_grass_015677__02.png b/images/nature_plants_green_grass_015677__02.png
diff --git a/images/nature_plants_green_grass_015677__03.gif b/images/nature_plants_green_grass_015677__03.gif
diff --git a/index.html b/index.html
@@ -16,11 +16,11 @@
 
 	.content1 { font-family: helvetica, calibri, sans-serif; font-size: 15px; color: #b2ccd7; background-color: rgba(78,74,74,0.56); border-radius: 3px; padding:10px; text-shadow: 1px 1px 2px #0f2918;  }
 
-	.details {color:orange; font-size: 20px; text-align: center; vertical-align: middle; padding-left:10px; }
+	.details {color:orange; font-size: 20px; text-align: center; vertical-align: middle; padding-left:10px; cursor: pointer; }
 
 	a {text-decoration: none; color: white; text-shadow: black 1px 1px 2px; cursor: pointer;}
 
-	.background {background-image:url(skygrass.png); background-repeat: no-repeat; width:100%;  } 
+	.background {background-image:url(SkyMountain2.png); background-repeat: no-repeat; width:100%;  } 
 
 	.project {font-family: Gill Sans MT, sans-serif; font-size: 40px; font-weight: bold; color:white; text-shadow: black 1px 2px 4px; text-align: center; padding:20px; }
 
@@ -35,32 +35,25 @@
   $(".project").hover(
     function () {
       $(this).addClass("highlight");
-      //alert ("yep");
     }, 
     function () {
       $(this).removeClass("highlight");
-      //alert("nope!");
     }
   );
 
   $(".project").click(
   function () {
 
-  $("#DIV_back").animate({height:'1190px'},500);
-   // $("#DIV_back").animate({scrollTop: $('#DIV_back').offsetTop()},1500);
-  //alert(this.innerHTML.toString());
-  //function (){ 
-  //$("TBL_Project1").slideDown(); 
-  //}
-  //function scrollP1(){
+  $("#DIV_back").animate({height:'1390px'},500);
+
 $('html,body').animate({
 scrollTop: $("#ScrollP1").offset().top
 }, 1500);
 
 $('#TD_Project1').animate({
-	 top: '460px', left:'38%'
+	 top: '670px'
 }, 1000);
-//}
+
 
 
   });
@@ -74,7 +67,7 @@
 	SPAN_HostingDetails.style.display = "none";
 	  });
 
-  //.show();
+
 
 }); // End of document.ready
 
@@ -84,7 +77,7 @@
 
 <body>
 
-	<div id="DIV_back" class="background" style="height:720px; overflow:hidden; width:100%;">
+	<div id="DIV_back" class="background" style="height:720px; overflow:hidden; width:100%; padding-left:30px;">
 
 		<! Name>
 		<table style="width:100%; padding-bottom:20px; position:fixed; top:20px;">
@@ -97,20 +90,16 @@
 
 
 		<! Projects list>
-		<table style="width:100%; padding-bottom:60px; padding-top:160px; position:relative; top:0px; left:0px;">
+		<table style="padding-bottom:60px; padding-top:160px; position:relative; top:0px; left:50%; margin-left:-105px;">
 			<tr>
-				<td class="project" id="TD_Project1" style="position:relative; top:0px; left:0px;">Project 1</td>
-				<td class="project">Project 2</td>
-				<td class="project">Project 3</td>
-				<td class="project">Project 4</td>
-
+				<td class="project" id="TD_Project1" style="position:relative; top:0px; left:0px; text-align:center;">Project 1</td>
 			</tr>	
 		</table>
 		<! End of Projects list>
 
 
 		<! Bio >
-		<table id="TBL_Project1" style="width:80%; padding-right:50px; padding-top:450px;">
+		<table id="TBL_Project1" style="width:80%; padding-right:50px; padding-top:650px;">
 			<tr>
 				<td class="title" id="TD_Bio">About Me</td>
 				<td class="content1" id="TD_AboutMeContent" >I started working for a start up about a year ago. Our goal is to make insurance fun! Before that, I owned a construction company. We built warehouses, high school gyms, and other industrial buildings. Now I build websites.</td>
@@ -124,7 +113,8 @@
 				<td class="content" id="TD_PlanContent"><a href="http://asmallorange.com/hosting/shared/">Shared Hosting - Tiny Plan</a>
 				<span class="details" id="SPAN_PlanDetails">&#9660;</span>
 				<span id="SPAN_HostingDetails" style="display:none;" class="content1">
-					</br>Hello!		
+				250 MB storage</br>
+				5 GB bandwidth						
 				</span>
 				</td>
 			</tr>
@@ -134,7 +124,7 @@
 			</tr>
 			<tr>
 				<td class="title" id="TD_Git">GIT Repository</td>
-				<td class="content" id="TD_GitContent"><a href="#">Name of GIT repository</a></td> 
+				<td class="content" id="TD_GitContent"><a href="https://github.com/grantelgin/dwa.git">https://github.com/grantelgin/dwa.git</a></td> 
 			</tr>	
 		</table>
 		<! End of Bio>

diff --git a/nature_plants_green_grass_015677_.jpg b/nature_plants_green_grass_015677_.jpg
diff --git a/skygrass.png b/skygrass.png
diff --git a/spotlight.png b/spotlight.png