default, FrancoisValle, About, SiteMap, Bank

carousel on default, revision to carousel on FV, added text on About, pictures and css on SiteMap, new Bank

About.aspx

@@ -5,6 +5,7 @@
         <hgroup>
             <h1>About the Museum</h1>
             <h5>Map - Hours - Admission Cost</h5>
+            <p><em>Bonjour.</em> This museum tells part of the story of New France, the <em>other</em> Colonial America. Away from Philadelphia and New York, away from the Anglophones, life was happening. Here, in Ste.Genevieve, French and American Indian and African, slave and free cultures mixed and mingled in a way perhaps unique to the world.  Come back in time to hear their stories, see where they lived, walk where they walked and ponder part of what made us what we are today. It is a story worth hearing, and we are here to tell it. </p> 
             <h2>Location</h2>
         </hgroup>
         <ul>

BankBuilding.aspx

@@ -0,0 +1,15 @@
+<%@ Page Title="" Language="C#" MasterPageFile="~/Site.master" AutoEventWireup="true" CodeFile="BankBuilding.aspx.cs" Inherits="BankBuilding" %>
+
+<asp:Content ID="Content1" ContentPlaceHolderID="MainContent" Runat="Server">
+
+
+<div class="margin10" >
+    <h2>The Bank</h2>
+    <p>
+        This is the future home of the "New France Educational Center & Museum" at Second and Market Streets. Here we can protect some of our most fragile assets in this very secure and climate-controlled facility.
+    </p>
+
+<img alt="picture along the front of the bank" src="images/BankBuilding/bank 5_1375.JPG" />
+<figcaption>Looking west along the front of the bank building</figcaption>
+ </div>
+</asp:Content>

BankBuilding.aspx.cs

@@ -0,0 +1,14 @@
+using System;
+using System.Collections.Generic;
+using System.Linq;
+using System.Web;
+using System.Web.UI;
+using System.Web.UI.WebControls;
+
+public partial class BankBuilding : System.Web.UI.Page
+{
+    protected void Page_Load(object sender, EventArgs e)
+    {
+
+    }
+}

Default.aspx

@@ -4,13 +4,71 @@
     <meta content="Bolduc House Museum, National Historic Landmark, Ste. Genevieve, Stegen, Ste.Gen, 
 French Colonial History, Missouri French, Missouri French History, 18th Century Missouri, colonial site, Missouri tourist attraction, Mississippi River town, spectacular gardens, attraction"
         name="keywords" />
-    <meta content="The Bolduc House Museum and National Historic Landmark in Ste. Genevieve, Missouri, 18th Century French colonial historic site, tourist attraction, and outdoor event venue with spectacular gardens
-"
-        name="description" /> 
-    <figure>
-        <img src="Images/Default/bolducBack_2000.png" alt="Bolduc House looking south across the gardens" />
-        <figcaption>Looking south across the gardens to the back of the Bolduc House </figcaption>
-    </figure> 
+    <meta content="The Bolduc House Museum and National Historic Landmark in Ste. Genevieve, Missouri, 18th Century French colonial historic site, tourist attraction, and outdoor event venue with spectacular gardens"    name="description" />
+    <div id="defaultPageCarousel" class="carousel slide" data-ride="carousel">
+        <!-- Indicators -->
+        <ol class="carousel-indicators">
+            <li data-target="#defaultPageCarousel" data-slide-to="0" class="active"></li>
+            <li data-target="#defaultPageCarousel" data-slide-to="1"></li>
+            <li data-target="#defaultPageCarousel" data-slide-to="2"></li>
+            <li data-target="#defaultPageCarousel" data-slide-to="3"></li>
+            <li data-target="#defaultPageCarousel" data-slide-to="4"></li>
+            <li data-target="#defaultPageCarousel" data-slide-to="5"></li>
+            <li data-target="#defaultPageCarousel" data-slide-to="6"></li>
+            <li data-target="#defaultPageCarousel" data-slide-to="7"></li> 
+        </ol>
+
+        <!-- Wrapper for slides -->
+        <div class="carousel-inner" role="listbox">
+            <div class="item active">
+                <img src="Images/Default/Carousel/bolducBack_2000.png" />
+            <figcaption>Looking south across the gardens to the back of the Bolduc House </figcaption>
+            </div> 
+
+            <div class="item">
+                <img src="Images/Default/Carousel/LaGuignole.jpg" />
+               <figcaption>La Guignole (Traditional New Year's Eve Celebration)</figcaption>   
+            </div> 
+
+            <div class="item">
+                <img src="Images/Default/Carousel/BolducHouseAt7am.jpg" /> <figcaption>Early on a Misty Morning </figcaption>
+            </div>
+
+
+  <div class="item">
+      <img src="Images/Default/Carousel/Jour%20de%20Fete%20006%20medium.jpg" />
+                <figcaption>Jour de Fete</figcaption>
+            </div>
+
+            <div class="item">
+                <img src="Images/Default/Carousel/smiling%20soldier%20(1).JPG" />
+                <figcaption>Do NOT argue with our Re-enactors!</figcaption>
+            </div>  
+            <div class="item">
+              <img src="Images/Default/Carousel/Spinning.JPG" />
+                <figcaption>Learn about the occupations and crafts of bygone days</figcaption>
+            </div>
+             <div class="item">
+                 <img src="Images/Default/Carousel/Ste.%20Genevieve-20120130-00137.jpg" />
+                 <figcaption>Children's activities and attractions are a big part of us</figcaption>
+             </div>
+             <div class="item">  
+                 <img src="Images/Default/Carousel/Web%20PR%20for%20African%20Exhibit.jpg" />
+                 <figcaption>We frequentlyhost and provide for short-term exhibits - watch our Facebook page</figcaption>
+             </div>
+        </div>
+
+        <!-- Left and right controls -->
+        <a class="left carousel-control" href="#defaultPageCarousel" role="button" data-slide="prev">
+            <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
+            <span class="sr-only">Previous</span>
+        </a>
+        <a class="right carousel-control" href="#defaultPageCarousel" role="button" data-slide="next">
+            <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
+            <span class="sr-only">Next</span>
+        </a>
+    </div>
+
     <article>
         <h1>The Bolduc House Museum </h1>
         <p>
@@ -31,13 +89,7 @@ French Colonial History, Missouri French, Missouri French History, 18th Century
                                     Book Page</a>
         </p>
         <h3><a runat="server" href="~/Upload/Default/Bolduc Brochure 2015A.pdf">General Information</a></h3>
-    </article>
-    <figure>
-        <img  alt="Springtime in the Garden at the Bolduc House"
-            src="Images/Default/May2014_740.jpg" />
-        <figcaption>Springtime in the Garden at the Bolduc House - May, 2014</figcaption>
-    </figure>
-    <article>
+
         <div class="row">
             <div class="col-md-6">
                 &quot;Bonjour! I am Zuts, the Squirrel and Mascot of the House Bolduc! I am building 

FrancoisValleHouse.aspx

@@ -23,16 +23,16 @@
         <article>
             <h2>Exploration</h2>
             <p>In early November 2015 Jesse Francis explored our Francois Valle II House. His book on French vertical log architecture is available in our shop.</p>
-            <div id="myCarousel" class="carousel slide" data-ride="carousel">
+            <div id="fvhCarousel" class="carousel slide" data-ride="carousel">
                 <!-- Indicators -->
                 <ol class="carousel-indicators">
-                    <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
-                    <li data-target="#myCarousel" data-slide-to="1"></li>
-                    <li data-target="#myCarousel" data-slide-to="2"></li>
-                    <li data-target="#myCarousel" data-slide-to="3"></li>
-                    <li data-target="#myCarousel" data-slide-to="4"></li>
-                    <li data-target="#myCarousel" data-slide-to="5"></li>
-                    <li data-target="#myCarousel" data-slide-to="6"></li>
+                    <li data-target="#fvhCarousel" data-slide-to="0" class="active"></li>
+                    <li data-target="#fvhCarousel" data-slide-to="1"></li>
+                    <li data-target="#fvhCarousel" data-slide-to="2"></li>
+                    <li data-target="#fvhCarousel" data-slide-to="3"></li>
+                    <li data-target="#fvhCarousel" data-slide-to="4"></li>
+                    <li data-target="#fvhCarousel" data-slide-to="5"></li>
+                    <li data-target="#fvhCarousel" data-slide-to="6"></li>
                 </ol>
 
                 <!-- Wrapper for slides -->
@@ -67,11 +67,11 @@
                 </div>
 
                 <!-- Left and right controls -->
-                <a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
+                <a class="left carousel-control" href="#fvhCarousel" role="button" data-slide="prev">
                     <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
                     <span class="sr-only">Previous</span>
                 </a>
-                <a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
+                <a class="right carousel-control" href="#fvhCarousel" role="button" data-slide="next">
                     <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
                     <span class="sr-only">Next</span>
                 </a>

SiteMap.aspx

@@ -4,27 +4,30 @@
     <link href="Content/SiteMap.css" rel="stylesheet" />
     <div class="margin50">
         <h1>Gateway to the Museum</h1>
-        <p>Each square is a page on our site. Dark blue squares are up and running. Grey squares, with solid borders, and marked with one asterisk(*) are going to be pulled in soon from the old site. Plain squares with dashed borders and two asterisks (**) are for the future. </p>
+        <p>Each square is a page on our site. </p>
         <p>If a page is deployed, you can click on its square and go to that page.</p>
-        <p>Watch as pages are added.</p>
+        <p>Watch as pages are added. Grey squares, with solid borders, and marked with one asterisk(*) are going to be pulled in soon from the old site. Plain squares with dashed borders and two asterisks (**) are for the future. </p>
     </div>
     <article class="margin50 fbSiteMap">
-        <div data-link="default" class="siteButton up">Home</div>
-        <div data-link="about" class="siteButton up">About</div>
-        <div data-link="contact" class="siteButton up">Contact</div>
-        <div data-link="shop" class="siteButton up">Shop</div>
-        <div data-link="siteMap" class="siteButton up" title="You are Here">Site Map</div>
-        <div data-link="BolducHouse" class="siteButton up">The Bolduc House</div>
-        <div data-link="LeMeilleurHouse" class="siteButton up">The LeMeilleur House</div>
-        <div data-link="LindenHouse" class="siteButton up">The Linden House</div>
-        <div data-link="FrancoisValleHouse"class="siteButton up">The Francois Valle House</div>
-        <div data-link="JBValleHouse"class="siteButton up">The Jean-Baptiste Valle House</div>
-        <div class="siteButton soon">The Bank</div>
+        <div data-link="default" class="siteButton up admin">Home</div>
+        <div data-link="about" class="siteButton up admin">About</div>
+        <div data-link="contact" class="siteButton up admin">Contact</div>
+        <div data-link="shop" class="siteButton up admin">Shop</div>
+        <div data-link="siteMap" class="siteButton up admin" title="You are Here">Site Map</div>
+        <div data-link="LindenHouse" class="siteButton up bldg">The Linden House<img src="Images/SiteMap/Linden%20House100.jpg" title="On the east side of S. Main. Start Here" /></div>
+        <div data-link="BolducHouse" class="siteButton up bldg">The Bolduc House
+            <img src="Images/SiteMap/Bolduc_100.jpg" alt="The Bolduc House looking Northwest" title="On the west side of S. Main, across from the Linden House"/></div>
+        <div data-link="LeMeilleurHouse" class="siteButton up bldg">The LeMeilleur House
+            <img src="Images/SiteMap/LeMeilleurHouse2_100.jpg" alt="front of the LeMeilleur House" title="On the west side of S. Main, just north of the Bolduc House" /></div>
+        <div data-link="JBValleHouse" class="siteButton up bldg">The J.B.Valle House<img src="Images/SiteMap/Jean%20Baptiste%20Valle%20House%20I_100.jpg" title="The Jean-Baptiste Valle House is on the Northwest corner of Market and South Main"/></div>
+        <div data-link="FrancoisValleHouse"class="siteButton up bldg">The Francois Valle House<img src="Images/SiteMap/FrancoisValleHouse_100.jpg" title="This house is on S. Gabouri. It is not yet ready for tours"/></div> 
+        <div data-link="BankBuilding" class="siteButton up bldg">The Bank Building<br /><br /><img src="Images/SiteMap/bank%205_100.JPG"  title="This is on the south side of Market street and you might pass it when you come visit. It is not open yet."/></div>
         <div class="siteButton soon">Bolduc Family History</div>
-        <div class="siteButton soon">Hands on History Room</div>
-        <div class="siteButton soon">Kids</div>
-        <div class="siteButton soon">Field Trips</div> 
-        <div class="siteButton soon">Zuts Birthday Club</div>
+        <div class="siteButton future">Slavery in Ste.Genevieve</div>  
+         <div class="siteButton soon kids">Kids</div>
+        <div class="siteButton soon kids">Hands on History Room</div> 
+        <div class="siteButton soon kids">Field Trips</div> 
+        <div class="siteButton soon kids">Zuts Birthday Club</div>
         <div class="siteButton soon">Arrangements</div>
         <div class="siteButton soon">Weddings</div>
         <div class="siteButton soon">Ste. Genevieve</div>

SiteMap.css

@@ -0,0 +1,52 @@
+.admin {
+    background-color:  gold;
+    color: black;
+    border: 1px double black;
+} 
+
+.bldg {
+    background-color: #036;
+    color: white; 
+    border-radius:10px;
+}
+.kids {
+    font-family:'Comic Sans MS';
+    color: green; 
+}
+
+
+
+.fbSiteMap {
+    display: flex;
+    border: 1px solid black;
+    -ms-flex-flow: row wrap;
+    -webkit-flex-flow: row wrap;
+    flex-flow: row wrap;
+}
+
+.siteButton {
+    height:135px;
+    width: 135px;
+    margin: 25px;
+    padding: 10px; 
+    box-shadow: 3px 3px 3px #aaa;
+}
+
+.siteButton>img{
+    margin:auto;
+    box-shadow:none;
+    height:70px; 
+}
+
+.up {
+   /*this class is used for javascript only - for presentation use a category like activity, admin, bldg, craft, kids*/
+}
+
+.soon {
+    background-color: lightgray;
+    border: 1px solid black;
+}
+
+.future {
+    border: 1px dashed black;
+}