From 01169b222093bc102608657b6a6dbc591a084969 Mon Sep 17 00:00:00 2001 From: thomasgengel34 Date: Sat, 24 Sep 2016 13:36:21 -0500 Subject: [PATCH] progress update, including misc test changes --- Explore.css | 6 +- FirstNations.html | 18 +-- Gardens.css | 256 ++++++++++++++++++++++++++++++++----------- Gardens.html | 15 +-- Kids.html | 6 +- LeMeilleurHouse.html | 8 +- SainteGen.html | 6 +- Weddings.html | 4 +- 8 files changed, 227 insertions(+), 92 deletions(-) diff --git a/Explore.css b/Explore.css index 2f6c99b..aac9802 100644 --- a/Explore.css +++ b/Explore.css @@ -39,6 +39,7 @@ #flexBoxSiteMap { display:-ms-flexbox; + display:-webkit-box; display:flex; border: 1px solid black; border-radius:25px ; @@ -48,7 +49,10 @@ -ms-flex-flow:wrap; -webkit-flex-flow:wrap; flex-flow:wrap; - + /*min-height:135px;*/ + /*max-height:135px;*/ + /*min-width:135px;*/ + /*max-height:135px;*/ } .siteButton { diff --git a/FirstNations.html b/FirstNations.html index c8f5aa0..0fe639f 100644 --- a/FirstNations.html +++ b/FirstNations.html @@ -100,12 +100,12 @@

The Five Tribes

Flags of the Tribes on Display in the Stone Cottage

- Flags of the Tribes on Display in the Stone Cottage + Flags of the Tribes on Display in the Stone Cottage - Flags of the Tribes on Display in the Stone Cottage + Flags of the Tribes on Display in the Stone Cottage Flags of the Tribes on Display in the Stone Cottage + width="4000" />
@@ -131,17 +131,17 @@

Inside the Stone Cottage:

First Picture of the Stone Cottage Interior + width="147" /> Second Picture of the Stone Cottage Interior + width="146" />
Third Picture of the Stone Cottage Interior + width="147" /> Fourth Picture of the Stone Cottage Interior + width="149" />
@@ -273,7 +273,7 @@

The Village

Watch this website and our FaceBook page for more information.

- Three Crops in a Three Sisters Garden + Three Crops in a Three Sisters Garden
Three Crops in a Three Sisters Garden
@@ -291,7 +291,7 @@

- Zuts + Zuts
Me! This is my picture! This is what I look like! Me!
diff --git a/Gardens.css b/Gardens.css index aac25e7..85001a2 100644 --- a/Gardens.css +++ b/Gardens.css @@ -9,6 +9,7 @@ padding: 10px; font-family: 'Comic Sans MS'; font-size: smaller; + -webkit-transform: rotate(-20deg); transform: rotate(-20deg); background-color: palegoldenrod; margin-left: 220px; @@ -43,6 +44,28 @@ div#home div[class="col-md-5"] p { height: 712px; } +@media only screen and (max-width:767px) { + #SquirrelTour h2, .item, .GardenCarousel { + font-size: medium; + } +} + +@media (orientation:landscape) and (max-height:767px) { + #SquirrelTour p, #SquirrelTour h2 { + margin: 5px; + } +} + +@media (orientation:portrait) and (max-width:464px) { + #SquirrelTour p, #SquirrelTour h2 { + margin: 5px; + } + + h2, .item, .GardenCarousel { + font-size: small; + } +} + #SquirrelTour h1 { font-family: 'Comic Sans MS'; } @@ -54,6 +77,12 @@ div#home div[class="col-md-5"] p { text-align: center; } +#SquirrelTour img { + margin: 10px; + overflow: hidden; + box-shadow: none; +} + #SquirrelTour p, #SquirrelTour h3 { font-family: 'Comic Sans MS'; font-size: 1.17em; @@ -66,47 +95,45 @@ div#home div[class="col-md-5"] p { /* ******** Squirrel Tour Title Tab ****** */ + + #SquirrelTourTitle { - text-align: center; + text-align: center; background: -webkit-radial-gradient(lightyellow 50%, lightgreen, green); background: radial-gradient(lightyellow 50%, lightgreen, green); + margin: 0; + padding: 0; } #SquirrelTourTitle figure { position: absolute; - top: 10px; + bottom: 10px; right: 10px; width: 181px; -webkit-animation: squirrelTitle 5s ease-in-out 0s infinite; - animation: squirrelTitle 5s ease-in-out 0s infinite; + animation: squirrelTitle 5s ease-in-out 0s infinite; } -#SquirrelTourTitle h2 { - color: green; + #SquirrelTourTitle h2 { + color: green; margin: 25px; - margin-top: 75px; + margin-top: 75px; } - #SquirrelTourTitle h1 { + + #SquirrelTourTitle h1 { color: green; padding-top: 150px; - -webkit-animation: sqtth1 3s 1s infinite; - animation: sqtth1 3s 1s infinite; } - - - #SquirrelTourTitle img { - box-shadow: none; - } - -#SquirrelTour img { - margin: 10px; - overflow: hidden; -} + #SquirrelTourTitle h2:last-of-type { + -o-animation: squirrelteeter 5s ease-in-out 0s infinite; + -webkit-animation: squirrelteeter 5s ease-in-out 0s infinite; + animation: squirrelteeter 5s ease-in-out 0s infinite; + } -@-webkit-keyframes sqtth1 { +@-webkit-keyframes squirrelteeter { 0%,100% { transform: rotate(0deg); } @@ -120,7 +147,7 @@ div#home div[class="col-md-5"] p { } } -@-ms-keyframes sqtth1 { +@-o-keyframes squirrelteeter { 0%,100% { transform: rotate(0deg); } @@ -134,7 +161,7 @@ div#home div[class="col-md-5"] p { } } -@-o-keyframes sqtth1 { +@-moz-keyframes squirrelteeter { 0%,100% { transform: rotate(0deg); } @@ -148,7 +175,7 @@ div#home div[class="col-md-5"] p { } } -@-moz-keyframes sqtth1 { +@keyframes squirrelteeter { 0%,100% { transform: rotate(0deg); } @@ -162,17 +189,43 @@ div#home div[class="col-md-5"] p { } } -@keyframes sqtth1 { +@-webkit-keyframes squirrelTitle { 0%,100% { - transform: rotate(0deg); + opacity: 1; } - 25% { - transform: rotate(2deg); + 50% { + opacity: 0; } +} - 75% { - transform: rotate(-2deg); +@-o-keyframes squirrelTitle { + 0%,100% { + opacity: 1; + } + + 50% { + opacity: 0; + } +} + +@-moz-keyframes squirrelTitle { + 0%,100% { + opacity: 1; + } + + 50% { + opacity: 0; + } +} + +@-ms-keyframes squirrelTitle { + 0%,100% { + opacity: 1; + } + + 50% { + opacity: 0; } } @@ -188,42 +241,112 @@ div#home div[class="col-md-5"] p { /* ********* Cardoon Tab ********* */ +/* cardoon general */ +#cardoon p::first-letter { + font-size: x-large; +} +#cardoon h2 { + -webkit-animation: cardoon 5s 1s infinite; + animation: cardoon 5s 1s infinite; +} -#cardoon { - height: 800px; - background: -webkit-radial-gradient(60% 55%, closest-side, lightyellow, white, lightgreen); /* Safari 5.1 to 6.0 */ - background: -moz-radial-gradient(60% 55%, closest-side, lightyellow, white, lightgreen); /* For Firefox 3.6 to 15 */ - background: radial-gradient(closest-side at 60% 55%, lightyellow, white, lightgreen); +@media (max-width:767px) { + #cardoon { + overflow: scroll; + } + + #cardoon h2 { + text-align: center; + color: darkgreen; + padding-top: 20px; + } + + #cardoon .ClipArtSquirrel { + display: none; + } + + #cardoon p { + margin: 5px; + padding: 5px; + } + + #cardoon p:last-child { + margin-bottom: 20px; + } } - #cardoon h2 { - text-align: left; - margin-left: 100px; - color: darkgreen; - padding-top: 100px; - -webkit-animation: cardoon 3s 1s infinite; - animation: cardoon 3s 1s infinite; +@media (min-width:768px) and (max-width:978px) { + #cardoon { + background: radial-gradient(closest-side at 75% 50%, lightyellow, white, lightgreen); } -.cardoon { - width: 390px; - padding-top: 75px; - margin-left: 25px; + #cardoon .ClipArtSquirrel { + position: absolute; + top: 5px; + right: 20px; + width: 181px; + overflow: hidden; + -webkit-animation: squirrelTitle 5s ease-in-out 2s infinite; + -moz-animation: squirrelTitle 5s ease-in-out 2s infinite; + -o-animation: squirrelTitle 5s ease-in-out 2s infinite; + animation: squirrelTitle 5s ease-in-out 2s infinite; + } + + #cardoon p { + padding-left:40px; + padding-right:40px; + } + + #cardoon p:first-of-type { + margin-top:180px; + } } -.ClipArtSquirrel { + + +@media (min-width:979px) { + #cardoon { + background: -webkit-radial-gradient(60% 55%, closest-side, lightyellow, white, lightgreen); /* Safari 5.1 to 6.0 */ + background: -moz-radial-gradient(60% 55%, closest-side, lightyellow, white, lightgreen); /* For Firefox 3.6 to 15 */ + background: radial-gradient(closest-side at 60% 55%, lightyellow, white, lightgreen); + } + + #cardoon h2 { + color: darkgreen; + padding-top: 100px; + -webkit-animation: cardoon 5s 1s infinite; + animation: cardoon 5s 1s infinite; + } + + #cardoon p:first-of-type { + margin-top:180px; + } + + #cardoon div[class="col-md-7"] { + width: 600px; + text-align: center; + } + + #cardoon div[class="col-md-7"] p { + width: 500px; + text-align: center; + } + +#cardoon .ClipArtSquirrel { position: absolute; - top: 10px; - right: 40px; + top: 5px; + right: 20px; width: 181px; - height: 192px; overflow: hidden; -webkit-animation: squirrelTitle 5s ease-in-out 2s infinite; + -moz-animation: squirrelTitle 5s ease-in-out 2s infinite; + -o-animation: squirrelTitle 5s ease-in-out 2s infinite; animation: squirrelTitle 5s ease-in-out 2s infinite; } +} -@keyframes cardoon { +@-moz-keyframes cardoon { 0%,100% { color: darkgreen; } @@ -233,31 +356,38 @@ div#home div[class="col-md-5"] p { } } -#cardoon p { - width: 450px; - margin-top: 50px; -} +@-webkit-keyframes cardoon { + 0%,100% { + color: darkgreen; + } -#cardoon div[class="col-md-7"] p:nth-child(2) { - margin-top: 100px; + 50% { + color: mediumpurple; + } } -#cardoon p::first-letter { - font-size: x-large; -} +@keyframes cardoon { + 0%,100% { + color: darkgreen; + } -#cardoon div[class="col-md-7"] p:nth-child(3) { - width: 600px; - margin-left: 0px; + 50% { + color: mediumpurple; + } } + + +/* + *** Easy Access Tab ************************ +*/ #EasyAccess { background: -webkit-radial-gradient(closest-side at 25% 50%, lightyellow 75%, lightgreen); background: -moz-radial-gradient(closest-side at 25% 50%, lightyellow 75%, lightgreen); background: radial-gradient(closest-side at 25% 50%, lightyellow 80%, lightgreen); margin: 0; padding: 0; - font-family: 'Comic Sans MS'; + /*font-family: 'Comic Sans MS';*/ } #EasyAccess figure, #EasyAccess img { diff --git a/Gardens.html b/Gardens.html index ba2b7ea..bffcdfb 100644 --- a/Gardens.html +++ b/Gardens.html @@ -109,7 +109,7 @@

The Bolduc House Museum Gardens

- Audrey and Dave Deuel embrace at their wedding in the gardens

@@ -154,8 +154,9 @@

The Bolduc House Museum Gardens

  • -
    +

    A Squirrel's Tour of the Gardens

    +

    "This tour is for us Squirrels! I, ZUTS, wrote this WITHOUT ANY HELP!!!

    @@ -167,15 +168,15 @@

    squirrel

    -
    +
    -
    +
    Cardoon in the garden + src="Images/Gardens/SquirrelGardenTour/DeliciousCardoon.jpg" width="341" />
    -
    +

    Delicious Cardoon!

    This delicious cardoon is just one sample of the wonderfully yummy plants that Patti grows in MY Bolduc House’s 18th century French kitchen garden. @@ -395,7 +396,7 @@

    MORE Flower Beds! Good Hiding

    - Patti The gardener
    diff --git a/Kids.html b/Kids.html index 524c543..d364a26 100644 --- a/Kids.html +++ b/Kids.html @@ -7,7 +7,7 @@ - --> + @@ -143,7 +143,7 @@

    Regarding Our Heroic Squirrel Mascot, Zuts

    - Zut's Paw Print + Zut's Paw Print
    The paw print of M. Zuts!
    @@ -169,7 +169,7 @@

    Regarding Our Heroic Squirrel Mascot, Zuts

    - Zuts'' Official Photograph + Zuts'' Official Photograph
    Zuts' Official Photograph
    diff --git a/LeMeilleurHouse.html b/LeMeilleurHouse.html index 97a5503..3a4d5cc 100644 --- a/LeMeilleurHouse.html +++ b/LeMeilleurHouse.html @@ -76,7 +76,7 @@

    More Information Online

    - The LeMeilleur House from the street + The LeMeilleur House from the street
    Looking Southwest at the house from South Main Street
    @@ -89,7 +89,7 @@

    Monsieur Jean-Baptiste Sebastian Pratte

    Jean-Baptiste Sebastian Pratte, Louis Bolduc’s acquaintance and the executor of his estate + src="Images/LeMeilleur/Pratte_900.jpg" width="900" />
    Jean-Baptiste Sebastian Pratte, Louis Bolduc’s acquaintance and the executor of his estate

    Who painted this portrait? The Pratte family members think it was John Audobon and there is some plausibility to that idea. No one signed it and John Audobon was here...The frame is silver leaf which has been painted brown.

    @@ -105,7 +105,7 @@

    Monsieur Jean-Baptiste Sebastian Pratte

    Monsieur John Smith T?

    - Portait of John Smith T, a friend and perhaps murderer of Capt. Meriwether Lewis + Portait of John Smith T, a friend and perhaps murderer of Capt. Meriwether Lewis
    Portait of John Smith T, a friend and perhaps murderer of Capt. Meriwether Lewis?

    @@ -117,7 +117,7 @@

    Monsieur John Smith T?

    The Portrait of Mademoiselle Emilie

    - Emilie + Emilie
    Emilie. Painted in memory of her

    Who was Emilie? Why was she posed carrying this? Who painted this? When and where?

    diff --git a/SainteGen.html b/SainteGen.html index 81dd8ce..f57c3e6 100644 --- a/SainteGen.html +++ b/SainteGen.html @@ -50,7 +50,7 @@

    Sainte Genevieve - Her Story and Her Town

    - Statue of Ste. Genevieve on display in the Linden Parlor + Statue of Ste. Genevieve on display in the Linden Parlor
    A beautiful statue of Ste. Genevieve is on display in the Linden Parlor at the Bolduc House Museum. It is a gift from Mrs. Pierce Powers, a member of The National Society @@ -121,7 +121,7 @@

    Her Story

    - Detail of Stained Glass Window in the Church. Photo By Peter Vagt + Detail of Stained Glass Window in the Church. Photo By Peter Vagt
    Detail of Stained Glass Window in the Church. Photo By Peter Vagt
    @@ -162,7 +162,7 @@

    - Scrollable View of Window + Scrollable View of Window
    diff --git a/Weddings.html b/Weddings.html index 73c7443..a680e03 100644 --- a/Weddings.html +++ b/Weddings.html @@ -112,7 +112,7 @@

    On the Porch

    Couple at Gate + src="images/Weddings/CoupleAtGate_600.jpg" width="600" />
    Fabulous Wedding Pictures!
    @@ -146,7 +146,7 @@

    Are you planning a wedding, anniversary, family reunion or other event?
    - Caterer set up in unique location + Caterer set up in unique location
    Where else can your caterer set up like this?