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/how-to-play-pictionary/

  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>How to Play Pictionary? The Definitive Step by Step Guide</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=6ac5dc7cd1" />
  12.  
  13.    <meta name="description" content="Pictionary is a super simple game that only requires pen, paper and the board game Pictionary which provides you with the game board, a timer, two dice and cards with words on them.">
  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/how-to-play-pictionary/">
  16.    <meta name="referrer" content="no-referrer-when-downgrade">
  17.    <link rel="amphtml" href="https://www.brightful.me/blog/how-to-play-pictionary/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="How to Play Pictionary? The Definitive Step by Step Guide">
  22.    <meta property="og:description" content="Pictionary is a super simple game that only requires pen, paper and the board game Pictionary which provides you with the game board, a timer, two dice and cards with words on them.">
  23.    <meta property="og:url" content="https://www.brightful.me/blog/how-to-play-pictionary/">
  24.    <meta property="og:image" content="https://www.brightful.me/content/images/2020/08/pictionary.jpg">
  25.    <meta property="article:published_time" content="2020-08-14T11:22:00.000Z">
  26.    <meta property="article:modified_time" content="2021-09-10T01:47:38.000Z">
  27.    <meta property="article:tag" content="Icebreaker Games">
  28.    <meta property="article:tag" content="Draw">
  29.    
  30.    <meta name="twitter:card" content="summary_large_image">
  31.    <meta name="twitter:title" content="How to Play Pictionary? The Definitive Step by Step Guide">
  32.    <meta name="twitter:description" content="Pictionary is a super simple game that only requires pen, paper and the board game Pictionary which provides you with the game board, a timer, two dice and cards with words on them.">
  33.    <meta name="twitter:url" content="https://www.brightful.me/blog/how-to-play-pictionary/">
  34.    <meta name="twitter:image" content="https://www.brightful.me/content/images/2020/08/pictionary.jpg">
  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="Icebreaker Games, Draw">
  39.    <meta name="twitter:site" content="@brightfulhq">
  40.    <meta property="og:image:width" content="700">
  41.    <meta property="og:image:height" content="400">
  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": "How to Play Pictionary? The Definitive Step by Step Guide",
  65.    "url": "https://www.brightful.me/blog/how-to-play-pictionary/",
  66.    "datePublished": "2020-08-14T11:22:00.000Z",
  67.    "dateModified": "2021-09-10T01:47:38.000Z",
  68.    "image": {
  69.        "@type": "ImageObject",
  70.        "url": "https://www.brightful.me/content/images/2020/08/pictionary.jpg",
  71.        "width": 700,
  72.        "height": 400
  73.    },
  74.    "keywords": "Icebreaker Games, Draw",
  75.    "description": "Pictionary is a super simple game that only requires pen, paper and the board\ngame Pictionary which provides you with the game board, a timer, two dice and\ncards with words on them.\n\n\nThe aim of Pictionary is to guess what the drawer, who is drawing words from a\nlist of cards. Once you guess correctly, you can advance across the game board\nand the first to reach the end wins!\n\n\nHow to Play Pictionary Online [https://now.brightful.me/draw-it]\n\nThe Pictionary board game is a great way to play in p",
  76.    "mainEntityOfPage": "https://www.brightful.me/blog/how-to-play-pictionary/"
  77. }
  78.    </script>
  79.  
  80.    <meta name="generator" content="Ghost 5.81">
  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=6ac5dc7cd1"></script>
  150.    <link rel="stylesheet" type="text/css" href="/public/cards.min.css?v=6ac5dc7cd1">
  151.    <script defer src="/public/member-attribution.min.js?v=6ac5dc7cd1"></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=6ac5dc7cd1"></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-icebreaker-games tag-draw">
  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=6ac5dc7cd1" />
  214.    <link rel="stylesheet" type="text/css" href="https://www.brightful.me/assets/random-question-generator-2/styles.css?v=6ac5dc7cd1" />
  215.    <link rel="stylesheet" type="text/css" href="https://www.brightful.me/assets/random-noun-generator/styles.css?v=6ac5dc7cd1" />
  216.    <link rel="stylesheet" type="text/css" href="https://www.brightful.me/assets/random-trivia-generator/styles.css?v=6ac5dc7cd1" />
  217.    <link rel="stylesheet" type="text/css" href="https://www.brightful.me/assets/random-pictionary-christmas-generator/styles.css?v=6ac5dc7cd1" />
  218.    <link rel="stylesheet" type="text/css" href="https://www.brightful.me/assets/built/popup.css?v=6ac5dc7cd1" />
  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=6ac5dc7cd1" 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=6ac5dc7cd1"></script>
  262. <script src="https://www.brightful.me/assets/random-question-generator-2/script.js?v=6ac5dc7cd1"></script>
  263. <script src="https://www.brightful.me/assets/random-noun-generator/script.js?v=6ac5dc7cd1"></script>
  264. <script src="https://www.brightful.me/assets/random-trivia-generator/script.js?v=6ac5dc7cd1"></script>
  265. <script src="https://www.brightful.me/assets/random-pictionary-christmas-generator/script.js?v=6ac5dc7cd1"></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-icebreaker-games tag-draw "></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/icebreaker-games/">Icebreaker Games</a>
  276.                        </section>
  277.                        <h1 class="post-full-title">Pictionary Rules: How to Play Pictionary? Best Tips and tricks</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="2020-08-14">14 Aug 2020</time>
  284.                                        <span class="byline-reading-time"><span class="bull">&bull;</span>
  285.                                            4 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/2020/08/pictionary.jpg 300w,
  293.                                    /content/images/size/w600/2020/08/pictionary.jpg 600w,
  294.                                    /content/images/size/w1000/2020/08/pictionary.jpg 1000w,
  295.                                    /content/images/size/w2000/2020/08/pictionary.jpg 2000w" sizes="(max-width: 800px) 400px,
  296.                                (max-width: 1170px) 1170px,
  297.                                    2000px" src="/content/images/size/w2000/2020/08/pictionary.jpg" alt="Pictionary Rules: How to Play Pictionary? Best Tips and tricks" />
  298.                    </figure>
  299.                    <section class="post-full-content control-full-w-image">
  300.                        <div class="post-content">
  301.                            <p>Pictionary is a super simple game that only requires pen, paper and the board game Pictionary which provides you with the game board, a timer, two dice and cards with words on them.<br></p><p>The aim of Pictionary is to guess what the drawer, who is drawing words from a list of cards. Once you guess correctly, you can advance across the game board and the first to reach the end wins!<br></p><h3 id="how-to-play-pictionary-online">How to <a href="https://now.brightful.me/draw-it?ref=brightful.me">Play Pictionary Online </a><br></h3><p>The Pictionary board game is a great way to play in person, but what if you want to play a drawing game online with your friends, family or coworkers? Luckily there’s a way to play a similar drawing game online that’s completely free!</p><figure class="kg-card kg-image-card kg-card-hascaption"><a href="https://now.brightful.me/draw-it?ref=brightful.me"><img src="https://www.brightful.me/content/images/2020/08/Artboard-2-copy-32@2x-100--1--2.jpg" class="kg-image" alt loading="lazy" width="1249" height="800" srcset="https://www.brightful.me/content/images/size/w600/2020/08/Artboard-2-copy-32@2x-100--1--2.jpg 600w, https://www.brightful.me/content/images/size/w1000/2020/08/Artboard-2-copy-32@2x-100--1--2.jpg 1000w, https://www.brightful.me/content/images/2020/08/Artboard-2-copy-32@2x-100--1--2.jpg 1249w" sizes="(min-width: 720px) 720px"></a><figcaption>Want to play Pictionary Online? Try <strong><a href="https://now.brightful.me/draw-it?ref=brightful.me">Draw It</a></strong></figcaption></figure><p><strong><a href="https://now.brightful.me/draw-it?ref=brightful.me">Draw It</a></strong> is a game designed to let you express your artistic side with anyone in the world. The rules are even more simple than Pictionary. Guess the word the drawer is drawing, and score points the quicker you get it right. All the words and scoring is taken care of automatically, and it works just as well on desktop (use your mouse to draw) or your mobile phone (use your finger to draw). The best part? It’s completely free! Try it out the next time you feel like playing a drawing game.</p><figure class="kg-card kg-image-card"><a href="https://now.brightful.me/draw-it?ref=brightful.me"><img src="https://www.brightful.me/content/images/2021/04/ezgif.com-gif-maker--1-.gif" class="kg-image" alt loading="lazy" width="320" height="513"></a></figure><!--kg-card-begin: html--><a href="https://now.brightful.me/draw-it?ref=brightful.me">
  302.    <button class="bright-full-button">PLAY PICTIONARY ONLINE!
  303. </button>
  304. </a>
  305. <style>
  306. .bright-full-button {
  307.  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.4);
  308.  background-image: linear-gradient(110deg, #fa410f, #f4703d);
  309.  position: relative;
  310.  font-family: Roboto, sans-serif;
  311.  font-weight: bold;
  312.  text-transform: uppercase;
  313.  border-radius: 2px;
  314.  color: #fff;
  315.  padding-left: 36px;
  316.  padding-right: 36px;
  317.  font-size: 16px;
  318.  padding: 14px;
  319.  border: none;
  320.  width: 328px;
  321.  cursor: pointer;
  322.  margin-top: 24px;
  323.  transition: all ease 0.3s
  324. }
  325. .bright-full-button:focus {
  326.    outline: none;
  327.    border: none;
  328. }
  329. .bright-full-button:hover {
  330.    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.4);
  331. }
  332. </style><!--kg-card-end: html--><p></p><p></p><p></p><h3 id="board-setup-">Board setup:</h3><p>Each player places a token on the start square. Give each player some paper and pen, and a category card. <br></p><p>There are four categories: <br></p><p>All Play (AP) where any word or expression can be used</p><p>Difficult (D) where the words are a bit harder than usual</p><p>Actions (A) for verbs</p><p>Object (O) for nouns<br></p><p><em>Note: If a little triangle (△) appears next to the word on a card, it is automatically an AP category.</em><br></p><p><strong>Bonus tip</strong>: Don’t have the board game or have played all the words already? Check out our <a href="https://www.brightful.me/blog/funny-pictionary-words/"><strong>list of Pictionary words</strong></a>, they’re sorted by EASY, MEDIUM and HARD, so you will never run out of ideas.<br></p><h3 id="playing-pictionary-">Playing Pictionary:</h3><p>Now everyone should be ready. Choose one player on your team to be the first drawer and roll dice to see which team goes first. The highest roll gets to pick a card from the deck and the AP category is chosen for everybody to guess. Once the card is drawn, the Drawer has 5 seconds before they must begin to sketch.<br></p><p>Once 5 seconds are up, the time is set to 1 minute and the drawer sketches their words.</p><p><em>Note: A sketch can not include letters or numbers.</em></p><p>All players then guess in the first round and have 1 minute to do so. The team that guesses correctly first then gets to roll a die and advance the corresponding amount of squares. They now switch drawers and draw a card. The category they must draw should correspond to the color square they are on. The new drawer has 5 seconds to think / prepare and 1 minute to sketch.<br></p><p>In this and all consequent rounds, only teammates guess the clue. If the team guesses correctly, they may roll the dice again and advance to a new square. This happens until the team guesses incorrectly, then a new team gets to play. This new team begins by drawing a card and beginning a new round of the sketch and guess process. The first team to the finish square wins the entire game. <br></p><h3 id="do-s-and-don-ts">Do's and Don'ts<br></h3><p>you CAN...</p><ul><li>Draw anything related to the word, no matter how tenuous the (ink</li><li>Break words down into a number of syllables</li><li>Draw "dock" for "doc", or "flu" for "flue", etc.<br></li></ul><p>you CANNOT…<br></p><ul><li>Use "ears" for "sounds like" or dashes to show the number of letters in the word</li><li>Use letters or numbers</li><li>Speak to your teammates</li><li>Use sign language</li></ul><h3 id="want-more-pictionary-words">Want more Pictionary words?</h3><p>Now that you know the rules to playing Pictionary, you may be looking for more tools to help you get started. You'll definitely want to check out our handy <a href="https://www.brightful.me/blog/random-pictionary-word-generator/"><strong>Pictionary Word Generator</strong></a><strong>, </strong>which spits out easy, medium and hard Pictionary words. Choose the difficulty that best suits your skill level. It's the perfect tool for any drawing guessing game.</p><p>That's all you need to know to get started playing Pictionary. So go bust out the pen and paper and have some old fashioned, creative fun.</p><p>If you need more of an excuse to get drawing, be sure to check out our <strong><a href="https://www.brightful.me/blog/the-ultimate-list-of-things-to-draw/">Ultimate List of Things to Draw</a>.</strong></p><p></p>
  333.                        </div>
  334.                    </section>
  335.                </div>
  336.                <div class="post-sidebar-content sidebar">
  337.    <div class="post-sidebar-inner">
  338.  
  339.  
  340.        <div class="sidebar-post-card">
  341.            <div class="sidebar-top" style="background-image:url('https://www.brightful.me/assets/img/sidebar/vector.png?v=6ac5dc7cd1');">
  342.                <h3 class="s-post-heading">
  343.                    Love
  344.                </h3>
  345.                <span class="color-text">
  346.                    Drawing?
  347.                </span>
  348.                <div class="s-card-image">
  349.                    <img src="https://www.brightful.me/assets/img/sidebar/draw_it.png?v=6ac5dc7cd1" alt="image">
  350.                </div>
  351.            </div>
  352.            <div class="sidebar-bottom">
  353.                <p class="s-text">
  354.                    Play Pictionary online now with friends for free!
  355.                </p>
  356.                <p class="s-text">
  357.                    Over 10,000 words to draw from play on mobile or desktop
  358.                </p>
  359.                <a href="https://landing.brightful.me/pictionary-online?source=blog-sidebar-draw-it" class="read-more">PLAY PICTIONARY</a>
  360.            </div>
  361.        </div>
  362.  
  363.        <div class="single-sidebar-posts sidebar-trusted-by-teams-worldwide">
  364.            <h5 class="sidebar-heading">
  365.                How it works
  366.            </h5>
  367.            <div class="wrapper">
  368.                <ul class="StepProgress">
  369.                    <li class="StepProgress-item">Sign up in seconds, then pick a game to host.</li>
  370.                    <li class="StepProgress-item">Gather everyone into your virtual conference using your existing meeting tool (eg. Zoom or Skype).
  371.                    </li>
  372.                    <li class="StepProgress-item">Share the invitation with your team and you’re good to go. Enjoy the game!</li>
  373.                </ul>
  374.            </div>
  375.        </div>
  376.  
  377.        <div class="btn-learn-more">
  378.            <a href="https://www.brightful.me/play/?source=blog" target="_blank" class="continue-reading">
  379.                <span>Learn more</span>
  380.                <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>
  381.        </div>
  382.    </div>
  383. </div>            </div>
  384.        </article>
  385.    </div>
  386. </main>
  387.  
  388. <div class="connection-section outer">
  389.    <div class="inner">
  390.        <div class="footer-top-section">
  391.            <div class="inner">
  392.                <div class="discussion-wrapper">
  393.                    <div class="discussion-image">
  394.                        <img src="https://www.brightful.me/assets/home/img/discussion.png?v=6ac5dc7cd1" alt="discussion image">
  395.                    </div>
  396.                    <div class="discussion-content">
  397.                        <h3 class="discussion-heading">Connect in a more meaningful way</h3>
  398.                        <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>
  399.                        <a class="btn-orange-primary" href="https://www.brightful.me/play/?source=blog">START YOUR TRIAL</a>
  400.                    </div>
  401.                </div>
  402.            </div>
  403.        </div>
  404.    </div>
  405. </div>
  406.  
  407. <div id="trivia-popup" class="popup-section" style="background-image:url(https://www.brightful.me/assets/img/hero/popup-bg.png?v=6ac5dc7cd1);">
  408.    <div class="popup-close-option" onclick="popupClose()">
  409.        <img src="https://www.brightful.me/assets/img/hero/close-option.png?v=6ac5dc7cd1" alt="icon">
  410.    </div>
  411.    <div class="popup-wrap shape-parent">
  412.        <div class="shape-line">
  413.           <img src="https://www.brightful.me/assets/img/hero/line-shape.png?v=6ac5dc7cd1" alt="" class="shape-line-one">
  414.           <img src="https://www.brightful.me/assets/img/hero/line-shape.png?v=6ac5dc7cd1" alt="" class="shape-line-two">
  415.        </div>
  416.        <div class="popup-wrapper">
  417.            <div class="try-wrap">
  418.                <span>try</span>
  419.                <img src="https://www.brightful.me/assets/img/hero/try-bg.png?v=6ac5dc7cd1" alt="bg image">
  420.            </div>
  421.            <div class="popup-content-wraper">
  422.                <h3>Give Brightful’s Trivia a go!</h3>
  423.                <div class="popup-trivia-qus-wrap">
  424.                    <h5>When Avengers: Endgame passed Titanic in total box-office, what Titanic director sent Kevin Feige a congratulatory message?</h5>
  425.                    <ul class="popup-ans-list">
  426.                        <li>
  427.                            <button>James Cameron</button>
  428.                        </li>
  429.                        <li>
  430.                            <button>Steven Spielberg</button>
  431.                        </li>
  432.                        <li>
  433.                            <button>Martin Scorsese</button>
  434.                        </li>
  435.                        <li>
  436.                            <button>Leonardo DiCaprio</button>
  437.                        </li>
  438.                    </ul>
  439.                </div>
  440.            </div>
  441.        </div>
  442.    </div>
  443.    <div class="congrass-option popup-wrap">
  444.        <div class="shape-line">
  445.           <img src="https://www.brightful.me/assets/img/hero/line-shape.png?v=6ac5dc7cd1" alt="" class="shape-line-one">
  446.           <img src="https://www.brightful.me/assets/img/hero/line-shape.png?v=6ac5dc7cd1" alt="" class="shape-line-two">
  447.           </div>
  448.        <div class="congrass-content">
  449.            <img src="https://www.brightful.me/assets/img/hero/answer.png?v=6ac5dc7cd1" alt="">
  450.            <div class="ans-options">
  451.                <p>The correct answer is</p>
  452.                <h5>James Cameron</h5>
  453.            </div>
  454.        </div>
  455.        <div class="congrass-ftr" style="background-image:url(https://www.brightful.me/assets/img/hero/congress-ftr.png?v=6ac5dc7cd1)">
  456.            <h3>Endless Trivia Questions</h3>
  457.            <p>With 1000+ of the best trivia questions categorized in one place, you will never run out of questions again.</p>
  458.            <a href="https://now.brightful.me/trivia" class="btn-orange-primary" onclick="popupClicked()">Try for FREE</a>
  459.        </div>
  460.    </div>
  461.    <div class="popup-shape">
  462.        <img class="popup-ftr-bg" src="https://www.brightful.me/assets/img/hero/popup-ftr-frame.png?v=6ac5dc7cd1" alt="">
  463.        <img class="popup-ftr-man" src="https://www.brightful.me/assets/img/hero/popup-preson.png?v=6ac5dc7cd1" alt="">
  464.    </div>
  465. </div>
  466.  
  467. <div id="wyr-popup" class="popup-section" style="background-image:url(https://www.brightful.me/assets/img/hero/popup-bg.png?v=6ac5dc7cd1);">
  468.    <div class="popup-close-option" onclick="popupClose()">
  469.        <img src="https://www.brightful.me/assets/img/hero/close-option.png?v=6ac5dc7cd1" alt="icon">
  470.    </div>
  471.    <div class="popup-wrap shape-parent reather-step-one">
  472.       <div class="popup-wrapper">
  473.            <div class="try-wrap">
  474.                <span>try</span>
  475.                <img src="https://www.brightful.me/assets/img/hero/try-bg.png?v=6ac5dc7cd1" alt="bg image">
  476.            </div>
  477.            <div class="popup-content-wraper raither-content">
  478.                <h3>Give Brightful a go!</h3>
  479.                <div class="raither-img">
  480.                    <img src="https://www.brightful.me/assets/img/hero/reather-img.png?v=6ac5dc7cd1" alt="">
  481.                </div>
  482.                <div class="popup-wyr-qus-wrap">
  483.                    <h5>Would you rather be</h5>
  484.                    <ul class="raither-popup-ans-list">
  485.                        <li class="raither-option-one">
  486.                            <button>Lebron James / Simone Biles</button>
  487.                        </li>
  488.                        <li class="raither-option-two">
  489.                            <button>Beyonce / Ed Sheeran</button>
  490.                        </li>
  491.                    </ul>
  492.                </div>
  493.            </div>
  494.        </div>
  495.    </div>
  496.    <div class="list-option-one popup-wrap reather-step-two">
  497.        <div class="reather-content">
  498.            <h3>Would you rather be</h3>
  499.            <div class="reather-ans-wrap">
  500.                <div class="reather-ans-vs">
  501.                    <span>VS</span>
  502.                </div>
  503.                <div class="reather-ans-right">
  504.                    <div class="reather-ans-single sky-bg">
  505.                        <p>Lebron James / Simone Biles</p>
  506.                        <h5>1</h5>
  507.                        <div class="reather-ans-overlay">
  508.                            <p>Other players: 63%</p>
  509.                        </div>
  510.                    </div>
  511.                    <div class="pro-status">
  512.                        <p>You</p>
  513.                    </div>
  514.                </div>
  515.                <div class="reather-ans-single paste-bg">
  516.                    <p>Beyonce / Ed Sheeran</p>
  517.                    <h5>0</h5>
  518.                    <div class="reather-ans-overlay">
  519.                        <p>Other players: 37%</p>
  520.                    </div>
  521.                </div>
  522.            </div>
  523.        </div>
  524.        <div class="congrass-ftr reather-ftr" style="background-image:url(https://www.brightful.me/assets/img/hero/congress-ftr.png?v=6ac5dc7cd1)">
  525.            <h3>Would You Rather Questions</h3>
  526.            <p>Find 1000+ of the quirkiest, funniest, and most interesting Would You Rather questions all in one place.</p>
  527.            <a href="https://now.brightful.me/would-you-rather" class="btn-orange-primary">Try for FREE</a>
  528.        </div>
  529.    </div>
  530.    <div class="list-option-one popup-wrap reather-step-three">
  531.        <div class="reather-content">
  532.            <h3>Would you rather be</h3>
  533.            <div class="reather-ans-wrap">
  534.                <div class="reather-ans-vs">
  535.                    <span>VS</span>
  536.                </div>
  537.                <div class="reather-ans-single sky-bg">
  538.                    <p>Lebron James / Simone Biles</p>
  539.                    <h5>0</h5>
  540.                    <div class="reather-ans-overlay">
  541.                        <p>Other players: 63%</p>
  542.                    </div>
  543.                </div>
  544.                <div class="reather-ans-right">
  545.                    <div class="reather-ans-single paste-bg">
  546.                        <p>Beyonce / Ed Sheeran</p>
  547.                        <h5>1</h5>
  548.                        <div class="reather-ans-overlay">
  549.                            <p>Other players: 37%</p>
  550.                        </div>
  551.                    </div>
  552.                    <div class="pro-status">
  553.                        <p>You</p>
  554.                    </div>
  555.                </div>
  556.                
  557.            </div>
  558.        </div>
  559.        <div class="congrass-ftr reather-ftr" style="background-image:url(https://www.brightful.me/assets/img/hero/congress-ftr.png?v=6ac5dc7cd1)">
  560.            <h3>Would You Rather Questions</h3>
  561.            <p>Find 1000+ of the quirkiest, funniest, and most interesting Would You Rather questions all in one place.</p>
  562.            <a href="https://now.brightful.me/would-you-rather" class="btn-orange-primary" onclick="popupClicked()">Try for FREE</a>
  563.        </div>
  564.    </div>
  565.    <div class="popup-shape">
  566.        <img class="popup-ftr-bg" src="https://www.brightful.me/assets/img/hero/popup-ftr-frame.png?v=6ac5dc7cd1" alt="">
  567.        <img class="popup-ftr-man" src="https://www.brightful.me/assets/img/hero/popup-preson.png?v=6ac5dc7cd1" alt="">
  568.    </div>
  569. </div>
  570.  
  571. <aside class="read-next outer brightful-dark-bg">
  572.    <div class="inner">
  573.        <div class="read-next-feed">
  574.            <article class="read-next-card">
  575.                <header class="read-next-card-header">
  576.                    <h3><span>More in</span> <a href="/tag/icebreaker-games/">Icebreaker Games</a></h3>
  577.                </header>
  578.                <div class="read-next-card-content">
  579.                    <ul>
  580.                        <li>
  581.                            <h4><a href="/blog/general-trivia-questions/">1000 Trivia Questions and Answers - Summer 2023</a></h4>
  582.                            <div class="read-next-card-meta">
  583.                                <p><time datetime="2022-05-08">8 May 2022</time> –
  584.                                    55 min read</p>
  585.                            </div>
  586.                        </li>
  587.                        <li>
  588.                            <h4><a href="/blog/30-best-trivia-questions-for-christmas/">30 Best Christmas Trivia Questions</a></h4>
  589.                            <div class="read-next-card-meta">
  590.                                <p><time datetime="2021-09-28">28 Sep 2021</time> –
  591.                                    6 min read</p>
  592.                            </div>
  593.                        </li>
  594.                        <li>
  595.                            <h4><a href="/blog/christmas-virtual-office-party/">7 Virtual Christmas Party Ideas (For Remote Work)</a></h4>
  596.                            <div class="read-next-card-meta">
  597.                                <p><time datetime="2021-07-07">7 Jul 2021</time> –
  598.                                    3 min read</p>
  599.                            </div>
  600.                        </li>
  601.                    </ul>
  602.                </div>
  603.                <footer class="read-next-card-footer">
  604.                    <a href="/tag/icebreaker-games/">See all 38 posts
  605.                        →</a>
  606.                </footer>
  607.            </article>
  608.  
  609.                <article class="post-card post ">
  610.  
  611.    <a class="post-card-image-link" href="/blog/the-ultimate-list-of-things-to-draw/">
  612.        <img class="post-card-image"
  613.            srcset="/content/images/size/w300/2020/08/pexels-javier-gonzalez-89625.jpg 300w,
  614.                    /content/images/size/w600/2020/08/pexels-javier-gonzalez-89625.jpg 600w,
  615.                    /content/images/size/w1000/2020/08/pexels-javier-gonzalez-89625.jpg 1000w,
  616.                    /content/images/size/w2000/2020/08/pexels-javier-gonzalez-89625.jpg 2000w"
  617.            sizes="(max-width: 1000px) 400px, 700px"
  618.            loading="lazy"
  619.            src="/content/images/size/w600/2020/08/pexels-javier-gonzalez-89625.jpg"
  620.            alt="The Ultimate List of Things To Draw"
  621.        />
  622.    </a>
  623.  
  624.    <div class="post-card-content">
  625.  
  626.        <a class="post-card-content-link" href="/blog/the-ultimate-list-of-things-to-draw/">
  627.  
  628.            <header class="post-card-header">
  629.                <h2 class="post-card-title">The Ultimate List of Things To Draw</h2>
  630.            </header>
  631.  
  632.            <section class="post-card-excerpt">
  633.                    <p>Why you should draw
  634. Tapping into your creative side can be as simple as getting a pen or pencil and
  635. a notepad. Maybe you haven&#39;t doodled since you</p>
  636.            </section>
  637.  
  638.        </a>
  639.  
  640.        <footer class="post-card-meta">
  641.            <div class="post-card-byline-content">
  642.                <span class="post-card-byline-date"><time datetime="2020-08-14">14 Aug 2020</time> <span class="bull">&bull;</span> 5 min read</span>
  643.            </div>
  644.        </footer>
  645.  
  646.    </div>
  647.  
  648. </article>
  649.  
  650.            
  651.                <article class="post-card post ">
  652.  
  653.    <a class="post-card-image-link" href="/blog/best-pictionary-word-ideas/">
  654.        <img class="post-card-image"
  655.            srcset="/content/images/size/w300/2020/08/pexels-lumn-316465.jpg 300w,
  656.                    /content/images/size/w600/2020/08/pexels-lumn-316465.jpg 600w,
  657.                    /content/images/size/w1000/2020/08/pexels-lumn-316465.jpg 1000w,
  658.                    /content/images/size/w2000/2020/08/pexels-lumn-316465.jpg 2000w"
  659.            sizes="(max-width: 1000px) 400px, 700px"
  660.            loading="lazy"
  661.            src="/content/images/size/w600/2020/08/pexels-lumn-316465.jpg"
  662.            alt="107 Best Pictionary Word Ideas for Work Games"
  663.        />
  664.    </a>
  665.  
  666.    <div class="post-card-content">
  667.  
  668.        <a class="post-card-content-link" href="/blog/best-pictionary-word-ideas/">
  669.  
  670.            <header class="post-card-header">
  671.                <h2 class="post-card-title">107 Best Pictionary Word Ideas for Work Games</h2>
  672.            </header>
  673.  
  674.            <section class="post-card-excerpt">
  675.                    <p>When’s the last time you picked up a pen and did a little drawing? Maybe it has
  676. been years since you expressed your creativity with pen and paper, or</p>
  677.            </section>
  678.  
  679.        </a>
  680.  
  681.        <footer class="post-card-meta">
  682.            <div class="post-card-byline-content">
  683.                <span class="post-card-byline-date"><time datetime="2020-08-14">14 Aug 2020</time> <span class="bull">&bull;</span> 5 min read</span>
  684.            </div>
  685.        </footer>
  686.  
  687.    </div>
  688.  
  689. </article>
  690.        </div>
  691.    </div>
  692. </aside>
  693. <script>
  694.    initAmplitude();
  695.    amplitudeEvent("visitedBlog", {
  696.        title: `Pictionary Rules: How to Play Pictionary? Best Tips and tricks`,
  697.        eventTime: new Date(Date.now()).toISOString(),
  698.        url: location.pathname,
  699.    });
  700. </script>
  701. <script>
  702.    document.addEventListener("copy", (event) => {
  703.        let tagline = '\n\n';
  704.        if (`Icebreaker Games` === 'Remote Work Tips') {
  705.            tagline += 'For more team building activities, visit https://Brightful.me';
  706.        } else {
  707.            switch (`Draw`) {
  708.                case 'Trivia': {
  709.                    tagline += 'Visit https://Brightful.me for more fun trivia!';
  710.                    break;
  711.                }
  712.                case 'Questions': {
  713.                    tagline += 'Visit https://Brightful.me for the best conversation questions.';
  714.                    break;
  715.                }
  716.                case 'Would You Rather': {
  717.                    tagline += 'For more funny and interesting Would You Rather questions, visit https://Brightful.me';
  718.                    break;
  719.                }
  720.                case 'Games': {
  721.                    tagline += 'Visit https://Brightful.me for more fun and exciting games.';
  722.                    break;
  723.                }
  724.                case 'Draw': {
  725.                    tagline += 'Visit https://Brightful.me to find more fun things to draw!';
  726.                    break;
  727.                }
  728.            }
  729.        }
  730.        amplitudeEvent("copiedTextInBlog", {
  731.            payload: `${document.getSelection()}`,
  732.            url: location.pathname,
  733.            eventTime: new Date(Date.now()).toISOString(),
  734.        });
  735.        event.clipboardData.setData("text", document.getSelection() + tagline);
  736.        event.preventDefault();
  737.    });
  738. </script>
  739. <script>
  740.    let isTriviaBlog = false;
  741.    let isWYRBlog = false;
  742.    function popupClicked() {
  743.        amplitudeEvent("popupClicked", {
  744.            url: location.pathname,
  745.            tag: isTriviaBlog ? 'Trivia' : 'Would You Rather',
  746.            eventTime: new Date(Date.now()).toISOString(),
  747.        });
  748.    }
  749.    function popupClose() {
  750.        if (isTriviaBlog) $('#trivia-popup').fadeOut();
  751.        if (isWYRBlog) $('#wyr-popup').fadeOut();
  752.        if (typeof(Storage) !== 'undefined') {
  753.            var attempts = localStorage.getItem("popup-count");
  754.            localStorage.setItem("popup-count", ++attempts);
  755.        } else {
  756.            localStorage.setItem('popup-count', 1);
  757.        }
  758.        $('#trivia-popup').remove();
  759.        $('#wyr-popup').remove();
  760.    }
  761.    $(document).ready(function () {
  762.        const allTags = [];
  763.        const tag1 = `Icebreaker Games`;
  764.        const tag2 = `Draw`;
  765.        const tag3 = ``;
  766.        const tag4 = ``;
  767.        const questionAudio = new Audio("https://www.brightful.me/assets/play/audio/QuestionsAppear.mp3?v=6ac5dc7cd1");
  768.        if (tag1 != '') allTags.push(tag1);
  769.        if (tag2 != '') allTags.push(tag2);
  770.        if (tag3 != '') allTags.push(tag3);
  771.        if (tag4 != '') allTags.push(tag4);
  772.        isTriviaBlog = tag1 === 'Trivia' || tag2 === 'Trivia' || tag3 === 'Trivia' || tag4 === 'Trivia';
  773.        isWYRBlog = tag1 === 'Would You Rather' || tag2 === 'Would You Rather' || tag3 === 'Would You Rather' || tag4 === 'Would You Rather';
  774.        if (isTriviaBlog || isWYRBlog) {
  775.            let attempts = localStorage.getItem("popup-count");
  776.            setTimeout(function() {
  777.                if (isTriviaBlog) {
  778.                    $('#trivia-popup').fadeIn();
  779.                    questionAudio.play();
  780.                }
  781.                if (isWYRBlog) {
  782.                    $('#wyr-popup').fadeIn();
  783.                    questionAudio.play();
  784.                }
  785.                if (attempts < 2) {
  786.                    amplitudeEvent("popupDisplayed", {
  787.                        url: location.pathname,
  788.                        tag: allTags.join(', '),
  789.                        eventTime: new Date(Date.now()).toISOString(),
  790.                    });
  791.                }
  792.            }, 30000);
  793.            if (attempts > 1) {
  794.                $('#trivia-popup').remove();
  795.                $('#wyr-popup').remove();
  796.            }
  797.            $("html").bind("mouseleave", function () {
  798.                setTimeout(function() {
  799.                    if (isTriviaBlog) {
  800.                        $('#trivia-popup').fadeIn();
  801.                        questionAudio.play();
  802.                    }
  803.                    if (isWYRBlog) {
  804.                        $('#wyr-popup').fadeIn();
  805.                        questionAudio.play();
  806.                    }
  807.                    amplitudeEvent("popupDisplayed", {
  808.                        url: location.pathname,
  809.                        tag: allTags.join(', '),
  810.                        eventTime: new Date(Date.now()).toISOString(),
  811.                    });
  812.                }, 300);
  813.                $("html").unbind("mouseleave");
  814.            });
  815.        }
  816.        // Trivia popup scripts
  817.        if (isTriviaBlog) {
  818.            let btnOptions = $('.popup-ans-list li button');
  819.            let correctResult = 'James Cameron';
  820.            let correctOption;
  821.            btnOptions.each(function() {
  822.                let $this = $(this);
  823.                let thisVal = $this.text();
  824.                if (correctResult === thisVal){
  825.                    correctOption = $this.parent().index();
  826.                }
  827.            });
  828.            btnOptions.click(function() {
  829.                let $this = $(this);
  830.                let thisVal = $this.text();
  831.                setTimeout(function(e) {
  832.                    if (correctResult === thisVal){
  833.                        $this.parent().addClass('correct');
  834.                    } else {
  835.                        $this.parent().addClass('wrong');
  836.                        btnOptions.parent().eq(correctOption).addClass('correct');
  837.                    }
  838.                }, 1000);
  839.                setTimeout(function() {
  840.                    $('.popup-wrap').addClass('hide');
  841.                    $('.congrass-option').addClass('show');
  842.                },2000);
  843.            });
  844.        }
  845.        // WYR popup scripts
  846.        if (isWYRBlog) {
  847.            setTimeout(function(){
  848.                $('.raither-option-one').click(function() {
  849.                    $('.reather-step-one, .reather-step-three').addClass('none');
  850.                    $('.reather-step-two').addClass('show');
  851.                });
  852.            }, 1000);
  853.            setTimeout(function(){
  854.                $('.raither-option-two').click(function() {
  855.                    $('.reather-step-one, .reather-step-two').addClass('none');
  856.                    $('.reather-step-three').addClass('show');
  857.                });
  858.            }, 1000);
  859.        }
  860.    });
  861. </script>
  862. <script>
  863.    const players = Array.from(
  864.        document.querySelectorAll('.plyr__video-embed')).map(p => new Plyr(p, {})
  865.    );
  866. </script>
  867.  
  868.  
  869.  
  870.        <footer class="site-footer outer brightful-bg">
  871.            <div class="site-footer-content inner">
  872.                <section class="copyright"><a href="https://www.brightful.me">Connect in a more meaningful way</a> &copy; 2024</section>
  873.                <nav class="site-footer-nav">
  874.                    <a href="https://www.brightful.me/blog/">Latest Posts</a>
  875.                    
  876.                    <a href="https://twitter.com/brightfulhq" target="_blank" rel="noopener">Twitter</a>
  877.                </nav>
  878.            </div>
  879.        </footer>
  880.  
  881.    </div>
  882.  
  883.    <div class="subscribe-success-message">
  884.        <a class="subscribe-close" href="javascript:;"></a>
  885.        You've successfully subscribed to Connect in a more meaningful way!
  886.    </div>
  887.  
  888.    <div id="subscribe" class="subscribe-overlay">
  889.        <a class="subscribe-close-overlay" href="#"></a>
  890.        <a class="subscribe-close-button" href="#"></a>
  891.        <div class="subscribe-overlay-content">
  892.            <div class="subscribe-form">
  893.                <h1 class="subscribe-overlay-title">Subscribe to Connect in a more meaningful way</h1>
  894.                <p class="subscribe-overlay-description">Stay up to date! Get all the latest & greatest posts delivered straight to your inbox</p>
  895.                <form data-members-form="subscribe">
  896.                    <div class="form-group">
  897.                        <input class="subscribe-email" data-members-email placeholder="youremail@example.com"
  898.                            autocomplete="false" />
  899.                        <button class="button primary" type="submit">
  900.                            <span class="button-content">Subscribe</span>
  901.                            <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"
  902.    y="0px" width="40px" height="40px" viewBox="0 0 40 40" enable-background="new 0 0 40 40" xml:space="preserve">
  903.    <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
  904. 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
  905. 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" />
  906.    <path fill="#000" d="M26.013,10.047l1.654-2.866c-2.198-1.272-4.743-2.012-7.466-2.012h0v3.312h0
  907. C22.32,8.481,24.301,9.057,26.013,10.047z">
  908.        <animateTransform attributeType="xml" attributeName="transform" type="rotate" from="0 20 20" to="360 20 20"
  909.            dur="0.5s" repeatCount="indefinite" />
  910.    </path>
  911. </svg></span>
  912.                        </button>
  913.                    </div>
  914.                    <div class="message-success">
  915.                        <strong>Great!</strong> Check your inbox and click the link to confirm your subscription.
  916.                    </div>
  917.                    <div class="message-error">
  918.                        Please enter a valid email address!
  919.                    </div>
  920.                </form>
  921.            </div>
  922.        </div>
  923.    </div>
  924.  
  925. <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
  926.    <script src="https://www.brightful.me/assets/built/sticky-sidebar.js?v=6ac5dc7cd1"></script>
  927.    <script src="https://www.brightful.me/assets/built/casper.js?v=6ac5dc7cd1"></script>
  928.  
  929.    <script>
  930.        // Give the parameter a variable name
  931.        var action = getParameterByName('action');
  932.  
  933.        $(document).ready(function () {
  934.            if (action == 'subscribe') {
  935.                $('body').addClass("subscribe-success");
  936.            }
  937.  
  938.            $('.subscribe-success-message .subscribe-close').click(function () {
  939.                $('.subscribe-success-message').addClass('close');
  940.            });
  941.  
  942.            // Reset form on opening subscrion overlay
  943.            $('.subscribe-button').click(function() {
  944.                $('.subscribe-overlay form').removeClass();
  945.                $('.subscribe-email').val('');
  946.            });
  947.  
  948.        });
  949.    </script>
  950.  
  951.    <script>
  952.    function showHowItWorksTagsBlog() {
  953.        if ($(window).height() < 840) {
  954.            $('.sidebar-trusted-by-teams-worldwide').hide();
  955.        } else {
  956.            $('.sidebar-trusted-by-teams-worldwide').show();
  957.        }
  958.    }
  959.    $(document).ready(function () {
  960.        // FitVids - start
  961.        var $postContent = $(".post-full-content");
  962.        $postContent.fitVids();
  963.        // FitVids - end
  964.  
  965.        $('.sidebar').StickySidebar({
  966.            additionalMarginTop: 70
  967.        });
  968.  
  969.        $(window).resize(() =>  showHowItWorksTagsBlog());
  970.  
  971.        showHowItWorksTagsBlog();
  972.  
  973.        // Replace nav with title on scroll - start
  974.        Casper.stickyNavTitle({
  975.            navSelector: '.site-nav-main',
  976.            titleSelector: '.post-full-title',
  977.            activeClass: 'nav-post-title-active'
  978.        });
  979.        // Replace nav with title on scroll - end
  980.  
  981.        // Hover on avatar
  982.        var hoverTimeout;
  983.        $('.author-list-item').hover(function () {
  984.            var $this = $(this);
  985.  
  986.            clearTimeout(hoverTimeout);
  987.  
  988.            $('.author-card').removeClass('hovered');
  989.            $(this).children('.author-card').addClass('hovered');
  990.  
  991.        }, function () {
  992.            var $this = $(this);
  993.  
  994.            hoverTimeout = setTimeout(function () {
  995.                $this.children('.author-card').removeClass('hovered');
  996.            }, 800);
  997.        });
  998.    });
  999. </script>
  1000.  
  1001.  
  1002.    
  1003.  
  1004. </body>
  1005. </html>
  1006.  
Copyright © 2002-9 Sam Ruby, Mark Pilgrim, Joseph Walton, and Phil Ringnalda