JSFiddle - React, Tailwind, and code Playground

by ecropolis

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/Cookies.js/1.2.1/cookies.js"></script>

JavaScript

jQuery(function() {
   if(Cookies.get('popup') === 'true'){
       $.getScript( 'https://cdnjs.cloudflare.com/ajax/libs/featherlight/1.7.11/featherlight.min.js' )
           .done(function( script, textStatus ) {
               console.log( textStatus );
               jQuery.featherlight(popup_html,{
                  variant: 'popup',
                  closeOnEsc: true,
                  closeIcon: '&#10005;',
                  closeTrigger: 'click',
                  beforeOpen:function(){
                      Cookies.set('popup','true');
                  }
              });
       }).fail(function( jqxhr, settings, exception ) {
		        console.log('failed to load script');
       });
   }
});

var popup_html = '<div class="pum-content popmake-content"><p><img class="aligncenter size-full wp-image-11501" src="https://scorechicago.org/wp-content/uploads/2017/10/SCORE-2018-Business-Forum-Facebook-cover-no-border.jpg" alt="" width="828" height="295"></p><p><a class="button" href="https://www.scorebusinessforum.org/" target="_blank" rel="noopener">Learn More</a></p></div>';