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/movie-would-you-rather-questions-for-every-film-buff/

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

Home · About · News · Docs · Terms

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