{"id":11588,"date":"2025-01-28T09:44:13","date_gmt":"2025-01-28T09:44:13","guid":{"rendered":"https:\/\/seedsschool.com\/mars\/?page_id=11588"},"modified":"2025-11-11T11:09:51","modified_gmt":"2025-11-11T11:09:51","slug":"gallery-view","status":"publish","type":"page","link":"https:\/\/seedsschool.com\/mars\/gallery-view\/","title":{"rendered":"Gallery View"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"11588\" class=\"elementor elementor-11588\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ec7f163 e-flex e-con-boxed e-con e-parent\" data-id=\"ec7f163\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4290a89 elementor-widget elementor-widget-html\" data-id=\"4290a89\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!DOCTYPE html>\r\n<html lang=\"zxx\">\r\n<head>\r\n\r\n<!-- meta tag -->\r\n<meta charset=\"utf-8\">\r\n<title>1405 - Gallery<\/title>\r\n<meta name=\"description\" content=\"\">\r\n<!-- responsive tag -->\r\n\r\n<meta http-equiv=\"x-ua-compatible\" content=\"ie=edge\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\r\n<!-- favicon -->\r\n\r\n<style>\r\n.lb-album {\r\n    margin: 0 auto;\r\n    font-family: 'BebasNeueRegular', 'Arial Narrow', Arial, sans-serif;\r\n    margin-left: 0% !important;\r\n    float: left;\r\n    padding: 0;\r\n}\r\nimg {\r\n    max-width: 100%;\r\n}\r\n.lb-album li {\r\n    float: left;\r\n    margin: 3px;\r\n    position: relative;\r\n    list-style: none;\r\n}\r\n.lb-album li > a, .lb-album li > a img {\r\n    display: block;\r\n    height: 100%;\r\n    width: 100%;\r\n    object-fit: cover;\r\n}\r\n\r\n@media only screen and (max-width: 460px) {\r\n.lb-album {\r\n    width: 50%;\r\n}\r\n.lb-album li > a {\r\n    height: 150px !important;\r\n    width: 100% !important;\r\n}\r\n.lb-album li > a span {\r\n    position: absolute;\r\n    height: 150px !important;\r\n    width: 100% !important;\r\n}\r\n.lb-album li {\r\n    width: 97%;\r\n}\r\n.lb-prev, .lb-next {\r\n    background: #ffffff !important;\r\n    color: black !important;\r\n}\r\n.lb-overlay a.lb-close {\r\n    background: #ffffff !important;\r\n    z-index: 1001;\r\n    color: #f00;\r\n    position: absolute;\r\n    font-weight: 800;\r\n    top: 0;\r\n    Right: 0;\r\n    font-size: 17px;\r\n    \/* line-height: 10px; *\/\r\n    text-align: center;\r\n    padding: 0.5%;\r\n    \/* width: 50px; *\/\r\n    \/* height: 23px; *\/\r\n    overflow: hidden;\r\n    margin-left: -25px;\r\n    padding: 5px 11px;\r\n    text-decoration: none;\r\n}\r\n}\r\n.lb-album li > a {\r\n    \/* background: #fafafa none repeat scroll 0 0; *\/\r\n    \/* border: 1px solid #e6e6e6; *\/\r\n    border-radius: 4px;\r\n    height: 200px;\r\n    \/* margin: 5px 0 5px 5px; *\/\r\n    \/* padding: 10px; *\/\r\n    position: relative;\r\n    width: 200px;\/* margin-top: 15px; *\/\r\n}\r\n.lb-album li > a span {\r\n    position: absolute;\r\n    width: 200px;\r\n    height: 200px;\r\n    top: 0px;\r\n    left: 0px;\r\n    text-align: center;\r\n    align-content: center;\r\n    \/* line-height: 200px; *\/\r\n    color: rgba(27,54,81,0.8);\r\n    text-shadow: 0px 1px 1px rgba(255,255,255,0.6);\r\n    font-size: 17px;\r\n    font-weight: bold;\r\n    opacity: 0;\r\n    filter: alpha(opacity=0); \/* internet explorer *\/\r\n    -ms-filter: \"progid:DXImageTransform.Microsoft.Alpha(opacity=0)\"; \/*IE8*\/\r\n    background: rgb(241,210,194);\r\n    background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,0.56) 0%, rgba(241,210,194,1) 100%);\r\n    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(255,255,255,0.56)), color-stop(100%, rgba(241,210,194,1)));\r\n    background: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,0.56) 0%, rgba(241,210,194,1) 100%);\r\n    background: -o-radial-gradient(center, ellipse cover, rgba(255,255,255,0.56) 0%, rgba(241,210,194,1) 100%);\r\n    background: -ms-radial-gradient(center, ellipse cover, rgba(255,255,255,0.56) 0%, rgba(241,210,194,1) 100%);\r\n    background: radial-gradient(center, ellipse cover, rgba(255,255,255,0.56) 0%, rgba(241,210,194,1) 100%);\r\n    -webkit-transition: opacity 0.3s linear;\r\n    -moz-transition: opacity 0.3s linear;\r\n    -o-transition: opacity 0.3s linear;\r\n    -ms-transition: opacity 0.3s linear;\r\n    transition: opacity 0.3s linear;\r\n}\r\n.lb-album li > a:hover span {\r\n    opacity: 1;\r\n    filter: alpha(opacity=99); \/* internet explorer *\/\r\n    -ms-filter: \"progid:DXImageTransform.Microsoft.Alpha(opacity=99)\"; \/*IE8*\/\r\n}\r\n.lb-overlay {\r\n    width: 0px;\r\n    height: 0px;\r\n    position: fixed;\r\n    overflow: hidden;\r\n    left: 0px;\r\n    top: 0px;\r\n    padding: 0px;\r\n    z-index: 100000;\r\n    text-align: center;\r\n    background-color: rgba(0, 0, 0,0.95);\r\n    background: rgba(0, 0, 0, 0.95);\r\n    color: rgba(0, 0, 0, 0.95);\r\n}\r\n.lb-overlay > div {\r\n    position: relative;\r\n    color: rgba(27,54,81,0.8);\r\n    \/* width: 550px; *\/\r\n    height: 80px;\r\n    margin: 40px auto 0px auto;\r\n    text-shadow: 0px 1px 1px rgba(255,255,255,0.6);\r\n}\r\n.lb-overlay div h3, .lb-overlay div p {\r\n    padding: 0px 20px;\r\n    width: 200px;\r\n    height: 60px;\r\n}\r\n.lb-overlay div h3 {\r\n    font-size: 36px;\r\n    float: left;\r\n    text-align: right;\r\n    border-right: 1px solid rgba(27,54,81,0.4);\r\n}\r\n.lb-overlay div h3 span, .lb-overlay div p {\r\n    font-size: 16px;\r\n    font-family: Constantia, Palatino, \"Palatino Linotype\", \"Palatino LT STD\", Georgia, serif;\r\n    font-style: italic;\r\n}\r\n.lb-overlay div h3 span {\r\n    display: block;\r\n    line-height: 6px;\r\n}\r\n.lb-overlay div p {\r\n    font-size: 14px;\r\n    text-align: left;\r\n    float: left;\r\n    width: 260px;\r\n}\r\n.lb-overlay a.lb-close {\r\n    background: #ffffffcf;\r\n    z-index: 1001;\r\n    color: #f00;\r\n    position: absolute;\r\n    font-weight: 800;\r\n    top: 0;\r\n    Right: 0;\r\n    font-size: 17px;\r\n    \/* line-height: 10px; *\/\r\n    text-align: center;\r\n    padding: 0.5%;\r\n    \/* width: 50px; *\/\r\n  \/* height: 23px; *\/\r\n    overflow: hidden;\r\n    margin-left: -25px;\r\n    padding: 5px 11px;\r\n    text-decoration: none;\r\n}\r\n.lb-overlay img {\r\n    \/* height: 100%; For Opera max-height does not seem to work *\/\r\n    height: 94vh;\r\n    width: 90%;\r\n    object-fit: contain;\r\n    position: relative;\r\n    opacity: 0;\r\n    filter: alpha(opacity=0); \/* internet explorer *\/\r\n    -ms-filter: \"progid:DXImageTransform.Microsoft.Alpha(opacity=0)\"; \/*IE8*\/\r\n    -webkit-box-shadow: 1px 1px 4px rgba(0,0,0,0.3);\r\n    -moz-box-shadow: 1px 1px 4px rgba(0,0,0,0.3);\r\n    box-shadow: 0px 2px 7px rgba(0,0,0,0.2);\r\n    -webkit-transition: opacity 0.5s linear;\r\n    -moz-transition: opacity 0.5s linear;\r\n    -o-transition: opacity 0.5s linear;\r\n    -ms-transition: opacity 0.5s linear;\r\n    transition: opacity 0.5s linear;\/* border: 1px solid #e6e6e6; *\/\r\n}\r\n.lb-prev, .lb-next {\r\n    \/* text-indent: -9000px; *\/\r\n    position: absolute;\r\n    top: 50%;\r\n    \/* width: 24px;\r\n  height: 25px; *\/\r\n  \/* left: 50%; *\/\r\n    color: rgb(255, 255, 255);\r\n    font-size: 21px;\r\n    text-decoration: none;\r\n    opacity: 0.8;\r\n    filter: alpha(opacity=80); \/* internet explorer *\/\r\n    -ms-filter: \"progid:DXImageTransform.Microsoft.Alpha(opacity=80)\"; \/*IE8*\/\r\n    background-color: #ffffff57;\r\n    padding: 3px 10px;\r\n    border-radius: 4px;\r\n}\r\n.lb-prev:hover, .lb-next:hover {\r\n    color: white;\r\n    scale: calc(1.1);\r\n    filter: alpha(opacity=99); \/* internet explorer *\/\r\n    -ms-filter: \"progid:DXImageTransform.Microsoft.Alpha(opacity=99)\"; \/*IE8*\/\r\n}\r\n.lb-prev {\r\n    left: 16px;\/* background: transparent url(.\/arrows.png) no-repeat top left; *\/\r\n}\r\n.lb-next {\r\n    right: 16px;\/* background: transparent url(.\/arrows.png) no-repeat top right; *\/\r\n}\r\n.lb-overlay:target {\r\n    width: auto;\r\n    height: auto;\r\n    bottom: 0px;\r\n    right: 0px;\r\n    padding: 21px 2% 76px 2%;\/*top:80px;*\/\r\n}\r\n.lb-overlay:target img, .lb-overlay:target a.lb-close {\r\n    opacity: 1;\r\n    filter: alpha(opacity=99); \/* internet explorer *\/\r\n    -ms-filter: \"progid:DXImageTransform.Microsoft.Alpha(opacity=99)\"; \/*IE8*\/\r\n}\r\nx:-o-prefocus, .lb-overlay img {\r\nheight: 100%;\r\n}\r\n.img-wrap .close {\r\n    position: absolute;\r\n    top: 2px;\r\n    right: 2px;\r\n    z-index: 100;\r\n    background-color: #FFF;\r\n    padding: 5px 2px 2px;\r\n    color: #f50000;\r\n    font-weight: bold;\r\n    cursor: pointer;\r\n    opacity: .2;\r\n    text-align: center;\r\n    font-size: 22px;\r\n    line-height: 10px;\r\n    border-radius: 50%;\r\n    -webkit-transition: all .5s ease-in-out;\r\n    -moz-transition: all .5s ease-in-out;\r\n    -o-transition: all .5s ease-in-out;\r\n    -ms-transition: all .5s ease-in-out;\r\n}\r\n.img-wrap:hover .close {\r\n    opacity: 1;\r\n    -webkit-transition: all .5s ease-in-out;\r\n    -moz-transition: all .5s ease-in-out;\r\n    -o-transition: all .5s ease-in-out;\r\n    -ms-transition: all .5s ease-in-out;\r\n    -webkit-transform: rotate(360deg);\r\n    -moz-transform: rotate(360deg);\r\n    -o-transform: rotate(360deg);\r\n    -ms-transform: rotate(360deg);\r\n    transform: rotate(360deg);\r\n}\r\n<\/style>\r\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/bootstrap\/5.0.1\/js\/bootstrap.min.js\" ><\/script>\r\n<\/head>\r\n\r\n<body >\r\n<div class=\"container\">\r\n  <div class=\"gal-cont\" style=\"padding-left:1rem;padding-right:1rem;\">\r\n    <div class=\"clear\"> <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<!-- modernizr js --> \r\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/jquery\/3.6.3\/jquery.min.js\"><\/script> \r\n<script type=\"text\/javascript\">\r\n            $(document).ready(function () {\r\n          \/\/jQuery.noConflict();\r\n            var url = 'https:\/\/www.parentsalarm.com\/Service\/WebGalleryjsonp';\r\n            var data = \"1677\";\r\n            $.ajax({\r\n                url: url,\r\n                data: { 'id': data },\r\n                type: \"GET\",\r\n                dataType: \"jsonp\",\r\n                jsonp: \"callback\",\r\n                success: function (data) {\r\n                var data = JSON.parse(data);\r\n             var a=\"\";\r\n                $.each(data, function (i) {   \r\n             var p,n;\r\n             p=i-1;\r\n             n=i+1;\t\t\t\t\t\r\n             if(a==\"\"||a!=data[i].wbGal.GalleryTitle)\r\n             {\r\n             $('.gal-cont').append('<h3 style=\"float:left!important;line-height:24px!important;text-align:left!important;color:rgb(5, 5, 77)!important;clear:both!important;width:100%;padding-bottom: 0;font-size: 27px;margin-left:0px;margin-top: 60px;\/* border-bottom:2px dotted black; *\/margin-bottom: 15px;\">'+data[i].wbGal.GalleryTitle+'<\/h5>');\r\n             \/\/document.getElementById(\"GalleryTitleBoys\").innerHTML = data[i].wbGal.GalleryTitle;\r\n             a = data[i].wbGal.GalleryTitle;\r\n             }\r\n             $('.gal-cont').append('<ul class=\"lb-album\"><li><a href=\"#image-'+i+'\"><img decoding=\"async\" src=\"'+data[i].AttachmentPath+'\" alt=\"image01\"><span>' + data[i].GalleryName + '<\/span><\/a><div class=\"lb-overlay\" id=\"image-'+i+'\"><img decoding=\"async\" src=\"'+data[i].AttachmentPath+'\" alt=\"image01\" \/><a href=\"#image-'+p+'\" class=\"lb-prev\">\ud83e\udc60<\/a><a href=\"#image-'+n+'\" class=\"lb-next\">\ud83e\udc62<\/a><a href=\"#page\" class=\"lb-close\">\ud83d\uddd9<\/a><\/div><\/li><\/ul>');                 \r\n                });\r\n                },\r\n                error: function () {\r\n                alert(\"failed\");\r\n                }\r\n            });\r\n        });\r\n         <\/script>\r\n<\/body>\r\n<\/html>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>1405 &#8211; Gallery<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-templates\/quera-full-width.php","meta":{"ngg_post_thumbnail":0,"footnotes":""},"class_list":["post-11588","page","type-page","status-publish","hentry"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/seedsschool.com\/mars\/wp-json\/wp\/v2\/pages\/11588"}],"collection":[{"href":"https:\/\/seedsschool.com\/mars\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/seedsschool.com\/mars\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/seedsschool.com\/mars\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/seedsschool.com\/mars\/wp-json\/wp\/v2\/comments?post=11588"}],"version-history":[{"count":4,"href":"https:\/\/seedsschool.com\/mars\/wp-json\/wp\/v2\/pages\/11588\/revisions"}],"predecessor-version":[{"id":11593,"href":"https:\/\/seedsschool.com\/mars\/wp-json\/wp\/v2\/pages\/11588\/revisions\/11593"}],"wp:attachment":[{"href":"https:\/\/seedsschool.com\/mars\/wp-json\/wp\/v2\/media?parent=11588"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}