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/30-christmas-words-for-charades/

  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>30 Christmas Words for Charades</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=db8a9c21e7" />
  12.  
  13.    <link rel="icon" href="https://www.brightful.me/content/images/size/w256h256/2020/07/icon_83.5@2x.png" type="image/png">
  14.    <link rel="canonical" href="https://www.brightful.me/blog/30-christmas-words-for-charades/">
  15.    <meta name="referrer" content="no-referrer-when-downgrade">
  16.    <link rel="amphtml" href="https://www.brightful.me/blog/30-christmas-words-for-charades/amp/">
  17.    
  18.    <meta property="og:site_name" content="Connect in a more meaningful way">
  19.    <meta property="og:type" content="article">
  20.    <meta property="og:title" content="30 Christmas Words for Charades">
  21.    <meta property="og:description" content="Christmas time is here! With it, along with figuring out what will make the
  22. perfect gift ideas or stocking stuffers, comes planning for the annual office
  23. Christmas party.
  24.  
  25.  
  26. While traditional office Christmas parties may not be feasible again this year,
  27. there are still ways you and your remote team can">
  28.    <meta property="og:url" content="https://www.brightful.me/blog/30-christmas-words-for-charades/">
  29.    <meta property="og:image" content="https://www.brightful.me/content/images/size/w1200/2021/09/sincerely-media--JBu1u-JcjQ-unsplash.jpg">
  30.    <meta property="article:published_time" content="2021-09-28T03:43:49.000Z">
  31.    <meta property="article:modified_time" content="2021-10-11T09:03:43.000Z">
  32.    <meta property="article:tag" content="Charades">
  33.    
  34.    <meta name="twitter:card" content="summary_large_image">
  35.    <meta name="twitter:title" content="30 Christmas Words for Charades">
  36.    <meta name="twitter:description" content="Christmas time is here! With it, along with figuring out what will make the
  37. perfect gift ideas or stocking stuffers, comes planning for the annual office
  38. Christmas party.
  39.  
  40.  
  41. While traditional office Christmas parties may not be feasible again this year,
  42. there are still ways you and your remote team can">
  43.    <meta name="twitter:url" content="https://www.brightful.me/blog/30-christmas-words-for-charades/">
  44.    <meta name="twitter:image" content="https://www.brightful.me/content/images/size/w1200/2021/09/sincerely-media--JBu1u-JcjQ-unsplash.jpg">
  45.    <meta name="twitter:label1" content="Written by">
  46.    <meta name="twitter:data1" content="Adrian Ma">
  47.    <meta name="twitter:label2" content="Filed under">
  48.    <meta name="twitter:data2" content="Charades">
  49.    <meta name="twitter:site" content="@brightfulhq">
  50.    <meta property="og:image:width" content="1200">
  51.    <meta property="og:image:height" content="900">
  52.    
  53.    <script type="application/ld+json">
  54. {
  55.    "@context": "https://schema.org",
  56.    "@type": "Article",
  57.    "publisher": {
  58.        "@type": "Organization",
  59.        "name": "Connect in a more meaningful way",
  60.        "url": "https://www.brightful.me/",
  61.        "logo": {
  62.            "@type": "ImageObject",
  63.            "url": "https://www.brightful.me/content/images/size/w256h256/2020/07/icon_83.5@2x.png",
  64.            "width": 60,
  65.            "height": 60
  66.        }
  67.    },
  68.    "author": {
  69.        "@type": "Person",
  70.        "name": "Adrian Ma",
  71.        "url": "https://www.brightful.me/404/",
  72.        "sameAs": []
  73.    },
  74.    "headline": "30 Christmas Words for Charades",
  75.    "url": "https://www.brightful.me/blog/30-christmas-words-for-charades/",
  76.    "datePublished": "2021-09-28T03:43:49.000Z",
  77.    "dateModified": "2021-10-11T09:03:43.000Z",
  78.    "image": {
  79.        "@type": "ImageObject",
  80.        "url": "https://www.brightful.me/content/images/size/w1200/2021/09/sincerely-media--JBu1u-JcjQ-unsplash.jpg",
  81.        "width": 1200,
  82.        "height": 900
  83.    },
  84.    "keywords": "Charades",
  85.    "description": "\n\nChristmas time is here! With it, along with figuring out what will make the\nperfect gift ideas or stocking stuffers, comes planning for the annual office\nChristmas party. \n\n\nWhile traditional office Christmas parties may not be feasible again this year,\nthere are still ways you and your remote team can still celebrate Christmas\ntogether through a group video call, no matter where you may be based in the\nworld. Aside from chat sessions and watch parties of Christmas movies, team\ngames and activ",
  86.    "mainEntityOfPage": "https://www.brightful.me/blog/30-christmas-words-for-charades/"
  87. }
  88.    </script>
  89.  
  90.    <meta name="generator" content="Ghost 5.82">
  91.    <link rel="alternate" type="application/rss+xml" title="Connect in a more meaningful way" href="">
  92.    <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,
  93. .gh-post-upgrade-cta {
  94.    display: flex;
  95.    flex-direction: column;
  96.    align-items: center;
  97.    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  98.    text-align: center;
  99.    width: 100%;
  100.    color: #ffffff;
  101.    font-size: 16px;
  102. }
  103.  
  104. .gh-post-upgrade-cta-content {
  105.    border-radius: 8px;
  106.    padding: 40px 4vw;
  107. }
  108.  
  109. .gh-post-upgrade-cta h2 {
  110.    color: #ffffff;
  111.    font-size: 28px;
  112.    letter-spacing: -0.2px;
  113.    margin: 0;
  114.    padding: 0;
  115. }
  116.  
  117. .gh-post-upgrade-cta p {
  118.    margin: 20px 0 0;
  119.    padding: 0;
  120. }
  121.  
  122. .gh-post-upgrade-cta small {
  123.    font-size: 16px;
  124.    letter-spacing: -0.2px;
  125. }
  126.  
  127. .gh-post-upgrade-cta a {
  128.    color: #ffffff;
  129.    cursor: pointer;
  130.    font-weight: 500;
  131.    box-shadow: none;
  132.    text-decoration: underline;
  133. }
  134.  
  135. .gh-post-upgrade-cta a:hover {
  136.    color: #ffffff;
  137.    opacity: 0.8;
  138.    box-shadow: none;
  139.    text-decoration: underline;
  140. }
  141.  
  142. .gh-post-upgrade-cta a.gh-btn {
  143.    display: block;
  144.    background: #ffffff;
  145.    text-decoration: none;
  146.    margin: 28px 0 0;
  147.    padding: 8px 18px;
  148.    border-radius: 4px;
  149.    font-size: 16px;
  150.    font-weight: 600;
  151. }
  152.  
  153. .gh-post-upgrade-cta a.gh-btn:hover {
  154.    opacity: 0.92;
  155. }</style>
  156.    <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>
  157.    
  158.    <link href="https://www.brightful.me/webmentions/receive/" rel="webmention">
  159.    <script defer src="/public/cards.min.js?v=db8a9c21e7"></script>
  160.    <link rel="stylesheet" type="text/css" href="/public/cards.min.css?v=db8a9c21e7">
  161.    <script defer src="/public/member-attribution.min.js?v=db8a9c21e7"></script>
  162.    <!-- Google Tag Manager -->
  163. <script>
  164.  (function (w, d, s, l, i) {
  165.    w[l] = w[l] || [];
  166.    w[l].push({ "gtm.start": new Date().getTime(), event: "gtm.js" });
  167.    var f = d.getElementsByTagName(s)[0],
  168.      j = d.createElement(s),
  169.      dl = l != "dataLayer" ? "&l=" + l : "";
  170.    j.async = true;
  171.    j.src = "https://www.googletagmanager.com/gtm.js?id=" + i + dl;
  172.    f.parentNode.insertBefore(j, f);
  173.  })(window, document, "script", "dataLayer", "GTM-PTQVHFL");
  174. </script>
  175. <!-- End Google Tag Manager -->
  176.  
  177. <!-- Amplitude script -->
  178. <script type="text/javascript">
  179. (function(e,t){var n=e.amplitude||{_q:[],_iq:{}};var r=t.createElement("script")
  180. ;r.type="text/javascript"
  181. ;r.integrity="sha384-xwN6OCSgIf1SF9jtD6pouaSwCvpobyV3lanBGQ1d33MwTxLarbQxUif0Slt0npCM"
  182. ;r.crossOrigin="anonymous";r.async=true
  183. ;r.src="https://cdn.amplitude.com/libs/amplitude-8.3.0-min.gz.js"
  184. ;r.onload=function(){if(!e.amplitude.runQueuedFunctions){
  185. console.log("[Amplitude] Error: could not load SDK")}}
  186. ;var i=t.getElementsByTagName("script")[0];i.parentNode.insertBefore(r,i)
  187. ;function s(e,t){e.prototype[t]=function(){
  188. this._q.push([t].concat(Array.prototype.slice.call(arguments,0)));return this}}
  189. var o=function(){this._q=[];return this}
  190. ;var a=["add","append","clearAll","prepend","set","setOnce","unset","preInsert","postInsert","remove"]
  191. ;for(var c=0;c<a.length;c++){s(o,a[c])}n.Identify=o;var u=function(){this._q=[]
  192. ;return this}
  193. ;var l=["setProductId","setQuantity","setPrice","setRevenueType","setEventProperties"]
  194. ;for(var p=0;p<l.length;p++){s(u,l[p])}n.Revenue=u
  195. ;var d=["init","logEvent","logRevenue","setUserId","setUserProperties","setOptOut","setVersionName","setDomain","setDeviceId","enableTracking","setGlobalUserProperties","identify","clearUserProperties","setGroup","logRevenueV2","regenerateDeviceId","groupIdentify","onInit","logEventWithTimestamp","logEventWithGroups","setSessionId","resetSessionId"]
  196. ;function v(e){function t(t){e[t]=function(){
  197. e._q.push([t].concat(Array.prototype.slice.call(arguments,0)))}}
  198. for(var n=0;n<d.length;n++){t(d[n])}}v(n);n.getInstance=function(e){
  199. e=(!e||e.length===0?"$default_instance":e).toLowerCase()
  200. ;if(!Object.prototype.hasOwnProperty.call(n._iq,e)){n._iq[e]={_q:[]};v(n._iq[e])
  201. }return n._iq[e]};e.amplitude=n})(window,document);
  202. </script>
  203. <!-- End Amplitude script -->
  204.  
  205. <!-- Convertize script -->
  206. <script src="//pixel.convertize.io/8154.js" charset="UTF-8"></script>
  207. <!-- End Convertize script --><style>:root {--ghost-accent-color: #15171A;}</style>
  208.  
  209. <script src="https://cdn.polyfill.io/v2/polyfill.min.js?features=es6,Array.prototype.includes,CustomEvent,Object.entries,Object.values,URL"></script>
  210.    <script src="https://www.brightful.me/assets/home/js/app.js?v=db8a9c21e7"></script>
  211.  
  212.    <script>
  213.        initAmplitude();
  214.        identifyAmplitude("setOnce", "creationDate", new Date(Date.now()).toISOString());
  215.        identifyAmplitude("setOnce", "landingPage", location.pathname);
  216.    </script>
  217. </head>
  218. <body class="post-template tag-charades">
  219.  
  220.    <div class="site-wrapper">
  221.  
  222.        <head>
  223.    <link rel="stylesheet" type="text/css" href="https://www.brightful.me/assets/random-question-generator/styles.css?v=db8a9c21e7" />
  224.    <link rel="stylesheet" type="text/css" href="https://www.brightful.me/assets/random-question-generator-2/styles.css?v=db8a9c21e7" />
  225.    <link rel="stylesheet" type="text/css" href="https://www.brightful.me/assets/random-noun-generator/styles.css?v=db8a9c21e7" />
  226.    <link rel="stylesheet" type="text/css" href="https://www.brightful.me/assets/random-trivia-generator/styles.css?v=db8a9c21e7" />
  227.    <link rel="stylesheet" type="text/css" href="https://www.brightful.me/assets/random-pictionary-christmas-generator/styles.css?v=db8a9c21e7" />
  228.    <link rel="stylesheet" type="text/css" href="https://www.brightful.me/assets/built/popup.css?v=db8a9c21e7" />
  229.    <link rel="stylesheet" href="https://cdn.plyr.io/3.6.7/plyr.css" />
  230. </head>
  231.  
  232.  
  233. <header class="site-header">
  234.    <div class="outer site-nav-main brightful-dark-bg">
  235.    <div class="inner">
  236.        <nav class="site-nav">
  237.        <div class="site-nav-left">
  238.                <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=db8a9c21e7" alt="Connect in a more meaningful way" /></a>
  239.        </div>
  240.    <div class="site-nav-right">
  241.            <ul class="site-nav-right-menu">
  242.                <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>
  243.                            <ul class="nav" role="menu">
  244.            <li class="nav-latest-posts">
  245.                <a href="https://www.brightful.me/blog/">Latest Posts</a>
  246.            </li>
  247.            <li class="nav-conversation-starters">
  248.                <a href="https://www.brightful.me/tag/conversation-starters/">Conversation Starters</a>
  249.            </li>
  250.            <li class="nav-icebreaker-games">
  251.                <a href="https://www.brightful.me/blog/best-icebreaker-games-for-team-building-activities/">Icebreaker Games</a>
  252.            </li>
  253.            <li class="nav-remote-work-tips">
  254.                <a href="https://www.brightful.me/blog/all-you-ever-need-to-know-about-remote-work/">Remote Work Tips</a>
  255.            </li>
  256.            <li class="nav-self-care">
  257.                <a href="https://www.brightful.me/blog/why-is-self-care-in-important-in-the-remote-workplace/">Self-care</a>
  258.            </li>
  259.    </ul>
  260.  
  261.                </li>
  262.                        <li class="nav-start-your-trial"><a href="https://www.brightful.me/play/?source=blog" class="host-game">START YOUR TRIAL</a></li>
  263.  
  264.            </ul>
  265.    </div>
  266. </nav>    </div>
  267. </div>
  268. </header>
  269.  
  270. <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
  271. <script src="https://www.brightful.me/assets/random-question-generator/script.js?v=db8a9c21e7"></script>
  272. <script src="https://www.brightful.me/assets/random-question-generator-2/script.js?v=db8a9c21e7"></script>
  273. <script src="https://www.brightful.me/assets/random-noun-generator/script.js?v=db8a9c21e7"></script>
  274. <script src="https://www.brightful.me/assets/random-trivia-generator/script.js?v=db8a9c21e7"></script>
  275. <script src="https://www.brightful.me/assets/random-pictionary-christmas-generator/script.js?v=db8a9c21e7"></script>
  276. <script src="https://cdn.plyr.io/3.6.7/plyr.polyfilled.js"></script>
  277.  
  278. <main id="site-main" class="site-main outer post-main-wrapper">
  279.    <div class="inner">
  280.        <article class="post-full post tag-charades "></article>
  281.            <div class="post-wrapper">
  282.                <div class="post-full-content-box post-full-inner-content">
  283.                    <header class="post-full-header">
  284.                        <section class="post-full-tags">
  285.                            <a href="/tag/charades/">Charades</a>
  286.                        </section>
  287.                        <h1 class="post-full-title">30 Christmas Words for Charades</h1>
  288.                        <div class="post-full-byline">
  289.                            <section class="post-full-byline-content">
  290.                                <section class="post-full-byline-meta">
  291.                                    <div class="byline-meta-content">
  292.                                        <time class="byline-meta-date"
  293.                                            datetime="2021-09-28">28 Sep 2021</time>
  294.                                        <span class="byline-reading-time"><span class="bull">&bull;</span>
  295.                                            1 min read</span>
  296.                                    </div>
  297.                                </section>
  298.                            </section>
  299.                        </div>
  300.                    </header>
  301.                    <figure class="post-full-image">
  302.                        <img srcset="/content/images/size/w300/2021/09/sincerely-media--JBu1u-JcjQ-unsplash.jpg 300w,
  303.                                    /content/images/size/w600/2021/09/sincerely-media--JBu1u-JcjQ-unsplash.jpg 600w,
  304.                                    /content/images/size/w1000/2021/09/sincerely-media--JBu1u-JcjQ-unsplash.jpg 1000w,
  305.                                    /content/images/size/w2000/2021/09/sincerely-media--JBu1u-JcjQ-unsplash.jpg 2000w" sizes="(max-width: 800px) 400px,
  306.                                (max-width: 1170px) 1170px,
  307.                                    2000px" src="/content/images/size/w2000/2021/09/sincerely-media--JBu1u-JcjQ-unsplash.jpg" alt="30 Christmas Words for Charades" />
  308.                    </figure>
  309.                    <section class="post-full-content control-full-w-image">
  310.                        <div class="post-content">
  311.                            <p></p><p>Christmas time is here! With it, along with figuring out what will make the perfect gift ideas or stocking stuffers, comes planning for the annual office Christmas party. <br></p><p>While traditional office Christmas parties may not be feasible again this year, there are still ways you and your remote team can still celebrate Christmas together through a group video call, no matter where you may be based in the world. Aside from chat sessions and watch parties of Christmas movies, team games and activities can also make for an entertaining remote Christmas party! Games like Trivia quizzes, 'draw and describe' games, and <a href="https://now.brightful.me/charades?ref=brightful.me">Charades</a> are great options to consider. </p><p>If you are looking for a quick and easy way to play Charades remotely,  Charades is now available on <a href="https://www.brightful.me/">Brightful</a>. All you need to do to set up a new game is to log into your account on Brightful, launch a game room, and share the link to it with everyone you want to play with. Best of all, those you invite do not need to have Brightful accounts of their own to play! </p><figure class="kg-card kg-image-card"><a href="https://now.brightful.me/charades?ref=brightful.me"><img src="https://www.brightful.me/content/images/2021/09/Banner-Charades_1-4.gif" class="kg-image" alt loading="lazy" width="270" height="464"></a></figure><p>Charades is just one of many games available for your colleagues, family, and friends to play through Brightful. From Charades to Werewolf, and even Trivia, there is something for everyone to enjoy! To get fully into the Christmas spirit, thanks to Brightful’s custom games feature, you can even find some Christmas-themed versions of Brightful’s games available to play online! <br></p><h3 id="list-of-christmas-words-for-charades">List of Christmas words for Charades</h3><p></p><p>Santa Claus</p><p>Elves</p><p><br>Carols</p><p><br>Mistletoe</p><p>Tinsel</p><p>Fruitcake</p><p><br>Pinecone</p><p>Jack Frost</p><p>North Pole</p><p>Snowman</p><p>Sled</p><p>Snowball</p><p>Snow</p><p>Gifts</p><p>Jesus</p><p>Cold</p><p>Cookies</p><p>Chimney</p><p>Grinch</p><p>Mittens</p><p>Sweater</p><p>Rudolph</p><p><br>Yule Log</p><p>Chestnuts</p><p>Fireplace</p><p>Santa’s Helpers</p><p>Holiday Ham</p><p>Candy Cane</p><p>Stocking</p><p>Sweater</p><p>Cardigan</p><p>Christmas Carolers <br><br></p>
  312.                        </div>
  313.                    </section>
  314.                </div>
  315.                <div class="post-sidebar-content sidebar">
  316.    <div class="post-sidebar-inner">
  317.  
  318.  
  319.        <div class="single-sidebar-posts">
  320.            <h5 class="sidebar-heading">
  321.                What is Brightful?
  322.            </h5>
  323.            <p class="sidebar-text">
  324.                Brightful is a suite of online games for team building. We are perfect for ice breaking, striking up interesting conversations, and having a fun time together.<br><br>
  325. Brightful doesn't require any download or app install. And it works with all video conference tools. Our mission is to bring joy into your online meetings.
  326.            </p>
  327.        </div>
  328.  
  329.        <div class="single-sidebar-posts sidebar-trusted-by-teams-worldwide">
  330.            <h5 class="sidebar-heading">
  331.                How it works
  332.            </h5>
  333.            <div class="wrapper">
  334.                <ul class="StepProgress">
  335.                    <li class="StepProgress-item">Sign up in seconds, then pick a game to host.</li>
  336.                    <li class="StepProgress-item">Gather everyone into your virtual conference using your existing meeting tool (eg. Zoom or Skype).
  337.                    </li>
  338.                    <li class="StepProgress-item">Share the invitation with your team and you’re good to go. Enjoy the game!</li>
  339.                </ul>
  340.            </div>
  341.        </div>
  342. <div class="single-sidebar-posts">
  343.            <h5 class="sidebar-heading">
  344.                Trusted by teams worldwide
  345.            </h5>
  346.            <div class="partner-wrapper">
  347.                <div class="partner-image">
  348.                    <img src="https://www.brightful.me/assets/img/teams/amazon.png?v=db8a9c21e7" alt="image">
  349.                </div>
  350.                <div class="partner-image">
  351.                    <img src="https://www.brightful.me/assets/img/teams/dropbox.png?v=db8a9c21e7" alt="image">
  352.                </div>
  353.                <div class="partner-image">
  354.                    <img src="https://www.brightful.me/assets/img/teams/paypal.png?v=db8a9c21e7" alt="image">
  355.                </div>
  356.                <div class="partner-image">
  357.                    <img src="https://www.brightful.me/assets/img/teams/target.png?v=db8a9c21e7" alt="image">
  358.                </div>
  359.                <div class="partner-image">
  360.                    <img src="https://www.brightful.me/assets/img/teams/zoom.png?v=db8a9c21e7" alt="image">
  361.                </div>
  362.                <div class="partner-image">
  363.                    <img src="https://www.brightful.me/assets/img/teams/hulu.png?v=db8a9c21e7" alt="image">
  364.                </div>
  365.                <div class="partner-image">
  366.                    <img src="https://www.brightful.me/assets/img/teams/ibm.png?v=db8a9c21e7" alt="image">
  367.                </div>
  368.                <div class="partner-image">
  369.                    <img src="https://www.brightful.me/assets/img/teams/pfizer.png?v=db8a9c21e7" alt="image">
  370.                </div>
  371.            </div>
  372.        </div>
  373.  
  374.        <div class="btn-learn-more">
  375.            <a href="https://www.brightful.me/play/?source=blog" target="_blank" class="continue-reading">
  376.                <span>Learn more</span>
  377.                <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>
  378.        </div>
  379.    </div>
  380. </div>            </div>
  381.        </article>
  382.    </div>
  383. </main>
  384.  
  385. <div class="connection-section outer">
  386.    <div class="inner">
  387.        <div class="footer-top-section">
  388.            <div class="inner">
  389.                <div class="discussion-wrapper">
  390.                    <div class="discussion-image">
  391.                        <img src="https://www.brightful.me/assets/home/img/discussion.png?v=db8a9c21e7" alt="discussion image">
  392.                    </div>
  393.                    <div class="discussion-content">
  394.                        <h3 class="discussion-heading">Connect in a more meaningful way</h3>
  395.                        <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>
  396.                        <a class="btn-orange-primary" href="https://www.brightful.me/play/?source=blog">START YOUR TRIAL</a>
  397.                    </div>
  398.                </div>
  399.            </div>
  400.        </div>
  401.    </div>
  402. </div>
  403.  
  404. <div id="trivia-popup" class="popup-section" style="background-image:url(https://www.brightful.me/assets/img/hero/popup-bg.png?v=db8a9c21e7);">
  405.    <div class="popup-close-option" onclick="popupClose()">
  406.        <img src="https://www.brightful.me/assets/img/hero/close-option.png?v=db8a9c21e7" alt="icon">
  407.    </div>
  408.    <div class="popup-wrap shape-parent">
  409.        <div class="shape-line">
  410.           <img src="https://www.brightful.me/assets/img/hero/line-shape.png?v=db8a9c21e7" alt="" class="shape-line-one">
  411.           <img src="https://www.brightful.me/assets/img/hero/line-shape.png?v=db8a9c21e7" alt="" class="shape-line-two">
  412.        </div>
  413.        <div class="popup-wrapper">
  414.            <div class="try-wrap">
  415.                <span>try</span>
  416.                <img src="https://www.brightful.me/assets/img/hero/try-bg.png?v=db8a9c21e7" alt="bg image">
  417.            </div>
  418.            <div class="popup-content-wraper">
  419.                <h3>Give Brightful’s Trivia a go!</h3>
  420.                <div class="popup-trivia-qus-wrap">
  421.                    <h5>When Avengers: Endgame passed Titanic in total box-office, what Titanic director sent Kevin Feige a congratulatory message?</h5>
  422.                    <ul class="popup-ans-list">
  423.                        <li>
  424.                            <button>James Cameron</button>
  425.                        </li>
  426.                        <li>
  427.                            <button>Steven Spielberg</button>
  428.                        </li>
  429.                        <li>
  430.                            <button>Martin Scorsese</button>
  431.                        </li>
  432.                        <li>
  433.                            <button>Leonardo DiCaprio</button>
  434.                        </li>
  435.                    </ul>
  436.                </div>
  437.            </div>
  438.        </div>
  439.    </div>
  440.    <div class="congrass-option popup-wrap">
  441.        <div class="shape-line">
  442.           <img src="https://www.brightful.me/assets/img/hero/line-shape.png?v=db8a9c21e7" alt="" class="shape-line-one">
  443.           <img src="https://www.brightful.me/assets/img/hero/line-shape.png?v=db8a9c21e7" alt="" class="shape-line-two">
  444.           </div>
  445.        <div class="congrass-content">
  446.            <img src="https://www.brightful.me/assets/img/hero/answer.png?v=db8a9c21e7" alt="">
  447.            <div class="ans-options">
  448.                <p>The correct answer is</p>
  449.                <h5>James Cameron</h5>
  450.            </div>
  451.        </div>
  452.        <div class="congrass-ftr" style="background-image:url(https://www.brightful.me/assets/img/hero/congress-ftr.png?v=db8a9c21e7)">
  453.            <h3>Endless Trivia Questions</h3>
  454.            <p>With 1000+ of the best trivia questions categorized in one place, you will never run out of questions again.</p>
  455.            <a href="https://now.brightful.me/trivia" class="btn-orange-primary" onclick="popupClicked()">Try for FREE</a>
  456.        </div>
  457.    </div>
  458.    <div class="popup-shape">
  459.        <img class="popup-ftr-bg" src="https://www.brightful.me/assets/img/hero/popup-ftr-frame.png?v=db8a9c21e7" alt="">
  460.        <img class="popup-ftr-man" src="https://www.brightful.me/assets/img/hero/popup-preson.png?v=db8a9c21e7" alt="">
  461.    </div>
  462. </div>
  463.  
  464. <div id="wyr-popup" class="popup-section" style="background-image:url(https://www.brightful.me/assets/img/hero/popup-bg.png?v=db8a9c21e7);">
  465.    <div class="popup-close-option" onclick="popupClose()">
  466.        <img src="https://www.brightful.me/assets/img/hero/close-option.png?v=db8a9c21e7" alt="icon">
  467.    </div>
  468.    <div class="popup-wrap shape-parent reather-step-one">
  469.       <div class="popup-wrapper">
  470.            <div class="try-wrap">
  471.                <span>try</span>
  472.                <img src="https://www.brightful.me/assets/img/hero/try-bg.png?v=db8a9c21e7" alt="bg image">
  473.            </div>
  474.            <div class="popup-content-wraper raither-content">
  475.                <h3>Give Brightful a go!</h3>
  476.                <div class="raither-img">
  477.                    <img src="https://www.brightful.me/assets/img/hero/reather-img.png?v=db8a9c21e7" alt="">
  478.                </div>
  479.                <div class="popup-wyr-qus-wrap">
  480.                    <h5>Would you rather be</h5>
  481.                    <ul class="raither-popup-ans-list">
  482.                        <li class="raither-option-one">
  483.                            <button>Lebron James / Simone Biles</button>
  484.                        </li>
  485.                        <li class="raither-option-two">
  486.                            <button>Beyonce / Ed Sheeran</button>
  487.                        </li>
  488.                    </ul>
  489.                </div>
  490.            </div>
  491.        </div>
  492.    </div>
  493.    <div class="list-option-one popup-wrap reather-step-two">
  494.        <div class="reather-content">
  495.            <h3>Would you rather be</h3>
  496.            <div class="reather-ans-wrap">
  497.                <div class="reather-ans-vs">
  498.                    <span>VS</span>
  499.                </div>
  500.                <div class="reather-ans-right">
  501.                    <div class="reather-ans-single sky-bg">
  502.                        <p>Lebron James / Simone Biles</p>
  503.                        <h5>1</h5>
  504.                        <div class="reather-ans-overlay">
  505.                            <p>Other players: 63%</p>
  506.                        </div>
  507.                    </div>
  508.                    <div class="pro-status">
  509.                        <p>You</p>
  510.                    </div>
  511.                </div>
  512.                <div class="reather-ans-single paste-bg">
  513.                    <p>Beyonce / Ed Sheeran</p>
  514.                    <h5>0</h5>
  515.                    <div class="reather-ans-overlay">
  516.                        <p>Other players: 37%</p>
  517.                    </div>
  518.                </div>
  519.            </div>
  520.        </div>
  521.        <div class="congrass-ftr reather-ftr" style="background-image:url(https://www.brightful.me/assets/img/hero/congress-ftr.png?v=db8a9c21e7)">
  522.            <h3>Would You Rather Questions</h3>
  523.            <p>Find 1000+ of the quirkiest, funniest, and most interesting Would You Rather questions all in one place.</p>
  524.            <a href="https://now.brightful.me/would-you-rather" class="btn-orange-primary">Try for FREE</a>
  525.        </div>
  526.    </div>
  527.    <div class="list-option-one popup-wrap reather-step-three">
  528.        <div class="reather-content">
  529.            <h3>Would you rather be</h3>
  530.            <div class="reather-ans-wrap">
  531.                <div class="reather-ans-vs">
  532.                    <span>VS</span>
  533.                </div>
  534.                <div class="reather-ans-single sky-bg">
  535.                    <p>Lebron James / Simone Biles</p>
  536.                    <h5>0</h5>
  537.                    <div class="reather-ans-overlay">
  538.                        <p>Other players: 63%</p>
  539.                    </div>
  540.                </div>
  541.                <div class="reather-ans-right">
  542.                    <div class="reather-ans-single paste-bg">
  543.                        <p>Beyonce / Ed Sheeran</p>
  544.                        <h5>1</h5>
  545.                        <div class="reather-ans-overlay">
  546.                            <p>Other players: 37%</p>
  547.                        </div>
  548.                    </div>
  549.                    <div class="pro-status">
  550.                        <p>You</p>
  551.                    </div>
  552.                </div>
  553.                
  554.            </div>
  555.        </div>
  556.        <div class="congrass-ftr reather-ftr" style="background-image:url(https://www.brightful.me/assets/img/hero/congress-ftr.png?v=db8a9c21e7)">
  557.            <h3>Would You Rather Questions</h3>
  558.            <p>Find 1000+ of the quirkiest, funniest, and most interesting Would You Rather questions all in one place.</p>
  559.            <a href="https://now.brightful.me/would-you-rather" class="btn-orange-primary" onclick="popupClicked()">Try for FREE</a>
  560.        </div>
  561.    </div>
  562.    <div class="popup-shape">
  563.        <img class="popup-ftr-bg" src="https://www.brightful.me/assets/img/hero/popup-ftr-frame.png?v=db8a9c21e7" alt="">
  564.        <img class="popup-ftr-man" src="https://www.brightful.me/assets/img/hero/popup-preson.png?v=db8a9c21e7" alt="">
  565.    </div>
  566. </div>
  567.  
  568. <aside class="read-next outer brightful-dark-bg">
  569.    <div class="inner">
  570.        <div class="read-next-feed">
  571.            <article class="read-next-card">
  572.                <header class="read-next-card-header">
  573.                    <h3><span>More in</span> <a href="/tag/charades/">Charades</a></h3>
  574.                </header>
  575.                <div class="read-next-card-content">
  576.                    <ul>
  577.                        <li>
  578.                            <h4><a href="/blog/best-halloween-words-charades/">The best 30 Halloween Words for Charades</a></h4>
  579.                            <div class="read-next-card-meta">
  580.                                <p><time datetime="2021-09-28">28 Sep 2021</time> –
  581.                                    2 min read</p>
  582.                            </div>
  583.                        </li>
  584.                        <li>
  585.                            <h4><a href="/blog/30-thanksgiving-words-for-charades/">30 Thanksgiving Words for Charades</a></h4>
  586.                            <div class="read-next-card-meta">
  587.                                <p><time datetime="2021-09-28">28 Sep 2021</time> –
  588.                                    1 min read</p>
  589.                            </div>
  590.                        </li>
  591.                        <li>
  592.                            <h4><a href="/blog/50-out-of-the-box-charades-ideas/">50 Out-of-the-Box Charades Ideas</a></h4>
  593.                            <div class="read-next-card-meta">
  594.                                <p><time datetime="2021-09-10">10 Sep 2021</time> –
  595.                                    2 min read</p>
  596.                            </div>
  597.                        </li>
  598.                    </ul>
  599.                </div>
  600.                <footer class="read-next-card-footer">
  601.                    <a href="/tag/charades/">See all 8 posts
  602.                        →</a>
  603.                </footer>
  604.            </article>
  605.  
  606.                <article class="post-card post ">
  607.  
  608.    <a class="post-card-image-link" href="/blog/30-best-trivia-questions-for-christmas/">
  609.        <img class="post-card-image"
  610.            srcset="/content/images/size/w300/2021/09/kelly-sikkema-Qdm6FKZ7mv0-unsplash.jpg 300w,
  611.                    /content/images/size/w600/2021/09/kelly-sikkema-Qdm6FKZ7mv0-unsplash.jpg 600w,
  612.                    /content/images/size/w1000/2021/09/kelly-sikkema-Qdm6FKZ7mv0-unsplash.jpg 1000w,
  613.                    /content/images/size/w2000/2021/09/kelly-sikkema-Qdm6FKZ7mv0-unsplash.jpg 2000w"
  614.            sizes="(max-width: 1000px) 400px, 700px"
  615.            loading="lazy"
  616.            src="/content/images/size/w600/2021/09/kelly-sikkema-Qdm6FKZ7mv0-unsplash.jpg"
  617.            alt="30 Best Christmas Trivia Questions"
  618.        />
  619.    </a>
  620.  
  621.    <div class="post-card-content">
  622.  
  623.        <a class="post-card-content-link" href="/blog/30-best-trivia-questions-for-christmas/">
  624.  
  625.            <header class="post-card-header">
  626.                <h2 class="post-card-title">30 Best Christmas Trivia Questions</h2>
  627.            </header>
  628.  
  629.            <section class="post-card-excerpt">
  630.                    <p>‘Tis the season to be merry! Christmas time is here once more, and you may be
  631. thinking of ideas for appropriate activities you can do with friends and family
  632. this</p>
  633.            </section>
  634.  
  635.        </a>
  636.  
  637.        <footer class="post-card-meta">
  638.            <div class="post-card-byline-content">
  639.                <span class="post-card-byline-date"><time datetime="2021-09-28">28 Sep 2021</time> <span class="bull">&bull;</span> 6 min read</span>
  640.            </div>
  641.        </footer>
  642.  
  643.    </div>
  644.  
  645. </article>
  646.  
  647.            
  648.                <article class="post-card post ">
  649.  
  650.    <a class="post-card-image-link" href="/blog/30-thanksgiving-words-for-charades/">
  651.        <img class="post-card-image"
  652.            srcset="/content/images/size/w300/2021/09/pexels-askar-abayev-5638830-2.jpg 300w,
  653.                    /content/images/size/w600/2021/09/pexels-askar-abayev-5638830-2.jpg 600w,
  654.                    /content/images/size/w1000/2021/09/pexels-askar-abayev-5638830-2.jpg 1000w,
  655.                    /content/images/size/w2000/2021/09/pexels-askar-abayev-5638830-2.jpg 2000w"
  656.            sizes="(max-width: 1000px) 400px, 700px"
  657.            loading="lazy"
  658.            src="/content/images/size/w600/2021/09/pexels-askar-abayev-5638830-2.jpg"
  659.            alt="30 Thanksgiving Words for Charades"
  660.        />
  661.    </a>
  662.  
  663.    <div class="post-card-content">
  664.  
  665.        <a class="post-card-content-link" href="/blog/30-thanksgiving-words-for-charades/">
  666.  
  667.            <header class="post-card-header">
  668.                <h2 class="post-card-title">30 Thanksgiving Words for Charades</h2>
  669.            </header>
  670.  
  671.            <section class="post-card-excerpt">
  672.                    <p>Thanksgiving is a time for reflecting on what we are thankful for, reuniting
  673. with family, and indulging in lavish feasts; usually turkey and stuffing. For
  674. those looking forward to reuniting</p>
  675.            </section>
  676.  
  677.        </a>
  678.  
  679.        <footer class="post-card-meta">
  680.            <div class="post-card-byline-content">
  681.                <span class="post-card-byline-date"><time datetime="2021-09-28">28 Sep 2021</time> <span class="bull">&bull;</span> 1 min read</span>
  682.            </div>
  683.        </footer>
  684.  
  685.    </div>
  686.  
  687. </article>
  688.        </div>
  689.    </div>
  690. </aside>
  691. <script>
  692.    initAmplitude();
  693.    amplitudeEvent("visitedBlog", {
  694.        title: `30 Christmas Words for Charades`,
  695.        eventTime: new Date(Date.now()).toISOString(),
  696.        url: location.pathname,
  697.    });
  698. </script>
  699. <script>
  700.    document.addEventListener("copy", (event) => {
  701.        let tagline = '\n\n';
  702.        if (`Charades` === 'Remote Work Tips') {
  703.            tagline += 'For more team building activities, visit https://Brightful.me';
  704.        } else {
  705.            switch (``) {
  706.                case 'Trivia': {
  707.                    tagline += 'Visit https://Brightful.me for more fun trivia!';
  708.                    break;
  709.                }
  710.                case 'Questions': {
  711.                    tagline += 'Visit https://Brightful.me for the best conversation questions.';
  712.                    break;
  713.                }
  714.                case 'Would You Rather': {
  715.                    tagline += 'For more funny and interesting Would You Rather questions, visit https://Brightful.me';
  716.                    break;
  717.                }
  718.                case 'Games': {
  719.                    tagline += 'Visit https://Brightful.me for more fun and exciting games.';
  720.                    break;
  721.                }
  722.                case 'Draw': {
  723.                    tagline += 'Visit https://Brightful.me to find more fun things to draw!';
  724.                    break;
  725.                }
  726.            }
  727.        }
  728.        amplitudeEvent("copiedTextInBlog", {
  729.            payload: `${document.getSelection()}`,
  730.            url: location.pathname,
  731.            eventTime: new Date(Date.now()).toISOString(),
  732.        });
  733.        event.clipboardData.setData("text", document.getSelection() + tagline);
  734.        event.preventDefault();
  735.    });
  736. </script>
  737. <script>
  738.    let isTriviaBlog = false;
  739.    let isWYRBlog = false;
  740.    function popupClicked() {
  741.        amplitudeEvent("popupClicked", {
  742.            url: location.pathname,
  743.            tag: isTriviaBlog ? 'Trivia' : 'Would You Rather',
  744.            eventTime: new Date(Date.now()).toISOString(),
  745.        });
  746.    }
  747.    function popupClose() {
  748.        if (isTriviaBlog) $('#trivia-popup').fadeOut();
  749.        if (isWYRBlog) $('#wyr-popup').fadeOut();
  750.        if (typeof(Storage) !== 'undefined') {
  751.            var attempts = localStorage.getItem("popup-count");
  752.            localStorage.setItem("popup-count", ++attempts);
  753.        } else {
  754.            localStorage.setItem('popup-count', 1);
  755.        }
  756.        $('#trivia-popup').remove();
  757.        $('#wyr-popup').remove();
  758.    }
  759.    $(document).ready(function () {
  760.        const allTags = [];
  761.        const tag1 = `Charades`;
  762.        const tag2 = ``;
  763.        const tag3 = ``;
  764.        const tag4 = ``;
  765.        const questionAudio = new Audio("https://www.brightful.me/assets/play/audio/QuestionsAppear.mp3?v=db8a9c21e7");
  766.        if (tag1 != '') allTags.push(tag1);
  767.        if (tag2 != '') allTags.push(tag2);
  768.        if (tag3 != '') allTags.push(tag3);
  769.        if (tag4 != '') allTags.push(tag4);
  770.        isTriviaBlog = tag1 === 'Trivia' || tag2 === 'Trivia' || tag3 === 'Trivia' || tag4 === 'Trivia';
  771.        isWYRBlog = tag1 === 'Would You Rather' || tag2 === 'Would You Rather' || tag3 === 'Would You Rather' || tag4 === 'Would You Rather';
  772.        if (isTriviaBlog || isWYRBlog) {
  773.            let attempts = localStorage.getItem("popup-count");
  774.            setTimeout(function() {
  775.                if (isTriviaBlog) {
  776.                    $('#trivia-popup').fadeIn();
  777.                    questionAudio.play();
  778.                }
  779.                if (isWYRBlog) {
  780.                    $('#wyr-popup').fadeIn();
  781.                    questionAudio.play();
  782.                }
  783.                if (attempts < 2) {
  784.                    amplitudeEvent("popupDisplayed", {
  785.                        url: location.pathname,
  786.                        tag: allTags.join(', '),
  787.                        eventTime: new Date(Date.now()).toISOString(),
  788.                    });
  789.                }
  790.            }, 30000);
  791.            if (attempts > 1) {
  792.                $('#trivia-popup').remove();
  793.                $('#wyr-popup').remove();
  794.            }
  795.            $("html").bind("mouseleave", function () {
  796.                setTimeout(function() {
  797.                    if (isTriviaBlog) {
  798.                        $('#trivia-popup').fadeIn();
  799.                        questionAudio.play();
  800.                    }
  801.                    if (isWYRBlog) {
  802.                        $('#wyr-popup').fadeIn();
  803.                        questionAudio.play();
  804.                    }
  805.                    amplitudeEvent("popupDisplayed", {
  806.                        url: location.pathname,
  807.                        tag: allTags.join(', '),
  808.                        eventTime: new Date(Date.now()).toISOString(),
  809.                    });
  810.                }, 300);
  811.                $("html").unbind("mouseleave");
  812.            });
  813.        }
  814.        // Trivia popup scripts
  815.        if (isTriviaBlog) {
  816.            let btnOptions = $('.popup-ans-list li button');
  817.            let correctResult = 'James Cameron';
  818.            let correctOption;
  819.            btnOptions.each(function() {
  820.                let $this = $(this);
  821.                let thisVal = $this.text();
  822.                if (correctResult === thisVal){
  823.                    correctOption = $this.parent().index();
  824.                }
  825.            });
  826.            btnOptions.click(function() {
  827.                let $this = $(this);
  828.                let thisVal = $this.text();
  829.                setTimeout(function(e) {
  830.                    if (correctResult === thisVal){
  831.                        $this.parent().addClass('correct');
  832.                    } else {
  833.                        $this.parent().addClass('wrong');
  834.                        btnOptions.parent().eq(correctOption).addClass('correct');
  835.                    }
  836.                }, 1000);
  837.                setTimeout(function() {
  838.                    $('.popup-wrap').addClass('hide');
  839.                    $('.congrass-option').addClass('show');
  840.                },2000);
  841.            });
  842.        }
  843.        // WYR popup scripts
  844.        if (isWYRBlog) {
  845.            setTimeout(function(){
  846.                $('.raither-option-one').click(function() {
  847.                    $('.reather-step-one, .reather-step-three').addClass('none');
  848.                    $('.reather-step-two').addClass('show');
  849.                });
  850.            }, 1000);
  851.            setTimeout(function(){
  852.                $('.raither-option-two').click(function() {
  853.                    $('.reather-step-one, .reather-step-two').addClass('none');
  854.                    $('.reather-step-three').addClass('show');
  855.                });
  856.            }, 1000);
  857.        }
  858.    });
  859. </script>
  860. <script>
  861.    const players = Array.from(
  862.        document.querySelectorAll('.plyr__video-embed')).map(p => new Plyr(p, {})
  863.    );
  864. </script>
  865.  
  866.  
  867.  
  868.        <footer class="site-footer outer brightful-bg">
  869.            <div class="site-footer-content inner">
  870.                <section class="copyright"><a href="https://www.brightful.me">Connect in a more meaningful way</a> &copy; 2024</section>
  871.                <nav class="site-footer-nav">
  872.                    <a href="https://www.brightful.me/blog/">Latest Posts</a>
  873.                    
  874.                    <a href="https://twitter.com/brightfulhq" target="_blank" rel="noopener">Twitter</a>
  875.                </nav>
  876.            </div>
  877.        </footer>
  878.  
  879.    </div>
  880.  
  881.    <div class="subscribe-success-message">
  882.        <a class="subscribe-close" href="javascript:;"></a>
  883.        You've successfully subscribed to Connect in a more meaningful way!
  884.    </div>
  885.  
  886.    <div id="subscribe" class="subscribe-overlay">
  887.        <a class="subscribe-close-overlay" href="#"></a>
  888.        <a class="subscribe-close-button" href="#"></a>
  889.        <div class="subscribe-overlay-content">
  890.            <div class="subscribe-form">
  891.                <h1 class="subscribe-overlay-title">Subscribe to Connect in a more meaningful way</h1>
  892.                <p class="subscribe-overlay-description">Stay up to date! Get all the latest & greatest posts delivered straight to your inbox</p>
  893.                <form data-members-form="subscribe">
  894.                    <div class="form-group">
  895.                        <input class="subscribe-email" data-members-email placeholder="youremail@example.com"
  896.                            autocomplete="false" />
  897.                        <button class="button primary" type="submit">
  898.                            <span class="button-content">Subscribe</span>
  899.                            <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"
  900.    y="0px" width="40px" height="40px" viewBox="0 0 40 40" enable-background="new 0 0 40 40" xml:space="preserve">
  901.    <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
  902. 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
  903. 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" />
  904.    <path fill="#000" d="M26.013,10.047l1.654-2.866c-2.198-1.272-4.743-2.012-7.466-2.012h0v3.312h0
  905. C22.32,8.481,24.301,9.057,26.013,10.047z">
  906.        <animateTransform attributeType="xml" attributeName="transform" type="rotate" from="0 20 20" to="360 20 20"
  907.            dur="0.5s" repeatCount="indefinite" />
  908.    </path>
  909. </svg></span>
  910.                        </button>
  911.                    </div>
  912.                    <div class="message-success">
  913.                        <strong>Great!</strong> Check your inbox and click the link to confirm your subscription.
  914.                    </div>
  915.                    <div class="message-error">
  916.                        Please enter a valid email address!
  917.                    </div>
  918.                </form>
  919.            </div>
  920.        </div>
  921.    </div>
  922.  
  923. <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
  924.    <script src="https://www.brightful.me/assets/built/sticky-sidebar.js?v=db8a9c21e7"></script>
  925.    <script src="https://www.brightful.me/assets/built/casper.js?v=db8a9c21e7"></script>
  926.  
  927.    <script>
  928.        // Give the parameter a variable name
  929.        var action = getParameterByName('action');
  930.  
  931.        $(document).ready(function () {
  932.            if (action == 'subscribe') {
  933.                $('body').addClass("subscribe-success");
  934.            }
  935.  
  936.            $('.subscribe-success-message .subscribe-close').click(function () {
  937.                $('.subscribe-success-message').addClass('close');
  938.            });
  939.  
  940.            // Reset form on opening subscrion overlay
  941.            $('.subscribe-button').click(function() {
  942.                $('.subscribe-overlay form').removeClass();
  943.                $('.subscribe-email').val('');
  944.            });
  945.  
  946.        });
  947.    </script>
  948.  
  949.    <script>
  950.    function showHowItWorksTagsBlog() {
  951.        if ($(window).height() < 840) {
  952.            $('.sidebar-trusted-by-teams-worldwide').hide();
  953.        } else {
  954.            $('.sidebar-trusted-by-teams-worldwide').show();
  955.        }
  956.    }
  957.    $(document).ready(function () {
  958.        // FitVids - start
  959.        var $postContent = $(".post-full-content");
  960.        $postContent.fitVids();
  961.        // FitVids - end
  962.  
  963.        $('.sidebar').StickySidebar({
  964.            additionalMarginTop: 70
  965.        });
  966.  
  967.        $(window).resize(() =>  showHowItWorksTagsBlog());
  968.  
  969.        showHowItWorksTagsBlog();
  970.  
  971.        // Replace nav with title on scroll - start
  972.        Casper.stickyNavTitle({
  973.            navSelector: '.site-nav-main',
  974.            titleSelector: '.post-full-title',
  975.            activeClass: 'nav-post-title-active'
  976.        });
  977.        // Replace nav with title on scroll - end
  978.  
  979.        // Hover on avatar
  980.        var hoverTimeout;
  981.        $('.author-list-item').hover(function () {
  982.            var $this = $(this);
  983.  
  984.            clearTimeout(hoverTimeout);
  985.  
  986.            $('.author-card').removeClass('hovered');
  987.            $(this).children('.author-card').addClass('hovered');
  988.  
  989.        }, function () {
  990.            var $this = $(this);
  991.  
  992.            hoverTimeout = setTimeout(function () {
  993.                $this.children('.author-card').removeClass('hovered');
  994.            }, 800);
  995.        });
  996.    });
  997. </script>
  998.  
  999.  
  1000.    
  1001.  
  1002. </body>
  1003. </html>
  1004.  
Copyright © 2002-9 Sam Ruby, Mark Pilgrim, Joseph Walton, and Phil Ringnalda