From d781e1a73bd5f29e066cba42663637c83a5e03d7 Mon Sep 17 00:00:00 2001 From: ksjdragon Date: Mon, 8 Feb 2016 16:57:50 -0500 Subject: [PATCH] css --- scheduleac/client/client.css | 123 +++++++++++++++++++++++++++++++++- scheduleac/client/client.html | 52 ++++++++------ scheduleac/client/client.js | 76 +++++++++++++++------ scheduleac/server/serve.js | 1 + 4 files changed, 207 insertions(+), 45 deletions(-) diff --git a/scheduleac/client/client.css b/scheduleac/client/client.css index 7481a79..948c9fd 100644 --- a/scheduleac/client/client.css +++ b/scheduleac/client/client.css @@ -1,5 +1,122 @@ +@font-face { + font-family: 'Lato'; + src: url('./fonts/lato-light.woff'); +} +html { + -webkit-touch-callout: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + overflow: hidden; +} + +body { + background-color: #F4E1EC; + overflow: hidden; +} + +h1 { + font-family: Lato; + font-size: 300%; + text-align: center; +} #date { - max-width: 40%; - margin-left: 5%; -} \ No newline at end of file + margin-top:1%; + max-width: 60%; +} + +.eachDay { + font-family: Lato; + font-color: #353535; + max-width:30%; + background-color: #136FB5; + box-shadow: 4px 5px 3px 2px #444; + margin-left: auto; + margin-right: auto; + margin-bottom:2%; + padding-top: 1.5%; + padding-bottom: 1%; + padding-left: 3%; + padding-right: 5%; + + -webkit-transition: transform 0.5s ease; + -moz-transition: transform 0.5s ease; + -ms-transition: transform 0.5s ease; + transition: transform 0.5s ease; +} + +.eachDay:hover { + -webkit-transform: scale(1.02); + -moz-transform: scale(1.02); + -ms-transform: scale(1.02); + transform: scale(1.02); +} + +.recent { + font-color: #353535; + background-color: #5BEF78; +} + +.scheduleList { + margin-top: 20%; +} + +.type { + font-size:600%; + max-width:30%; +} + +.date { + font-size:250%; + padding-top:2%; +} + +.pulltab { + position:absolute; + margin-top:4%; + width: 0; + height: 0; + border-top: 40px solid transparent; + border-bottom: 40px solid transparent; + + border-left: 40px solid #FF746B; + + -webkit-transition: transform 0.2s ease, border 0.2s ease, margin 0.3s ease; + -moz-transition: transform 0.2s ease, border 0.2s ease, margin 0.3s ease; + -ms-transition: transform 0.2s ease, border 0.2s ease, margin 0.3s ease; + transition: transform 0.2s ease, border 0.2s ease, margin 0.3s ease; + +} + +.pulltab:hover { + -webkit-transform: scale(1.3); + -moz-transform: scale(1.3); + -ms-transform: scale(1.3); + transform: scale(1.3); +} + +.sidebar { + position:absolute; + min-height:100%; + + background-color: #FF746B; + box-shadow: 2px 2px 5px 3px #444; + padding-left: 5%; + padding-right: 2%; + padding-top: 2%; +} + +.scale { + font-family: Lato; + min-height:100%; + min-width:17%; + position: absolute; + top: 0; + left: -20%; + + -webkit-transition: transform 0.3s ease; + -moz-transition: transform 0.3s ease; + -ms-transition: transform 0.3s ease; + transition: transform 0.3s ease; +} \ No newline at end of file diff --git a/scheduleac/client/client.html b/scheduleac/client/client.html index 27c9c57..8208356 100644 --- a/scheduleac/client/client.html +++ b/scheduleac/client/client.html @@ -1,44 +1,52 @@ - scheduleac + AC/Health Schedule -

Welcome to Meteor!

- {{> loginButtons}} - {{> client}} + {{> client}} - - {{#if allowed}} - - - - - {{/if}} + \ No newline at end of file diff --git a/scheduleac/client/client.js b/scheduleac/client/client.js index ade2d1d..c6d4ba5 100644 --- a/scheduleac/client/client.js +++ b/scheduleac/client/client.js @@ -1,6 +1,8 @@ var allowedu = {}; +var clicked = false; allowedu["ybq987@gmail.com"] = true; allowedu["dweinger@bloomfield.org"] = true; +allowedu["ksjdragon@gmail.com"]= true; Meteor.subscribe('schedule'); @@ -15,34 +17,37 @@ Template.client.helpers({ return schedule.find({}, {sort: {timestamp: 1}, limit: 1}).fetch(); }, - allowed: function() { - if (!(Meteor.user() === undefined) && Meteor.user().services.google.email in allowedu) { - return true - } else { - return false; - } - } - - }); Template.client.events({ - "focus input": function() { - today = new Date() - $('#date').datepicker({ - startDate: today.toLocaleDateString(), - orientation: "top auto", - daysOfWeekDisabled: "0,6", - autoclose: true, - todayHighlight: true - }); - }, - "click button": function() { pre = document.getElementById("date").value; document.getElementById("date").value = ""; post = document.getElementById('post').value; Meteor.call('add_button', this, pre, post); + }, + + "click .pulltab": function() { + clicked = !clicked; + Session.set("sidebar", clicked); + if(clicked) { + $(".pulltab").css("border-left", "40px solid #DD655D").css("margin-left", "17%"); + $(".scale") + .css("-webkit-transform", "translateX(117%)") + .css("-moz-transform", "translateX(117%)") + .css("-ms-transform", "translateX(117%)") + .css("transform", "translateX(117%)"); + + } else { + $(".pulltab").css("border-left", "40px solid #FF746B").css("margin-left", "0"); + $(".scale") + .css("-webkit-transform", "translateX(-59%)") + .css("-moz-transform", "translateX(-59%)") + .css("-ms-transform", "translateX(-59%)") + .css("transform", "translateX(-59%)"); + } + + } }); @@ -63,3 +68,34 @@ Template.recent.helpers({ return this.aftertext; } }); + +Template.sidebar.helpers({ + allowed: function() { + if (!(Meteor.user() === undefined) && Meteor.user().services.google.email in allowedu) { + return true; + } else { + return false; + } + } +}); + +Template.sidebar.events({ + "focus input": function() { + today = new Date() + $('#date').datepicker({ + startDate: today.toLocaleDateString(), + orientation: "top auto", + daysOfWeekDisabled: "0,6", + autoclose: true, + todayHighlight: true + }); + } +}) + +function getScale(number) { + +} + + + + diff --git a/scheduleac/server/serve.js b/scheduleac/server/serve.js index 54024d0..c483dc8 100644 --- a/scheduleac/server/serve.js +++ b/scheduleac/server/serve.js @@ -1,6 +1,7 @@ var allowed = {}; allowed["ybq987@gmail.com"] = true; allowed["dweinger@bloomfield.org"] = true; +allowed["ksjdragon@gmail.com"] = true; schedule.permit(['insert', 'update', 'remove']).never().apply();