wcrisman/AVEF
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Updated to nearly fully functional. Pre-release 1. Still needs some UI changes in the slideshow and admin pages (move the save button & fix the save detection for the internship list). Customer had one more page change request which I need to re-define and handle.

Browse Source
This commit is contained in:
Wynne Crisman
2018-12-12 11:04:00 -08:00
parent c0e971774e
commit 3fc374eda3
108 changed files with 3472 additions and 628 deletions
Download Patch File Download Diff File Expand all files Collapse all files

51
imports/ui/PhotoGallery.html
View File

@@ -1,23 +1,42 @@
<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 class="galleryLinks">
<div class="galleryLink clickable noselect">Introduction</div>
{{#each slideshows}}
<div class="galleryLink clickable noselect" data-slideshow-id="{{_id}}">{{name}}</div>
{{/each}}
</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>
{{#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>
<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>
{{/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>
</template>
<template name="Slideshow">
<div class="galleryContainer" style="margin: 0 auto;">
<div class="slidesAndControls">
<div class="slideShowContainer">
{{#each slides}}
<div class="slide{{#unless @index}} showSlide{{/unless}}" style="background-image: url('/slideshow-image/{{this}}')"></div>
{{/each}}
</div>
<div class="galleryNavigation">
<i class="fa fa-angle-left previous clickable noselect" aria-hidden="true"></i>
<i class="fa fa-angle-right next clickable noselect" aria-hidden="true"></i>
</div>
</div>
</div>
</template>
</template>