Initial copy of old site.

2018-08-14 10:56:12 -07:00
parent 94000458e4
commit 7c516cf4d4
112 changed files with 1822 additions and 1791 deletions
--- a/.gitignore
+++ b/.gitignore
@@ -1,3 +1,27 @@
 node_modules
 .idea
 private
+
+public/images/Modified For Website/2014 Community/
+
+public/images/Modified For Website/2014 AVHS/
+
+public/images/Modified For Website/2013 community/
+
+public/images/Modified For Website/2013 avhs/
+
+public/images/2017 AVHS photo gallery/
+
+public/images/2016 AVHS photo gallery/
+
+public/images/2015 Community photo gallery/
+
+public/images/2015 AVHS photo gallery/
+
+public/images/2014 Community photo gallery/
+
+public/images/2014 AVHS photo gallery/
+
+public/images/2013 AVHS photo gallery/
+
+public/images/2013 AVES photo gallery/
--- a/.meteor/.finished-upgraders
+++ b/.meteor/.finished-upgraders
@@ -15,3 +15,4 @@ notices-for-facebook-graph-api-2
 1.4.1-add-shell-server-package
 1.4.3-split-account-service-packages
 1.5-add-dynamic-import-package
+1.7-split-underscore-from-meteor-base
--- a/.meteor/packages
+++ b/.meteor/packages
@@ -4,25 +4,25 @@
 # 'meteor add' and 'meteor remove' will edit this file for you,
 # but you can also edit it by hand.

-meteor-base@1.3.0             	# Packages every Meteor app needs to have
+meteor-base@1.4.0             	# Packages every Meteor app needs to have
 mobile-experience@1.0.5       	# Packages for a great mobile UX
-mongo@1.4.2                       	# The database Meteor supports right now
+mongo@1.5.0                       	# The database Meteor supports right now
 blaze-html-templates@1.0.4    	# Compile .html files into Meteor Blaze views
 reactive-var@1.0.11            	# Reactive variable for tracker
 reactive-dict@1.2.0				# ???
-tracker@1.1.3                	# Meteor's client-side reactive programming library
+tracker@1.2.0                	# Meteor's client-side reactive programming library
 tomwasd:history-polyfill		# Adds IE 8/9 support for HTML5 history.
 email@1.2.3							# Adds the Meteor/Email package for sending lost password emails

-standard-minifier-css@1.4.0   	# CSS minifier run for production mode
-standard-minifier-js@2.3.1    	# JS minifier run for production mode
-es5-shim@4.7.0                	# ECMAScript 5 compatibility for older browsers.
+standard-minifier-css@1.4.1   	# CSS minifier run for production mode
+standard-minifier-js@2.3.4    	# JS minifier run for production mode
+es5-shim@4.8.0                	# ECMAScript 5 compatibility for older browsers.
 poorvavyas:es6-shim
-ecmascript@0.10.0  	            	# Enable ECMAScript2015+ syntax in app code
+ecmascript@0.11.1  	            	# Enable ECMAScript2015+ syntax in app code

 #accounts-ui
 #accounts-base
-accounts-password@1.5.0
+accounts-password@1.5.1
 useraccounts:core
 useraccounts:unstyled
 useraccounts:flow-routing   	# Configures email flows.  Used for AccountsTemplates class.
@@ -37,7 +37,7 @@ shell-server@0.3.1					# ???
 meteortoys:allthings
 session@1.1.7
 ##browser-policy					# Adds support for specifying browser level security rules related to content and what's allowed to laod on the page.
-check@1.3.0							# Allows for checking the structure and types of arguments passed to Meteor methods and publications.
+check@1.3.1							# Allows for checking the structure and types of arguments passed to Meteor methods and publications.
 #audit-argument-checks			# Used in combination with the Check package for checking the structure and types of arguments passed to Meteor methods and publications. Automatically alerts when a method or publication does not use a check() call.

 aldeed:simple-schema@1.5.3
@@ -60,8 +60,9 @@ juliancwirko:s-alert			# Client error/alert handling
 jcbernack:reactive-aggregate	# Allows us to create a new client collection (from the server) with the contents being an aggregate of server data.  Note that aggregation can only be done on the server currently as mini-mongo does not support it.
 ostrio:logger
 ostrio:loggermongo
-dynamic-import@0.3.0
+dynamic-import@0.4.0
 markdown@1.0.12
 wcrisman:jquery-custom-scrollbar

 stylus@=2.513.14  				# This package is no longer supported, but it still works and is available.  It provides support for reading .styl files on the client and converting them to CSS on the fly.  The alternative would be to compile the styl files to CSS on the server ahead of time.
+underscore
--- a/.meteor/release
+++ b/.meteor/release
@@ -1 +1 @@
-METEOR@1.6.1
+METEOR@1.7.0.3
--- a/.meteor/versions
+++ b/.meteor/versions
@@ -1,63 +1,63 @@
 accounts-base@1.4.2
-accounts-password@1.5.0
+accounts-password@1.5.1
 alanning:roles@1.2.16
 aldeed:collection2@2.10.0
 aldeed:collection2-core@1.2.0
 aldeed:schema-deny@1.1.0
 aldeed:schema-index@1.1.1
-aldeed:simple-schema@1.5.3
+aldeed:simple-schema@1.5.4
 aldeed:template-extension@4.1.0
 allow-deny@1.1.0
 arillo:flow-router-helpers@0.5.2
-autoupdate@1.4.0
-babel-compiler@7.0.0
+autoupdate@1.4.1
+babel-compiler@7.1.1
 babel-runtime@1.2.2
-base64@1.0.10
+base64@1.0.11
 binary-heap@1.0.10
 blaze@2.3.2
 blaze-html-templates@1.1.2
 blaze-tools@1.0.10
-boilerplate-generator@1.4.0
-caching-compiler@1.1.11
-caching-html-compiler@1.1.2
+boilerplate-generator@1.5.0
+caching-compiler@1.1.12
+caching-html-compiler@1.1.3
 callback-hook@1.1.0
-check@1.3.0
+check@1.3.1
 coffeescript@1.0.17
 ddp@1.4.0
-ddp-client@2.3.1
+ddp-client@2.3.3
 ddp-common@1.4.0
 ddp-rate-limiter@1.0.7
-ddp-server@2.1.2
+ddp-server@2.2.0
 deps@1.0.12
 diff-sequence@1.1.0
-dynamic-import@0.3.0
-ecmascript@0.10.0
-ecmascript-runtime@0.5.0
-ecmascript-runtime-client@0.6.0
-ecmascript-runtime-server@0.5.0
+dynamic-import@0.4.1
+ecmascript@0.11.1
+ecmascript-runtime@0.7.0
+ecmascript-runtime-client@0.7.1
+ecmascript-runtime-server@0.7.0
 ejson@1.1.0
 email@1.2.3
-es5-shim@4.7.3
+es5-shim@4.8.0
 fortawesome:fontawesome@4.7.0
 geojson-utils@1.0.10
 hot-code-push@1.0.4
 html-tools@1.0.11
 htmljs@1.0.11
-http@1.4.0
+http@1.4.1
 id-map@1.1.0
 jcbernack:reactive-aggregate@0.7.0
-jquery@1.11.10
+jquery@1.11.11
 juliancwirko:s-alert@3.2.0
 kadira:blaze-layout@2.3.0
 kadira:flow-router@2.12.1
 launch-screen@1.1.1
 livedata@1.0.18
 localstorage@1.2.0
-logging@1.1.19
+logging@1.1.20
 markdown@1.0.12
 mdg:validation-error@0.2.0
-meteor@1.8.2
-meteor-base@1.3.0
+meteor@1.9.2
+meteor-base@1.4.0
 meteorhacks:aggregate@1.3.0
 meteorhacks:collection-utils@1.2.0
 meteortoys:allthings@4.0.0
@@ -76,58 +76,57 @@ meteortoys:status@4.0.0
 meteortoys:sub@4.0.0
 meteortoys:throttle@4.0.0
 meteortoys:toggle@4.0.0
-meteortoys:toykit@4.0.1
-minifier-css@1.3.0
-minifier-js@2.3.1
-minimongo@1.4.3
+meteortoys:toykit@4.0.2
+minifier-css@1.3.1
+minifier-js@2.3.5
+minimongo@1.4.4
 mizzao:bootboxjs@4.4.0
 mobile-experience@1.0.5
 mobile-status-bar@1.0.14
-modules@0.11.3
-modules-runtime@0.9.2
-momentjs:moment@2.20.1
-mongo@1.4.2
+modern-browsers@0.1.2
+modules@0.12.2
+modules-runtime@0.10.2
+momentjs:moment@2.22.2
+mongo@1.5.1
 mongo-dev-server@1.1.0
-mongo-id@1.0.6
+mongo-id@1.0.7
 mongo-livedata@1.0.12
 msavin:jetsetter@4.0.0
 msavin:mongol@4.0.1
 npm-bcrypt@0.9.3
-npm-mongo@2.2.34
+npm-mongo@3.0.11
 observe-sequence@1.0.16
 ordered-dict@1.1.0
-ostrio:logger@2.0.6
-ostrio:loggermongo@2.0.3
+ostrio:logger@2.0.7
+ostrio:loggermongo@2.0.4
 poorvavyas:es6-shim@0.21.1
-promise@0.10.1
+promise@0.11.1
 raix:eventemitter@0.1.3
 random@1.1.0
-rate-limit@1.0.8
+rate-limit@1.0.9
 reactive-dict@1.2.0
 reactive-var@1.0.11
 reload@1.2.0
 retry@1.1.0
-routepolicy@1.0.12
-server-render@0.3.0
+routepolicy@1.0.13
 service-configuration@1.0.11
 session@1.1.7
 sha@1.0.9
 shell-server@0.3.1
-shim-common@0.1.0
-socket-stream-client@0.1.0
+socket-stream-client@0.2.2
 softwarerero:accounts-t9n@1.3.11
 spacebars@1.0.15
 spacebars-compiler@1.1.3
 srp@1.0.10
-standard-minifier-css@1.4.0
-standard-minifier-js@2.3.1
+standard-minifier-css@1.4.1
+standard-minifier-js@2.3.4
 stylus@2.513.14
 templating@1.3.2
 templating-compiler@1.3.3
 templating-runtime@1.3.2
 templating-tools@1.1.2
 tomwasd:history-polyfill@0.0.1
-tracker@1.1.3
+tracker@1.2.0
 ui@1.0.13
 underscore@1.0.10
 url@1.2.0
@@ -135,6 +134,6 @@ useraccounts:core@1.14.2
 useraccounts:flow-routing@1.14.2
 useraccounts:unstyled@1.14.2
 wcrisman:jquery-custom-scrollbar@3.0.0
-webapp@1.5.0
+webapp@1.6.2
 webapp-hashing@1.0.9
 zimme:active-route@2.3.2
--- a/client/head.html
+++ b/client/head.html
@@ -1,5 +1,5 @@
 <head>
-	<title>PT App</title>
+	<title>*Anderson Valley Education Foundation</title>
 	<!--<meta http-equiv="content-type" content="text/html; charset=UTF8">-->
 	<meta name="viewport" content="width=device-width, initial-scale=1">
 	<meta charset="UTF8">
--- a/client/main.styl
+++ b/client/main.styl
@@ -1,4 +1,12 @@
-@import url('//fonts.googleapis.com/css?family=PT+Sans|Grand+Hotel|Open+Sans:400,600');
+@import url('//fonts.googleapis.com/css?family=PT+Sans|Grand+Hotel|Open+Sans:400,600')
+
+
+formatTiny = 480px
+formatSmall = 650px
+formatMedium = 750px
+formatLarge = 960px
+formatHuge = 1200px
+

 *
 	-webkit-tap-highlight-color: transparent
@@ -21,14 +29,17 @@ html
 	height: 100%
 	min-height: 100%
 body
-	font-family: verdana, arial, helvetica, sans-serif
-	font-size: 1.0em
+	font: 0.875em/1.71429 Corbel,'Helvetica Neue',Helvetica,Arial,sans-serif
 	height: 100%
 	min-height: 100%
 	background: #F6F6F6
 #__blaze-root
 	height: 100%

+.textView
+	border: 1px solid #DDD
+	padding: 6px 20px
+
 //Standard Stylings
 .noselect
 	-webkit-touch-callout: none; /* iOS Safari */
@@ -143,5 +154,19 @@ body

@import "../imports/ui/Home.import.styl"

-@import "../imports/ui/AdminHome.import.styl"
+@import "../imports/ui/InternshipJobs.import.styl"
@import "../imports/ui/UserManagement.import.styl"
+
+@import "../imports/ui/Grants.import.styl"
+@import "../imports/ui/Internships.import.styl"
+@import "../imports/ui/Scholarships.import.styl"
+@import "../imports/ui/Fellowships.import.styl"
+@import "../imports/ui/News&Notices.import.styl"
+@import "../imports/ui/PhotoGallery.import.styl"
+@import "../imports/ui/Appreciation.import.styl"
+@import "../imports/ui/Support.import.styl"
+
+@import "../imports/ui/About.import.styl"
+@import "../imports/ui/Contact.import.styl"
+@import "../imports/ui/Programs.import.styl"
+@import "../imports/ui/ImportantDates.import.styl"
--- a/imports/startup/both/accounts.js
+++ b/imports/startup/both/accounts.js
@@ -5,12 +5,13 @@ AccountsTemplates.configure({
 	showForgotPasswordLink: true,
 	defaultTemplate: 'OverrideAtForm',
 	//defaultTemplate: 'AuthorizationPage',  //The template for all the forms related to logging in or out.
-	defaultLayout: 'Login',  //What page template to place the defaultTemplate in.
-	defaultContentRegion: 'content',  //The content region of the page template to place the defaultTemplate in.
+	defaultLayout: 'Login',  //What Admin template to place the defaultTemplate in.
+	defaultContentRegion: 'content',  //The content region of the Admin template to place the defaultTemplate in.
 	defaultLayoutRegions: {},
 	// defaultLayout: 'Body',
 	// defaultContentRegion: 'content',
 	// defaultLayoutRegions: {}
+	homeRoutePath: '/Admin/InternshipJobs',
 	texts: {
 		title: {
 			signIn: ""
--- a/imports/startup/client/routes.js
+++ b/imports/startup/client/routes.js
@@ -10,22 +10,22 @@ let pri = FlowRouter.group({

 //**** ADMIN
 pri.route("/admin", {
-	triggersEnter: [function(context, redirect) {redirect("/Admin/Home");}]
+	triggersEnter: [function(context, redirect) {redirect("/Admin/InternshipJobs");}]
 });
 pri.route("/Admin", {
-	triggersEnter: [function(context, redirect) {redirect("/Admin/Home");}]
+	triggersEnter: [function(context, redirect) {redirect("/Admin/InternshipJobs");}]
 });
 AccountsTemplates.configureRoute('signIn', {
 	name: 'SignIn',
-	path: '/Admin/SignIn'
+	path: '/Login'
 });
 AccountsTemplates.configureRoute('resetPwd', {
 	name: 'ResetPwd',
-	path: '/Admin/ResetPwd'
+	path: '/ResetPwd'
 });
 AccountsTemplates.configureRoute('forgotPwd', {
 	name: 'ForgotPwd',
-	path: '/Admin/ForgotPwd'
+	path: '/ForgotPwd'
 });

 pri.route("/Admin/Home", {
@@ -35,13 +35,34 @@ pri.route("/Admin/Home", {
 		BlazeLayout.render("Admin", {content: "AdminHome"})
 	}
 });
+pri.route("/Admin/BoardEditor", {
+	name: "BoardEditor",
+	action: function(params, queryParams) {
+		require("/imports/ui/Admin/BoardEditor.js");
+		BlazeLayout.render("Admin", {content: "BoardEditor"})
+	}
+});
+pri.route("/Admin/DatesEditor", {
+	name: "DatesEditor",
+	action: function(params, queryParams) {
+		require("/imports/ui/Admin/DatesEditor.js");
+		BlazeLayout.render("Admin", {content: "DatesEditor"})
+	}
+});
 pri.route("/Admin/UserManagement", {
 	name: "UserManagement",
 	action: function(params, queryParams) {
-		require("/imports/ui/UserManagement.js");
+		require("/imports/ui/Admin/UserManagement.js");
 		BlazeLayout.render("Admin", {content: "UserManagement"})
 	}
 });
+pri.route("/Admin/AppreciationEditor", {
+	name: "AppreciationEditor",
+	action: function(params, queryParams) {
+		require("/imports/ui/Admin/AppreciationEditor.js");
+		BlazeLayout.render("Admin", {content: "AppreciationEditor"})
+	}
+});

 //*** PUBLIC
 pub.route('/', {
@@ -54,3 +75,94 @@ pub.route("/Home", {
 		BlazeLayout.render("Public", {content: "Home"});
 	}
 });
+pub.route("/ImportantDates", {
+	name: 'ImportantDates',
+	action: function(params, queryParams) {
+		require("/imports/ui/ImportantDates.js");
+		BlazeLayout.render("Public", {content: "ImportantDates"});
+	}
+});
+pub.route("/Support", {
+	name: 'Support',
+	action: function(params, queryParams) {
+		require("/imports/ui/Support.js");
+		BlazeLayout.render("Public", {content: "Support"});
+	}
+});
+pub.route("/Programs", {
+	name: 'Programs',
+	action: function(params, queryParams) {
+		require("/imports/ui/Programs.js");
+		BlazeLayout.render("Public", {content: "Programs"});
+	}
+});
+pub.route("/Contact", {
+	name: 'Contact',
+	action: function(params, queryParams) {
+		require("/imports/ui/Contact.js");
+		BlazeLayout.render("Public", {content: "Contact"});
+	}
+});
+pub.route("/About", {
+	name: 'About',
+	action: function(params, queryParams) {
+		require("/imports/ui/About.js");
+		BlazeLayout.render("Public", {content: "About"});
+	}
+});
+pub.route("/Grants", {
+	name: 'Grants',
+	action: function(params, queryParams) {
+		require("/imports/ui/Grants.js");
+		BlazeLayout.render("Public", {content: "Grants"});
+	}
+});
+pub.route("/Internships", {
+	name: 'Internships',
+	action: function(params, queryParams) {
+		require("/imports/ui/Internships.js");
+		BlazeLayout.render("Public", {content: "Internships"});
+	}
+});
+pub.route("/Scholarships", {
+	name: 'Scholarships',
+	action: function(params, queryParams) {
+		require("/imports/ui/Scholarships.js");
+		BlazeLayout.render("Public", {content: "Scholarships"});
+	}
+});
+pub.route("/Fellowships", {
+	name: 'Fellowships',
+	action: function(params, queryParams) {
+		require("/imports/ui/Fellowships.js");
+		BlazeLayout.render("Public", {content: "Fellowships"});
+	}
+});
+pub.route("/News&Notices", {
+	name: 'News&Notices',
+	action: function(params, queryParams) {
+		require("/imports/ui/News&Notices.js");
+		BlazeLayout.render("Public", {content: "News&Notices"});
+	}
+});
+pub.route("/PhotoGallery", {
+	name: 'PhotoGallery',
+	action: function(params, queryParams) {
+		require("/imports/ui/PhotoGallery.js");
+		BlazeLayout.render("Public", {content: "PhotoGallery"});
+	}
+});
+pub.route("/Appreciation", {
+	name: 'Appreciation',
+	action: function(params, queryParams) {
+		require("/imports/ui/Appreciation.js");
+		BlazeLayout.render("Public", {content: "Appreciation"});
+	}
+});
+pub.route("/HowCanYouHelp", {
+	name: 'HowCanYouHelp',
+	action: function(params, queryParams) {
+		require("/imports/ui/Support.js");
+		BlazeLayout.render("Public", {content: "Support"});
+	}
+});
--- a/imports/ui/About.html
+++ b/imports/ui/About.html
@@ -0,0 +1,20 @@
+<template name="About">
+	<div id="aboutView" class="textView">
+		<div>
+			<img class="pageHeaderPicture" src="./images/about_v1.jpg">
+			<h3 class="aboutTitle">About</h3>
+			<p class="firstParagraph">The Anderson Valley Education Foundation began as a casual conversation between several residents of Anderson Valley who were concerned about the declining financial support for education. They determined that there was sufficient community interest in this issue that a locally based foundation might be able to enhance educational opportunities in the valley. Articles of Incorporation for the creation of the Anderson Valley Education Foundation as a California Public Benefit Corporation were filed on April 19, 1999. The Foundation was recognized by the IRS as a non profit 501(c)(3) with tax ID # 68-0436870 on February 16, 2000.</p>
+		</div>
+		<div class="secondParagraph">
+			<p>As stipulated in the Bylaws of the Anderson Valley Education Foundation: "The primary objectives and purposes of this corporation shall be:</p>
+			<ol class="listFormat">
+				<li>to expand the educational opportunities for the youth of the Anderson Valley.</li>
+				<li>to build upon community support to provide resources to individuals, groups, and organizations that offer enriching educational programs for young people.</li>
+				<li>to raise and allocate revenue to support educational programs and scholarships.</li>
+				<li>to receive, hold, and disperse gifts, bequests, grants and other funds for these purposes."</li>
+			</ol>
+			<p>The Foundation is managed by a <a href="#!/current-board">board of directors</a> according to the aforementioned Bylaws. Particular effort has been made to include on the board individuals who can share different perspectives on education in the valley. Typically this has included students, parents, teachers and retired school administrators. The board serves without compensation and meets monthly.</p>
+			<p>Since its inception the Foundation has developed and maintained a variety of effective programs: Grants, Internships, Fellowships and Scholarships. These are detailed elsewhere on this website. In addition, the Foundation has succeeded in attracting financial support sufficient to maintain these programs. The majority of this support has come from the residents and businesses in Anderson Valley.</p>
+		</div>
+	</div>
+</template>
--- a/imports/ui/About.import.styl
+++ b/imports/ui/About.import.styl
@@ -0,0 +1,35 @@
+#aboutView
+	.textView
+		margin: 6px auto 0 auto
+		border: 1px solid #DDD
+		padding: 0 20px
+		max-width: 960px
+		ol
+			list-style-type: decimal
+			list-style-position: outside
+		li
+			font-family: Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, serif
+			font-size: 16px
+		p
+			font-family: Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, serif
+			font-size: 16px
+	.aboutTitle
+		font-family: "Arial Black", "Arial Bold", Gadget, sans-serif
+		font-size: 19px
+		text-transform: uppercase
+		background-color: #EEE
+	.firstParagraph
+		font-family: Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, serif
+		font-size: 16px
+		margin: 16px 0
+	.secondParagraph
+		clear: left
+		font-family: Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, serif
+		font-size: 16px
+		margin: 16px 0
+	.listFormat
+		padding-left: 40px
+		padding-top: 15px
+		padding-bottom: 20px
+		text-indent: 0
+		list-style-position: outside
--- a/imports/ui/About.js
+++ b/imports/ui/About.js
@@ -0,0 +1 @@
+import './About.html';
--- a/imports/ui/Admin/AppreciationEditor.html
+++ b/imports/ui/Admin/AppreciationEditor.html
@@ -0,0 +1,4 @@
+<template name="AppreciationEditor">
+	<div id="appreciationEditor" class="textView">
+	</div>
+</template>
--- a/imports/ui/Admin/AppreciationEditor.js
+++ b/imports/ui/Admin/AppreciationEditor.js
@@ -0,0 +1,2 @@
+
+import './AppreciationEditor.html';
--- a/imports/ui/Admin/AppreciationEditor.styl
+++ b/imports/ui/Admin/AppreciationEditor.styl
@@ -0,0 +1,2 @@
+#appreciationEditor
+	display: block
--- a/imports/ui/Admin/BoardEditor.html
+++ b/imports/ui/Admin/BoardEditor.html
@@ -0,0 +1,4 @@
+<template name="BoardEditor">
+	<div id="boardEditor" class="textView">
+	</div>
+</template>
--- a/imports/ui/Admin/BoardEditor.js
+++ b/imports/ui/Admin/BoardEditor.js
@@ -0,0 +1,2 @@
+
+import './BoardEditor.html';
--- a/imports/ui/Admin/BoardEditor.styl
+++ b/imports/ui/Admin/BoardEditor.styl
@@ -0,0 +1,2 @@
+#boardEditor
+	display: block
--- a/imports/ui/Admin/DatesEditor.html
+++ b/imports/ui/Admin/DatesEditor.html
@@ -0,0 +1,4 @@
+<template name="DatesEditor">
+	<div id="datesEditor" class="textView">
+	</div>
+</template>
--- a/imports/ui/Admin/DatesEditor.js
+++ b/imports/ui/Admin/DatesEditor.js
@@ -0,0 +1,2 @@
+
+import './DatesEditor.html';
--- a/imports/ui/Admin/DatesEditor.styl
+++ b/imports/ui/Admin/DatesEditor.styl
@@ -0,0 +1,2 @@
+#datesEditor
+	display: block
--- a/imports/ui/Admin/NewsEditor.html
+++ b/imports/ui/Admin/NewsEditor.html
@@ -0,0 +1,4 @@
+<template name="NewsEditor">
+	<div id="newsEditor" class="textView">
+	</div>
+</template>
--- a/imports/ui/Admin/NewsEditor.js
+++ b/imports/ui/Admin/NewsEditor.js
@@ -0,0 +1,2 @@
+
+import './NewsEditor.html';
--- a/imports/ui/Admin/NewsEditor.styl
+++ b/imports/ui/Admin/NewsEditor.styl
@@ -0,0 +1,2 @@
+#newsEditor
+	display: block
--- a/imports/ui/AdminHome.html
+++ b/imports/ui/AdminHome.html
@@ -1,5 +0,0 @@
-<template name="AdminHome">
-	<div id="adminHome">
-		Hello World
-	</div>
-</template>
--- a/imports/ui/AdminHome.js
+++ b/imports/ui/AdminHome.js
@@ -1,2 +0,0 @@
-
-import './AdminHome.html';
--- a/imports/ui/Appreciation.html
+++ b/imports/ui/Appreciation.html
@@ -0,0 +1,4 @@
+<template name="Appreciation">
+	<div id="appreciationView" class="textView">
+	</div>
+</template>
--- a/imports/ui/Appreciation.import.styl
+++ b/imports/ui/Appreciation.import.styl
@@ -0,0 +1,2 @@
+#appreciationView
+	display: block
--- a/imports/ui/Appreciation.js
+++ b/imports/ui/Appreciation.js
@@ -0,0 +1,2 @@
+
+import './Appreciations.html';
--- a/imports/ui/Contact.html
+++ b/imports/ui/Contact.html
@@ -0,0 +1,49 @@
+<template name="Contact">
+<!--	<div id="contactView" class="textView">
+		<p>If you would like to know more about our programs or become involved please contact us in any of the following ways:</p>
+
+		<h3>By mail:</h3>
+		<br style="margin-left: 15px;">
+			Anderson Valley Education Foundation, Inc.<br/>
+			P.O. Box 242<br/>
+			Boonville, CA 95415<br/>
+		</div>
+
+		<h3>In person:</h3>
+		<div style="margin-left: 15px;">
+			Please see the list of current board members linked here: <a href="#!/current-board">Current Board of Directors</a>
+		</div>
+
+		<h3>By email:</h3>
+		<div style='margin-left: 15px;'>
+			<form name="contactForm" id="contactForm" action="submit()">
+				<div style="margin: 6px 0;">
+					<div class="fieldHeading">Your Name:</div>
+					<div><input type="text" name="name" ng-model="message.name" required ng-maxlength="255"></input></div>
+				</div>
+				<div style="margin: 6px 0;">
+					<div class="fieldHeading">Your Email:</div>
+					<div>
+						<input type="email" name="email" ng-model="message.email" required ng-maxlength="255">
+							sAlert.error('Your message', configOverwrite);
+						</input>
+					</div>
+				</div>
+				<div style="margin: 6px 0;">
+					<textarea  name="content" ng-model="message.content" required ng-maxlength="65000">
+						<span class="error" ng-show="contactForm.content.$error.required"></span>
+						<span class="error" ng-show="contactForm.name.$error.maxlength">Message is too long!</span>
+					</textarea>
+				</div>
+				<div style="text-align: right">
+					<button form="contactForm" type="button" value="Send" style="width: 100px; height: 20px;" ng-click="submit()" ng-disabled="contactForm.$invalid">Send</button>
+				</div>
+			</form>
+			<div id="contactFormSuccess" style="display:none">
+				<p>We have received your message.</p>
+				<p>Thank you for your input.</p>
+				<br/>
+			</div>
+		</div>
+	</div>-->
+</template>
--- a/imports/ui/Contact.import.styl
+++ b/imports/ui/Contact.import.styl
@@ -0,0 +1,14 @@
+#contactView
+	.textView
+		margin: 6px auto 0 auto
+		border: 1px solid #DDD
+		padding: 0 20px
+		max-width: 960px
+	.fieldHeading
+		width: 100px
+		text-align: left
+		float: left
+		padding-top: 5px
+		line-height: 15px
+	.fieldHeading
+		margin: 6px 0
--- a/imports/ui/Contact.js
+++ b/imports/ui/Contact.js
@@ -0,0 +1 @@
+import './Contact.html';
--- a/imports/ui/Fellowships.html
+++ b/imports/ui/Fellowships.html
@@ -0,0 +1,34 @@
+<template name="Fellowships">
+	<div id="fellowshipsView" class="textView">
+		<div id="fellowshipDescription">
+			<img class="pageHeaderPicture" src="./images/fir_v5.jpg">
+			<h3 class="fellowshipProgram">Fellowship Program</h3>
+			<p class="generalText">High School Juniors looking for an exciting and challenging summer experience may be motivated to apply for an AVEF Summer Fellowship. AVEF will support fees, transportation, living expenses and incidentals for a program selected by the student. Students should begin by analyzing their interests, aptitudes and passions to guide them in finding a summer program. The program of interest can be located within the United States or even abroad. The program of interest must have an educational component.</p>
+			<p class="generalText">Students must complete the AVEF application before the deadline and interview with our selection committee. This program is competitive and open to current juniors only. The Fellowship Application Form is available below.</p>
+		</div>
+		<h3 class="applicationGuidelines">Application Guidelines <a class="headingShowHide applicantGuidelinesToggle" onclick="javascript: $('#fellowshipsView .applicantGuidelinesToggle').toggle();">(Show)</a><a class="headingShowHide applicantGuidelinesToggle" style="display:none" onclick="javascript: $('#fellowshipsView .applicantGuidelinesToggle').toggle();">(Hide)</a></h3>
+		<div class="applicantGuidelinesToggle">
+			<p class="generalText">Here's what you need to do to apply...</p>
+		</div>
+		<div id="fellowshipRecipientGuidelines" class="applicantGuidelinesToggle" style="display:none">
+			<p class="generalText" style="margin-bottom: 0;">Here's what you need to do to apply:</p>
+			<ol class="listFormat generalText">
+				<li>Make sure your parents or guardians are supportive. They must sign a letter of consent that should be submitted with your application. Discuss with your parents or guardian the details of the program you are considering. They must be made aware of safety, travel, and supervision issues before you apply. Make sure they agree that the program is appropriate for you.</li>
+				<li>Apply to the program you have chosen. Many programs begin accepting applications as early as January of the year you plan to attend. Make sure you are clear about the application deadlines. If you are accepted before the Education Foundation completes the selection process, include a copy of your acceptance in your application packet.</li>
+				<li>Write an essay of at least two pages double spaced, describing the program and why you have selected it. Include information about who you are, what your experiences have been that lead you to be interested in this program, and what you hope to learn.</li>
+				<li>Assemble information about this program to include with you AVEF application. This can be from brochures, books, the web or any other materials sent to you by the program you have applied for.</li>
+				<li>Three typed letters of recommendation from teachers or other community members (not a family member) who know you well enough to tell us why they think this program will be right for you and will benefit your education.  These letters should be mailed directly to AVEF Box 242, Boonville CA 95415</li>
+			</ol>
+			<p class="generalText">When all the above information is assembled you may submit your materials to the AV High School office. The deadline for your application and all supporting letters is listed under the "Important Dates" tab of this web site.</p>
+			<p class="generalText">If your application is selected for further consideration AVEF will contact you to schedule an interview date. During the interview AVEF members will be asking you to demonstrate your complete knowledge of the program you have applied to. Your enthusiasm, knowledge and passion for this exciting opportunity will be critical to our selection committee. You should consider making a plan for sharing your Fellowship experience with the student body and other community groups in the fall of your senior year. You should be prepared to explain your presentation plans at the interview.</p>
+			<p class="generalText">If you have any further questions or are in need of assistance with the application please contact AVEF at Box 242, Boonville CA 95415.</p>
+		</div>
+		<h3 class="relevantLinks">Relevant Links</h3>
+		<div>
+			<ul style="list-style-type: none;">
+				<li  class="generalLinks"><a href="#!/dates">Important Dates</a></li>
+				<li class="generalLinks"><a href="/forms/Fellowship_Application_Form.pdf" download="Fellowship Application Form.pdf">Fellowship Application Form</a> (307KB PDF Savable/Printable Form)</li>
+			</ul>
+		</div>
+	</div>
+</template>
--- a/imports/ui/Fellowships.import.styl
+++ b/imports/ui/Fellowships.import.styl
@@ -0,0 +1,39 @@
+#fellowshipsView
+	.textView
+		margin: 6px auto 0 auto
+		border: 1px solid #DDD
+		padding: 0 20px
+		max-width: 960px
+	.headingShowHide
+		font-family: Consolas, monaco, monospace
+		font-size: 12px
+		font-weight: 800
+		text-decoration: none
+		text-transform: uppercase
+		color: #44A
+		cursor: pointer
+	.fellowshipProgram
+		font-family: "Arial Black", "Arial Bold", Gadget, sans-serif
+		font-size: 19px
+		text-transform: uppercase
+		background-color: #EEE
+	.generalText
+		font-family: Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, serif
+		font-size: 16px
+		margin: 16px 0
+	.generalLinks
+		font-family: Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, serif
+		font-size: 16px
+	.relevantLinks
+		font-family: "Arial Black", "Arial Bold", Gadget, sans-serif
+		font-size: 19px
+		text-transform: uppercase
+		background-color: #EEE
+	.applicationGuidelines
+		clear:left
+		font-family: "Arial Black", "Arial Bold", Gadget, sans-serif
+		font-size: 19px
+		text-transform: uppercase
+		background-color: #EEE
+	.listFormat
+		padding-left: 40px
--- a/imports/ui/Fellowships.js
+++ b/imports/ui/Fellowships.js
@@ -0,0 +1,2 @@
+
+import './Fellowships.html';
--- a/imports/ui/Grants.html
+++ b/imports/ui/Grants.html
@@ -0,0 +1,41 @@
+<template name="Grants">
+	<div id="grantView" class="textView">
+		<div class="grantDescription">
+			<img class="pageHeaderPicture" src="./images/apple_v5.jpg"/>
+			<div class="grantProgram">Grant Program</div>
+			<p>Every year AVEF provides financial support to teachers, students, parents, mentors or community groups for a wide variety of projects. The purpose of this program is to enhance the educational opportunities available to the youth of Anderson Valley. All applications for grants must be received in writing. Guidelines for grant requests are below. The AVEF board reviews and responds to these requests at its monthly meeting.</p>
+			<p>Any community member - teacher, student, parent, mentor or community group - may submit a proposal for an AVEF grant. Grant applications are accepted throughout the year. Grant applications can be mailed to AVEF Box 242, Boonville, CA 95415 or can be given to any board member to present at our meeting.</p>
+			<p>As a general rule, AVEF grants are in the $100 - $500 range. If a grant involves a large number of students we make exceptions.</p>
+		</div>
+		<h3 class="grantGuidelines">Grant Guidelines <a class="headingShowHide recipientGuidelinesToggle" onclick="javascript: $('#grantView .recipientGuidelinesToggle').toggle();">(Show)</a><a class="headingShowHide recipientGuidelinesToggle" style="display:none" onclick="javascript: $('#grantView .recipientGuidelinesToggle').toggle();">(Hide)</a></h3>
+		<div class="recipientGuidelinesToggle">
+			<p>Guidelines to assist those who wish to <u>apply</u> for an AVEF Grant ...</p>
+		</div>
+		<div id="grantRecipientGuidelines" class="recipientGuidelinesToggle grantGuidelinesContent" style="display:none">
+			<h4 class="proposalFormat">Proposals <em>should</em>:</h4>
+			<ol class="listFormat">
+				<li>enhance and enrich the skills, knowledge and creative abilities of the youth involved.</li>
+				<li>describe the objective and goals</li>
+				<li>define a budget for the various components</li>
+				<li>specify how many students will be benefitting</li>
+				<li>name a qualified individual or individuals responsible for student oversight and implementation</li>
+				<li>include background or added information that will aid AVEF members in making a decision</li>
+				<li>indicate the name or organization that a check should be written to</li>
+				<li>indicate the address that a check should be mailed to</li>
+				<li>indicate if there are any deadlines AVEF should know about</li>
+			</ol>
+			<h4 class="proposalFormat">Proposals <em>should not</em>:</h4>
+			<ol class="listFormat">
+				<li>duplicate curricular work of the Anderson Valley Schools</li>
+				<li>involve recreation or sports activities</li>
+			</ol>
+		</div>
+		<h3 class="relevantLinks proposalFormat">Relevant Links</h3>
+		<div>
+			<ul class="importantDates">
+				<li><a class="{{isActiveRoute 'ImportantDates'}}" href="{{pathFor 'ImportantDates'}}">Important Dates</a></li>
+				<!--<li><a href="/forms/Grant_Application_Form.pdf">Grant Application Form</a> (xxKB PDF Savable/Printable Form)</li>-->
+			</ul>
+		</div>
+	</div>
+</template>
--- a/imports/ui/Grants.import.styl
+++ b/imports/ui/Grants.import.styl
@@ -0,0 +1,73 @@
+#grantView
+	.grantDescription p
+		font-family: Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, serif
+		font-size: 16px
+		margin: 16px 0
+	.grantView li
+		font-family: Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, serif
+		font-size: 16px
+	.recipientGuidelinesToggle p
+		font-family: Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, serif
+		font-size: 16px
+		margin: 16px 0
+	.grantGuidelines
+		clear:left
+		font-family: "Arial Black", "Arial Bold", Gadget, sans-serif
+		text-transform: uppercase
+		margin-bottom: 4px
+		font-size: 19px
+		background-color: #EEE
+	.relevantLinks
+		font-family: "Arial Black", "Arial Bold", Gadget, sans-serif
+		font-size: 19px
+		text-transform: uppercase
+		background-color: #EEE
+		padding-bottom: 20px
+	.importantDates
+		list-style-type: none
+		font-family: Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, serif
+		font-size: 16px
+
+.pageHeaderPicture
+		float: left
+		width: 350px
+		padding: 0 10px 5px 0
+	.headingShowHide
+		font-family: Consolas, monaco, monospace
+		font-size: 12px
+		font-weight: 800
+		text-decoration: none
+		text-transform: uppercase
+		color: #44A
+		cursor: pointer
+		:hover
+			color: #228
+		:active
+			color: #66D
+	.grantProgram
+		font-family: "Arial Black", "Arial Bold", Gadget, sans-serif
+		font-size: 19px
+		text-transform: uppercase
+		background-color: #EEE
+		font-weight: bold
+	.grantGuidelinesContent
+		font-family: Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, serif
+		font-size: 16px
+	.proposalFormat
+		padding-top: 20px
+		font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif
+		font-size: 16px
+		font-weight: 800px
+	.listFormat
+		font-family: Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, serif
+		font-size: 16px
+		padding: 20px
+		padding-left: 40px
+
+	@media(max-width: formatMedium)
+		.pageHeaderPicture
+			width: 280px
+
+	@media(max-width: formatSmall)
+		.pageHeaderPicture
+			width: 100%
--- a/imports/ui/Grants.js
+++ b/imports/ui/Grants.js
@@ -0,0 +1,2 @@
+
+import './Grants.html';
--- a/imports/ui/Home.html
+++ b/imports/ui/Home.html
@@ -1,5 +1,48 @@
 <template name="Home">
 	<div id="homePage">
-		{{#markdown}}This is a test of __markdown__.{{/markdown}}
+		<img class="pageHeader" src="/images/header_v2.jpg"/>
+		<div class="blockContainer">
+			<a class="menuTile grantMenu" href="{{pathFor 'Grants'}}">
+				<div class="menuHeaderBackground"></div>
+				<div class="menuHeader">Grants</div>
+			</a>
+			<a class="menuTile internshipsMenu" href="{{pathFor 'Internships'}}">
+				<div class="menuHeaderBackground"></div>
+				<div class="menuHeader">Internships</div>
+				<!--<a style="display: none" href="#!/internship">internship</a>-->
+			</a>
+			<a class="menuTile scholarshipsMenu" href="{{pathFor 'Scholarships'}}">
+				<div class="menuHeaderBackground"></div>
+				<div class="menuHeader">Scholarships</div>
+				<!--<a style="display: none" href="#!/scholarship">scholarship</a>-->
+			</a>
+			<a class="menuTile fellowshipsMenu" href="{{pathFor 'Fellowships'}}">
+				<div class="menuHeaderBackground"></div>
+				<div class="menuHeader">Fellowships</div>
+				<!--<a style="display: none" href="#!/fellowship">fellowship</a>-->
+			</a>
+			<a class="menuTile newsMenu" href="{{pathFor 'News&Notices'}}">
+				<div class="menuHeaderBackground"></div>
+				<div class="menuHeader">News &amp; Notices</div>
+				<div id="newsHeaderTimestampDiv" class="menuHeaderTimestamp">03/13/18</div>
+				<!--<a style="display: none" href="#!/news">news</a>-->
+			</a>
+			<a class="menuTile photoGalleryMenu" href="{{pathFor 'PhotoGallery'}}">
+				<div class="menuHeaderBackground"></div>
+				<div class="menuHeader">Photo Gallery</div>
+				<!--<a style="display: none" href="#!/gallery">gallery</a>-->
+			</a>
+			<a class="menuTile appreciationMenu" href="{{pathFor 'Appreciation'}}">
+				<div class="menuHeaderBackground"></div>
+				<div class="menuHeader">Appreciation</div>
+				<div id="appreciationHeaderTimestampDiv" class="menuHeaderTimestamp">11/13/17</div>
+				<!--<a style="display: none" href="#!/appreciation">appreciation</a>-->
+			</a>
+			<a class="menuTile howCanYouHelpMenu" href="{{pathFor 'HowCanYouHelp'}}">
+				<div class="menuHeaderBackground"></div>
+				<div class="menuHeader">How You Can Help</div>
+				<!--<a style="display: none" href="#!/support">support</a>-->
+			</a>
+		</div>
 	</div>
 </template>
--- a/imports/ui/Home.import.styl
+++ b/imports/ui/Home.import.styl
@@ -1,3 +1,100 @@
 #homePage
 	display: block
 	min-height: 300px
+
+	.pageHeader
+		margin-bottom: 30px
+		width: 100%
+		-webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75)
+		-moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75)
+		box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75)
+	.blockContainer
+		position: relative
+		height: 350px
+		max-width: 970px
+		min-width: 200px
+		margin: 0 auto
+		min-height: 1px
+	.mainViewContainer
+		max-width: 1200px
+		min-width: 200px
+		margin: 0 auto
+		position: relative
+	.menuTile
+		width: 225px
+		height: 140px
+		position: absolute
+		top: 0
+		margin: 0
+		background-repeat: no-repeat
+		background-origin: content-box
+		background-clip: content-box
+		background-position: center center
+		background-size: cover
+		-webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75)
+		-moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75)
+		box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75)
+	.menuHeader
+		font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif
+		font-weight: 800
+		font-size: 15px
+		color: black
+		position: absolute
+		left: 0
+		top: -1px
+		right: 0
+		height: 27px
+		margin: 0
+		padding: 0 0 0 6px
+	.menuHeaderBackground
+		display: none
+		position: absolute
+		left: 0
+		right: 0
+		top: 0
+		height: 24px
+		opacity: 0.25
+		/* filter: alpha(opacity=25); For IE8 and earlier */
+		background-color: white
+	.menuHeaderTimestamp
+		font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif
+		font-weight: 800
+		font-size: 15px
+		color: white
+		letter-spacing: -2px
+		text-align: right
+		position: absolute
+		left: 0px
+		top: -1px
+		right: 16px
+		height: 27px
+		margin: 0
+		padding: 0
+	.grantMenu
+		left: 0
+		background-image: url('./images/apple_seed_v2.jpg')
+	.internshipsMenu
+		left: 245px
+		background-image: url('./images/oak_seed_v2.jpg')
+	.scholarshipsMenu
+		left: 490px
+		background-image: url('./images/maple_seed_v2.jpg')
+	.fellowshipsMenu
+		left: 735px
+		background-image: url('./images/fir_seed_v2.jpg')
+	.newsMenu
+		left: 0px
+		top: 160px
+		background-image: url('./images/redwood_seed_v2.jpg')
+	.photoGalleryMenu
+		left: 245px
+		top: 160px
+		background-image: url('./images/buckeye_seed_v2.jpg')
+	.appreciationMenu
+		left: 490px
+		top: 160px
+		background-image: url('./images/bay_seed_v2.jpg')
+	.howCanYouHelpMenu
+		left: 735px
+		top: 160px
+		background-image: url('./images/madrone_seed_v2.jpg')
--- a/imports/ui/Home.js
+++ b/imports/ui/Home.js
@@ -1,2 +1,13 @@

 import './Home.html';
+
+Template.Home.events({
+	'mouseenter .menuTile': function (event, template) {
+		event.preventDefault();
+		$(event.target).find(".menuHeaderBackground").show();
+	},
+	'mouseleave .menuTile': function (event, template) {
+		event.preventDefault();
+		$(event.target).find(".menuHeaderBackground").hide();
+	}
+});
--- a/imports/ui/ImportantDates.html
+++ b/imports/ui/ImportantDates.html
@@ -0,0 +1,6 @@
+<template name="ImportantDates">
+	<div id="datesView" class="textView">
+		<!-- TODO: Load dates from the server and place the html in $("importantDatesContainer") -->
+		<div id="contentContainer"></div>
+	</div>
+</template>
--- a/imports/ui/ImportantDates.import.styl
+++ b/imports/ui/ImportantDates.import.styl
--- a/imports/ui/ImportantDates.js
+++ b/imports/ui/ImportantDates.js
@@ -0,0 +1,2 @@
+
+import './ImportantDates.html';
--- a/imports/ui/InternshipJobs.html
+++ b/imports/ui/InternshipJobs.html
@@ -0,0 +1,5 @@
+<template name="InternshipJobs">
+	<div id="internshipJobs">
+		Hello World
+	</div>
+</template>
--- a/imports/ui/InternshipJobs.import.styl
+++ b/imports/ui/InternshipJobs.import.styl
@@ -1,2 +1,2 @@
-#adminHome
+#internshipJobs
 	margin: 20px 40px
--- a/imports/ui/InternshipJobs.js
+++ b/imports/ui/InternshipJobs.js
@@ -0,0 +1,2 @@
+
+import './InternshipJobs.html';
--- a/imports/ui/Internships.html
+++ b/imports/ui/Internships.html
@@ -0,0 +1,130 @@
+<template name="Internships">
+	<div id="internshipsView">
+		<div id="internshipDescription">
+			<img class="pageHeaderPicture" src="./images/oak_v5.jpg">
+			<h3 class="internshipProgram">Internship Program</h3>
+			<p class="internshipDescription">This is a chance for high school students to try something new and gain job experience. Every year AVEF supports a number of summer work opportunities for current high school students. Local businesses and individuals who agree to mentor a student supply job descriptions for their specific needs. These job descriptions will be available for students to review in March of each year. Students are selected by the mentor on the basis of the student's application and interview. The Internship Job List and Internship Student Application Form are available below.  Students who successfully complete the required 80 hours of work are paid.</p>
+		</div>
+		<h3 class="internshipDetails">Internship Details <a class="headingShowHide internshipDetailsToggle" onclick="javascript: $('#internshipsView .internshipDetailsToggle').toggle();">(Show)</a><a class="headingShowHide internshipDetailsToggle" style="display:none" onclick="javascript: $('#internshipsView .internshipDetailsToggle').toggle();">(Hide)</a></h3>
+		<div class="internshipDetailsToggle">
+			<p class="internshipDetailsContent">The Internship Program is a unique and valuable opportunity. It requires real commitment ...</p>
+		</div>
+		<div id="internshipRecipientGuidelines" class="internshipDetailsToggle" style="display:none">
+			<p class="internshipDetailsShow">The Internship Program is a unique and valuable opportunity. It requires real commitment by both the student and their mentor. Any student who lives in Anderson Valley and is currently enrolled in 9th through 12th grade may apply. This includes students who attend schools other than AVHS. Students must provide a valid Social Security card if they are hired.</p>
+			<p class="internshipDetailsShow">Before applying for an internship, students should discuss the opportunity with parents or guardians. In particular, the student and their family should discuss transportation to the work site and summer trips that will affect either the student's work schedule or their ability to complete the internship. During the interview students will be asked if they have realistic plans for transportation to and from work.</p>
+			<p class="internshipDetailsShow">A student may apply for more than one job, but he or she will not be selected for more than one each summer. Furthermore, the student must submit a separate application and plan to participate in a separate interview for each of those jobs.</p>
+			<p class="internshipDetailsShow">The interviews usually take place in a classroom after school hours. Students will be informed about the date and time of their interview(s). This is a competitive process. Many jobs have three or more applicants. A student who is serious about interviewing for an internship should consider practicing an interview scenario with a teacher or adult friend.</p>
+			<p class="internshipDetailsShow">Further details about the Internship Program are provided in the FAQ's section below. Any unanswered questions can be directed to the librarian in the high school or by contacting AVEF at Box 242, Boonville, CA 95415.</p>
+			<p class="internshipDetailsShow">If you are interested in a summer internship please read the FAQ's linked here. Details about the Internship Program are explained in full. Any unanswered questions can be directed to the librarian in the high school or by contacting AVEF at Box 242, Boonville, CA 95415</p>
+			<p class="internshipDetailsShow">The deadline date for filing application with the school librarian is listed under the "Important Dates" tab of this website.</p>
+		</div>
+		<h3 class="studentFAQ">Student FAQ <a class="headingShowHide internshipStudentFaqToggle" onclick="javascript: $('#internshipsView .internshipStudentFaqToggle').toggle();">(Show)</a><a class="headingShowHide internshipStudentFaqToggle" style="display:none" onclick="javascript: $('#internshipsView .internshipStudentFaqToggle').toggle();">(Hide)</a></h3>
+		<div class="internshipStudentFaqToggle">
+			<p class="studentFAQContent">The following Frequently Asked Questions may be helpful to you in making the decision to apply.
+			</p>
+		</div>
+		<div id="internshipRecipientGuidelines" class="internshipStudentFaqToggle" style="display:none">
+			<p class="studentFAQShow">The following Frequently Asked Questions may be helpful to you in making the decision to apply.</p>
+			<h4 class="questionFormat">What is an AVEF Internship?</h4>
+			<p class="answer studentFAQShow">The AVEF Internship Program is an opportunity for you to learn specific skills and to explore different possibilities for your future career or business. It is a chance to challenge yourself, gain confidence in your abilities and earn money. You will meet new people in the community who may be helpful to you as a friend or mentor. An internship is usually a valuable experience to add to your resume and may be a source of "letters of recommendation" for job applications in the future.</p>
+			<h4 class="questionFormat">Who can apply?</h4>
+			<p class="answer studentFAQShow">If you live in Anderson Valley and you are currently enrolled in 9th through 12th grade you may apply. You do not need to be a student at AVHS. If you are selected for an internship you must provide a valid Social Security card number. Ideally you should also have a curious, positive and cheerful approach to work.</p>
+			<h4 class="questionFormat">Do I get paid to be an intern?</h4>
+			<p class="answer studentFAQShow">Yes. If you successfully complete all 80 hours of the internship, you will be paid the prevailing minimum wage for those hours. You will be paid through the Anderson Valley Unified School District office.</p>
+			<h4 class="questionFormat">How do I begin?</h4>
+			<p class="answer studentFAQShow">You should begin by making sure that you will be available to work 80 hours during the summer. You should discuss the internship opportunity with your parents or guardian and determine that family summer plans or work related transportation needs will not affect your ability to complete the internship.  Then look at the job descriptions. The types of positions vary from year to year. They will be posted on this web site and available in a binder in the library in mid-March (see "Important Dates" tab).</p>
+			<h4 class="questionFormat">How do I apply?</h4>
+			<p class="answer studentFAQShow"><b>Applications must be typed.</b> You can download application forms from this website and save them on your computer as either PDFs or Word Docs for completion and printing. The forms can also be picked up from the library, but they must be typed.  Make sure that your applications are complete and signed. <b>You must include a reliable phone number</b> so that we can contact you in case there is an unexpected cancellation or change in the interview time. Submit your completed forms to school librarian. Deadline date for submitting applications can be found at the "Important Dates" tab of this website.</p>
+			<h4 class="questionFormat">When are applications due?</h4>
+			<p class="answer studentFAQShow">The deadline date for receipt of applications is listed under the "Important Dates" tab of this website.</p>
+			<h4 class="questionFormat">How many hours are needed to successfully complete a volunteer internship?</h4>
+			<p class="answer studentFAQShow">80 hours. Except in unusual circumstances you are expected to complete these hours during summer vacation. You should discuss major work schedule issues (eg family travel) during your interview and resolve smaller details after you are selected. Mentors are generally quite flexible and understanding of other activities or responsibilities students may have.</p>
+			<h4 class="questionFormat">Who hires the intern?</h4>
+			<p class="answer studentFAQShow">Selection is based on the quality of your application and interview. A member of the AVEF board and the mentor will attend the interview. The mentor makes the final decision.</p>
+			<h4 class="questionFormat">How will I know the interview date and time?</h4>
+			<p class="answer studentFAQShow">The school librarian will post the interview schedule in advance. It is your responsibility to make sure that you can attend on these dates. If you fail to come to the interview and have not informed the librarian in advance, you will not be a candidate for the position.</p>
+			<h4 class="questionFormat">How many positions can I apply for?</h4>
+			<p class="answer studentFAQShow">There is no limit, however you must be willing to be interviewed for each position. Once you are notified that you have been selected for a position your other applications are removed from consideration and you will be removed from the remaining interview schedule. If you were an intern in the past, you are encouraged to apply for internships again but you may not apply for the same position(s).</p>
+			<h4 class="questionFormat">How do I prepare for an interview?</h4>
+			<p class="answer studentFAQShow">We have noticed that students who practice an interview situation beforehand consistently perform better than those students who do not practice. In addition, there is a Tips for Interviewing worksheet in the front of the library binder and on this website. Your internship interviews can be a valuable opportunity for you to develop this important life skill.</p>
+			<h4 class="questionFormat">Do I need to have a resume?</h4>
+			<p class="answer studentFAQShow">Mentors are generally impressed if you bring a resume to the interview or include it with your application. Even if your past experiences do not seem relevant to the position, your resume will be helpful to the interviewer.</p>
+			<h4 class="questionFormat">How soon will I know if I am selected?</h4>
+			<p class="answer studentFAQShow">This varies according to how many students apply for a position. In some cases you will be informed on the day of the interview, but it usually takes the mentor a few days to make the decision.</p>
+			<h4 class="questionFormat">What if I have problems with my mentor during the internship?</h4>
+			<p class="answer studentFAQShow">Communicating directly with your mentor is usually the best way to resolve any difficulties. Most mentors are eager to help if they are convinced that you are eager to learn. Learning to work with an employer or other employees is a valuable part of your internship experience. If the problem continues or seems serious, you are encouraged to call the AVEF board member who attended your interview. Their phone number will be given to you when you are selected. In addition, this AVEF board member will visit you and your employer during the first weeks of the internship to find out how the internship is going.</p>
+		</div>
+		<h3 class="studentInterviewTips">Student Interview Tips <a class="headingShowHide internshipStudentTipsToggle" onclick="javascript: $('#internshipsView .internshipStudentTipsToggle').toggle();">(Show)</a><a class="headingShowHide internshipStudentTipsToggle" style="display:none" onclick="javascript: $('#internshipsView .internshipStudentTipsToggle').toggle();">(Hide)</a></h3>
+		<div class="internshipStudentTipsToggle">
+			<p class="studentInterviewTipsContent">The purpose of an interview is...</p>
+		</div>
+		<div id="internshipRecipientGuidelines" class="studentInterviewFormat internshipStudentTipsToggle" style="display:none">
+			<p class="interviewOne">The purpose of an interview is for the employer to get to know you and to see how you conduct yourself in a formal interview setting. An interview will give you an opportunity to understand more about the expectations of the job and to ask relevant questions. This is your opportunity to sell yourself to the employer in a way that the application form cannot.</p>
+			<h4 class="questionFormat">Your Application Form</h4>
+			<p>The application form is your first opportunity to make a good impression.</p>
+			<p>Is your form neat?     Is it written in ink?     Is the spelling correct?   Is it accurate?</p>
+			<p>Does your form reflect thoughtful effort or does it appear to have been scribbled out at the last minute?</p>
+			<h4 class="questionFormat">The Interview</h4>
+			<p>Arrive at the interview five minutes early. This helps you feel and appear calm and confident.</p>
+			<p>Dress appropriately and modestly. You want the employer to notice you, not your clothing. Never wear clothing with slogans, team names or advertisements on them.</p>
+			<p>Never chew gum or wear a hat during an interview.</p>
+			<p>Smile and maintain eye contact as you greet and shake hands with the employer. Remember to maintain good eye contact throughout the interview.</p>
+			<p>Remember the name of the employer.</p>
+			<p>Bring a copy of your resume to the interview. This may not have been requested, but it will be a valuable way for the employer to remember you afterward.</p>
+			<p>Be positive. Be honest.</p>
+			<p>Be interested and attentive to the employer. A good way to show your interest is to ask relevant questions. Prepare a few questions about the internship position before the interview.</p>
+			<p style="margin-bottom: 0; padding-bottom: 0;">Be prepared to answer questions like these:</p>
+			<ul style="margin-top: 0; padding-top: 0; list-style-type: none;">
+				<li>Why are you interested in this internship?</li>
+				<li>What qualities and strengths do you have that would help in this internship?</li>
+				<li>What experiences have prepared you for this internship?</li>
+				<li>What have you done to prepare for this interview?</li>
+				<li>Do you have a reliable form of transportation?</li>
+				<li>Are there any days or dates that you cannot work?</li>
+				<li>What are your career goals?</li>
+			</ul>
+			<p>A sincere thank you is a gracious way to end an interview.</p>
+		</div>
+		<h3 class="relevantLinks">Relevant Links</h3>
+		<div>
+			<ul class="relevantLinksContent">
+				<li><a href="#!/dates">Important Dates</a></li>
+				<li><a href="#!/internship-job-list">Internship Job List</a></li>
+				<li><a href="/forms/Internship_Student_Application.pdf" download="Internship Student Application.pdf">Internship Student Application Form</a> (191KB PDF Savable/Printable Form)</li>
+				<li><a href="/forms/Internship_Parent_Permission.pdf">Internship Parent Permission Form</a> (189KB PDF)</li>
+				<li><a href="/forms/Internship_Sponsors_Job_Description.pdf" download="Internship Sponsors Job Description.pdf">Internship Sponsors Job Description Form</a> (187KB PDF Savable/Printable Form)</li>
+			</ul>
+		</div>
+		<h3 class="sponsorFAQ">Sponsor FAQ <a class="headingShowHide internshipSponsorFaqToggle" onclick="javascript: $('#internshipsView .internshipSponsorFaqToggle').toggle();">(Show)</a><a class="headingShowHide internshipSponsorFaqToggle" style="display:none" onclick="javascript: $('#internshipsView .internshipSponsorFaqToggle').toggle();">(Hide)</a></h3>
+		<div class="internshipSponsorFaqToggle">
+			<p class="sponsorFAQContent">Questions and answers for prospective internship sponsors...</p>
+		</div>
+		<div id="internshipRecipientGuidelines" class="sponsorFAQContent internshipSponsorFaqToggle" style="display:none">
+			<p>You have expressed some interest in sponsoring an AVEF student intern. The Anderson Valley Education Foundation is a public benefit non profit organization whose mission is to expand the educational opportunities for the youth of the Anderson Valley by building upon community support. Your knowledge and experience as a mentor can inspire a young student and help build community understanding. The following Frequently Asked Questions may be helpful in making your decision.</p>
+			<h4>How do I know my business will benefit an intern?</h4>
+			<p class="answer">Students vary widely in their work experience and many have not worked for someone outside of their family. Many have never participated in a formal interview situation. Because of the short term nature of the internship, students are willing to try a work experience that they would otherwise reject. Former interns have expressed appreciation for the work experience and the opportunity to contribute. Encouragement and feedback from a mentor is invaluable. Students are paid minimum wage for the successful completion of hours of work. Interns are paid through the AV Unified School District. AVEF reimburses the district.</p>
+			<h4>How do I begin?</h4>
+			<p class="answer">The first step is to write a job description which will be advertised at the high school library and on the AVEF website. An AVEF internship committee member organizes the descriptions, schedules interviews and is present at all interviews. Your job description should be submitted to AVEF, PO Box 242, Boonville, CA 95415 on or before the date in the "Important dates" section of the AVEF web site. The date that interviews are scheduled to begin will also be listed in the "Important dates" section. Please contact Gail Gester at 895-2344  or ggester@jps.net or PO Box 242, Boonville 95415 if you find that your question is not addressed in this review of FAQ or elsewhere on the AVEF web site.</p>
+			<h4>How much detail should I put on the work description?</h4>
+			<p class="answer">Your description will ideally provide the prospective student with a general idea of what the work will involve.  Please try to be specific about times of work and days of the week you require. If you are truly willing to be flexible about days and times that is OK. Please mention any skills you require or if you require a resume.</p>
+			<h4>Who may apply to be an intern?</h4>
+			<p class="answer">Any high school student in grades 9-12 who lives in Anderson Valley may apply. This includes students at Anderson Valley High and Rancheria high schools, independent study students, and students at high schools outside of the valley including boarding schools. Students must have valid Social Security numbers in order to be paid.</p>
+			<h4>Am I guaranteed to get an intern?</h4>
+			<p class="answer">No. There may be positions that no one applies for. The Education Foundation members and the school staff make an effort to insure that only students who meet your qualifications are scheduled for an interview. Also, if during the interviews you are unable to find a suitable student for the position, you are not obligated to participate.</p>
+			<h4>Who selects the student?</h4>
+			<p class="answer">Sponsors make the hiring decision. You may want to develop a set of questions to ask your applicant(s) during the interview. An AVEF board member will also be present to ask questions and review with the student their obligation to the internship experience. Most interviews take place at the High School after school hours. We make every effort to make the times of the interviews convenient for you and possible for the students who have academic and sports schedules to consider. Occasionally interviews must be scheduled at an alternate location or time.</p>
+			<h4>What are my responsibilities?</h4>
+			<p class="answer">An internship involves more than a specific task. As a sponsor it is important to help the student appreciate the bigger picture of your business or project. You have an obligation to be a mentor and to help young people understand what an employer expects in a workplace. You can inspire a student, instill confidence in their abilities to work, and help them consider career options.</p>
+			<h4>What about insurance?</h4>
+			<p class="answer">Students are covered by Workman's Compensation and Liability Insurance through the school. This is not medical insurance. Medical insurance is a responsibility of the student. Parents or guardians of hired interns under 18 must sign a note acknowledging their student's participation in our program.</p>
+			<h4>Can I hire the intern later?</h4>
+			<p class="answer">Many sponsors have been very pleased with their intern and were able to hire the student after successful completion of the 80 hours. You are not obligated to hire the intern.</p>
+			<h4>What if I have problems with the intern?</h4>
+			<p class="answer">A member of the AVEF internship committee will visit you and the intern at your place of work during the first week. You are welcome to contact us at any time throughout the internship with questions or difficulties. You and the AVEF board member will communicate with the intern in an effort to remedy any problem.</p>
+			<h4>Can I terminate the internship?</h4>
+			<p class="answer">If, after a good faith effort, the problem is not resolved you are not required to continue.</p>
+			<h4>Am I obligated to participate every year?</h4>
+			<p class="answer">You are not obligated to participate every year. Many of our past sponsors used the internship as way to complete a special project. Mentors have expressed an appreciation for the value of this community building experience and enjoyed getting to know a young person. AVEF makes every effort to provide a variety of volunteer experiences within the limits of our valley. Without sponsor commitment this opportunity for young adults in our rural community would not exist.</p>
+		</div>
+	</div>
+</template>
--- a/imports/ui/Internships.import.styl
+++ b/imports/ui/Internships.import.styl
@@ -0,0 +1,120 @@
+#internshipsView
+	.borderFormat
+		margin: 6px auto 0 auto
+		border: 1px solid #DDD
+		padding: 0 20px
+		max-width: 960px
+	.textView
+		margin: 6px auto 0 auto
+		border: 1px solid #DDD
+		padding: 0 20px
+		max-width: 960px
+	.pageHeaderPicture
+		float: left
+		width: 350px
+		padding: 0 10px 5px 0
+	.headingShowHide
+		font-family: Consolas, monaco, monospace
+		font-size: 12px
+		font-weight: 800
+		text-decoration: none
+		text-transform: uppercase
+		color: #44A
+		cursor: pointer
+	.internshipProgram
+		font-family: "Arial Black", "Arial Bold", Gadget, sans-serif
+		font-size: 19px
+		text-transform: uppercase
+		background-color: #EEE
+		font-weight: bold
+	.internshipDescription
+		font-family: Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, serif
+		font-size: 16px
+		margin: 16px 0
+	.internshipDetails
+		clear:left
+		font-family: "Arial Black", "Arial Bold", Gadget, sans-serif
+		font-size: 19px
+		text-transform: uppercase
+		background-color: #EEE
+	.studentFAQ
+		font-family: "Arial Black", "Arial Bold", Gadget, sans-serif
+		font-size: 19px
+		text-transform: uppercase
+		background-color: #EEE
+	.internshipDetailsContent
+		font-family: Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, serif
+		font-size: 16px
+		margin: 16px 0
+	.internshipDetailsShow
+		font-family: Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, serif
+		font-size: 16px
+		margin: 16px 0
+	.studentFAQContent
+		font-family: Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, serif
+		font-size: 16px
+		margin: 16px 0
+	.studentFAQShow
+		font-family: Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, serif
+		font-size: 16px
+		margin: 16px 0
+	.studentInterviewTips
+		clear:left
+		font-family: "Arial Black", "Arial Bold", Gadget, sans-serif
+		font-size: 19px
+		text-transform: uppercase
+		background-color: #EEE
+	.studentInterviewTipsContent
+		font-family: Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, serif
+		font-size: 16px
+		margin: 16px 0
+	.relevantLinks
+		clear:left
+		font-family: "Arial Black", "Arial Bold", Gadget, sans-serif
+		font-size: 19px
+		text-transform: uppercase
+		background-color: #EEE
+	.relevantLinksContent
+		list-style-type: none
+		font-family: Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, serif
+		font-size: 16px
+		margin: 16px 0
+	.sponsorFAQ
+		clear:left
+		font-family: "Arial Black", "Arial Bold", Gadget, sans-serif
+		font-size: 19px
+		text-transform: uppercase
+		background-color: #EEE
+	.sponsorFAQContent
+		font-family: Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, serif
+		font-size: 16px
+		margin: 16px 0
+	.answer
+		margin: 4px 0 16px 10px
+	.questionFormat
+		font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif
+		font-size: 16px
+		font-weight: 800
+		clear: left
+		margin: 0
+	.interviewOne
+		font-family: Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, serif
+		font-size: 16px
+		margin: 16px 0
+	.studentInterviewFormat p
+		font-family: Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, serif
+		font-size: 16px
+		margin: 16px 0
+	.studentInterviewFormat ul
+		font-family: Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, serif
+		font-size: 16px
+	.sponsorFAQContent p
+		font-family: Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, serif
+		font-size: 16px
+		margin: 16px 0
+	.sponsorFAQContent h4
+		margin: 0
+		font-weight: 800
+		font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif
+		font-size: 16px
+		clear: left
--- a/imports/ui/Internships.js
+++ b/imports/ui/Internships.js
@@ -0,0 +1,2 @@
+
+import './Internships.html';
--- a/imports/ui/News&Notices.html
+++ b/imports/ui/News&Notices.html
@@ -0,0 +1,18 @@
+<template name="News&Notices">
+	<div id="news&NoticesView" class="textView">
+		<!-- TODO: Load dates from the server and place the html in $("importantDatesContainer") -->
+		<div id="contentContainer"></div>
+	</div>
+	<script>
+		$(document).ready(function() {
+			$.ajax({url: "/AdminController.java", cache:false, data: {Request: "GetContent", Name: "news.html"},
+				success: function(serverReply) {
+					$('#contentContainer').html(serverReply.result);
+				},
+				error: function(request, message, e) {
+					alert(message);
+				}
+			});
+		});
+	</script>
+</template>
--- a/imports/ui/News&Notices.import.styl
+++ b/imports/ui/News&Notices.import.styl
@@ -0,0 +1,6 @@
+#news&NoticesView
+	.textView
+		margin: 6px auto 0 auto
+		border: 1px solid #DDD
+		padding: 0 20px
+		max-width: 960px
--- a/imports/ui/News&Notices.js
+++ b/imports/ui/News&Notices.js
@@ -0,0 +1,2 @@
+
+import './News&Notices.html';
--- a/imports/ui/PhotoGallery.html
+++ b/imports/ui/PhotoGallery.html
@@ -0,0 +1,23 @@
+<template name="PhotoGallery">
+	<div class="textView" id="photoGalleryView">
+		<div>
+			<img class="pageHeaderPicture" src="./images/buckeye_v5.jpg">
+			<h3 class="photoGallery">Photo Gallery</h3>
+			<p class="photoContent">The purpose of this Photo Gallery is to share and celebrate the activities of Anderson Valley's students and the community that supports them. Since many student events occur either within school classrooms or outside of the valley during field trips, they are often known only to those who are directly involved. Through this Photo Gallery we hope to overcome this barrier and enhance the connections between all members of our community. The photos included in the gallery will change periodically.  The goal is to capture current or recent events. We encourage all members of the community to contact us with ideas and images for this section of the web site. The photos have been divided into three categories. Selection of one of the following links will launch a slide show. Arrows on the page provide control of the show.</p>
+		</div>
+		<h3 class="slideShows" style="clear: left; padding-left: 8px; margin-bottom: 0;">Slide Shows</h3>
+		<div class="galleryContainer" style="margin: 0 auto;">
+			<div class="galleryLinks">
+				<a href="" ng-click="start('gallery/community');">COMMUNITY &nbsp;</a> <a href="" ng-click="start('gallery/avhs');">AVHS &nbsp;</a> <a href="" ng-click="start('gallery/aves');">AVES &nbsp;</a>
+			</div>
+			<div id="slidesAndControls" style="display: none">
+				<div id="slides" class="slideShowContainer">
+				</div>
+				<div class="galleryNavigation">
+					<a href="" id="previous-navigation" ng-click="manipulate('prev');"><img src="images/nav-left.png"></a>
+					<a href="" id="next-navigation" ng-click="manipulate('next');"><img src="images/nav-right.png"></a>
+				</div>
+			</div>
+		</div>
+	</div>
+</template>
--- a/imports/ui/PhotoGallery.import.styl
+++ b/imports/ui/PhotoGallery.import.styl
@@ -0,0 +1,30 @@
+#photoGalleryView
+	.textView
+		margin: 6px auto 0 auto
+		border: 1px solid #DDD
+		padding: 0 20px
+		max-width: 960px
+	.pageHeaderPicture
+		float: left
+		width: 350px
+		padding: 0 10px 5px 0
+	.galleryLinks a
+		font-family: Palatino,"Palatino Linotype","Palatino LT STD","Book Antiqua",Georgia,serif
+		font-size: 16px
+		font-weight: bold
+		text-decoration: none
+		color: rgb(34, 102, 153)
+	.photoGallery
+		font-family: "Arial Black", "Arial Bold", Gadget, sans-serif
+		font-size: 19px
+		text-transform: uppercase
+		background-color: #EEE
+	.slideShows
+		font-family: "Arial Black", "Arial Bold", Gadget, sans-serif
+		font-size: 19px
+		text-transform: uppercase
+		background-color: #EEE
+	.photoContent
+		font-family: Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, serif
+		font-size: 16px
+		margin: 16px 0
--- a/imports/ui/PhotoGallery.js
+++ b/imports/ui/PhotoGallery.js
@@ -0,0 +1,2 @@
+
+import './PhotoGallery.html';
--- a/imports/ui/Programs.html
+++ b/imports/ui/Programs.html
@@ -0,0 +1,17 @@
+<template name="Programs">
+	<div id="programsView" class="textView">
+		<div class="formatPrograms">
+			<img class="pageHeaderPicture" src="./images/programs_v1.jpg">
+			<h3>Programs</h3>
+			<p>The Education Foundation funds programs designed to nurture education in Anderson Valley. They have been chosen with the goal of supporting academic achievement and community interaction at all grade levels. All of the programs have been successful and appreciated for many years. The Internship and Fellowship Programs are unique and especially relevant given the small population and rural setting of our schools. Internships provide opportunities to develop skills and build community locally while Fellowships encourage looking beyond the valley for new perspectives and experiences.</p>
+			<h4>Grants:</h4>
+			<p>Every year AVEF provides financial support to teachers, students, parents, mentors or community groups for a wide variety of projects. The purpose of this program is to enhance the educational opportunities available to the youth of Anderson Valley. All applications for grants must be received in writing. Guidelines for grant requests are available on this website. The AVEF board reviews and responds to these requests at its monthly meeting. (<a class="{{isActiveRoute 'Grants'}}" href="{{pathFor 'Grants'}}">more...</a>)</p>
+			<h4>Internships:</h4>
+			<p>This is a chance for high school students to try something new and gain job experience. Every year AVEF supports a number of summer work opportunities for current high school students. Local businesses and individuals who agree to mentor a student supply job descriptions for their specific needs. These job descriptions will be available for students to review in March of each year. Students are selected by the mentor on the basis of the student's application and interview. The Internship Job List and Internship Student Application Form are available below.  Students who successfully complete the required 80 hours of work are paid. (<a class="{{isActiveRoute 'Internships'}}" href="{{pathFor 'Internships'}}">more...</a>)</p>
+			<h4>Scholarships:</h4>
+			<p>Each June AVEF awards scholarships to AVHS graduating seniors who have applied to attend a college, university or vocational school. Scholarships are awarded on the basis of GPA, SAT scores, financial need, educational and personal goals and quality of the essay submitted with an application. In addition references, awards, work experience, community service, and other criteria are taken into account. An application form is available on this website. The Scholarship Selection Criteria are available on this website to allow students an opportunity to see how scholarship applications are evaluated. (<a class="{{isActiveRoute 'Scholarships'}}" href="{{pathFor 'Scholarships'}}">more...</a>)</p>
+			<h4>Fellowships:</h4>
+			<p>This program allows high school juniors to apply for a summer educational opportunity outside of Anderson Valley. The program of interest can be located within the United States or even abroad. AVEF will support fees, transportation, living expenses and incidentals. Students must complete the AVEF application before the deadline and interview with our selection committee. The application form is available on this web site. This program is competitive and open to current juniors only. (<a class="{{isActiveRoute 'Fellowships'}}" href="{{pathFor 'Fellowships'}}">more...</a>)</p>
+		</div>
+	</div>
+</template>
--- a/imports/ui/Programs.import.styl
+++ b/imports/ui/Programs.import.styl
@@ -0,0 +1,21 @@
+#programsView
+	.textView
+		margin: 6px auto 0 auto
+		border: 1px solid #DDD
+		padding: 0 20px
+		max-width: 960px
+	.formatPrograms
+		h3
+			font-family: "Arial Black", "Arial Bold", Gadget, sans-serif
+			font-size: 19px
+			text-transform: uppercase
+			background-color: #EEE
+		p
+			font-family: Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, serif
+			font-size: 16px
+			margin: 16px 0
+		h4
+			font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif
+			font-size: 16px
+			font-weight: 800
+			clear: left
--- a/imports/ui/Programs.js
+++ b/imports/ui/Programs.js
@@ -0,0 +1 @@
+import './Programs.html';
--- a/imports/ui/Scholarships.html
+++ b/imports/ui/Scholarships.html
@@ -0,0 +1,49 @@
+<template name="Scholarships">
+	<div id="scholarshipView" class="textView">
+		<div id="scholarshipDescription">
+			<img class="pageHeaderPicture" src="./images/maple_v5.jpg">
+			<h3 class="scholarshipProgram">Scholarship Program</h3>
+			<p class="scholarshipProgramContent">Each June AVEF awards scholarships to AVHS graduating seniors who have applied to attend a college, university or vocational school. Scholarships are awarded on the basis of GPA, SAT scores, financial need, educational and personal goals and quality of the essay submitted with an application. In addition references, awards, work experience, community service, and other criteria are taken into account. The Scholarship Application Form is available below. The Scholarship Selection Criteria form used by the Scholarship Committee to evaluate applicants is also available below. In order to qualify a student's application and all supporting documents and letters must be received by AVEF on or before the deadline listed under the "Important Dates" tab on this web site.</p>
+		</div>
+		<h3 class="relevantLinks">Relevant Links</h3>
+		<div>
+			<ul class="relevantLinksContent">
+				<li><a class="{{isActiveRoute 'ImportantDates'}}" href="{{pathFor 'ImportantDates'}}">Important Dates</a></li>  <!--href="Download.java?File=/forms/Scholarship_Application_Form.pdf"-->
+				<li><a href="/forms/Scholarship_Application_Form_2016.pdf" download="Scholarship Application Form.pdf">Scholarship Application Form</a> (PDF Savable &amp; Printable Form)</li>
+				<li><a href="/forms/Scholarship_Selection_Criteria.pdf" download="Scholarship Selection Criteria.pdf">Scholarship Selection Criteria</a> (PDF)</li>
+			</ul>
+		</div>
+		<h3 class="recipientGuidelines">Recipient Guidelines <a class="headingShowHide recipientGuidelinesToggle" onclick="javascript: $('#scholarshipView .recipientGuidelinesToggle').toggle();">(Show)</a><a class="headingShowHide recipientGuidelinesToggle" style="display:none" onclick="javascript: $('#scholarshipView .recipientGuidelinesToggle').toggle();">(Hide)</a></h3>
+		<div class="recipientGuidelinesToggle">
+			<p class="recipientGuidelinesContent">Guidelines to assist who have already been awarded an Anderson Valley Education Foundation Scholarship...</p>
+		</div>
+		<div id="scholarshipRecipientGuidelines" class="recipientGuidelinesToggle" style="display:none">
+			<p class="paragraphOne">The purpose of these guidelines is to assist students who have been awarded an Anderson Valley Education Foundation Scholarship. Your scholarship money will be split into 2 equal payments. Typically this will be for two separate semesters or quarters. In order to receive these checks please take note of the following deadlines and requirements.</p>
+			<h4 class="deadlines">Deadlines:</h4>
+			<p class="paragraphTwo">Unless otherwise noted in the scholarship award letter that you received at graduation, you have 24 months from the date of graduation to submit your request for scholarship money. After that deadline the money will no longer be available.</p>
+			<h4 class="subYourRequests">Submitting your request:</h4>
+			<p class="paragraphThree">In order to receive your scholarship, you need to send a letter to:</p>
+			<div class="subAddress">
+				<p>Treasurer</p>
+				<p>Anderson Valley Education Foundation</p>
+				<p>PO Box 242</p>
+				<p>Boonville, CA 95415</p>
+			</div>
+			<p class="paragraphFour">Your letter must include:</p>
+			<ol class="paragraphFive">
+				<li>Your full legal name</li>
+				<li>The name of the recipient of the check. This is usually either your name or the name of the college or vocational school you are going to attend. This will depend on your arrangements with the college or vocational school. Some require that they receive scholarship checks directly and some do not.</li>
+				<li>The address where you want the check to be sent consistent with #2 above.</li>
+				<li>A document from the college or vocational school that shows you are enrolled. This will usually be a document that shows what courses you have signed up for. The document must include:</li>
+					<ol class="smallList">
+						<li>the name and address of the college or vocational school</li>
+						<li>your name (first and last)</li>
+						<li>a statement that you are "enrolled" or "registered" for the coming term</li>
+						<li>a recent date</li>
+					</ol>
+			</ol>
+			<p class="paragraphSix">If you have questions or special needs that are not addressed above please contact us at the above address. If you provide us with either an email address or phone number we will get back to you as quickly as possible.</p>
+			<p class="paragraphSeven">We wish you great success in your continuing education.</p>
+		</div>
+	</div>
+</template>
--- a/imports/ui/Scholarships.import.styl
+++ b/imports/ui/Scholarships.import.styl
@@ -0,0 +1,83 @@
+#scholarshipView
+	.textView
+		margin: 6px auto 0 auto
+		border: 1px solid #DDD
+		padding: 0 20px
+		max-width: 960px
+	.pageHeaderPicture
+		float: left
+		width: 350px
+		padding: 0 10px 5px 0
+	.scholarshipProgram
+		font-family: "Arial Black", "Arial Bold", Gadget, sans-serif
+		font-size: 19px
+		text-transform: uppercase
+		background-color: #EEE
+	.scholarshipProgramContent
+		font-family: Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, serif
+		font-size: 16px
+		margin: 16px 0
+	.relevantLinks
+		clear:both
+		font-family: "Arial Black", "Arial Bold", Gadget, sans-serif
+		font-size: 19px
+		text-transform: uppercase
+		background-color: #EEE
+	.relevantLinksContent
+		list-style-type: none
+		font-family: Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, serif
+		font-size: 16px
+	.recipientGuidelines
+		font-family: "Arial Black", "Arial Bold", Gadget, sans-serif
+		font-size: 19px
+		text-transform: uppercase
+		background-color: #EEE
+	.recipientGuidelinesContent
+		font-family: Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, serif
+		font-size: 16px
+		margin: 16px 0
+	.paragraphOne
+		font-family: Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, serif
+		font-size: 16px
+		margin: 16px 0
+	.deadlines
+		font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif
+		font-size: 16px
+		font-weight: 800
+		clear: left
+	.paragraphTwo
+		font-family: Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, serif
+		font-size: 16px
+		margin: 16px 0
+	.subYourRequests
+		font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif
+		font-size: 16px
+		font-weight: 800
+		clear: left
+	.paragraphThree
+		font-family: Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, serif
+		font-size: 16px
+		margin: 16px 0
+	.subAddress
+		margin-left:30px
+		font-weight: 800
+		font-size: 100%
+	.paragraphFour
+		font-family: Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, serif
+		font-size: 16px
+		margin: 16px 0
+	.paragraphFive
+		font-family: Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, serif
+		font-size: 16px
+		padding-left: 40px
+	.paragraphSix
+		font-family: Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, serif
+		font-size: 16px
+		margin: 16px 0
+	.paragraphSeven
+		font-family: Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, serif
+		font-size: 16px
+		margin: 16px 0
+	.smallList
+		list-style-type: lower-alpha
+		padding-left: 40px
--- a/imports/ui/Scholarships.js
+++ b/imports/ui/Scholarships.js
@@ -0,0 +1,2 @@
+
+import './Scholarships.html';
--- a/imports/ui/Support.html
+++ b/imports/ui/Support.html
@@ -0,0 +1,22 @@
+<template name="Support">
+	<div id="supportView" class="textView">
+		<div class="topFormat">
+			<img class="pageHeaderPicture" src="./images/support_v2.jpg">
+			<h3>Support</h3>
+			<p>The Anderson Valley Education Foundation is both a resource and an opportunity.</p>
+			<p>It is a resource derived from a community that understands the value of education for both the individual student and the valley. It provides financial support for students, teachers, parents and mentors to pursue knowledge, relationships and enriching experiences that would otherwise be beyond reach. Everyone in the valley benefits in some way from this resource.</p>
+			<p>The Foundation is also a rewarding opportunity for those who care about education and the quality of life in Anderson Valley and want to make a difference. The organization provides a means by which individuals can work together for these larger purposes. The Foundation depends on the local community for financial contributions as well as help with fundraising events and mentoring.</p>
+			<p>Today, each of us has an opportunity to help nurture the quality of life of this valley both now and in the future by supporting the education and development of our youth. The metaphor of great oaks from tiny acorns is an apt illustration of the vision and commitment required if the current stewards wish to leave a positive legacy. We appreciate your support.</p>
+		</div>
+		<div class="bottomFormat">
+			<p style="margin-bottom: 0;">If you would like to become more involved or send donations, please contact us at:</p>
+			<div class="addressFormat">
+				Anderson Valley Education Foundation, Inc.
+				<br>P.O. Box 242
+				<br>Boonville, CA 95415
+			</div>
+			<p>Thank you.</p>
+			<p>The Anderson Valley Education Foundation is a non-profit 501(c) (3) public charity, IRS Tax ID # 68-0436870. Contributions are tax deductible to the full extent of the law.</p>
+		</div>
+	</div>
+</template>
--- a/imports/ui/Support.import.styl
+++ b/imports/ui/Support.import.styl
@@ -0,0 +1,29 @@
+#supportView
+	.textView
+		margin: 6px auto 0 auto
+		border: 1px solid #DDD
+		padding: 0 20px
+		max-width: 960px
+	.pageHeaderPicture
+		float: left
+		width: 350px
+		padding: 0 10px 5px 0
+	.topFormat
+		h3
+			font-family: "Arial Black", "Arial Bold", Gadget, sans-serif
+			font-size: 19px
+			text-transform: uppercase
+			background-color: #EEE
+		p
+			font-family: Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, serif
+			font-size: 16px
+			margin: 16px 0
+	.bottomFormat
+		p
+			font-family: Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, serif
+			font-size: 16px
+			margin: 16px 0
+	.addressFormat
+			margin-left: 30px
+			font-weight: 800
+			font-size: 18px
--- a/imports/ui/Support.js
+++ b/imports/ui/Support.js
@@ -0,0 +1 @@
+import './Support.html';
--- a/imports/ui/layouts/Admin.html
+++ b/imports/ui/layouts/Admin.html
@@ -6,15 +6,40 @@
 			<div class="leftSidebar">
 				<div class="logoArea">
 					<i class="fa fa-sign-out fa-2x signOut" aria-hidden="true"></i>
-					<div class="logo"><img src="/images/Logo_v1.png" height="60px"/></div>
+					<div class="logo"><img src="/images/logo_v1.png" height="60px"/></div>
 				</div>
 				<div class="menuArea generalMenu">
 					<ul>
+						<li class="{{isActiveRoute 'InternshipJobs'}}">
+							<a href="{{pathFor 'InternshipJobs'}}">
+								Internship Job List
+							</a>
+						</li>
 						<li class="{{isActiveRoute 'UserManagement'}}">
 							<a href="{{pathFor 'UserManagement'}}">
 								Users
 							</a>
 						</li>
+						<li class="{{isActiveRoute 'ImportantDates'}}">
+							<a href="{{pathFor 'ImportantDates'}}">
+								Important Dates
+							</a>
+						</li>
+						<li class="{{isActiveRoute 'Appreciation'}}">
+							<a href="{{pathFor 'Appreciation'}}">
+								Appreciation
+							</a>
+						</li>
+						<li class="{{isActiveRoute 'CurrentBoard'}}">
+							<a href="{{pathFor 'CurrentBoard'}}">
+								Current Board
+							</a>
+						</li>
+						<li class="{{isActiveRoute 'News&Notices'}}">
+							<a href="{{pathFor 'News&Notices'}}">
+								News & Notices
+							</a>
+						</li>
 						<!-- Below is a second menu with a tag attached. -->
 						<!--<li class="{{isActiveRoute 'Misc'}}">-->
 							<!--<a href="{{pathFor 'Misc'}}">-->
--- a/imports/ui/layouts/Admin.import.styl
+++ b/imports/ui/layouts/Admin.import.styl
@@ -16,10 +16,10 @@
 		border: 0
 		vertical-align: top
 		text-align: left
-		background-color: #90b272   //Old browsers
-		background: -moz-linear-gradient(-180deg, #90b272 0%, #4d7727 100%)  //FF3.6-15
-		background: -webkit-linear-gradient(-180deg, #90b272 0%,#4d7727 100%)  //Chrome10-25,Safari5.1-6
-		background: linear-gradient(180deg, #90b272 0%,#4d7727 100%)  //W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+
+		background-color: #b9d6ff //Old browsers
+		background: -moz-linear-gradient(-180deg, #b9d6ff 0%, #04b0c7 100%)  //FF3.6-15
+		background: -webkit-linear-gradient(-180deg, #b9d6ff 0%, #04b0c7 100%)  //Chrome10-25,Safari5.1-6
+		background: linear-gradient(180deg, #b9d6ff 0%, #04b0c7 100%)  //W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+
 		font-size: 14px
 		font-weight: 700
 		overflow: visible
@@ -52,11 +52,11 @@
 			width: 30px
 			height: 30px
 			padding: 5px 0
-			background-color: #90b272
+			background-color: #b9d6ff
 			display: block
-			border-top: 1px solid #494
-			border-right: 1px solid #494
-			border-bottom: 1px solid #494
+			border-top: 1px solid #04b0c7
+			border-right: 1px solid #04b0c7
+			border-bottom: 1px solid #04b0c7
 		.leftSidebarMenuButton:hover
 			color: rgba(150,0,0,.5)
 	nav.generalSidebar
@@ -89,10 +89,10 @@
 		//bottom: 0px
 		width: 220px
 		//Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#627d4d+0,1f3b08+100;Olive+3D
-		background-color: #90b272   //Old browsers
-		background: -moz-linear-gradient(-180deg, #90b272 0%, #4d7727 100%)  //FF3.6-15
-		background: -webkit-linear-gradient(-180deg, #90b272 0%,#4d7727 100%)  //Chrome10-25,Safari5.1-6
-		background: linear-gradient(180deg, #90b272 0%,#4d7727 100%)  //W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+
+		background-color: #b9d6ff //Old browsers
+		background: -moz-linear-gradient(-180deg, #b9d6ff 0%, #04b0c7 100%)  //FF3.6-15
+		background: -webkit-linear-gradient(-180deg, #b9d6ff 0%, #04b0c7 100%)  //Chrome10-25,Safari5.1-6
+		background: linear-gradient(180deg, #b9d6ff 0%, #04b0c7 100%)  //W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+
 		font-size: 14px
 		font-weight: 700
 		overflow: hidden
--- a/imports/ui/layouts/Login.html
+++ b/imports/ui/layouts/Login.html
@@ -2,7 +2,7 @@
 	<div id="login" class="content">
 		<div class="spacer"> </div>
 		<div class="contentBox">
-			<img src="/images/Logo_v1.png"/>
+			<img src="/images/logo_v1.png"/>
 			<div class="form">{{> Template.dynamic template=content}}</div>
 		</div>
 	</div>
--- a/imports/ui/layouts/Login.import.styl
+++ b/imports/ui/layouts/Login.import.styl
@@ -6,14 +6,14 @@
 	.contentBox
 		margin: 0 auto
 		max-width: 600px
-		background-color: #88d15a
+		background-color: #b9d6ff
 		-webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.5);
 		-moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.5);
 		box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.5);
 		padding: 40px 10px
 		text-align: center
 		img
-			height: 120px
+			height: 60px
 			vertical-align: top
 		.form
 			display: inline-block
@@ -30,12 +30,12 @@
 				margin-bottom: 6px
 				text-align: center
 				width: 300px
-				background: #34d955;
-				background-image: -webkit-linear-gradient(top, #5d942b, #4b7d26)
-				background-image: -moz-linear-gradient(top, #5d942b, #4b7d26)
-				background-image: -ms-linear-gradient(top, #5d942b, #4b7d26)
-				background-image: -o-linear-gradient(top, #5d942b, #4b7d26)
-				background-image: linear-gradient(to bottom, #5d942b, #4b7d26)
+				background: #1555b4;
+				background-image: -webkit-linear-gradient(top, #1555b4, #000f7d)
+				background-image: -moz-linear-gradient(top, #1555b4, #000f7d)
+				background-image: -ms-linear-gradient(top, #1555b4, #000f7d)
+				background-image: -o-linear-gradient(top, #1555b4, #000f7d)
+				background-image: linear-gradient(to bottom, #1555b4, #000f7d)
 				font-family: "Arial Black", Arial
 				color: #ffffff
 				font-size: 14px
@@ -45,12 +45,12 @@
 				text-transform: uppercase
 				border: none
 			.at-btn:hover
-				background: #29b54f
-				background-image: -webkit-linear-gradient(top, #29b54f, #186b31)
-				background-image: -moz-linear-gradient(top, #29b54f, #186b31)
-				background-image: -ms-linear-gradient(top, #29b54f, #186b31)
-				background-image: -o-linear-gradient(top, #29b54f, #186b31)
-				background-image: linear-gradient(to bottom, #29b54f, #186b31)
+				background: #04b0c7
+				background-image: -webkit-linear-gradient(top, #04b0c7, #000f7d)
+				background-image: -moz-linear-gradient(top, #04b0c7, #000f7d)
+				background-image: -ms-linear-gradient(top, #04b0c7, #000f7d)
+				background-image: -o-linear-gradient(top, #04b0c7, #000f7d)
+				background-image: linear-gradient(to bottom, #04b0c7, #000f7d)
 				text-decoration: none
 				cursor: pointer
 			.at-link
--- a/imports/ui/layouts/Public.html
+++ b/imports/ui/layouts/Public.html
@@ -1,29 +1,30 @@
 <template name="Public">
 	{{> sAlert}}
 	<div id="publicBody">
+
 		<div id="page">
-			<div id="menu"><!-- Note: Comment out spacing between the elements since the browser will interpret the spaces as characters to be displayed.
-				--><a href="/Home">Home</a><!--
-			--></div>
-			<div id="links">
-				<!-- Note: Comment out spacing between the elements since the browser will interpret the spaces as characters to be displayed. -->
-				<a id="linkFacebook" href="" target='_blank' rel="nofollow"></a><!--
-				--><a id="linkGoogle" href="" target='_blank' rel="nofollow"></a><!--
-				--><a id="linkTwitter" href="" target='_blank' rel="nofollow"></a>
+			<div class="topBar">
+				<div class="logoLeft" onclick="{{pathFor 'Home'}}"></div>
+				<div class="menuBar">
+					<div onmousedown="return false">
+						<a href="{{pathFor 'Admin/Home'}}"><li class="fa fa-key theKey" aria-hidden="true"></li></a>
+						<li class="barButton"><a href="#"><i class="fa fa-bars"></i></a></li>
+						<li><a id="datesMenu" class="{{isActiveRoute 'ImportantDates'}}" href="{{pathFor 'ImportantDates'}}">Important Dates</a></li>
+						<li><a id="supportMenu" class="{{isActiveRoute 'Support'}}" href="{{pathFor 'Support'}}">Support &nbsp;</a></li>
+						<li><a id="programsMenu" class="{{isActiveRoute 'Programs'}}" href="{{pathFor 'Programs'}}">Programs &nbsp;</a></li>
+						<li><a id="contactMenu" class="{{isActiveRoute 'Contact'}}" href="{{pathFor 'Contact'}}">Contact &nbsp;</a></li>
+						<li><a id="aboutMenu" class="{{isActiveRoute 'About'}}" href="{{pathFor 'About'}}">About &nbsp;</a></li>
+						<li><a id="homeMenu" class="{{isActiveRoute 'Home'}}" href="{{pathFor 'Home'}}">Home &nbsp;</a></li>
+					</div>
 				</div>
-			<div id="menuBackground"></div>  <!-- A spacer between the menu and the header image. -->
-			<div id="head">
-				<!-- Logo click takes the user back to home -->
-				<div id="logo" onclick="window.location='/Home'"></div>
 			</div>
 			<div id="content">
 				{{> Template.dynamic template=content}}
 			</div>
 		</div>
 		<!-- footer lines -->
-		<div id="footer">&copy; 2018 Just Me | My Email <a href="mailto:me@somewhere.com">me@somewhere.com</a></div>
-		<div id="designedBy" style="">
-			Web Site By: <a href="http://somewhere.com" style="font-weight: normal" target="_blank">Your Company</a>
-		</div>
+		<div class="footer">Anderson Valley Education Foundation, Inc., P.O. Box 242, Boonville, CA 95415. --- A non-profit 501(c)(3), tax ID # 68-0436870</div>
+		<div class="copyright">&copy;2013, 2018 Anderson Valley Education Foundation, Inc.</div>
+        <div class="byline">Web Site By: Wynne Crisman and Caleb Devine-Gomes</div>
 	</div>
 </template>
--- a/imports/ui/layouts/Public.import.styl
+++ b/imports/ui/layouts/Public.import.styl
@@ -1,14 +1,77 @@

 #publicBody
 	position: relative
-	max-width: 950px
+	max-width: 960px
 	min-width: 250px
 	margin: 0 auto
 	#page
 		background: #FDFDFD
+
+		.topBar
+			.logoLeft
+				cursor: pointer
+				z-index: 1
+				display: inline-block
+				height: 43px
+				width: 41px
+				background-image: url('/images/logo_v1.png')
+				background-position: center center
+				background-origin: content-box
+				background-clip: content-box
+				background-repeat: no-repeat
+				background-size: cover
+			.menuBar
+				list-style-type:none
+				margin: 15px 0 0 0
+				padding:0
+				overflow:hidden
+				display: inline-block
+				float: right
+				font-size: 16px
+				li
+					float: right
+					a
+						font-family: Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, serif
+						font-weight: bold
+						padding: 8px 8px 0 8px
+						text-decoration: none
+						color: #269
+					a:hover
+						color: #5AD
+					a:active
+						color: #047
+					a.active
+						color: #777777
+						cursor: default
+
+	.theKey
+		color: #269
+
+	.footer
+		text-align: center
+		padding-bottom: 40px
+	.copyright
+		float: left
+		color: #777777
+		letter-spacing: 1px
+		overflow: visible
+		white-space: nowrap
+		text-transform: uppercase
+		font-size: 10px
+	.byline
+		float: right
+		color: #777777
+		letter-spacing: 1px
+		overflow: visible
+		text-align: right
+		text-transform: uppercase
+		font-size: 10px
+
 	@media(max-width: 549px)
+		.level1, .level2
+			display: none
+		#page
 			#head
-				margin: 0 auto
 				height: 0
 			#logo
 				position: absolute
@@ -28,12 +91,7 @@
 				max-width: 950px
 				background: #FFF
 			#menu
-				white-space: nowrap
-				position: absolute
 				height: 20px
-				z-index: 200
-				font-family: "Open Sans", Arial, Helvetica, sans-serif
-				font-weight: 600
 				font-size: .8em
 			#menu a
 				margin: 0 0 0 5px
@@ -51,43 +109,24 @@
 				opacity: .7
 				color: black
 				border-bottom: 1px solid red
-			#links
-				white-space: nowrap
-				position: absolute
-				right: 50px
-				top: 26px
-				height: 15px
-				width: 60px
+		.copyright
+			font-size: 7px
+		.byline
+			float: left
+			clear: both
 			text-align: left
-				z-index: 100
-				font-family: Arial, Helvetica, sans-serif
-				font-size: .8em
-				font-weight: 800
-			#links a
-				display: inline-block
-				width: 20px
-				height: 15px
-				border-bottom: 1px solid transparent
-				/* Force the browser to include padding and border as part of the size of the block. */
-				-webkit-box-sizing: border-box /* Safari/Chrome, other WebKit */
-				-moz-box-sizing: border-box    /* Firefox, other Gecko */
-				box-sizing: border-box         /* Opera/IE 8+ */
-			#links a:hover
-				border-bottom: 1px solid red
-				opacity: .7
-			#linkFacebook
-				background: url('images/Facebook_v2.png') no-repeat center center
-				background-size: auto 9px
-			#linkGoogle
-				background: url('images/GooglePlus_v2.png') no-repeat center center
-				background-size: 12px auto
-			#linkTwitter
-				background: url('images/Twitter_v2.png') no-repeat center center
-				background-size: 12px auto
+			font-size: 7px
+		.footer
+			font-size: 7px
+			text-align: left
+
+	// Large Screens
 	@media(min-width: 550px)
+		.barButton
+			display: none
+		#page
 			#head
-				margin: 0 auto
-				background: url(images/Header_v1.jpg) no-repeat top center
+				background: url(images/header_v2.jpg) no-repeat top center
 				background-size: contain
 				max-width: 950px
 				height: 171px
@@ -109,14 +148,11 @@
 				max-width: 950px
 				background: #FFF
 			#menu
-				white-space: nowrap
-				position: absolute
 				height: 30px
 				margin-bottom: 1px
-				z-index: 200
-				font-family: "Open Sans", Arial, Helvetica, sans-serif
-				font-weight: 600
 				font-size: 1em
+			#menu.wide
+				width: 199px
 			#menu a
 				margin: 0 0 0 16px
 				text-decoration: none
@@ -129,53 +165,8 @@
 				-webkit-box-sizing: border-box /* Safari/Chrome, other WebKit */
 				-moz-box-sizing: border-box    /* Firefox, other Gecko */
 				box-sizing: border-box         /* Opera/IE 8+ */
-			#menu a.holidayMenuItem
-				font-family: "Grand Hotel", "Open Sans", Arial, Helvetica, sans-serif
-				font-weight: 400
-				font-size: 1.3em
-				letter-spacing: 1px
-				vertical-align: top
-			#menu a.shippingMenuItem
-				font-family: "Grand Hotel", "Open Sans", Arial, Helvetica, sans-serif
-				font-weight: 400
-				font-size: 1.3em
-				letter-spacing: 1px
-				vertical-align: top
 			#menu a:hover
 				opacity: 1
 				color: black
 				background: transparent
 				border-bottom: 3px solid #a20010
-			#link
-				white-space: nowrap
-				position: absolute
-				right: 10px
-				top: 130px
-				height: 30px
-				width: 120px
-				text-align: center
-				z-index: 200
-				font-family: Arial, Helvetica, sans-serif
-				font-weight: 800
-				font-size: 1em
-			#links a
-				display: inline-block
-				width: 30px
-				height: 30px
-				border-bottom: 2px solid transparent
-				/* Force the browser to include padding and border as part of the size of the block. */
-				-webkit-box-sizing: border-box /* Safari/Chrome, other WebKit */
-				-moz-box-sizing: border-box    /* Firefox, other Gecko */
-				box-sizing: border-box         /* Opera/IE 8+ */
-			#links a:hover
-				border-bottom: 2px solid rgb(200, 146, 186) /*#a20010;*/
-				opacity: 1
-			#linkFacebook
-				background: url('images/Facebook_white_v2.png') no-repeat center 5px
-				background-size: 20px auto
-			#linkGoogle
-				background: url('images/GooglePlus_white_v2.png') no-repeat center 6px
-				background-size: 20px auto
-			#linkTwitter
-				background: url('images/Twitter_white_v2.png') no-repeat center 7px
-				background-size: 20px auto
--- a/imports/util/de.combo.js
+++ b/imports/util/de.combo.js
@@ -41,7 +41,7 @@
 		//this.$list.appendTo($input.parent());
 		this.$list.appendTo(this.$listContainer);
 		//this.$listContainer.appendTo($input.parent());
-		this.$listContainer.prependTo(document.body);  //Place the container at the top of the page with no height.
+		this.$listContainer.prependTo(document.body);  //Place the container at the top of the Admin with no height.

 		//Setup the list to highlight the item the user is hovering over, to select the item the user clicks, and to remove the hover styling when the list closes due to a selection being made.
 		this.$list
@@ -84,7 +84,7 @@
 		// this.$list
 		// 	.on('focus', $.proxy(_this.focus, _this, "list"))
 		// 	.on('blur', $.proxy(_this.blur, _this, "list"));
-		//Handle key events on the input field.  Up/down arrows should change the selection in the list.  Enter should select an item and close the list.  Tab and escape should hide the list before moving to the next focusable element on the page.
+		//Handle key events on the input field.  Up/down arrows should change the selection in the list.  Enter should select an item and close the list.  Tab and escape should hide the list before moving to the next focusable element on the Admin.
 		this.$input.on('input keydown', function(event) {
 			switch(event.keyCode) {
 				case 38: { //Up
@@ -376,7 +376,7 @@
 			let position = this.$input.offset();
 			
 			this.isShowing = true;
-			// Position the list relative to the field.  Note that we place the combo at the top of the page (in the body tag) to avoid overflow not showing and to ensure the page scrolls if needed.
+			// Position the list relative to the field.  Note that we place the combo at the top of the Admin (in the body tag) to avoid overflow not showing and to ensure the Admin scrolls if needed.
 			this.$list.css({position: 'absolute', top: position.top + this.$input.outerHeight(), left: position.left, width: this.$input.outerWidth()});
 			this.clearFilter();
 			
--- a/imports/util/select2/select2.full.js
+++ b/imports/util/select2/select2.full.js
@@ -473,7 +473,7 @@ S2.define('jquery',[],function () {
    console.error(
      'Select2: An instance of jQuery or a jQuery-compatible library was not ' +
      'found. Make sure that you are including jQuery before Select2 on your ' +
-      'web page.'
+      'web Admin.'
    );
  }

@@ -6179,9 +6179,9 @@ S2.define('select2/selection/stopPropagation',[
            } else {
                this.onmousewheel = handler;
            }
-            // Store the line height and page height for this particular element
+            // Store the line height and Admin height for this particular element
            $.data(this, 'mousewheel-line-height', special.getLineHeight(this));
-            $.data(this, 'mousewheel-page-height', special.getPageHeight(this));
+            $.data(this, 'mousewheel-Admin-height', special.getPageHeight(this));
        },

        teardown: function() {
@@ -6194,7 +6194,7 @@ S2.define('select2/selection/stopPropagation',[
            }
            // Clean up the data we added to the element
            $.removeData(this, 'mousewheel-line-height');
-            $.removeData(this, 'mousewheel-page-height');
+            $.removeData(this, 'mousewheel-Admin-height');
        },

        getLineHeight: function(elem) {
@@ -6278,7 +6278,7 @@ S2.define('select2/selection/stopPropagation',[
            deltaY *= lineHeight;
            deltaX *= lineHeight;
        } else if ( orgEvent.deltaMode === 2 ) {
-            var pageHeight = $.data(this, 'mousewheel-page-height');
+            var pageHeight = $.data(this, 'mousewheel-Admin-height');
            delta  *= pageHeight;
            deltaY *= pageHeight;
            deltaX *= pageHeight;
--- a/imports/util/select2/select2.js
+++ b/imports/util/select2/select2.js
@@ -473,7 +473,7 @@ S2.define('jquery',[],function () {
    console.error(
      'Select2: An instance of jQuery or a jQuery-compatible library was not ' +
      'found. Make sure that you are including jQuery before Select2 on your ' +
-      'web page.'
+      'web Admin.'
    );
  }

--- a/package-lock.json
+++ b/package-lock.json
--- a/package.json
+++ b/package.json
@@ -6,7 +6,6 @@
    "build": "npm install --product && meteor build --architecture os.linux.x86_64 --server-only ../"
  },
  "dependencies": {
-    "1.0": "^1.0.2",
    "@babel/runtime": "^7.0.0-beta.38",
    "csv-parse": "latest",
    "dragula": "^3.7.2",
--- a/packages/jquery-custom-scrollbar/jquery.mousewheel.js
+++ b/packages/jquery-custom-scrollbar/jquery.mousewheel.js
@@ -42,9 +42,9 @@
            } else {
                this.onmousewheel = handler;
            }
-            // Store the line height and page height for this particular element
+            // Store the line height and Admin height for this particular element
            $.data(this, 'mousewheel-line-height', special.getLineHeight(this));
-            $.data(this, 'mousewheel-page-height', special.getPageHeight(this));
+            $.data(this, 'mousewheel-Admin-height', special.getPageHeight(this));
        },

        teardown: function() {
@@ -57,7 +57,7 @@
            }
            // Clean up the data we added to the element
            $.removeData(this, 'mousewheel-line-height');
-            $.removeData(this, 'mousewheel-page-height');
+            $.removeData(this, 'mousewheel-Admin-height');
        },

        getLineHeight: function(elem) {
@@ -141,7 +141,7 @@
            deltaY *= lineHeight;
            deltaX *= lineHeight;
        } else if ( orgEvent.deltaMode === 2 ) {
-            var pageHeight = $.data(this, 'mousewheel-page-height');
+            var pageHeight = $.data(this, 'mousewheel-Admin-height');
            delta  *= pageHeight;
            deltaY *= pageHeight;
            deltaX *= pageHeight;
--- a/public/images/EAMC_132_-_a_new_and_correct_map_of_the_world.png
+++ b/public/images/EAMC_132_-_a_new_and_correct_map_of_the_world.png
--- a/public/images/Menu
+++ b/public/images/Menu
--- a/public/images/NavRidgeSingle
+++ b/public/images/NavRidgeSingle
--- a/public/images/NavRidgeSingle
+++ b/public/images/NavRidgeSingle
--- a/public/images/NavRidgeSingle
+++ b/public/images/NavRidgeSingle
--- a/public/images/NavRidgeSingle
+++ b/public/images/NavRidgeSingle
--- a/public/images/about_v1.jpg
+++ b/public/images/about_v1.jpg
--- a/public/images/apple_seed_v2.jpg
+++ b/public/images/apple_seed_v2.jpg
--- a/public/images/apple_v5.jpg
+++ b/public/images/apple_v5.jpg
--- a/public/images/arrow-down-2.png
+++ b/public/images/arrow-down-2.png
--- a/public/images/bay_seed_v2.jpg
+++ b/public/images/bay_seed_v2.jpg
--- a/public/images/buckeye_seed_v2.jpg
+++ b/public/images/buckeye_seed_v2.jpg
--- a/public/images/buckeye_v5.jpg
+++ b/public/images/buckeye_v5.jpg
--- a/public/images/fir_seed_v2.jpg
+++ b/public/images/fir_seed_v2.jpg
--- a/public/images/fir_v5.jpg
+++ b/public/images/fir_v5.jpg
--- a/public/images/header_v2.jpg
+++ b/public/images/header_v2.jpg
--- a/public/images/header_v3.jpg
+++ b/public/images/header_v3.jpg
--- a/public/images/header_v4.jpg
+++ b/public/images/header_v4.jpg
--- a/public/images/header_v5.jpg
+++ b/public/images/header_v5.jpg
--- a/public/images/logo.svg
+++ b/public/images/logo.svg
--- a/public/images/logo_v1.png
+++ b/public/images/logo_v1.png
--- a/public/images/madrone_seed_v2.jpg
+++ b/public/images/madrone_seed_v2.jpg
--- a/public/images/maple_seed_v2.jpg
+++ b/public/images/maple_seed_v2.jpg
--- a/Show More
+++ b/Show More