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/thanksgiving-office-party-ideas-perfect-for-remote-work/

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

Home · About · News · Docs · Terms

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