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/best-halloween-office-games/

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

Home · About · News · Docs · Terms

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