Adding login and email validation

David Savage/Login_and_Registration/Session/David_Savage_Displaying_Blocks.css

@@ -0,0 +1,108 @@
+/**{
+	outline: 2px dotted red
+}
+*/
+.Page_Container{
+	width: 1110px;
+	height: 860px;
+ 	background-color: #efe1b6;
+ 	display: block;
+ 	vertical-align: top;
+/* 	outline: 2px dotted blue;*/
+	border: 10px;
+	border-style: solid;
+	border-color: black;
+
+}
+
+.column_container_one{
+	width: 211px;
+	height: 830px;
+	background-color: #efe1b6;
+	display: inline-block;
+	vertical-align: top;
+/*	outline: 2px dotted blue;*/
+	padding-top: 30px;
+	padding-left: 30px;
+
+}
+
+.column_container_two{
+	width: 211px;
+	height: 830px;
+	background-color: #efe1b6;
+	display: inline-block;
+ 	vertical-align: top;
+	padding-top: 30px;
+/*	outline: 2px dotted blue;*/
+
+
+}
+
+.column_container_three{
+	width: 211px;
+	height: 830px;
+	background-color: #efe1b6;
+	display: inline-block;
+ 	vertical-align: top;
+ 	padding-top: 30px;
+/*	outline: 2px dotted blue;*/
+
+}
+
+.column_container_four{
+	width: 211px;
+	height: 830px;
+	background-color: #efe1b6;
+	display: inline-block;
+ 	vertical-align: top;
+ 	padding-top: 30px;
+/*	outline: 2px dotted blue;*/
+
+}
+
+.column_container_five{
+	width: 211px;
+	height: 830px;
+	background-color: #efe1b6;
+	display: inline-block;
+ 	vertical-align: top;
+ 	padding-top: 30px;
+/*	outline: 2px dotted blue;*/
+
+}
+
+.cat_picture_blue{
+	border-style: solid;
+	border_width: 5px;
+	/*outline*/: 2px solid black; 
+	border: 30px 30px 30px 30px;
+	border-color: #42d9f4;
+/*	padding: 10px 10px 10px 10px;
+	margin: 0px 5px 10px 10px;*/
+	background-color: #42d9f4;
+	display: block;
+	margin-bottom: 30px;
+
+
+}
+
+.cat_picture_red{
+	border-style: solid;
+	border_width: 5px;
+	/*outline*/: 2px solid black; 
+	border: 30px 0px 30px 30px;
+/*	border-color: #ed1777;*/
+	border-color: black;
+/*	padding: 10px 0px 12px 10px;
+	margin: 0px 5px 10px 10px;*/
+	background-color: #ed1777;
+	display: block;
+	margin-bottom: 30px;
+
+
+
+}
+
+
+

David Savage/Login_and_Registration/Session/Index.css

@@ -0,0 +1,8 @@
+*{
+	/*outline: 2px dotted black;*/
+}
+
+.error{
+	color: red;
+	background-color: orange;
+}

David Savage/Login_and_Registration/Static/David_Savage_Displaying_Blocks.css

@@ -0,0 +1,108 @@
+/**{
+	outline: 2px dotted red
+}
+*/
+.Page_Container{
+	width: 1110px;
+	height: 860px;
+ 	background-color: #efe1b6;
+ 	display: block;
+ 	vertical-align: top;
+/* 	outline: 2px dotted blue;*/
+	border: 10px;
+	border-style: solid;
+	border-color: black;
+
+}
+
+.column_container_one{
+	width: 211px;
+	height: 830px;
+	background-color: #efe1b6;
+	display: inline-block;
+	vertical-align: top;
+/*	outline: 2px dotted blue;*/
+	padding-top: 30px;
+	padding-left: 30px;
+
+}
+
+.column_container_two{
+	width: 211px;
+	height: 830px;
+	background-color: #efe1b6;
+	display: inline-block;
+ 	vertical-align: top;
+	padding-top: 30px;
+/*	outline: 2px dotted blue;*/
+
+
+}
+
+.column_container_three{
+	width: 211px;
+	height: 830px;
+	background-color: #efe1b6;
+	display: inline-block;
+ 	vertical-align: top;
+ 	padding-top: 30px;
+/*	outline: 2px dotted blue;*/
+
+}
+
+.column_container_four{
+	width: 211px;
+	height: 830px;
+	background-color: #efe1b6;
+	display: inline-block;
+ 	vertical-align: top;
+ 	padding-top: 30px;
+/*	outline: 2px dotted blue;*/
+
+}
+
+.column_container_five{
+	width: 211px;
+	height: 830px;
+	background-color: #efe1b6;
+	display: inline-block;
+ 	vertical-align: top;
+ 	padding-top: 30px;
+/*	outline: 2px dotted blue;*/
+
+}
+
+.cat_picture_blue{
+	border-style: solid;
+	border_width: 5px;
+	/*outline*/: 2px solid black; 
+	border: 30px 30px 30px 30px;
+	border-color: #42d9f4;
+/*	padding: 10px 10px 10px 10px;
+	margin: 0px 5px 10px 10px;*/
+	background-color: #42d9f4;
+	display: block;
+	margin-bottom: 30px;
+
+
+}
+
+.cat_picture_red{
+	border-style: solid;
+	border_width: 5px;
+	/*outline*/: 2px solid black; 
+	border: 30px 0px 30px 30px;
+/*	border-color: #ed1777;*/
+	border-color: black;
+/*	padding: 10px 0px 12px 10px;
+	margin: 0px 5px 10px 10px;*/
+	background-color: #ed1777;
+	display: block;
+	margin-bottom: 30px;
+
+
+
+}
+
+
+

David Savage/Login_and_Registration/Static/Index.css

@@ -0,0 +1,8 @@
+*{
+	/*outline: 2px dotted black;*/
+}
+
+.error{
+	color: red;
+	background-color: orange;
+}

David Savage/Login_and_Registration/Templates/David_Savage_Displaying_Blocks_With_Sound.html

@@ -0,0 +1,59 @@
+<!DOCTYPE html>
+<html  lang="en">
+<head>
+	<title>Display Blocks</title>
+	<link rel="stylesheet" type="text/css" href="David_Savage_Displaying_Blocks.css">
+</head>
+<body>
+	<div class="Page_Container" "David Savage Display Blocks">
+		<div class="column_container_one">
+           	<img class="cat_picture_blue" src="dojocat.jpg" height="170" width="170">
+           	<img class="cat_picture_blue" src="coder2.jpg" height="170" width="170">
+           	<img class="cat_picture_blue" src="cherry.jpg" height="170" width="170">
+           	<img class="cat_picture_blue" src="aidorucat.png" height="170" width="170">
+		</div>
+		<div class="column_container_two">
+           	<img class="cat_picture_red" src="heisencat.png" height="170" width="170">
+           	<img class="cat_picture_red" src="riddlocat.png" height="170" width="170">	
+           	<img class="cat_picture_red" src="oktobercat.png" height="170" width="170">
+           	<img class="cat_picture_red" src="domo-cat.png" height="170" width="170">
+		</div>
+		<div class="column_container_three">
+           	<img class="cat_picture_blue" src="linkcat.png" height="170" width="170">
+           	<img class="cat_picture_blue" src="chellocat.jpg" height="170" width="170">	
+           	<img class="cat_picture_blue" src="mario.png" height="170" width="170">
+           	<img class="cat_picture_blue" src="kantana.jpg" height="170" width="170">
+		</div>
+		<div class="column_container_four" height="170" width="170">
+           	<img class="cat_picture_red" src="ironcat.png" height="170" width="170">
+           	<img class="cat_picture_red" src="stormtroopocat.png" height="170" width="170">	
+           	<img class="cat_picture_red" src="cooler.png" height="170" width="170">
+           	<img class="cat_picture_red" src="daftpunk.gif" height="170" width="170">
+         </div>
+		<div class="column_container_five">
+           	<img class="cat_picture_blue" src="defunktocat.png" height="170" width="170">
+           	<img class="cat_picture_blue" src="visionary.jpg" height="170" width="170">	
+           	<img class="cat_picture_blue" src="jean-luc-picat.jpg" height="170" width="170">
+           	<img class="cat_picture_blue" src="codercat.jpg" height="170" width="170">
+         </div>
+	</div>
+  <div>
+    <audio id="audiotag1" src="dogbarking.wav" preload="auto"></audio>
+<!--     <a href="javascript:play_single_sound();">Play 5-sec sound on single channel</a> -->
+  </div>
+
+  <script type="text/javascript">
+
+    document.onclick = function(z){
+      console.log(z);
+      document.getElementById('audiotag1').play();
+    }
+    document.onkeydown = function(x){
+      console.log(x);
+    }
+
+
+  </script>
+
+</body>
+</html>