Commiting to master

uiucwebmonkeys · Nov 9, 2012 · 19c88a5 · 19c88a5
1 parent 6feb820
commit 19c88a5
Show file tree

Hide file tree

Showing 409 changed files with 57,792 additions and 2 deletions.
diff --git a/about.html b/about.html
@@ -0,0 +1,83 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+	<title>Code Blue</title>
+
+	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+
+	<style>
+		@import url("./css/reset.css");
+		@import url("./css/common.css");
+		@import url("./css/desktop.css");
+	</style>
+</head>
+<body>
+	<header id="header">
+		<h1 id="header-title"><a href="index.html">Code Blue</a></h1>
+
+		<nav id="header-nav">
+			<ul>
+				<li><a href="about.html">What's Code Blue</a></li>
+				<li><a href="login.html">Login</a></li>
+				<li><a href="signup.html">Sign Up</a></li>
+			</ul>
+		</nav>
+
+		<div class="clear"></div>
+
+	</header>
+
+	<section id="content">
+
+		<div id="padding-content"><!-- padding-content -->
+		     <div id="leftNav">	
+			<ul>
+				<a href="about.html"><li>About</li></a>
+				<a href="team.html"><li>Team</li></a>
+				<a href="contact.html"><li>Contact</li></a>
+			</ul>
+		     </div>
+
+		     <div id="main_content"><!-- content -->
+			<h3>So, What's CodeBlue Anyway?</h3>
+			<p>
+				Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+			</p>
+			<p>
+				Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+			</p>
+
+			<h3>Upcoming Features</h3>
+			<blockquote>
+				<ul>
+					<li>- Syntax Highlighting</li>
+					<li>- Function Reference</li>
+					<li>- Code Snippets</li>
+				</ul>
+			</blockquote>
+
+			<h3>UIUC Web Monkeys</h3>
+			<p>
+				Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+			</p>
+		     </div><!-- end main_content -->
+
+		</div><!-- padding-content -->
+
+	</section>
+
+	<footer id="footer">
+
+		<nav id="footer-nav">
+			<ul>
+				<li><a href="about.html">About</a></li>
+				<li><a href="">Legal</a></li>
+				<li><a href="">Github</a></li>
+				<li><a href="contact.html">Contact</a></li>
+			</ul>
+		</nav>
+
+	</footer>
+
+</body>
+</html>
diff --git a/contact.html b/contact.html
@@ -0,0 +1,67 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+	<title>Code Blue</title>
+
+	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+
+	<style>
+		@import url("./css/reset.css");
+		@import url("./css/common.css");
+		@import url("./css/desktop.css");
+	</style>
+</head>
+<body>
+	<header id="header">
+		<h1 id="header-title"><a href="index.html">Code Blue</a></h1>
+
+		<nav id="header-nav">
+			<ul>
+				<li><a href="about.html">What's Code Blue</a></li>
+				<li><a href="login.html">Login</a></li>
+				<li><a href="signup.html">Sign Up</a></li>
+			</ul>
+		</nav>
+
+		<div class="clear"></div>
+
+	</header>
+
+	<section id="content">
+
+		<div id="padding-content"><!-- padding-content -->
+		     <div id="leftNav">	
+			<ul>
+				<a href="about.html"><li>About</li></a>
+				<a href="team.html"><li>Team</li></a>
+				<a href="contact.html"><li>Contact</li></a>
+			</ul>
+		     </div>
+
+		     <div id="main_content"><!-- content -->
+
+			<h3>Contact UIUC Web Monkeys</h3>
+
+			<p><strong>Website:</strong> <a href="http://www.acm.uiuc.edu/webmonkeys" target="_blank">www.acm.uiuc.edu/webmonkeys</a></p>
+			<p><strong>Github:</strong> <a href="https://github.com/acm-uiuc/CodeBlue" target="_blank">www.github.com/acm-uiuc/CodeBlue</a></p>
+		     </div><!-- end main_content -->
+
+		</div><!-- padding-content -->
+
+	</section>
+
+	<footer id="footer">
+
+		<nav id="footer-nav">
+			<ul>
+				<li><a href="about.html">About</a></li>
+				<li><a href="">Legal</a></li>
+				<li><a href="">Github</a></li>
+				<li><a href="contact.html">Contact</a></li>
+			</ul>
+		</nav>
+
+	</footer>
+
+</body>
+</html>
diff --git a/css/common.css b/css/common.css
@@ -0,0 +1,165 @@
+/* Generic */
+
+html {
+	font-family: sans-serif;
+}
+
+html, body {
+	margin: 0;
+	padding: 0;
+}
+
+body {
+	background: #cadced url("../img/bg.png") no-repeat center center fixed;
+}
+
+h1, h2, h3, h4, h5, h6 {
+	color: #003366
+}
+
+a {
+	color: #305171;
+	text-decoration: none;
+}
+
+a:hover {
+	text-decoration: underline;
+}
+
+/* Table */
+table
+{
+	width: 100%;
+	border-spacing: 0;
+	border-collapse: collapse;
+	border: 1px solid #CCCCCC;
+}
+
+table caption
+{
+	background: #FFFFFF;
+	border: 1px solid #CCCCCC;
+	text-align: left;
+	padding: 0.5em 1em;
+	margin-bottom: 0.75em;
+	border-radius: 5px;
+	background: #FAFAFA;
+}
+
+table caption h1, table caption h2, table caption h3, table caption h4, table caption h5, table caption h6
+{
+	margin: 0;
+}
+
+table th, table td
+{
+	padding: 0.25em 0.5em; 
+}
+
+table thead th
+{
+	background: #FAFAFA url("../img/table_thead_bg.png") repeat-x;
+	padding: 0.1em 1em;
+	font-size: 80%;
+	text-transform: uppercase;
+	text-align: left;
+	color: #003366
+}
+
+table tbody tr
+{
+	border-top: 1px solid #DDDDDD;
+}
+
+table tbody tr th
+{
+	background: #FFFFFF;
+	text-align: left;
+}
+
+table tbody tr td
+{
+	background: #FFFFFF;
+}
+
+table th img
+{
+	width: 16px;
+	height: 16px;
+}
+
+/* Header */
+
+#header {
+	background: url("../img/header-bg.png") repeat-x;
+}
+
+#header-title a {
+	text-indent: -10000px;
+	background: url("../img/logo.png") no-repeat;
+}
+
+#header a {
+	color: white;
+}
+
+/* Menu Nav */
+nav.menu
+{
+	padding: 0.5em 0;
+	border-radius: 5px;
+	-moz-border-radius: 5px;
+	-webkit-border-radius: 5px;
+	border: 1px solid #CCCCCC;
+	background: #FAFAFA;
+}
+
+nav.menu img
+{
+	vertical-align: middle;
+}
+
+nav.menu p
+{
+	margin: 0 1em 0.5em;
+}
+
+nav.menu ul
+{
+	margin: 0;
+	padding: 0;
+}
+
+nav.menu ul li
+{
+	padding: 0 0 0 10px;
+	list-style: none;
+}
+
+nav.menu ul li a
+{
+	display: block;
+	padding: 0.3em 0.3em 0.3em 10px;
+	margin-left: -10px;
+	background: #F4F4F4 url("../img/menu_item_bg.png") repeat-x;
+	border-top: 1px solid #ECECEC;
+}
+
+nav.menu ul li a:hover
+{
+	border-top-color: #DDDDDD;
+	border-bottom-color: #DDDDDD;
+	border-left: 3px solid red;
+	padding-left: 7px;
+	background: #F5F5F5 url("../img/menu_item_hover_bg.png");
+}
+
+nav.menu ul li:last-child a
+{
+	border-bottom: 1px solid #ECECEC
+}
+
+/* Useful styles */
+.clear {
+	clear: both;
+}