{"id":1469,"date":"2020-12-02T08:21:55","date_gmt":"2020-12-02T13:21:55","guid":{"rendered":"https:\/\/meloware.com\/?page_id=1469"},"modified":"2020-12-02T13:06:31","modified_gmt":"2020-12-02T18:06:31","slug":"slide-show","status":"publish","type":"page","link":"https:\/\/meloware.com\/index.php\/slide-show\/","title":{"rendered":"slide-show"},"content":{"rendered":"\n<div class=\"wp-block-kadence-rowlayout alignnone\"><div id=\"kt-layout-id_996913-23\" class=\"kt-row-layout-inner kt-layout-id_996913-23\"><div class=\"kt-row-column-wrap kt-has-1-columns kt-gutter-default kt-v-gutter-default kt-row-valign-top kt-row-layout-equal kt-tab-layout-inherit kt-m-colapse-left-to-right kt-mobile-layout-row\">\n<div class=\"wp-block-kadence-column inner-column-1 kadence-column_786338-3b\"><div class=\"kt-inside-inner-col\">\n<html>\n  <head>\n    <title>Slideshow Images<\/title>\n    <style>\n      * {\n        box-sizing: border-box\n      }\n      body {\n        font-family: Verdana, sans-serif;\n        margin: 0\n      }\n      .mySlides {\n        display: none\n      }\n      img {\n        vertical-align: middle;\n      }\n      .slideshow-container {\n        max-width: 1000px;\n        position: relative;\n        margin: auto;\n      }\n      \/* Next & previous buttons *\/\n      .prev,\n      .next {\n        cursor: pointer;\n        position: absolute;\n        top: 50%;\n        width: auto;\n        padding: 16px;\n        margin-top: -22px;\n        color: white;\n        font-weight: bold;\n        font-size: 18px;\n        transition: 0.6s ease;\n        border-radius: 0 3px 3px 0;\n        user-select: none;\n      }\n      \/* Position the \"next button\" to the right *\/\n      .next {\n        right: 0;\n        border-radius: 3px 0 0 3px;\n      }\n      \/* On hover, add a black background color with a little bit see-through *\/\n      .prev:hover,\n      .next:hover {\n        background-color: rgba(0, 0, 0, 0.8);\n      }\n      \/* Caption text *\/\n      .text {\n        color: #ffffff;\n        font-size: 15px;\n        padding: 8px 12px;\n        position: absolute;\n        bottom: 8px;\n        width: 100%;\n        text-align: center;\n      }\n      \/* Number text (1\/3 etc) *\/\n      .numbertext {\n        color: #ffffff;\n        font-size: 12px;\n        padding: 8px 12px;\n        position: absolute;\n        top: 0;\n      }\n      \/* The dots\/bullets\/indicators *\/\n      .dot {\n        cursor: pointer;\n        height: 15px;\n        width: 15px;\n        margin: 0 2px;\n        background-color: #999999;\n        border-radius: 50%;\n        display: inline-block;\n        transition: background-color 0.6s ease;\n      }\n      .active,\n      .dot:hover {\n        background-color: #111111;\n      }\n      \/* Fading animation *\/\n      .fade {\n        -webkit-animation-name: fade;\n        -webkit-animation-duration: 1.5s;\n        animation-name: fade;\n        animation-duration: 1.5s;\n      }\n      @-webkit-keyframes fade {\n        from {\n          opacity: .4\n        }\n        to {\n          opacity: 1\n        }\n      }\n      @keyframes fade {\n        from {\n          opacity: .4\n        }\n        to {\n          opacity: 1\n        }\n      }\n      \/* On smaller screens, decrease text size *\/\n      @media only screen and (max-width: 300px) {\n        .prev,\n        .next,\n        .text {\n          font-size: 11px\n        }\n      }\n    <\/style>\n  <\/head>\n  <body>\n    <div class=\"slideshow-container\">\n      <div class=\"mySlides fade\">\n        <div class=\"numbertext\">1 \/ 25<\/div>\n        <img decoding=\"async\" src=\"https:\/\/www.meloware.com\/bitstream\/handle\/123456789\/1870\/EG-5-1-07-069.jpg\" style=\"width:100%\">\n        <div class=\"text\">11th St. Bridge<\/div>\n      <\/div>\n      <div class=\"mySlides fade\">\n        <div class=\"numbertext\">2 \/ 25<\/div>\n        <img decoding=\"async\" src=\"https:\/\/www.meloware.com\/bitstream\/handle\/123456789\/1872\/EG-5-1-07-070.jpg\" style=\"width:100%\">\n        <div class=\"text\">To Montague Cit<\/div>\n      <\/div>\n      <div class=\"mySlides fade\">\n        <div class=\"numbertext\">3 \/ 25<\/div>\n        <img decoding=\"async\" src=\"https:\/\/www.meloware.com\/bitstream\/handle\/123456789\/1873\/EG-5-1-07-071.jpg\" style=\"width:100%\">\n        <div class=\"text\">11th St. Bridge<\/div>\n      <\/div>\n      <div class=\"mySlides fade\">\n        <div class=\"numbertext\">4 \/ 25<\/div>\n        <img decoding=\"async\" src=\"https:\/\/www.meloware.com\/bitstream\/handle\/123456789\/1874\/EG-5-1-07-072.jpg\" style=\"width:100%\">\n        <div class=\"text\">&#8220;Patch&#8221; school<\/div>\n      <\/div>\n      <div class=\"mySlides fade\">\n        <div class=\"numbertext\">5 \/ 25<\/div>\n        <img decoding=\"async\" src=\"https:\/\/www.meloware.com\/bitstream\/handle\/123456789\/1875\/EG-5-1-07-073.jpg\" style=\"width:100%\">\n        <div class=\"text\">To Montague City<\/div>\n      <\/div>\n      <div class=\"mySlides fade\">\n        <div class=\"numbertext\">6 \/ 25<\/div>\n        <img decoding=\"async\" src=\"https:\/\/www.meloware.com\/bitstream\/handle\/123456789\/1876\/EG-5-1-07-074.jpg\" style=\"width:100%\">\n        <div class=\"text\">11th St. Bridge<\/div>\n      <\/div>\n      <div class=\"mySlides fade\">\n        <div class=\"numbertext\">7 \/ 25<\/div>\n        <img decoding=\"async\" src=\"https:\/\/www.meloware.com\/bitstream\/handle\/123456789\/1877\/EG-5-1-07-075.jpg\" style=\"width:100%\">\n        <div class=\"text\">MM Co.<\/div>\n      <\/div>\n      <div class=\"mySlides fade\">\n        <div class=\"numbertext\">8 \/ 25<\/div>\n        <img decoding=\"async\" src=\"https:\/\/www.meloware.com\/bitstream\/handle\/123456789\/1878\/EG-5-1-07-076.jpg\" style=\"width:100%\">\n        <div class=\"text\">MM Co.<\/div>\n      <\/div>\n      <div class=\"mySlides fade\">\n        <div class=\"numbertext\">9 \/ 25<\/div>\n        <img decoding=\"async\" src=\"https:\/\/www.meloware.com\/bitstream\/handle\/123456789\/1879\/EG-5-1-07-077.jpg\" style=\"width:100%\">\n        <div class=\"text\">Headin&#8217; south west<\/div>\n      <\/div>\n      <div class=\"mySlides fade\">\n        <div class=\"numbertext\">10 \/ 25<\/div>\n        <img decoding=\"async\" src=\"https:\/\/www.meloware.com\/bitstream\/handle\/123456789\/1880\/EG-5-1-07-078.jpg\" style=\"width:100%\">\n        <div class=\"text\">Lookin&#8217; north<\/div>\n      <\/div>\n      <div class=\"mySlides fade\">\n        <div class=\"numbertext\">11 \/ 25<\/div>\n        <img decoding=\"async\" src=\"https:\/\/www.meloware.com\/bitstream\/handle\/123456789\/1881\/EG-5-1-07-079.jpg\" style=\"width:100%\">\n        <div class=\"text\">&#8220;Migratory Way&#8221;<\/div>\n      <\/div>\n      <div class=\"mySlides fade\">\n        <div class=\"numbertext\">12 \/ 25<\/div>\n        <img decoding=\"async\" src=\"https:\/\/www.meloware.com\/bitstream\/handle\/123456789\/1883\/EG-5-1-07-080.jpg\" style=\"width:100%\">\n        <div class=\"text\">Once they supported High Tension towers.<\/div>\n      <\/div>\n      <div class=\"mySlides fade\">\n        <div class=\"numbertext\">13 \/ 25<\/div>\n        <img decoding=\"async\" src=\"https:\/\/www.meloware.com\/bitstream\/handle\/123456789\/1884\/EG-5-1-07-081.jpg\" style=\"width:100%\">\n        <div class=\"text\">1- Windmill To Pittsfield<\/div>\n      <\/div>\n      <div class=\"mySlides fade\">\n        <div class=\"numbertext\">14 \/ 25<\/div>\n        <img decoding=\"async\" src=\"https:\/\/www.meloware.com\/bitstream\/handle\/123456789\/1885\/EG-5-1-07-082.jpg\" style=\"width:100%\">\n        <div class=\"text\">Lookin&#8217; north<\/div>\n      <\/div>\n      <div class=\"mySlides fade\">\n        <div class=\"numbertext\">15 \/ 25<\/div>\n        <img decoding=\"async\" src=\"https:\/\/www.meloware.com\/bitstream\/handle\/123456789\/1886\/EG-5-1-07-083.jpg\" style=\"width:100%\">\n        <div class=\"text\">Twins<\/div>\n      <\/div>\n      <div class=\"mySlides fade\">\n        <div class=\"numbertext\">16 \/ 25<\/div>\n        <img decoding=\"async\" src=\"https:\/\/www.meloware.com\/bitstream\/handle\/123456789\/1887\/EG-5-1-07-084.jpg\" style=\"width:100%\">\n        <div class=\"text\">&#8220;Powerful&#8221; twins<\/div>\n      <\/div>\n      <div class=\"mySlides fade\">\n        <div class=\"numbertext\">17 \/ 25<\/div>\n        <img decoding=\"async\" src=\"https:\/\/www.meloware.com\/bitstream\/handle\/123456789\/1888\/EG-5-1-07-085.jpg\" style=\"width:100%\">\n        <div class=\"text\">To M. City<\/div>\n      <\/div>\n      <div class=\"mySlides fade\">\n        <div class=\"numbertext\">18 \/ 25<\/div>\n        <img decoding=\"async\" src=\"https:\/\/www.meloware.com\/bitstream\/handle\/123456789\/1889\/EG-5-1-07-086.jpg\" style=\"width:100%\">\n        <div class=\"text\">Twins<\/div>\n      <\/div>\n      <div class=\"mySlides fade\">\n        <div class=\"numbertext\">19 \/ 25<\/div>\n        <img decoding=\"async\" src=\"https:\/\/www.meloware.com\/bitstream\/handle\/123456789\/1890\/EG-5-1-07-087.jpg\" style=\"width:100%\">\n        <div class=\"text\">Fish Lab<\/div>\n      <\/div>\n      <div class=\"mySlides fade\">\n        <div class=\"numbertext\">20 \/ 25<\/div>\n        <img decoding=\"async\" src=\"https:\/\/www.meloware.com\/bitstream\/handle\/123456789\/1891\/EG-5-1-07-088.jpg\" style=\"width:100%\">\n        <div class=\"text\">Lookin&#8217; north<\/div>\n      <\/div>\n      <div class=\"mySlides fade\">\n        <div class=\"numbertext\">21 \/ 25<\/div>\n        <img decoding=\"async\" src=\"https:\/\/www.meloware.com\/bitstream\/handle\/123456789\/1892\/EG-5-1-07-089.jpg\" style=\"width:100%\">\n        <div class=\"text\">&#8220;DUCK!&#8221;<\/div>\n      <\/div>\n      <div class=\"mySlides fade\">\n        <div class=\"numbertext\">22 \/ 25<\/div>\n        <img decoding=\"async\" src=\"https:\/\/www.meloware.com\/bitstream\/handle\/123456789\/1894\/EG-5-1-07-090.jpg\" style=\"width:100%\">\n        <div class=\"text\">Fish lab<\/div>\n      <\/div>\n      <div class=\"mySlides fade\">\n        <div class=\"numbertext\">23 \/ 25<\/div>\n        <img decoding=\"async\" src=\"https:\/\/www.meloware.com\/bitstream\/handle\/123456789\/1895\/EG-5-1-07-091.jpg\" style=\"width:100%\">\n        <div class=\"text\">Lookin&#8217; north<\/div>\n      <\/div>\n      <div class=\"mySlides fade\">\n        <div class=\"numbertext\">24 \/ 25<\/div>\n        <img decoding=\"async\" src=\"https:\/\/www.meloware.com\/bitstream\/handle\/123456789\/1896\/EG-5-1-07-092.jpg\" style=\"width:100%\">\n        <div class=\"text\">Fish lab<\/div>\n      <\/div>\n      <div class=\"mySlides fade\">\n        <div class=\"numbertext\">25 \/ 25<\/div>\n        <img decoding=\"async\" src=\"https:\/\/www.meloware.com\/bitstream\/handle\/123456789\/1897\/EG-5-1-07-093.jpg\" style=\"width:100%\">\n        <div class=\"text\">Look back<\/div>\n      <\/div>\n      <a class=\"prev\" onclick=\"plusSlides(-1)\">&#10094;<\/a>\n      <a class=\"next\" onclick=\"plusSlides(1)\">&#10095;<\/a>\n    <\/div>\n    <br>\n    <!-- Let's mask the dot buttons for now\n    <div style=\"text-align:center\">\n      <span class=\"dot\" onclick=\"currentSlide(1)\"><\/span>\n      <span class=\"dot\" onclick=\"currentSlide(2)\"><\/span>\n      <span class=\"dot\" onclick=\"currentSlide(3)\"><\/span>\n      <span class=\"dot\" onclick=\"currentSlide(4)\"><\/span>\n      <span class=\"dot\" onclick=\"currentSlide(5)\"><\/span>\n      <span class=\"dot\" onclick=\"currentSlide(6)\"><\/span>\n      <span class=\"dot\" onclick=\"currentSlide(7)\"><\/span>\n      <span class=\"dot\" onclick=\"currentSlide(8)\"><\/span>\n      <span class=\"dot\" onclick=\"currentSlide(9)\"><\/span>\n      <span class=\"dot\" onclick=\"currentSlide(10)\"><\/span>\n      <span class=\"dot\" onclick=\"currentSlide(11)\"><\/span>\n      <span class=\"dot\" onclick=\"currentSlide(12)\"><\/span>\n      <span class=\"dot\" onclick=\"currentSlide(13)\"><\/span>\n      <span class=\"dot\" onclick=\"currentSlide(14)\"><\/span>\n      <span class=\"dot\" onclick=\"currentSlide(15)\"><\/span>\n      <span class=\"dot\" onclick=\"currentSlide(16)\"><\/span>\n      <span class=\"dot\" onclick=\"currentSlide(17)\"><\/span>\n      <span class=\"dot\" onclick=\"currentSlide(18)\"><\/span>\n      <span class=\"dot\" onclick=\"currentSlide(19)\"><\/span>\n      <span class=\"dot\" onclick=\"currentSlide(20)\"><\/span>\n      <span class=\"dot\" onclick=\"currentSlide(20)\"><\/span>\n      <span class=\"dot\" onclick=\"currentSlide(22)\"><\/span>\n      <span class=\"dot\" onclick=\"currentSlide(23)\"><\/span>\n      <span class=\"dot\" onclick=\"currentSlide(24)\"><\/span>\n      <span class=\"dot\" onclick=\"currentSlide(25)\"><\/span>\n    <\/div> -->\n    <script>\n      var slideIndex = 1;\n      showSlides(slideIndex);\n      function plusSlides(n) {\n        showSlides(slideIndex += n);\n      }\n      function currentSlide(n) {\n        showSlides(slideIndex = n);\n      }\n      function showSlides(n) {\n        var i;\n        var slides = document.getElementsByClassName(\"mySlides\");\n        var dots = document.getElementsByClassName(\"dot\");\n        if(n > slides.length) {\n          slideIndex = 1\n        }\n        if(n < 1) {\n          slideIndex = slides.length\n        }\n        for(i = 0; i < slides.length; i++) {\n          slides[i].style.display = \"none\";\n        }\n        for(i = 0; i < dots.length; i++) {\n          dots[i].className = dots[i].className.replace(\" active\", \"\");\n        }\n        slides[slideIndex - 1].style.display = \"block\";\n        dots[slideIndex - 1].className += \" active\";\n      }\n    <\/script>\n  <\/body>\n<\/html>\n\n\n\n<div class=\"wp-block-kadence-rowlayout alignnone\"><div id=\"kt-layout-id_220222-0b\" class=\"kt-row-layout-inner kt-layout-id_220222-0b\"><div class=\"kt-row-column-wrap kt-has-1-columns kt-gutter-default kt-v-gutter-default kt-row-valign-top kt-row-layout-equal kt-tab-layout-inherit kt-m-colapse-left-to-right kt-mobile-layout-row\">\n<div class=\"wp-block-kadence-column inner-column-1 kadence-column_fc4c6a-96\"><div class=\"kt-inside-inner-col\">\n<h2 id=\"kt-adv-heading_049c0a-41\" class=\"kt-adv-heading_049c0a-41 wp-block-kadence-advancedheading\" style=\"text-align:center\">Use the Left - Right arrows in the image to navigate the slideshow<\/h2>\n<\/div><\/div>\n<\/div><\/div><\/div>\n<\/div><\/div>\n<\/div><\/div><\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-1469","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/meloware.com\/index.php\/wp-json\/wp\/v2\/pages\/1469","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/meloware.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/meloware.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/meloware.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/meloware.com\/index.php\/wp-json\/wp\/v2\/comments?post=1469"}],"version-history":[{"count":3,"href":"https:\/\/meloware.com\/index.php\/wp-json\/wp\/v2\/pages\/1469\/revisions"}],"predecessor-version":[{"id":1502,"href":"https:\/\/meloware.com\/index.php\/wp-json\/wp\/v2\/pages\/1469\/revisions\/1502"}],"wp:attachment":[{"href":"https:\/\/meloware.com\/index.php\/wp-json\/wp\/v2\/media?parent=1469"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}