STORYSCAPE is a mixed media art exhibit exploring the landscape of education, justice & community from around Connecticut.
HOW TO USE THIS SITE
Use the top left navigation to explore the artistic content of the STORYSCAPE art exhibit.
Use the bottom left navigation to explore the WCGMF 25th Anniversary celebrations, the spaces where the content of the STORYSCAPE art exhibit was produced.
<!-- SQUARESTUDIO CUSTOM CODE -->
<script src="https://code.jquery.com/jquery-3.4.0.min.js"></script>
<script>
$(function(){
$('.sqs-block-code+.sqs-block-gallery').each(function(){
var color = $(this).prev().find('p').html();
$(this).addClass('customGallery').find('.margin-wrapper').css('background-color', color, 'important');
})
})
</script>
// CUSTOM GALLERY by SquareStudio
// about wcgmf 25th anniversary page
#collection-5c991ed2e79c70358c76ea5b {
.sqs-block-gallery {
// 1ST SLIDE
.slide:nth-of-type(1) {
.margin-wrapper {
background: #CCCCFF;
}
}
// 2ND SLIDE
.slide:nth-of-type(2) {
.margin-wrapper {
background: #E040FB;
}
}
// 3RD SLIDE
.slide:nth-of-type(3) {
.margin-wrapper {
background: #00C853;
}
}
// 4TH SLIDE
.slide:nth-of-type(4) {
.margin-wrapper {
background: #D1A400;
}
}
// 5TH SLIDE
.slide:nth-of-type(5) {
.margin-wrapper {
background: #FF3366;
}
}
// 6TH SLIDE
.slide:nth-of-type(6) {
.margin-wrapper {
background: #952934;
}
}
// 7TH SLIDE
.slide:nth-of-type(7) {
.margin-wrapper {
background: #D1FAEE;
}
}
// 8TH SLIDE
.slide:nth-of-type(8) {
.margin-wrapper {
background: #FFD700;
}
}
// 9TH SLIDE
.slide:nth-of-type(9) {
.margin-wrapper {
background: #;
}
}
// 10TH SLIDE
.slide:nth-of-type(10) {
.margin-wrapper {
background: #;
}
}
}
}
// about storyscape page
#collection-5ca4f297e5e5f07945243f40 {
.sqs-block-gallery:not(#block-yui_3_17_2_1_1554735146382_6641) {
// 1ST SLIDE
.slide:nth-of-type(1) {
.margin-wrapper {
background: #CCCCFF;
}
}
// 2ND SLIDE
.slide:nth-of-type(2) {
.margin-wrapper {
background: #E040FB;
}
}
// 3RD SLIDE
.slide:nth-of-type(3) {
.margin-wrapper {
background: #00C853;
}
}
// 4TH SLIDE
.slide:nth-of-type(4) {
.margin-wrapper {
background: #D1A400;
}
}
// 5TH SLIDE
.slide:nth-of-type(5) {
.margin-wrapper {
background: #FF3366;
}
}
// 6TH SLIDE
.slide:nth-of-type(6) {
.margin-wrapper {
background: #952934;
}
}
// 7TH SLIDE
.slide:nth-of-type(7) {
.margin-wrapper {
background: #D1FAEE;
}
}
// 8TH SLIDE
.slide:nth-of-type(8) {
.margin-wrapper {
background: #FFD700;
}
}
// 9TH SLIDE
.slide:nth-of-type(9) {
.margin-wrapper {
background: #;
}
}
// 10TH SLIDE
.slide:nth-of-type(10) {
.margin-wrapper {
background: #;
}
}
}
}
//both pages
#collection-5ca4f297e5e5f07945243f40 .sqs-block-gallery:not(#block-yui_3_17_2_1_1554735146382_6641), #collection-5c991ed2e79c70358c76ea5b .sqs-block-gallery, .customGallery {
.slide:hover {
img {
opacity: 0 !important;
}
.image-slide-title {
opacity: 1;
}
}
.slide {
.margin-wrapper {
backface-visibility:hidden;
-webkit-backface-visibility:hidden;
}
img {
transition: all ease-in-out 300ms;
backface-visibility:hidden;
-webkit-backface-visibility:hidden;
}
.image-slide-title:after {
content: "CLICK HERE";
display: block;
margin-top: 12px;
font-size: 9px;
}
.image-slide-title {
position: absolute;
pointer-events:none;
margin-top: 0;
opacity: 0;
transition: all 500ms;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
font-family: proxima-nova;
font-weight: 800;font-style: normal;
font-size: .75em;
letter-spacing: 0.1em;
text-transform: none;
width: 90%;
line-height: 1em;
text-decoration: none;
}
}
}
body:not(.sqs-edit-mode-active){
.sqs-block-code {
display:none;
}
}
// Remove Blog Date
.tweak-blog-date-style-above-title time.date-callout {
display: none;
}
// Remove Pagination
.blog-item-pagination {
display: none;
}
/* Display the word MENU next to the hamburger menu icon */
@media only screen and (min-width: 641px) {.nav-toggle-label:after {
display: inline;
content: 'MENU';
font-family: proxima-nova, sans-serif;
font-style: normal;
font-size: 16pt;
font-weight: bold;
margin-left: 10px;
color:#000
}}