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/best-online-pictionary-games-to-play-with-remote-workers/

  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>Best online pictionary games to play with remote workers</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=01cda93034" />
  12.  
  13.    <meta name="description" content="Pictionary is an excellent pastime for everyone to enjoy. It provides the opportunity to have everyone flex their drawing skills and stirs up some laughter from everyone involved.">
  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/best-online-pictionary-games-to-play-with-remote-workers/">
  16.    <meta name="referrer" content="no-referrer-when-downgrade">
  17.    <link rel="amphtml" href="https://www.brightful.me/blog/best-online-pictionary-games-to-play-with-remote-workers/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="Best online pictionary games to play with remote workers">
  22.    <meta property="og:description" content="Pictionary is an excellent pastime for everyone to enjoy. It provides the opportunity to have everyone flex their drawing skills and stirs up some laughter from everyone involved.">
  23.    <meta property="og:url" content="https://www.brightful.me/blog/best-online-pictionary-games-to-play-with-remote-workers/">
  24.    <meta property="og:image" content="https://www.brightful.me/content/images/size/w1200/2021/06/1-2.jpg">
  25.    <meta property="article:published_time" content="2021-06-26T13:08:41.000Z">
  26.    <meta property="article:modified_time" content="2021-10-01T02:41:51.000Z">
  27.    <meta property="article:tag" content="Remote Work Tips">
  28.    <meta property="article:tag" content="Draw">
  29.    
  30.    <meta name="twitter:card" content="summary_large_image">
  31.    <meta name="twitter:title" content="Best online pictionary games to play with remote workers">
  32.    <meta name="twitter:description" content="Pictionary is an excellent pastime for everyone to enjoy. It provides the opportunity to have everyone flex their drawing skills and stirs up some laughter from everyone involved.">
  33.    <meta name="twitter:url" content="https://www.brightful.me/blog/best-online-pictionary-games-to-play-with-remote-workers/">
  34.    <meta name="twitter:image" content="https://www.brightful.me/content/images/size/w1200/2021/06/1-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="Remote Work Tips, Draw">
  39.    <meta name="twitter:site" content="@brightfulhq">
  40.    <meta property="og:image:width" content="1200">
  41.    <meta property="og:image:height" content="674">
  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": "Best online pictionary games to play with remote workers",
  71.    "url": "https://www.brightful.me/blog/best-online-pictionary-games-to-play-with-remote-workers/",
  72.    "datePublished": "2021-06-26T13:08:41.000Z",
  73.    "dateModified": "2021-10-01T02:41:51.000Z",
  74.    "image": {
  75.        "@type": "ImageObject",
  76.        "url": "https://www.brightful.me/content/images/size/w1200/2021/06/1-2.jpg",
  77.        "width": 1200,
  78.        "height": 674
  79.    },
  80.    "keywords": "Remote Work Tips, Draw",
  81.    "description": "Pictionary is an excellent pastime for everyone to enjoy. It provides the\nopportunity to have everyone flex their drawing skills and stirs up some\nlaughter from everyone involved. Plus, it allows you to get a glimpse and the\nimaginations and creativity of your fellow peers. Pictionary\n[https://www.brightful.me/blog/how-to-play-pictionary/]is a timeless classic\nthat has provided people with an endless amount of entertainment. The basics for\nthis game are simple, one player draws something on the ",
  82.    "mainEntityOfPage": "https://www.brightful.me/blog/best-online-pictionary-games-to-play-with-remote-workers/"
  83. }
  84.    </script>
  85.  
  86.    <meta name="generator" content="Ghost 5.101">
  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.46/umd/portal.min.js" data-i18n="true" data-ghost="https://www.brightful.me/" data-key="506ed75d49bc660befdedacbea" data-api="https://alvinhung.ghost.io/ghost/api/content/" data-locale="en" 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.5/umd/sodo-search.min.js" data-key="506ed75d49bc660befdedacbea" data-styles="https://cdn.jsdelivr.net/ghost/sodo-search@~1.5/umd/main.css" data-sodo-search="https://alvinhung.ghost.io/" data-locale="en" crossorigin="anonymous"></script>
  153.    
  154.    <link href="https://www.brightful.me/webmentions/receive/" rel="webmention">
  155.    <script defer src="/public/cards.min.js?v=01cda93034"></script>
  156.    <link rel="stylesheet" type="text/css" href="/public/cards.min.css?v=01cda93034">
  157.    <script defer src="/public/member-attribution.min.js?v=01cda93034"></script><style>:root {--ghost-accent-color: #15171A;}</style>
  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 -->
  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=01cda93034"></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-remote-work-tips tag-draw">
  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=01cda93034" />
  220.    <link rel="stylesheet" type="text/css" href="https://www.brightful.me/assets/random-question-generator-2/styles.css?v=01cda93034" />
  221.    <link rel="stylesheet" type="text/css" href="https://www.brightful.me/assets/random-noun-generator/styles.css?v=01cda93034" />
  222.    <link rel="stylesheet" type="text/css" href="https://www.brightful.me/assets/random-trivia-generator/styles.css?v=01cda93034" />
  223.    <link rel="stylesheet" type="text/css" href="https://www.brightful.me/assets/random-pictionary-christmas-generator/styles.css?v=01cda93034" />
  224.    <link rel="stylesheet" type="text/css" href="https://www.brightful.me/assets/built/popup.css?v=01cda93034" />
  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=01cda93034" 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=01cda93034"></script>
  268. <script src="https://www.brightful.me/assets/random-question-generator-2/script.js?v=01cda93034"></script>
  269. <script src="https://www.brightful.me/assets/random-noun-generator/script.js?v=01cda93034"></script>
  270. <script src="https://www.brightful.me/assets/random-trivia-generator/script.js?v=01cda93034"></script>
  271. <script src="https://www.brightful.me/assets/random-pictionary-christmas-generator/script.js?v=01cda93034"></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-remote-work-tips tag-draw "></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/remote-work-tips/">Remote Work Tips</a>
  282.                        </section>
  283.                        <h1 class="post-full-title">Best online pictionary games to play with remote workers</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-26">26 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/1-2.jpg 300w,
  299.                                    /content/images/size/w600/2021/06/1-2.jpg 600w,
  300.                                    /content/images/size/w1000/2021/06/1-2.jpg 1000w,
  301.                                    /content/images/size/w2000/2021/06/1-2.jpg 2000w" sizes="(max-width: 800px) 400px,
  302.                                (max-width: 1170px) 1170px,
  303.                                    2000px" src="/content/images/size/w2000/2021/06/1-2.jpg" alt="Best online pictionary games to play with remote workers" />
  304.                    </figure>
  305.                    <section class="post-full-content control-full-w-image">
  306.                        <div class="post-content">
  307.                            <p>Pictionary is an excellent pastime for everyone to enjoy. It provides the opportunity to have everyone flex their drawing skills and stirs up some laughter from everyone involved. Plus, it allows you to get a glimpse and the imaginations and creativity of your fellow peers. <a href="https://www.brightful.me/blog/how-to-play-pictionary/">Pictionary </a>is a timeless classic that has provided people with an endless amount of entertainment. The basics for this game are simple, one player draws something on the screen, and the other players need to guess what it is. The player or team that guesses the most will be the victor at the end of the session.<br></p><p>For this post, we are going to provide some of the best Pictionary games to play with your remote workers. <br></p><figure class="kg-card kg-image-card"><img src="https://www.brightful.me/content/images/2021/06/image-27.png" class="kg-image" alt loading="lazy" width="1280" height="720" srcset="https://www.brightful.me/content/images/size/w600/2021/06/image-27.png 600w, https://www.brightful.me/content/images/size/w1000/2021/06/image-27.png 1000w, https://www.brightful.me/content/images/2021/06/image-27.png 1280w" sizes="(min-width: 720px) 720px"></figure><h2 id="brightful"><strong><a href="https://now.brightful.me/draw-it?ref=brightful.me">Brightful</a></strong></h2><p>Brightful provides its users with two types of drawing games to choose from: <a href="https://now.brightful.me/draw-it?ref=brightful.me">“Draw It’ </a>and “Draw &amp; Tell”. Draw It is a fast-paced guessing game that has the players push their artistic skills to the limit. Each player will take a turn drawing a world while everyone else attempts to guess what the <a href="https://www.brightful.me/blog/best-pictionary-word-ideas/">word</a> is. The quicker someone manages to guess the answer correctly, the more points they will accumulate. Draw &amp; Tell is a far more casual game compared to the previous one. The players merely draw something inspired from the prompt and express their artistic creativity. Once everyone has finished drawing, they share it and explain their drawing. <br></p><p>Brightful has a sizable list of categories the players can choose from, such as NBA teams, sports you’ve played, a list of pokemon, imagination, childhood, and so forth. The platform allows you to create custom prompts or choose some that were created by others in the Brightful community. <br></p><h2 id="skribblio"><a href="https://skribbl.io/?ref=brightful.me"><strong>Skribbl.io</strong></a></h2><p>Skirbl.io provides you a Drawing and multiplayer experience that can be played on your browser. The game grants you some simple gameplay, in which the players need to show off their drawing skills while having the other players attempt to guess what the player has drawn. It also comes in with a built-in group chat so everyone can collectively laugh about the hilariously drawn items together. <br></p><p>Users are not required to sign up to play on Skribbl. The only thing you need to do is start a game, input your nickname, choose a language, and hit the play button to start the game session. It also allows you to create private rooms where you can invite up to 12 people. The invitation process is quite simple, you need to share the link with the other players, and they can quickly join you by clicking on the link. Before you begin the game, you can change the appearance of your characters to suit your taste. <br><br></p><h2 id="drawize"><a href="https://www.drawize.com/?ref=brightful.me"><strong>Drawize</strong></a></h2><p>Drawize is another interesting drawing game that allows you to play with your team members online. Everyone on the team will be given a chance to draw one of the pre-selected objects, and the other team needs to guess the drawn item correctly to score points. Drawize also provides several different playable characters, each one having a unique appearance. <br></p><p>There are five types of modes you can choose from, such as Play with Friends, Play Online, Daily challenge, and so forth. Each of those modes comes with a unique set of gameplay and challenges you to get the most points. You can also choose from several brushes, such as paint buckets, brushes, pens, and spray. If you want to start a private session, select the Play with Friends to make a private room and share the link with your coworkers. <br></p><h2 id="sketchfulio"><a href="https://sketchful.io/?ref=brightful.me"><strong>Sketchful.io</strong></a></h2><p>Sketchful.io is another Pictionary-like browser game that you can play with your remote team members. The game shares some similarities with the others, in which players need to acquire the most points to be the top player. Sketchful features some exceptional controls that allow you to press the F button to fill in the screen and B to select the brush. <br></p><p>Sketchful allows you to click on a player's profile to see their stats. When the game starts, you need to choose a word and use the tool to draw the object. Whoever manages to guess first gets rewarded with the most points. The platform also includes features like 2D graphics, brilliant mechanics, and precise controls. You can even customize your characters on the startup screen. <br></p><h2 id="garticio"><a href="https://gartic.io/?ref=brightful.me"><strong>Gartic.io</strong></a></h2><p>Gratic.io is a great platform that allows you to draw all sorts of wacky items. The platform provides you with several tools for creating pictures, funny images, and multiple drawings. While gratic.io is a web-based platform, it does have an iOS and Android application, providing its players with several ways to remain connected and enjoy a drawing session. The smooth interface allows the user to draw something in the background with barely any hassle. The platform also has many avatars you can choose from and several ways to log onto the platform.<br></p><h2 id="drawasaurus"><a href="https://www.drawasaurus.org/?ref=brightful.me"><strong>Drawasaurus</strong></a></h2><p>Drawasaurus is another excellent platform that provides you with a great way to start a virtual Pictionary session. One person needs to draw, and the rest of the players needs to guess what they are drawing. The platform is capable of creating private rooms that can hold over 16 players at a time, which is excellent for larger remote teams.  Aside from your browser, you can also access Drawasaurus through tablet and smartphone devices. No sign-up is required, you only need to enter a nickname, and you can get started. Private rooms can be customized to your preferences, such as the number of rounds, word choices, drawing time, round per game, and so forth. You can even enter custom words to make the game suited to the needs of your players. Once you have created the room, all you need to do is send the players the link and get started for an exciting round of online Pictionary. <br></p><h2 id="letsdrawit"><a href="https://letsdraw.it/?ref=brightful.me"><strong>LetsDraw.it</strong></a></h2><p>LetDraw.it comes with several ways for you to play these drawing games. Along with a classic choice for Pictionary, you can choose to start a drawing contest, conduct how-to-draw sessions, and so on. The platform allows you to create theme rooms, or you can choose themes that were created by members of the community. The platform is free to play and only requires you to create a nickname, or you could log in using your Google or Facebook account. LetsDraw.it also has an android app, allowing your team to access it from their phones or tablets. <br></p><h2 id="conclusion"><strong>Conclusion</strong></h2><p>Pictionary is a classic pastime that is guaranteed to bring some smiles and laughter to your group. Drawing has proven to get the creative juices flowing, so consider starting a round of Pictionary. By the end of it, everyone will leave with big smiles on their face and be satisfied with having shown off their artistic skills.</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="sidebar-post-card">
  316.            <div class="sidebar-top" style="background-image:url('https://www.brightful.me/assets/img/sidebar/vector.png?v=01cda93034');">
  317.                <h3 class="s-post-heading">
  318.                    Love
  319.                </h3>
  320.                <span class="color-text">
  321.                    Drawing?
  322.                </span>
  323.                <div class="s-card-image">
  324.                    <img src="https://www.brightful.me/assets/img/sidebar/draw_it.png?v=01cda93034" alt="image">
  325.                </div>
  326.            </div>
  327.            <div class="sidebar-bottom">
  328.                <p class="s-text">
  329.                    Play Pictionary online now with friends for free!
  330.                </p>
  331.                <p class="s-text">
  332.                    Over 10,000 words to draw from play on mobile or desktop
  333.                </p>
  334.                <a href="https://landing.brightful.me/pictionary-online?source=blog-sidebar-draw-it" class="read-more">PLAY PICTIONARY</a>
  335.            </div>
  336.        </div>
  337.  
  338.        <div class="single-sidebar-posts sidebar-trusted-by-teams-worldwide">
  339.            <h5 class="sidebar-heading">
  340.                How it works
  341.            </h5>
  342.            <div class="wrapper">
  343.                <ul class="StepProgress">
  344.                    <li class="StepProgress-item">Sign up in seconds, then pick a game to host.</li>
  345.                    <li class="StepProgress-item">Gather everyone into your virtual conference using your existing meeting tool (eg. Zoom or Skype).
  346.                    </li>
  347.                    <li class="StepProgress-item">Share the invitation with your team and you’re good to go. Enjoy the game!</li>
  348.                </ul>
  349.            </div>
  350.        </div>
  352.  
  353.        <div class="btn-learn-more">
  354.            <a href="https://www.brightful.me/play/?source=blog" target="_blank" class="continue-reading">
  355.                <span>Learn more</span>
  356.                <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>
  357.        </div>
  358.    </div>
  359. </div>            </div>
  360.        </article>
  361.    </div>
  362. </main>
  363.  
  364. <div class="connection-section outer">
  365.    <div class="inner">
  366.        <div class="footer-top-section">
  367.            <div class="inner">
  368.                <div class="discussion-wrapper">
  369.                    <div class="discussion-image">
  370.                        <img src="https://www.brightful.me/assets/home/img/discussion.png?v=01cda93034" alt="discussion image">
  371.                    </div>
  372.                    <div class="discussion-content">
  373.                        <h3 class="discussion-heading">Connect in a more meaningful way</h3>
  374.                        <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>
  375.                        <a class="btn-orange-primary" href="https://www.brightful.me/play/?source=blog">START YOUR TRIAL</a>
  376.                    </div>
  377.                </div>
  378.            </div>
  379.        </div>
  380.    </div>
  381. </div>
  382.  
  383. <div id="trivia-popup" class="popup-section" style="background-image:url(https://www.brightful.me/assets/img/hero/popup-bg.png?v=01cda93034);">
  384.    <div class="popup-close-option" onclick="popupClose()">
  385.        <img src="https://www.brightful.me/assets/img/hero/close-option.png?v=01cda93034" alt="icon">
  386.    </div>
  387.    <div class="popup-wrap shape-parent">
  388.        <div class="shape-line">
  389.           <img src="https://www.brightful.me/assets/img/hero/line-shape.png?v=01cda93034" alt="" class="shape-line-one">
  390.           <img src="https://www.brightful.me/assets/img/hero/line-shape.png?v=01cda93034" alt="" class="shape-line-two">
  391.        </div>
  392.        <div class="popup-wrapper">
  393.            <div class="try-wrap">
  394.                <span>try</span>
  395.                <img src="https://www.brightful.me/assets/img/hero/try-bg.png?v=01cda93034" alt="bg image">
  396.            </div>
  397.            <div class="popup-content-wraper">
  398.                <h3>Give Brightful’s Trivia a go!</h3>
  399.                <div class="popup-trivia-qus-wrap">
  400.                    <h5>When Avengers: Endgame passed Titanic in total box-office, what Titanic director sent Kevin Feige a congratulatory message?</h5>
  401.                    <ul class="popup-ans-list">
  402.                        <li>
  403.                            <button>James Cameron</button>
  404.                        </li>
  405.                        <li>
  406.                            <button>Steven Spielberg</button>
  407.                        </li>
  408.                        <li>
  409.                            <button>Martin Scorsese</button>
  410.                        </li>
  411.                        <li>
  412.                            <button>Leonardo DiCaprio</button>
  413.                        </li>
  414.                    </ul>
  415.                </div>
  416.            </div>
  417.        </div>
  418.    </div>
  419.    <div class="congrass-option popup-wrap">
  420.        <div class="shape-line">
  421.           <img src="https://www.brightful.me/assets/img/hero/line-shape.png?v=01cda93034" alt="" class="shape-line-one">
  422.           <img src="https://www.brightful.me/assets/img/hero/line-shape.png?v=01cda93034" alt="" class="shape-line-two">
  423.           </div>
  424.        <div class="congrass-content">
  425.            <img src="https://www.brightful.me/assets/img/hero/answer.png?v=01cda93034" alt="">
  426.            <div class="ans-options">
  427.                <p>The correct answer is</p>
  428.                <h5>James Cameron</h5>
  429.            </div>
  430.        </div>
  431.        <div class="congrass-ftr" style="background-image:url(https://www.brightful.me/assets/img/hero/congress-ftr.png?v=01cda93034)">
  432.            <h3>Endless Trivia Questions</h3>
  433.            <p>With 1000+ of the best trivia questions categorized in one place, you will never run out of questions again.</p>
  434.            <a href="https://now.brightful.me/trivia" class="btn-orange-primary" onclick="popupClicked()">Try for FREE</a>
  435.        </div>
  436.    </div>
  437.    <div class="popup-shape">
  438.        <img class="popup-ftr-bg" src="https://www.brightful.me/assets/img/hero/popup-ftr-frame.png?v=01cda93034" alt="">
  439.        <img class="popup-ftr-man" src="https://www.brightful.me/assets/img/hero/popup-preson.png?v=01cda93034" alt="">
  440.    </div>
  441. </div>
  442.  
  443. <div id="wyr-popup" class="popup-section" style="background-image:url(https://www.brightful.me/assets/img/hero/popup-bg.png?v=01cda93034);">
  444.    <div class="popup-close-option" onclick="popupClose()">
  445.        <img src="https://www.brightful.me/assets/img/hero/close-option.png?v=01cda93034" alt="icon">
  446.    </div>
  447.    <div class="popup-wrap shape-parent reather-step-one">
  448.       <div class="popup-wrapper">
  449.            <div class="try-wrap">
  450.                <span>try</span>
  451.                <img src="https://www.brightful.me/assets/img/hero/try-bg.png?v=01cda93034" alt="bg image">
  452.            </div>
  453.            <div class="popup-content-wraper raither-content">
  454.                <h3>Give Brightful a go!</h3>
  455.                <div class="raither-img">
  456.                    <img src="https://www.brightful.me/assets/img/hero/reather-img.png?v=01cda93034" alt="">
  457.                </div>
  458.                <div class="popup-wyr-qus-wrap">
  459.                    <h5>Would you rather be</h5>
  460.                    <ul class="raither-popup-ans-list">
  461.                        <li class="raither-option-one">
  462.                            <button>Lebron James / Simone Biles</button>
  463.                        </li>
  464.                        <li class="raither-option-two">
  465.                            <button>Beyonce / Ed Sheeran</button>
  466.                        </li>
  467.                    </ul>
  468.                </div>
  469.            </div>
  470.        </div>
  471.    </div>
  472.    <div class="list-option-one popup-wrap reather-step-two">
  473.        <div class="reather-content">
  474.            <h3>Would you rather be</h3>
  475.            <div class="reather-ans-wrap">
  476.                <div class="reather-ans-vs">
  477.                    <span>VS</span>
  478.                </div>
  479.                <div class="reather-ans-right">
  480.                    <div class="reather-ans-single sky-bg">
  481.                        <p>Lebron James / Simone Biles</p>
  482.                        <h5>1</h5>
  483.                        <div class="reather-ans-overlay">
  484.                            <p>Other players: 63%</p>
  485.                        </div>
  486.                    </div>
  487.                    <div class="pro-status">
  488.                        <p>You</p>
  489.                    </div>
  490.                </div>
  491.                <div class="reather-ans-single paste-bg">
  492.                    <p>Beyonce / Ed Sheeran</p>
  493.                    <h5>0</h5>
  494.                    <div class="reather-ans-overlay">
  495.                        <p>Other players: 37%</p>
  496.                    </div>
  497.                </div>
  498.            </div>
  499.        </div>
  500.        <div class="congrass-ftr reather-ftr" style="background-image:url(https://www.brightful.me/assets/img/hero/congress-ftr.png?v=01cda93034)">
  501.            <h3>Would You Rather Questions</h3>
  502.            <p>Find 1000+ of the quirkiest, funniest, and most interesting Would You Rather questions all in one place.</p>
  503.            <a href="https://now.brightful.me/would-you-rather" class="btn-orange-primary">Try for FREE</a>
  504.        </div>
  505.    </div>
  506.    <div class="list-option-one popup-wrap reather-step-three">
  507.        <div class="reather-content">
  508.            <h3>Would you rather be</h3>
  509.            <div class="reather-ans-wrap">
  510.                <div class="reather-ans-vs">
  511.                    <span>VS</span>
  512.                </div>
  513.                <div class="reather-ans-single sky-bg">
  514.                    <p>Lebron James / Simone Biles</p>
  515.                    <h5>0</h5>
  516.                    <div class="reather-ans-overlay">
  517.                        <p>Other players: 63%</p>
  518.                    </div>
  519.                </div>
  520.                <div class="reather-ans-right">
  521.                    <div class="reather-ans-single paste-bg">
  522.                        <p>Beyonce / Ed Sheeran</p>
  523.                        <h5>1</h5>
  524.                        <div class="reather-ans-overlay">
  525.                            <p>Other players: 37%</p>
  526.                        </div>
  527.                    </div>
  528.                    <div class="pro-status">
  529.                        <p>You</p>
  530.                    </div>
  531.                </div>
  532.                
  533.            </div>
  534.        </div>
  535.        <div class="congrass-ftr reather-ftr" style="background-image:url(https://www.brightful.me/assets/img/hero/congress-ftr.png?v=01cda93034)">
  536.            <h3>Would You Rather Questions</h3>
  537.            <p>Find 1000+ of the quirkiest, funniest, and most interesting Would You Rather questions all in one place.</p>
  538.            <a href="https://now.brightful.me/would-you-rather" class="btn-orange-primary" onclick="popupClicked()">Try for FREE</a>
  539.        </div>
  540.    </div>
  541.    <div class="popup-shape">
  542.        <img class="popup-ftr-bg" src="https://www.brightful.me/assets/img/hero/popup-ftr-frame.png?v=01cda93034" alt="">
  543.        <img class="popup-ftr-man" src="https://www.brightful.me/assets/img/hero/popup-preson.png?v=01cda93034" alt="">
  544.    </div>
  545. </div>
  546.  
  547. <aside class="read-next outer brightful-dark-bg">
  548.    <div class="inner">
  549.        <div class="read-next-feed">
  550.            <article class="read-next-card">
  551.                <header class="read-next-card-header">
  552.                    <h3><span>More in</span> <a href="/tag/remote-work-tips/">Remote Work Tips</a></h3>
  553.                </header>
  554.                <div class="read-next-card-content">
  555.                    <ul>
  556.                        <li>
  557.                            <h4><a href="/blog/what-employees-really-think-about-the-hybrid-work-model/">What Employees Really Think About The Hybrid Work Model</a></h4>
  558.                            <div class="read-next-card-meta">
  559.                                <p><time datetime="2021-09-15">15 Sep 2021</time> –
  560.                                    6 min read</p>
  561.                            </div>
  562.                        </li>
  563.                        <li>
  564.                            <h4><a href="/blog/how-can-i-monitor-employees-that-work-remotely/">How Can I Monitor Employees That Work Remotely?</a></h4>
  565.                            <div class="read-next-card-meta">
  566.                                <p><time datetime="2021-09-13">13 Sep 2021</time> –
  567.                                    6 min read</p>
  568.                            </div>
  569.                        </li>
  570.                        <li>
  571.                            <h4><a href="/blog/how-to-close-the-distance-between-employees-in-a-remote-work-environment/">How to Close The Distance Between Employees in a Remote Work Environment</a></h4>
  572.                            <div class="read-next-card-meta">
  573.                                <p><time datetime="2021-09-10">10 Sep 2021</time> –
  574.                                    6 min read</p>
  575.                            </div>
  576.                        </li>
  577.                    </ul>
  578.                </div>
  579.                <footer class="read-next-card-footer">
  580.                    <a href="/tag/remote-work-tips/">See all 90 posts
  581.                        →</a>
  582.                </footer>
  583.            </article>
  584.  
  585.                <article class="post-card post ">
  586.  
  587.    <a class="post-card-image-link" href="/blog/how-to-support-the-mental-health-of-remote-workers/">
  588.        <img class="post-card-image"
  589.            srcset="/content/images/size/w300/2021/08/image-28.png 300w,
  590.                    /content/images/size/w600/2021/08/image-28.png 600w,
  591.                    /content/images/size/w1000/2021/08/image-28.png 1000w,
  592.                    /content/images/size/w2000/2021/08/image-28.png 2000w"
  593.            sizes="(max-width: 1000px) 400px, 700px"
  594.            loading="lazy"
  595.            src="/content/images/size/w600/2021/08/image-28.png"
  596.            alt="How to support the mental health of remote workers"
  597.        />
  598.    </a>
  599.  
  600.    <div class="post-card-content">
  601.  
  602.        <a class="post-card-content-link" href="/blog/how-to-support-the-mental-health-of-remote-workers/">
  603.  
  604.            <header class="post-card-header">
  605.                <h2 class="post-card-title">How to support the mental health of remote workers</h2>
  606.            </header>
  607.  
  608.            <section class="post-card-excerpt">
  609.                    <p>One of the many reasons why remote working was steadily growing in popularity
  610. was due to the practical way it supported an employee&#39;s mental health
  611. [https://www.brightful.</p>
  612.            </section>
  613.  
  614.        </a>
  615.  
  616.        <footer class="post-card-meta">
  617.            <div class="post-card-byline-content">
  618.                <span class="post-card-byline-date"><time datetime="2021-07-26">26 Jul 2021</time> <span class="bull">&bull;</span> 6 min read</span>
  619.            </div>
  620.        </footer>
  621.  
  622.    </div>
  623.  
  624. </article>
  625.  
  626.            
  627.                <article class="post-card post ">
  628.  
  629.    <a class="post-card-image-link" href="/blog/the-best-wellness-program-ideas-for-remote-workers/">
  630.        <img class="post-card-image"
  631.            srcset="/content/images/size/w300/2021/06/2222.jpg 300w,
  632.                    /content/images/size/w600/2021/06/2222.jpg 600w,
  633.                    /content/images/size/w1000/2021/06/2222.jpg 1000w,
  634.                    /content/images/size/w2000/2021/06/2222.jpg 2000w"
  635.            sizes="(max-width: 1000px) 400px, 700px"
  636.            loading="lazy"
  637.            src="/content/images/size/w600/2021/06/2222.jpg"
  638.            alt="The best wellness program ideas for remote workers"
  639.        />
  640.    </a>
  641.  
  642.    <div class="post-card-content">
  643.  
  644.        <a class="post-card-content-link" href="/blog/the-best-wellness-program-ideas-for-remote-workers/">
  645.  
  646.            <header class="post-card-header">
  647.                <h2 class="post-card-title">The best wellness program ideas for remote workers</h2>
  648.            </header>
  649.  
  650.            <section class="post-card-excerpt">
  651.                    <p>Remote work has become a standard practice for many organizations. The pandemic
  652. has managed to accelerate the idea of working from home and has caused many
  653. employees to prefer it</p>
  654.            </section>
  655.  
  656.        </a>
  657.  
  658.        <footer class="post-card-meta">
  659.            <div class="post-card-byline-content">
  660.                <span class="post-card-byline-date"><time datetime="2021-06-18">18 Jun 2021</time> <span class="bull">&bull;</span> 6 min read</span>
  661.            </div>
  662.        </footer>
  663.  
  664.    </div>
  665.  
  666. </article>
  667.        </div>
  668.    </div>
  669. </aside>
  670. <script>
  671.    initAmplitude();
  672.    amplitudeEvent("visitedBlog", {
  673.        title: `Best online pictionary games to play with remote workers`,
  674.        eventTime: new Date(Date.now()).toISOString(),
  675.        url: location.pathname,
  676.    });
  677. </script>
  678. <script>
  679.    document.addEventListener("copy", (event) => {
  680.        let tagline = '\n\n';
  681.        if (`Remote Work Tips` === 'Remote Work Tips') {
  682.            tagline += 'For more team building activities, visit https://Brightful.me';
  683.        } else {
  684.            switch (`Draw`) {
  685.                case 'Trivia': {
  686.                    tagline += 'Visit https://Brightful.me for more fun trivia!';
  687.                    break;
  688.                }
  689.                case 'Questions': {
  690.                    tagline += 'Visit https://Brightful.me for the best conversation questions.';
  691.                    break;
  692.                }
  693.                case 'Would You Rather': {
  694.                    tagline += 'For more funny and interesting Would You Rather questions, visit https://Brightful.me';
  695.                    break;
  696.                }
  697.                case 'Games': {
  698.                    tagline += 'Visit https://Brightful.me for more fun and exciting games.';
  699.                    break;
  700.                }
  701.                case 'Draw': {
  702.                    tagline += 'Visit https://Brightful.me to find more fun things to draw!';
  703.                    break;
  704.                }
  705.            }
  706.        }
  707.        amplitudeEvent("copiedTextInBlog", {
  708.            payload: `${document.getSelection()}`,
  709.            url: location.pathname,
  710.            eventTime: new Date(Date.now()).toISOString(),
  711.        });
  712.        event.clipboardData.setData("text", document.getSelection() + tagline);
  713.        event.preventDefault();
  714.    });
  715. </script>
  716. <script>
  717.    let isTriviaBlog = false;
  718.    let isWYRBlog = false;
  719.    function popupClicked() {
  720.        amplitudeEvent("popupClicked", {
  721.            url: location.pathname,
  722.            tag: isTriviaBlog ? 'Trivia' : 'Would You Rather',
  723.            eventTime: new Date(Date.now()).toISOString(),
  724.        });
  725.    }
  726.    function popupClose() {
  727.        if (isTriviaBlog) $('#trivia-popup').fadeOut();
  728.        if (isWYRBlog) $('#wyr-popup').fadeOut();
  729.        if (typeof(Storage) !== 'undefined') {
  730.            var attempts = localStorage.getItem("popup-count");
  731.            localStorage.setItem("popup-count", ++attempts);
  732.        } else {
  733.            localStorage.setItem('popup-count', 1);
  734.        }
  735.        $('#trivia-popup').remove();
  736.        $('#wyr-popup').remove();
  737.    }
  738.    $(document).ready(function () {
  739.        const allTags = [];
  740.        const tag1 = `Remote Work Tips`;
  741.        const tag2 = `Draw`;
  742.        const tag3 = ``;
  743.        const tag4 = ``;
  744.        const questionAudio = new Audio("https://www.brightful.me/assets/play/audio/QuestionsAppear.mp3?v=01cda93034");
  745.        if (tag1 != '') allTags.push(tag1);
  746.        if (tag2 != '') allTags.push(tag2);
  747.        if (tag3 != '') allTags.push(tag3);
  748.        if (tag4 != '') allTags.push(tag4);
  749.        isTriviaBlog = tag1 === 'Trivia' || tag2 === 'Trivia' || tag3 === 'Trivia' || tag4 === 'Trivia';
  750.        isWYRBlog = tag1 === 'Would You Rather' || tag2 === 'Would You Rather' || tag3 === 'Would You Rather' || tag4 === 'Would You Rather';
  751.        if (isTriviaBlog || isWYRBlog) {
  752.            let attempts = localStorage.getItem("popup-count");
  753.            setTimeout(function() {
  754.                if (isTriviaBlog) {
  755.                    $('#trivia-popup').fadeIn();
  756.                    questionAudio.play();
  757.                }
  758.                if (isWYRBlog) {
  759.                    $('#wyr-popup').fadeIn();
  760.                    questionAudio.play();
  761.                }
  762.                if (attempts < 2) {
  763.                    amplitudeEvent("popupDisplayed", {
  764.                        url: location.pathname,
  765.                        tag: allTags.join(', '),
  766.                        eventTime: new Date(Date.now()).toISOString(),
  767.                    });
  768.                }
  769.            }, 30000);
  770.            if (attempts > 1) {
  771.                $('#trivia-popup').remove();
  772.                $('#wyr-popup').remove();
  773.            }
  774.            $("html").bind("mouseleave", function () {
  775.                setTimeout(function() {
  776.                    if (isTriviaBlog) {
  777.                        $('#trivia-popup').fadeIn();
  778.                        questionAudio.play();
  779.                    }
  780.                    if (isWYRBlog) {
  781.                        $('#wyr-popup').fadeIn();
  782.                        questionAudio.play();
  783.                    }
  784.                    amplitudeEvent("popupDisplayed", {
  785.                        url: location.pathname,
  786.                        tag: allTags.join(', '),
  787.                        eventTime: new Date(Date.now()).toISOString(),
  788.                    });
  789.                }, 300);
  790.                $("html").unbind("mouseleave");
  791.            });
  792.        }
  793.        // Trivia popup scripts
  794.        if (isTriviaBlog) {
  795.            let btnOptions = $('.popup-ans-list li button');
  796.            let correctResult = 'James Cameron';
  797.            let correctOption;
  798.            btnOptions.each(function() {
  799.                let $this = $(this);
  800.                let thisVal = $this.text();
  801.                if (correctResult === thisVal){
  802.                    correctOption = $this.parent().index();
  803.                }
  804.            });
  805.            btnOptions.click(function() {
  806.                let $this = $(this);
  807.                let thisVal = $this.text();
  808.                setTimeout(function(e) {
  809.                    if (correctResult === thisVal){
  810.                        $this.parent().addClass('correct');
  811.                    } else {
  812.                        $this.parent().addClass('wrong');
  813.                        btnOptions.parent().eq(correctOption).addClass('correct');
  814.                    }
  815.                }, 1000);
  816.                setTimeout(function() {
  817.                    $('.popup-wrap').addClass('hide');
  818.                    $('.congrass-option').addClass('show');
  819.                },2000);
  820.            });
  821.        }
  822.        // WYR popup scripts
  823.        if (isWYRBlog) {
  824.            setTimeout(function(){
  825.                $('.raither-option-one').click(function() {
  826.                    $('.reather-step-one, .reather-step-three').addClass('none');
  827.                    $('.reather-step-two').addClass('show');
  828.                });
  829.            }, 1000);
  830.            setTimeout(function(){
  831.                $('.raither-option-two').click(function() {
  832.                    $('.reather-step-one, .reather-step-two').addClass('none');
  833.                    $('.reather-step-three').addClass('show');
  834.                });
  835.            }, 1000);
  836.        }
  837.    });
  838. </script>
  839. <script>
  840.    const players = Array.from(
  841.        document.querySelectorAll('.plyr__video-embed')).map(p => new Plyr(p, {})
  842.    );
  843. </script>
  844.  
  845.  
  846.  
  847.        <footer class="site-footer outer brightful-bg">
  848.            <div class="site-footer-content inner">
  849.                <section class="copyright"><a href="https://www.brightful.me">Connect in a more meaningful way</a> &copy; 2024</section>
  850.                <nav class="site-footer-nav">
  851.                    <a href="https://www.brightful.me/blog/">Latest Posts</a>
  852.                    
  853.                    <a href="https://twitter.com/brightfulhq" target="_blank" rel="noopener">Twitter</a>
  854.                </nav>
  855.            </div>
  856.        </footer>
  857.  
  858.    </div>
  859.  
  860.    <div class="subscribe-success-message">
  861.        <a class="subscribe-close" href="javascript:;"></a>
  862.        You've successfully subscribed to Connect in a more meaningful way!
  863.    </div>
  864.  
  865.    <div id="subscribe" class="subscribe-overlay">
  866.        <a class="subscribe-close-overlay" href="#"></a>
  867.        <a class="subscribe-close-button" href="#"></a>
  868.        <div class="subscribe-overlay-content">
  869.            <div class="subscribe-form">
  870.                <h1 class="subscribe-overlay-title">Subscribe to Connect in a more meaningful way</h1>
  871.                <p class="subscribe-overlay-description">Stay up to date! Get all the latest & greatest posts delivered straight to your inbox</p>
  872.                <form data-members-form="subscribe">
  873.                    <div class="form-group">
  874.                        <input class="subscribe-email" data-members-email placeholder="youremail@example.com"
  875.                            autocomplete="false" />
  876.                        <button class="button primary" type="submit">
  877.                            <span class="button-content">Subscribe</span>
  878.                            <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"
  879.    y="0px" width="40px" height="40px" viewBox="0 0 40 40" enable-background="new 0 0 40 40" xml:space="preserve">
  880.    <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
  881. 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
  882. 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" />
  883.    <path fill="#000" d="M26.013,10.047l1.654-2.866c-2.198-1.272-4.743-2.012-7.466-2.012h0v3.312h0
  884. C22.32,8.481,24.301,9.057,26.013,10.047z">
  885.        <animateTransform attributeType="xml" attributeName="transform" type="rotate" from="0 20 20" to="360 20 20"
  886.            dur="0.5s" repeatCount="indefinite" />
  887.    </path>
  888. </svg></span>
  889.                        </button>
  890.                    </div>
  891.                    <div class="message-success">
  892.                        <strong>Great!</strong> Check your inbox and click the link to confirm your subscription.
  893.                    </div>
  894.                    <div class="message-error">
  895.                        Please enter a valid email address!
  896.                    </div>
  897.                </form>
  898.            </div>
  899.        </div>
  900.    </div>
  901.  
  902. <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
  903.    <script src="https://www.brightful.me/assets/built/sticky-sidebar.js?v=01cda93034"></script>
  904.    <script src="https://www.brightful.me/assets/built/casper.js?v=01cda93034"></script>
  905.  
  906.    <script>
  907.        // Give the parameter a variable name
  908.        var action = getParameterByName('action');
  909.  
  910.        $(document).ready(function () {
  911.            if (action == 'subscribe') {
  912.                $('body').addClass("subscribe-success");
  913.            }
  914.  
  915.            $('.subscribe-success-message .subscribe-close').click(function () {
  916.                $('.subscribe-success-message').addClass('close');
  917.            });
  918.  
  919.            // Reset form on opening subscrion overlay
  920.            $('.subscribe-button').click(function() {
  921.                $('.subscribe-overlay form').removeClass();
  922.                $('.subscribe-email').val('');
  923.            });
  924.  
  925.        });
  926.    </script>
  927.  
  928.    <script>
  929.    function showHowItWorksTagsBlog() {
  930.        if ($(window).height() < 840) {
  931.            $('.sidebar-trusted-by-teams-worldwide').hide();
  932.        } else {
  933.            $('.sidebar-trusted-by-teams-worldwide').show();
  934.        }
  935.    }
  936.    $(document).ready(function () {
  937.        // FitVids - start
  938.        var $postContent = $(".post-full-content");
  939.        $postContent.fitVids();
  940.        // FitVids - end
  941.  
  942.        $('.sidebar').StickySidebar({
  943.            additionalMarginTop: 70
  944.        });
  945.  
  946.        $(window).resize(() =>  showHowItWorksTagsBlog());
  947.  
  948.        showHowItWorksTagsBlog();
  949.  
  950.        // Replace nav with title on scroll - start
  951.        Casper.stickyNavTitle({
  952.            navSelector: '.site-nav-main',
  953.            titleSelector: '.post-full-title',
  954.            activeClass: 'nav-post-title-active'
  955.        });
  956.        // Replace nav with title on scroll - end
  957.  
  958.        // Hover on avatar
  959.        var hoverTimeout;
  960.        $('.author-list-item').hover(function () {
  961.            var $this = $(this);
  962.  
  963.            clearTimeout(hoverTimeout);
  964.  
  965.            $('.author-card').removeClass('hovered');
  966.            $(this).children('.author-card').addClass('hovered');
  967.  
  968.        }, function () {
  969.            var $this = $(this);
  970.  
  971.            hoverTimeout = setTimeout(function () {
  972.                $this.children('.author-card').removeClass('hovered');
  973.            }, 800);
  974.        });
  975.    });
  976. </script>
  977.  
  978.  
  979.    
  980.  
  981. </body>
  982. </html>
  983.  

Home · About · News · Docs · Terms

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