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/christmas-virtual-office-party/

  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>7 Virtual Christmas Party Ideas (For Remote Work)</title>
  9.    <meta name="HandheldFriendly" content="True" />
  10.    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  11.    <link rel="stylesheet" type="text/css" href="https://www.brightful.me/assets/built/screen.css?v=4e645f7369" />
  12.  
  13.    <meta name="description" content="A virtual Christmas party is an online celebration in lieu of doing it in the office. There are many reasons for choosing to work remote, but even if you have a fully remote team, it doesn&#x27;t mean you need to skip holiday celebrations.">
  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/christmas-virtual-office-party/">
  16.    <meta name="referrer" content="no-referrer-when-downgrade">
  17.    <link rel="amphtml" href="https://www.brightful.me/blog/christmas-virtual-office-party/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="7 Virtual Christmas Party Ideas (For Remote Work)">
  22.    <meta property="og:description" content="A virtual Christmas party is an online celebration in lieu of doing it in the office. There are many reasons for choosing to work remote, but even if you have a fully remote team, it doesn&#x27;t mean you need to skip holiday celebrations.">
  23.    <meta property="og:url" content="https://www.brightful.me/blog/christmas-virtual-office-party/">
  24.    <meta property="og:image" content="https://www.brightful.me/content/images/2021/07/shutterstock_736371805-1000x576.jpeg">
  25.    <meta property="article:published_time" content="2021-07-07T01:08:23.000Z">
  26.    <meta property="article:modified_time" content="2022-09-27T19:43:29.000Z">
  27.    <meta property="article:tag" content="Remote Work Tips">
  28.    <meta property="article:tag" content="Icebreaker Games">
  29.    
  30.    <meta name="twitter:card" content="summary_large_image">
  31.    <meta name="twitter:title" content="7 Virtual Christmas Party Ideas (For Remote Work)">
  32.    <meta name="twitter:description" content="A virtual Christmas party is an online celebration in lieu of doing it in the office. There are many reasons for choosing to work remote, but even if you have a fully remote team, it doesn&#x27;t mean you need to skip holiday celebrations.">
  33.    <meta name="twitter:url" content="https://www.brightful.me/blog/christmas-virtual-office-party/">
  34.    <meta name="twitter:image" content="https://www.brightful.me/content/images/2021/07/shutterstock_736371805-1000x576.jpeg">
  35.    <meta name="twitter:label1" content="Written by">
  36.    <meta name="twitter:data1" content="Calvin Cheung">
  37.    <meta name="twitter:label2" content="Filed under">
  38.    <meta name="twitter:data2" content="Remote Work Tips, Icebreaker Games">
  39.    <meta name="twitter:site" content="@brightfulhq">
  40.    <meta property="og:image:width" content="1000">
  41.    <meta property="og:image:height" content="576">
  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": "7 Virtual Christmas Party Ideas (For Remote Work)",
  65.    "url": "https://www.brightful.me/blog/christmas-virtual-office-party/",
  66.    "datePublished": "2021-07-07T01:08:23.000Z",
  67.    "dateModified": "2022-09-27T19:43:29.000Z",
  68.    "image": {
  69.        "@type": "ImageObject",
  70.        "url": "https://www.brightful.me/content/images/2021/07/shutterstock_736371805-1000x576.jpeg",
  71.        "width": 1000,
  72.        "height": 576
  73.    },
  74.    "keywords": "Remote Work Tips, Icebreaker Games",
  75.    "description": "Merry Christmas! It&#x27;s that time of the year again, so you know what that means.\nChristmas office parties! Except if you&#x27;re working remotely, you will need some\nvirtual variations. You&#x27;ve found our list of virtual holiday party ideas.\n\nA virtual Christmas party is an online celebration in lieu of doing it in the\noffice. There are many reasons for choosing to work remote\n[https://www.brightful.me/blog/all-you-ever-need-to-know-about-remote-work/],\nbut even if you have a fully remote team, it doesn",
  76.    "mainEntityOfPage": "https://www.brightful.me/blog/christmas-virtual-office-party/"
  77. }
  78.    </script>
  79.  
  80.    <meta name="generator" content="Ghost 5.82">
  81.    <link rel="alternate" type="application/rss+xml" title="Connect in a more meaningful way" href="">
  82.    <script defer src="https://cdn.jsdelivr.net/ghost/portal@~2.37/umd/portal.min.js" data-i18n="false" data-ghost="https://www.brightful.me/" data-key="506ed75d49bc660befdedacbea" data-api="https://alvinhung.ghost.io/ghost/api/content/" crossorigin="anonymous"></script><style id="gh-members-styles">.gh-post-upgrade-cta-content,
  83. .gh-post-upgrade-cta {
  84.    display: flex;
  85.    flex-direction: column;
  86.    align-items: center;
  87.    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  88.    text-align: center;
  89.    width: 100%;
  90.    color: #ffffff;
  91.    font-size: 16px;
  92. }
  93.  
  94. .gh-post-upgrade-cta-content {
  95.    border-radius: 8px;
  96.    padding: 40px 4vw;
  97. }
  98.  
  99. .gh-post-upgrade-cta h2 {
  100.    color: #ffffff;
  101.    font-size: 28px;
  102.    letter-spacing: -0.2px;
  103.    margin: 0;
  104.    padding: 0;
  105. }
  106.  
  107. .gh-post-upgrade-cta p {
  108.    margin: 20px 0 0;
  109.    padding: 0;
  110. }
  111.  
  112. .gh-post-upgrade-cta small {
  113.    font-size: 16px;
  114.    letter-spacing: -0.2px;
  115. }
  116.  
  117. .gh-post-upgrade-cta a {
  118.    color: #ffffff;
  119.    cursor: pointer;
  120.    font-weight: 500;
  121.    box-shadow: none;
  122.    text-decoration: underline;
  123. }
  124.  
  125. .gh-post-upgrade-cta a:hover {
  126.    color: #ffffff;
  127.    opacity: 0.8;
  128.    box-shadow: none;
  129.    text-decoration: underline;
  130. }
  131.  
  132. .gh-post-upgrade-cta a.gh-btn {
  133.    display: block;
  134.    background: #ffffff;
  135.    text-decoration: none;
  136.    margin: 28px 0 0;
  137.    padding: 8px 18px;
  138.    border-radius: 4px;
  139.    font-size: 16px;
  140.    font-weight: 600;
  141. }
  142.  
  143. .gh-post-upgrade-cta a.gh-btn:hover {
  144.    opacity: 0.92;
  145. }</style>
  146.    <script defer src="https://cdn.jsdelivr.net/ghost/sodo-search@~1.1/umd/sodo-search.min.js" data-key="506ed75d49bc660befdedacbea" data-styles="https://cdn.jsdelivr.net/ghost/sodo-search@~1.1/umd/main.css" data-sodo-search="https://alvinhung.ghost.io/" crossorigin="anonymous"></script>
  147.    
  148.    <link href="https://www.brightful.me/webmentions/receive/" rel="webmention">
  149.    <script defer src="/public/cards.min.js?v=4e645f7369"></script>
  150.    <link rel="stylesheet" type="text/css" href="/public/cards.min.css?v=4e645f7369">
  151.    <script defer src="/public/member-attribution.min.js?v=4e645f7369"></script>
  152.    <!-- Google Tag Manager -->
  153. <script>
  154.  (function (w, d, s, l, i) {
  155.    w[l] = w[l] || [];
  156.    w[l].push({ "gtm.start": new Date().getTime(), event: "gtm.js" });
  157.    var f = d.getElementsByTagName(s)[0],
  158.      j = d.createElement(s),
  159.      dl = l != "dataLayer" ? "&l=" + l : "";
  160.    j.async = true;
  161.    j.src = "https://www.googletagmanager.com/gtm.js?id=" + i + dl;
  162.    f.parentNode.insertBefore(j, f);
  163.  })(window, document, "script", "dataLayer", "GTM-PTQVHFL");
  164. </script>
  165. <!-- End Google Tag Manager -->
  166.  
  167. <!-- Amplitude script -->
  168. <script type="text/javascript">
  169. (function(e,t){var n=e.amplitude||{_q:[],_iq:{}};var r=t.createElement("script")
  170. ;r.type="text/javascript"
  171. ;r.integrity="sha384-xwN6OCSgIf1SF9jtD6pouaSwCvpobyV3lanBGQ1d33MwTxLarbQxUif0Slt0npCM"
  172. ;r.crossOrigin="anonymous";r.async=true
  173. ;r.src="https://cdn.amplitude.com/libs/amplitude-8.3.0-min.gz.js"
  174. ;r.onload=function(){if(!e.amplitude.runQueuedFunctions){
  175. console.log("[Amplitude] Error: could not load SDK")}}
  176. ;var i=t.getElementsByTagName("script")[0];i.parentNode.insertBefore(r,i)
  177. ;function s(e,t){e.prototype[t]=function(){
  178. this._q.push([t].concat(Array.prototype.slice.call(arguments,0)));return this}}
  179. var o=function(){this._q=[];return this}
  180. ;var a=["add","append","clearAll","prepend","set","setOnce","unset","preInsert","postInsert","remove"]
  181. ;for(var c=0;c<a.length;c++){s(o,a[c])}n.Identify=o;var u=function(){this._q=[]
  182. ;return this}
  183. ;var l=["setProductId","setQuantity","setPrice","setRevenueType","setEventProperties"]
  184. ;for(var p=0;p<l.length;p++){s(u,l[p])}n.Revenue=u
  185. ;var d=["init","logEvent","logRevenue","setUserId","setUserProperties","setOptOut","setVersionName","setDomain","setDeviceId","enableTracking","setGlobalUserProperties","identify","clearUserProperties","setGroup","logRevenueV2","regenerateDeviceId","groupIdentify","onInit","logEventWithTimestamp","logEventWithGroups","setSessionId","resetSessionId"]
  186. ;function v(e){function t(t){e[t]=function(){
  187. e._q.push([t].concat(Array.prototype.slice.call(arguments,0)))}}
  188. for(var n=0;n<d.length;n++){t(d[n])}}v(n);n.getInstance=function(e){
  189. e=(!e||e.length===0?"$default_instance":e).toLowerCase()
  190. ;if(!Object.prototype.hasOwnProperty.call(n._iq,e)){n._iq[e]={_q:[]};v(n._iq[e])
  191. }return n._iq[e]};e.amplitude=n})(window,document);
  192. </script>
  193. <!-- End Amplitude script -->
  194.  
  195. <!-- Convertize script -->
  196. <script src="//pixel.convertize.io/8154.js" charset="UTF-8"></script>
  197. <!-- End Convertize script --><style>:root {--ghost-accent-color: #15171A;}</style>
  198.  
  199. <script src="https://cdn.polyfill.io/v2/polyfill.min.js?features=es6,Array.prototype.includes,CustomEvent,Object.entries,Object.values,URL"></script>
  200.    <script src="https://www.brightful.me/assets/home/js/app.js?v=4e645f7369"></script>
  201.  
  202.    <script>
  203.        initAmplitude();
  204.        identifyAmplitude("setOnce", "creationDate", new Date(Date.now()).toISOString());
  205.        identifyAmplitude("setOnce", "landingPage", location.pathname);
  206.    </script>
  207. </head>
  208. <body class="post-template tag-remote-work-tips tag-icebreaker-games">
  209.  
  210.    <div class="site-wrapper">
  211.  
  212.        <head>
  213.    <link rel="stylesheet" type="text/css" href="https://www.brightful.me/assets/random-question-generator/styles.css?v=4e645f7369" />
  214.    <link rel="stylesheet" type="text/css" href="https://www.brightful.me/assets/random-question-generator-2/styles.css?v=4e645f7369" />
  215.    <link rel="stylesheet" type="text/css" href="https://www.brightful.me/assets/random-noun-generator/styles.css?v=4e645f7369" />
  216.    <link rel="stylesheet" type="text/css" href="https://www.brightful.me/assets/random-trivia-generator/styles.css?v=4e645f7369" />
  217.    <link rel="stylesheet" type="text/css" href="https://www.brightful.me/assets/random-pictionary-christmas-generator/styles.css?v=4e645f7369" />
  218.    <link rel="stylesheet" type="text/css" href="https://www.brightful.me/assets/built/popup.css?v=4e645f7369" />
  219.    <link rel="stylesheet" href="https://cdn.plyr.io/3.6.7/plyr.css" />
  220. </head>
  221.  
  222.  
  223. <header class="site-header">
  224.    <div class="outer site-nav-main brightful-dark-bg">
  225.    <div class="inner">
  226.        <nav class="site-nav">
  227.        <div class="site-nav-left">
  228.                <a class="site-nav-logo fix-logo" href="https://www.brightful.me"><img src="https://www.brightful.me/assets/home/img/logo-white.svg?v=4e645f7369" alt="Connect in a more meaningful way" /></a>
  229.        </div>
  230.    <div class="site-nav-right">
  231.            <ul class="site-nav-right-menu">
  232.                <li class="blog-category"><a href="#">Blog Categories <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevron-down"><polyline points="6 9 12 15 18 9"></polyline></svg></a>
  233.                            <ul class="nav" role="menu">
  234.            <li class="nav-latest-posts">
  235.                <a href="https://www.brightful.me/blog/">Latest Posts</a>
  236.            </li>
  237.            <li class="nav-conversation-starters">
  238.                <a href="https://www.brightful.me/tag/conversation-starters/">Conversation Starters</a>
  239.            </li>
  240.            <li class="nav-icebreaker-games">
  241.                <a href="https://www.brightful.me/blog/best-icebreaker-games-for-team-building-activities/">Icebreaker Games</a>
  242.            </li>
  243.            <li class="nav-remote-work-tips">
  244.                <a href="https://www.brightful.me/blog/all-you-ever-need-to-know-about-remote-work/">Remote Work Tips</a>
  245.            </li>
  246.            <li class="nav-self-care">
  247.                <a href="https://www.brightful.me/blog/why-is-self-care-in-important-in-the-remote-workplace/">Self-care</a>
  248.            </li>
  249.    </ul>
  250.  
  251.                </li>
  252.                        <li class="nav-start-your-trial"><a href="https://www.brightful.me/play/?source=blog" class="host-game">START YOUR TRIAL</a></li>
  253.  
  254.            </ul>
  255.    </div>
  256. </nav>    </div>
  257. </div>
  258. </header>
  259.  
  260. <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
  261. <script src="https://www.brightful.me/assets/random-question-generator/script.js?v=4e645f7369"></script>
  262. <script src="https://www.brightful.me/assets/random-question-generator-2/script.js?v=4e645f7369"></script>
  263. <script src="https://www.brightful.me/assets/random-noun-generator/script.js?v=4e645f7369"></script>
  264. <script src="https://www.brightful.me/assets/random-trivia-generator/script.js?v=4e645f7369"></script>
  265. <script src="https://www.brightful.me/assets/random-pictionary-christmas-generator/script.js?v=4e645f7369"></script>
  266. <script src="https://cdn.plyr.io/3.6.7/plyr.polyfilled.js"></script>
  267.  
  268. <main id="site-main" class="site-main outer post-main-wrapper">
  269.    <div class="inner">
  270.        <article class="post-full post tag-remote-work-tips tag-icebreaker-games "></article>
  271.            <div class="post-wrapper">
  272.                <div class="post-full-content-box post-full-inner-content">
  273.                    <header class="post-full-header">
  274.                        <section class="post-full-tags">
  275.                            <a href="/tag/remote-work-tips/">Remote Work Tips</a>
  276.                        </section>
  277.                        <h1 class="post-full-title">7 Virtual Christmas Party Ideas (For Remote Work)</h1>
  278.                        <div class="post-full-byline">
  279.                            <section class="post-full-byline-content">
  280.                                <section class="post-full-byline-meta">
  281.                                    <div class="byline-meta-content">
  282.                                        <time class="byline-meta-date"
  283.                                            datetime="2021-07-07">7 Jul 2021</time>
  284.                                        <span class="byline-reading-time"><span class="bull">&bull;</span>
  285.                                            3 min read</span>
  286.                                    </div>
  287.                                </section>
  288.                            </section>
  289.                        </div>
  290.                    </header>
  291.                    <figure class="post-full-image">
  292.                        <img srcset="/content/images/size/w300/2021/07/shutterstock_736371805-1000x576.jpeg 300w,
  293.                                    /content/images/size/w600/2021/07/shutterstock_736371805-1000x576.jpeg 600w,
  294.                                    /content/images/size/w1000/2021/07/shutterstock_736371805-1000x576.jpeg 1000w,
  295.                                    /content/images/size/w2000/2021/07/shutterstock_736371805-1000x576.jpeg 2000w" sizes="(max-width: 800px) 400px,
  296.                                (max-width: 1170px) 1170px,
  297.                                    2000px" src="/content/images/size/w2000/2021/07/shutterstock_736371805-1000x576.jpeg" alt="7 Virtual Christmas Party Ideas (For Remote Work)" />
  298.                    </figure>
  299.                    <section class="post-full-content control-full-w-image">
  300.                        <div class="post-content">
  301.                            <p>Merry Christmas! It's that time of the year again, so you know what that means. Christmas office parties! Except if you're working remotely, you will need some virtual variations. You've found our list of <strong>virtual holiday party ideas.</strong></p><p>A virtual Christmas party is an online celebration in lieu of doing it in the office. There are many reasons for choosing to <a href="https://www.brightful.me/blog/all-you-ever-need-to-know-about-remote-work/">work remote</a>, but even if you have a fully remote team, it doesn't mean you need to skip holiday celebrations. Christmas celebrations give remote workers a chance to talk to colleagues about things outside of work, which builds teamwork and communication. </p><p>Virtual holiday parties are a type of <a href="https://www.brightful.me/blog/how-to-plan-a-killer-virtual-team-retreat/">virtual Christmas event</a>.</p><p>In the following list you will find the best virtual Christmas party ideas for work to create a festive spirit - even when celebrating remotely.</p><h3 id="virtual-secret-santa">Virtual Secret Santa</h3><p>Everybody knows that a big part of Christmas parties is receiving presents. For some people, the act of giving is even more rewarding than receiving gift. Picking out a present for someone is a very gratifying experience, and receiving one is also a lot fun and excitement. </p><p>Secret Santa is a timeless Christmas tradition. It's when you draw a name and buy them a present. A minimum and maximum price is usually set so gifts are affordable and more about the fun rather than splurging big amounts of money. </p><p>If you are working remotely across several different countries, it may be tricky to co-ordinate the gift giving. One idea is to submit an e-Commerce seller to the HR organizer and get them to order the gifts to everybody's designated address. This simplifies the process and reduces the need for international shipping.</p><p>Once everybody has received their presents (make sure to order by a certain cut off date), wait until the virtual Christmas party where you all open your Secret Santa gifts together on Zoom!</p><h3 id="christmas-themed-virtual-backgrounds">Christmas themed virtual backgrounds</h3><p><a href="https://support.zoom.us/hc/en-us/articles/210707503-Getting-started-with-Virtual-Background?ref=brightful.me">Changing your Zoom background</a> should be common knowledge for anyone working remotely. If you're not aware, it's a neat feature that lets you customize your background to any image. It's often used to hide the background if you feel your home is not "presentable" to the audience. But why not take advantage of that feature and make your background something festive or Christmas related? Encourage your remote team to find an image ahead of time (simply Googling one will do) and make sure to remind them to update their settings ahead of time for your virtual Christmas party.</p><h3 id="decorate-your-desks">Decorate your desks</h3><p>Decorations were my favourite part of Christmas. All the candy canes and fairy lights really added to the atmosphere. Even some small props can totally change the mood of someone's desk, so as one of many great virtual Christmas ideas - why not encourage everyone to dig out the Christmas decorations, set them up on their workstation and show the rest of the team?</p><h3 id="dress-up-in-christmas-colors">Dress up in Christmas Colors</h3><p>The traditional Christmas colors are red, green, gold and silver. Even when you are all working remotely and cannot see your outfits in person, dressing up can still make for one of many virtual Xmas party ideas - the small act of encouraging everyone to wear something incorporating those colours can get people into the Christmas mood. Even better if they have some Santa Clause hats or reindeers. Something so small and silly actually turns out to be a lot of fun.</p><figure class="kg-card kg-image-card"><img src="https://www.brightful.me/content/images/2021/07/original.jpeg" class="kg-image" alt loading="lazy" width="720" height="405" srcset="https://www.brightful.me/content/images/size/w600/2021/07/original.jpeg 600w, https://www.brightful.me/content/images/2021/07/original.jpeg 720w" sizes="(min-width: 720px) 720px"></figure><h3 id="play-christmas-online-icebreakers">Play Christmas Online Icebreakers</h3><p><a href="https://www.brightful.me/blog/the-top-virtual-team-icebreakers-for-zoom-meetings/">Online icebreakers</a> should be a staple for you if you work remotely. Icebreakers are quick games to be played before meetings to help set the mood and bring energy levels up and increase engagement. If you're hosting a virtual Christmas party, then you'll need some specific Christmas Icebreaker games. </p><p>A popular online Christmas game to play with the office is <a href="https://brightful.me/games/trivia?ref=brightful.me">Christmas Trivia</a>. Test your knowledge of the festive season with fun Christmas related <a href="https://www.brightful.me/blog/30-best-trivia-questions-for-christmas/">quizzes</a>. You can even offer a small Christmas prize to the winner (i.e. candy cane, gift voucher)</p><p>Aside from Christmas-themed Trivia, you could also explore other icebreakers or fun activities for your remote team to play with, all with a Christmas twist. Activities like a Christmas-focused game of <a href="https://www.brightful.me/blog/30-christmas-words-for-charades/">Charades</a>, or a mental challenge like <a href="https://www.brightful.me/blog/30-christmas-words-for-taboo/">Taboo </a>are a few examples of what you could all do.  </p><h3 id="watch-a-christmas-movie-together">Watch a Christmas movie together</h3><p>Team movie nights are when the remote team choose a movie and stream it together. This is a low-effort activity to organise and is a great way to unwind on a Friday night. As one of many great work Christmas party ideas, a Christmas themed movie night is a chance to choose a cheesy flick and get those warm nostalgic feelings. One way to do it easily is by streaming it together on <a href="https://www.netflixparty.com/?ref=brightful.me">Netflix Party</a>.</p>
  302.                        </div>
  303.                    </section>
  304.                </div>
  305.                <div class="post-sidebar-content sidebar">
  306.    <div class="post-sidebar-inner">
  307.  
  308.  
  309.        <div class="single-sidebar-posts">
  310.            <h5 class="sidebar-heading">
  311.                What is Brightful?
  312.            </h5>
  313.            <p class="sidebar-text">
  314.                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>
  315. 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.
  316.            </p>
  317.        </div>
  318.  
  319.        <div class="single-sidebar-posts sidebar-trusted-by-teams-worldwide">
  320.            <h5 class="sidebar-heading">
  321.                How it works
  322.            </h5>
  323.            <div class="wrapper">
  324.                <ul class="StepProgress">
  325.                    <li class="StepProgress-item">Sign up in seconds, then pick a game to host.</li>
  326.                    <li class="StepProgress-item">Gather everyone into your virtual conference using your existing meeting tool (eg. Zoom or Skype).
  327.                    </li>
  328.                    <li class="StepProgress-item">Share the invitation with your team and you’re good to go. Enjoy the game!</li>
  329.                </ul>
  330.            </div>
  331.        </div>
  333. <div class="single-sidebar-posts">
  334.            <h5 class="sidebar-heading">
  335.                Trusted by teams worldwide
  336.            </h5>
  337.            <div class="partner-wrapper">
  338.                <div class="partner-image">
  339.                    <img src="https://www.brightful.me/assets/img/teams/amazon.png?v=4e645f7369" alt="image">
  340.                </div>
  341.                <div class="partner-image">
  342.                    <img src="https://www.brightful.me/assets/img/teams/dropbox.png?v=4e645f7369" alt="image">
  343.                </div>
  344.                <div class="partner-image">
  345.                    <img src="https://www.brightful.me/assets/img/teams/paypal.png?v=4e645f7369" alt="image">
  346.                </div>
  347.                <div class="partner-image">
  348.                    <img src="https://www.brightful.me/assets/img/teams/target.png?v=4e645f7369" alt="image">
  349.                </div>
  350.                <div class="partner-image">
  351.                    <img src="https://www.brightful.me/assets/img/teams/zoom.png?v=4e645f7369" alt="image">
  352.                </div>
  353.                <div class="partner-image">
  354.                    <img src="https://www.brightful.me/assets/img/teams/hulu.png?v=4e645f7369" alt="image">
  355.                </div>
  356.                <div class="partner-image">
  357.                    <img src="https://www.brightful.me/assets/img/teams/ibm.png?v=4e645f7369" alt="image">
  358.                </div>
  359.                <div class="partner-image">
  360.                    <img src="https://www.brightful.me/assets/img/teams/pfizer.png?v=4e645f7369" alt="image">
  361.                </div>
  362.            </div>
  363.        </div>
  364.  
  365.        <div class="btn-learn-more">
  366.            <a href="https://www.brightful.me/play/?source=blog" target="_blank" class="continue-reading">
  367.                <span>Learn more</span>
  368.                <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>
  369.        </div>
  370.    </div>
  371. </div>            </div>
  372.        </article>
  373.    </div>
  374. </main>
  375.  
  376. <div class="connection-section outer">
  377.    <div class="inner">
  378.        <div class="footer-top-section">
  379.            <div class="inner">
  380.                <div class="discussion-wrapper">
  381.                    <div class="discussion-image">
  382.                        <img src="https://www.brightful.me/assets/home/img/discussion.png?v=4e645f7369" alt="discussion image">
  383.                    </div>
  384.                    <div class="discussion-content">
  385.                        <h3 class="discussion-heading">Connect in a more meaningful way</h3>
  386.                        <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>
  387.                        <a class="btn-orange-primary" href="https://www.brightful.me/play/?source=blog">START YOUR TRIAL</a>
  388.                    </div>
  389.                </div>
  390.            </div>
  391.        </div>
  392.    </div>
  393. </div>
  394.  
  395. <div id="trivia-popup" class="popup-section" style="background-image:url(https://www.brightful.me/assets/img/hero/popup-bg.png?v=4e645f7369);">
  396.    <div class="popup-close-option" onclick="popupClose()">
  397.        <img src="https://www.brightful.me/assets/img/hero/close-option.png?v=4e645f7369" alt="icon">
  398.    </div>
  399.    <div class="popup-wrap shape-parent">
  400.        <div class="shape-line">
  401.           <img src="https://www.brightful.me/assets/img/hero/line-shape.png?v=4e645f7369" alt="" class="shape-line-one">
  402.           <img src="https://www.brightful.me/assets/img/hero/line-shape.png?v=4e645f7369" alt="" class="shape-line-two">
  403.        </div>
  404.        <div class="popup-wrapper">
  405.            <div class="try-wrap">
  406.                <span>try</span>
  407.                <img src="https://www.brightful.me/assets/img/hero/try-bg.png?v=4e645f7369" alt="bg image">
  408.            </div>
  409.            <div class="popup-content-wraper">
  410.                <h3>Give Brightful’s Trivia a go!</h3>
  411.                <div class="popup-trivia-qus-wrap">
  412.                    <h5>When Avengers: Endgame passed Titanic in total box-office, what Titanic director sent Kevin Feige a congratulatory message?</h5>
  413.                    <ul class="popup-ans-list">
  414.                        <li>
  415.                            <button>James Cameron</button>
  416.                        </li>
  417.                        <li>
  418.                            <button>Steven Spielberg</button>
  419.                        </li>
  420.                        <li>
  421.                            <button>Martin Scorsese</button>
  422.                        </li>
  423.                        <li>
  424.                            <button>Leonardo DiCaprio</button>
  425.                        </li>
  426.                    </ul>
  427.                </div>
  428.            </div>
  429.        </div>
  430.    </div>
  431.    <div class="congrass-option popup-wrap">
  432.        <div class="shape-line">
  433.           <img src="https://www.brightful.me/assets/img/hero/line-shape.png?v=4e645f7369" alt="" class="shape-line-one">
  434.           <img src="https://www.brightful.me/assets/img/hero/line-shape.png?v=4e645f7369" alt="" class="shape-line-two">
  435.           </div>
  436.        <div class="congrass-content">
  437.            <img src="https://www.brightful.me/assets/img/hero/answer.png?v=4e645f7369" alt="">
  438.            <div class="ans-options">
  439.                <p>The correct answer is</p>
  440.                <h5>James Cameron</h5>
  441.            </div>
  442.        </div>
  443.        <div class="congrass-ftr" style="background-image:url(https://www.brightful.me/assets/img/hero/congress-ftr.png?v=4e645f7369)">
  444.            <h3>Endless Trivia Questions</h3>
  445.            <p>With 1000+ of the best trivia questions categorized in one place, you will never run out of questions again.</p>
  446.            <a href="https://now.brightful.me/trivia" class="btn-orange-primary" onclick="popupClicked()">Try for FREE</a>
  447.        </div>
  448.    </div>
  449.    <div class="popup-shape">
  450.        <img class="popup-ftr-bg" src="https://www.brightful.me/assets/img/hero/popup-ftr-frame.png?v=4e645f7369" alt="">
  451.        <img class="popup-ftr-man" src="https://www.brightful.me/assets/img/hero/popup-preson.png?v=4e645f7369" alt="">
  452.    </div>
  453. </div>
  454.  
  455. <div id="wyr-popup" class="popup-section" style="background-image:url(https://www.brightful.me/assets/img/hero/popup-bg.png?v=4e645f7369);">
  456.    <div class="popup-close-option" onclick="popupClose()">
  457.        <img src="https://www.brightful.me/assets/img/hero/close-option.png?v=4e645f7369" alt="icon">
  458.    </div>
  459.    <div class="popup-wrap shape-parent reather-step-one">
  460.       <div class="popup-wrapper">
  461.            <div class="try-wrap">
  462.                <span>try</span>
  463.                <img src="https://www.brightful.me/assets/img/hero/try-bg.png?v=4e645f7369" alt="bg image">
  464.            </div>
  465.            <div class="popup-content-wraper raither-content">
  466.                <h3>Give Brightful a go!</h3>
  467.                <div class="raither-img">
  468.                    <img src="https://www.brightful.me/assets/img/hero/reather-img.png?v=4e645f7369" alt="">
  469.                </div>
  470.                <div class="popup-wyr-qus-wrap">
  471.                    <h5>Would you rather be</h5>
  472.                    <ul class="raither-popup-ans-list">
  473.                        <li class="raither-option-one">
  474.                            <button>Lebron James / Simone Biles</button>
  475.                        </li>
  476.                        <li class="raither-option-two">
  477.                            <button>Beyonce / Ed Sheeran</button>
  478.                        </li>
  479.                    </ul>
  480.                </div>
  481.            </div>
  482.        </div>
  483.    </div>
  484.    <div class="list-option-one popup-wrap reather-step-two">
  485.        <div class="reather-content">
  486.            <h3>Would you rather be</h3>
  487.            <div class="reather-ans-wrap">
  488.                <div class="reather-ans-vs">
  489.                    <span>VS</span>
  490.                </div>
  491.                <div class="reather-ans-right">
  492.                    <div class="reather-ans-single sky-bg">
  493.                        <p>Lebron James / Simone Biles</p>
  494.                        <h5>1</h5>
  495.                        <div class="reather-ans-overlay">
  496.                            <p>Other players: 63%</p>
  497.                        </div>
  498.                    </div>
  499.                    <div class="pro-status">
  500.                        <p>You</p>
  501.                    </div>
  502.                </div>
  503.                <div class="reather-ans-single paste-bg">
  504.                    <p>Beyonce / Ed Sheeran</p>
  505.                    <h5>0</h5>
  506.                    <div class="reather-ans-overlay">
  507.                        <p>Other players: 37%</p>
  508.                    </div>
  509.                </div>
  510.            </div>
  511.        </div>
  512.        <div class="congrass-ftr reather-ftr" style="background-image:url(https://www.brightful.me/assets/img/hero/congress-ftr.png?v=4e645f7369)">
  513.            <h3>Would You Rather Questions</h3>
  514.            <p>Find 1000+ of the quirkiest, funniest, and most interesting Would You Rather questions all in one place.</p>
  515.            <a href="https://now.brightful.me/would-you-rather" class="btn-orange-primary">Try for FREE</a>
  516.        </div>
  517.    </div>
  518.    <div class="list-option-one popup-wrap reather-step-three">
  519.        <div class="reather-content">
  520.            <h3>Would you rather be</h3>
  521.            <div class="reather-ans-wrap">
  522.                <div class="reather-ans-vs">
  523.                    <span>VS</span>
  524.                </div>
  525.                <div class="reather-ans-single sky-bg">
  526.                    <p>Lebron James / Simone Biles</p>
  527.                    <h5>0</h5>
  528.                    <div class="reather-ans-overlay">
  529.                        <p>Other players: 63%</p>
  530.                    </div>
  531.                </div>
  532.                <div class="reather-ans-right">
  533.                    <div class="reather-ans-single paste-bg">
  534.                        <p>Beyonce / Ed Sheeran</p>
  535.                        <h5>1</h5>
  536.                        <div class="reather-ans-overlay">
  537.                            <p>Other players: 37%</p>
  538.                        </div>
  539.                    </div>
  540.                    <div class="pro-status">
  541.                        <p>You</p>
  542.                    </div>
  543.                </div>
  544.                
  545.            </div>
  546.        </div>
  547.        <div class="congrass-ftr reather-ftr" style="background-image:url(https://www.brightful.me/assets/img/hero/congress-ftr.png?v=4e645f7369)">
  548.            <h3>Would You Rather Questions</h3>
  549.            <p>Find 1000+ of the quirkiest, funniest, and most interesting Would You Rather questions all in one place.</p>
  550.            <a href="https://now.brightful.me/would-you-rather" class="btn-orange-primary" onclick="popupClicked()">Try for FREE</a>
  551.        </div>
  552.    </div>
  553.    <div class="popup-shape">
  554.        <img class="popup-ftr-bg" src="https://www.brightful.me/assets/img/hero/popup-ftr-frame.png?v=4e645f7369" alt="">
  555.        <img class="popup-ftr-man" src="https://www.brightful.me/assets/img/hero/popup-preson.png?v=4e645f7369" alt="">
  556.    </div>
  557. </div>
  558.  
  559. <aside class="read-next outer brightful-dark-bg">
  560.    <div class="inner">
  561.        <div class="read-next-feed">
  562.            <article class="read-next-card">
  563.                <header class="read-next-card-header">
  564.                    <h3><span>More in</span> <a href="/tag/remote-work-tips/">Remote Work Tips</a></h3>
  565.                </header>
  566.                <div class="read-next-card-content">
  567.                    <ul>
  568.                        <li>
  569.                            <h4><a href="/blog/what-employees-really-think-about-the-hybrid-work-model/">What Employees Really Think About The Hybrid Work Model</a></h4>
  570.                            <div class="read-next-card-meta">
  571.                                <p><time datetime="2021-09-15">15 Sep 2021</time> –
  572.                                    6 min read</p>
  573.                            </div>
  574.                        </li>
  575.                        <li>
  576.                            <h4><a href="/blog/how-can-i-monitor-employees-that-work-remotely/">How Can I Monitor Employees That Work Remotely?</a></h4>
  577.                            <div class="read-next-card-meta">
  578.                                <p><time datetime="2021-09-13">13 Sep 2021</time> –
  579.                                    6 min read</p>
  580.                            </div>
  581.                        </li>
  582.                        <li>
  583.                            <h4><a href="/blog/how-to-close-the-distance-between-employees-in-a-remote-work-environment/">How to Close The Distance Between Employees in a Remote Work Environment</a></h4>
  584.                            <div class="read-next-card-meta">
  585.                                <p><time datetime="2021-09-10">10 Sep 2021</time> –
  586.                                    6 min read</p>
  587.                            </div>
  588.                        </li>
  589.                    </ul>
  590.                </div>
  591.                <footer class="read-next-card-footer">
  592.                    <a href="/tag/remote-work-tips/">See all 90 posts
  593.                        →</a>
  594.                </footer>
  595.            </article>
  596.  
  597.                <article class="post-card post ">
  598.  
  599.    <a class="post-card-image-link" href="/blog/thanksgiving-office-party-ideas-perfect-for-remote-work/">
  600.        <img class="post-card-image"
  601.            srcset="/content/images/size/w300/2021/07/download--1-.jpeg 300w,
  602.                    /content/images/size/w600/2021/07/download--1-.jpeg 600w,
  603.                    /content/images/size/w1000/2021/07/download--1-.jpeg 1000w,
  604.                    /content/images/size/w2000/2021/07/download--1-.jpeg 2000w"
  605.            sizes="(max-width: 1000px) 400px, 700px"
  606.            loading="lazy"
  607.            src="/content/images/size/w600/2021/07/download--1-.jpeg"
  608.            alt="5 Great Thanksgiving Office Party Ideas (Perfect for Remote work)"
  609.        />
  610.    </a>
  611.  
  612.    <div class="post-card-content">
  613.  
  614.        <a class="post-card-content-link" href="/blog/thanksgiving-office-party-ideas-perfect-for-remote-work/">
  615.  
  616.            <header class="post-card-header">
  617.                <h2 class="post-card-title">5 Great Thanksgiving Office Party Ideas (Perfect for Remote work)</h2>
  618.            </header>
  619.  
  620.            <section class="post-card-excerpt">
  621.                    <p>Celebrating seasonal holidays is a great way to keep your team in great spirits
  622. after a long hard year of work. As Thanksgiving rolls by, and we start
  623. preheating those</p>
  624.            </section>
  625.  
  626.        </a>
  627.  
  628.        <footer class="post-card-meta">
  629.            <div class="post-card-byline-content">
  630.                <span class="post-card-byline-date"><time datetime="2021-07-07">7 Jul 2021</time> <span class="bull">&bull;</span> 3 min read</span>
  631.            </div>
  632.        </footer>
  633.  
  634.    </div>
  635.  
  636. </article>
  637.  
  638.            
  639.                <article class="post-card post ">
  640.  
  641.    <a class="post-card-image-link" href="/blog/best-halloween-office-games/">
  642.        <img class="post-card-image"
  643.            srcset="/content/images/size/w300/2021/07/81mpCu-LxmL._AC_SL1500_.jpg 300w,
  644.                    /content/images/size/w600/2021/07/81mpCu-LxmL._AC_SL1500_.jpg 600w,
  645.                    /content/images/size/w1000/2021/07/81mpCu-LxmL._AC_SL1500_.jpg 1000w,
  646.                    /content/images/size/w2000/2021/07/81mpCu-LxmL._AC_SL1500_.jpg 2000w"
  647.            sizes="(max-width: 1000px) 400px, 700px"
  648.            loading="lazy"
  649.            src="/content/images/size/w600/2021/07/81mpCu-LxmL._AC_SL1500_.jpg"
  650.            alt="Top 10 Best Virtual Halloween Party Ideas - Perfect for Your Remote Team"
  651.        />
  652.    </a>
  653.  
  654.    <div class="post-card-content">
  655.  
  656.        <a class="post-card-content-link" href="/blog/best-halloween-office-games/">
  657.  
  658.            <header class="post-card-header">
  659.                <h2 class="post-card-title">Top 10 Best Virtual Halloween Party Ideas - Perfect for Your Remote Team</h2>
  660.            </header>
  661.  
  662.            <section class="post-card-excerpt">
  663.                    <p>If you&#39;re working in a remote company, chances are that every day can begin to
  664. seem the same. Without some seasonal activities to break up the monotony, it&</p>
  665.            </section>
  666.  
  667.        </a>
  668.  
  669.        <footer class="post-card-meta">
  670.            <div class="post-card-byline-content">
  671.                <span class="post-card-byline-date"><time datetime="2021-07-06">6 Jul 2021</time> <span class="bull">&bull;</span> 3 min read</span>
  672.            </div>
  673.        </footer>
  674.  
  675.    </div>
  676.  
  677. </article>
  678.        </div>
  679.    </div>
  680. </aside>
  681. <script>
  682.    initAmplitude();
  683.    amplitudeEvent("visitedBlog", {
  684.        title: `7 Virtual Christmas Party Ideas (For Remote Work)`,
  685.        eventTime: new Date(Date.now()).toISOString(),
  686.        url: location.pathname,
  687.    });
  688. </script>
  689. <script>
  690.    document.addEventListener("copy", (event) => {
  691.        let tagline = '\n\n';
  692.        if (`Remote Work Tips` === 'Remote Work Tips') {
  693.            tagline += 'For more team building activities, visit https://Brightful.me';
  694.        } else {
  695.            switch (`Icebreaker Games`) {
  696.                case 'Trivia': {
  697.                    tagline += 'Visit https://Brightful.me for more fun trivia!';
  698.                    break;
  699.                }
  700.                case 'Questions': {
  701.                    tagline += 'Visit https://Brightful.me for the best conversation questions.';
  702.                    break;
  703.                }
  704.                case 'Would You Rather': {
  705.                    tagline += 'For more funny and interesting Would You Rather questions, visit https://Brightful.me';
  706.                    break;
  707.                }
  708.                case 'Games': {
  709.                    tagline += 'Visit https://Brightful.me for more fun and exciting games.';
  710.                    break;
  711.                }
  712.                case 'Draw': {
  713.                    tagline += 'Visit https://Brightful.me to find more fun things to draw!';
  714.                    break;
  715.                }
  716.            }
  717.        }
  718.        amplitudeEvent("copiedTextInBlog", {
  719.            payload: `${document.getSelection()}`,
  720.            url: location.pathname,
  721.            eventTime: new Date(Date.now()).toISOString(),
  722.        });
  723.        event.clipboardData.setData("text", document.getSelection() + tagline);
  724.        event.preventDefault();
  725.    });
  726. </script>
  727. <script>
  728.    let isTriviaBlog = false;
  729.    let isWYRBlog = false;
  730.    function popupClicked() {
  731.        amplitudeEvent("popupClicked", {
  732.            url: location.pathname,
  733.            tag: isTriviaBlog ? 'Trivia' : 'Would You Rather',
  734.            eventTime: new Date(Date.now()).toISOString(),
  735.        });
  736.    }
  737.    function popupClose() {
  738.        if (isTriviaBlog) $('#trivia-popup').fadeOut();
  739.        if (isWYRBlog) $('#wyr-popup').fadeOut();
  740.        if (typeof(Storage) !== 'undefined') {
  741.            var attempts = localStorage.getItem("popup-count");
  742.            localStorage.setItem("popup-count", ++attempts);
  743.        } else {
  744.            localStorage.setItem('popup-count', 1);
  745.        }
  746.        $('#trivia-popup').remove();
  747.        $('#wyr-popup').remove();
  748.    }
  749.    $(document).ready(function () {
  750.        const allTags = [];
  751.        const tag1 = `Remote Work Tips`;
  752.        const tag2 = `Icebreaker Games`;
  753.        const tag3 = ``;
  754.        const tag4 = ``;
  755.        const questionAudio = new Audio("https://www.brightful.me/assets/play/audio/QuestionsAppear.mp3?v=4e645f7369");
  756.        if (tag1 != '') allTags.push(tag1);
  757.        if (tag2 != '') allTags.push(tag2);
  758.        if (tag3 != '') allTags.push(tag3);
  759.        if (tag4 != '') allTags.push(tag4);
  760.        isTriviaBlog = tag1 === 'Trivia' || tag2 === 'Trivia' || tag3 === 'Trivia' || tag4 === 'Trivia';
  761.        isWYRBlog = tag1 === 'Would You Rather' || tag2 === 'Would You Rather' || tag3 === 'Would You Rather' || tag4 === 'Would You Rather';
  762.        if (isTriviaBlog || isWYRBlog) {
  763.            let attempts = localStorage.getItem("popup-count");
  764.            setTimeout(function() {
  765.                if (isTriviaBlog) {
  766.                    $('#trivia-popup').fadeIn();
  767.                    questionAudio.play();
  768.                }
  769.                if (isWYRBlog) {
  770.                    $('#wyr-popup').fadeIn();
  771.                    questionAudio.play();
  772.                }
  773.                if (attempts < 2) {
  774.                    amplitudeEvent("popupDisplayed", {
  775.                        url: location.pathname,
  776.                        tag: allTags.join(', '),
  777.                        eventTime: new Date(Date.now()).toISOString(),
  778.                    });
  779.                }
  780.            }, 30000);
  781.            if (attempts > 1) {
  782.                $('#trivia-popup').remove();
  783.                $('#wyr-popup').remove();
  784.            }
  785.            $("html").bind("mouseleave", function () {
  786.                setTimeout(function() {
  787.                    if (isTriviaBlog) {
  788.                        $('#trivia-popup').fadeIn();
  789.                        questionAudio.play();
  790.                    }
  791.                    if (isWYRBlog) {
  792.                        $('#wyr-popup').fadeIn();
  793.                        questionAudio.play();
  794.                    }
  795.                    amplitudeEvent("popupDisplayed", {
  796.                        url: location.pathname,
  797.                        tag: allTags.join(', '),
  798.                        eventTime: new Date(Date.now()).toISOString(),
  799.                    });
  800.                }, 300);
  801.                $("html").unbind("mouseleave");
  802.            });
  803.        }
  804.        // Trivia popup scripts
  805.        if (isTriviaBlog) {
  806.            let btnOptions = $('.popup-ans-list li button');
  807.            let correctResult = 'James Cameron';
  808.            let correctOption;
  809.            btnOptions.each(function() {
  810.                let $this = $(this);
  811.                let thisVal = $this.text();
  812.                if (correctResult === thisVal){
  813.                    correctOption = $this.parent().index();
  814.                }
  815.            });
  816.            btnOptions.click(function() {
  817.                let $this = $(this);
  818.                let thisVal = $this.text();
  819.                setTimeout(function(e) {
  820.                    if (correctResult === thisVal){
  821.                        $this.parent().addClass('correct');
  822.                    } else {
  823.                        $this.parent().addClass('wrong');
  824.                        btnOptions.parent().eq(correctOption).addClass('correct');
  825.                    }
  826.                }, 1000);
  827.                setTimeout(function() {
  828.                    $('.popup-wrap').addClass('hide');
  829.                    $('.congrass-option').addClass('show');
  830.                },2000);
  831.            });
  832.        }
  833.        // WYR popup scripts
  834.        if (isWYRBlog) {
  835.            setTimeout(function(){
  836.                $('.raither-option-one').click(function() {
  837.                    $('.reather-step-one, .reather-step-three').addClass('none');
  838.                    $('.reather-step-two').addClass('show');
  839.                });
  840.            }, 1000);
  841.            setTimeout(function(){
  842.                $('.raither-option-two').click(function() {
  843.                    $('.reather-step-one, .reather-step-two').addClass('none');
  844.                    $('.reather-step-three').addClass('show');
  845.                });
  846.            }, 1000);
  847.        }
  848.    });
  849. </script>
  850. <script>
  851.    const players = Array.from(
  852.        document.querySelectorAll('.plyr__video-embed')).map(p => new Plyr(p, {})
  853.    );
  854. </script>
  855.  
  856.  
  857.  
  858.        <footer class="site-footer outer brightful-bg">
  859.            <div class="site-footer-content inner">
  860.                <section class="copyright"><a href="https://www.brightful.me">Connect in a more meaningful way</a> &copy; 2024</section>
  861.                <nav class="site-footer-nav">
  862.                    <a href="https://www.brightful.me/blog/">Latest Posts</a>
  863.                    
  864.                    <a href="https://twitter.com/brightfulhq" target="_blank" rel="noopener">Twitter</a>
  865.                </nav>
  866.            </div>
  867.        </footer>
  868.  
  869.    </div>
  870.  
  871.    <div class="subscribe-success-message">
  872.        <a class="subscribe-close" href="javascript:;"></a>
  873.        You've successfully subscribed to Connect in a more meaningful way!
  874.    </div>
  875.  
  876.    <div id="subscribe" class="subscribe-overlay">
  877.        <a class="subscribe-close-overlay" href="#"></a>
  878.        <a class="subscribe-close-button" href="#"></a>
  879.        <div class="subscribe-overlay-content">
  880.            <div class="subscribe-form">
  881.                <h1 class="subscribe-overlay-title">Subscribe to Connect in a more meaningful way</h1>
  882.                <p class="subscribe-overlay-description">Stay up to date! Get all the latest & greatest posts delivered straight to your inbox</p>
  883.                <form data-members-form="subscribe">
  884.                    <div class="form-group">
  885.                        <input class="subscribe-email" data-members-email placeholder="youremail@example.com"
  886.                            autocomplete="false" />
  887.                        <button class="button primary" type="submit">
  888.                            <span class="button-content">Subscribe</span>
  889.                            <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"
  890.    y="0px" width="40px" height="40px" viewBox="0 0 40 40" enable-background="new 0 0 40 40" xml:space="preserve">
  891.    <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
  892. 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
  893. 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" />
  894.    <path fill="#000" d="M26.013,10.047l1.654-2.866c-2.198-1.272-4.743-2.012-7.466-2.012h0v3.312h0
  895. C22.32,8.481,24.301,9.057,26.013,10.047z">
  896.        <animateTransform attributeType="xml" attributeName="transform" type="rotate" from="0 20 20" to="360 20 20"
  897.            dur="0.5s" repeatCount="indefinite" />
  898.    </path>
  899. </svg></span>
  900.                        </button>
  901.                    </div>
  902.                    <div class="message-success">
  903.                        <strong>Great!</strong> Check your inbox and click the link to confirm your subscription.
  904.                    </div>
  905.                    <div class="message-error">
  906.                        Please enter a valid email address!
  907.                    </div>
  908.                </form>
  909.            </div>
  910.        </div>
  911.    </div>
  912.  
  913. <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
  914.    <script src="https://www.brightful.me/assets/built/sticky-sidebar.js?v=4e645f7369"></script>
  915.    <script src="https://www.brightful.me/assets/built/casper.js?v=4e645f7369"></script>
  916.  
  917.    <script>
  918.        // Give the parameter a variable name
  919.        var action = getParameterByName('action');
  920.  
  921.        $(document).ready(function () {
  922.            if (action == 'subscribe') {
  923.                $('body').addClass("subscribe-success");
  924.            }
  925.  
  926.            $('.subscribe-success-message .subscribe-close').click(function () {
  927.                $('.subscribe-success-message').addClass('close');
  928.            });
  929.  
  930.            // Reset form on opening subscrion overlay
  931.            $('.subscribe-button').click(function() {
  932.                $('.subscribe-overlay form').removeClass();
  933.                $('.subscribe-email').val('');
  934.            });
  935.  
  936.        });
  937.    </script>
  938.  
  939.    <script>
  940.    function showHowItWorksTagsBlog() {
  941.        if ($(window).height() < 840) {
  942.            $('.sidebar-trusted-by-teams-worldwide').hide();
  943.        } else {
  944.            $('.sidebar-trusted-by-teams-worldwide').show();
  945.        }
  946.    }
  947.    $(document).ready(function () {
  948.        // FitVids - start
  949.        var $postContent = $(".post-full-content");
  950.        $postContent.fitVids();
  951.        // FitVids - end
  952.  
  953.        $('.sidebar').StickySidebar({
  954.            additionalMarginTop: 70
  955.        });
  956.  
  957.        $(window).resize(() =>  showHowItWorksTagsBlog());
  958.  
  959.        showHowItWorksTagsBlog();
  960.  
  961.        // Replace nav with title on scroll - start
  962.        Casper.stickyNavTitle({
  963.            navSelector: '.site-nav-main',
  964.            titleSelector: '.post-full-title',
  965.            activeClass: 'nav-post-title-active'
  966.        });
  967.        // Replace nav with title on scroll - end
  968.  
  969.        // Hover on avatar
  970.        var hoverTimeout;
  971.        $('.author-list-item').hover(function () {
  972.            var $this = $(this);
  973.  
  974.            clearTimeout(hoverTimeout);
  975.  
  976.            $('.author-card').removeClass('hovered');
  977.            $(this).children('.author-card').addClass('hovered');
  978.  
  979.        }, function () {
  980.            var $this = $(this);
  981.  
  982.            hoverTimeout = setTimeout(function () {
  983.                $this.children('.author-card').removeClass('hovered');
  984.            }, 800);
  985.        });
  986.    });
  987. </script>
  988.  
  989.  
  990.    
  991.  
  992. </body>
  993. </html>
  994.  

Home · About · News · Docs · Terms

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