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).

This commit is contained in:
Wynne Crisman
2020-11-16 19:15:49 -08:00
parent da36c139eb
commit 7766cd517b
12 changed files with 208 additions and 44 deletions

View File

@@ -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"

View File

@@ -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", {

View File

@@ -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>

View File

@@ -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">

View File

@@ -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
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

View File

@@ -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');
}
}
});
});

View File

@@ -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>

83
imports/ui/SecondChance.import.styl vendored Normal file
View File

@@ -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

View File

@@ -0,0 +1,2 @@
import './SecondChance.html';

View File

@@ -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'}}">

View File

@@ -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>