Updated

imports/ui/NewsAndPhotos.html

@@ -0,0 +1,48 @@
+<template name="NewsAndPhotos">
+    <div id="newsAndPhotosView">
+        <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>
+</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>