photography club files

hamsharan · Dec 16, 2011 · 46722dd · 46722dd
1 parent 6a6c3e0
commit 46722dd
Show file tree

Hide file tree

Showing 14 changed files with 499 additions and 0 deletions.
diff --git a/abstract.jpg b/abstract.jpg
diff --git a/animals.jpg b/animals.jpg
diff --git a/bridge.jpg b/bridge.jpg
diff --git a/bt_close.png b/bt_close.png
diff --git a/bt_open.png b/bt_open.png
diff --git a/contact.html b/contact.html
@@ -0,0 +1,45 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+   "http://www.w3.org/TR/html4/strict.dtd">
+
+<html lang="en">
+<head>
+	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+	<title>Photography Club Contact</title>
+	<!-- Date: 2011-12-14 -->
+</head>
+<body>
+
+  <!-- jquery stylesheet and files from google cdn -->
+  <link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/themes/base/jquery-ui.css" type="text/css" media="all" />
+  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
+  <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js" type="text/javascript"></script>
+
+  <link rel="stylesheet" href="styles.css" type="text/css" media="all" />
+
+  <script type="text/javascript">
+    $(document).ready(function() {
+      $('#home').bind('click', function() {
+        window.location.href = 'home.html';
+        return false;
+      });
+      $('#info').bind('click', function() {
+        window.location.href = 'info.html';
+        return false;
+      });
+      $('#gallery').bind('click', function() {
+        window.location.href = 'gallery.html';
+        return false;
+      });
+    });
+  </script>
+  <div id="nav">
+    <div id="home">Home</div>
+    <div id="info">Club Info</div>
+    <div id="gallery">Galleries</div>
+    <div id="contact" class="selected">Contact</div>
+  </div>
+  <div id="container">
+
+  <div>
+</body>
+</html>
diff --git a/gallery.html b/gallery.html
@@ -0,0 +1,45 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+   "http://www.w3.org/TR/html4/strict.dtd">
+
+<html lang="en">
+<head>
+	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+	<title>Photography Club Gallery</title>
+	<!-- Date: 2011-12-14 -->
+</head>
+<body>
+
+  <!-- jquery stylesheet and files from google cdn -->
+  <link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/themes/base/jquery-ui.css" type="text/css" media="all" />
+  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
+  <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js" type="text/javascript"></script>
+
+  <link rel="stylesheet" href="styles.css" type="text/css" media="all" />
+
+  <script type="text/javascript">
+    $(document).ready(function() {
+      $('#home').bind('click', function() {
+        window.location.href = 'home.html';
+        return false;
+      });
+      $('#info').bind('click', function() {
+        window.location.href = 'info.html';
+        return false;
+      });
+      $('#contact').bind('click', function() {
+        window.location.href = 'contact.html';
+        return false;
+      });
+    });
+  </script>
+  <div id="nav">
+    <div id="home">Home</div>
+    <div id="info">Club Info</div>
+    <div id="gallery" class="selected">Galleries</div>
+    <div id="contact">Contact</div>
+  </div>
+  <div id="container">
+
+  <div>
+</body>
+</html>
diff --git a/home.html b/home.html
@@ -0,0 +1,131 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+   "http://www.w3.org/TR/html4/strict.dtd">
+
+<html lang="en">
+<head>
+	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+	<title>Photography Club Home</title>
+	<!-- Date: 2011-12-14 -->
+</head>
+<body>
+
+  <!-- jquery stylesheet and files from google cdn -->
+  <link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/themes/base/jquery-ui.css" type="text/css" media="all" />
+  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
+  <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js" type="text/javascript"></script>
+
+  <link rel="stylesheet" href="styles.css" type="text/css" media="all" />
+
+  <script type="text/javascript">
+    function validateUsername(){
+      var cor_username = 'photo'
+      var given_username = $('#username').val();
+      if(given_username.length < 1 || (given_username != cor_username) ){
+        $('#username').addClass('error');
+        return false;
+      }else{
+        $('#username').removeClass('error');
+        return true;
+      }
+    }
+
+    function validatePassword(){
+      var cor_pass = 'photo'
+      var given_pass = $('#password').val();
+      if(given_pass.length < 1 || (given_pass != cor_pass) ){
+        $('#password').addClass('error');
+        return false;
+      }else{
+        $('#password').removeClass('error');
+        return true;
+      }
+    }
+    $(document).ready(function() {
+      //login functions
+      $('#username').blur(validateUsername);
+      $('#password').blur(validatePassword);
+      $('#login_form').submit(function() {
+        if (validateUsername() && validatePassword()){
+          alert('Welcome Back ' + $('#username').val() );
+        }else{
+          $('#login_response').html('Please try again with all the required values');
+        }
+        return false;
+      });
+
+      $('#info').bind('click', function() {
+        window.location.href = 'info.html';
+        return false;
+      });
+      $('#gallery').bind('click', function() {
+        window.location.href = 'gallery.html';
+        return false;
+      });
+      $('#contact').bind('click', function() {
+        window.location.href = 'contact.html';
+        return false;
+      });
+
+      // Expand Panel
+    	$("#open").click(function(){
+    		$("div#panel").slideDown("slow");
+
+    	});	
+
+    	// Collapse Panel
+    	$("#close").click(function(){
+    		$("div#panel").slideUp("slow");
+      });		
+
+    	// Switch buttons from "Log In | Register" to "Close Panel" on click
+    	$("#toggle a").click(function () {
+    		$("#toggle a").toggle();
+    	});
+
+    });
+  </script>
+
+  <!-- Panel -->
+  <div id="toppanel">
+  	<div id="panel">
+      <form id="login_form" >
+        Username: <input id="username" type="textarea"></input>
+        <br/>
+        Password: <input id="password" type="password"></input>
+        <br/>
+        <input id="rem_password" type="checkbox" name="remember" value="Yes" ></input> Remember Password 
+        <br/>
+        <input id="login" type="submit" value="Login">
+      </form>
+      <div id="login_response">
+
+      </div>
+    </div>
+  	<div class="tab">
+  		<ul class="login">
+  			<li id="toggle">
+  				<a id="open" class="open" href="#">Log In | Register</a>
+  				<a id="close" style="display: none;" class="close" href="#">Close Panel</a>			
+  			</li>
+  			<li class="right">&nbsp;</li>
+  		</ul> 
+  	</div> <!-- / top -->
+  </div>
+  <br/>
+  <div id="nav">
+    <div id="home" class="selected">Home</div>
+    <div id="info">Club Info</div>
+    <div id="gallery">Galleries</div>
+    <div id="contact">Contact</div>
+  </div>
+  <br/>
+  <div id="container">
+    <div id="animal"></div>
+    <div id="bridge"></div>
+    <div id="people"></div>
+    <div id="profession"></div>
+    <div id="romantic"></div>
+    <div id="abstract"></div>
+  <div>
+</body>
+</html>
diff --git a/index.html b/index.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+   "http://www.w3.org/TR/html4/strict.dtd">
+
+<html lang="en">
+<head>
+	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+	<title>Photography Club</title>
+	<meta http-equiv="REFRESH" content="0;url=home.html"></HEAD>
+
+	<!-- Date: 2011-12-14 -->
+</head>
+<body>
+
+</body>
+</html>
diff --git a/info.html b/info.html
@@ -0,0 +1,46 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+   "http://www.w3.org/TR/html4/strict.dtd">
+
+<html lang="en">
+<head>
+	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+	<title>Photography Club Info</title>
+	<!-- Date: 2011-12-14 -->
+</head>
+<body>
+
+  <!-- jquery stylesheet and files from google cdn -->
+  <link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/themes/base/jquery-ui.css" type="text/css" media="all" />
+  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
+  <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js" type="text/javascript"></script>
+
+  <link rel="stylesheet" href="styles.css" type="text/css" media="all" />
+
+  <script type="text/javascript">
+    $(document).ready(function() {
+      $('#home').bind('click', function() {
+        window.location.href = 'home.html';
+        return false;
+      });
+      $('#contact').bind('click', function() {
+        window.location.href = 'contact.html';
+        return false;
+      });
+      $('#gallery').bind('click', function() {
+        window.location.href = 'gallery.html';
+        return false;
+      });
+    });
+  </script>
+  <div id="nav">
+    <div id="home">Home</div>
+    <div id="info" class="selected">Club Info</div>
+    <div id="gallery">Galleries</div>
+    <div id="contact">Contact</div>
+  </div>
+
+  <div id="container">
+
+  <div>
+</body>
+</html>
diff --git a/people.jpg b/people.jpg
diff --git a/profession.jpg b/profession.jpg
diff --git a/romantic.jpg b/romantic.jpg