From 5b58cee994b801eef928a95013232f725b40081e Mon Sep 17 00:00:00 2001
From: ksjdragon <ksjdragon@gmail.com>
Date: Wed, 10 Feb 2016 00:25:27 -0500
Subject: [PATCH] Implemented CSS more on sidebar, started scrolling
 functionality

---
 scheduleac/client/client.css  | 78 ++++++++++++++++++++++++++++++-----
 scheduleac/client/client.html |  5 ++-
 scheduleac/client/client.js   | 22 ++++++++--
 3 files changed, 88 insertions(+), 17 deletions(-)

diff --git a/scheduleac/client/client.css b/scheduleac/client/client.css
index be0f075..8a5db64 100644
--- a/scheduleac/client/client.css
+++ b/scheduleac/client/client.css
@@ -21,16 +21,55 @@ h1 {
 	font-size: 300%;
 }
 
-a:hover {
-	text-decoration: none;
-}
-
 #date {
-	margin-top:1%;
-	max-width: 60%;
+	margin-top:4%;
+	margin-left: 3.5%;
+	max-width: 50%;
 }
 
+#post {
+	font-size: 150%;
+	float: right;
+	display: inline;
+	margin-top: -10.5%;
+	margin-right: 8%;
+	width: 35%;
+	min-height: 50%;
+}
+
+#button {
+	margin-left: 3.5%;
+	margin-top: 3%;
+	font-size: 200%;
+	width: 88%;
+	color: #fff;
+	background-color: #DD655D;
+	border: 0;
+	cursor: pointer;
+	text-decoration: none;
+	text-align: left;
+	outline: none;
+
+	-webkit-transition: background-color 0.5s ease;
+	-moz-transition: background-color 0.5s ease;
+	-ms-transition: background-color 0.5s ease; 
+	transition: background-color 0.5s ease;
+}
+
+#button:hover {
+	background-color: #EA4D4D;
+}
+
+.login-display-name {
+	display: none !important;
+}
+.login-button {
+	margin-left: 20% !important;
+	width: 100% !important;
+	height: 28px !important;
+}
 .eachDay {
+	position: relative;
 	font-family: Lato;
 	color: #353535;
 	max-width: 30%;
@@ -127,14 +166,15 @@ a:hover {
 }	
 
 .fa {
+	float:right;
+	clear:right;
+	margin-top: -50%;
+	margin-right:-18%;
+
 	-webkit-transition: color 0.5s ease;
 	-moz-transition: color 0.5s ease;
 	-ms-transition: color 0.5s ease; 
 	transition: color 0.5s ease;
-	float: right;
-	margin-top: -59.5%;
-	margin-right: -17.9%;
-
 }
 
 .fa:hover {
@@ -142,7 +182,23 @@ a:hover {
 }
 
 .about {
-	margin-top: 217%;
+	position: absolute;
+	bottom: 3%;
+	max-width: 70%;
 	margin-left: 3.5%;
 	font-size: 110%;
+}
+
+.github {
+	font-size: 120%;
+
+	-webkit-transition: color 0.3s ease;
+	-moz-transition: color 0.3s ease;
+	-ms-transition: color 0.3s ease; 
+	transition: color 0.3s ease;
+
+}
+.github:hover {
+	text-decoration: none;
+	color: #69CBE4;
 }
\ No newline at end of file
diff --git a/scheduleac/client/client.html b/scheduleac/client/client.html
index d87bdc3..abfbe75 100644
--- a/scheduleac/client/client.html
+++ b/scheduleac/client/client.html
@@ -52,9 +52,10 @@
 			  <option value="AC">AC</option>
 			  <option value="Health">Health</option>
 			</select>
-			<button>Submit</button>
+			<button id="button">Update!</button>
 			<div class='about'>
-				<p>Developed by Yaman Qalieh and Kenny Jao <a target="_blank" href="https://github.com/yamanq/scheduleac">Github</a> </p>
+				<p>Developed by Yaman Qalieh and Kenny Jao</p>
+				<a class="github" target="_blank" href="https://github.com/yamanq/scheduleac">Github</a>
 			</div>
 			{{/if}}
 	</div>
diff --git a/scheduleac/client/client.js b/scheduleac/client/client.js
index 3c8a1e4..79d3997 100644
--- a/scheduleac/client/client.js
+++ b/scheduleac/client/client.js
@@ -47,8 +47,6 @@ Template.client.events({
 			.css("-ms-transform", "translateX(-59%)")
 			.css("transform", "translateX(-59%)");
 		}
-		
-		
 	}
 });
 
@@ -82,6 +80,11 @@ Template.day.helpers({
 Template.day.events({
 	'click .fa' : function() {
 		Meteor.call('remove', this);
+	},
+
+	'click .eachDay' : function() {
+		var user_id = Session.get('user_id')
+		console.log(user_id);
 	}
 })
 
@@ -141,8 +144,19 @@ Template.sidebar.events({
 	}
 })
 
-function getScale(number) {
-			
+Template.day.rendered = function() {
+	$('.eachDay').each(function ( index ) {
+		$('.eachDay').eq(index)
+		.css("z-index", 100-index)
+		.css("-webkit-transform", "scale(" + getScale(index, 0) + ")")
+		.css("-moz-transform", "scale(" + getScale(index, 0) + ")")
+		.css("-ms-transform", "scale(" + getScale(index, 0) + ")")
+		.css("transform", "scale(" + getScale(index, 0) + ")");
+	})
+}
+
+function getScale(index, start) {
+	return Math.abs(index-start) * -0.2 + 1.5
 }