It looks like this is a web page, not a feed. I looked for a feed associated with this page, but couldn't find one. Please enter the address of your feed to validate.

Source: https://www.brightful.me/blog/looking-for-a-jackbox-alternative-here-are-some-of-your-options/

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.  
  5.    <meta charset="utf-8" />
  6.    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  7.  
  8.    <title>Looking for a Jackbox Alternative? Here are Some of Your Options</title>
  9.    <meta name="HandheldFriendly" content="True" />
  10.    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  11.    <link rel="stylesheet" type="text/css" href="https://www.brightful.me/assets/built/screen.css?v=ec7b48ed3a" />
  12.  
  13.    <meta name="description" content="Some of the best Jackbox alternatives that you can play with your remote team, no matter what type of experience you are searching for.">
  14.    <link rel="icon" href="https://www.brightful.me/content/images/size/w256h256/2020/07/icon_83.5@2x.png" type="image/png">
  15.    <link rel="canonical" href="https://www.brightful.me/blog/looking-for-a-jackbox-alternative-here-are-some-of-your-options/">
  16.    <meta name="referrer" content="no-referrer-when-downgrade">
  17.    <link rel="amphtml" href="https://www.brightful.me/blog/looking-for-a-jackbox-alternative-here-are-some-of-your-options/amp/">
  18.    
  19.    <meta property="og:site_name" content="Connect in a more meaningful way">
  20.    <meta property="og:type" content="article">
  21.    <meta property="og:title" content="Looking for a Jackbox Alternative? Here are Some of Your Options">
  22.    <meta property="og:description" content="Some of the best Jackbox alternatives that you can play with your remote team, no matter what type of experience you are searching for.">
  23.    <meta property="og:url" content="https://www.brightful.me/blog/looking-for-a-jackbox-alternative-here-are-some-of-your-options/">
  24.    <meta property="og:image" content="https://www.brightful.me/content/images/size/w1200/2021/06/2.jpg">
  25.    <meta property="article:published_time" content="2021-06-13T14:30:04.000Z">
  26.    <meta property="article:modified_time" content="2021-06-13T14:30:04.000Z">
  27.    <meta property="article:tag" content="Team Building">
  28.    <meta property="article:tag" content="Icebreaker Games">
  29.    
  30.    <meta name="twitter:card" content="summary_large_image">
  31.    <meta name="twitter:title" content="Looking for a Jackbox Alternative? Here are Some of Your Options">
  32.    <meta name="twitter:description" content="Some of the best Jackbox alternatives that you can play with your remote team, no matter what type of experience you are searching for.">
  33.    <meta name="twitter:url" content="https://www.brightful.me/blog/looking-for-a-jackbox-alternative-here-are-some-of-your-options/">
  34.    <meta name="twitter:image" content="https://www.brightful.me/content/images/size/w1200/2021/06/2.jpg">
  35.    <meta name="twitter:label1" content="Written by">
  36.    <meta name="twitter:data1" content="Wilson Pang">
  37.    <meta name="twitter:label2" content="Filed under">
  38.    <meta name="twitter:data2" content="Team Building, Icebreaker Games">
  39.    <meta name="twitter:site" content="@brightfulhq">
  40.    <meta property="og:image:width" content="1200">
  41.    <meta property="og:image:height" content="800">
  42.    
  43.    <script type="application/ld+json">
  44. {
  45.    "@context": "https://schema.org",
  46.    "@type": "Article",
  47.    "publisher": {
  48.        "@type": "Organization",
  49.        "name": "Connect in a more meaningful way",
  50.        "url": "https://www.brightful.me/",
  51.        "logo": {
  52.            "@type": "ImageObject",
  53.            "url": "https://www.brightful.me/content/images/size/w256h256/2020/07/icon_83.5@2x.png",
  54.            "width": 60,
  55.            "height": 60
  56.        }
  57.    },
  58.    "author": {
  59.        "@type": "Person",
  60.        "name": "Wilson Pang",
  61.        "image": {
  62.            "@type": "ImageObject",
  63.            "url": "//www.gravatar.com/avatar/59ace1c1da0a5307a7a430cfa8cec2ff?s=250&d=mm&r=x",
  64.            "width": 250,
  65.            "height": 250
  66.        },
  67.        "url": "https://www.brightful.me/404/",
  68.        "sameAs": []
  69.    },
  70.    "headline": "Looking for a Jackbox Alternative? Here are Some of Your Options",
  71.    "url": "https://www.brightful.me/blog/looking-for-a-jackbox-alternative-here-are-some-of-your-options/",
  72.    "datePublished": "2021-06-13T14:30:04.000Z",
  73.    "dateModified": "2021-06-13T14:30:04.000Z",
  74.    "image": {
  75.        "@type": "ImageObject",
  76.        "url": "https://www.brightful.me/content/images/size/w1200/2021/06/2.jpg",
  77.        "width": 1200,
  78.        "height": 800
  79.    },
  80.    "keywords": "Team Building, Icebreaker Games",
  81.    "description": "With remote working becoming an increasingly popular option among the workforce,\nplenty of organizations are doing everything they can to ensure their remote\nemployees are bonding\n[https://www.brightful.me/blog/10-easy-ways-to-build-trust-with-your-remote-staffs/] \nbetween working hours. Chances are, you’ve looked up some game activities that\ncan be played among your remote workers to develop relationships between them.\nJackbox is likely one of the more commonly advised online games you can play",
  82.    "mainEntityOfPage": "https://www.brightful.me/blog/looking-for-a-jackbox-alternative-here-are-some-of-your-options/"
  83. }
  84.    </script>
  85.  
  86.    <meta name="generator" content="Ghost 5.82">
  87.    <link rel="alternate" type="application/rss+xml" title="Connect in a more meaningful way" href="">
  88.    <script defer src="https://cdn.jsdelivr.net/ghost/portal@~2.37/umd/portal.min.js" data-i18n="false" data-ghost="https://www.brightful.me/" data-key="506ed75d49bc660befdedacbea" data-api="https://alvinhung.ghost.io/ghost/api/content/" crossorigin="anonymous"></script><style id="gh-members-styles">.gh-post-upgrade-cta-content,
  89. .gh-post-upgrade-cta {
  90.    display: flex;
  91.    flex-direction: column;
  92.    align-items: center;
  93.    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  94.    text-align: center;
  95.    width: 100%;
  96.    color: #ffffff;
  97.    font-size: 16px;
  98. }
  99.  
  100. .gh-post-upgrade-cta-content {
  101.    border-radius: 8px;
  102.    padding: 40px 4vw;
  103. }
  104.  
  105. .gh-post-upgrade-cta h2 {
  106.    color: #ffffff;
  107.    font-size: 28px;
  108.    letter-spacing: -0.2px;
  109.    margin: 0;
  110.    padding: 0;
  111. }
  112.  
  113. .gh-post-upgrade-cta p {
  114.    margin: 20px 0 0;
  115.    padding: 0;
  116. }
  117.  
  118. .gh-post-upgrade-cta small {
  119.    font-size: 16px;
  120.    letter-spacing: -0.2px;
  121. }
  122.  
  123. .gh-post-upgrade-cta a {
  124.    color: #ffffff;
  125.    cursor: pointer;
  126.    font-weight: 500;
  127.    box-shadow: none;
  128.    text-decoration: underline;
  129. }
  130.  
  131. .gh-post-upgrade-cta a:hover {
  132.    color: #ffffff;
  133.    opacity: 0.8;
  134.    box-shadow: none;
  135.    text-decoration: underline;
  136. }
  137.  
  138. .gh-post-upgrade-cta a.gh-btn {
  139.    display: block;
  140.    background: #ffffff;
  141.    text-decoration: none;
  142.    margin: 28px 0 0;
  143.    padding: 8px 18px;
  144.    border-radius: 4px;
  145.    font-size: 16px;
  146.    font-weight: 600;
  147. }
  148.  
  149. .gh-post-upgrade-cta a.gh-btn:hover {
  150.    opacity: 0.92;
  151. }</style>
  152.    <script defer src="https://cdn.jsdelivr.net/ghost/sodo-search@~1.1/umd/sodo-search.min.js" data-key="506ed75d49bc660befdedacbea" data-styles="https://cdn.jsdelivr.net/ghost/sodo-search@~1.1/umd/main.css" data-sodo-search="https://alvinhung.ghost.io/" crossorigin="anonymous"></script>
  153.    
  154.    <link href="https://www.brightful.me/webmentions/receive/" rel="webmention">
  155.    <script defer src="/public/cards.min.js?v=ec7b48ed3a"></script>
  156.    <link rel="stylesheet" type="text/css" href="/public/cards.min.css?v=ec7b48ed3a">
  157.    <script defer src="/public/member-attribution.min.js?v=ec7b48ed3a"></script>
  158.    <!-- Google Tag Manager -->
  159. <script>
  160.  (function (w, d, s, l, i) {
  161.    w[l] = w[l] || [];
  162.    w[l].push({ "gtm.start": new Date().getTime(), event: "gtm.js" });
  163.    var f = d.getElementsByTagName(s)[0],
  164.      j = d.createElement(s),
  165.      dl = l != "dataLayer" ? "&l=" + l : "";
  166.    j.async = true;
  167.    j.src = "https://www.googletagmanager.com/gtm.js?id=" + i + dl;
  168.    f.parentNode.insertBefore(j, f);
  169.  })(window, document, "script", "dataLayer", "GTM-PTQVHFL");
  170. </script>
  171. <!-- End Google Tag Manager -->
  172.  
  173. <!-- Amplitude script -->
  174. <script type="text/javascript">
  175. (function(e,t){var n=e.amplitude||{_q:[],_iq:{}};var r=t.createElement("script")
  176. ;r.type="text/javascript"
  177. ;r.integrity="sha384-xwN6OCSgIf1SF9jtD6pouaSwCvpobyV3lanBGQ1d33MwTxLarbQxUif0Slt0npCM"
  178. ;r.crossOrigin="anonymous";r.async=true
  179. ;r.src="https://cdn.amplitude.com/libs/amplitude-8.3.0-min.gz.js"
  180. ;r.onload=function(){if(!e.amplitude.runQueuedFunctions){
  181. console.log("[Amplitude] Error: could not load SDK")}}
  182. ;var i=t.getElementsByTagName("script")[0];i.parentNode.insertBefore(r,i)
  183. ;function s(e,t){e.prototype[t]=function(){
  184. this._q.push([t].concat(Array.prototype.slice.call(arguments,0)));return this}}
  185. var o=function(){this._q=[];return this}
  186. ;var a=["add","append","clearAll","prepend","set","setOnce","unset","preInsert","postInsert","remove"]
  187. ;for(var c=0;c<a.length;c++){s(o,a[c])}n.Identify=o;var u=function(){this._q=[]
  188. ;return this}
  189. ;var l=["setProductId","setQuantity","setPrice","setRevenueType","setEventProperties"]
  190. ;for(var p=0;p<l.length;p++){s(u,l[p])}n.Revenue=u
  191. ;var d=["init","logEvent","logRevenue","setUserId","setUserProperties","setOptOut","setVersionName","setDomain","setDeviceId","enableTracking","setGlobalUserProperties","identify","clearUserProperties","setGroup","logRevenueV2","regenerateDeviceId","groupIdentify","onInit","logEventWithTimestamp","logEventWithGroups","setSessionId","resetSessionId"]
  192. ;function v(e){function t(t){e[t]=function(){
  193. e._q.push([t].concat(Array.prototype.slice.call(arguments,0)))}}
  194. for(var n=0;n<d.length;n++){t(d[n])}}v(n);n.getInstance=function(e){
  195. e=(!e||e.length===0?"$default_instance":e).toLowerCase()
  196. ;if(!Object.prototype.hasOwnProperty.call(n._iq,e)){n._iq[e]={_q:[]};v(n._iq[e])
  197. }return n._iq[e]};e.amplitude=n})(window,document);
  198. </script>
  199. <!-- End Amplitude script -->
  200.  
  201. <!-- Convertize script -->
  202. <script src="//pixel.convertize.io/8154.js" charset="UTF-8"></script>
  203. <!-- End Convertize script --><style>:root {--ghost-accent-color: #15171A;}</style>
  204.  
  205. <script src="https://cdn.polyfill.io/v2/polyfill.min.js?features=es6,Array.prototype.includes,CustomEvent,Object.entries,Object.values,URL"></script>
  206.    <script src="https://www.brightful.me/assets/home/js/app.js?v=ec7b48ed3a"></script>
  207.  
  208.    <script>
  209.        initAmplitude();
  210.        identifyAmplitude("setOnce", "creationDate", new Date(Date.now()).toISOString());
  211.        identifyAmplitude("setOnce", "landingPage", location.pathname);
  212.    </script>
  213. </head>
  214. <body class="post-template tag-team-building tag-icebreaker-games">
  215.  
  216.    <div class="site-wrapper">
  217.  
  218.        <head>
  219.    <link rel="stylesheet" type="text/css" href="https://www.brightful.me/assets/random-question-generator/styles.css?v=ec7b48ed3a" />
  220.    <link rel="stylesheet" type="text/css" href="https://www.brightful.me/assets/random-question-generator-2/styles.css?v=ec7b48ed3a" />
  221.    <link rel="stylesheet" type="text/css" href="https://www.brightful.me/assets/random-noun-generator/styles.css?v=ec7b48ed3a" />
  222.    <link rel="stylesheet" type="text/css" href="https://www.brightful.me/assets/random-trivia-generator/styles.css?v=ec7b48ed3a" />
  223.    <link rel="stylesheet" type="text/css" href="https://www.brightful.me/assets/random-pictionary-christmas-generator/styles.css?v=ec7b48ed3a" />
  224.    <link rel="stylesheet" type="text/css" href="https://www.brightful.me/assets/built/popup.css?v=ec7b48ed3a" />
  225.    <link rel="stylesheet" href="https://cdn.plyr.io/3.6.7/plyr.css" />
  226. </head>
  227.  
  228.  
  229. <header class="site-header">
  230.    <div class="outer site-nav-main brightful-dark-bg">
  231.    <div class="inner">
  232.        <nav class="site-nav">
  233.        <div class="site-nav-left">
  234.                <a class="site-nav-logo fix-logo" href="https://www.brightful.me"><img src="https://www.brightful.me/assets/home/img/logo-white.svg?v=ec7b48ed3a" alt="Connect in a more meaningful way" /></a>
  235.        </div>
  236.    <div class="site-nav-right">
  237.            <ul class="site-nav-right-menu">
  238.                <li class="blog-category"><a href="#">Blog Categories <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevron-down"><polyline points="6 9 12 15 18 9"></polyline></svg></a>
  239.                            <ul class="nav" role="menu">
  240.            <li class="nav-latest-posts">
  241.                <a href="https://www.brightful.me/blog/">Latest Posts</a>
  242.            </li>
  243.            <li class="nav-conversation-starters">
  244.                <a href="https://www.brightful.me/tag/conversation-starters/">Conversation Starters</a>
  245.            </li>
  246.            <li class="nav-icebreaker-games">
  247.                <a href="https://www.brightful.me/blog/best-icebreaker-games-for-team-building-activities/">Icebreaker Games</a>
  248.            </li>
  249.            <li class="nav-remote-work-tips">
  250.                <a href="https://www.brightful.me/blog/all-you-ever-need-to-know-about-remote-work/">Remote Work Tips</a>
  251.            </li>
  252.            <li class="nav-self-care">
  253.                <a href="https://www.brightful.me/blog/why-is-self-care-in-important-in-the-remote-workplace/">Self-care</a>
  254.            </li>
  255.    </ul>
  256.  
  257.                </li>
  258.                        <li class="nav-start-your-trial"><a href="https://www.brightful.me/play/?source=blog" class="host-game">START YOUR TRIAL</a></li>
  259.  
  260.            </ul>
  261.    </div>
  262. </nav>    </div>
  263. </div>
  264. </header>
  265.  
  266. <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
  267. <script src="https://www.brightful.me/assets/random-question-generator/script.js?v=ec7b48ed3a"></script>
  268. <script src="https://www.brightful.me/assets/random-question-generator-2/script.js?v=ec7b48ed3a"></script>
  269. <script src="https://www.brightful.me/assets/random-noun-generator/script.js?v=ec7b48ed3a"></script>
  270. <script src="https://www.brightful.me/assets/random-trivia-generator/script.js?v=ec7b48ed3a"></script>
  271. <script src="https://www.brightful.me/assets/random-pictionary-christmas-generator/script.js?v=ec7b48ed3a"></script>
  272. <script src="https://cdn.plyr.io/3.6.7/plyr.polyfilled.js"></script>
  273.  
  274. <main id="site-main" class="site-main outer post-main-wrapper">
  275.    <div class="inner">
  276.        <article class="post-full post tag-team-building tag-icebreaker-games "></article>
  277.            <div class="post-wrapper">
  278.                <div class="post-full-content-box post-full-inner-content">
  279.                    <header class="post-full-header">
  280.                        <section class="post-full-tags">
  281.                            <a href="/tag/team-building/">Team Building</a>
  282.                        </section>
  283.                        <h1 class="post-full-title">Looking for a Jackbox Alternative? Here are Some of Your Options</h1>
  284.                        <div class="post-full-byline">
  285.                            <section class="post-full-byline-content">
  286.                                <section class="post-full-byline-meta">
  287.                                    <div class="byline-meta-content">
  288.                                        <time class="byline-meta-date"
  289.                                            datetime="2021-06-13">13 Jun 2021</time>
  290.                                        <span class="byline-reading-time"><span class="bull">&bull;</span>
  291.                                            5 min read</span>
  292.                                    </div>
  293.                                </section>
  294.                            </section>
  295.                        </div>
  296.                    </header>
  297.                    <figure class="post-full-image">
  298.                        <img srcset="/content/images/size/w300/2021/06/2.jpg 300w,
  299.                                    /content/images/size/w600/2021/06/2.jpg 600w,
  300.                                    /content/images/size/w1000/2021/06/2.jpg 1000w,
  301.                                    /content/images/size/w2000/2021/06/2.jpg 2000w" sizes="(max-width: 800px) 400px,
  302.                                (max-width: 1170px) 1170px,
  303.                                    2000px" src="/content/images/size/w2000/2021/06/2.jpg" alt="Looking for a Jackbox Alternative? Here are Some of Your Options" />
  304.                    </figure>
  305.                    <section class="post-full-content control-full-w-image">
  306.                        <div class="post-content">
  307.                            <p>With remote working becoming an increasingly popular option among the workforce, plenty of organizations are doing everything they can to ensure their remote employees are <a href="https://www.brightful.me/blog/10-easy-ways-to-build-trust-with-your-remote-staffs/">bonding</a> between working hours. Chances are, you’ve looked up some game activities that can be played among your remote workers to develop relationships between them. Jackbox is likely one of the more commonly advised online games you can play with your remote team members.<br></p><p>However, what if you're looking for more, something that provides a combination of old-school favorites or exciting board games. While Jackbox does stock an assortment of fun games to play, they can become stale after a while. Looking for alternatives to spice things up between your remote team is something every manager should do to ensure the excitement behind these <a href="https://www.brightful.me/blog/here-are-some-of-the-best-team-building-solutions-for-remote-teams/">team-building</a> sessions does not get dull and tiresome after a while. </p><p><br></p><figure class="kg-card kg-image-card"><img src="https://www.brightful.me/content/images/2021/06/image-2.png" class="kg-image" alt loading="lazy" width="1500" height="1000" srcset="https://www.brightful.me/content/images/size/w600/2021/06/image-2.png 600w, https://www.brightful.me/content/images/size/w1000/2021/06/image-2.png 1000w, https://www.brightful.me/content/images/2021/06/image-2.png 1500w" sizes="(min-width: 720px) 720px"></figure><p>That’s why we are providing you with some of the best Jackbox alternatives that you can play with your remote team, no matter what type of experience you are searching for. <br></p><h2 id="brightful"><a href="https://www.brightful.me/"><strong>Brightful</strong></a></h2><p>Brightful is the place you want to be if you wish to introduce some exciting activities to your remote team. The platform provides an assortment of games that will guarantee to spark excitement and laughter during your virtual meetings. Signing up with Brightful provides you with a variety of games, from fast-paced team-building activities to meaningful conversation starters. The extensive catalog of games you can find here will provide you with the excitement and bonding you need to make your remote team a robust workforce. <br></p><p>Brightful games include classic card games, such as Gin Rummy, Rummy, and Hearts. For something faster, Draw It, Describe It, and Trivia is available. Want your team to socialize more, so they usually do? Mimic and Werewolf are some excellent games available for this. Lately, if you want to break the ice among new employees, try conversational games, such as the question of the day, Draw &amp; Tell, Spot My Lie, and Would You Rather. Additionally, these games are entirely customizable, so if you want to make something that suits your team and culture, then go for it. <br></p><p>Best of all, you won’t have to download any extra software onto your computer, sign up, and you are ready to go. Plus, Brightful can integrate with any conferencing tool, so no need to worry about making changes to your current setup. <br></p><h2 id="tabletopia"><a href="https://tabletopia.com/?ref=brightful.me"><strong>Tabletopia</strong></a></h2><p>Proclaiming itself as the Audible of board games, Tabletopia provides you with an online version of up to 1600 games that are played on a virtual table. Some excellent games you can play here include transport games such as Railroad Ink or K2. Or work together to survive a zombie horde through the Resident Evil board game.<br></p><p>Best of all, the games can be customizable, so if you want to make an educational board game that provides entertaining yet educational information related to your industry, then it’s entirely doable. Only a single person is required to sign up for this site. Once done, they can start a game and send the link to the other players, who each join through their browser. While getting used to the controls can take a while, it’s the closest way you and your remote team will ever be able to play physical board games in a virtual setting. <br></p><h2 id="backyard"><a href="https://backyard.co/?ref=brightful.me"><strong>Backyard</strong></a></h2><p>If you're interested in playing games with your virtual remote team but do not want to deal with the trouble of setting up a video conference call through Zoom, then try Backyard. They have managed to combine games, video, and chat in a single platform. At the moment, Backyard is in beta, but it has become available to the public. You can sign up through Google or Apple and create a space. <br></p><p>Once you get the code to share with your team, message it to them so they can join your private room. All you have to do now is choose a game to play with each other. Backyard has an assortment of games that are slightly different versions of popular games, such as Cards Against Humans, Letter TIle, and Codewords. Backyard can be used directly from your browser, so no app download is required.<br></p><h2 id="houseparty"><a href="https://houseparty.com/?ref=brightful.me"><strong>Houseparty</strong></a></h2><p>HouseParty offers you far more than video conferencing features. It comes bundled with some games that allow eight people to play in the privacy of their space together. Some games you can expect to play are Quick Draw, which has the player sketch out a word that only they will see. Another one is Heads Up, which has the players guess a word as they are granted clues by their teammates. Houseparty is available as an app or played through a browser. While it’s free to play, it does provide a paid add-on pack to provide more fun for their games. <br></p><figure class="kg-card kg-image-card"><img src="https://www.brightful.me/content/images/2021/06/image-5.png" class="kg-image" alt loading="lazy" width="500" height="281"></figure><h2 id="the-escape-game"><a href="https://store.theescapegame.co/?ref=brightful.me"><strong>The Escape Game</strong></a></h2><p>Test your remote team's puzzle-solving skills with a virtual escape room. Have them attempt to solve every possible puzzle and floor the clues to escape the digitized room before the timer runs out. The Escape Game provides an assortment of exciting escape games that come with different settings and themes. For example, The Heist is a two-part game for one to four players that has them work as secret agents trying to stop a suspected art thief. The games generally cost $10 or $18 for bundle versions of two and $26 for bundle versions of three. <br></p><h2 id="playingcardsio"><a href="https://playingcards.io/?ref=brightful.me"><strong>PlayingCards.io</strong></a></h2><p>Some people on your team may want to stick with the classics instead of playing these tweaked versions. If that’s the case, then consider trying out PlayCards.io. The website has an assortment of classic games that can be played among your remote team while recreating a relaxing and fun atmosphere. Games such as Go Fish, Hockey, Hearts, and Crazy Eight are some of the few available here. You can also play other games like Chess, Cribbage, Checks, Backgammon, and Dominoes. The platform also allows you to make some custom games as well, so if you want to change the rules to certain games, then go for it. The website only requires you to make an account and share the room code with the others to play together.<br></p><h2 id="conclusion"><strong>Conclusion</strong></h2><p>Each of these alternatives will provide you everything you need to ensure your team can get together and have fun even while separated from each other. Remote teams need a way to bond with each other instead of merely viewing everyone as just coworkers. As the remote manager, you need to use these platforms to develop relationships and lower stress levels.<br></p>
  308.                        </div>
  309.                    </section>
  310.                </div>
  311.                <div class="post-sidebar-content sidebar">
  312.    <div class="post-sidebar-inner">
  313.  
  314.  
  315.        <div class="single-sidebar-posts">
  316.            <h5 class="sidebar-heading">
  317.                What is Brightful?
  318.            </h5>
  319.            <p class="sidebar-text">
  320.                Brightful is a suite of online games for team building. We are perfect for ice breaking, striking up interesting conversations, and having a fun time together.<br><br>
  321. Brightful doesn't require any download or app install. And it works with all video conference tools. Our mission is to bring joy into your online meetings.
  322.            </p>
  323.        </div>
  324.  
  325.        <div class="single-sidebar-posts sidebar-trusted-by-teams-worldwide">
  326.            <h5 class="sidebar-heading">
  327.                How it works
  328.            </h5>
  329.            <div class="wrapper">
  330.                <ul class="StepProgress">
  331.                    <li class="StepProgress-item">Sign up in seconds, then pick a game to host.</li>
  332.                    <li class="StepProgress-item">Gather everyone into your virtual conference using your existing meeting tool (eg. Zoom or Skype).
  333.                    </li>
  334.                    <li class="StepProgress-item">Share the invitation with your team and you’re good to go. Enjoy the game!</li>
  335.                </ul>
  336.            </div>
  337.        </div>
  339. <div class="single-sidebar-posts">
  340.            <h5 class="sidebar-heading">
  341.                Trusted by teams worldwide
  342.            </h5>
  343.            <div class="partner-wrapper">
  344.                <div class="partner-image">
  345.                    <img src="https://www.brightful.me/assets/img/teams/amazon.png?v=ec7b48ed3a" alt="image">
  346.                </div>
  347.                <div class="partner-image">
  348.                    <img src="https://www.brightful.me/assets/img/teams/dropbox.png?v=ec7b48ed3a" alt="image">
  349.                </div>
  350.                <div class="partner-image">
  351.                    <img src="https://www.brightful.me/assets/img/teams/paypal.png?v=ec7b48ed3a" alt="image">
  352.                </div>
  353.                <div class="partner-image">
  354.                    <img src="https://www.brightful.me/assets/img/teams/target.png?v=ec7b48ed3a" alt="image">
  355.                </div>
  356.                <div class="partner-image">
  357.                    <img src="https://www.brightful.me/assets/img/teams/zoom.png?v=ec7b48ed3a" alt="image">
  358.                </div>
  359.                <div class="partner-image">
  360.                    <img src="https://www.brightful.me/assets/img/teams/hulu.png?v=ec7b48ed3a" alt="image">
  361.                </div>
  362.                <div class="partner-image">
  363.                    <img src="https://www.brightful.me/assets/img/teams/ibm.png?v=ec7b48ed3a" alt="image">
  364.                </div>
  365.                <div class="partner-image">
  366.                    <img src="https://www.brightful.me/assets/img/teams/pfizer.png?v=ec7b48ed3a" alt="image">
  367.                </div>
  368.            </div>
  369.        </div>
  370.  
  371.        <div class="btn-learn-more">
  372.            <a href="https://www.brightful.me/play/?source=blog" target="_blank" class="continue-reading">
  373.                <span>Learn more</span>
  374.                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-arrow-right"><line x1="5" y1="12" x2="19" y2="12"></line><polyline points="12 5 19 12 12 19"></polyline></svg>            </a>
  375.        </div>
  376.    </div>
  377. </div>            </div>
  378.        </article>
  379.    </div>
  380. </main>
  381.  
  382. <div class="connection-section outer">
  383.    <div class="inner">
  384.        <div class="footer-top-section">
  385.            <div class="inner">
  386.                <div class="discussion-wrapper">
  387.                    <div class="discussion-image">
  388.                        <img src="https://www.brightful.me/assets/home/img/discussion.png?v=ec7b48ed3a" alt="discussion image">
  389.                    </div>
  390.                    <div class="discussion-content">
  391.                        <h3 class="discussion-heading">Connect in a more meaningful way</h3>
  392.                        <p class="discussion-text">Virtual meetings can get impersonal and tedious. Brightful&#x27;s games transform your meetings into a fun and joyful experience. Connect deeply with your team, community and loved ones.</p>
  393.                        <a class="btn-orange-primary" href="https://www.brightful.me/play/?source=blog">START YOUR TRIAL</a>
  394.                    </div>
  395.                </div>
  396.            </div>
  397.        </div>
  398.    </div>
  399. </div>
  400.  
  401. <div id="trivia-popup" class="popup-section" style="background-image:url(https://www.brightful.me/assets/img/hero/popup-bg.png?v=ec7b48ed3a);">
  402.    <div class="popup-close-option" onclick="popupClose()">
  403.        <img src="https://www.brightful.me/assets/img/hero/close-option.png?v=ec7b48ed3a" alt="icon">
  404.    </div>
  405.    <div class="popup-wrap shape-parent">
  406.        <div class="shape-line">
  407.           <img src="https://www.brightful.me/assets/img/hero/line-shape.png?v=ec7b48ed3a" alt="" class="shape-line-one">
  408.           <img src="https://www.brightful.me/assets/img/hero/line-shape.png?v=ec7b48ed3a" alt="" class="shape-line-two">
  409.        </div>
  410.        <div class="popup-wrapper">
  411.            <div class="try-wrap">
  412.                <span>try</span>
  413.                <img src="https://www.brightful.me/assets/img/hero/try-bg.png?v=ec7b48ed3a" alt="bg image">
  414.            </div>
  415.            <div class="popup-content-wraper">
  416.                <h3>Give Brightful’s Trivia a go!</h3>
  417.                <div class="popup-trivia-qus-wrap">
  418.                    <h5>When Avengers: Endgame passed Titanic in total box-office, what Titanic director sent Kevin Feige a congratulatory message?</h5>
  419.                    <ul class="popup-ans-list">
  420.                        <li>
  421.                            <button>James Cameron</button>
  422.                        </li>
  423.                        <li>
  424.                            <button>Steven Spielberg</button>
  425.                        </li>
  426.                        <li>
  427.                            <button>Martin Scorsese</button>
  428.                        </li>
  429.                        <li>
  430.                            <button>Leonardo DiCaprio</button>
  431.                        </li>
  432.                    </ul>
  433.                </div>
  434.            </div>
  435.        </div>
  436.    </div>
  437.    <div class="congrass-option popup-wrap">
  438.        <div class="shape-line">
  439.           <img src="https://www.brightful.me/assets/img/hero/line-shape.png?v=ec7b48ed3a" alt="" class="shape-line-one">
  440.           <img src="https://www.brightful.me/assets/img/hero/line-shape.png?v=ec7b48ed3a" alt="" class="shape-line-two">
  441.           </div>
  442.        <div class="congrass-content">
  443.            <img src="https://www.brightful.me/assets/img/hero/answer.png?v=ec7b48ed3a" alt="">
  444.            <div class="ans-options">
  445.                <p>The correct answer is</p>
  446.                <h5>James Cameron</h5>
  447.            </div>
  448.        </div>
  449.        <div class="congrass-ftr" style="background-image:url(https://www.brightful.me/assets/img/hero/congress-ftr.png?v=ec7b48ed3a)">
  450.            <h3>Endless Trivia Questions</h3>
  451.            <p>With 1000+ of the best trivia questions categorized in one place, you will never run out of questions again.</p>
  452.            <a href="https://now.brightful.me/trivia" class="btn-orange-primary" onclick="popupClicked()">Try for FREE</a>
  453.        </div>
  454.    </div>
  455.    <div class="popup-shape">
  456.        <img class="popup-ftr-bg" src="https://www.brightful.me/assets/img/hero/popup-ftr-frame.png?v=ec7b48ed3a" alt="">
  457.        <img class="popup-ftr-man" src="https://www.brightful.me/assets/img/hero/popup-preson.png?v=ec7b48ed3a" alt="">
  458.    </div>
  459. </div>
  460.  
  461. <div id="wyr-popup" class="popup-section" style="background-image:url(https://www.brightful.me/assets/img/hero/popup-bg.png?v=ec7b48ed3a);">
  462.    <div class="popup-close-option" onclick="popupClose()">
  463.        <img src="https://www.brightful.me/assets/img/hero/close-option.png?v=ec7b48ed3a" alt="icon">
  464.    </div>
  465.    <div class="popup-wrap shape-parent reather-step-one">
  466.       <div class="popup-wrapper">
  467.            <div class="try-wrap">
  468.                <span>try</span>
  469.                <img src="https://www.brightful.me/assets/img/hero/try-bg.png?v=ec7b48ed3a" alt="bg image">
  470.            </div>
  471.            <div class="popup-content-wraper raither-content">
  472.                <h3>Give Brightful a go!</h3>
  473.                <div class="raither-img">
  474.                    <img src="https://www.brightful.me/assets/img/hero/reather-img.png?v=ec7b48ed3a" alt="">
  475.                </div>
  476.                <div class="popup-wyr-qus-wrap">
  477.                    <h5>Would you rather be</h5>
  478.                    <ul class="raither-popup-ans-list">
  479.                        <li class="raither-option-one">
  480.                            <button>Lebron James / Simone Biles</button>
  481.                        </li>
  482.                        <li class="raither-option-two">
  483.                            <button>Beyonce / Ed Sheeran</button>
  484.                        </li>
  485.                    </ul>
  486.                </div>
  487.            </div>
  488.        </div>
  489.    </div>
  490.    <div class="list-option-one popup-wrap reather-step-two">
  491.        <div class="reather-content">
  492.            <h3>Would you rather be</h3>
  493.            <div class="reather-ans-wrap">
  494.                <div class="reather-ans-vs">
  495.                    <span>VS</span>
  496.                </div>
  497.                <div class="reather-ans-right">
  498.                    <div class="reather-ans-single sky-bg">
  499.                        <p>Lebron James / Simone Biles</p>
  500.                        <h5>1</h5>
  501.                        <div class="reather-ans-overlay">
  502.                            <p>Other players: 63%</p>
  503.                        </div>
  504.                    </div>
  505.                    <div class="pro-status">
  506.                        <p>You</p>
  507.                    </div>
  508.                </div>
  509.                <div class="reather-ans-single paste-bg">
  510.                    <p>Beyonce / Ed Sheeran</p>
  511.                    <h5>0</h5>
  512.                    <div class="reather-ans-overlay">
  513.                        <p>Other players: 37%</p>
  514.                    </div>
  515.                </div>
  516.            </div>
  517.        </div>
  518.        <div class="congrass-ftr reather-ftr" style="background-image:url(https://www.brightful.me/assets/img/hero/congress-ftr.png?v=ec7b48ed3a)">
  519.            <h3>Would You Rather Questions</h3>
  520.            <p>Find 1000+ of the quirkiest, funniest, and most interesting Would You Rather questions all in one place.</p>
  521.            <a href="https://now.brightful.me/would-you-rather" class="btn-orange-primary">Try for FREE</a>
  522.        </div>
  523.    </div>
  524.    <div class="list-option-one popup-wrap reather-step-three">
  525.        <div class="reather-content">
  526.            <h3>Would you rather be</h3>
  527.            <div class="reather-ans-wrap">
  528.                <div class="reather-ans-vs">
  529.                    <span>VS</span>
  530.                </div>
  531.                <div class="reather-ans-single sky-bg">
  532.                    <p>Lebron James / Simone Biles</p>
  533.                    <h5>0</h5>
  534.                    <div class="reather-ans-overlay">
  535.                        <p>Other players: 63%</p>
  536.                    </div>
  537.                </div>
  538.                <div class="reather-ans-right">
  539.                    <div class="reather-ans-single paste-bg">
  540.                        <p>Beyonce / Ed Sheeran</p>
  541.                        <h5>1</h5>
  542.                        <div class="reather-ans-overlay">
  543.                            <p>Other players: 37%</p>
  544.                        </div>
  545.                    </div>
  546.                    <div class="pro-status">
  547.                        <p>You</p>
  548.                    </div>
  549.                </div>
  550.                
  551.            </div>
  552.        </div>
  553.        <div class="congrass-ftr reather-ftr" style="background-image:url(https://www.brightful.me/assets/img/hero/congress-ftr.png?v=ec7b48ed3a)">
  554.            <h3>Would You Rather Questions</h3>
  555.            <p>Find 1000+ of the quirkiest, funniest, and most interesting Would You Rather questions all in one place.</p>
  556.            <a href="https://now.brightful.me/would-you-rather" class="btn-orange-primary" onclick="popupClicked()">Try for FREE</a>
  557.        </div>
  558.    </div>
  559.    <div class="popup-shape">
  560.        <img class="popup-ftr-bg" src="https://www.brightful.me/assets/img/hero/popup-ftr-frame.png?v=ec7b48ed3a" alt="">
  561.        <img class="popup-ftr-man" src="https://www.brightful.me/assets/img/hero/popup-preson.png?v=ec7b48ed3a" alt="">
  562.    </div>
  563. </div>
  564.  
  565. <aside class="read-next outer brightful-dark-bg">
  566.    <div class="inner">
  567.        <div class="read-next-feed">
  568.            <article class="read-next-card">
  569.                <header class="read-next-card-header">
  570.                    <h3><span>More in</span> <a href="/tag/team-building/">Team Building</a></h3>
  571.                </header>
  572.                <div class="read-next-card-content">
  573.                    <ul>
  574.                        <li>
  575.                            <h4><a href="/blog/40-funny-poll-questions/">40 Funny Poll Questions</a></h4>
  576.                            <div class="read-next-card-meta">
  577.                                <p><time datetime="2023-02-17">17 Feb 2023</time> –
  578.                                    9 min read</p>
  579.                            </div>
  580.                        </li>
  581.                        <li>
  582.                            <h4><a href="/blog/the-best-ways-to-measure-employee-engagement/">The Best Ways to Measure Employee Engagement</a></h4>
  583.                            <div class="read-next-card-meta">
  584.                                <p><time datetime="2023-01-03">3 Jan 2023</time> –
  585.                                    7 min read</p>
  586.                            </div>
  587.                        </li>
  588.                        <li>
  589.                            <h4><a href="/blog/where-to-play-pictionary-with-your-team/">Where to Play Pictionary Online with your Team</a></h4>
  590.                            <div class="read-next-card-meta">
  591.                                <p><time datetime="2022-05-04">4 May 2022</time> –
  592.                                    5 min read</p>
  593.                            </div>
  594.                        </li>
  595.                    </ul>
  596.                </div>
  597.                <footer class="read-next-card-footer">
  598.                    <a href="/tag/team-building/">See all 12 posts
  599.                        →</a>
  600.                </footer>
  601.            </article>
  602.  
  603.                <article class="post-card post ">
  604.  
  605.    <a class="post-card-image-link" href="/blog/what-is-online-escape-room-and-how-to-play-it/">
  606.        <img class="post-card-image"
  607.            srcset="/content/images/size/w300/2021/06/3.jpg 300w,
  608.                    /content/images/size/w600/2021/06/3.jpg 600w,
  609.                    /content/images/size/w1000/2021/06/3.jpg 1000w,
  610.                    /content/images/size/w2000/2021/06/3.jpg 2000w"
  611.            sizes="(max-width: 1000px) 400px, 700px"
  612.            loading="lazy"
  613.            src="/content/images/size/w600/2021/06/3.jpg"
  614.            alt="What is Online Escape Room and How to play it?"
  615.        />
  616.    </a>
  617.  
  618.    <div class="post-card-content">
  619.  
  620.        <a class="post-card-content-link" href="/blog/what-is-online-escape-room-and-how-to-play-it/">
  621.  
  622.            <header class="post-card-header">
  623.                <h2 class="post-card-title">What is Online Escape Room and How to play it?</h2>
  624.            </header>
  625.  
  626.            <section class="post-card-excerpt">
  627.                    <p>Over the past years, online escape rooms have become an increasingly popular
  628. pastime for many people. This entertaining game has a group of people gather in
  629. a locked room designed</p>
  630.            </section>
  631.  
  632.        </a>
  633.  
  634.        <footer class="post-card-meta">
  635.            <div class="post-card-byline-content">
  636.                <span class="post-card-byline-date"><time datetime="2021-06-13">13 Jun 2021</time> <span class="bull">&bull;</span> 5 min read</span>
  637.            </div>
  638.        </footer>
  639.  
  640.    </div>
  641.  
  642. </article>
  643.  
  644.            
  645.                <article class="post-card post ">
  646.  
  647.    <a class="post-card-image-link" href="/blog/the-best-online-trivia-games-to-play-with-your-remote-team/">
  648.        <img class="post-card-image"
  649.            srcset="/content/images/size/w300/2021/06/1.jpg 300w,
  650.                    /content/images/size/w600/2021/06/1.jpg 600w,
  651.                    /content/images/size/w1000/2021/06/1.jpg 1000w,
  652.                    /content/images/size/w2000/2021/06/1.jpg 2000w"
  653.            sizes="(max-width: 1000px) 400px, 700px"
  654.            loading="lazy"
  655.            src="/content/images/size/w600/2021/06/1.jpg"
  656.            alt="The Best Online Trivia Games to Play With Your Remote Team"
  657.        />
  658.    </a>
  659.  
  660.    <div class="post-card-content">
  661.  
  662.        <a class="post-card-content-link" href="/blog/the-best-online-trivia-games-to-play-with-your-remote-team/">
  663.  
  664.            <header class="post-card-header">
  665.                <h2 class="post-card-title">The Best Online Trivia Games to Play With Your Remote Team</h2>
  666.            </header>
  667.  
  668.            <section class="post-card-excerpt">
  669.                    <p>Creative remote managers are coming up with all sorts of ways to encourage their
  670. remote employees to collaborate, develop trust, increase productivity, and
  671. create a sense of identity as a</p>
  672.            </section>
  673.  
  674.        </a>
  675.  
  676.        <footer class="post-card-meta">
  677.            <div class="post-card-byline-content">
  678.                <span class="post-card-byline-date"><time datetime="2021-06-13">13 Jun 2021</time> <span class="bull">&bull;</span> 5 min read</span>
  679.            </div>
  680.        </footer>
  681.  
  682.    </div>
  683.  
  684. </article>
  685.        </div>
  686.    </div>
  687. </aside>
  688. <script>
  689.    initAmplitude();
  690.    amplitudeEvent("visitedBlog", {
  691.        title: `Looking for a Jackbox Alternative? Here are Some of Your Options`,
  692.        eventTime: new Date(Date.now()).toISOString(),
  693.        url: location.pathname,
  694.    });
  695. </script>
  696. <script>
  697.    document.addEventListener("copy", (event) => {
  698.        let tagline = '\n\n';
  699.        if (`Team Building` === 'Remote Work Tips') {
  700.            tagline += 'For more team building activities, visit https://Brightful.me';
  701.        } else {
  702.            switch (`Icebreaker Games`) {
  703.                case 'Trivia': {
  704.                    tagline += 'Visit https://Brightful.me for more fun trivia!';
  705.                    break;
  706.                }
  707.                case 'Questions': {
  708.                    tagline += 'Visit https://Brightful.me for the best conversation questions.';
  709.                    break;
  710.                }
  711.                case 'Would You Rather': {
  712.                    tagline += 'For more funny and interesting Would You Rather questions, visit https://Brightful.me';
  713.                    break;
  714.                }
  715.                case 'Games': {
  716.                    tagline += 'Visit https://Brightful.me for more fun and exciting games.';
  717.                    break;
  718.                }
  719.                case 'Draw': {
  720.                    tagline += 'Visit https://Brightful.me to find more fun things to draw!';
  721.                    break;
  722.                }
  723.            }
  724.        }
  725.        amplitudeEvent("copiedTextInBlog", {
  726.            payload: `${document.getSelection()}`,
  727.            url: location.pathname,
  728.            eventTime: new Date(Date.now()).toISOString(),
  729.        });
  730.        event.clipboardData.setData("text", document.getSelection() + tagline);
  731.        event.preventDefault();
  732.    });
  733. </script>
  734. <script>
  735.    let isTriviaBlog = false;
  736.    let isWYRBlog = false;
  737.    function popupClicked() {
  738.        amplitudeEvent("popupClicked", {
  739.            url: location.pathname,
  740.            tag: isTriviaBlog ? 'Trivia' : 'Would You Rather',
  741.            eventTime: new Date(Date.now()).toISOString(),
  742.        });
  743.    }
  744.    function popupClose() {
  745.        if (isTriviaBlog) $('#trivia-popup').fadeOut();
  746.        if (isWYRBlog) $('#wyr-popup').fadeOut();
  747.        if (typeof(Storage) !== 'undefined') {
  748.            var attempts = localStorage.getItem("popup-count");
  749.            localStorage.setItem("popup-count", ++attempts);
  750.        } else {
  751.            localStorage.setItem('popup-count', 1);
  752.        }
  753.        $('#trivia-popup').remove();
  754.        $('#wyr-popup').remove();
  755.    }
  756.    $(document).ready(function () {
  757.        const allTags = [];
  758.        const tag1 = `Team Building`;
  759.        const tag2 = `Icebreaker Games`;
  760.        const tag3 = ``;
  761.        const tag4 = ``;
  762.        const questionAudio = new Audio("https://www.brightful.me/assets/play/audio/QuestionsAppear.mp3?v=ec7b48ed3a");
  763.        if (tag1 != '') allTags.push(tag1);
  764.        if (tag2 != '') allTags.push(tag2);
  765.        if (tag3 != '') allTags.push(tag3);
  766.        if (tag4 != '') allTags.push(tag4);
  767.        isTriviaBlog = tag1 === 'Trivia' || tag2 === 'Trivia' || tag3 === 'Trivia' || tag4 === 'Trivia';
  768.        isWYRBlog = tag1 === 'Would You Rather' || tag2 === 'Would You Rather' || tag3 === 'Would You Rather' || tag4 === 'Would You Rather';
  769.        if (isTriviaBlog || isWYRBlog) {
  770.            let attempts = localStorage.getItem("popup-count");
  771.            setTimeout(function() {
  772.                if (isTriviaBlog) {
  773.                    $('#trivia-popup').fadeIn();
  774.                    questionAudio.play();
  775.                }
  776.                if (isWYRBlog) {
  777.                    $('#wyr-popup').fadeIn();
  778.                    questionAudio.play();
  779.                }
  780.                if (attempts < 2) {
  781.                    amplitudeEvent("popupDisplayed", {
  782.                        url: location.pathname,
  783.                        tag: allTags.join(', '),
  784.                        eventTime: new Date(Date.now()).toISOString(),
  785.                    });
  786.                }
  787.            }, 30000);
  788.            if (attempts > 1) {
  789.                $('#trivia-popup').remove();
  790.                $('#wyr-popup').remove();
  791.            }
  792.            $("html").bind("mouseleave", function () {
  793.                setTimeout(function() {
  794.                    if (isTriviaBlog) {
  795.                        $('#trivia-popup').fadeIn();
  796.                        questionAudio.play();
  797.                    }
  798.                    if (isWYRBlog) {
  799.                        $('#wyr-popup').fadeIn();
  800.                        questionAudio.play();
  801.                    }
  802.                    amplitudeEvent("popupDisplayed", {
  803.                        url: location.pathname,
  804.                        tag: allTags.join(', '),
  805.                        eventTime: new Date(Date.now()).toISOString(),
  806.                    });
  807.                }, 300);
  808.                $("html").unbind("mouseleave");
  809.            });
  810.        }
  811.        // Trivia popup scripts
  812.        if (isTriviaBlog) {
  813.            let btnOptions = $('.popup-ans-list li button');
  814.            let correctResult = 'James Cameron';
  815.            let correctOption;
  816.            btnOptions.each(function() {
  817.                let $this = $(this);
  818.                let thisVal = $this.text();
  819.                if (correctResult === thisVal){
  820.                    correctOption = $this.parent().index();
  821.                }
  822.            });
  823.            btnOptions.click(function() {
  824.                let $this = $(this);
  825.                let thisVal = $this.text();
  826.                setTimeout(function(e) {
  827.                    if (correctResult === thisVal){
  828.                        $this.parent().addClass('correct');
  829.                    } else {
  830.                        $this.parent().addClass('wrong');
  831.                        btnOptions.parent().eq(correctOption).addClass('correct');
  832.                    }
  833.                }, 1000);
  834.                setTimeout(function() {
  835.                    $('.popup-wrap').addClass('hide');
  836.                    $('.congrass-option').addClass('show');
  837.                },2000);
  838.            });
  839.        }
  840.        // WYR popup scripts
  841.        if (isWYRBlog) {
  842.            setTimeout(function(){
  843.                $('.raither-option-one').click(function() {
  844.                    $('.reather-step-one, .reather-step-three').addClass('none');
  845.                    $('.reather-step-two').addClass('show');
  846.                });
  847.            }, 1000);
  848.            setTimeout(function(){
  849.                $('.raither-option-two').click(function() {
  850.                    $('.reather-step-one, .reather-step-two').addClass('none');
  851.                    $('.reather-step-three').addClass('show');
  852.                });
  853.            }, 1000);
  854.        }
  855.    });
  856. </script>
  857. <script>
  858.    const players = Array.from(
  859.        document.querySelectorAll('.plyr__video-embed')).map(p => new Plyr(p, {})
  860.    );
  861. </script>
  862.  
  863.  
  864.  
  865.        <footer class="site-footer outer brightful-bg">
  866.            <div class="site-footer-content inner">
  867.                <section class="copyright"><a href="https://www.brightful.me">Connect in a more meaningful way</a> &copy; 2024</section>
  868.                <nav class="site-footer-nav">
  869.                    <a href="https://www.brightful.me/blog/">Latest Posts</a>
  870.                    
  871.                    <a href="https://twitter.com/brightfulhq" target="_blank" rel="noopener">Twitter</a>
  872.                </nav>
  873.            </div>
  874.        </footer>
  875.  
  876.    </div>
  877.  
  878.    <div class="subscribe-success-message">
  879.        <a class="subscribe-close" href="javascript:;"></a>
  880.        You've successfully subscribed to Connect in a more meaningful way!
  881.    </div>
  882.  
  883.    <div id="subscribe" class="subscribe-overlay">
  884.        <a class="subscribe-close-overlay" href="#"></a>
  885.        <a class="subscribe-close-button" href="#"></a>
  886.        <div class="subscribe-overlay-content">
  887.            <div class="subscribe-form">
  888.                <h1 class="subscribe-overlay-title">Subscribe to Connect in a more meaningful way</h1>
  889.                <p class="subscribe-overlay-description">Stay up to date! Get all the latest & greatest posts delivered straight to your inbox</p>
  890.                <form data-members-form="subscribe">
  891.                    <div class="form-group">
  892.                        <input class="subscribe-email" data-members-email placeholder="youremail@example.com"
  893.                            autocomplete="false" />
  894.                        <button class="button primary" type="submit">
  895.                            <span class="button-content">Subscribe</span>
  896.                            <span class="button-loader"><svg version="1.1" id="loader-1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px"
  897.    y="0px" width="40px" height="40px" viewBox="0 0 40 40" enable-background="new 0 0 40 40" xml:space="preserve">
  898.    <path opacity="0.2" fill="#000" d="M20.201,5.169c-8.254,0-14.946,6.692-14.946,14.946c0,8.255,6.692,14.946,14.946,14.946
  899. s14.946-6.691,14.946-14.946C35.146,11.861,28.455,5.169,20.201,5.169z M20.201,31.749c-6.425,0-11.634-5.208-11.634-11.634
  900. c0-6.425,5.209-11.634,11.634-11.634c6.425,0,11.633,5.209,11.633,11.634C31.834,26.541,26.626,31.749,20.201,31.749z" />
  901.    <path fill="#000" d="M26.013,10.047l1.654-2.866c-2.198-1.272-4.743-2.012-7.466-2.012h0v3.312h0
  902. C22.32,8.481,24.301,9.057,26.013,10.047z">
  903.        <animateTransform attributeType="xml" attributeName="transform" type="rotate" from="0 20 20" to="360 20 20"
  904.            dur="0.5s" repeatCount="indefinite" />
  905.    </path>
  906. </svg></span>
  907.                        </button>
  908.                    </div>
  909.                    <div class="message-success">
  910.                        <strong>Great!</strong> Check your inbox and click the link to confirm your subscription.
  911.                    </div>
  912.                    <div class="message-error">
  913.                        Please enter a valid email address!
  914.                    </div>
  915.                </form>
  916.            </div>
  917.        </div>
  918.    </div>
  919.  
  920. <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
  921.    <script src="https://www.brightful.me/assets/built/sticky-sidebar.js?v=ec7b48ed3a"></script>
  922.    <script src="https://www.brightful.me/assets/built/casper.js?v=ec7b48ed3a"></script>
  923.  
  924.    <script>
  925.        // Give the parameter a variable name
  926.        var action = getParameterByName('action');
  927.  
  928.        $(document).ready(function () {
  929.            if (action == 'subscribe') {
  930.                $('body').addClass("subscribe-success");
  931.            }
  932.  
  933.            $('.subscribe-success-message .subscribe-close').click(function () {
  934.                $('.subscribe-success-message').addClass('close');
  935.            });
  936.  
  937.            // Reset form on opening subscrion overlay
  938.            $('.subscribe-button').click(function() {
  939.                $('.subscribe-overlay form').removeClass();
  940.                $('.subscribe-email').val('');
  941.            });
  942.  
  943.        });
  944.    </script>
  945.  
  946.    <script>
  947.    function showHowItWorksTagsBlog() {
  948.        if ($(window).height() < 840) {
  949.            $('.sidebar-trusted-by-teams-worldwide').hide();
  950.        } else {
  951.            $('.sidebar-trusted-by-teams-worldwide').show();
  952.        }
  953.    }
  954.    $(document).ready(function () {
  955.        // FitVids - start
  956.        var $postContent = $(".post-full-content");
  957.        $postContent.fitVids();
  958.        // FitVids - end
  959.  
  960.        $('.sidebar').StickySidebar({
  961.            additionalMarginTop: 70
  962.        });
  963.  
  964.        $(window).resize(() =>  showHowItWorksTagsBlog());
  965.  
  966.        showHowItWorksTagsBlog();
  967.  
  968.        // Replace nav with title on scroll - start
  969.        Casper.stickyNavTitle({
  970.            navSelector: '.site-nav-main',
  971.            titleSelector: '.post-full-title',
  972.            activeClass: 'nav-post-title-active'
  973.        });
  974.        // Replace nav with title on scroll - end
  975.  
  976.        // Hover on avatar
  977.        var hoverTimeout;
  978.        $('.author-list-item').hover(function () {
  979.            var $this = $(this);
  980.  
  981.            clearTimeout(hoverTimeout);
  982.  
  983.            $('.author-card').removeClass('hovered');
  984.            $(this).children('.author-card').addClass('hovered');
  985.  
  986.        }, function () {
  987.            var $this = $(this);
  988.  
  989.            hoverTimeout = setTimeout(function () {
  990.                $this.children('.author-card').removeClass('hovered');
  991.            }, 800);
  992.        });
  993.    });
  994. </script>
  995.  
  996.  
  997.    
  998.  
  999. </body>
  1000. </html>
  1001.  

Home · About · News · Docs · Terms

 
Copyright © 2002-9 Sam Ruby, Mark Pilgrim, Joseph Walton, and Phil Ringnalda