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/how-to-be-funny/

  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>How to be Funny: 7 Step by Step Instructions how how to Stop Being Lame</title>
  9.    <meta name="HandheldFriendly" content="True" />
  10.    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  11.    <link rel="stylesheet" type="text/css" href="https://www.brightful.me/assets/built/screen.css?v=cf34fe042b" />
  12.  
  13.    <meta name="description" content="We tend to tone down our humor in the office in fear of offending a coworker - or worse yet, our boss!">
  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/how-to-be-funny/">
  16.    <meta name="referrer" content="no-referrer-when-downgrade">
  17.    <link rel="amphtml" href="https://www.brightful.me/blog/how-to-be-funny/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="How to be Funny: 7 Step by Step Instructions how how to Stop Being Lame">
  22.    <meta property="og:description" content="We tend to tone down our humor in the office in fear of offending a coworker - or worse yet, our boss!">
  23.    <meta property="og:url" content="https://www.brightful.me/blog/how-to-be-funny/">
  24.    <meta property="og:image" content="https://www.brightful.me/content/images/size/w1200/2020/07/pexels-andrea-piacquadio-3776868.jpg">
  25.    <meta property="article:published_time" content="2020-07-31T10:16:27.000Z">
  26.    <meta property="article:modified_time" content="2020-08-11T23:51:01.000Z">
  27.    <meta property="article:tag" content="Remote Work Tips">
  28.    
  29.    <meta name="twitter:card" content="summary_large_image">
  30.    <meta name="twitter:title" content="How to be Funny: 7 Step by Step Instructions how how to Stop Being Lame">
  31.    <meta name="twitter:description" content="We tend to tone down our humor in the office in fear of offending a coworker - or worse yet, our boss!">
  32.    <meta name="twitter:url" content="https://www.brightful.me/blog/how-to-be-funny/">
  33.    <meta name="twitter:image" content="https://www.brightful.me/content/images/size/w1200/2020/07/pexels-andrea-piacquadio-3776868.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="Remote Work Tips">
  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": "How to be Funny: 7 Step by Step Instructions how how to Stop Being Lame",
  64.    "url": "https://www.brightful.me/blog/how-to-be-funny/",
  65.    "datePublished": "2020-07-31T10:16:27.000Z",
  66.    "dateModified": "2020-08-11T23:51:01.000Z",
  67.    "image": {
  68.        "@type": "ImageObject",
  69.        "url": "https://www.brightful.me/content/images/size/w1200/2020/07/pexels-andrea-piacquadio-3776868.jpg",
  70.        "width": 1200,
  71.        "height": 800
  72.    },
  73.    "keywords": "Remote Work Tips",
  74.    "description": "Being funny is not always seen as the top priority in the workplace. In general\nwe tend to tone down our humor in the office in fear of offending a coworker -\nor worse yet, our boss!\n\nWith that being the case, always taking ourselves too seriously can potentially\ncreate a build up tension in the office. If humor is encouraged in the\nworkplace, it can help alleviate tension and stress, both which are huge \nblockers\n[https://www.treehousesociety.org/blog/how-stress-can-affect-creativity] of\ncreati",
  75.    "mainEntityOfPage": "https://www.brightful.me/blog/how-to-be-funny/"
  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=cf34fe042b"></script>
  149.    <link rel="stylesheet" type="text/css" href="/public/cards.min.css?v=cf34fe042b">
  150.    <script defer src="/public/member-attribution.min.js?v=cf34fe042b"></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=cf34fe042b"></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-remote-work-tips">
  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=cf34fe042b" />
  213.    <link rel="stylesheet" type="text/css" href="https://www.brightful.me/assets/random-question-generator-2/styles.css?v=cf34fe042b" />
  214.    <link rel="stylesheet" type="text/css" href="https://www.brightful.me/assets/random-noun-generator/styles.css?v=cf34fe042b" />
  215.    <link rel="stylesheet" type="text/css" href="https://www.brightful.me/assets/random-trivia-generator/styles.css?v=cf34fe042b" />
  216.    <link rel="stylesheet" type="text/css" href="https://www.brightful.me/assets/random-pictionary-christmas-generator/styles.css?v=cf34fe042b" />
  217.    <link rel="stylesheet" type="text/css" href="https://www.brightful.me/assets/built/popup.css?v=cf34fe042b" />
  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=cf34fe042b" 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=cf34fe042b"></script>
  261. <script src="https://www.brightful.me/assets/random-question-generator-2/script.js?v=cf34fe042b"></script>
  262. <script src="https://www.brightful.me/assets/random-noun-generator/script.js?v=cf34fe042b"></script>
  263. <script src="https://www.brightful.me/assets/random-trivia-generator/script.js?v=cf34fe042b"></script>
  264. <script src="https://www.brightful.me/assets/random-pictionary-christmas-generator/script.js?v=cf34fe042b"></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-remote-work-tips "></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/remote-work-tips/">Remote Work Tips</a>
  275.                        </section>
  276.                        <h1 class="post-full-title">When and How to be Funny: 7 Practical tips on How to Lighten the Mood</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-31">31 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/pexels-andrea-piacquadio-3776868.jpg 300w,
  292.                                    /content/images/size/w600/2020/07/pexels-andrea-piacquadio-3776868.jpg 600w,
  293.                                    /content/images/size/w1000/2020/07/pexels-andrea-piacquadio-3776868.jpg 1000w,
  294.                                    /content/images/size/w2000/2020/07/pexels-andrea-piacquadio-3776868.jpg 2000w" sizes="(max-width: 800px) 400px,
  295.                                (max-width: 1170px) 1170px,
  296.                                    2000px" src="/content/images/size/w2000/2020/07/pexels-andrea-piacquadio-3776868.jpg" alt="When and How to be Funny: 7 Practical tips on How to Lighten the Mood" />
  297.                    </figure>
  298.                    <section class="post-full-content control-full-w-image">
  299.                        <div class="post-content">
  300.                            <p>Being funny is not always seen as the top priority in the workplace. In general we tend to tone down our humor in the office in fear of offending a coworker - or worse yet, our boss!</p><p>With that being the case, always taking ourselves too seriously can potentially create a build up tension in the office. If humor is encouraged in the workplace, it can help alleviate tension and stress, both which are huge <a href="https://www.treehousesociety.org/blog/how-stress-can-affect-creativity?ref=brightful.me">blockers</a> of creativity.</p><p>Being funny is also important when building relationships. <a href="https://www.npr.org/sections/health-shots/2012/08/06/157592468/an-anthropologist-walks-into-a-bar-and-asks-why-is-this-joke-funny?ref=brightful.me">Laughing at the same jokes signals</a> to one another that we share the same values and beliefs. This is why people all over the world want friends and colleagues who share their sense of humor.</p><p>The next time you catch-up with your colleagues for a team meeting, try making a joke that can lighten the mood. It will surely help to break the ice and facilitate meaningful discussions and relationships.</p><h3 id="playing-icebreaker-games">Playing Icebreaker Games</h3><p>The simplest way to get people laughing is to play a quick icebreaker before your team meeting. Playing games like the ones found on <a href="https://brightful.me/play?ref=brightful.me">Brightful Meeting Games </a>allows funny situations come up organically, and those type of situations are always the best for easing tension.</p><figure class="kg-card kg-image-card kg-width-wide"><img src="https://www.brightful.me/content/images/2020/08/Artboard-2-copy-21@2x-100--1--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-21@2x-100--1--1.jpg 600w, https://www.brightful.me/content/images/size/w1000/2020/08/Artboard-2-copy-21@2x-100--1--1.jpg 1000w, https://www.brightful.me/content/images/2020/08/Artboard-2-copy-21@2x-100--1--1.jpg 1248w" sizes="(min-width: 1200px) 1200px"></figure><h3 id="here-is-a-list-of-7-practical-tips-on-how-to-lighten-the-mood-in-the-office">Here is a list of 7 practical tips on how to lighten the mood in the office</h3><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://www.brightful.me/content/images/2020/07/pexels-athena-2962059.jpg" class="kg-image" alt loading="lazy" width="2000" height="1123" srcset="https://www.brightful.me/content/images/size/w600/2020/07/pexels-athena-2962059.jpg 600w, https://www.brightful.me/content/images/size/w1000/2020/07/pexels-athena-2962059.jpg 1000w, https://www.brightful.me/content/images/size/w1600/2020/07/pexels-athena-2962059.jpg 1600w, https://www.brightful.me/content/images/size/w2400/2020/07/pexels-athena-2962059.jpg 2400w" sizes="(min-width: 720px) 720px"><figcaption>Laugh at your colleagues - I mean, with them. With them!</figcaption></figure><p>1. Play improv games with your team</p><p>Improv games teach us to get out of our comfort zones, and it’s okay to be a bit of a goof and laugh at ourselves.</p><p>2. Expand the scope of your conversations</p><p>If all you talk about is work, it can be hard to find anything humorous to bring up. If something funny happened over the weekend, be sure to bring the story up!</p><p>3. Watch your tone of voice</p><p>Not all of us are gifted with an infectious laugh or sense of humor. What we can control though, is our tone of voice. If something funny happens, be sure to bring it up with an upbeat tone. It is almost guaranteed to brighten someone’s day!</p><p>4. Incorporate the catch-phrase “You know what I mean?”</p><p>This is a fantastic technique to convey some comedic relief, and avoid offending your boss or coworker. It’s also good for helping people catch up when they weren’t listening closely to your previous conversation.</p><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://www.brightful.me/content/images/2020/07/pexels-fauxels-3182808.jpg" class="kg-image" alt loading="lazy" width="2000" height="1333" srcset="https://www.brightful.me/content/images/size/w600/2020/07/pexels-fauxels-3182808.jpg 600w, https://www.brightful.me/content/images/size/w1000/2020/07/pexels-fauxels-3182808.jpg 1000w, https://www.brightful.me/content/images/size/w1600/2020/07/pexels-fauxels-3182808.jpg 1600w, https://www.brightful.me/content/images/size/w2400/2020/07/pexels-fauxels-3182808.jpg 2400w" sizes="(min-width: 720px) 720px"><figcaption>Waiting for that perfect time to drop a zinger</figcaption></figure><p>5. Be interested in your coworkers</p><p>Use questions and statements about their interests to determine the basis for a humorous conversation.</p><p>6. Laugh at yourself</p><p>Laughing at oneself is a wonderful way to show that you don’t take yourself too seriously. Be sure to admit your mistakes and have a sense of humor about your flaws and weaknesses. Being able to laugh at yourself shows a willingness to learn and grow.</p><p>7. Use situational humor</p><p>Being funny when there is an awkward pause in conversation is a great way to keep things moving. Even if it doesn’t lead to a full blown conversation, you can still be funny by giving a funny facial expression or gesture.</p><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://www.brightful.me/content/images/2020/07/pexels-ketut-subiyanto-4350202.jpg" class="kg-image" alt loading="lazy" width="2000" height="3000" srcset="https://www.brightful.me/content/images/size/w600/2020/07/pexels-ketut-subiyanto-4350202.jpg 600w, https://www.brightful.me/content/images/size/w1000/2020/07/pexels-ketut-subiyanto-4350202.jpg 1000w, https://www.brightful.me/content/images/size/w1600/2020/07/pexels-ketut-subiyanto-4350202.jpg 1600w, https://www.brightful.me/content/images/size/w2400/2020/07/pexels-ketut-subiyanto-4350202.jpg 2400w" sizes="(min-width: 720px) 720px"><figcaption>Why be funny when memes can do the job for you?</figcaption></figure><p></p><p>8. Bring up funny/interesting articles on the internet</p><p>The internet is loaded with hilarious, and interesting articles and news pieces. Try not to be the person that brings it up every day, and you’ll be that much better!</p>
  301.                        </div>
  302.                    </section>
  303.                </div>
  304.                <div class="post-sidebar-content sidebar">
  305.    <div class="post-sidebar-inner">
  306.  
  307.  
  308.        <div class="single-sidebar-posts">
  309.            <h5 class="sidebar-heading">
  310.                What is Brightful?
  311.            </h5>
  312.            <p class="sidebar-text">
  313.                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>
  314. 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.
  315.            </p>
  316.        </div>
  317.  
  318.        <div class="single-sidebar-posts sidebar-trusted-by-teams-worldwide">
  319.            <h5 class="sidebar-heading">
  320.                How it works
  321.            </h5>
  322.            <div class="wrapper">
  323.                <ul class="StepProgress">
  324.                    <li class="StepProgress-item">Sign up in seconds, then pick a game to host.</li>
  325.                    <li class="StepProgress-item">Gather everyone into your virtual conference using your existing meeting tool (eg. Zoom or Skype).
  326.                    </li>
  327.                    <li class="StepProgress-item">Share the invitation with your team and you’re good to go. Enjoy the game!</li>
  328.                </ul>
  329.            </div>
  330.        </div>
  332. <div class="single-sidebar-posts">
  333.            <h5 class="sidebar-heading">
  334.                Trusted by teams worldwide
  335.            </h5>
  336.            <div class="partner-wrapper">
  337.                <div class="partner-image">
  338.                    <img src="https://www.brightful.me/assets/img/teams/amazon.png?v=cf34fe042b" alt="image">
  339.                </div>
  340.                <div class="partner-image">
  341.                    <img src="https://www.brightful.me/assets/img/teams/dropbox.png?v=cf34fe042b" alt="image">
  342.                </div>
  343.                <div class="partner-image">
  344.                    <img src="https://www.brightful.me/assets/img/teams/paypal.png?v=cf34fe042b" alt="image">
  345.                </div>
  346.                <div class="partner-image">
  347.                    <img src="https://www.brightful.me/assets/img/teams/target.png?v=cf34fe042b" alt="image">
  348.                </div>
  349.                <div class="partner-image">
  350.                    <img src="https://www.brightful.me/assets/img/teams/zoom.png?v=cf34fe042b" alt="image">
  351.                </div>
  352.                <div class="partner-image">
  353.                    <img src="https://www.brightful.me/assets/img/teams/hulu.png?v=cf34fe042b" alt="image">
  354.                </div>
  355.                <div class="partner-image">
  356.                    <img src="https://www.brightful.me/assets/img/teams/ibm.png?v=cf34fe042b" alt="image">
  357.                </div>
  358.                <div class="partner-image">
  359.                    <img src="https://www.brightful.me/assets/img/teams/pfizer.png?v=cf34fe042b" alt="image">
  360.                </div>
  361.            </div>
  362.        </div>
  363.  
  364.        <div class="btn-learn-more">
  365.            <a href="https://www.brightful.me/play/?source=blog" target="_blank" class="continue-reading">
  366.                <span>Learn more</span>
  367.                <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>
  368.        </div>
  369.    </div>
  370. </div>            </div>
  371.        </article>
  372.    </div>
  373. </main>
  374.  
  375. <div class="connection-section outer">
  376.    <div class="inner">
  377.        <div class="footer-top-section">
  378.            <div class="inner">
  379.                <div class="discussion-wrapper">
  380.                    <div class="discussion-image">
  381.                        <img src="https://www.brightful.me/assets/home/img/discussion.png?v=cf34fe042b" alt="discussion image">
  382.                    </div>
  383.                    <div class="discussion-content">
  384.                        <h3 class="discussion-heading">Connect in a more meaningful way</h3>
  385.                        <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>
  386.                        <a class="btn-orange-primary" href="https://www.brightful.me/play/?source=blog">START YOUR TRIAL</a>
  387.                    </div>
  388.                </div>
  389.            </div>
  390.        </div>
  391.    </div>
  392. </div>
  393.  
  394. <div id="trivia-popup" class="popup-section" style="background-image:url(https://www.brightful.me/assets/img/hero/popup-bg.png?v=cf34fe042b);">
  395.    <div class="popup-close-option" onclick="popupClose()">
  396.        <img src="https://www.brightful.me/assets/img/hero/close-option.png?v=cf34fe042b" alt="icon">
  397.    </div>
  398.    <div class="popup-wrap shape-parent">
  399.        <div class="shape-line">
  400.           <img src="https://www.brightful.me/assets/img/hero/line-shape.png?v=cf34fe042b" alt="" class="shape-line-one">
  401.           <img src="https://www.brightful.me/assets/img/hero/line-shape.png?v=cf34fe042b" alt="" class="shape-line-two">
  402.        </div>
  403.        <div class="popup-wrapper">
  404.            <div class="try-wrap">
  405.                <span>try</span>
  406.                <img src="https://www.brightful.me/assets/img/hero/try-bg.png?v=cf34fe042b" alt="bg image">
  407.            </div>
  408.            <div class="popup-content-wraper">
  409.                <h3>Give Brightful’s Trivia a go!</h3>
  410.                <div class="popup-trivia-qus-wrap">
  411.                    <h5>When Avengers: Endgame passed Titanic in total box-office, what Titanic director sent Kevin Feige a congratulatory message?</h5>
  412.                    <ul class="popup-ans-list">
  413.                        <li>
  414.                            <button>James Cameron</button>
  415.                        </li>
  416.                        <li>
  417.                            <button>Steven Spielberg</button>
  418.                        </li>
  419.                        <li>
  420.                            <button>Martin Scorsese</button>
  421.                        </li>
  422.                        <li>
  423.                            <button>Leonardo DiCaprio</button>
  424.                        </li>
  425.                    </ul>
  426.                </div>
  427.            </div>
  428.        </div>
  429.    </div>
  430.    <div class="congrass-option popup-wrap">
  431.        <div class="shape-line">
  432.           <img src="https://www.brightful.me/assets/img/hero/line-shape.png?v=cf34fe042b" alt="" class="shape-line-one">
  433.           <img src="https://www.brightful.me/assets/img/hero/line-shape.png?v=cf34fe042b" alt="" class="shape-line-two">
  434.           </div>
  435.        <div class="congrass-content">
  436.            <img src="https://www.brightful.me/assets/img/hero/answer.png?v=cf34fe042b" alt="">
  437.            <div class="ans-options">
  438.                <p>The correct answer is</p>
  439.                <h5>James Cameron</h5>
  440.            </div>
  441.        </div>
  442.        <div class="congrass-ftr" style="background-image:url(https://www.brightful.me/assets/img/hero/congress-ftr.png?v=cf34fe042b)">
  443.            <h3>Endless Trivia Questions</h3>
  444.            <p>With 1000+ of the best trivia questions categorized in one place, you will never run out of questions again.</p>
  445.            <a href="https://now.brightful.me/trivia" class="btn-orange-primary" onclick="popupClicked()">Try for FREE</a>
  446.        </div>
  447.    </div>
  448.    <div class="popup-shape">
  449.        <img class="popup-ftr-bg" src="https://www.brightful.me/assets/img/hero/popup-ftr-frame.png?v=cf34fe042b" alt="">
  450.        <img class="popup-ftr-man" src="https://www.brightful.me/assets/img/hero/popup-preson.png?v=cf34fe042b" alt="">
  451.    </div>
  452. </div>
  453.  
  454. <div id="wyr-popup" class="popup-section" style="background-image:url(https://www.brightful.me/assets/img/hero/popup-bg.png?v=cf34fe042b);">
  455.    <div class="popup-close-option" onclick="popupClose()">
  456.        <img src="https://www.brightful.me/assets/img/hero/close-option.png?v=cf34fe042b" alt="icon">
  457.    </div>
  458.    <div class="popup-wrap shape-parent reather-step-one">
  459.       <div class="popup-wrapper">
  460.            <div class="try-wrap">
  461.                <span>try</span>
  462.                <img src="https://www.brightful.me/assets/img/hero/try-bg.png?v=cf34fe042b" alt="bg image">
  463.            </div>
  464.            <div class="popup-content-wraper raither-content">
  465.                <h3>Give Brightful a go!</h3>
  466.                <div class="raither-img">
  467.                    <img src="https://www.brightful.me/assets/img/hero/reather-img.png?v=cf34fe042b" alt="">
  468.                </div>
  469.                <div class="popup-wyr-qus-wrap">
  470.                    <h5>Would you rather be</h5>
  471.                    <ul class="raither-popup-ans-list">
  472.                        <li class="raither-option-one">
  473.                            <button>Lebron James / Simone Biles</button>
  474.                        </li>
  475.                        <li class="raither-option-two">
  476.                            <button>Beyonce / Ed Sheeran</button>
  477.                        </li>
  478.                    </ul>
  479.                </div>
  480.            </div>
  481.        </div>
  482.    </div>
  483.    <div class="list-option-one popup-wrap reather-step-two">
  484.        <div class="reather-content">
  485.            <h3>Would you rather be</h3>
  486.            <div class="reather-ans-wrap">
  487.                <div class="reather-ans-vs">
  488.                    <span>VS</span>
  489.                </div>
  490.                <div class="reather-ans-right">
  491.                    <div class="reather-ans-single sky-bg">
  492.                        <p>Lebron James / Simone Biles</p>
  493.                        <h5>1</h5>
  494.                        <div class="reather-ans-overlay">
  495.                            <p>Other players: 63%</p>
  496.                        </div>
  497.                    </div>
  498.                    <div class="pro-status">
  499.                        <p>You</p>
  500.                    </div>
  501.                </div>
  502.                <div class="reather-ans-single paste-bg">
  503.                    <p>Beyonce / Ed Sheeran</p>
  504.                    <h5>0</h5>
  505.                    <div class="reather-ans-overlay">
  506.                        <p>Other players: 37%</p>
  507.                    </div>
  508.                </div>
  509.            </div>
  510.        </div>
  511.        <div class="congrass-ftr reather-ftr" style="background-image:url(https://www.brightful.me/assets/img/hero/congress-ftr.png?v=cf34fe042b)">
  512.            <h3>Would You Rather Questions</h3>
  513.            <p>Find 1000+ of the quirkiest, funniest, and most interesting Would You Rather questions all in one place.</p>
  514.            <a href="https://now.brightful.me/would-you-rather" class="btn-orange-primary">Try for FREE</a>
  515.        </div>
  516.    </div>
  517.    <div class="list-option-one popup-wrap reather-step-three">
  518.        <div class="reather-content">
  519.            <h3>Would you rather be</h3>
  520.            <div class="reather-ans-wrap">
  521.                <div class="reather-ans-vs">
  522.                    <span>VS</span>
  523.                </div>
  524.                <div class="reather-ans-single sky-bg">
  525.                    <p>Lebron James / Simone Biles</p>
  526.                    <h5>0</h5>
  527.                    <div class="reather-ans-overlay">
  528.                        <p>Other players: 63%</p>
  529.                    </div>
  530.                </div>
  531.                <div class="reather-ans-right">
  532.                    <div class="reather-ans-single paste-bg">
  533.                        <p>Beyonce / Ed Sheeran</p>
  534.                        <h5>1</h5>
  535.                        <div class="reather-ans-overlay">
  536.                            <p>Other players: 37%</p>
  537.                        </div>
  538.                    </div>
  539.                    <div class="pro-status">
  540.                        <p>You</p>
  541.                    </div>
  542.                </div>
  543.                
  544.            </div>
  545.        </div>
  546.        <div class="congrass-ftr reather-ftr" style="background-image:url(https://www.brightful.me/assets/img/hero/congress-ftr.png?v=cf34fe042b)">
  547.            <h3>Would You Rather Questions</h3>
  548.            <p>Find 1000+ of the quirkiest, funniest, and most interesting Would You Rather questions all in one place.</p>
  549.            <a href="https://now.brightful.me/would-you-rather" class="btn-orange-primary" onclick="popupClicked()">Try for FREE</a>
  550.        </div>
  551.    </div>
  552.    <div class="popup-shape">
  553.        <img class="popup-ftr-bg" src="https://www.brightful.me/assets/img/hero/popup-ftr-frame.png?v=cf34fe042b" alt="">
  554.        <img class="popup-ftr-man" src="https://www.brightful.me/assets/img/hero/popup-preson.png?v=cf34fe042b" alt="">
  555.    </div>
  556. </div>
  557.  
  558. <aside class="read-next outer brightful-dark-bg">
  559.    <div class="inner">
  560.        <div class="read-next-feed">
  561.            <article class="read-next-card">
  562.                <header class="read-next-card-header">
  563.                    <h3><span>More in</span> <a href="/tag/remote-work-tips/">Remote Work Tips</a></h3>
  564.                </header>
  565.                <div class="read-next-card-content">
  566.                    <ul>
  567.                        <li>
  568.                            <h4><a href="/blog/what-employees-really-think-about-the-hybrid-work-model/">What Employees Really Think About The Hybrid Work Model</a></h4>
  569.                            <div class="read-next-card-meta">
  570.                                <p><time datetime="2021-09-15">15 Sep 2021</time> –
  571.                                    6 min read</p>
  572.                            </div>
  573.                        </li>
  574.                        <li>
  575.                            <h4><a href="/blog/how-can-i-monitor-employees-that-work-remotely/">How Can I Monitor Employees That Work Remotely?</a></h4>
  576.                            <div class="read-next-card-meta">
  577.                                <p><time datetime="2021-09-13">13 Sep 2021</time> –
  578.                                    6 min read</p>
  579.                            </div>
  580.                        </li>
  581.                        <li>
  582.                            <h4><a href="/blog/how-to-close-the-distance-between-employees-in-a-remote-work-environment/">How to Close The Distance Between Employees in a Remote Work Environment</a></h4>
  583.                            <div class="read-next-card-meta">
  584.                                <p><time datetime="2021-09-10">10 Sep 2021</time> –
  585.                                    6 min read</p>
  586.                            </div>
  587.                        </li>
  588.                    </ul>
  589.                </div>
  590.                <footer class="read-next-card-footer">
  591.                    <a href="/tag/remote-work-tips/">See all 90 posts
  592.                        →</a>
  593.                </footer>
  594.            </article>
  595.  
  596.                <article class="post-card post ">
  597.  
  598.    <a class="post-card-image-link" href="/blog/things-to-talk-about/">
  599.        <img class="post-card-image"
  600.            srcset="/content/images/size/w300/2020/07/pexels-jopwell-2422290.jpg 300w,
  601.                    /content/images/size/w600/2020/07/pexels-jopwell-2422290.jpg 600w,
  602.                    /content/images/size/w1000/2020/07/pexels-jopwell-2422290.jpg 1000w,
  603.                    /content/images/size/w2000/2020/07/pexels-jopwell-2422290.jpg 2000w"
  604.            sizes="(max-width: 1000px) 400px, 700px"
  605.            loading="lazy"
  606.            src="/content/images/size/w600/2020/07/pexels-jopwell-2422290.jpg"
  607.            alt="How to Keep the Conversation Flowing - Things to Talk About"
  608.        />
  609.    </a>
  610.  
  611.    <div class="post-card-content">
  612.  
  613.        <a class="post-card-content-link" href="/blog/things-to-talk-about/">
  614.  
  615.            <header class="post-card-header">
  616.                <h2 class="post-card-title">How to Keep the Conversation Flowing - Things to Talk About</h2>
  617.            </header>
  618.  
  619.            <section class="post-card-excerpt">
  620.                    <p>Have you ever had a conversation with someone that died out into an awkward
  621. silence? This could happen as a result of not being familiar with one another.
  622. It’s</p>
  623.            </section>
  624.  
  625.        </a>
  626.  
  627.        <footer class="post-card-meta">
  628.            <div class="post-card-byline-content">
  629.                <span class="post-card-byline-date"><time datetime="2020-07-31">31 Jul 2020</time> <span class="bull">&bull;</span> 5 min read</span>
  630.            </div>
  631.        </footer>
  632.  
  633.    </div>
  634.  
  635. </article>
  636.  
  637.            
  638.                <article class="post-card post ">
  639.  
  640.    <a class="post-card-image-link" href="/blog/philosophical-questions/">
  641.        <img class="post-card-image"
  642.            srcset="/content/images/size/w300/2020/07/giammarco-boscaro-zeH-ljawHtg-unsplash.jpg 300w,
  643.                    /content/images/size/w600/2020/07/giammarco-boscaro-zeH-ljawHtg-unsplash.jpg 600w,
  644.                    /content/images/size/w1000/2020/07/giammarco-boscaro-zeH-ljawHtg-unsplash.jpg 1000w,
  645.                    /content/images/size/w2000/2020/07/giammarco-boscaro-zeH-ljawHtg-unsplash.jpg 2000w"
  646.            sizes="(max-width: 1000px) 400px, 700px"
  647.            loading="lazy"
  648.            src="/content/images/size/w600/2020/07/giammarco-boscaro-zeH-ljawHtg-unsplash.jpg"
  649.            alt="Philosophical Questions"
  650.        />
  651.    </a>
  652.  
  653.    <div class="post-card-content">
  654.  
  655.        <a class="post-card-content-link" href="/blog/philosophical-questions/">
  656.  
  657.            <header class="post-card-header">
  658.                <h2 class="post-card-title">Philosophical Questions</h2>
  659.            </header>
  660.  
  661.            <section class="post-card-excerpt">
  662.                    <p>Throughout the history of mankind, great thinkers and the common man have all
  663. pondered the same questions. Why should you be any different? Start a
  664. philosophical discussion with a friend</p>
  665.            </section>
  666.  
  667.        </a>
  668.  
  669.        <footer class="post-card-meta">
  670.            <div class="post-card-byline-content">
  671.                <span class="post-card-byline-date"><time datetime="2020-07-31">31 Jul 2020</time> <span class="bull">&bull;</span> 7 min read</span>
  672.            </div>
  673.        </footer>
  674.  
  675.    </div>
  676.  
  677. </article>
  678.        </div>
  679.    </div>
  680. </aside>
  681. <script>
  682.    initAmplitude();
  683.    amplitudeEvent("visitedBlog", {
  684.        title: `When and How to be Funny: 7 Practical tips on How to Lighten the Mood`,
  685.        eventTime: new Date(Date.now()).toISOString(),
  686.        url: location.pathname,
  687.    });
  688. </script>
  689. <script>
  690.    document.addEventListener("copy", (event) => {
  691.        let tagline = '\n\n';
  692.        if (`Remote Work Tips` === 'Remote Work Tips') {
  693.            tagline += 'For more team building activities, visit https://Brightful.me';
  694.        } else {
  695.            switch (``) {
  696.                case 'Trivia': {
  697.                    tagline += 'Visit https://Brightful.me for more fun trivia!';
  698.                    break;
  699.                }
  700.                case 'Questions': {
  701.                    tagline += 'Visit https://Brightful.me for the best conversation questions.';
  702.                    break;
  703.                }
  704.                case 'Would You Rather': {
  705.                    tagline += 'For more funny and interesting Would You Rather questions, visit https://Brightful.me';
  706.                    break;
  707.                }
  708.                case 'Games': {
  709.                    tagline += 'Visit https://Brightful.me for more fun and exciting games.';
  710.                    break;
  711.                }
  712.                case 'Draw': {
  713.                    tagline += 'Visit https://Brightful.me to find more fun things to draw!';
  714.                    break;
  715.                }
  716.            }
  717.        }
  718.        amplitudeEvent("copiedTextInBlog", {
  719.            payload: `${document.getSelection()}`,
  720.            url: location.pathname,
  721.            eventTime: new Date(Date.now()).toISOString(),
  722.        });
  723.        event.clipboardData.setData("text", document.getSelection() + tagline);
  724.        event.preventDefault();
  725.    });
  726. </script>
  727. <script>
  728.    let isTriviaBlog = false;
  729.    let isWYRBlog = false;
  730.    function popupClicked() {
  731.        amplitudeEvent("popupClicked", {
  732.            url: location.pathname,
  733.            tag: isTriviaBlog ? 'Trivia' : 'Would You Rather',
  734.            eventTime: new Date(Date.now()).toISOString(),
  735.        });
  736.    }
  737.    function popupClose() {
  738.        if (isTriviaBlog) $('#trivia-popup').fadeOut();
  739.        if (isWYRBlog) $('#wyr-popup').fadeOut();
  740.        if (typeof(Storage) !== 'undefined') {
  741.            var attempts = localStorage.getItem("popup-count");
  742.            localStorage.setItem("popup-count", ++attempts);
  743.        } else {
  744.            localStorage.setItem('popup-count', 1);
  745.        }
  746.        $('#trivia-popup').remove();
  747.        $('#wyr-popup').remove();
  748.    }
  749.    $(document).ready(function () {
  750.        const allTags = [];
  751.        const tag1 = `Remote Work Tips`;
  752.        const tag2 = ``;
  753.        const tag3 = ``;
  754.        const tag4 = ``;
  755.        const questionAudio = new Audio("https://www.brightful.me/assets/play/audio/QuestionsAppear.mp3?v=cf34fe042b");
  756.        if (tag1 != '') allTags.push(tag1);
  757.        if (tag2 != '') allTags.push(tag2);
  758.        if (tag3 != '') allTags.push(tag3);
  759.        if (tag4 != '') allTags.push(tag4);
  760.        isTriviaBlog = tag1 === 'Trivia' || tag2 === 'Trivia' || tag3 === 'Trivia' || tag4 === 'Trivia';
  761.        isWYRBlog = tag1 === 'Would You Rather' || tag2 === 'Would You Rather' || tag3 === 'Would You Rather' || tag4 === 'Would You Rather';
  762.        if (isTriviaBlog || isWYRBlog) {
  763.            let attempts = localStorage.getItem("popup-count");
  764.            setTimeout(function() {
  765.                if (isTriviaBlog) {
  766.                    $('#trivia-popup').fadeIn();
  767.                    questionAudio.play();
  768.                }
  769.                if (isWYRBlog) {
  770.                    $('#wyr-popup').fadeIn();
  771.                    questionAudio.play();
  772.                }
  773.                if (attempts < 2) {
  774.                    amplitudeEvent("popupDisplayed", {
  775.                        url: location.pathname,
  776.                        tag: allTags.join(', '),
  777.                        eventTime: new Date(Date.now()).toISOString(),
  778.                    });
  779.                }
  780.            }, 30000);
  781.            if (attempts > 1) {
  782.                $('#trivia-popup').remove();
  783.                $('#wyr-popup').remove();
  784.            }
  785.            $("html").bind("mouseleave", function () {
  786.                setTimeout(function() {
  787.                    if (isTriviaBlog) {
  788.                        $('#trivia-popup').fadeIn();
  789.                        questionAudio.play();
  790.                    }
  791.                    if (isWYRBlog) {
  792.                        $('#wyr-popup').fadeIn();
  793.                        questionAudio.play();
  794.                    }
  795.                    amplitudeEvent("popupDisplayed", {
  796.                        url: location.pathname,
  797.                        tag: allTags.join(', '),
  798.                        eventTime: new Date(Date.now()).toISOString(),
  799.                    });
  800.                }, 300);
  801.                $("html").unbind("mouseleave");
  802.            });
  803.        }
  804.        // Trivia popup scripts
  805.        if (isTriviaBlog) {
  806.            let btnOptions = $('.popup-ans-list li button');
  807.            let correctResult = 'James Cameron';
  808.            let correctOption;
  809.            btnOptions.each(function() {
  810.                let $this = $(this);
  811.                let thisVal = $this.text();
  812.                if (correctResult === thisVal){
  813.                    correctOption = $this.parent().index();
  814.                }
  815.            });
  816.            btnOptions.click(function() {
  817.                let $this = $(this);
  818.                let thisVal = $this.text();
  819.                setTimeout(function(e) {
  820.                    if (correctResult === thisVal){
  821.                        $this.parent().addClass('correct');
  822.                    } else {
  823.                        $this.parent().addClass('wrong');
  824.                        btnOptions.parent().eq(correctOption).addClass('correct');
  825.                    }
  826.                }, 1000);
  827.                setTimeout(function() {
  828.                    $('.popup-wrap').addClass('hide');
  829.                    $('.congrass-option').addClass('show');
  830.                },2000);
  831.            });
  832.        }
  833.        // WYR popup scripts
  834.        if (isWYRBlog) {
  835.            setTimeout(function(){
  836.                $('.raither-option-one').click(function() {
  837.                    $('.reather-step-one, .reather-step-three').addClass('none');
  838.                    $('.reather-step-two').addClass('show');
  839.                });
  840.            }, 1000);
  841.            setTimeout(function(){
  842.                $('.raither-option-two').click(function() {
  843.                    $('.reather-step-one, .reather-step-two').addClass('none');
  844.                    $('.reather-step-three').addClass('show');
  845.                });
  846.            }, 1000);
  847.        }
  848.    });
  849. </script>
  850. <script>
  851.    const players = Array.from(
  852.        document.querySelectorAll('.plyr__video-embed')).map(p => new Plyr(p, {})
  853.    );
  854. </script>
  855.  
  856.  
  857.  
  858.        <footer class="site-footer outer brightful-bg">
  859.            <div class="site-footer-content inner">
  860.                <section class="copyright"><a href="https://www.brightful.me">Connect in a more meaningful way</a> &copy; 2024</section>
  861.                <nav class="site-footer-nav">
  862.                    <a href="https://www.brightful.me/blog/">Latest Posts</a>
  863.                    
  864.                    <a href="https://twitter.com/brightfulhq" target="_blank" rel="noopener">Twitter</a>
  865.                </nav>
  866.            </div>
  867.        </footer>
  868.  
  869.    </div>
  870.  
  871.    <div class="subscribe-success-message">
  872.        <a class="subscribe-close" href="javascript:;"></a>
  873.        You've successfully subscribed to Connect in a more meaningful way!
  874.    </div>
  875.  
  876.    <div id="subscribe" class="subscribe-overlay">
  877.        <a class="subscribe-close-overlay" href="#"></a>
  878.        <a class="subscribe-close-button" href="#"></a>
  879.        <div class="subscribe-overlay-content">
  880.            <div class="subscribe-form">
  881.                <h1 class="subscribe-overlay-title">Subscribe to Connect in a more meaningful way</h1>
  882.                <p class="subscribe-overlay-description">Stay up to date! Get all the latest & greatest posts delivered straight to your inbox</p>
  883.                <form data-members-form="subscribe">
  884.                    <div class="form-group">
  885.                        <input class="subscribe-email" data-members-email placeholder="youremail@example.com"
  886.                            autocomplete="false" />
  887.                        <button class="button primary" type="submit">
  888.                            <span class="button-content">Subscribe</span>
  889.                            <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"
  890.    y="0px" width="40px" height="40px" viewBox="0 0 40 40" enable-background="new 0 0 40 40" xml:space="preserve">
  891.    <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
  892. 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
  893. 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" />
  894.    <path fill="#000" d="M26.013,10.047l1.654-2.866c-2.198-1.272-4.743-2.012-7.466-2.012h0v3.312h0
  895. C22.32,8.481,24.301,9.057,26.013,10.047z">
  896.        <animateTransform attributeType="xml" attributeName="transform" type="rotate" from="0 20 20" to="360 20 20"
  897.            dur="0.5s" repeatCount="indefinite" />
  898.    </path>
  899. </svg></span>
  900.                        </button>
  901.                    </div>
  902.                    <div class="message-success">
  903.                        <strong>Great!</strong> Check your inbox and click the link to confirm your subscription.
  904.                    </div>
  905.                    <div class="message-error">
  906.                        Please enter a valid email address!
  907.                    </div>
  908.                </form>
  909.            </div>
  910.        </div>
  911.    </div>
  912.  
  913. <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
  914.    <script src="https://www.brightful.me/assets/built/sticky-sidebar.js?v=cf34fe042b"></script>
  915.    <script src="https://www.brightful.me/assets/built/casper.js?v=cf34fe042b"></script>
  916.  
  917.    <script>
  918.        // Give the parameter a variable name
  919.        var action = getParameterByName('action');
  920.  
  921.        $(document).ready(function () {
  922.            if (action == 'subscribe') {
  923.                $('body').addClass("subscribe-success");
  924.            }
  925.  
  926.            $('.subscribe-success-message .subscribe-close').click(function () {
  927.                $('.subscribe-success-message').addClass('close');
  928.            });
  929.  
  930.            // Reset form on opening subscrion overlay
  931.            $('.subscribe-button').click(function() {
  932.                $('.subscribe-overlay form').removeClass();
  933.                $('.subscribe-email').val('');
  934.            });
  935.  
  936.        });
  937.    </script>
  938.  
  939.    <script>
  940.    function showHowItWorksTagsBlog() {
  941.        if ($(window).height() < 840) {
  942.            $('.sidebar-trusted-by-teams-worldwide').hide();
  943.        } else {
  944.            $('.sidebar-trusted-by-teams-worldwide').show();
  945.        }
  946.    }
  947.    $(document).ready(function () {
  948.        // FitVids - start
  949.        var $postContent = $(".post-full-content");
  950.        $postContent.fitVids();
  951.        // FitVids - end
  952.  
  953.        $('.sidebar').StickySidebar({
  954.            additionalMarginTop: 70
  955.        });
  956.  
  957.        $(window).resize(() =>  showHowItWorksTagsBlog());
  958.  
  959.        showHowItWorksTagsBlog();
  960.  
  961.        // Replace nav with title on scroll - start
  962.        Casper.stickyNavTitle({
  963.            navSelector: '.site-nav-main',
  964.            titleSelector: '.post-full-title',
  965.            activeClass: 'nav-post-title-active'
  966.        });
  967.        // Replace nav with title on scroll - end
  968.  
  969.        // Hover on avatar
  970.        var hoverTimeout;
  971.        $('.author-list-item').hover(function () {
  972.            var $this = $(this);
  973.  
  974.            clearTimeout(hoverTimeout);
  975.  
  976.            $('.author-card').removeClass('hovered');
  977.            $(this).children('.author-card').addClass('hovered');
  978.  
  979.        }, function () {
  980.            var $this = $(this);
  981.  
  982.            hoverTimeout = setTimeout(function () {
  983.                $this.children('.author-card').removeClass('hovered');
  984.            }, 800);
  985.        });
  986.    });
  987. </script>
  988.  
  989.  
  990.    
  991.  
  992. </body>
  993. </html>
  994.  

Home · About · News · Docs · Terms

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