{"action":"created","issue":{"url":"https://api.github.com/repos/adchsm/Slidebars/issues/223","repository_url":"https://api.github.com/repos/adchsm/Slidebars","labels_url":"https://api.github.com/repos/adchsm/Slidebars/issues/223/labels{/name}","comments_url":"https://api.github.com/repos/adchsm/Slidebars/issues/223/comments","events_url":"https://api.github.com/repos/adchsm/Slidebars/issues/223/events","html_url":"https://github.com/adchsm/Slidebars/issues/223","id":157602434,"number":223,"title":"Slidebars works fine on Chrome and Safari but does not work at all on Firefox?","user":{"login":"Jody6","id":17818322,"avatar_url":"https://avatars.githubusercontent.com/u/17818322?v=3","gravatar_id":"","url":"https://api.github.com/users/Jody6","html_url":"https://github.com/Jody6","followers_url":"https://api.github.com/users/Jody6/followers","following_url":"https://api.github.com/users/Jody6/following{/other_user}","gists_url":"https://api.github.com/users/Jody6/gists{/gist_id}","starred_url":"https://api.github.com/users/Jody6/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/Jody6/subscriptions","organizations_url":"https://api.github.com/users/Jody6/orgs","repos_url":"https://api.github.com/users/Jody6/repos","events_url":"https://api.github.com/users/Jody6/events{/privacy}","received_events_url":"https://api.github.com/users/Jody6/received_events","type":"User","site_admin":false},"labels":[],"state":"closed","locked":false,"assignee":null,"milestone":null,"comments":1,"created_at":"2016-05-31T06:59:10Z","updated_at":"2016-06-16T12:35:56Z","closed_at":"2016-06-16T12:35:56Z","body":"Hi. Slidebars is a really cool pluggin thanks. It is working fine in Chrome and Safari but does not work at all in Firefox. Do you know why? My code is below. `<!DOCTYPE html>\r\n<html lang=\"en\">\r\n\r\n<head>\r\n\r\n    <!-- Metta tags -->\r\n    <meta charset=\"utf-8\">\r\n    <meta content=\"width=device-width, initial-scale=1, shrink-to-fit=no\" name=\"viewport\">\r\n    <meta content=\"ie=edge\" http-equiv=\"x-ua-compatible\">\r\n\r\n    <!-- Bootstrap CSS -->\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no\">\r\n    <link crossorigin=\"anonymous\" href=\"https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.2/css/bootstrap.min.css\" integrity=\"sha384-y3tfxAZXuh4HwSYylfB+J125MxIs6mR5FOHamPBG064zB+AFeWH94NdvaCBm8qnd\" rel=\"stylesheet\">\r\n\r\n    <!-- Custom CSS -->\r\n    <link rel=\"stylesheet\" href=\"stylesV5.css\">\r\n\r\n    <!-- Font Awesome -->\r\n    <link href=\"https://maxcdn.bootstrapcdn.com/font-awesome/4.6.1/css/font-awesome.min.css\" rel=\"stylesheet\">\r\n\r\n    <!-- Ion Icons -->\r\n    <link href=\"ionicons.css\" rel=\"stylesheet\">\r\n\r\n    <!-- Slidebars CSS -->\r\n    <link rel=\"stylesheet\" href=\"slidebars/slidebars.css\">\r\n        \r\n    <title></title>\r\n\r\n</head>\r\n\r\n\r\n<body>\r\n\r\n<!-- Slidebar wrapper of whole site -->\r\n<div id=\"sb-site\" class>\r\n          \r\n    <!-- Header, navbar, hero image, and text -->\r\n    \r\n    <section class=\"cover\">\r\n      <div id=\"cover-caption\">\r\n        <div class=\"container hero-container\"> \r\n\r\n          <!-- Navbar -->\r\n          <div class=\"navbar-wrapper\">\r\n\r\n            <!-- Navbar content -->\r\n            <nav class=\"navbar\">\r\n              <a class=\"navbar-brand\" href=\"#\"><img class=\"sameBoatLogoColor\" src=\"images/sameBoatLogoColor.png\"></a>\r\n        \r\n              <!--  Menu buttons right -->                                                                \r\n              <form class=\"form-inline content-page-menu-buttons\">                                        \r\n                  <button class=\"btn btn-success-outline disappear-btn\" type=\"submit\">SIGN UP</button> \r\n                  <button class=\"btn btn-success-outline disappear-btn\" type=\"submit\">LOG IN</button>\r\n                  <button class=\"nav-button\"><i class=\"ion-navicon sb-toggle-right\"></i></button>\r\n              </form>\r\n            </nav>\r\n          </div>\r\n\r\n          <!-- Hero text -->\r\n          <div class=\"col-sm-10 col-sm-offset-1 heroText\">\r\n            <h1>No one knows what it’s like<br> quite like someone in the same boat.</h1>\r\n            <p>Welcome to SameBoat – where people with shared experiences find their way together.</p>\r\n\r\n            <!-- Search form -->\r\n            <form action=\"\" class=\"form-inline\">\r\n              <div class=\"input-group\">         \r\n                    <input type=\"text\" class=\"form-control form-control-lg id-like-to-speak\" placeholder=\"I'd like to speak to someone in the same boat about...\">\r\n                    <input type=\"text\" class=\"form-control form-control-lg search\" placeholder=\"Type your topic...\">\r\n                    <span class=\"input-group-btn\">\r\n                      <button class=\"btn lets-chat-btn\" type=\"button\">LET'S CHAT</button>\r\n                    </span>\r\n              </div> \r\n            </form>\r\n          </div>\r\n\r\n        </div>\r\n      </div>\r\n    </section>\r\n  \r\n\r\n\r\n    <!-- Top trending topics -->\r\n    <section>\r\n        <div class=\"container\">\r\n          <div class=\"Top-trending-topics\">\r\n            <h3>TOP TRENDING TOPICS</h3>\r\n          </div>\r\n        </div>\r\n    </section>\r\n\r\n   \r\n    <!-- Boxes -->\r\n    <section>\r\n      <div class=\"section-content\">\r\n        <div class=\"container color-box-container\">\r\n\r\n        <!-- Masonry grid -->  \r\n        <div class=\"grid\">\r\n          <div class=\"grid-sizer\"></div>\r\n\r\n            <!-- Top 2 box rows -->\r\n\r\n            <!-- 1st box blue -->\r\n            <div class=\"grid-item blue\">\r\n              <p>Posted - 20 June</p>\r\n              <h2>Maybe I'm already in the deep end.</h2>\r\n              <div class=\"circle circle-home-page\"><i class=\"fa fa-user\" aria-hidden=\"true\"></i><span class=\"info\">Anonymous</span></div>\r\n              <!-- <div class=\"chevrons\">\r\n              <i class=\"ion-ios-arrow-up\" aria-hidden=\"true\"></i> 653 <i class=\"ion-ios-arrow-down\" aria-hidden=\"true\"></i>\r\n              </div> -->\r\n\r\n              <div class=\"eyes\">\r\n                <i class=\"fa fa-heart-o\" aria-hidden=\"true\"></i> 25\r\n                <i class=\"fa fa-eye\" aria-hidden=\"true\"></i> 100\r\n              </div>\r\n            </div>\r\n\r\n            <!-- 2nd box cream -->\r\n            <div class=\"grid-item grid-item--width2 grid-item--height2 cream\">\r\n              <p>Posted - 20 June</p> \r\n              <h4>Maybe I'm already in the deep end.</h4>\r\n              <div class=\"circle circle-home-page\"><i class=\"fa fa-user\" aria-hidden=\"true\"></i><span class=\"info\">Anonymous</span></div>\r\n              <div class=\"eyes\">\r\n                <i class=\"fa fa-heart-o\" aria-hidden=\"true\"></i> 25\r\n                <i class=\"fa fa-eye\" aria-hidden=\"true\"></i> 100\r\n              </div>\r\n            </div>\r\n\r\n            <!-- 3rd box sea green -->\r\n            <div class=\"grid-item grid-item--width2 grid-item--height2 sea-green\">\r\n              <p>Posted - 20 June</p>\r\n              <h4>Maybe I'm already in the deep end.</h4>\r\n              <div class=\"circle circle-home-page\"><i class=\"fa fa-user\" aria-hidden=\"true\"></i><span class=\"info\">Anonymous</span></div>\r\n              <div class=\"eyes\">\r\n                <i class=\"fa fa-heart-o\" aria-hidden=\"true\"></i> 25\r\n                <i class=\"fa fa-eye\" aria-hidden=\"true\"></i> 100\r\n              </div>\r\n            </div>\r\n            \r\n            <!-- 4th box green -->\r\n            <div class=\"grid-item green\">\r\n              <p>Posted - 20 June</p>\r\n              <h2>Maybe I'm already in the deep end.</h2>\r\n              <div class=\"circle circle-home-page\"><i class=\"fa fa-user\" aria-hidden=\"true\"></i><span class=\"info\">Anonymous</span></div>\r\n              <div class=\"eyes\">\r\n                <i class=\"fa fa-heart-o\" aria-hidden=\"true\"></i> 25\r\n                <i class=\"fa fa-eye\" aria-hidden=\"true\"></i> 100\r\n              </div>\r\n            </div>\r\n            \r\n            <!-- 5th box green -->\r\n            <div class=\"grid-item grid-item--width2 grid-item--height2 green\">\r\n              <p>Posted - 20 June</p>\r\n              <h4>Maybe I'm already in the deep end.</h4>\r\n              <div class=\"circle circle-home-page\"><i class=\"fa fa-user\" aria-hidden=\"true\"></i><span class=\"info\">Anonymous</span></div>\r\n              <div class=\"eyes\">\r\n                <i class=\"fa fa-heart-o\" aria-hidden=\"true\"></i> 25\r\n                <i class=\"fa fa-eye\" aria-hidden=\"true\"></i> 100\r\n              </div>\r\n            </div>\r\n            \r\n            <!-- 6th box aqua -->\r\n            <div class=\"grid-item grid-item--width2 grid-item--height2 aqua\">\r\n              <p>Posted - 20 June</p>\r\n              <h4>Maybe I'm already in the deep end.</h4>\r\n              <div class=\"circle circle-home-page\"><i class=\"fa fa-user\" aria-hidden=\"true\"></i><span class=\"info\">Anonymous</span></div>\r\n              <div class=\"eyes\">\r\n                <i class=\"fa fa-heart-o\" aria-hidden=\"true\"></i> 25\r\n                <i class=\"fa fa-eye\" aria-hidden=\"true\"></i> 100\r\n              </div>\r\n            </div>\r\n\r\n          </div>\r\n\r\n          <div class=\"gridBottom\">\r\n            <div class=\"grid-sizerBottom\"></div>\r\n\r\n            <!-- Bottom box row -->\r\n                      \r\n            <!-- 7th box cream -->\r\n            <div class=\"grid-itemBottom grid-item--width3 grid-item--height3 cream\">\r\n              <p>Posted - 20 June</p>\r\n              <h3>Maybe I'm already in the deep end.</h3>\r\n              <div class=\"circle circle-home-page\"><i class=\"fa fa-user\" aria-hidden=\"true\"></i><span class=\"info\">Anonymous</span></div>\r\n              <div class=\"eyes\">\r\n                <i class=\"fa fa-heart-o\" aria-hidden=\"true\"></i> 25\r\n                <i class=\"fa fa-eye\" aria-hidden=\"true\"></i> 100\r\n              </div>\r\n            </div>\r\n            \r\n            <!-- 8th box blue -->\r\n            <div class=\"grid-itemBottom grid-item--width3 grid-item--height3 blue\">\r\n              <p>Posted - 20 June</p>\r\n              <h3>Maybe I'm already in the deep end.</h3>\r\n              <div class=\"circle circle-home-page\"><i class=\"fa fa-user\" aria-hidden=\"true\"></i><span class=\"info\">Anonymous</span></div>\r\n              <div class=\"eyes\">\r\n                <i class=\"fa fa-heart-o\" aria-hidden=\"true\"></i> 25\r\n                <i class=\"fa fa-eye\" aria-hidden=\"true\"></i> 100\r\n              </div>\r\n            </div>\r\n            \r\n            <!-- 9th box aqua -->\r\n            <div class=\"grid-itemBottom grid-item--width3 grid-item--height3 aqua\">\r\n              <p>Posted - 20 June</p>\r\n              <h3>Maybe I'm already in the deep end.</h3>\r\n              <div class=\"circle circle-home-page\"><i class=\"fa fa-user\" aria-hidden=\"true\"></i><span class=\"info\">Anonymous</span></div>\r\n              <div class=\"eyes\">\r\n                <i class=\"fa fa-heart-o\" aria-hidden=\"true\"></i> 25\r\n                <i class=\"fa fa-eye\" aria-hidden=\"true\"></i> 100\r\n              </div>\r\n            </div>\r\n\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </section>\r\n\r\n\r\n    <!-- Load more button -->\r\n    <section>\r\n      <div class=\"load-more-button-div\">\r\n        <button class=\"load-more-button\"><p>LOAD MORE</p></button>\r\n      </div>\r\n    </section>\r\n\r\n\r\n</div>\r\n\r\n\r\n    <!-- Slidebar menu -->  \r\n    <div class=\"sb-slidebar sb-right narrow-screen-menu\">\r\n        <ul class=\"menu sb-close\">\r\n          <li><a href=\"#\">Home</a></li>\r\n          <li><a href=\"#\">About</a></li>\r\n          <li><a href=\"#\">Services</a></li> \r\n          <li><a href=\"#\">Contact</a></li>\r\n          <li class=\"narrow-only\"><a href=\"#\">Sign Up</a></li><!-- narrow window only menu as top menu buttons collapse -->  \r\n          <li class=\"narrow-only\"><a href=\"#\">Log In</a></li>\r\n        </ul>\r\n    </div>\r\n\r\n    <!-- Scripts - jQuery first, then Bootstrap JS. --> \r\n    <script src=\"https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js\"></script> \r\n\r\n    <script src=\"https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.2/js/bootstrap.min.js\"></script>\r\n\r\n    <!-- Masonry JS -->\r\n    <script src=\"https://npmcdn.com/masonry-layout@4.0/dist/masonry.pkgd.js\"></script>\r\n\r\n    <!-- JavaScript for arrow buttons -->  \r\n    <script src=\"script.js\"></script>\r\n\r\n    <!-- JS -->\r\n    <script src=\"scriptV4.js\"></script>\r\n\r\n    <!-- Slidebars -->\r\n    <script src=\"slidebars/slidebars.js\"></script>\r\n    <script>\r\n        (function($) {\r\n            $(document).ready(function() {\r\n                $.slidebars();\r\n            });\r\n        }) (jQuery);\r\n    </script>\r\n</body>\r\n</html>\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n`"},"comment":{"url":"https://api.github.com/repos/adchsm/Slidebars/issues/comments/226472192","html_url":"https://github.com/adchsm/Slidebars/issues/223#issuecomment-226472192","issue_url":"https://api.github.com/repos/adchsm/Slidebars/issues/223","id":226472192,"user":{"login":"adchsm","id":5276939,"avatar_url":"https://avatars.githubusercontent.com/u/5276939?v=3","gravatar_id":"","url":"https://api.github.com/users/adchsm","html_url":"https://github.com/adchsm","followers_url":"https://api.github.com/users/adchsm/followers","following_url":"https://api.github.com/users/adchsm/following{/other_user}","gists_url":"https://api.github.com/users/adchsm/gists{/gist_id}","starred_url":"https://api.github.com/users/adchsm/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/adchsm/subscriptions","organizations_url":"https://api.github.com/users/adchsm/orgs","repos_url":"https://api.github.com/users/adchsm/repos","events_url":"https://api.github.com/users/adchsm/events{/privacy}","received_events_url":"https://api.github.com/users/adchsm/received_events","type":"User","site_admin":false},"created_at":"2016-06-16T12:35:56Z","updated_at":"2016-06-16T12:35:56Z","body":"Hi there,\r\n\r\nI can't entirely see your pages code, half of it's rendered.\r\n\r\nI've just released a new version of Slidebars and I'm discontinuing support for older versions. Try upgrading to the latest version and if you're still having issues, feel free to re-open an issue here.\r\n\r\nMany thanks,\r\n\r\nAdam"}}
{"actor":{"display_login":"adchsm"}}