FG_NS.receiveHTML({"uniqid":"b83e64f96fa73e227047ec6c9","html":"\r\n<style>\r\n    \/* Common *\/\r\n    #fg-widget-b83e64f96fa73e227047ec6c9 {\r\n        width: 100%;\r\n        border-color: #202020;\r\n    }\r\n    #fg-widget-b83e64f96fa73e227047ec6c9 .uw-sc-snippet {\r\n                    font-size: 12.2pt;\r\n                color: #3d3d3d;\r\n                    \r\n    }\r\n    #fg-widget-b83e64f96fa73e227047ec6c9 .uw-sc-date {\r\n                    font-size: 10.0pt;\r\n                color: #202020;\r\n    }\r\n    #fg-widget-b83e64f96fa73e227047ec6c9 .uw-source {\r\n                    font-size: 10.0pt;\r\n                color: #202020;\r\n    }\r\n\r\n    \/* Widget specific *\/\r\n    \r\n    \r\n            #fg-widget-b83e64f96fa73e227047ec6c9 {\r\n            height: auto;\r\n        }\r\n        #fg-widget-b83e64f96fa73e227047ec6c9:not(.uw-transparent) {\r\n            background-color: #ffffff !important;\r\n        }\r\n        #fg-widget-b83e64f96fa73e227047ec6c9 .uw-text, #fg-widget-b83e64f96fa73e227047ec6c9 .uw-source-divider, #fg-widget-b83e64f96fa73e227047ec6c9 .uw-social {\r\n                            font-size: 13.6pt;\r\n                        color: #3d3d3d;\r\n                            \r\n        }\r\n        #fg-widget-b83e64f96fa73e227047ec6c9 .uw-sc-mask {\r\n            margin: 10px !important;\r\n        }\r\n        #fg-widget-b83e64f96fa73e227047ec6c9 .uw-w-header {\r\n            padding-left: 10px !important;\r\n            padding-right: 10px !important;\r\n        }\r\n        #fg-widget-b83e64f96fa73e227047ec6c9 .uw-sc-divider {\r\n            margin-bottom: 5px;\r\n            padding-bottom:5px !important;\r\n            border-color: #d0d0d0 !important;\r\n        }\r\n                    #fg-widget-b83e64f96fa73e227047ec6c9 .uw-imgcont2 {\r\n                width: 14%;\r\n            }\r\n            #fg-widget-b83e64f96fa73e227047ec6c9 .uw-headline .uw-text {\r\n                                                            }\r\n                                \r\n    \r\n    \/* Widget groups *\/\r\n            #fg-widget-b83e64f96fa73e227047ec6c9:not(.uw-transparent) .uw-w-header, #fg-widget-b83e64f96fa73e227047ec6c9:not(.uw-transparent) .uw-w-branding {\r\n            background-color: #e8e8e8;\r\n        }\r\n        #fg-widget-b83e64f96fa73e227047ec6c9 .uw-w-header  span {\r\n                            font-size: 10.0pt;\r\n                    }\r\n        #fg-widget-b83e64f96fa73e227047ec6c9 .uw-w-header span {\r\n            color: #202020;\r\n        }\r\n                    #fg-widget-b83e64f96fa73e227047ec6c9 .uw-w-header .uw-logo {\r\n                height: 24px;\r\n            }\r\n            \r\n    <\/style>\r\n\r\n    \r\n<div id=\"fg-widget-b83e64f96fa73e227047ec6c9\" class=\" uw-rssmode uw-boldlinks uw-showsnippet uw-showdivider uw-sizebystories uw-showheaderfollow uw-scroller uw-normal\" data-scrolltime=\"0\">\n    <div class=\"uw-w-header\">\n        \n        \n        <span>The header<\/span>\n\n        \n            <\/div>\n\n    <div class=\"uw-sc-mask\">\n        <div class=\"uw-sc-cardcont\">\n                            <div class=\"uw-card2 uw-headline\" data-id=\"333549398\">\n                    <a class=\"uw-card2-row\" href=\"https:\/\/www.scishield.com\/resources\/boston-college-a-transformational-journey\" >\n\n                        \n                            \n                                <div class=\"uw-imgcont2\" style=\"display:none\"><\/div>\n                                   \n                        \n                        <div class=\"uw-scroller-text\">\n                            <span class=\"uw-text\">Boston College - A transformational journey<\/span>\n\n                                                           <span class=\"uw-sc-snippet\">How Boston College developed a comprehensive program to promote laboratory safety<\/span>\n                            \n                                    <div class=\"uw-rss\">\r\n            <span class=\"uw-source\">bioraft.com<\/span>\r\n            <span class=\"uw-source-divider\">|<\/span>\r\n            <span class=\"uw-sc-date\">30th May 2024<\/span>\r\n        <\/div>\r\n                                <\/div>\n                    <\/a>\n                    <div class=\"uw-sc-divider\"><\/div>\n                <\/div>\n                            <div class=\"uw-card2 \" data-id=\"333549399\">\n                    <a class=\"uw-card2-row\" href=\"https:\/\/www.scishield.com\/resources\/geno-jumps-ahead\" >\n\n                        \n                            \n                                <div class=\"uw-imgcont2\" style=\"display:none\"><\/div>\n                                   \n                        \n                        <div class=\"uw-scroller-text\">\n                            <span class=\"uw-text\">Genomatica - Geno Jumps Ahead<\/span>\n\n                                                           <span class=\"uw-sc-snippet\">How ChemTracker helped Geno turn a technological challenge into operational improvement.<\/span>\n                            \n                                    <div class=\"uw-rss\">\r\n            <span class=\"uw-source\">bioraft.com<\/span>\r\n            <span class=\"uw-source-divider\">|<\/span>\r\n            <span class=\"uw-sc-date\">29th Apr 2024<\/span>\r\n        <\/div>\r\n                                <\/div>\n                    <\/a>\n                    <div class=\"uw-sc-divider\"><\/div>\n                <\/div>\n                            <div class=\"uw-card2 \" data-id=\"333549400\">\n                    <a class=\"uw-card2-row\" href=\"https:\/\/www.scishield.com\/resources\/readytotakeontouchtechwithchemtracker\" >\n\n                        \n                            \n                                <div class=\"uw-imgcont2\" style=\"display:none\"><\/div>\n                                   \n                        \n                        <div class=\"uw-scroller-text\">\n                            <span class=\"uw-text\">The Engine Accelerator - Ready to take on &quot;Tough Tech&quot; with ChemTracker<\/span>\n\n                                                           <span class=\"uw-sc-snippet\">The Engine Accelerator grew from 10 to 50 laboratory resident companies since implementing SciShield.<\/span>\n                            \n                                    <div class=\"uw-rss\">\r\n            <span class=\"uw-source\">bioraft.com<\/span>\r\n            <span class=\"uw-source-divider\">|<\/span>\r\n            <span class=\"uw-sc-date\">4th Dec 2023<\/span>\r\n        <\/div>\r\n                                <\/div>\n                    <\/a>\n                    <div class=\"uw-sc-divider\"><\/div>\n                <\/div>\n                    <\/div>\n\n        <div class=\"uw-sc-controls\">\n            <span class=\"uw-up\"><\/span>\n            <span class=\"uw-down\"><\/span>\n        <\/div>\n    <\/div>\n    \n<\/div>\n\n<script>\n    var fg_widget_js = fg_widget_js || {};\n    var scrollDownG;\n\n    fg_widget_js['b83e64f96fa73e227047ec6c9'] = new function () {\n        var $, widget, scrollTimer;\n\n        function initWidget(jQuery) {\n            $ = jQuery;\n            widget = $('#fg-widget-b83e64f96fa73e227047ec6c9');\n\n            initScrolling(widget);\n\n            widget.find('.uw-up').click(function () {\n                vertScrollDown();\n            });\n\n            widget.find('.uw-down').click(function () {\n                vertScrollUp();\n            });\n\n            widget.mouseenter(function () {\n                clearInterval(scrollTimer);\n            });\n\n            widget.mouseleave(function () {\n                initScrolling(widget);\n            });\n\n            widget.find('.uw-card2-row').click(function(e){\n                initScrolling(widget);\n            });\n\n                 \n\n            function onVisChange()\n            {\n                if (isElementInViewport(widget))\n                {\n                    $(window).off('resize scroll',onVisChange);\n                    widget.find(\"div.uw-imgcont2\").each(function(){\n                        $(this).css(\"background-image\",$(this).attr(\"data-lazyimg\"));\n                    });\n                }\n            }                  \n        }\n\n        \/* Scrolls the 'scroller' widget down.  *\/\n        function vertScrollDown() {\n            var cc = widget.find('.uw-sc-cardcont');\n            var el1 = cc.find('.uw-card2').last();\n            var elheight = el1.outerHeight();\n\n            \/\/ turn off css transitions\n            cc.hide();\n            doCSS(cc, false);\n\n            \/\/ we take the uw-card2 element on the end of the widget and add it to the start of the uw-sc-cardcont\n            \/\/ then translate the uw-sc-cardcont up by the height of the moved element. This hides the element we just added and it looks as if nothing has changed.\n            \/\/ then we turn on transitions again and set translate=0, smoothly scrolling down to show the moved element \n\n            \/\/ jump up\n            cc.css('transform', 'translateY(-' + elheight + 'px)');\n            \/\/ move the element\n            el1.detach().prependTo(cc);\n\n            \/\/ turn on transitions\n            doCSS(cc, true);\n            cc.show();\n            \/\/ scroll it into view\n            setTimeout(function (cc) {\n                cc.css('transform', 'translateY(0px)');\n            }, 300, cc);\n        }\n\n        \/* Scrolls the 'scroller' widget up.  *\/\n        function vertScrollUp() {\n            var cc = widget.find('.uw-sc-cardcont');\n            var el1 = cc.find('.uw-card2').first();\n            var elheight = el1.outerHeight();\n            var transevents = 'webkitTransitionEnd otransitionend oTransitionEnd msTransitionEnd transitionend';\n\n            \/\/ scrollit up by the height of the first element, to hide it\n            cc.css('transform', 'translateY(-' + elheight + 'px)');\n\n            \/\/ when the scroll up finishes, move that now hidden first element to the end of the scroller and set the scroll position to zero, so it \n            \/\/ seems nothing has changed\n            cc.on(transevents, function (e) {\n                el1.detach().appendTo(cc);\n\n                \/\/ turn off css transitions\n                cc.hide();\n                doCSS(cc, false);\n\n                cc.css('transform', 'translateY(0px)');\n\n                \/\/ turn on transitions\n                doCSS(cc, true);\n                cc.show();\n\n                cc.off(transevents); \/\/ turn off the event handler, or it will be called when we do a scrolldown. We cannot use jquery.one() for this\n            });\n        }\n\n        function doCSS(obj, dotrans) {\n            obj.css('transition', dotrans ? '' : 'none');\n\n            if (window.getComputedStyle) {\n                getComputedStyle(obj.get(0)).display;\n            }\n        }\n\n        function initScrolling(widget, scrollInterval, scrollDown) {\n            clearInterval(scrollTimer);\n\n            \/\/ sometimes we pass in the scrollinterval value to set it on the slider, \n            \/\/ sometimes we just want to use the current value, stored in the \"data-scrolltime\" attribute on the slider.\n            if (typeof scrollInterval === 'undefined') {\n                scrollInterval = widget.attr('data-scrolltime');\n            } else {\n                widget.attr('data-scrolltime', scrollInterval);\n            }\n\n            if (typeof scrollDownG === 'undefined')\n                scrollDownG = 1;\n\n            if (typeof scrollDown === 'undefined')\n                scrollDown = scrollDownG;\n            else\n                scrollDownG = scrollDown;\n\n            if (scrollInterval != 0) {\n                scrollTimer = setInterval(doScroll, scrollInterval * 1000, scrollDown);\n            }\n        }\n\n        function doScroll(scrollDown)\n        {\n            if (scrollDown==1) \n                vertScrollDown();\n            else \n                vertScrollUp();                \n        }\n\n\n\n        function isElementInViewport (el) {\n            var rect = el[0].getBoundingClientRect();\n            return (rect.top < (window.innerHeight || document.documentElement.clientHeight));\n        }           \n\n        this.execute = function () {\n            var openMethods = ['initWidget', 'initScrolling'];\n            var params = Array.prototype.slice.call(arguments);\n            var method = params.shift();\n\n            if (openMethods.indexOf(method) !== -1) {\n                eval(method + '.apply(this, params)');\n            }\n        };\n    };\n<\/script>"})