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/random-question-generator/

  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>Random Question Generator - The Best Way to Start a Conversation</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="Use our free random topic generator as a great way to start a conversation. Just push the button to get access to hundreds of random conversation starters.">
  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/random-question-generator/">
  16.    <meta name="referrer" content="no-referrer-when-downgrade">
  17.    <link rel="amphtml" href="https://www.brightful.me/blog/random-question-generator/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="Random Question Generator - The Best Way to Start a Conversation">
  22.    <meta property="og:description" content="Use our free random topic generator as a great way to start a conversation. Just push the button to get access to hundreds of random conversation starters.">
  23.    <meta property="og:url" content="https://www.brightful.me/blog/random-question-generator/">
  24.    <meta property="og:image" content="https://www.brightful.me/content/images/size/w1200/2020/07/photo-of-women-talking-to-each-other-4051137-3.jpg">
  25.    <meta property="article:published_time" content="2020-07-10T09:00:31.000Z">
  26.    <meta property="article:modified_time" content="2021-03-23T11:45:19.000Z">
  27.    <meta property="article:tag" content="Conversation Starters">
  28.    
  29.    <meta name="twitter:card" content="summary_large_image">
  30.    <meta name="twitter:title" content="Random Question Generator - The Best Way to Start a Conversation">
  31.    <meta name="twitter:description" content="Use our free random topic generator as a great way to start a conversation. Just push the button to get access to hundreds of random conversation starters.">
  32.    <meta name="twitter:url" content="https://www.brightful.me/blog/random-question-generator/">
  33.    <meta name="twitter:image" content="https://www.brightful.me/content/images/size/w1200/2020/07/photo-of-women-talking-to-each-other-4051137-3.jpg">
  34.    <meta name="twitter:label1" content="Written by">
  35.    <meta name="twitter:data1" content="Calvin Cheung">
  36.    <meta name="twitter:label2" content="Filed under">
  37.    <meta name="twitter:data2" content="Conversation Starters">
  38.    <meta name="twitter:site" content="@brightfulhq">
  39.    <meta property="og:image:width" content="1200">
  40.    <meta property="og:image:height" content="800">
  41.    
  42.    <script type="application/ld+json">
  43. {
  44.    "@context": "https://schema.org",
  45.    "@type": "Article",
  46.    "publisher": {
  47.        "@type": "Organization",
  48.        "name": "Connect in a more meaningful way",
  49.        "url": "https://www.brightful.me/",
  50.        "logo": {
  51.            "@type": "ImageObject",
  52.            "url": "https://www.brightful.me/content/images/size/w256h256/2020/07/icon_83.5@2x.png",
  53.            "width": 60,
  54.            "height": 60
  55.        }
  56.    },
  57.    "author": {
  58.        "@type": "Person",
  59.        "name": "Calvin Cheung",
  60.        "url": "https://www.brightful.me/404/",
  61.        "sameAs": []
  62.    },
  63.    "headline": "Random Question Generator - The Best Way to Start a Conversation",
  64.    "url": "https://www.brightful.me/blog/random-question-generator/",
  65.    "datePublished": "2020-07-10T09:00:31.000Z",
  66.    "dateModified": "2021-03-23T11:45:19.000Z",
  67.    "image": {
  68.        "@type": "ImageObject",
  69.        "url": "https://www.brightful.me/content/images/size/w1200/2020/07/photo-of-women-talking-to-each-other-4051137-3.jpg",
  70.        "width": 1200,
  71.        "height": 800
  72.    },
  73.    "keywords": "Conversation Starters",
  74.    "description": "Instead of starting your conversation with the same old questions (How was your\nweekend? How is everyone going?), mix things up for a change. Asking new\nquestions can take the conversation in a whole new direction, potentially\nstimulating more creativity and sharing that would otherwise take place. \n\n\nIf you are looking for suggestions on what questions to ask, look no further.\nWe’ve taken hundreds of our best conversation starter questions and put them\ninto an easy to use widget. Simply push th",
  75.    "mainEntityOfPage": "https://www.brightful.me/blog/random-question-generator/"
  76. }
  77.    </script>
  78.  
  79.    <meta name="generator" content="Ghost 5.82">
  80.    <link rel="alternate" type="application/rss+xml" title="Connect in a more meaningful way" href="">
  81.    <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,
  82. .gh-post-upgrade-cta {
  83.    display: flex;
  84.    flex-direction: column;
  85.    align-items: center;
  86.    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  87.    text-align: center;
  88.    width: 100%;
  89.    color: #ffffff;
  90.    font-size: 16px;
  91. }
  92.  
  93. .gh-post-upgrade-cta-content {
  94.    border-radius: 8px;
  95.    padding: 40px 4vw;
  96. }
  97.  
  98. .gh-post-upgrade-cta h2 {
  99.    color: #ffffff;
  100.    font-size: 28px;
  101.    letter-spacing: -0.2px;
  102.    margin: 0;
  103.    padding: 0;
  104. }
  105.  
  106. .gh-post-upgrade-cta p {
  107.    margin: 20px 0 0;
  108.    padding: 0;
  109. }
  110.  
  111. .gh-post-upgrade-cta small {
  112.    font-size: 16px;
  113.    letter-spacing: -0.2px;
  114. }
  115.  
  116. .gh-post-upgrade-cta a {
  117.    color: #ffffff;
  118.    cursor: pointer;
  119.    font-weight: 500;
  120.    box-shadow: none;
  121.    text-decoration: underline;
  122. }
  123.  
  124. .gh-post-upgrade-cta a:hover {
  125.    color: #ffffff;
  126.    opacity: 0.8;
  127.    box-shadow: none;
  128.    text-decoration: underline;
  129. }
  130.  
  131. .gh-post-upgrade-cta a.gh-btn {
  132.    display: block;
  133.    background: #ffffff;
  134.    text-decoration: none;
  135.    margin: 28px 0 0;
  136.    padding: 8px 18px;
  137.    border-radius: 4px;
  138.    font-size: 16px;
  139.    font-weight: 600;
  140. }
  141.  
  142. .gh-post-upgrade-cta a.gh-btn:hover {
  143.    opacity: 0.92;
  144. }</style>
  145.    <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>
  146.    
  147.    <link href="https://www.brightful.me/webmentions/receive/" rel="webmention">
  148.    <script defer src="/public/cards.min.js?v=ec7b48ed3a"></script>
  149.    <link rel="stylesheet" type="text/css" href="/public/cards.min.css?v=ec7b48ed3a">
  150.    <script defer src="/public/member-attribution.min.js?v=ec7b48ed3a"></script>
  151.    <!-- Google Tag Manager -->
  152. <script>
  153.  (function (w, d, s, l, i) {
  154.    w[l] = w[l] || [];
  155.    w[l].push({ "gtm.start": new Date().getTime(), event: "gtm.js" });
  156.    var f = d.getElementsByTagName(s)[0],
  157.      j = d.createElement(s),
  158.      dl = l != "dataLayer" ? "&l=" + l : "";
  159.    j.async = true;
  160.    j.src = "https://www.googletagmanager.com/gtm.js?id=" + i + dl;
  161.    f.parentNode.insertBefore(j, f);
  162.  })(window, document, "script", "dataLayer", "GTM-PTQVHFL");
  163. </script>
  164. <!-- End Google Tag Manager -->
  165.  
  166. <!-- Amplitude script -->
  167. <script type="text/javascript">
  168. (function(e,t){var n=e.amplitude||{_q:[],_iq:{}};var r=t.createElement("script")
  169. ;r.type="text/javascript"
  170. ;r.integrity="sha384-xwN6OCSgIf1SF9jtD6pouaSwCvpobyV3lanBGQ1d33MwTxLarbQxUif0Slt0npCM"
  171. ;r.crossOrigin="anonymous";r.async=true
  172. ;r.src="https://cdn.amplitude.com/libs/amplitude-8.3.0-min.gz.js"
  173. ;r.onload=function(){if(!e.amplitude.runQueuedFunctions){
  174. console.log("[Amplitude] Error: could not load SDK")}}
  175. ;var i=t.getElementsByTagName("script")[0];i.parentNode.insertBefore(r,i)
  176. ;function s(e,t){e.prototype[t]=function(){
  177. this._q.push([t].concat(Array.prototype.slice.call(arguments,0)));return this}}
  178. var o=function(){this._q=[];return this}
  179. ;var a=["add","append","clearAll","prepend","set","setOnce","unset","preInsert","postInsert","remove"]
  180. ;for(var c=0;c<a.length;c++){s(o,a[c])}n.Identify=o;var u=function(){this._q=[]
  181. ;return this}
  182. ;var l=["setProductId","setQuantity","setPrice","setRevenueType","setEventProperties"]
  183. ;for(var p=0;p<l.length;p++){s(u,l[p])}n.Revenue=u
  184. ;var d=["init","logEvent","logRevenue","setUserId","setUserProperties","setOptOut","setVersionName","setDomain","setDeviceId","enableTracking","setGlobalUserProperties","identify","clearUserProperties","setGroup","logRevenueV2","regenerateDeviceId","groupIdentify","onInit","logEventWithTimestamp","logEventWithGroups","setSessionId","resetSessionId"]
  185. ;function v(e){function t(t){e[t]=function(){
  186. e._q.push([t].concat(Array.prototype.slice.call(arguments,0)))}}
  187. for(var n=0;n<d.length;n++){t(d[n])}}v(n);n.getInstance=function(e){
  188. e=(!e||e.length===0?"$default_instance":e).toLowerCase()
  189. ;if(!Object.prototype.hasOwnProperty.call(n._iq,e)){n._iq[e]={_q:[]};v(n._iq[e])
  190. }return n._iq[e]};e.amplitude=n})(window,document);
  191. </script>
  192. <!-- End Amplitude script -->
  193.  
  194. <!-- Convertize script -->
  195. <script src="//pixel.convertize.io/8154.js" charset="UTF-8"></script>
  196. <!-- End Convertize script --><style>:root {--ghost-accent-color: #15171A;}</style>
  197.  
  198. <script src="https://cdn.polyfill.io/v2/polyfill.min.js?features=es6,Array.prototype.includes,CustomEvent,Object.entries,Object.values,URL"></script>
  199.    <script src="https://www.brightful.me/assets/home/js/app.js?v=ec7b48ed3a"></script>
  200.  
  201.    <script>
  202.        initAmplitude();
  203.        identifyAmplitude("setOnce", "creationDate", new Date(Date.now()).toISOString());
  204.        identifyAmplitude("setOnce", "landingPage", location.pathname);
  205.    </script>
  206. </head>
  207. <body class="post-template tag-conversation-starters">
  208.  
  209.    <div class="site-wrapper">
  210.  
  211.        <head>
  212.    <link rel="stylesheet" type="text/css" href="https://www.brightful.me/assets/random-question-generator/styles.css?v=ec7b48ed3a" />
  213.    <link rel="stylesheet" type="text/css" href="https://www.brightful.me/assets/random-question-generator-2/styles.css?v=ec7b48ed3a" />
  214.    <link rel="stylesheet" type="text/css" href="https://www.brightful.me/assets/random-noun-generator/styles.css?v=ec7b48ed3a" />
  215.    <link rel="stylesheet" type="text/css" href="https://www.brightful.me/assets/random-trivia-generator/styles.css?v=ec7b48ed3a" />
  216.    <link rel="stylesheet" type="text/css" href="https://www.brightful.me/assets/random-pictionary-christmas-generator/styles.css?v=ec7b48ed3a" />
  217.    <link rel="stylesheet" type="text/css" href="https://www.brightful.me/assets/built/popup.css?v=ec7b48ed3a" />
  218.    <link rel="stylesheet" href="https://cdn.plyr.io/3.6.7/plyr.css" />
  219. </head>
  220.  
  221.  
  222. <header class="site-header">
  223.    <div class="outer site-nav-main brightful-dark-bg">
  224.    <div class="inner">
  225.        <nav class="site-nav">
  226.        <div class="site-nav-left">
  227.                <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>
  228.        </div>
  229.    <div class="site-nav-right">
  230.            <ul class="site-nav-right-menu">
  231.                <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>
  232.                            <ul class="nav" role="menu">
  233.            <li class="nav-latest-posts">
  234.                <a href="https://www.brightful.me/blog/">Latest Posts</a>
  235.            </li>
  236.            <li class="nav-conversation-starters">
  237.                <a href="https://www.brightful.me/tag/conversation-starters/">Conversation Starters</a>
  238.            </li>
  239.            <li class="nav-icebreaker-games">
  240.                <a href="https://www.brightful.me/blog/best-icebreaker-games-for-team-building-activities/">Icebreaker Games</a>
  241.            </li>
  242.            <li class="nav-remote-work-tips">
  243.                <a href="https://www.brightful.me/blog/all-you-ever-need-to-know-about-remote-work/">Remote Work Tips</a>
  244.            </li>
  245.            <li class="nav-self-care">
  246.                <a href="https://www.brightful.me/blog/why-is-self-care-in-important-in-the-remote-workplace/">Self-care</a>
  247.            </li>
  248.    </ul>
  249.  
  250.                </li>
  251.                        <li class="nav-start-your-trial"><a href="https://www.brightful.me/play/?source=blog" class="host-game">START YOUR TRIAL</a></li>
  252.  
  253.            </ul>
  254.    </div>
  255. </nav>    </div>
  256. </div>
  257. </header>
  258.  
  259. <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
  260. <script src="https://www.brightful.me/assets/random-question-generator/script.js?v=ec7b48ed3a"></script>
  261. <script src="https://www.brightful.me/assets/random-question-generator-2/script.js?v=ec7b48ed3a"></script>
  262. <script src="https://www.brightful.me/assets/random-noun-generator/script.js?v=ec7b48ed3a"></script>
  263. <script src="https://www.brightful.me/assets/random-trivia-generator/script.js?v=ec7b48ed3a"></script>
  264. <script src="https://www.brightful.me/assets/random-pictionary-christmas-generator/script.js?v=ec7b48ed3a"></script>
  265. <script src="https://cdn.plyr.io/3.6.7/plyr.polyfilled.js"></script>
  266.  
  267. <main id="site-main" class="site-main outer post-main-wrapper">
  268.    <div class="inner">
  269.        <article class="post-full post tag-conversation-starters "></article>
  270.            <div class="post-wrapper">
  271.                <div class="post-full-content-box post-full-inner-content">
  272.                    <header class="post-full-header">
  273.                        <section class="post-full-tags">
  274.                            <a href="/tag/conversation-starters/">Conversation Starters</a>
  275.                        </section>
  276.                        <h1 class="post-full-title">Random Question Generator - The Best Way to Start a Conversation</h1>
  277.                        <div class="post-full-byline">
  278.                            <section class="post-full-byline-content">
  279.                                <section class="post-full-byline-meta">
  280.                                    <div class="byline-meta-content">
  281.                                        <time class="byline-meta-date"
  282.                                            datetime="2020-07-10">10 Jul 2020</time>
  283.                                        <span class="byline-reading-time"><span class="bull">&bull;</span>
  284.                                            3 min read</span>
  285.                                    </div>
  286.                                </section>
  287.                            </section>
  288.                        </div>
  289.                    </header>
  290.                    <figure class="post-full-image">
  291.                        <img srcset="/content/images/size/w300/2020/07/photo-of-women-talking-to-each-other-4051137-3.jpg 300w,
  292.                                    /content/images/size/w600/2020/07/photo-of-women-talking-to-each-other-4051137-3.jpg 600w,
  293.                                    /content/images/size/w1000/2020/07/photo-of-women-talking-to-each-other-4051137-3.jpg 1000w,
  294.                                    /content/images/size/w2000/2020/07/photo-of-women-talking-to-each-other-4051137-3.jpg 2000w" sizes="(max-width: 800px) 400px,
  295.                                (max-width: 1170px) 1170px,
  296.                                    2000px" src="/content/images/size/w2000/2020/07/photo-of-women-talking-to-each-other-4051137-3.jpg" alt="Random Question Generator - The Best Way to Start a Conversation" />
  297.                    </figure>
  298.                    <section class="post-full-content control-full-w-image">
  299.                        <div class="post-content">
  300.                            <p>Instead of starting your conversation with the same old questions (<em>How was your weekend? How is everyone going?</em>), mix things up for a change. Asking new questions can take the conversation in a whole new direction, potentially stimulating more creativity and sharing that would otherwise take place. <br></p><p>If you are looking for suggestions on what questions to ask, look no further. We’ve taken hundreds of our best conversation starter questions and put them into an easy to use widget. Simply push the button on the question generator to receive a random conversation starter! Never start your conversations the same way again. Give it a go right below:</p><!--kg-card-begin: html--><div class="random-question">
  301.                        <div class="content">
  302.                            <span id="question"> </span>
  303.                        </div>
  304.                        <button class="bright-full-button" onclick="onGenerateRandomQuestion()">GENERATE
  305.                            QUESTION</button>
  306.                    </div>
  307.                    <script>
  308.                        onGenerateRandomQuestion()
  309.                    </script><!--kg-card-end: html--><h2 id="how-to-use-the-random-question-generator"><br>How to use the Random Question Generator</h2><p>There are hundreds of great questions loaded into the Random Question Generator, so if you see a question that doesn’t suit the situation, simply click again until you find one that you like. </p><p>Ask a lot of follow up questions if you sense the conversation is starting to drop off. </p><p>The Question Generator is just a tool to help you get rolling, once you get a great conversation started, feel free to improvise from there.<br></p><h2 id="why-starting-good-conversations-is-so-important">Why Starting Good Conversations is so important<br></h2><p>The Random Question Generator is a great tool for breaking the ice. Great icebreakers can transform your otherwise average or dull meetings into something special. If you’re looking for more ways to make your interactions more dynamic, friendly and engaging then make sure you try <strong><a href="https://www.brightful.me/play/?utm_source=blog">Brightful Meeting Games</a></strong>. It’s a completely free web app that includes a selection of icebreaker games for any occasion. It’s compatible with both mobile and desktop devices, and works great alongside any virtual conferencing tool.</p><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://www.brightful.me/content/images/2020/08/Artboard-2-copy-23@2x-100-1.jpg" class="kg-image" alt loading="lazy" width="1248" height="908" srcset="https://www.brightful.me/content/images/size/w600/2020/08/Artboard-2-copy-23@2x-100-1.jpg 600w, https://www.brightful.me/content/images/size/w1000/2020/08/Artboard-2-copy-23@2x-100-1.jpg 1000w, https://www.brightful.me/content/images/2020/08/Artboard-2-copy-23@2x-100-1.jpg 1248w" sizes="(min-width: 720px) 720px"><figcaption>All the best questions in one place. <a href="https://www.brightful.me/play/?utm_source=blog"><strong>Brightful Meeting Games</strong></a></figcaption></figure><h2 id="tips-on-how-to-be-a-great-conversationalist">Tips on how to be a great conversationalist<br></h2><p>Being able to communicate effectively is crucial for both the work and social setting. Some people have this gift naturally, and can talk to anyone about anything. Others may find it a bit harder to make small talk. The important thing to realize is that communication is a skill that can be developed with a bit of practice and polish. Here are some quick tips to keep in mind when practising your conversations with the Random Question Generator:<br></p><h3 id="1-listen-more-than-you-talk">1. Listen More Than You Talk</h3><p>When it comes to being a good conversationalist, talking is not the most important part; listening to others is usually much more appreciated. It takes effort and energy to actually pay attention when others are sharing their thoughts, and that’s why being a good listener is often difficult.<br></p><h3 id="2-let-others-finish-their-thoughts">2. Let Others Finish Their Thoughts</h3><p>This point is related to listening, and requires patience and allowing others to speak. Although an opportunity may arise where you feel you can interject with your own experiences, this in fact can derail the original speaker. Let them finish their train of thought and once you sense a lull in the conversation, you can relate back with your own experiences.<br></p><h3 id="3-pay-attention-non-verbal-cues">3. Pay attention Non-verbal Cues</h3><p>Great conversationalists listen with more than their hearing. Using visual cues, they can observe body language or changes in mood that provide insight into how the other party’s interest levels fluctuate during the conversation. This feedback is useful in pivoting or changing topics at any given moment. Just remember - a great conversation is a very dynamic exchange that goes beyond just verbal communication.<br></p><h2 id="to-sum-it-up">To Sum it up</h2><p>These tips, along with the Random Question Generator should give you a great starting place to improve the quality of your conversations. Practice makes perfect, so just keep trying to pay attention to these habits and cues and after a while your <a href="https://www.quora.com/Is-great-communication-a-skill-learned-or-are-some-people-just-born-with-it?ref=brightful.me">conversation skills will be much improved</a>. Our Random Question Generator is loaded with hundreds of questions, and we will adding even more in the future, so make sure to bookmark this page whenever you need a new suggestion.</p><p>For the best icebreaker games and conversation starters, be sure to head on over to <a href="https://www.brightful.me/play/?utm_source=blog"><strong>Brightful Meeting Games</strong></a>. <br><br></p>
  310.                        </div>
  311.                    </section>
  312.                </div>
  313.                <div class="post-sidebar-content sidebar">
  314.    <div class="post-sidebar-inner">
  315.  
  316.  
  317.        <div class="single-sidebar-posts">
  318.            <h5 class="sidebar-heading">
  319.                What is Brightful?
  320.            </h5>
  321.            <p class="sidebar-text">
  322.                Brightful is a suite of online games for team building. We are perfect for ice breaking, striking up interesting conversations, and having a fun time together.<br><br>
  323. Brightful doesn't require any download or app install. And it works with all video conference tools. Our mission is to bring joy into your online meetings.
  324.            </p>
  325.        </div>
  326.  
  327.        <div class="single-sidebar-posts sidebar-trusted-by-teams-worldwide">
  328.            <h5 class="sidebar-heading">
  329.                How it works
  330.            </h5>
  331.            <div class="wrapper">
  332.                <ul class="StepProgress">
  333.                    <li class="StepProgress-item">Sign up in seconds, then pick a game to host.</li>
  334.                    <li class="StepProgress-item">Gather everyone into your virtual conference using your existing meeting tool (eg. Zoom or Skype).
  335.                    </li>
  336.                    <li class="StepProgress-item">Share the invitation with your team and you’re good to go. Enjoy the game!</li>
  337.                </ul>
  338.            </div>
  339.        </div>
  341. <div class="single-sidebar-posts">
  342.            <h5 class="sidebar-heading">
  343.                Trusted by teams worldwide
  344.            </h5>
  345.            <div class="partner-wrapper">
  346.                <div class="partner-image">
  347.                    <img src="https://www.brightful.me/assets/img/teams/amazon.png?v=ec7b48ed3a" alt="image">
  348.                </div>
  349.                <div class="partner-image">
  350.                    <img src="https://www.brightful.me/assets/img/teams/dropbox.png?v=ec7b48ed3a" alt="image">
  351.                </div>
  352.                <div class="partner-image">
  353.                    <img src="https://www.brightful.me/assets/img/teams/paypal.png?v=ec7b48ed3a" alt="image">
  354.                </div>
  355.                <div class="partner-image">
  356.                    <img src="https://www.brightful.me/assets/img/teams/target.png?v=ec7b48ed3a" alt="image">
  357.                </div>
  358.                <div class="partner-image">
  359.                    <img src="https://www.brightful.me/assets/img/teams/zoom.png?v=ec7b48ed3a" alt="image">
  360.                </div>
  361.                <div class="partner-image">
  362.                    <img src="https://www.brightful.me/assets/img/teams/hulu.png?v=ec7b48ed3a" alt="image">
  363.                </div>
  364.                <div class="partner-image">
  365.                    <img src="https://www.brightful.me/assets/img/teams/ibm.png?v=ec7b48ed3a" alt="image">
  366.                </div>
  367.                <div class="partner-image">
  368.                    <img src="https://www.brightful.me/assets/img/teams/pfizer.png?v=ec7b48ed3a" alt="image">
  369.                </div>
  370.            </div>
  371.        </div>
  372.  
  373.        <div class="btn-learn-more">
  374.            <a href="https://www.brightful.me/play/?source=blog" target="_blank" class="continue-reading">
  375.                <span>Learn more</span>
  376.                <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>
  377.        </div>
  378.    </div>
  379. </div>            </div>
  380.        </article>
  381.    </div>
  382. </main>
  383.  
  384. <div class="connection-section outer">
  385.    <div class="inner">
  386.        <div class="footer-top-section">
  387.            <div class="inner">
  388.                <div class="discussion-wrapper">
  389.                    <div class="discussion-image">
  390.                        <img src="https://www.brightful.me/assets/home/img/discussion.png?v=ec7b48ed3a" alt="discussion image">
  391.                    </div>
  392.                    <div class="discussion-content">
  393.                        <h3 class="discussion-heading">Connect in a more meaningful way</h3>
  394.                        <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>
  395.                        <a class="btn-orange-primary" href="https://www.brightful.me/play/?source=blog">START YOUR TRIAL</a>
  396.                    </div>
  397.                </div>
  398.            </div>
  399.        </div>
  400.    </div>
  401. </div>
  402.  
  403. <div id="trivia-popup" class="popup-section" style="background-image:url(https://www.brightful.me/assets/img/hero/popup-bg.png?v=ec7b48ed3a);">
  404.    <div class="popup-close-option" onclick="popupClose()">
  405.        <img src="https://www.brightful.me/assets/img/hero/close-option.png?v=ec7b48ed3a" alt="icon">
  406.    </div>
  407.    <div class="popup-wrap shape-parent">
  408.        <div class="shape-line">
  409.           <img src="https://www.brightful.me/assets/img/hero/line-shape.png?v=ec7b48ed3a" alt="" class="shape-line-one">
  410.           <img src="https://www.brightful.me/assets/img/hero/line-shape.png?v=ec7b48ed3a" alt="" class="shape-line-two">
  411.        </div>
  412.        <div class="popup-wrapper">
  413.            <div class="try-wrap">
  414.                <span>try</span>
  415.                <img src="https://www.brightful.me/assets/img/hero/try-bg.png?v=ec7b48ed3a" alt="bg image">
  416.            </div>
  417.            <div class="popup-content-wraper">
  418.                <h3>Give Brightful’s Trivia a go!</h3>
  419.                <div class="popup-trivia-qus-wrap">
  420.                    <h5>When Avengers: Endgame passed Titanic in total box-office, what Titanic director sent Kevin Feige a congratulatory message?</h5>
  421.                    <ul class="popup-ans-list">
  422.                        <li>
  423.                            <button>James Cameron</button>
  424.                        </li>
  425.                        <li>
  426.                            <button>Steven Spielberg</button>
  427.                        </li>
  428.                        <li>
  429.                            <button>Martin Scorsese</button>
  430.                        </li>
  431.                        <li>
  432.                            <button>Leonardo DiCaprio</button>
  433.                        </li>
  434.                    </ul>
  435.                </div>
  436.            </div>
  437.        </div>
  438.    </div>
  439.    <div class="congrass-option popup-wrap">
  440.        <div class="shape-line">
  441.           <img src="https://www.brightful.me/assets/img/hero/line-shape.png?v=ec7b48ed3a" alt="" class="shape-line-one">
  442.           <img src="https://www.brightful.me/assets/img/hero/line-shape.png?v=ec7b48ed3a" alt="" class="shape-line-two">
  443.           </div>
  444.        <div class="congrass-content">
  445.            <img src="https://www.brightful.me/assets/img/hero/answer.png?v=ec7b48ed3a" alt="">
  446.            <div class="ans-options">
  447.                <p>The correct answer is</p>
  448.                <h5>James Cameron</h5>
  449.            </div>
  450.        </div>
  451.        <div class="congrass-ftr" style="background-image:url(https://www.brightful.me/assets/img/hero/congress-ftr.png?v=ec7b48ed3a)">
  452.            <h3>Endless Trivia Questions</h3>
  453.            <p>With 1000+ of the best trivia questions categorized in one place, you will never run out of questions again.</p>
  454.            <a href="https://now.brightful.me/trivia" class="btn-orange-primary" onclick="popupClicked()">Try for FREE</a>
  455.        </div>
  456.    </div>
  457.    <div class="popup-shape">
  458.        <img class="popup-ftr-bg" src="https://www.brightful.me/assets/img/hero/popup-ftr-frame.png?v=ec7b48ed3a" alt="">
  459.        <img class="popup-ftr-man" src="https://www.brightful.me/assets/img/hero/popup-preson.png?v=ec7b48ed3a" alt="">
  460.    </div>
  461. </div>
  462.  
  463. <div id="wyr-popup" class="popup-section" style="background-image:url(https://www.brightful.me/assets/img/hero/popup-bg.png?v=ec7b48ed3a);">
  464.    <div class="popup-close-option" onclick="popupClose()">
  465.        <img src="https://www.brightful.me/assets/img/hero/close-option.png?v=ec7b48ed3a" alt="icon">
  466.    </div>
  467.    <div class="popup-wrap shape-parent reather-step-one">
  468.       <div class="popup-wrapper">
  469.            <div class="try-wrap">
  470.                <span>try</span>
  471.                <img src="https://www.brightful.me/assets/img/hero/try-bg.png?v=ec7b48ed3a" alt="bg image">
  472.            </div>
  473.            <div class="popup-content-wraper raither-content">
  474.                <h3>Give Brightful a go!</h3>
  475.                <div class="raither-img">
  476.                    <img src="https://www.brightful.me/assets/img/hero/reather-img.png?v=ec7b48ed3a" alt="">
  477.                </div>
  478.                <div class="popup-wyr-qus-wrap">
  479.                    <h5>Would you rather be</h5>
  480.                    <ul class="raither-popup-ans-list">
  481.                        <li class="raither-option-one">
  482.                            <button>Lebron James / Simone Biles</button>
  483.                        </li>
  484.                        <li class="raither-option-two">
  485.                            <button>Beyonce / Ed Sheeran</button>
  486.                        </li>
  487.                    </ul>
  488.                </div>
  489.            </div>
  490.        </div>
  491.    </div>
  492.    <div class="list-option-one popup-wrap reather-step-two">
  493.        <div class="reather-content">
  494.            <h3>Would you rather be</h3>
  495.            <div class="reather-ans-wrap">
  496.                <div class="reather-ans-vs">
  497.                    <span>VS</span>
  498.                </div>
  499.                <div class="reather-ans-right">
  500.                    <div class="reather-ans-single sky-bg">
  501.                        <p>Lebron James / Simone Biles</p>
  502.                        <h5>1</h5>
  503.                        <div class="reather-ans-overlay">
  504.                            <p>Other players: 63%</p>
  505.                        </div>
  506.                    </div>
  507.                    <div class="pro-status">
  508.                        <p>You</p>
  509.                    </div>
  510.                </div>
  511.                <div class="reather-ans-single paste-bg">
  512.                    <p>Beyonce / Ed Sheeran</p>
  513.                    <h5>0</h5>
  514.                    <div class="reather-ans-overlay">
  515.                        <p>Other players: 37%</p>
  516.                    </div>
  517.                </div>
  518.            </div>
  519.        </div>
  520.        <div class="congrass-ftr reather-ftr" style="background-image:url(https://www.brightful.me/assets/img/hero/congress-ftr.png?v=ec7b48ed3a)">
  521.            <h3>Would You Rather Questions</h3>
  522.            <p>Find 1000+ of the quirkiest, funniest, and most interesting Would You Rather questions all in one place.</p>
  523.            <a href="https://now.brightful.me/would-you-rather" class="btn-orange-primary">Try for FREE</a>
  524.        </div>
  525.    </div>
  526.    <div class="list-option-one popup-wrap reather-step-three">
  527.        <div class="reather-content">
  528.            <h3>Would you rather be</h3>
  529.            <div class="reather-ans-wrap">
  530.                <div class="reather-ans-vs">
  531.                    <span>VS</span>
  532.                </div>
  533.                <div class="reather-ans-single sky-bg">
  534.                    <p>Lebron James / Simone Biles</p>
  535.                    <h5>0</h5>
  536.                    <div class="reather-ans-overlay">
  537.                        <p>Other players: 63%</p>
  538.                    </div>
  539.                </div>
  540.                <div class="reather-ans-right">
  541.                    <div class="reather-ans-single paste-bg">
  542.                        <p>Beyonce / Ed Sheeran</p>
  543.                        <h5>1</h5>
  544.                        <div class="reather-ans-overlay">
  545.                            <p>Other players: 37%</p>
  546.                        </div>
  547.                    </div>
  548.                    <div class="pro-status">
  549.                        <p>You</p>
  550.                    </div>
  551.                </div>
  552.                
  553.            </div>
  554.        </div>
  555.        <div class="congrass-ftr reather-ftr" style="background-image:url(https://www.brightful.me/assets/img/hero/congress-ftr.png?v=ec7b48ed3a)">
  556.            <h3>Would You Rather Questions</h3>
  557.            <p>Find 1000+ of the quirkiest, funniest, and most interesting Would You Rather questions all in one place.</p>
  558.            <a href="https://now.brightful.me/would-you-rather" class="btn-orange-primary" onclick="popupClicked()">Try for FREE</a>
  559.        </div>
  560.    </div>
  561.    <div class="popup-shape">
  562.        <img class="popup-ftr-bg" src="https://www.brightful.me/assets/img/hero/popup-ftr-frame.png?v=ec7b48ed3a" alt="">
  563.        <img class="popup-ftr-man" src="https://www.brightful.me/assets/img/hero/popup-preson.png?v=ec7b48ed3a" alt="">
  564.    </div>
  565. </div>
  566.  
  567. <aside class="read-next outer brightful-dark-bg">
  568.    <div class="inner">
  569.        <div class="read-next-feed">
  570.            <article class="read-next-card">
  571.                <header class="read-next-card-header">
  572.                    <h3><span>More in</span> <a href="/tag/conversation-starters/">Conversation Starters</a></h3>
  573.                </header>
  574.                <div class="read-next-card-content">
  575.                    <ul>
  576.                        <li>
  577.                            <h4><a href="/blog/the-best-conversational-games-to-play-with-remote-workers/">The best conversational games to play with remote workers</a></h4>
  578.                            <div class="read-next-card-meta">
  579.                                <p><time datetime="2021-07-02">2 Jul 2021</time> –
  580.                                    4 min read</p>
  581.                            </div>
  582.                        </li>
  583.                        <li>
  584.                            <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>
  585.                            <div class="read-next-card-meta">
  586.                                <p><time datetime="2021-05-20">20 May 2021</time> –
  587.                                    6 min read</p>
  588.                            </div>
  589.                        </li>
  590.                        <li>
  591.                            <h4><a href="/blog/christmas-would-you-rather/">Christmas Would You Rather (Fun and Family Friendly)</a></h4>
  592.                            <div class="read-next-card-meta">
  593.                                <p><time datetime="2020-11-16">16 Nov 2020</time> –
  594.                                    4 min read</p>
  595.                            </div>
  596.                        </li>
  597.                    </ul>
  598.                </div>
  599.                <footer class="read-next-card-footer">
  600.                    <a href="/tag/conversation-starters/">See all 28 posts
  601.                        →</a>
  602.                </footer>
  603.            </article>
  604.  
  605.                <article class="post-card post ">
  606.  
  607.    <a class="post-card-image-link" href="/blog/our-core-values/">
  608.        <img class="post-card-image"
  609.            srcset="/content/images/size/w300/2020/07/soccer.jpg 300w,
  610.                    /content/images/size/w600/2020/07/soccer.jpg 600w,
  611.                    /content/images/size/w1000/2020/07/soccer.jpg 1000w,
  612.                    /content/images/size/w2000/2020/07/soccer.jpg 2000w"
  613.            sizes="(max-width: 1000px) 400px, 700px"
  614.            loading="lazy"
  615.            src="/content/images/size/w600/2020/07/soccer.jpg"
  616.            alt="Our Core Values"
  617.        />
  618.    </a>
  619.  
  620.    <div class="post-card-content">
  621.  
  622.        <a class="post-card-content-link" href="/blog/our-core-values/">
  623.  
  624.            <header class="post-card-header">
  625.                <h2 class="post-card-title">Our Core Values</h2>
  626.            </header>
  627.  
  628.            <section class="post-card-excerpt">
  629.                    <p>We’re a company that believes in achieving our full potential, on an individual level and as a team. Here are the shared values that we rally behind!</p>
  630.            </section>
  631.  
  632.        </a>
  633.  
  634.        <footer class="post-card-meta">
  635.            <div class="post-card-byline-content">
  636.                <span class="post-card-byline-date"><time datetime="2020-07-01">1 Jul 2020</time> <span class="bull">&bull;</span> 2 min read</span>
  637.            </div>
  638.        </footer>
  639.  
  640.    </div>
  641.  
  642. </article>
  643.  
  644.            
  645.                <article class="post-card post ">
  646.  
  647.    <a class="post-card-image-link" href="/blog/5-minute-team-building-activities/">
  648.        <img class="post-card-image"
  649.            srcset="/content/images/size/w300/2020/07/people-taking-a-photo-1187086-1.jpg 300w,
  650.                    /content/images/size/w600/2020/07/people-taking-a-photo-1187086-1.jpg 600w,
  651.                    /content/images/size/w1000/2020/07/people-taking-a-photo-1187086-1.jpg 1000w,
  652.                    /content/images/size/w2000/2020/07/people-taking-a-photo-1187086-1.jpg 2000w"
  653.            sizes="(max-width: 1000px) 400px, 700px"
  654.            loading="lazy"
  655.            src="/content/images/size/w600/2020/07/people-taking-a-photo-1187086-1.jpg"
  656.            alt="The Top Perfect 5-minute Team Building Activities"
  657.        />
  658.    </a>
  659.  
  660.    <div class="post-card-content">
  661.  
  662.        <a class="post-card-content-link" href="/blog/5-minute-team-building-activities/">
  663.  
  664.            <header class="post-card-header">
  665.                <h2 class="post-card-title">The Top Perfect 5-minute Team Building Activities</h2>
  666.            </header>
  667.  
  668.            <section class="post-card-excerpt">
  669.                    <p>Teams come in all shapes and sizes, but there’s one thing that’s true for all of
  670. them - the more cohesive your team is, the more effective it</p>
  671.            </section>
  672.  
  673.        </a>
  674.  
  675.        <footer class="post-card-meta">
  676.            <div class="post-card-byline-content">
  677.                <span class="post-card-byline-date"><time datetime="2020-07-10">10 Jul 2020</time> <span class="bull">&bull;</span> 8 min read</span>
  678.            </div>
  679.        </footer>
  680.  
  681.    </div>
  682.  
  683. </article>
  684.        </div>
  685.    </div>
  686. </aside>
  687. <script>
  688.    initAmplitude();
  689.    amplitudeEvent("visitedBlog", {
  690.        title: `Random Question Generator - The Best Way to Start a Conversation`,
  691.        eventTime: new Date(Date.now()).toISOString(),
  692.        url: location.pathname,
  693.    });
  694. </script>
  695. <script>
  696.    document.addEventListener("copy", (event) => {
  697.        let tagline = '\n\n';
  698.        if (`Conversation Starters` === 'Remote Work Tips') {
  699.            tagline += 'For more team building activities, visit https://Brightful.me';
  700.        } else {
  701.            switch (``) {
  702.                case 'Trivia': {
  703.                    tagline += 'Visit https://Brightful.me for more fun trivia!';
  704.                    break;
  705.                }
  706.                case 'Questions': {
  707.                    tagline += 'Visit https://Brightful.me for the best conversation questions.';
  708.                    break;
  709.                }
  710.                case 'Would You Rather': {
  711.                    tagline += 'For more funny and interesting Would You Rather questions, visit https://Brightful.me';
  712.                    break;
  713.                }
  714.                case 'Games': {
  715.                    tagline += 'Visit https://Brightful.me for more fun and exciting games.';
  716.                    break;
  717.                }
  718.                case 'Draw': {
  719.                    tagline += 'Visit https://Brightful.me to find more fun things to draw!';
  720.                    break;
  721.                }
  722.            }
  723.        }
  724.        amplitudeEvent("copiedTextInBlog", {
  725.            payload: `${document.getSelection()}`,
  726.            url: location.pathname,
  727.            eventTime: new Date(Date.now()).toISOString(),
  728.        });
  729.        event.clipboardData.setData("text", document.getSelection() + tagline);
  730.        event.preventDefault();
  731.    });
  732. </script>
  733. <script>
  734.    let isTriviaBlog = false;
  735.    let isWYRBlog = false;
  736.    function popupClicked() {
  737.        amplitudeEvent("popupClicked", {
  738.            url: location.pathname,
  739.            tag: isTriviaBlog ? 'Trivia' : 'Would You Rather',
  740.            eventTime: new Date(Date.now()).toISOString(),
  741.        });
  742.    }
  743.    function popupClose() {
  744.        if (isTriviaBlog) $('#trivia-popup').fadeOut();
  745.        if (isWYRBlog) $('#wyr-popup').fadeOut();
  746.        if (typeof(Storage) !== 'undefined') {
  747.            var attempts = localStorage.getItem("popup-count");
  748.            localStorage.setItem("popup-count", ++attempts);
  749.        } else {
  750.            localStorage.setItem('popup-count', 1);
  751.        }
  752.        $('#trivia-popup').remove();
  753.        $('#wyr-popup').remove();
  754.    }
  755.    $(document).ready(function () {
  756.        const allTags = [];
  757.        const tag1 = `Conversation Starters`;
  758.        const tag2 = ``;
  759.        const tag3 = ``;
  760.        const tag4 = ``;
  761.        const questionAudio = new Audio("https://www.brightful.me/assets/play/audio/QuestionsAppear.mp3?v=ec7b48ed3a");
  762.        if (tag1 != '') allTags.push(tag1);
  763.        if (tag2 != '') allTags.push(tag2);
  764.        if (tag3 != '') allTags.push(tag3);
  765.        if (tag4 != '') allTags.push(tag4);
  766.        isTriviaBlog = tag1 === 'Trivia' || tag2 === 'Trivia' || tag3 === 'Trivia' || tag4 === 'Trivia';
  767.        isWYRBlog = tag1 === 'Would You Rather' || tag2 === 'Would You Rather' || tag3 === 'Would You Rather' || tag4 === 'Would You Rather';
  768.        if (isTriviaBlog || isWYRBlog) {
  769.            let attempts = localStorage.getItem("popup-count");
  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.                if (attempts < 2) {
  780.                    amplitudeEvent("popupDisplayed", {
  781.                        url: location.pathname,
  782.                        tag: allTags.join(', '),
  783.                        eventTime: new Date(Date.now()).toISOString(),
  784.                    });
  785.                }
  786.            }, 30000);
  787.            if (attempts > 1) {
  788.                $('#trivia-popup').remove();
  789.                $('#wyr-popup').remove();
  790.            }
  791.            $("html").bind("mouseleave", function () {
  792.                setTimeout(function() {
  793.                    if (isTriviaBlog) {
  794.                        $('#trivia-popup').fadeIn();
  795.                        questionAudio.play();
  796.                    }
  797.                    if (isWYRBlog) {
  798.                        $('#wyr-popup').fadeIn();
  799.                        questionAudio.play();
  800.                    }
  801.                    amplitudeEvent("popupDisplayed", {
  802.                        url: location.pathname,
  803.                        tag: allTags.join(', '),
  804.                        eventTime: new Date(Date.now()).toISOString(),
  805.                    });
  806.                }, 300);
  807.                $("html").unbind("mouseleave");
  808.            });
  809.        }
  810.        // Trivia popup scripts
  811.        if (isTriviaBlog) {
  812.            let btnOptions = $('.popup-ans-list li button');
  813.            let correctResult = 'James Cameron';
  814.            let correctOption;
  815.            btnOptions.each(function() {
  816.                let $this = $(this);
  817.                let thisVal = $this.text();
  818.                if (correctResult === thisVal){
  819.                    correctOption = $this.parent().index();
  820.                }
  821.            });
  822.            btnOptions.click(function() {
  823.                let $this = $(this);
  824.                let thisVal = $this.text();
  825.                setTimeout(function(e) {
  826.                    if (correctResult === thisVal){
  827.                        $this.parent().addClass('correct');
  828.                    } else {
  829.                        $this.parent().addClass('wrong');
  830.                        btnOptions.parent().eq(correctOption).addClass('correct');
  831.                    }
  832.                }, 1000);
  833.                setTimeout(function() {
  834.                    $('.popup-wrap').addClass('hide');
  835.                    $('.congrass-option').addClass('show');
  836.                },2000);
  837.            });
  838.        }
  839.        // WYR popup scripts
  840.        if (isWYRBlog) {
  841.            setTimeout(function(){
  842.                $('.raither-option-one').click(function() {
  843.                    $('.reather-step-one, .reather-step-three').addClass('none');
  844.                    $('.reather-step-two').addClass('show');
  845.                });
  846.            }, 1000);
  847.            setTimeout(function(){
  848.                $('.raither-option-two').click(function() {
  849.                    $('.reather-step-one, .reather-step-two').addClass('none');
  850.                    $('.reather-step-three').addClass('show');
  851.                });
  852.            }, 1000);
  853.        }
  854.    });
  855. </script>
  856. <script>
  857.    const players = Array.from(
  858.        document.querySelectorAll('.plyr__video-embed')).map(p => new Plyr(p, {})
  859.    );
  860. </script>
  861.  
  862.  
  863.  
  864.        <footer class="site-footer outer brightful-bg">
  865.            <div class="site-footer-content inner">
  866.                <section class="copyright"><a href="https://www.brightful.me">Connect in a more meaningful way</a> &copy; 2024</section>
  867.                <nav class="site-footer-nav">
  868.                    <a href="https://www.brightful.me/blog/">Latest Posts</a>
  869.                    
  870.                    <a href="https://twitter.com/brightfulhq" target="_blank" rel="noopener">Twitter</a>
  871.                </nav>
  872.            </div>
  873.        </footer>
  874.  
  875.    </div>
  876.  
  877.    <div class="subscribe-success-message">
  878.        <a class="subscribe-close" href="javascript:;"></a>
  879.        You've successfully subscribed to Connect in a more meaningful way!
  880.    </div>
  881.  
  882.    <div id="subscribe" class="subscribe-overlay">
  883.        <a class="subscribe-close-overlay" href="#"></a>
  884.        <a class="subscribe-close-button" href="#"></a>
  885.        <div class="subscribe-overlay-content">
  886.            <div class="subscribe-form">
  887.                <h1 class="subscribe-overlay-title">Subscribe to Connect in a more meaningful way</h1>
  888.                <p class="subscribe-overlay-description">Stay up to date! Get all the latest & greatest posts delivered straight to your inbox</p>
  889.                <form data-members-form="subscribe">
  890.                    <div class="form-group">
  891.                        <input class="subscribe-email" data-members-email placeholder="youremail@example.com"
  892.                            autocomplete="false" />
  893.                        <button class="button primary" type="submit">
  894.                            <span class="button-content">Subscribe</span>
  895.                            <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"
  896.    y="0px" width="40px" height="40px" viewBox="0 0 40 40" enable-background="new 0 0 40 40" xml:space="preserve">
  897.    <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
  898. 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
  899. 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" />
  900.    <path fill="#000" d="M26.013,10.047l1.654-2.866c-2.198-1.272-4.743-2.012-7.466-2.012h0v3.312h0
  901. C22.32,8.481,24.301,9.057,26.013,10.047z">
  902.        <animateTransform attributeType="xml" attributeName="transform" type="rotate" from="0 20 20" to="360 20 20"
  903.            dur="0.5s" repeatCount="indefinite" />
  904.    </path>
  905. </svg></span>
  906.                        </button>
  907.                    </div>
  908.                    <div class="message-success">
  909.                        <strong>Great!</strong> Check your inbox and click the link to confirm your subscription.
  910.                    </div>
  911.                    <div class="message-error">
  912.                        Please enter a valid email address!
  913.                    </div>
  914.                </form>
  915.            </div>
  916.        </div>
  917.    </div>
  918.  
  919. <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
  920.    <script src="https://www.brightful.me/assets/built/sticky-sidebar.js?v=ec7b48ed3a"></script>
  921.    <script src="https://www.brightful.me/assets/built/casper.js?v=ec7b48ed3a"></script>
  922.  
  923.    <script>
  924.        // Give the parameter a variable name
  925.        var action = getParameterByName('action');
  926.  
  927.        $(document).ready(function () {
  928.            if (action == 'subscribe') {
  929.                $('body').addClass("subscribe-success");
  930.            }
  931.  
  932.            $('.subscribe-success-message .subscribe-close').click(function () {
  933.                $('.subscribe-success-message').addClass('close');
  934.            });
  935.  
  936.            // Reset form on opening subscrion overlay
  937.            $('.subscribe-button').click(function() {
  938.                $('.subscribe-overlay form').removeClass();
  939.                $('.subscribe-email').val('');
  940.            });
  941.  
  942.        });
  943.    </script>
  944.  
  945.    <script>
  946.    function showHowItWorksTagsBlog() {
  947.        if ($(window).height() < 840) {
  948.            $('.sidebar-trusted-by-teams-worldwide').hide();
  949.        } else {
  950.            $('.sidebar-trusted-by-teams-worldwide').show();
  951.        }
  952.    }
  953.    $(document).ready(function () {
  954.        // FitVids - start
  955.        var $postContent = $(".post-full-content");
  956.        $postContent.fitVids();
  957.        // FitVids - end
  958.  
  959.        $('.sidebar').StickySidebar({
  960.            additionalMarginTop: 70
  961.        });
  962.  
  963.        $(window).resize(() =>  showHowItWorksTagsBlog());
  964.  
  965.        showHowItWorksTagsBlog();
  966.  
  967.        // Replace nav with title on scroll - start
  968.        Casper.stickyNavTitle({
  969.            navSelector: '.site-nav-main',
  970.            titleSelector: '.post-full-title',
  971.            activeClass: 'nav-post-title-active'
  972.        });
  973.        // Replace nav with title on scroll - end
  974.  
  975.        // Hover on avatar
  976.        var hoverTimeout;
  977.        $('.author-list-item').hover(function () {
  978.            var $this = $(this);
  979.  
  980.            clearTimeout(hoverTimeout);
  981.  
  982.            $('.author-card').removeClass('hovered');
  983.            $(this).children('.author-card').addClass('hovered');
  984.  
  985.        }, function () {
  986.            var $this = $(this);
  987.  
  988.            hoverTimeout = setTimeout(function () {
  989.                $this.children('.author-card').removeClass('hovered');
  990.            }, 800);
  991.        });
  992.    });
  993. </script>
  994.  
  995.  
  996.    
  997.  
  998. </body>
  999. </html>
  1000.  

Home · About · News · Docs · Terms

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