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/371-spooky-pictionary-words-halloween-party-games/

  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>371 Spooky Halloween Pictionary Words - Fun Office Party Games</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=4e645f7369" />
  12.  
  13.    <meta name="description" content="Halloween is a fun time of the year, not just for children but also for adults. After all, who doesn&#x27;t love a bit of dress up and candy?">
  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/371-spooky-pictionary-words-halloween-party-games/">
  16.    <meta name="referrer" content="no-referrer-when-downgrade">
  17.    <link rel="amphtml" href="https://www.brightful.me/blog/371-spooky-pictionary-words-halloween-party-games/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="371 Spooky Halloween Pictionary Words - Fun Office Party Games">
  22.    <meta property="og:description" content="Halloween is a fun time of the year, not just for children but also for adults. After all, who doesn&#x27;t love a bit of dress up and candy?">
  23.    <meta property="og:url" content="https://www.brightful.me/blog/371-spooky-pictionary-words-halloween-party-games/">
  24.    <meta property="og:image" content="https://www.brightful.me/content/images/2021/07/b25lY21zOjk3YzU3ZThlLTM1MjUtNGQ4Ny1hZjM2LTE5YTNmOWE3MmQ4OToyYzRkNzhhMy04MTA1LTQzOGItYjU1ZS1iYTJlZjlhOTQyOWQ-.jpeg">
  25.    <meta property="article:published_time" content="2021-07-06T11:53:07.000Z">
  26.    <meta property="article:modified_time" content="2021-10-01T12:11:31.000Z">
  27.    <meta property="article:tag" content="Draw">
  28.    <meta property="article:tag" content="Icebreaker Games">
  29.    
  30.    <meta name="twitter:card" content="summary_large_image">
  31.    <meta name="twitter:title" content="371 Spooky Halloween Pictionary Words - Fun Office Party Games">
  32.    <meta name="twitter:description" content="Halloween is a fun time of the year, not just for children but also for adults. After all, who doesn&#x27;t love a bit of dress up and candy?">
  33.    <meta name="twitter:url" content="https://www.brightful.me/blog/371-spooky-pictionary-words-halloween-party-games/">
  34.    <meta name="twitter:image" content="https://www.brightful.me/content/images/2021/07/b25lY21zOjk3YzU3ZThlLTM1MjUtNGQ4Ny1hZjM2LTE5YTNmOWE3MmQ4OToyYzRkNzhhMy04MTA1LTQzOGItYjU1ZS1iYTJlZjlhOTQyOWQ-.jpeg">
  35.    <meta name="twitter:label1" content="Written by">
  36.    <meta name="twitter:data1" content="Calvin Cheung">
  37.    <meta name="twitter:label2" content="Filed under">
  38.    <meta name="twitter:data2" content="Draw, Icebreaker Games">
  39.    <meta name="twitter:site" content="@brightfulhq">
  40.    <meta property="og:image:width" content="640">
  41.    <meta property="og:image:height" content="417">
  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": "Calvin Cheung",
  61.        "url": "https://www.brightful.me/404/",
  62.        "sameAs": []
  63.    },
  64.    "headline": "371 Spooky Halloween Pictionary Words - Fun Office Party Games",
  65.    "url": "https://www.brightful.me/blog/371-spooky-pictionary-words-halloween-party-games/",
  66.    "datePublished": "2021-07-06T11:53:07.000Z",
  67.    "dateModified": "2021-10-01T12:11:31.000Z",
  68.    "image": {
  69.        "@type": "ImageObject",
  70.        "url": "https://www.brightful.me/content/images/2021/07/b25lY21zOjk3YzU3ZThlLTM1MjUtNGQ4Ny1hZjM2LTE5YTNmOWE3MmQ4OToyYzRkNzhhMy04MTA1LTQzOGItYjU1ZS1iYTJlZjlhOTQyOWQ-.jpeg",
  71.        "width": 640,
  72.        "height": 417
  73.    },
  74.    "keywords": "Draw, Icebreaker Games",
  75.    "description": "Halloween Office Party Games\nHalloween is a fun time of the year, not just for children but also for adults.\nAfter all, who doesn&#x27;t love a bit of dress up and candy? Although there&#x27;s a\ncertain age limit for trick-or-treating, thankfully there are many ways to get\ninto the Hallowed Eve spirit in your remote office. Continue reading to learn\nmore about one our favourites - Halloween Pictionary. \n\nHow to Play Halloween Pictionary Without a Game board\nThink of all those times you wanted to play a ga",
  76.    "mainEntityOfPage": "https://www.brightful.me/blog/371-spooky-pictionary-words-halloween-party-games/"
  77. }
  78.    </script>
  79.  
  80.    <meta name="generator" content="Ghost 5.82">
  81.    <link rel="alternate" type="application/rss+xml" title="Connect in a more meaningful way" href="">
  82.    <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,
  83. .gh-post-upgrade-cta {
  84.    display: flex;
  85.    flex-direction: column;
  86.    align-items: center;
  87.    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  88.    text-align: center;
  89.    width: 100%;
  90.    color: #ffffff;
  91.    font-size: 16px;
  92. }
  93.  
  94. .gh-post-upgrade-cta-content {
  95.    border-radius: 8px;
  96.    padding: 40px 4vw;
  97. }
  98.  
  99. .gh-post-upgrade-cta h2 {
  100.    color: #ffffff;
  101.    font-size: 28px;
  102.    letter-spacing: -0.2px;
  103.    margin: 0;
  104.    padding: 0;
  105. }
  106.  
  107. .gh-post-upgrade-cta p {
  108.    margin: 20px 0 0;
  109.    padding: 0;
  110. }
  111.  
  112. .gh-post-upgrade-cta small {
  113.    font-size: 16px;
  114.    letter-spacing: -0.2px;
  115. }
  116.  
  117. .gh-post-upgrade-cta a {
  118.    color: #ffffff;
  119.    cursor: pointer;
  120.    font-weight: 500;
  121.    box-shadow: none;
  122.    text-decoration: underline;
  123. }
  124.  
  125. .gh-post-upgrade-cta a:hover {
  126.    color: #ffffff;
  127.    opacity: 0.8;
  128.    box-shadow: none;
  129.    text-decoration: underline;
  130. }
  131.  
  132. .gh-post-upgrade-cta a.gh-btn {
  133.    display: block;
  134.    background: #ffffff;
  135.    text-decoration: none;
  136.    margin: 28px 0 0;
  137.    padding: 8px 18px;
  138.    border-radius: 4px;
  139.    font-size: 16px;
  140.    font-weight: 600;
  141. }
  142.  
  143. .gh-post-upgrade-cta a.gh-btn:hover {
  144.    opacity: 0.92;
  145. }</style>
  146.    <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>
  147.    
  148.    <link href="https://www.brightful.me/webmentions/receive/" rel="webmention">
  149.    <script defer src="/public/cards.min.js?v=4e645f7369"></script>
  150.    <link rel="stylesheet" type="text/css" href="/public/cards.min.css?v=4e645f7369">
  151.    <script defer src="/public/member-attribution.min.js?v=4e645f7369"></script>
  152.    <!-- Google Tag Manager -->
  153. <script>
  154.  (function (w, d, s, l, i) {
  155.    w[l] = w[l] || [];
  156.    w[l].push({ "gtm.start": new Date().getTime(), event: "gtm.js" });
  157.    var f = d.getElementsByTagName(s)[0],
  158.      j = d.createElement(s),
  159.      dl = l != "dataLayer" ? "&l=" + l : "";
  160.    j.async = true;
  161.    j.src = "https://www.googletagmanager.com/gtm.js?id=" + i + dl;
  162.    f.parentNode.insertBefore(j, f);
  163.  })(window, document, "script", "dataLayer", "GTM-PTQVHFL");
  164. </script>
  165. <!-- End Google Tag Manager -->
  166.  
  167. <!-- Amplitude script -->
  168. <script type="text/javascript">
  169. (function(e,t){var n=e.amplitude||{_q:[],_iq:{}};var r=t.createElement("script")
  170. ;r.type="text/javascript"
  171. ;r.integrity="sha384-xwN6OCSgIf1SF9jtD6pouaSwCvpobyV3lanBGQ1d33MwTxLarbQxUif0Slt0npCM"
  172. ;r.crossOrigin="anonymous";r.async=true
  173. ;r.src="https://cdn.amplitude.com/libs/amplitude-8.3.0-min.gz.js"
  174. ;r.onload=function(){if(!e.amplitude.runQueuedFunctions){
  175. console.log("[Amplitude] Error: could not load SDK")}}
  176. ;var i=t.getElementsByTagName("script")[0];i.parentNode.insertBefore(r,i)
  177. ;function s(e,t){e.prototype[t]=function(){
  178. this._q.push([t].concat(Array.prototype.slice.call(arguments,0)));return this}}
  179. var o=function(){this._q=[];return this}
  180. ;var a=["add","append","clearAll","prepend","set","setOnce","unset","preInsert","postInsert","remove"]
  181. ;for(var c=0;c<a.length;c++){s(o,a[c])}n.Identify=o;var u=function(){this._q=[]
  182. ;return this}
  183. ;var l=["setProductId","setQuantity","setPrice","setRevenueType","setEventProperties"]
  184. ;for(var p=0;p<l.length;p++){s(u,l[p])}n.Revenue=u
  185. ;var d=["init","logEvent","logRevenue","setUserId","setUserProperties","setOptOut","setVersionName","setDomain","setDeviceId","enableTracking","setGlobalUserProperties","identify","clearUserProperties","setGroup","logRevenueV2","regenerateDeviceId","groupIdentify","onInit","logEventWithTimestamp","logEventWithGroups","setSessionId","resetSessionId"]
  186. ;function v(e){function t(t){e[t]=function(){
  187. e._q.push([t].concat(Array.prototype.slice.call(arguments,0)))}}
  188. for(var n=0;n<d.length;n++){t(d[n])}}v(n);n.getInstance=function(e){
  189. e=(!e||e.length===0?"$default_instance":e).toLowerCase()
  190. ;if(!Object.prototype.hasOwnProperty.call(n._iq,e)){n._iq[e]={_q:[]};v(n._iq[e])
  191. }return n._iq[e]};e.amplitude=n})(window,document);
  192. </script>
  193. <!-- End Amplitude script -->
  194.  
  195. <!-- Convertize script -->
  196. <script src="//pixel.convertize.io/8154.js" charset="UTF-8"></script>
  197. <!-- End Convertize script --><style>:root {--ghost-accent-color: #15171A;}</style>
  198.  
  199. <script src="https://cdn.polyfill.io/v2/polyfill.min.js?features=es6,Array.prototype.includes,CustomEvent,Object.entries,Object.values,URL"></script>
  200.    <script src="https://www.brightful.me/assets/home/js/app.js?v=4e645f7369"></script>
  201.  
  202.    <script>
  203.        initAmplitude();
  204.        identifyAmplitude("setOnce", "creationDate", new Date(Date.now()).toISOString());
  205.        identifyAmplitude("setOnce", "landingPage", location.pathname);
  206.    </script>
  207. </head>
  208. <body class="post-template tag-draw tag-icebreaker-games">
  209.  
  210.    <div class="site-wrapper">
  211.  
  212.        <head>
  213.    <link rel="stylesheet" type="text/css" href="https://www.brightful.me/assets/random-question-generator/styles.css?v=4e645f7369" />
  214.    <link rel="stylesheet" type="text/css" href="https://www.brightful.me/assets/random-question-generator-2/styles.css?v=4e645f7369" />
  215.    <link rel="stylesheet" type="text/css" href="https://www.brightful.me/assets/random-noun-generator/styles.css?v=4e645f7369" />
  216.    <link rel="stylesheet" type="text/css" href="https://www.brightful.me/assets/random-trivia-generator/styles.css?v=4e645f7369" />
  217.    <link rel="stylesheet" type="text/css" href="https://www.brightful.me/assets/random-pictionary-christmas-generator/styles.css?v=4e645f7369" />
  218.    <link rel="stylesheet" type="text/css" href="https://www.brightful.me/assets/built/popup.css?v=4e645f7369" />
  219.    <link rel="stylesheet" href="https://cdn.plyr.io/3.6.7/plyr.css" />
  220. </head>
  221.  
  222.  
  223. <header class="site-header">
  224.    <div class="outer site-nav-main brightful-dark-bg">
  225.    <div class="inner">
  226.        <nav class="site-nav">
  227.        <div class="site-nav-left">
  228.                <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=4e645f7369" alt="Connect in a more meaningful way" /></a>
  229.        </div>
  230.    <div class="site-nav-right">
  231.            <ul class="site-nav-right-menu">
  232.                <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>
  233.                            <ul class="nav" role="menu">
  234.            <li class="nav-latest-posts">
  235.                <a href="https://www.brightful.me/blog/">Latest Posts</a>
  236.            </li>
  237.            <li class="nav-conversation-starters">
  238.                <a href="https://www.brightful.me/tag/conversation-starters/">Conversation Starters</a>
  239.            </li>
  240.            <li class="nav-icebreaker-games">
  241.                <a href="https://www.brightful.me/blog/best-icebreaker-games-for-team-building-activities/">Icebreaker Games</a>
  242.            </li>
  243.            <li class="nav-remote-work-tips">
  244.                <a href="https://www.brightful.me/blog/all-you-ever-need-to-know-about-remote-work/">Remote Work Tips</a>
  245.            </li>
  246.            <li class="nav-self-care">
  247.                <a href="https://www.brightful.me/blog/why-is-self-care-in-important-in-the-remote-workplace/">Self-care</a>
  248.            </li>
  249.    </ul>
  250.  
  251.                </li>
  252.                        <li class="nav-start-your-trial"><a href="https://www.brightful.me/play/?source=blog" class="host-game">START YOUR TRIAL</a></li>
  253.  
  254.            </ul>
  255.    </div>
  256. </nav>    </div>
  257. </div>
  258. </header>
  259.  
  260. <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
  261. <script src="https://www.brightful.me/assets/random-question-generator/script.js?v=4e645f7369"></script>
  262. <script src="https://www.brightful.me/assets/random-question-generator-2/script.js?v=4e645f7369"></script>
  263. <script src="https://www.brightful.me/assets/random-noun-generator/script.js?v=4e645f7369"></script>
  264. <script src="https://www.brightful.me/assets/random-trivia-generator/script.js?v=4e645f7369"></script>
  265. <script src="https://www.brightful.me/assets/random-pictionary-christmas-generator/script.js?v=4e645f7369"></script>
  266. <script src="https://cdn.plyr.io/3.6.7/plyr.polyfilled.js"></script>
  267.  
  268. <main id="site-main" class="site-main outer post-main-wrapper">
  269.    <div class="inner">
  270.        <article class="post-full post tag-draw tag-icebreaker-games "></article>
  271.            <div class="post-wrapper">
  272.                <div class="post-full-content-box post-full-inner-content">
  273.                    <header class="post-full-header">
  274.                        <section class="post-full-tags">
  275.                            <a href="/tag/draw/">Draw</a>
  276.                        </section>
  277.                        <h1 class="post-full-title">371 Spooky Halloween Pictionary Words - Fun Office Party Games</h1>
  278.                        <div class="post-full-byline">
  279.                            <section class="post-full-byline-content">
  280.                                <section class="post-full-byline-meta">
  281.                                    <div class="byline-meta-content">
  282.                                        <time class="byline-meta-date"
  283.                                            datetime="2021-07-06">6 Jul 2021</time>
  284.                                        <span class="byline-reading-time"><span class="bull">&bull;</span>
  285.                                            2 min read</span>
  286.                                    </div>
  287.                                </section>
  288.                            </section>
  289.                        </div>
  290.                    </header>
  291.                    <figure class="post-full-image">
  292.                        <img srcset="/content/images/size/w300/2021/07/b25lY21zOjk3YzU3ZThlLTM1MjUtNGQ4Ny1hZjM2LTE5YTNmOWE3MmQ4OToyYzRkNzhhMy04MTA1LTQzOGItYjU1ZS1iYTJlZjlhOTQyOWQ-.jpeg 300w,
  293.                                    /content/images/size/w600/2021/07/b25lY21zOjk3YzU3ZThlLTM1MjUtNGQ4Ny1hZjM2LTE5YTNmOWE3MmQ4OToyYzRkNzhhMy04MTA1LTQzOGItYjU1ZS1iYTJlZjlhOTQyOWQ-.jpeg 600w,
  294.                                    /content/images/size/w1000/2021/07/b25lY21zOjk3YzU3ZThlLTM1MjUtNGQ4Ny1hZjM2LTE5YTNmOWE3MmQ4OToyYzRkNzhhMy04MTA1LTQzOGItYjU1ZS1iYTJlZjlhOTQyOWQ-.jpeg 1000w,
  295.                                    /content/images/size/w2000/2021/07/b25lY21zOjk3YzU3ZThlLTM1MjUtNGQ4Ny1hZjM2LTE5YTNmOWE3MmQ4OToyYzRkNzhhMy04MTA1LTQzOGItYjU1ZS1iYTJlZjlhOTQyOWQ-.jpeg 2000w" sizes="(max-width: 800px) 400px,
  296.                                (max-width: 1170px) 1170px,
  297.                                    2000px" src="/content/images/size/w2000/2021/07/b25lY21zOjk3YzU3ZThlLTM1MjUtNGQ4Ny1hZjM2LTE5YTNmOWE3MmQ4OToyYzRkNzhhMy04MTA1LTQzOGItYjU1ZS1iYTJlZjlhOTQyOWQ-.jpeg" alt="371 Spooky Halloween Pictionary Words - Fun Office Party Games" />
  298.                    </figure>
  299.                    <section class="post-full-content control-full-w-image">
  300.                        <div class="post-content">
  301.                            <h2 id="halloween-office-party-games">Halloween Office Party Games</h2><p>Halloween is a fun time of the year, not just for children but also for adults. After all, who doesn't love a bit of dress up and candy? Although there's a certain age limit for trick-or-treating, thankfully there are many ways to get into the Hallowed Eve spirit in your remote office. Continue reading to learn more about one our favourites - Halloween Pictionary. </p><h2 id="how-to-play-halloween-pictionary-without-a-game-board">How to Play Halloween Pictionary Without a Game board</h2><p>Think of all those times you wanted to play a game of Halloween Pictionary but didn't have the game boards or cards available. That’s why we’ve decided to include over 350 fun Pictionary words in an easy to use list. The list is divided by difficulty, so you can always keep it fair and even. For a full explanation on how to play Pictionary without needing any official supplies, be sure to read our post on the subject.</p><h2 id="playing-halloween-pictionary-draw-it-online">Playing Halloween Pictionary / Draw It Online</h2><p><br>Another great way to get drawing without any supplies is by playing <a href="https://www.brightful.me/games/draw-it/">Draw It</a>. It’s a free version of Pictionary that’s online at <a href="https://www.brightful.me/play/">Brightful Meeting Games</a>. While the list of Pictionary words below may be useful if you are playing in person, Draw It on Brightful allows you to connect easily with friends and family from across the world. The aim of the game is similar to Pictionary: one player draws a word and the rest try to guess it. The earlier the word has been guessed, the more points are scored for the guesser and the drawer! Playing Draw It on Brightful takes the stress out of scorekeeping, so you can focus on having fun! </p><h2 id="halloween-pictionary-words-to-draw">Halloween Pictionary Words to Draw</h2><p>Here's a list of Halloween related words to help you get started. Remember that office party games are all about the theme, and getting everybody into the spirit of the holiday. The words below are all selected to be related to Halloween, which takes away the effort you need to make to come up with your own lists.</p><p></p><p>Apples</p><p>Ghost</p><p>Skeleton</p><p>Mummy</p><p>Costume</p><p>Scary</p><p>Haunted</p><p>Monster</p><p>Goblins</p><p>Ghosts</p><p>Skeletons</p><p>Spooky</p><p>Creepy</p><p>Bats</p><p>Gold</p><p>Gruesome</p><p>Creepy</p><p>Witches</p><p>Zombie</p><p>Legs</p><p>Ghostly</p><p>Creepy</p><p>Demon</p><p>Zombie</p><p>Ghosts</p><p>Graveyard</p><p>Creepy</p><p>Mummy</p><p>Nightmare</p><p>Graveyard</p><p>Scary</p><p>Vampire</p><p>Witches</p><p>Haunted</p><p>Grim Reaper</p><p>Lantern</p><p>Monsters</p><p>Plague</p><p>Halloween</p><p>Sinister</p><p>Frightening</p><p>Ghost Story</p><p>Zombie Attack</p><p>Man in the Mask</p><p>Scary Story</p><p>Bone Chilling</p><p>Witchcraft</p><p>Haunting Memories</p><p>Spooky</p><p>Creepy</p><p>Nights</p><p>Ghost Story</p><p>Ghostly</p><p>Nightmare on Elm Street</p><h2 id="looking-for-more-office-party-games">Looking for more Office Party Games?</h2><p>Brightful is a platform designed for remote teams to play games together. Playing games is a great way to bond and have fun even when working remotely. When we work remote, it's easy to lose that human connection, and Brightful's mission is to restore that to remote work. Looking for new games to play is exhausting, so we've put all the best virtual <a href="https://www.brightful.me/blog/best-icebreaker-games-for-team-building-activities/">icebreaker </a>and party games on the same site, so you can play with anyone. From<a href="https://www.brightful.me/blog/best-halloween-words-charades/"> Charades</a> to <a href="https://www.brightful.me/blog/halloween-trivia-questions/">Trivia</a>, there is a game or activity for every occasion, no matter the size of your remote team. </p>
  302.                        </div>
  303.                    </section>
  304.                </div>
  305.                <div class="post-sidebar-content sidebar">
  306.    <div class="post-sidebar-inner">
  307.  
  308.  
  309.        <div class="sidebar-post-card">
  310.            <div class="sidebar-top" style="background-image:url('https://www.brightful.me/assets/img/sidebar/vector.png?v=4e645f7369');">
  311.                <h3 class="s-post-heading">
  312.                    Love
  313.                </h3>
  314.                <span class="color-text">
  315.                    Drawing?
  316.                </span>
  317.                <div class="s-card-image">
  318.                    <img src="https://www.brightful.me/assets/img/sidebar/draw_it.png?v=4e645f7369" alt="image">
  319.                </div>
  320.            </div>
  321.            <div class="sidebar-bottom">
  322.                <p class="s-text">
  323.                    Play Pictionary online now with friends for free!
  324.                </p>
  325.                <p class="s-text">
  326.                    Over 10,000 words to draw from play on mobile or desktop
  327.                </p>
  328.                <a href="https://landing.brightful.me/pictionary-online?source=blog-sidebar-draw-it" class="read-more">PLAY PICTIONARY</a>
  329.            </div>
  330.        </div>
  331.  
  332.        <div class="single-sidebar-posts sidebar-trusted-by-teams-worldwide">
  333.            <h5 class="sidebar-heading">
  334.                How it works
  335.            </h5>
  336.            <div class="wrapper">
  337.                <ul class="StepProgress">
  338.                    <li class="StepProgress-item">Sign up in seconds, then pick a game to host.</li>
  339.                    <li class="StepProgress-item">Gather everyone into your virtual conference using your existing meeting tool (eg. Zoom or Skype).
  340.                    </li>
  341.                    <li class="StepProgress-item">Share the invitation with your team and you’re good to go. Enjoy the game!</li>
  342.                </ul>
  343.            </div>
  344.        </div>
  346.  
  347.        <div class="btn-learn-more">
  348.            <a href="https://www.brightful.me/play/?source=blog" target="_blank" class="continue-reading">
  349.                <span>Learn more</span>
  350.                <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>
  351.        </div>
  352.    </div>
  353. </div>            </div>
  354.        </article>
  355.    </div>
  356. </main>
  357.  
  358. <div class="connection-section outer">
  359.    <div class="inner">
  360.        <div class="footer-top-section">
  361.            <div class="inner">
  362.                <div class="discussion-wrapper">
  363.                    <div class="discussion-image">
  364.                        <img src="https://www.brightful.me/assets/home/img/discussion.png?v=4e645f7369" alt="discussion image">
  365.                    </div>
  366.                    <div class="discussion-content">
  367.                        <h3 class="discussion-heading">Connect in a more meaningful way</h3>
  368.                        <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>
  369.                        <a class="btn-orange-primary" href="https://www.brightful.me/play/?source=blog">START YOUR TRIAL</a>
  370.                    </div>
  371.                </div>
  372.            </div>
  373.        </div>
  374.    </div>
  375. </div>
  376.  
  377. <div id="trivia-popup" class="popup-section" style="background-image:url(https://www.brightful.me/assets/img/hero/popup-bg.png?v=4e645f7369);">
  378.    <div class="popup-close-option" onclick="popupClose()">
  379.        <img src="https://www.brightful.me/assets/img/hero/close-option.png?v=4e645f7369" alt="icon">
  380.    </div>
  381.    <div class="popup-wrap shape-parent">
  382.        <div class="shape-line">
  383.           <img src="https://www.brightful.me/assets/img/hero/line-shape.png?v=4e645f7369" alt="" class="shape-line-one">
  384.           <img src="https://www.brightful.me/assets/img/hero/line-shape.png?v=4e645f7369" alt="" class="shape-line-two">
  385.        </div>
  386.        <div class="popup-wrapper">
  387.            <div class="try-wrap">
  388.                <span>try</span>
  389.                <img src="https://www.brightful.me/assets/img/hero/try-bg.png?v=4e645f7369" alt="bg image">
  390.            </div>
  391.            <div class="popup-content-wraper">
  392.                <h3>Give Brightful’s Trivia a go!</h3>
  393.                <div class="popup-trivia-qus-wrap">
  394.                    <h5>When Avengers: Endgame passed Titanic in total box-office, what Titanic director sent Kevin Feige a congratulatory message?</h5>
  395.                    <ul class="popup-ans-list">
  396.                        <li>
  397.                            <button>James Cameron</button>
  398.                        </li>
  399.                        <li>
  400.                            <button>Steven Spielberg</button>
  401.                        </li>
  402.                        <li>
  403.                            <button>Martin Scorsese</button>
  404.                        </li>
  405.                        <li>
  406.                            <button>Leonardo DiCaprio</button>
  407.                        </li>
  408.                    </ul>
  409.                </div>
  410.            </div>
  411.        </div>
  412.    </div>
  413.    <div class="congrass-option popup-wrap">
  414.        <div class="shape-line">
  415.           <img src="https://www.brightful.me/assets/img/hero/line-shape.png?v=4e645f7369" alt="" class="shape-line-one">
  416.           <img src="https://www.brightful.me/assets/img/hero/line-shape.png?v=4e645f7369" alt="" class="shape-line-two">
  417.           </div>
  418.        <div class="congrass-content">
  419.            <img src="https://www.brightful.me/assets/img/hero/answer.png?v=4e645f7369" alt="">
  420.            <div class="ans-options">
  421.                <p>The correct answer is</p>
  422.                <h5>James Cameron</h5>
  423.            </div>
  424.        </div>
  425.        <div class="congrass-ftr" style="background-image:url(https://www.brightful.me/assets/img/hero/congress-ftr.png?v=4e645f7369)">
  426.            <h3>Endless Trivia Questions</h3>
  427.            <p>With 1000+ of the best trivia questions categorized in one place, you will never run out of questions again.</p>
  428.            <a href="https://now.brightful.me/trivia" class="btn-orange-primary" onclick="popupClicked()">Try for FREE</a>
  429.        </div>
  430.    </div>
  431.    <div class="popup-shape">
  432.        <img class="popup-ftr-bg" src="https://www.brightful.me/assets/img/hero/popup-ftr-frame.png?v=4e645f7369" alt="">
  433.        <img class="popup-ftr-man" src="https://www.brightful.me/assets/img/hero/popup-preson.png?v=4e645f7369" alt="">
  434.    </div>
  435. </div>
  436.  
  437. <div id="wyr-popup" class="popup-section" style="background-image:url(https://www.brightful.me/assets/img/hero/popup-bg.png?v=4e645f7369);">
  438.    <div class="popup-close-option" onclick="popupClose()">
  439.        <img src="https://www.brightful.me/assets/img/hero/close-option.png?v=4e645f7369" alt="icon">
  440.    </div>
  441.    <div class="popup-wrap shape-parent reather-step-one">
  442.       <div class="popup-wrapper">
  443.            <div class="try-wrap">
  444.                <span>try</span>
  445.                <img src="https://www.brightful.me/assets/img/hero/try-bg.png?v=4e645f7369" alt="bg image">
  446.            </div>
  447.            <div class="popup-content-wraper raither-content">
  448.                <h3>Give Brightful a go!</h3>
  449.                <div class="raither-img">
  450.                    <img src="https://www.brightful.me/assets/img/hero/reather-img.png?v=4e645f7369" alt="">
  451.                </div>
  452.                <div class="popup-wyr-qus-wrap">
  453.                    <h5>Would you rather be</h5>
  454.                    <ul class="raither-popup-ans-list">
  455.                        <li class="raither-option-one">
  456.                            <button>Lebron James / Simone Biles</button>
  457.                        </li>
  458.                        <li class="raither-option-two">
  459.                            <button>Beyonce / Ed Sheeran</button>
  460.                        </li>
  461.                    </ul>
  462.                </div>
  463.            </div>
  464.        </div>
  465.    </div>
  466.    <div class="list-option-one popup-wrap reather-step-two">
  467.        <div class="reather-content">
  468.            <h3>Would you rather be</h3>
  469.            <div class="reather-ans-wrap">
  470.                <div class="reather-ans-vs">
  471.                    <span>VS</span>
  472.                </div>
  473.                <div class="reather-ans-right">
  474.                    <div class="reather-ans-single sky-bg">
  475.                        <p>Lebron James / Simone Biles</p>
  476.                        <h5>1</h5>
  477.                        <div class="reather-ans-overlay">
  478.                            <p>Other players: 63%</p>
  479.                        </div>
  480.                    </div>
  481.                    <div class="pro-status">
  482.                        <p>You</p>
  483.                    </div>
  484.                </div>
  485.                <div class="reather-ans-single paste-bg">
  486.                    <p>Beyonce / Ed Sheeran</p>
  487.                    <h5>0</h5>
  488.                    <div class="reather-ans-overlay">
  489.                        <p>Other players: 37%</p>
  490.                    </div>
  491.                </div>
  492.            </div>
  493.        </div>
  494.        <div class="congrass-ftr reather-ftr" style="background-image:url(https://www.brightful.me/assets/img/hero/congress-ftr.png?v=4e645f7369)">
  495.            <h3>Would You Rather Questions</h3>
  496.            <p>Find 1000+ of the quirkiest, funniest, and most interesting Would You Rather questions all in one place.</p>
  497.            <a href="https://now.brightful.me/would-you-rather" class="btn-orange-primary">Try for FREE</a>
  498.        </div>
  499.    </div>
  500.    <div class="list-option-one popup-wrap reather-step-three">
  501.        <div class="reather-content">
  502.            <h3>Would you rather be</h3>
  503.            <div class="reather-ans-wrap">
  504.                <div class="reather-ans-vs">
  505.                    <span>VS</span>
  506.                </div>
  507.                <div class="reather-ans-single sky-bg">
  508.                    <p>Lebron James / Simone Biles</p>
  509.                    <h5>0</h5>
  510.                    <div class="reather-ans-overlay">
  511.                        <p>Other players: 63%</p>
  512.                    </div>
  513.                </div>
  514.                <div class="reather-ans-right">
  515.                    <div class="reather-ans-single paste-bg">
  516.                        <p>Beyonce / Ed Sheeran</p>
  517.                        <h5>1</h5>
  518.                        <div class="reather-ans-overlay">
  519.                            <p>Other players: 37%</p>
  520.                        </div>
  521.                    </div>
  522.                    <div class="pro-status">
  523.                        <p>You</p>
  524.                    </div>
  525.                </div>
  526.                
  527.            </div>
  528.        </div>
  529.        <div class="congrass-ftr reather-ftr" style="background-image:url(https://www.brightful.me/assets/img/hero/congress-ftr.png?v=4e645f7369)">
  530.            <h3>Would You Rather Questions</h3>
  531.            <p>Find 1000+ of the quirkiest, funniest, and most interesting Would You Rather questions all in one place.</p>
  532.            <a href="https://now.brightful.me/would-you-rather" class="btn-orange-primary" onclick="popupClicked()">Try for FREE</a>
  533.        </div>
  534.    </div>
  535.    <div class="popup-shape">
  536.        <img class="popup-ftr-bg" src="https://www.brightful.me/assets/img/hero/popup-ftr-frame.png?v=4e645f7369" alt="">
  537.        <img class="popup-ftr-man" src="https://www.brightful.me/assets/img/hero/popup-preson.png?v=4e645f7369" alt="">
  538.    </div>
  539. </div>
  540.  
  541. <aside class="read-next outer brightful-dark-bg">
  542.    <div class="inner">
  543.        <div class="read-next-feed">
  544.            <article class="read-next-card">
  545.                <header class="read-next-card-header">
  546.                    <h3><span>More in</span> <a href="/tag/draw/">Draw</a></h3>
  547.                </header>
  548.                <div class="read-next-card-content">
  549.                    <ul>
  550.                        <li>
  551.                            <h4><a href="/blog/where-to-play-pictionary-with-your-team/">Where to Play Pictionary Online with your Team</a></h4>
  552.                            <div class="read-next-card-meta">
  553.                                <p><time datetime="2022-05-04">4 May 2022</time> –
  554.                                    5 min read</p>
  555.                            </div>
  556.                        </li>
  557.                        <li>
  558.                            <h4><a href="/blog/best-drawing-games/">The 5 best drawing games | Reviews by Brightful</a></h4>
  559.                            <div class="read-next-card-meta">
  560.                                <p><time datetime="2021-09-20">20 Sep 2021</time> –
  561.                                    4 min read</p>
  562.                            </div>
  563.                        </li>
  564.                        <li>
  565.                            <h4><a href="/blog/371-spooky-halloween-pictionary-words-fun-office-party-games/">82 Spooky Halloween Taboo Words - Great for Office parties</a></h4>
  566.                            <div class="read-next-card-meta">
  567.                                <p><time datetime="2021-07-06">6 Jul 2021</time> –
  568.                                    2 min read</p>
  569.                            </div>
  570.                        </li>
  571.                    </ul>
  572.                </div>
  573.                <footer class="read-next-card-footer">
  574.                    <a href="/tag/draw/">See all 17 posts
  575.                        →</a>
  576.                </footer>
  577.            </article>
  578.  
  579.                <article class="post-card post ">
  580.  
  581.    <a class="post-card-image-link" href="/blog/371-spooky-halloween-pictionary-words-fun-office-party-games/">
  582.        <img class="post-card-image"
  583.            srcset="/content/images/size/w300/2021/07/images.jpeg 300w,
  584.                    /content/images/size/w600/2021/07/images.jpeg 600w,
  585.                    /content/images/size/w1000/2021/07/images.jpeg 1000w,
  586.                    /content/images/size/w2000/2021/07/images.jpeg 2000w"
  587.            sizes="(max-width: 1000px) 400px, 700px"
  588.            loading="lazy"
  589.            src="/content/images/size/w600/2021/07/images.jpeg"
  590.            alt="82 Spooky Halloween Taboo Words - Great for Office parties"
  591.        />
  592.    </a>
  593.  
  594.    <div class="post-card-content">
  595.  
  596.        <a class="post-card-content-link" href="/blog/371-spooky-halloween-pictionary-words-fun-office-party-games/">
  597.  
  598.            <header class="post-card-header">
  599.                <h2 class="post-card-title">82 Spooky Halloween Taboo Words - Great for Office parties</h2>
  600.            </header>
  601.  
  602.            <section class="post-card-excerpt">
  603.                    <p>Halloween Office Party Games
  604. With Halloween nearly here, you might be searching for some games to play with
  605. your office. Halloween office parties are a great way to break up</p>
  606.            </section>
  607.  
  608.        </a>
  609.  
  610.        <footer class="post-card-meta">
  611.            <div class="post-card-byline-content">
  612.                <span class="post-card-byline-date"><time datetime="2021-07-06">6 Jul 2021</time> <span class="bull">&bull;</span> 2 min read</span>
  613.            </div>
  614.        </footer>
  615.  
  616.    </div>
  617.  
  618. </article>
  619.  
  620.            
  621.                <article class="post-card post ">
  622.  
  623.    <a class="post-card-image-link" href="/blog/virtual-wellness-activities-for-remote-workers/">
  624.        <img class="post-card-image"
  625.            srcset="/content/images/size/w300/2021/07/66.jpg 300w,
  626.                    /content/images/size/w600/2021/07/66.jpg 600w,
  627.                    /content/images/size/w1000/2021/07/66.jpg 1000w,
  628.                    /content/images/size/w2000/2021/07/66.jpg 2000w"
  629.            sizes="(max-width: 1000px) 400px, 700px"
  630.            loading="lazy"
  631.            src="/content/images/size/w600/2021/07/66.jpg"
  632.            alt="Virtual Wellness Activities For Remote Workers"
  633.        />
  634.    </a>
  635.  
  636.    <div class="post-card-content">
  637.  
  638.        <a class="post-card-content-link" href="/blog/virtual-wellness-activities-for-remote-workers/">
  639.  
  640.            <header class="post-card-header">
  641.                <h2 class="post-card-title">Virtual Wellness Activities For Remote Workers</h2>
  642.            </header>
  643.  
  644.            <section class="post-card-excerpt">
  645.                    <p>Since the start of the pandemic, organizations all over the world have had a
  646. challenging time dealing with the fallout. The lockdowns and other initiatives
  647. were established to ensure the</p>
  648.            </section>
  649.  
  650.        </a>
  651.  
  652.        <footer class="post-card-meta">
  653.            <div class="post-card-byline-content">
  654.                <span class="post-card-byline-date"><time datetime="2021-08-13">13 Aug 2021</time> <span class="bull">&bull;</span> 7 min read</span>
  655.            </div>
  656.        </footer>
  657.  
  658.    </div>
  659.  
  660. </article>
  661.        </div>
  662.    </div>
  663. </aside>
  664. <script>
  665.    initAmplitude();
  666.    amplitudeEvent("visitedBlog", {
  667.        title: `371 Spooky Halloween Pictionary Words - Fun Office Party Games`,
  668.        eventTime: new Date(Date.now()).toISOString(),
  669.        url: location.pathname,
  670.    });
  671. </script>
  672. <script>
  673.    document.addEventListener("copy", (event) => {
  674.        let tagline = '\n\n';
  675.        if (`Draw` === 'Remote Work Tips') {
  676.            tagline += 'For more team building activities, visit https://Brightful.me';
  677.        } else {
  678.            switch (`Icebreaker Games`) {
  679.                case 'Trivia': {
  680.                    tagline += 'Visit https://Brightful.me for more fun trivia!';
  681.                    break;
  682.                }
  683.                case 'Questions': {
  684.                    tagline += 'Visit https://Brightful.me for the best conversation questions.';
  685.                    break;
  686.                }
  687.                case 'Would You Rather': {
  688.                    tagline += 'For more funny and interesting Would You Rather questions, visit https://Brightful.me';
  689.                    break;
  690.                }
  691.                case 'Games': {
  692.                    tagline += 'Visit https://Brightful.me for more fun and exciting games.';
  693.                    break;
  694.                }
  695.                case 'Draw': {
  696.                    tagline += 'Visit https://Brightful.me to find more fun things to draw!';
  697.                    break;
  698.                }
  699.            }
  700.        }
  701.        amplitudeEvent("copiedTextInBlog", {
  702.            payload: `${document.getSelection()}`,
  703.            url: location.pathname,
  704.            eventTime: new Date(Date.now()).toISOString(),
  705.        });
  706.        event.clipboardData.setData("text", document.getSelection() + tagline);
  707.        event.preventDefault();
  708.    });
  709. </script>
  710. <script>
  711.    let isTriviaBlog = false;
  712.    let isWYRBlog = false;
  713.    function popupClicked() {
  714.        amplitudeEvent("popupClicked", {
  715.            url: location.pathname,
  716.            tag: isTriviaBlog ? 'Trivia' : 'Would You Rather',
  717.            eventTime: new Date(Date.now()).toISOString(),
  718.        });
  719.    }
  720.    function popupClose() {
  721.        if (isTriviaBlog) $('#trivia-popup').fadeOut();
  722.        if (isWYRBlog) $('#wyr-popup').fadeOut();
  723.        if (typeof(Storage) !== 'undefined') {
  724.            var attempts = localStorage.getItem("popup-count");
  725.            localStorage.setItem("popup-count", ++attempts);
  726.        } else {
  727.            localStorage.setItem('popup-count', 1);
  728.        }
  729.        $('#trivia-popup').remove();
  730.        $('#wyr-popup').remove();
  731.    }
  732.    $(document).ready(function () {
  733.        const allTags = [];
  734.        const tag1 = `Draw`;
  735.        const tag2 = `Icebreaker Games`;
  736.        const tag3 = ``;
  737.        const tag4 = ``;
  738.        const questionAudio = new Audio("https://www.brightful.me/assets/play/audio/QuestionsAppear.mp3?v=4e645f7369");
  739.        if (tag1 != '') allTags.push(tag1);
  740.        if (tag2 != '') allTags.push(tag2);
  741.        if (tag3 != '') allTags.push(tag3);
  742.        if (tag4 != '') allTags.push(tag4);
  743.        isTriviaBlog = tag1 === 'Trivia' || tag2 === 'Trivia' || tag3 === 'Trivia' || tag4 === 'Trivia';
  744.        isWYRBlog = tag1 === 'Would You Rather' || tag2 === 'Would You Rather' || tag3 === 'Would You Rather' || tag4 === 'Would You Rather';
  745.        if (isTriviaBlog || isWYRBlog) {
  746.            let attempts = localStorage.getItem("popup-count");
  747.            setTimeout(function() {
  748.                if (isTriviaBlog) {
  749.                    $('#trivia-popup').fadeIn();
  750.                    questionAudio.play();
  751.                }
  752.                if (isWYRBlog) {
  753.                    $('#wyr-popup').fadeIn();
  754.                    questionAudio.play();
  755.                }
  756.                if (attempts < 2) {
  757.                    amplitudeEvent("popupDisplayed", {
  758.                        url: location.pathname,
  759.                        tag: allTags.join(', '),
  760.                        eventTime: new Date(Date.now()).toISOString(),
  761.                    });
  762.                }
  763.            }, 30000);
  764.            if (attempts > 1) {
  765.                $('#trivia-popup').remove();
  766.                $('#wyr-popup').remove();
  767.            }
  768.            $("html").bind("mouseleave", function () {
  769.                setTimeout(function() {
  770.                    if (isTriviaBlog) {
  771.                        $('#trivia-popup').fadeIn();
  772.                        questionAudio.play();
  773.                    }
  774.                    if (isWYRBlog) {
  775.                        $('#wyr-popup').fadeIn();
  776.                        questionAudio.play();
  777.                    }
  778.                    amplitudeEvent("popupDisplayed", {
  779.                        url: location.pathname,
  780.                        tag: allTags.join(', '),
  781.                        eventTime: new Date(Date.now()).toISOString(),
  782.                    });
  783.                }, 300);
  784.                $("html").unbind("mouseleave");
  785.            });
  786.        }
  787.        // Trivia popup scripts
  788.        if (isTriviaBlog) {
  789.            let btnOptions = $('.popup-ans-list li button');
  790.            let correctResult = 'James Cameron';
  791.            let correctOption;
  792.            btnOptions.each(function() {
  793.                let $this = $(this);
  794.                let thisVal = $this.text();
  795.                if (correctResult === thisVal){
  796.                    correctOption = $this.parent().index();
  797.                }
  798.            });
  799.            btnOptions.click(function() {
  800.                let $this = $(this);
  801.                let thisVal = $this.text();
  802.                setTimeout(function(e) {
  803.                    if (correctResult === thisVal){
  804.                        $this.parent().addClass('correct');
  805.                    } else {
  806.                        $this.parent().addClass('wrong');
  807.                        btnOptions.parent().eq(correctOption).addClass('correct');
  808.                    }
  809.                }, 1000);
  810.                setTimeout(function() {
  811.                    $('.popup-wrap').addClass('hide');
  812.                    $('.congrass-option').addClass('show');
  813.                },2000);
  814.            });
  815.        }
  816.        // WYR popup scripts
  817.        if (isWYRBlog) {
  818.            setTimeout(function(){
  819.                $('.raither-option-one').click(function() {
  820.                    $('.reather-step-one, .reather-step-three').addClass('none');
  821.                    $('.reather-step-two').addClass('show');
  822.                });
  823.            }, 1000);
  824.            setTimeout(function(){
  825.                $('.raither-option-two').click(function() {
  826.                    $('.reather-step-one, .reather-step-two').addClass('none');
  827.                    $('.reather-step-three').addClass('show');
  828.                });
  829.            }, 1000);
  830.        }
  831.    });
  832. </script>
  833. <script>
  834.    const players = Array.from(
  835.        document.querySelectorAll('.plyr__video-embed')).map(p => new Plyr(p, {})
  836.    );
  837. </script>
  838.  
  839.  
  840.  
  841.        <footer class="site-footer outer brightful-bg">
  842.            <div class="site-footer-content inner">
  843.                <section class="copyright"><a href="https://www.brightful.me">Connect in a more meaningful way</a> &copy; 2024</section>
  844.                <nav class="site-footer-nav">
  845.                    <a href="https://www.brightful.me/blog/">Latest Posts</a>
  846.                    
  847.                    <a href="https://twitter.com/brightfulhq" target="_blank" rel="noopener">Twitter</a>
  848.                </nav>
  849.            </div>
  850.        </footer>
  851.  
  852.    </div>
  853.  
  854.    <div class="subscribe-success-message">
  855.        <a class="subscribe-close" href="javascript:;"></a>
  856.        You've successfully subscribed to Connect in a more meaningful way!
  857.    </div>
  858.  
  859.    <div id="subscribe" class="subscribe-overlay">
  860.        <a class="subscribe-close-overlay" href="#"></a>
  861.        <a class="subscribe-close-button" href="#"></a>
  862.        <div class="subscribe-overlay-content">
  863.            <div class="subscribe-form">
  864.                <h1 class="subscribe-overlay-title">Subscribe to Connect in a more meaningful way</h1>
  865.                <p class="subscribe-overlay-description">Stay up to date! Get all the latest & greatest posts delivered straight to your inbox</p>
  866.                <form data-members-form="subscribe">
  867.                    <div class="form-group">
  868.                        <input class="subscribe-email" data-members-email placeholder="youremail@example.com"
  869.                            autocomplete="false" />
  870.                        <button class="button primary" type="submit">
  871.                            <span class="button-content">Subscribe</span>
  872.                            <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"
  873.    y="0px" width="40px" height="40px" viewBox="0 0 40 40" enable-background="new 0 0 40 40" xml:space="preserve">
  874.    <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
  875. 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
  876. 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" />
  877.    <path fill="#000" d="M26.013,10.047l1.654-2.866c-2.198-1.272-4.743-2.012-7.466-2.012h0v3.312h0
  878. C22.32,8.481,24.301,9.057,26.013,10.047z">
  879.        <animateTransform attributeType="xml" attributeName="transform" type="rotate" from="0 20 20" to="360 20 20"
  880.            dur="0.5s" repeatCount="indefinite" />
  881.    </path>
  882. </svg></span>
  883.                        </button>
  884.                    </div>
  885.                    <div class="message-success">
  886.                        <strong>Great!</strong> Check your inbox and click the link to confirm your subscription.
  887.                    </div>
  888.                    <div class="message-error">
  889.                        Please enter a valid email address!
  890.                    </div>
  891.                </form>
  892.            </div>
  893.        </div>
  894.    </div>
  895.  
  896. <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
  897.    <script src="https://www.brightful.me/assets/built/sticky-sidebar.js?v=4e645f7369"></script>
  898.    <script src="https://www.brightful.me/assets/built/casper.js?v=4e645f7369"></script>
  899.  
  900.    <script>
  901.        // Give the parameter a variable name
  902.        var action = getParameterByName('action');
  903.  
  904.        $(document).ready(function () {
  905.            if (action == 'subscribe') {
  906.                $('body').addClass("subscribe-success");
  907.            }
  908.  
  909.            $('.subscribe-success-message .subscribe-close').click(function () {
  910.                $('.subscribe-success-message').addClass('close');
  911.            });
  912.  
  913.            // Reset form on opening subscrion overlay
  914.            $('.subscribe-button').click(function() {
  915.                $('.subscribe-overlay form').removeClass();
  916.                $('.subscribe-email').val('');
  917.            });
  918.  
  919.        });
  920.    </script>
  921.  
  922.    <script>
  923.    function showHowItWorksTagsBlog() {
  924.        if ($(window).height() < 840) {
  925.            $('.sidebar-trusted-by-teams-worldwide').hide();
  926.        } else {
  927.            $('.sidebar-trusted-by-teams-worldwide').show();
  928.        }
  929.    }
  930.    $(document).ready(function () {
  931.        // FitVids - start
  932.        var $postContent = $(".post-full-content");
  933.        $postContent.fitVids();
  934.        // FitVids - end
  935.  
  936.        $('.sidebar').StickySidebar({
  937.            additionalMarginTop: 70
  938.        });
  939.  
  940.        $(window).resize(() =>  showHowItWorksTagsBlog());
  941.  
  942.        showHowItWorksTagsBlog();
  943.  
  944.        // Replace nav with title on scroll - start
  945.        Casper.stickyNavTitle({
  946.            navSelector: '.site-nav-main',
  947.            titleSelector: '.post-full-title',
  948.            activeClass: 'nav-post-title-active'
  949.        });
  950.        // Replace nav with title on scroll - end
  951.  
  952.        // Hover on avatar
  953.        var hoverTimeout;
  954.        $('.author-list-item').hover(function () {
  955.            var $this = $(this);
  956.  
  957.            clearTimeout(hoverTimeout);
  958.  
  959.            $('.author-card').removeClass('hovered');
  960.            $(this).children('.author-card').addClass('hovered');
  961.  
  962.        }, function () {
  963.            var $this = $(this);
  964.  
  965.            hoverTimeout = setTimeout(function () {
  966.                $this.children('.author-card').removeClass('hovered');
  967.            }, 800);
  968.        });
  969.    });
  970. </script>
  971.  
  972.  
  973.    
  974.  
  975. </body>
  976. </html>
  977.  

Home · About · News · Docs · Terms

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