From af21d2b2184690bee4618522ec6ed1af68d12eae Mon Sep 17 00:00:00 2001
From: Teddy Wing <ted@teddywing.com>
Date: Thu, 25 Mar 2010 14:01:14 -0400
Subject: [PATCH] Added HTML form to submit your email

---
 pages/header.php | 38 +++++++++++++++++++++++++++++++++++++-
 styles.css       | 13 ++++++++++++-
 2 files changed, 49 insertions(+), 2 deletions(-)

diff --git a/pages/header.php b/pages/header.php
index 1bd0e50..bb530fa 100644
--- a/pages/header.php
+++ b/pages/header.php
@@ -15,8 +15,30 @@
 		});
 	}
 	
+	function hide_input_text (text) {
+		var inputText = '';
+		$('input[type=text]').focus(function() {
+			if ($(this).val() == text) {
+				inputText = $(this).val();
+				$(this).val('');
+			}
+		}).blur(function() {
+			if ($(this).val() == '')
+				$(this).val(text);
+		});
+	}
+	
 	$(document).ready(function() {
 		//setInterval('show_tweets()', 1000);
+		
+		hide_input_text('Email');
+		
+		$('#irc > div').hide();
+		$('#irc > h2').css('cursor', 'pointer').toggle(function() {
+			$('#irc > div').slideDown();
+		}, function() {
+			$('#irc > div').slideUp();
+		});
 	});
 // ]]>
 </script>
@@ -26,4 +48,18 @@
 
 	<div id="wrap">
 		
-		<h1 id="header">COMP 80</h1>
\ No newline at end of file
+		<h1 id="header">COMP 80</h1>
+		
+		<div id="irc">
+			<h2 style="margin-bottom: 0">Want to chat? Get the IRC details!</h2>
+			
+			<div>
+				<p><small>Enter your email address below and we'll send you the IRC connection details.</small></p>
+				
+				<form action="" method="post" class="email">
+					<input type="text" name="email" value="Email" />
+					<input type="submit" value="Send" />
+				</form>
+			<hr />
+			</div>
+		</div>
\ No newline at end of file
diff --git a/styles.css b/styles.css
index 50a66ab..cc5ade8 100644
--- a/styles.css
+++ b/styles.css
@@ -40,6 +40,7 @@ div.tweet p { margin-top: 4px; margin-bottom: 4px; }
 	float: left;
 	margin-top: 2px;
 	margin-left: -70px;
+/*	border: 2px solid rgba(0,0,0,0.3);*/
 }
 p.tweet {
 	margin-left: -15px;
@@ -53,6 +54,16 @@ p.tweet-info .from-user { font-style: italic; }
 #footer .me { color: #8D5A2F; }
 
 
+hr { background-color: #444; border: none; height: 1px; }
+
+
 /* .. Type .. */
+h2 { font-size: 13px; font-weight: normal; text-align: center; color: #A89545; }
+
 a { color: #86762F; }
-a:hover { color: #A89545; }
\ No newline at end of file
+a:hover { color: #A89545; }
+
+
+/* .. Form .. */
+.email { display: block; text-align: center; }
+.email input[type="text"] { font-size: 12px; }
\ No newline at end of file
-- 
2.11.4.GIT