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/what-if-questions/

  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>70+ Hypothetical Scenarios (What If Questions)</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=ec7b48ed3a" />
  12.  
  13.    <meta name="description" content="Ever dream up of crazy scenarios and wonder how you would react in them?
  14. Here is a list of creative, outrageous and silly hypothetical">
  15.    <link rel="icon" href="https://www.brightful.me/content/images/size/w256h256/2020/07/icon_83.5@2x.png" type="image/png">
  16.    <link rel="canonical" href="https://www.brightful.me/blog/what-if-questions/">
  17.    <meta name="referrer" content="no-referrer-when-downgrade">
  18.    <link rel="amphtml" href="https://www.brightful.me/blog/what-if-questions/amp/">
  19.    
  20.    <meta property="og:site_name" content="Connect in a more meaningful way">
  21.    <meta property="og:type" content="article">
  22.    <meta property="og:title" content="70+ Hypothetical Scenarios (What If Questions)">
  23.    <meta property="og:description" content="Ever dream up of crazy scenarios and wonder how you would react in them?
  24. Here is a list of creative, outrageous and silly hypothetical">
  25.    <meta property="og:url" content="https://www.brightful.me/blog/what-if-questions/">
  26.    <meta property="og:image" content="https://www.brightful.me/content/images/size/w1200/2020/09/pexels-andrea-piacquadio-3769013.jpg">
  27.    <meta property="article:published_time" content="2020-09-11T12:22:54.000Z">
  28.    <meta property="article:modified_time" content="2021-04-21T06:41:38.000Z">
  29.    <meta property="article:tag" content="Conversation Starters">
  30.    <meta property="article:tag" content="Questions">
  31.    
  32.    <meta name="twitter:card" content="summary_large_image">
  33.    <meta name="twitter:title" content="70+ Hypothetical Scenarios (What If Questions)">
  34.    <meta name="twitter:description" content="Ever dream up of crazy scenarios and wonder how you would react in them?
  35. Here is a list of creative, outrageous and silly hypothetical">
  36.    <meta name="twitter:url" content="https://www.brightful.me/blog/what-if-questions/">
  37.    <meta name="twitter:image" content="https://www.brightful.me/content/images/size/w1200/2020/09/pexels-andrea-piacquadio-3769013.jpg">
  38.    <meta name="twitter:label1" content="Written by">
  39.    <meta name="twitter:data1" content="Calvin Cheung">
  40.    <meta name="twitter:label2" content="Filed under">
  41.    <meta name="twitter:data2" content="Conversation Starters, Questions">
  42.    <meta name="twitter:site" content="@brightfulhq">
  43.    <meta property="og:image:width" content="1200">
  44.    <meta property="og:image:height" content="800">
  45.    
  46.    <script type="application/ld+json">
  47. {
  48.    "@context": "https://schema.org",
  49.    "@type": "Article",
  50.    "publisher": {
  51.        "@type": "Organization",
  52.        "name": "Connect in a more meaningful way",
  53.        "url": "https://www.brightful.me/",
  54.        "logo": {
  55.            "@type": "ImageObject",
  56.            "url": "https://www.brightful.me/content/images/size/w256h256/2020/07/icon_83.5@2x.png",
  57.            "width": 60,
  58.            "height": 60
  59.        }
  60.    },
  61.    "author": {
  62.        "@type": "Person",
  63.        "name": "Calvin Cheung",
  64.        "url": "https://www.brightful.me/404/",
  65.        "sameAs": []
  66.    },
  67.    "headline": "70+ Hypothetical Scenarios (What If Questions)",
  68.    "url": "https://www.brightful.me/blog/what-if-questions/",
  69.    "datePublished": "2020-09-11T12:22:54.000Z",
  70.    "dateModified": "2021-04-21T06:41:38.000Z",
  71.    "image": {
  72.        "@type": "ImageObject",
  73.        "url": "https://www.brightful.me/content/images/size/w1200/2020/09/pexels-andrea-piacquadio-3769013.jpg",
  74.        "width": 1200,
  75.        "height": 800
  76.    },
  77.    "keywords": "Conversation Starters, Questions",
  78.    "description": "\n\nEver dream up of crazy scenarios and wonder how you would react in them?\n\nHere is a list of creative, outrageous and silly hypothetical What If Questions\nthat will surely stretch your imagination and make for a great conversation\nstarter\n\nIcebreaker Games\nIf you&#x27;re looking for more ways to break the ice during your meetings, you\nshould check out Brightful Meeting Games [https://brightful.me/play]. The\nQuestion of the Day game is packed full of similar questions to help you get the\nbrain juices",
  79.    "mainEntityOfPage": "https://www.brightful.me/blog/what-if-questions/"
  80. }
  81.    </script>
  82.  
  83.    <meta name="generator" content="Ghost 5.82">
  84.    <link rel="alternate" type="application/rss+xml" title="Connect in a more meaningful way" href="">
  85.    <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,
  86. .gh-post-upgrade-cta {
  87.    display: flex;
  88.    flex-direction: column;
  89.    align-items: center;
  90.    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  91.    text-align: center;
  92.    width: 100%;
  93.    color: #ffffff;
  94.    font-size: 16px;
  95. }
  96.  
  97. .gh-post-upgrade-cta-content {
  98.    border-radius: 8px;
  99.    padding: 40px 4vw;
  100. }
  101.  
  102. .gh-post-upgrade-cta h2 {
  103.    color: #ffffff;
  104.    font-size: 28px;
  105.    letter-spacing: -0.2px;
  106.    margin: 0;
  107.    padding: 0;
  108. }
  109.  
  110. .gh-post-upgrade-cta p {
  111.    margin: 20px 0 0;
  112.    padding: 0;
  113. }
  114.  
  115. .gh-post-upgrade-cta small {
  116.    font-size: 16px;
  117.    letter-spacing: -0.2px;
  118. }
  119.  
  120. .gh-post-upgrade-cta a {
  121.    color: #ffffff;
  122.    cursor: pointer;
  123.    font-weight: 500;
  124.    box-shadow: none;
  125.    text-decoration: underline;
  126. }
  127.  
  128. .gh-post-upgrade-cta a:hover {
  129.    color: #ffffff;
  130.    opacity: 0.8;
  131.    box-shadow: none;
  132.    text-decoration: underline;
  133. }
  134.  
  135. .gh-post-upgrade-cta a.gh-btn {
  136.    display: block;
  137.    background: #ffffff;
  138.    text-decoration: none;
  139.    margin: 28px 0 0;
  140.    padding: 8px 18px;
  141.    border-radius: 4px;
  142.    font-size: 16px;
  143.    font-weight: 600;
  144. }
  145.  
  146. .gh-post-upgrade-cta a.gh-btn:hover {
  147.    opacity: 0.92;
  148. }</style>
  149.    <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>
  150.    
  151.    <link href="https://www.brightful.me/webmentions/receive/" rel="webmention">
  152.    <script defer src="/public/cards.min.js?v=ec7b48ed3a"></script>
  153.    <link rel="stylesheet" type="text/css" href="/public/cards.min.css?v=ec7b48ed3a">
  154.    <script defer src="/public/member-attribution.min.js?v=ec7b48ed3a"></script>
  155.    <!-- Google Tag Manager -->
  156. <script>
  157.  (function (w, d, s, l, i) {
  158.    w[l] = w[l] || [];
  159.    w[l].push({ "gtm.start": new Date().getTime(), event: "gtm.js" });
  160.    var f = d.getElementsByTagName(s)[0],
  161.      j = d.createElement(s),
  162.      dl = l != "dataLayer" ? "&l=" + l : "";
  163.    j.async = true;
  164.    j.src = "https://www.googletagmanager.com/gtm.js?id=" + i + dl;
  165.    f.parentNode.insertBefore(j, f);
  166.  })(window, document, "script", "dataLayer", "GTM-PTQVHFL");
  167. </script>
  168. <!-- End Google Tag Manager -->
  169.  
  170. <!-- Amplitude script -->
  171. <script type="text/javascript">
  172. (function(e,t){var n=e.amplitude||{_q:[],_iq:{}};var r=t.createElement("script")
  173. ;r.type="text/javascript"
  174. ;r.integrity="sha384-xwN6OCSgIf1SF9jtD6pouaSwCvpobyV3lanBGQ1d33MwTxLarbQxUif0Slt0npCM"
  175. ;r.crossOrigin="anonymous";r.async=true
  176. ;r.src="https://cdn.amplitude.com/libs/amplitude-8.3.0-min.gz.js"
  177. ;r.onload=function(){if(!e.amplitude.runQueuedFunctions){
  178. console.log("[Amplitude] Error: could not load SDK")}}
  179. ;var i=t.getElementsByTagName("script")[0];i.parentNode.insertBefore(r,i)
  180. ;function s(e,t){e.prototype[t]=function(){
  181. this._q.push([t].concat(Array.prototype.slice.call(arguments,0)));return this}}
  182. var o=function(){this._q=[];return this}
  183. ;var a=["add","append","clearAll","prepend","set","setOnce","unset","preInsert","postInsert","remove"]
  184. ;for(var c=0;c<a.length;c++){s(o,a[c])}n.Identify=o;var u=function(){this._q=[]
  185. ;return this}
  186. ;var l=["setProductId","setQuantity","setPrice","setRevenueType","setEventProperties"]
  187. ;for(var p=0;p<l.length;p++){s(u,l[p])}n.Revenue=u
  188. ;var d=["init","logEvent","logRevenue","setUserId","setUserProperties","setOptOut","setVersionName","setDomain","setDeviceId","enableTracking","setGlobalUserProperties","identify","clearUserProperties","setGroup","logRevenueV2","regenerateDeviceId","groupIdentify","onInit","logEventWithTimestamp","logEventWithGroups","setSessionId","resetSessionId"]
  189. ;function v(e){function t(t){e[t]=function(){
  190. e._q.push([t].concat(Array.prototype.slice.call(arguments,0)))}}
  191. for(var n=0;n<d.length;n++){t(d[n])}}v(n);n.getInstance=function(e){
  192. e=(!e||e.length===0?"$default_instance":e).toLowerCase()
  193. ;if(!Object.prototype.hasOwnProperty.call(n._iq,e)){n._iq[e]={_q:[]};v(n._iq[e])
  194. }return n._iq[e]};e.amplitude=n})(window,document);
  195. </script>
  196. <!-- End Amplitude script -->
  197.  
  198. <!-- Convertize script -->
  199. <script src="//pixel.convertize.io/8154.js" charset="UTF-8"></script>
  200. <!-- End Convertize script --><style>:root {--ghost-accent-color: #15171A;}</style>
  201.  
  202. <script src="https://cdn.polyfill.io/v2/polyfill.min.js?features=es6,Array.prototype.includes,CustomEvent,Object.entries,Object.values,URL"></script>
  203.    <script src="https://www.brightful.me/assets/home/js/app.js?v=ec7b48ed3a"></script>
  204.  
  205.    <script>
  206.        initAmplitude();
  207.        identifyAmplitude("setOnce", "creationDate", new Date(Date.now()).toISOString());
  208.        identifyAmplitude("setOnce", "landingPage", location.pathname);
  209.    </script>
  210. </head>
  211. <body class="post-template tag-conversation-starters tag-questions">
  212.  
  213.    <div class="site-wrapper">
  214.  
  215.        <head>
  216.    <link rel="stylesheet" type="text/css" href="https://www.brightful.me/assets/random-question-generator/styles.css?v=ec7b48ed3a" />
  217.    <link rel="stylesheet" type="text/css" href="https://www.brightful.me/assets/random-question-generator-2/styles.css?v=ec7b48ed3a" />
  218.    <link rel="stylesheet" type="text/css" href="https://www.brightful.me/assets/random-noun-generator/styles.css?v=ec7b48ed3a" />
  219.    <link rel="stylesheet" type="text/css" href="https://www.brightful.me/assets/random-trivia-generator/styles.css?v=ec7b48ed3a" />
  220.    <link rel="stylesheet" type="text/css" href="https://www.brightful.me/assets/random-pictionary-christmas-generator/styles.css?v=ec7b48ed3a" />
  221.    <link rel="stylesheet" type="text/css" href="https://www.brightful.me/assets/built/popup.css?v=ec7b48ed3a" />
  222.    <link rel="stylesheet" href="https://cdn.plyr.io/3.6.7/plyr.css" />
  223. </head>
  224.  
  225.  
  226. <header class="site-header">
  227.    <div class="outer site-nav-main brightful-dark-bg">
  228.    <div class="inner">
  229.        <nav class="site-nav">
  230.        <div class="site-nav-left">
  231.                <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=ec7b48ed3a" alt="Connect in a more meaningful way" /></a>
  232.        </div>
  233.    <div class="site-nav-right">
  234.            <ul class="site-nav-right-menu">
  235.                <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>
  236.                            <ul class="nav" role="menu">
  237.            <li class="nav-latest-posts">
  238.                <a href="https://www.brightful.me/blog/">Latest Posts</a>
  239.            </li>
  240.            <li class="nav-conversation-starters">
  241.                <a href="https://www.brightful.me/tag/conversation-starters/">Conversation Starters</a>
  242.            </li>
  243.            <li class="nav-icebreaker-games">
  244.                <a href="https://www.brightful.me/blog/best-icebreaker-games-for-team-building-activities/">Icebreaker Games</a>
  245.            </li>
  246.            <li class="nav-remote-work-tips">
  247.                <a href="https://www.brightful.me/blog/all-you-ever-need-to-know-about-remote-work/">Remote Work Tips</a>
  248.            </li>
  249.            <li class="nav-self-care">
  250.                <a href="https://www.brightful.me/blog/why-is-self-care-in-important-in-the-remote-workplace/">Self-care</a>
  251.            </li>
  252.    </ul>
  253.  
  254.                </li>
  255.                        <li class="nav-start-your-trial"><a href="https://www.brightful.me/play/?source=blog" class="host-game">START YOUR TRIAL</a></li>
  256.  
  257.            </ul>
  258.    </div>
  259. </nav>    </div>
  260. </div>
  261. </header>
  262.  
  263. <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
  264. <script src="https://www.brightful.me/assets/random-question-generator/script.js?v=ec7b48ed3a"></script>
  265. <script src="https://www.brightful.me/assets/random-question-generator-2/script.js?v=ec7b48ed3a"></script>
  266. <script src="https://www.brightful.me/assets/random-noun-generator/script.js?v=ec7b48ed3a"></script>
  267. <script src="https://www.brightful.me/assets/random-trivia-generator/script.js?v=ec7b48ed3a"></script>
  268. <script src="https://www.brightful.me/assets/random-pictionary-christmas-generator/script.js?v=ec7b48ed3a"></script>
  269. <script src="https://cdn.plyr.io/3.6.7/plyr.polyfilled.js"></script>
  270.  
  271. <main id="site-main" class="site-main outer post-main-wrapper">
  272.    <div class="inner">
  273.        <article class="post-full post tag-conversation-starters tag-questions "></article>
  274.            <div class="post-wrapper">
  275.                <div class="post-full-content-box post-full-inner-content">
  276.                    <header class="post-full-header">
  277.                        <section class="post-full-tags">
  278.                            <a href="/tag/conversation-starters/">Conversation Starters</a>
  279.                        </section>
  280.                        <h1 class="post-full-title">70+ Hypothetical Scenarios (What If Questions)</h1>
  281.                        <div class="post-full-byline">
  282.                            <section class="post-full-byline-content">
  283.                                <section class="post-full-byline-meta">
  284.                                    <div class="byline-meta-content">
  285.                                        <time class="byline-meta-date"
  286.                                            datetime="2020-09-11">11 Sep 2020</time>
  287.                                        <span class="byline-reading-time"><span class="bull">&bull;</span>
  288.                                            6 min read</span>
  289.                                    </div>
  290.                                </section>
  291.                            </section>
  292.                        </div>
  293.                    </header>
  294.                    <figure class="post-full-image">
  295.                        <img srcset="/content/images/size/w300/2020/09/pexels-andrea-piacquadio-3769013.jpg 300w,
  296.                                    /content/images/size/w600/2020/09/pexels-andrea-piacquadio-3769013.jpg 600w,
  297.                                    /content/images/size/w1000/2020/09/pexels-andrea-piacquadio-3769013.jpg 1000w,
  298.                                    /content/images/size/w2000/2020/09/pexels-andrea-piacquadio-3769013.jpg 2000w" sizes="(max-width: 800px) 400px,
  299.                                (max-width: 1170px) 1170px,
  300.                                    2000px" src="/content/images/size/w2000/2020/09/pexels-andrea-piacquadio-3769013.jpg" alt="70+ Hypothetical Scenarios (What If Questions)" />
  301.                    </figure>
  302.                    <section class="post-full-content control-full-w-image">
  303.                        <div class="post-content">
  304.                            <p></p><p>Ever dream up of crazy scenarios and wonder how you would react in them?</p><p>Here is a list of creative, outrageous and silly hypothetical What If Questions that will surely stretch your imagination and make for a great conversation starter</p><h3 id="icebreaker-games">Icebreaker Games</h3><p>If you're looking for more ways to break the ice during your meetings, you should check out <a href="https://brightful.me/play?ref=brightful.me">Brightful Meeting Games</a>. The Question of the Day game is packed full of similar questions to help you get the brain juices flowing before a remote meeting. Try it out today, it's completely free.</p><h3 id="hypothetical-question-list">Hypothetical question list</h3><ol><li>If your sheets had to be made of deli meats, what meat would want them made of?</li><li>You are the emperor of a small island nation and can pick any three people from history to come and live on your island for five years. Who do you choose and why? (Example: George Washington, Abraham Lincoln, Martin Luther King Jr)</li><li>If you could only eat one food for the rest of your life, what food would it be?</li><li>If you were a superhero with no super powers what would your name be?</li><li>If extra lives were a thing in the real world, how would you get them?</li><li>If you were a celebrity for one day what would your name be?</li><li>What would your ideal last meal be? What’s on the menu for this meal?</li><li>If dinosaurs could be cloned back into existence what kind of dinosaur would it be? T-rex or triceratops or pterodactyl or…you get the idea!</li><li>If you were king/queen of the world and could make any rule, what would it be?</li></ol><p>10. What is your idea of perfect happiness? Of perfect misery?</p><p>11. If your house had a theme song, what would it be?</p><p>12. If time machines existed, what would be the first thing you’d do?</p><p>13. If you had to pick a historical era to live in, which one would it be and why?</p><p>14. If you could be a character from any movie, who would it be and why?</p><p>15. If you were a dictator of a small country, what crazy dictator things would you do?</p><p>16. If you could make a piece of clothing that had any kind of power, what kind of power would it have and how would that benefit you personally? (Example: A cape that makes me fly.)</p><p>17. Which person would you like to see most? name one reason.</p><p>18. If you were a zombie, what famous person’s body would you take over?</p><p>19. If your life was a sitcom, who would play the main character in it? You or someone else.</p><p>20. If you were a character in any book, who would it be and why?</p><p>21. If someone left you a cottage somewhere in the countryside in their will, where would you want the cottage to be located?</p><p>22. What would be your names for the seasons? (Spring, Summer, Fall and Winter).</p><p>23. If you were an animal at the zoo, which animal would you be?</p><p>24. If you could have any super power, which power would you want to have? (Flying is cheating!)</p><p>25. If you could only view one website for the rest of your life, what would it be? Why?</p><p>26. What laws would you abolish if you could? What laws would you create?</p><p>27. If you could be any fictional character, who would it be and why? (Example: Frodo Baggins because he had to go on a long journey to keep his people safe.)</p><p>28. If you had to change one thing about yourself what would it be?</p><p>29. What is the worst thing that you’ve ever done? The best? What do your friends think of them?</p><p>30. If you could live in any country in the world, which one would it be?</p><p>31. What do you believe is the most important invention in history? Why?</p><p>32. What do people do that makes them the most annoying to be around? And why are they like that in your opinion? (Example: People who laugh at their own jokes when no one else does)</p><p>33. If you were a member of the opposite sex, what would your life be like?</p><p>34. If you were a transformer, what vehicle would you turn into?</p><p>35. If you could time travel to any point in history, when would it be and why? If not a specific time, when would you go back to if given this power? (Example: 2015 because that’s where I am now.)</p><p>36. If you were a tree for one day, what kind of tree would you want to be? An oak or a maple?</p><p>37. If you could choose what super power you’d want, which one would it be?</p><p>38. If you had to join a war, which one would it be and why?</p><p>39. What do you think the future will look like? What changes do you think we will see in the next 50 years?</p><p>40. If you could speak to one person from history, who would it be and why?</p><p>41. If you could erase one bad memory from your mind, what would it be?</p><p>42. If you could rename any city in the world but couldn’t change it’s location or history, which city would you rename?</p><p>43. If someone offered you $10,000 every time they punched you in the face, how many times would you want to be hit?</p><p>44. If you could make people believe that anything is possible, how would you do it?</p><p>45. If you were trapped on a desert island and could only bring three things, what would they be?</p><p>46. If you were an animal for one day, which one would it be and why?</p><p>47. If you had the ability to time travel, where would you go?</p><p>48. If humans lost the ability to see all color except one, which color would you want to survive?</p><p>49. What does your ideal day look like? What do you do that day?</p><p>50. If you had the opportunity to visit any point in time, what time period would you visit? Why? What do you think life would be like there? (Example: I’d go to ancient Rome because it was a really interesting time.)</p><p>51. Would you rather have a clone of yourself or an identical twin?</p><p>52. What movie/TV show/video game/book series do you wish had a sequel or prequel made about it?</p><p>53. If you had to live in a castle, which one would it be and why?</p><p>54. If you could make one law in the world, what would it be?</p><p>55. If you were the lead singer of any band, which band would it be? (The Beatles, The Rolling Stones or ACDC are cheating!)</p><p>56. If you were given $1 million dollars, what would you do with it?</p><p>57. If you could go back in time and visit any famous person from history who would it be? And where?</p><p>58. What famous person from history would you like to have lunch with?</p><p>59. If you could cast any actor/actress in any movie role, who would you cast?</p><p>60. If you won the lottery, what would be your first purchase?</p><p>61. If you could live in any state in the US, which one would it be?</p><p>62. What two or three things would you do if time stopped for 24 hours?</p><p>63. If you had two weeks free to do anything you wanted, what would you do?</p><p>64. If you could live forever would you want to?</p><p>65. If you were a superhero, what would be your name? And what kind of powers would you have?</p><p>66. You can transport one furious elephant into any point in history, where would you put it?</p><p>67. If you were a superhero, what super power would you have? What costume would it be?</p><p>68. If you could create your own country with no limits on how it functions, what kind of government structure would it have and why?</p><p>69. If you were a famous artist, which painting would you recreate? Why?</p><p>70. If you could spend a day with anyone, who would it be and why?</p><p>71. If you could have any superpower, what would it be and why? (Example: Super speed so I could get everything done quickly.)</p><p>72. Which fictional character would you like to be friends with and why? Who else would be on your friends list or who would you avoid as a friend in this universe or setting? (Example: Spiderman because he can stick to the ceiling and I don’t have to worry about falling down)</p>
  305.                        </div>
  306.                    </section>
  307.                </div>
  308.                <div class="post-sidebar-content sidebar">
  309.    <div class="post-sidebar-inner">
  310.        <div class="sidebar-post-card">
  311.            <div class="sidebar-top" style="background-image:url('https://www.brightful.me/assets/img/sidebar/vector.png?v=ec7b48ed3a');">
  312.                <h3 class="s-post-heading">
  313.                    Endless Conversation Questions
  314.                </h3>
  315.                <div class="s-card-image">
  316.                    <img src="https://www.brightful.me/assets/img/sidebar/question_of_the_day.png?v=ec7b48ed3a" alt="image">
  317.                </div>
  318.            </div>
  319.            <div class="sidebar-bottom">
  320.                <p class="s-text">
  321.                    Tired of searching for new conversation starter questions?
  322.                </p>
  323.                <p class="s-text">
  324.                    With over 1,000+ of the best questions in one place, you will never run out of questions again.
  325.                </p>
  326.                <a href="https://landing.brightful.me/conversation-starter?source=blog-sidebar-question-of-the-day" class="read-more">HUGE LIST OF FREE QUESTIONS</a>
  327.            </div>
  328.        </div>
  329.  
  330.  
  331.  
  332.        <div class="single-sidebar-posts sidebar-trusted-by-teams-worldwide">
  333.            <h5 class="sidebar-heading">
  334.                How it works
  335.            </h5>
  336.            <div class="wrapper">
  337.                <ul class="StepProgress">
  338.                    <li class="StepProgress-item">Sign up in seconds, then pick a game to host.</li>
  339.                    <li class="StepProgress-item">Gather everyone into your virtual conference using your existing meeting tool (eg. Zoom or Skype).
  340.                    </li>
  341.                    <li class="StepProgress-item">Share the invitation with your team and you’re good to go. Enjoy the game!</li>
  342.                </ul>
  343.            </div>
  344.        </div>
  346.  
  347.        <div class="btn-learn-more">
  348.            <a href="https://www.brightful.me/play/?source=blog" target="_blank" class="continue-reading">
  349.                <span>Learn more</span>
  350.                <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>
  351.        </div>
  352.    </div>
  353. </div>            </div>
  354.        </article>
  355.    </div>
  356. </main>
  357.  
  358. <div class="connection-section outer">
  359.    <div class="inner">
  360.        <div class="footer-top-section">
  361.            <div class="inner">
  362.                <div class="discussion-wrapper">
  363.                    <div class="discussion-image">
  364.                        <img src="https://www.brightful.me/assets/home/img/discussion.png?v=ec7b48ed3a" alt="discussion image">
  365.                    </div>
  366.                    <div class="discussion-content">
  367.                        <h3 class="discussion-heading">Connect in a more meaningful way</h3>
  368.                        <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>
  369.                        <a class="btn-orange-primary" href="https://www.brightful.me/play/?source=blog">START YOUR TRIAL</a>
  370.                    </div>
  371.                </div>
  372.            </div>
  373.        </div>
  374.    </div>
  375. </div>
  376.  
  377. <div id="trivia-popup" class="popup-section" style="background-image:url(https://www.brightful.me/assets/img/hero/popup-bg.png?v=ec7b48ed3a);">
  378.    <div class="popup-close-option" onclick="popupClose()">
  379.        <img src="https://www.brightful.me/assets/img/hero/close-option.png?v=ec7b48ed3a" alt="icon">
  380.    </div>
  381.    <div class="popup-wrap shape-parent">
  382.        <div class="shape-line">
  383.           <img src="https://www.brightful.me/assets/img/hero/line-shape.png?v=ec7b48ed3a" alt="" class="shape-line-one">
  384.           <img src="https://www.brightful.me/assets/img/hero/line-shape.png?v=ec7b48ed3a" alt="" class="shape-line-two">
  385.        </div>
  386.        <div class="popup-wrapper">
  387.            <div class="try-wrap">
  388.                <span>try</span>
  389.                <img src="https://www.brightful.me/assets/img/hero/try-bg.png?v=ec7b48ed3a" alt="bg image">
  390.            </div>
  391.            <div class="popup-content-wraper">
  392.                <h3>Give Brightful’s Trivia a go!</h3>
  393.                <div class="popup-trivia-qus-wrap">
  394.                    <h5>When Avengers: Endgame passed Titanic in total box-office, what Titanic director sent Kevin Feige a congratulatory message?</h5>
  395.                    <ul class="popup-ans-list">
  396.                        <li>
  397.                            <button>James Cameron</button>
  398.                        </li>
  399.                        <li>
  400.                            <button>Steven Spielberg</button>
  401.                        </li>
  402.                        <li>
  403.                            <button>Martin Scorsese</button>
  404.                        </li>
  405.                        <li>
  406.                            <button>Leonardo DiCaprio</button>
  407.                        </li>
  408.                    </ul>
  409.                </div>
  410.            </div>
  411.        </div>
  412.    </div>
  413.    <div class="congrass-option popup-wrap">
  414.        <div class="shape-line">
  415.           <img src="https://www.brightful.me/assets/img/hero/line-shape.png?v=ec7b48ed3a" alt="" class="shape-line-one">
  416.           <img src="https://www.brightful.me/assets/img/hero/line-shape.png?v=ec7b48ed3a" alt="" class="shape-line-two">
  417.           </div>
  418.        <div class="congrass-content">
  419.            <img src="https://www.brightful.me/assets/img/hero/answer.png?v=ec7b48ed3a" alt="">
  420.            <div class="ans-options">
  421.                <p>The correct answer is</p>
  422.                <h5>James Cameron</h5>
  423.            </div>
  424.        </div>
  425.        <div class="congrass-ftr" style="background-image:url(https://www.brightful.me/assets/img/hero/congress-ftr.png?v=ec7b48ed3a)">
  426.            <h3>Endless Trivia Questions</h3>
  427.            <p>With 1000+ of the best trivia questions categorized in one place, you will never run out of questions again.</p>
  428.            <a href="https://now.brightful.me/trivia" class="btn-orange-primary" onclick="popupClicked()">Try for FREE</a>
  429.        </div>
  430.    </div>
  431.    <div class="popup-shape">
  432.        <img class="popup-ftr-bg" src="https://www.brightful.me/assets/img/hero/popup-ftr-frame.png?v=ec7b48ed3a" alt="">
  433.        <img class="popup-ftr-man" src="https://www.brightful.me/assets/img/hero/popup-preson.png?v=ec7b48ed3a" alt="">
  434.    </div>
  435. </div>
  436.  
  437. <div id="wyr-popup" class="popup-section" style="background-image:url(https://www.brightful.me/assets/img/hero/popup-bg.png?v=ec7b48ed3a);">
  438.    <div class="popup-close-option" onclick="popupClose()">
  439.        <img src="https://www.brightful.me/assets/img/hero/close-option.png?v=ec7b48ed3a" alt="icon">
  440.    </div>
  441.    <div class="popup-wrap shape-parent reather-step-one">
  442.       <div class="popup-wrapper">
  443.            <div class="try-wrap">
  444.                <span>try</span>
  445.                <img src="https://www.brightful.me/assets/img/hero/try-bg.png?v=ec7b48ed3a" alt="bg image">
  446.            </div>
  447.            <div class="popup-content-wraper raither-content">
  448.                <h3>Give Brightful a go!</h3>
  449.                <div class="raither-img">
  450.                    <img src="https://www.brightful.me/assets/img/hero/reather-img.png?v=ec7b48ed3a" alt="">
  451.                </div>
  452.                <div class="popup-wyr-qus-wrap">
  453.                    <h5>Would you rather be</h5>
  454.                    <ul class="raither-popup-ans-list">
  455.                        <li class="raither-option-one">
  456.                            <button>Lebron James / Simone Biles</button>
  457.                        </li>
  458.                        <li class="raither-option-two">
  459.                            <button>Beyonce / Ed Sheeran</button>
  460.                        </li>
  461.                    </ul>
  462.                </div>
  463.            </div>
  464.        </div>
  465.    </div>
  466.    <div class="list-option-one popup-wrap reather-step-two">
  467.        <div class="reather-content">
  468.            <h3>Would you rather be</h3>
  469.            <div class="reather-ans-wrap">
  470.                <div class="reather-ans-vs">
  471.                    <span>VS</span>
  472.                </div>
  473.                <div class="reather-ans-right">
  474.                    <div class="reather-ans-single sky-bg">
  475.                        <p>Lebron James / Simone Biles</p>
  476.                        <h5>1</h5>
  477.                        <div class="reather-ans-overlay">
  478.                            <p>Other players: 63%</p>
  479.                        </div>
  480.                    </div>
  481.                    <div class="pro-status">
  482.                        <p>You</p>
  483.                    </div>
  484.                </div>
  485.                <div class="reather-ans-single paste-bg">
  486.                    <p>Beyonce / Ed Sheeran</p>
  487.                    <h5>0</h5>
  488.                    <div class="reather-ans-overlay">
  489.                        <p>Other players: 37%</p>
  490.                    </div>
  491.                </div>
  492.            </div>
  493.        </div>
  494.        <div class="congrass-ftr reather-ftr" style="background-image:url(https://www.brightful.me/assets/img/hero/congress-ftr.png?v=ec7b48ed3a)">
  495.            <h3>Would You Rather Questions</h3>
  496.            <p>Find 1000+ of the quirkiest, funniest, and most interesting Would You Rather questions all in one place.</p>
  497.            <a href="https://now.brightful.me/would-you-rather" class="btn-orange-primary">Try for FREE</a>
  498.        </div>
  499.    </div>
  500.    <div class="list-option-one popup-wrap reather-step-three">
  501.        <div class="reather-content">
  502.            <h3>Would you rather be</h3>
  503.            <div class="reather-ans-wrap">
  504.                <div class="reather-ans-vs">
  505.                    <span>VS</span>
  506.                </div>
  507.                <div class="reather-ans-single sky-bg">
  508.                    <p>Lebron James / Simone Biles</p>
  509.                    <h5>0</h5>
  510.                    <div class="reather-ans-overlay">
  511.                        <p>Other players: 63%</p>
  512.                    </div>
  513.                </div>
  514.                <div class="reather-ans-right">
  515.                    <div class="reather-ans-single paste-bg">
  516.                        <p>Beyonce / Ed Sheeran</p>
  517.                        <h5>1</h5>
  518.                        <div class="reather-ans-overlay">
  519.                            <p>Other players: 37%</p>
  520.                        </div>
  521.                    </div>
  522.                    <div class="pro-status">
  523.                        <p>You</p>
  524.                    </div>
  525.                </div>
  526.                
  527.            </div>
  528.        </div>
  529.        <div class="congrass-ftr reather-ftr" style="background-image:url(https://www.brightful.me/assets/img/hero/congress-ftr.png?v=ec7b48ed3a)">
  530.            <h3>Would You Rather Questions</h3>
  531.            <p>Find 1000+ of the quirkiest, funniest, and most interesting Would You Rather questions all in one place.</p>
  532.            <a href="https://now.brightful.me/would-you-rather" class="btn-orange-primary" onclick="popupClicked()">Try for FREE</a>
  533.        </div>
  534.    </div>
  535.    <div class="popup-shape">
  536.        <img class="popup-ftr-bg" src="https://www.brightful.me/assets/img/hero/popup-ftr-frame.png?v=ec7b48ed3a" alt="">
  537.        <img class="popup-ftr-man" src="https://www.brightful.me/assets/img/hero/popup-preson.png?v=ec7b48ed3a" alt="">
  538.    </div>
  539. </div>
  540.  
  541. <aside class="read-next outer brightful-dark-bg">
  542.    <div class="inner">
  543.        <div class="read-next-feed">
  544.            <article class="read-next-card">
  545.                <header class="read-next-card-header">
  546.                    <h3><span>More in</span> <a href="/tag/conversation-starters/">Conversation Starters</a></h3>
  547.                </header>
  548.                <div class="read-next-card-content">
  549.                    <ul>
  550.                        <li>
  551.                            <h4><a href="/blog/the-best-conversational-games-to-play-with-remote-workers/">The best conversational games to play with remote workers</a></h4>
  552.                            <div class="read-next-card-meta">
  553.                                <p><time datetime="2021-07-02">2 Jul 2021</time> –
  554.                                    4 min read</p>
  555.                            </div>
  556.                        </li>
  557.                        <li>
  558.                            <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>
  559.                            <div class="read-next-card-meta">
  560.                                <p><time datetime="2021-05-20">20 May 2021</time> –
  561.                                    6 min read</p>
  562.                            </div>
  563.                        </li>
  564.                        <li>
  565.                            <h4><a href="/blog/christmas-would-you-rather/">Christmas Would You Rather (Fun and Family Friendly)</a></h4>
  566.                            <div class="read-next-card-meta">
  567.                                <p><time datetime="2020-11-16">16 Nov 2020</time> –
  568.                                    4 min read</p>
  569.                            </div>
  570.                        </li>
  571.                    </ul>
  572.                </div>
  573.                <footer class="read-next-card-footer">
  574.                    <a href="/tag/conversation-starters/">See all 28 posts
  575.                        →</a>
  576.                </footer>
  577.            </article>
  578.  
  579.                <article class="post-card post ">
  580.  
  581.    <a class="post-card-image-link" href="/blog/20-hard-questions/">
  582.        <img class="post-card-image"
  583.            srcset="/content/images/size/w300/2020/09/pexels-simon-migaj-747964.jpg 300w,
  584.                    /content/images/size/w600/2020/09/pexels-simon-migaj-747964.jpg 600w,
  585.                    /content/images/size/w1000/2020/09/pexels-simon-migaj-747964.jpg 1000w,
  586.                    /content/images/size/w2000/2020/09/pexels-simon-migaj-747964.jpg 2000w"
  587.            sizes="(max-width: 1000px) 400px, 700px"
  588.            loading="lazy"
  589.            src="/content/images/size/w600/2020/09/pexels-simon-migaj-747964.jpg"
  590.            alt="32 Hard Questions - These Will Force You To Think About Life"
  591.        />
  592.    </a>
  593.  
  594.    <div class="post-card-content">
  595.  
  596.        <a class="post-card-content-link" href="/blog/20-hard-questions/">
  597.  
  598.            <header class="post-card-header">
  599.                <h2 class="post-card-title">32 Hard Questions - These Will Force You To Think About Life</h2>
  600.            </header>
  601.  
  602.            <section class="post-card-excerpt">
  603.                    <p>&gt; Without reflection, we go blindly on our way, creating more unintended
  604. consequences, and failing to achieve anything useful
  605. - Margaret J. Wheatley
  606. Humans are creatures of habits, and we</p>
  607.            </section>
  608.  
  609.        </a>
  610.  
  611.        <footer class="post-card-meta">
  612.            <div class="post-card-byline-content">
  613.                <span class="post-card-byline-date"><time datetime="2020-09-11">11 Sep 2020</time> <span class="bull">&bull;</span> 7 min read</span>
  614.            </div>
  615.        </footer>
  616.  
  617.    </div>
  618.  
  619. </article>
  620.  
  621.            
  622.                <article class="post-card post ">
  623.  
  624.    <a class="post-card-image-link" href="/blog/multiple-choice-trivia-questions-and-answers/">
  625.        <img class="post-card-image"
  626.            srcset="/content/images/size/w300/2020/09/shutterstock_340452164.jpg 300w,
  627.                    /content/images/size/w600/2020/09/shutterstock_340452164.jpg 600w,
  628.                    /content/images/size/w1000/2020/09/shutterstock_340452164.jpg 1000w,
  629.                    /content/images/size/w2000/2020/09/shutterstock_340452164.jpg 2000w"
  630.            sizes="(max-width: 1000px) 400px, 700px"
  631.            loading="lazy"
  632.            src="/content/images/size/w600/2020/09/shutterstock_340452164.jpg"
  633.            alt="50+ Multiple Choice Trivia Questions And Answers"
  634.        />
  635.    </a>
  636.  
  637.    <div class="post-card-content">
  638.  
  639.        <a class="post-card-content-link" href="/blog/multiple-choice-trivia-questions-and-answers/">
  640.  
  641.            <header class="post-card-header">
  642.                <h2 class="post-card-title">50+ Multiple Choice Trivia Questions And Answers</h2>
  643.            </header>
  644.  
  645.            <section class="post-card-excerpt">
  646.                    <p>Looking for a list of multiple choice trivia questions to hone your trivia
  647. abilities before a big competition? You&#39;ve come to the right place. We&#39;ve
  648. gathered</p>
  649.            </section>
  650.  
  651.        </a>
  652.  
  653.        <footer class="post-card-meta">
  654.            <div class="post-card-byline-content">
  655.                <span class="post-card-byline-date"><time datetime="2020-09-04">4 Sep 2020</time> <span class="bull">&bull;</span> 8 min read</span>
  656.            </div>
  657.        </footer>
  658.  
  659.    </div>
  660.  
  661. </article>
  662.        </div>
  663.    </div>
  664. </aside>
  665. <script>
  666.    initAmplitude();
  667.    amplitudeEvent("visitedBlog", {
  668.        title: `70+ Hypothetical Scenarios (What If Questions)`,
  669.        eventTime: new Date(Date.now()).toISOString(),
  670.        url: location.pathname,
  671.    });
  672. </script>
  673. <script>
  674.    document.addEventListener("copy", (event) => {
  675.        let tagline = '\n\n';
  676.        if (`Conversation Starters` === 'Remote Work Tips') {
  677.            tagline += 'For more team building activities, visit https://Brightful.me';
  678.        } else {
  679.            switch (`Questions`) {
  680.                case 'Trivia': {
  681.                    tagline += 'Visit https://Brightful.me for more fun trivia!';
  682.                    break;
  683.                }
  684.                case 'Questions': {
  685.                    tagline += 'Visit https://Brightful.me for the best conversation questions.';
  686.                    break;
  687.                }
  688.                case 'Would You Rather': {
  689.                    tagline += 'For more funny and interesting Would You Rather questions, visit https://Brightful.me';
  690.                    break;
  691.                }
  692.                case 'Games': {
  693.                    tagline += 'Visit https://Brightful.me for more fun and exciting games.';
  694.                    break;
  695.                }
  696.                case 'Draw': {
  697.                    tagline += 'Visit https://Brightful.me to find more fun things to draw!';
  698.                    break;
  699.                }
  700.            }
  701.        }
  702.        amplitudeEvent("copiedTextInBlog", {
  703.            payload: `${document.getSelection()}`,
  704.            url: location.pathname,
  705.            eventTime: new Date(Date.now()).toISOString(),
  706.        });
  707.        event.clipboardData.setData("text", document.getSelection() + tagline);
  708.        event.preventDefault();
  709.    });
  710. </script>
  711. <script>
  712.    let isTriviaBlog = false;
  713.    let isWYRBlog = false;
  714.    function popupClicked() {
  715.        amplitudeEvent("popupClicked", {
  716.            url: location.pathname,
  717.            tag: isTriviaBlog ? 'Trivia' : 'Would You Rather',
  718.            eventTime: new Date(Date.now()).toISOString(),
  719.        });
  720.    }
  721.    function popupClose() {
  722.        if (isTriviaBlog) $('#trivia-popup').fadeOut();
  723.        if (isWYRBlog) $('#wyr-popup').fadeOut();
  724.        if (typeof(Storage) !== 'undefined') {
  725.            var attempts = localStorage.getItem("popup-count");
  726.            localStorage.setItem("popup-count", ++attempts);
  727.        } else {
  728.            localStorage.setItem('popup-count', 1);
  729.        }
  730.        $('#trivia-popup').remove();
  731.        $('#wyr-popup').remove();
  732.    }
  733.    $(document).ready(function () {
  734.        const allTags = [];
  735.        const tag1 = `Conversation Starters`;
  736.        const tag2 = `Questions`;
  737.        const tag3 = ``;
  738.        const tag4 = ``;
  739.        const questionAudio = new Audio("https://www.brightful.me/assets/play/audio/QuestionsAppear.mp3?v=ec7b48ed3a");
  740.        if (tag1 != '') allTags.push(tag1);
  741.        if (tag2 != '') allTags.push(tag2);
  742.        if (tag3 != '') allTags.push(tag3);
  743.        if (tag4 != '') allTags.push(tag4);
  744.        isTriviaBlog = tag1 === 'Trivia' || tag2 === 'Trivia' || tag3 === 'Trivia' || tag4 === 'Trivia';
  745.        isWYRBlog = tag1 === 'Would You Rather' || tag2 === 'Would You Rather' || tag3 === 'Would You Rather' || tag4 === 'Would You Rather';
  746.        if (isTriviaBlog || isWYRBlog) {
  747.            let attempts = localStorage.getItem("popup-count");
  748.            setTimeout(function() {
  749.                if (isTriviaBlog) {
  750.                    $('#trivia-popup').fadeIn();
  751.                    questionAudio.play();
  752.                }
  753.                if (isWYRBlog) {
  754.                    $('#wyr-popup').fadeIn();
  755.                    questionAudio.play();
  756.                }
  757.                if (attempts < 2) {
  758.                    amplitudeEvent("popupDisplayed", {
  759.                        url: location.pathname,
  760.                        tag: allTags.join(', '),
  761.                        eventTime: new Date(Date.now()).toISOString(),
  762.                    });
  763.                }
  764.            }, 30000);
  765.            if (attempts > 1) {
  766.                $('#trivia-popup').remove();
  767.                $('#wyr-popup').remove();
  768.            }
  769.            $("html").bind("mouseleave", function () {
  770.                setTimeout(function() {
  771.                    if (isTriviaBlog) {
  772.                        $('#trivia-popup').fadeIn();
  773.                        questionAudio.play();
  774.                    }
  775.                    if (isWYRBlog) {
  776.                        $('#wyr-popup').fadeIn();
  777.                        questionAudio.play();
  778.                    }
  779.                    amplitudeEvent("popupDisplayed", {
  780.                        url: location.pathname,
  781.                        tag: allTags.join(', '),
  782.                        eventTime: new Date(Date.now()).toISOString(),
  783.                    });
  784.                }, 300);
  785.                $("html").unbind("mouseleave");
  786.            });
  787.        }
  788.        // Trivia popup scripts
  789.        if (isTriviaBlog) {
  790.            let btnOptions = $('.popup-ans-list li button');
  791.            let correctResult = 'James Cameron';
  792.            let correctOption;
  793.            btnOptions.each(function() {
  794.                let $this = $(this);
  795.                let thisVal = $this.text();
  796.                if (correctResult === thisVal){
  797.                    correctOption = $this.parent().index();
  798.                }
  799.            });
  800.            btnOptions.click(function() {
  801.                let $this = $(this);
  802.                let thisVal = $this.text();
  803.                setTimeout(function(e) {
  804.                    if (correctResult === thisVal){
  805.                        $this.parent().addClass('correct');
  806.                    } else {
  807.                        $this.parent().addClass('wrong');
  808.                        btnOptions.parent().eq(correctOption).addClass('correct');
  809.                    }
  810.                }, 1000);
  811.                setTimeout(function() {
  812.                    $('.popup-wrap').addClass('hide');
  813.                    $('.congrass-option').addClass('show');
  814.                },2000);
  815.            });
  816.        }
  817.        // WYR popup scripts
  818.        if (isWYRBlog) {
  819.            setTimeout(function(){
  820.                $('.raither-option-one').click(function() {
  821.                    $('.reather-step-one, .reather-step-three').addClass('none');
  822.                    $('.reather-step-two').addClass('show');
  823.                });
  824.            }, 1000);
  825.            setTimeout(function(){
  826.                $('.raither-option-two').click(function() {
  827.                    $('.reather-step-one, .reather-step-two').addClass('none');
  828.                    $('.reather-step-three').addClass('show');
  829.                });
  830.            }, 1000);
  831.        }
  832.    });
  833. </script>
  834. <script>
  835.    const players = Array.from(
  836.        document.querySelectorAll('.plyr__video-embed')).map(p => new Plyr(p, {})
  837.    );
  838. </script>
  839.  
  840.  
  841.  
  842.        <footer class="site-footer outer brightful-bg">
  843.            <div class="site-footer-content inner">
  844.                <section class="copyright"><a href="https://www.brightful.me">Connect in a more meaningful way</a> &copy; 2024</section>
  845.                <nav class="site-footer-nav">
  846.                    <a href="https://www.brightful.me/blog/">Latest Posts</a>
  847.                    
  848.                    <a href="https://twitter.com/brightfulhq" target="_blank" rel="noopener">Twitter</a>
  849.                </nav>
  850.            </div>
  851.        </footer>
  852.  
  853.    </div>
  854.  
  855.    <div class="subscribe-success-message">
  856.        <a class="subscribe-close" href="javascript:;"></a>
  857.        You've successfully subscribed to Connect in a more meaningful way!
  858.    </div>
  859.  
  860.    <div id="subscribe" class="subscribe-overlay">
  861.        <a class="subscribe-close-overlay" href="#"></a>
  862.        <a class="subscribe-close-button" href="#"></a>
  863.        <div class="subscribe-overlay-content">
  864.            <div class="subscribe-form">
  865.                <h1 class="subscribe-overlay-title">Subscribe to Connect in a more meaningful way</h1>
  866.                <p class="subscribe-overlay-description">Stay up to date! Get all the latest & greatest posts delivered straight to your inbox</p>
  867.                <form data-members-form="subscribe">
  868.                    <div class="form-group">
  869.                        <input class="subscribe-email" data-members-email placeholder="youremail@example.com"
  870.                            autocomplete="false" />
  871.                        <button class="button primary" type="submit">
  872.                            <span class="button-content">Subscribe</span>
  873.                            <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"
  874.    y="0px" width="40px" height="40px" viewBox="0 0 40 40" enable-background="new 0 0 40 40" xml:space="preserve">
  875.    <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
  876. 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
  877. 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" />
  878.    <path fill="#000" d="M26.013,10.047l1.654-2.866c-2.198-1.272-4.743-2.012-7.466-2.012h0v3.312h0
  879. C22.32,8.481,24.301,9.057,26.013,10.047z">
  880.        <animateTransform attributeType="xml" attributeName="transform" type="rotate" from="0 20 20" to="360 20 20"
  881.            dur="0.5s" repeatCount="indefinite" />
  882.    </path>
  883. </svg></span>
  884.                        </button>
  885.                    </div>
  886.                    <div class="message-success">
  887.                        <strong>Great!</strong> Check your inbox and click the link to confirm your subscription.
  888.                    </div>
  889.                    <div class="message-error">
  890.                        Please enter a valid email address!
  891.                    </div>
  892.                </form>
  893.            </div>
  894.        </div>
  895.    </div>
  896.  
  897. <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
  898.    <script src="https://www.brightful.me/assets/built/sticky-sidebar.js?v=ec7b48ed3a"></script>
  899.    <script src="https://www.brightful.me/assets/built/casper.js?v=ec7b48ed3a"></script>
  900.  
  901.    <script>
  902.        // Give the parameter a variable name
  903.        var action = getParameterByName('action');
  904.  
  905.        $(document).ready(function () {
  906.            if (action == 'subscribe') {
  907.                $('body').addClass("subscribe-success");
  908.            }
  909.  
  910.            $('.subscribe-success-message .subscribe-close').click(function () {
  911.                $('.subscribe-success-message').addClass('close');
  912.            });
  913.  
  914.            // Reset form on opening subscrion overlay
  915.            $('.subscribe-button').click(function() {
  916.                $('.subscribe-overlay form').removeClass();
  917.                $('.subscribe-email').val('');
  918.            });
  919.  
  920.        });
  921.    </script>
  922.  
  923.    <script>
  924.    function showHowItWorksTagsBlog() {
  925.        if ($(window).height() < 840) {
  926.            $('.sidebar-trusted-by-teams-worldwide').hide();
  927.        } else {
  928.            $('.sidebar-trusted-by-teams-worldwide').show();
  929.        }
  930.    }
  931.    $(document).ready(function () {
  932.        // FitVids - start
  933.        var $postContent = $(".post-full-content");
  934.        $postContent.fitVids();
  935.        // FitVids - end
  936.  
  937.        $('.sidebar').StickySidebar({
  938.            additionalMarginTop: 70
  939.        });
  940.  
  941.        $(window).resize(() =>  showHowItWorksTagsBlog());
  942.  
  943.        showHowItWorksTagsBlog();
  944.  
  945.        // Replace nav with title on scroll - start
  946.        Casper.stickyNavTitle({
  947.            navSelector: '.site-nav-main',
  948.            titleSelector: '.post-full-title',
  949.            activeClass: 'nav-post-title-active'
  950.        });
  951.        // Replace nav with title on scroll - end
  952.  
  953.        // Hover on avatar
  954.        var hoverTimeout;
  955.        $('.author-list-item').hover(function () {
  956.            var $this = $(this);
  957.  
  958.            clearTimeout(hoverTimeout);
  959.  
  960.            $('.author-card').removeClass('hovered');
  961.            $(this).children('.author-card').addClass('hovered');
  962.  
  963.        }, function () {
  964.            var $this = $(this);
  965.  
  966.            hoverTimeout = setTimeout(function () {
  967.                $this.children('.author-card').removeClass('hovered');
  968.            }, 800);
  969.        });
  970.    });
  971. </script>
  972.  
  973.  
  974.    
  975.  
  976. </body>
  977. </html>
  978.  

Home · About · News · Docs · Terms

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