From 7766cd517b6c255c0c5181b691aa65ea8a7991a3 Mon Sep 17 00:00:00 2001
From: Wynne Crisman <wcrisman@declarativeengineering.com>
Date: Mon, 16 Nov 2020 19:15:49 -0800
Subject: [PATCH] Recoded it to not use the editor for the Second Chance page. 
 The editor was not able to handle a download link (the link failed to work
 without a page refresh after clicking, and the download property of the link
 could not be set).

---
 client/main.styl                              |   3 +-
 imports/startup/client/routes.js              |  11 +--
 imports/ui/Home.html                          |   3 +-
 imports/ui/PhotoGallery.html                  |  52 ++++++-----
 imports/ui/PhotoGallery.import.styl           |  34 ++++++-
 imports/ui/PhotoGallery.js                    |   7 +-
 imports/ui/SecondChance.html                  |  50 +++++++++++
 imports/ui/SecondChance.import.styl           |  83 ++++++++++++++++++
 imports/ui/SecondChance.js                    |   2 +
 imports/ui/layouts/Admin.html                 |   5 --
 imports/ui/layouts/Public.html                |   2 +-
 ...d_Chance_Scholarship_Application_Form.pdf} | Bin
 12 files changed, 208 insertions(+), 44 deletions(-)
 create mode 100644 imports/ui/SecondChance.html
 create mode 100644 imports/ui/SecondChance.import.styl
 create mode 100644 imports/ui/SecondChance.js
 rename public/forms/{Second_Chance_Scholarship_Form.pdf => Second_Chance_Scholarship_Application_Form.pdf} (100%)

diff --git a/client/main.styl b/client/main.styl
index b7a01a2..4f1426d 100644
--- a/client/main.styl
+++ b/client/main.styl
@@ -43,7 +43,7 @@ h3
 	background-color: #EEE
 
 .textView
-	border: 1px solid #DDD
+	//border: 1px solid #DDD
 	padding: 10px
 	font-family: Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, serif
 	font-size: 16px
@@ -202,6 +202,7 @@ h3
 @import "../imports/ui/Grants.import.styl"
 @import "../imports/ui/Internships.import.styl"
 @import "../imports/ui/Scholarships.import.styl"
+@import "../imports/ui/SecondChance.import.styl"
 @import "../imports/ui/Fellowships.import.styl"
 @import "../imports/ui/News&Notices.import.styl"
 @import "../imports/ui/PhotoGallery.import.styl"
diff --git a/imports/startup/client/routes.js b/imports/startup/client/routes.js
index 7248f0c..e656b25 100644
--- a/imports/startup/client/routes.js
+++ b/imports/startup/client/routes.js
@@ -76,13 +76,6 @@ pri.route("/Admin/NewsEditor", {
 		BlazeLayout.render("Admin", {content: "PageEditor"});
 	}
 });
-pri.route("/Admin/SecondChanceEditor", {
-	name: "SecondChanceEditor",
-	action: function(params, queryParams) {
-		require("/imports/ui/Admin/PageEditor.js");
-		BlazeLayout.render("Admin", {content: "PageEditor"});
-	}
-});
 pri.route("/Admin/SlideshowEditor", {
 	name: "SlideshowEditor",
 	action: function(params, queryParams) {
@@ -203,8 +196,8 @@ pub.route("/News", {
 pub.route("/SecondChance", {
 	name: 'SecondChance',
 	action: function(params, queryParams) {
-		require("/imports/ui/EditablePage.js");
-		BlazeLayout.render("Public", {content: "EditablePage"});
+		require("/imports/ui/SecondChance.js");
+		BlazeLayout.render("Public", {content: "SecondChance"});
 	}
 });
 pub.route("/PhotoGallery", {
diff --git a/imports/ui/Home.html b/imports/ui/Home.html
index 20a9d3d..b137672 100644
--- a/imports/ui/Home.html
+++ b/imports/ui/Home.html
@@ -33,7 +33,8 @@
 				</div>
 				<div class="cellTile">
 					<div class="cellContent">
-						<div class="menuText">Photo Gallery</div>
+						<div class="menuText">News &amp; Photo</div>
+                        <div id="newsHeaderTimestampDiv" class="menuTimestamp">{{newsDate}}</div>
 						<a href="{{pathFor 'PhotoGallery'}}"><img src='./images/buckeye_seed_v2.jpg'/></a>
 					</div>
 				</div>
diff --git a/imports/ui/PhotoGallery.html b/imports/ui/PhotoGallery.html
index 496fdd4..3652fb1 100644
--- a/imports/ui/PhotoGallery.html
+++ b/imports/ui/PhotoGallery.html
@@ -1,28 +1,34 @@
 <template name="PhotoGallery">
-	<div class="textView" id="photoGalleryView">
-		<div class="galleryLinks">
-			<div class="galleryLink clickable noselect">Introduction</div>
-			{{#each slideshows}}
-				<div class="galleryLink clickable noselect" data-slideshow-id="{{_id}}">{{name}}</div>
-			{{/each}}
-		</div>
-		{{#if slideshow}}
-			{{> Slideshow slideshow._id}}
-		{{else}}
-			<div class="editablePage">
-				{{{editableHTML}}}
-				<!-- This prevents the text from being smaller than the image and the footer from being shoved next to the image. -->
-				<div style="clear:both"></div>
-			</div>
-		{{/if}}
-		<!--<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 id="photoGalleryView">
+        <div class="textView newsNotices">
+            {{{newsHTML}}}
+        </div>
+        <div class="textView">
+            <h3 style="padding-left: 40px">Photo Gallery</h3>
+            <div class="galleryLinks">
+                <div class="galleryLink clickable noselect">Intro</div>
+                {{#each slideshows}}
+                    <div class="galleryLink clickable noselect" data-slideshow-id="{{_id}}">{{name}}</div>
+                {{/each}}
+            </div>
+            {{#if slideshow}}
+                {{> Slideshow slideshow._id}}
+            {{else}}
+                <div class="editablePage">
+                    {{{editableHTML}}}
+                    <!-- This prevents the text from being smaller than the image and the footer from being shoved next to the image. -->
+                    <div style="clear:both"></div>
+                </div>
+            {{/if}}
+            <!--<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>
+        </div>
+    </div>
 </template>
 
 <template name="Slideshow">
diff --git a/imports/ui/PhotoGallery.import.styl b/imports/ui/PhotoGallery.import.styl
index fe9776d..e10fd75 100644
--- a/imports/ui/PhotoGallery.import.styl
+++ b/imports/ui/PhotoGallery.import.styl
@@ -1,11 +1,18 @@
 #photoGalleryView
+	.textView
+		clear: both
 	.intro
 		display: block
+	.galleryLinks
+		background: black
+		color: white
+		margin-bottom: 10px
 	.galleryLink
 		display: inline-block
-		padding-right: 20px
+		padding-left: 10px
+		padding-right: 10px
 		font-family: "Arial Black", "Arial Bold", Gadget, sans-serif
-		font-size: 19px
+		font-size: 12px
 		text-transform: uppercase
 	.slideShowContainer
 		display: block
@@ -31,4 +38,25 @@
 	.next, .previous
 		font-size: 26px
 		line-height: 26px
-		padding: 6px
\ No newline at end of file
+		padding: 6px
+
+	.newsNotices p, .newsEditor p
+		font-family: Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, serif
+		font-size: 16px
+		margin: 16px 0
+		img
+			padding-right: 8px
+
+	.newsNotices h2, .newsEditor h2
+		font-family: "Arial Black", "Arial Bold", Gadget, sans-serif
+		font-size: 19px
+		text-transform: uppercase
+		background-color: #EEE
+		font-weight: bold
+		padding-left: 40px
+
+	.newsNotices h4, .newsEditor h4
+		font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif
+		font-size: 16px
+		font-weight: 800
+		clear: left
diff --git a/imports/ui/PhotoGallery.js b/imports/ui/PhotoGallery.js
index 96b1e88..f037882 100644
--- a/imports/ui/PhotoGallery.js
+++ b/imports/ui/PhotoGallery.js
@@ -32,6 +32,11 @@ Template.PhotoGallery.helpers({
 	},
 	slideshow: function() {
 		return Session.get(PREFIX + "selectedSlideshow");
+	},
+	newsHTML: function() {  //Moved this from the News & Notices page when we replaced that page.
+		let doc = Meteor.collections.Pages.findOne({name: 'News'});
+		
+		return doc === undefined ? "" : doc.html;
 	}
 });
 
@@ -106,4 +111,4 @@ Template.Slideshow.events({
 			if(last) last.addClass('showSlide');
 		}
 	}
-});
\ No newline at end of file
+});
diff --git a/imports/ui/SecondChance.html b/imports/ui/SecondChance.html
new file mode 100644
index 0000000..cf4c5ce
--- /dev/null
+++ b/imports/ui/SecondChance.html
@@ -0,0 +1,50 @@
+<template name="SecondChance">
+	<div id="secondChanceView" class="textView">
+		<div>
+			<img class="pageHeaderPicture" src="./images/fellowships.jpg">
+			<h3 class="scholarshipProgram">SECOND CHANCE SCHOLARSHIP PROGRAM</h3>
+			<p class="scholarshipProgramContent">The AVEF has begun a second scholarship opportunity for the Anderson Valley graduates.</p>
+            <p class="scholarshipProgramContent">This program is called the Second Chance Scholarship. It is designed for students 26 or under who either, a) decided to delay post high school education or, b) may need some additional support to complete their educational program. The scholarship can be used for college, university or a vocational program. They will be awarded based on previous school experience, personal and educational goals and the quality of the essay submitted with the application. Included with the application, letters of reference will be required. Work experience and community service will also be considered. 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>
+				<li><a href="/forms/Second_Chance_Scholarship_Application_Form.pdf" download="Second Chance Scholarship Application Form.pdf">Second Chance 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: $('#secondChanceView .recipientGuidelinesToggle').toggle();">(Show)</a><a class="headingShowHide recipientGuidelinesToggle" style="display:none" onclick="javascript: $('#secondChanceView .recipientGuidelinesToggle').toggle();">(Hide)</a></h3>
+		<div class="recipientGuidelinesToggle">
+			<p class="recipientGuidelinesContent">Guidelines to assist who have already been awarded an Anderson Valley Education Foundation Second Chance 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 AVEF Second Chance Scholarship. You may receive your scholarship in one lump sum, or it may be split into two equal payments. That will depend on your circumstances. If it is split into two, it is typically to provide support for two 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">You will have up to one year to request your scholarship money from the time it is awarded. This will be confirmed in your award letter. 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; and</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>
diff --git a/imports/ui/SecondChance.import.styl b/imports/ui/SecondChance.import.styl
new file mode 100644
index 0000000..6f7ee6e
--- /dev/null
+++ b/imports/ui/SecondChance.import.styl
@@ -0,0 +1,83 @@
+#secondChanceView
+	.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
diff --git a/imports/ui/SecondChance.js b/imports/ui/SecondChance.js
new file mode 100644
index 0000000..aa543fd
--- /dev/null
+++ b/imports/ui/SecondChance.js
@@ -0,0 +1,2 @@
+
+import './SecondChance.html';
diff --git a/imports/ui/layouts/Admin.html b/imports/ui/layouts/Admin.html
index 7fff7ab..f3e6bc2 100644
--- a/imports/ui/layouts/Admin.html
+++ b/imports/ui/layouts/Admin.html
@@ -29,11 +29,6 @@
                             <a href="{{pathFor 'DatesEditor'}}">
                                 Important Dates
                             </a>
-                        </li>
-                        <li class="{{isActiveRoute 'SecondChanceEditor'}}">
-                            <a href="{{pathFor 'SecondChanceEditor'}}">
-                                Second Chance
-                            </a>
                         </li>
 						<li class="{{isActiveRoute 'JrHighSummerEditor'}}">
 							<a href="{{pathFor 'JrHighSummerEditor'}}">
diff --git a/imports/ui/layouts/Public.html b/imports/ui/layouts/Public.html
index 3f0f7e1..e85d5c9 100644
--- a/imports/ui/layouts/Public.html
+++ b/imports/ui/layouts/Public.html
@@ -4,7 +4,7 @@
 
 		<div id="page">
 			<div class="topBar">
-				<div class="logoLeft" onclick="{{pathFor 'Home'}}"></div>
+				<a href="{{ pathFor 'Home' }}"><div class="logoLeft"></div></a>
 				<div class="menuBar">
 					<div onmousedown="return false">
 						<a href="{{pathFor 'InternshipsEditor'}}"><li class="fa fa-key theKey" aria-hidden="true"></li></a>
diff --git a/public/forms/Second_Chance_Scholarship_Form.pdf b/public/forms/Second_Chance_Scholarship_Application_Form.pdf
similarity index 100%
rename from public/forms/Second_Chance_Scholarship_Form.pdf
rename to public/forms/Second_Chance_Scholarship_Application_Form.pdf