<!DOCTYPE html>
  	<html lang="en" dir="ltr">
  <head>
    						<!-- Matomo -->
<script type="text/javascript">
    var _paq = window._paq = window._paq || [];
        _paq.push(['trackPageView']);
        _paq.push(['enableLinkTracking']);

    (function() {
        var u="//analytics.studiodr.pl/";
        _paq.push(['setTrackerUrl', u+'matomo.php']);
        _paq.push(['setSiteId', '0BnY8rgj1mOQnwkJZp73evbRV']);
        var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
        g.type='text/javascript'; g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s);
    })();
</script>
<!-- End Matomo Code -->
		    	<style>
.bullet-info--condensed>*+* {
display: None;
}
.small_caps {
  font-variant: small-caps
}
.course_round_image {
  border-radius: 500px !important;
}
.brick.brick--color--primary a {
color: white;
pointer-events: none;
}
.containerContact {
  position: relative;
  width: 100%;
  overflow: hidden;
  padding-top: 100%;
}

.responsiveContact {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  border: none;
}
.centered-button-container {
  display: flex;
  justify-content: center;
}
.preview-course-button {
    box-shadow: 0 2px 3px rgba(0,0,0,.08);
    font-size: 17.5px !important;
    padding: 15px 25px !important;
    text-align: center;
    width: 50%;
    border: solid black 1px !important;
    border-radius: 5px !important;
    margin-left: 10px;
}
.bigger-text {
   font-size: 16.5px !important;
}
.demo-popup_button-container {
  display: flex; 
  flex-direction: column; 
  justify-content: space-evenly;
}
.demo-popup {
position: fixed;
z-index: 1000;
display: flex;
align-items: center;
justify-content: center;
background-color: rgba(0,0,0,0.7);
}
</style>

<!-- Matomo -->
<script>
  var _paq = window._paq = window._paq || [];
  /* tracker methods like "setCustomDimension" should be called before "trackPageView" */
  _paq.push(['trackPageView']);
  _paq.push(['enableLinkTracking']);
  (function() {
    var u="//analytics.communitybiblestudy.org/";
    _paq.push(['setTrackerUrl', u+'matomo.php']);
    _paq.push(['setSiteId', '5']);
    var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
    g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s);
  })();
</script>
<!-- End Matomo Code -->
            
    <title>Technical update</title>
<meta name="description" content="">
<meta name="og:description" content="">
<meta property="og:title" content="Technical update">
<meta property="og:description" content="">
<meta property="og:site_name" content="CBS South Asia">
<meta property="og:locale" content="en">
<meta property="og:image" content="https://sa.communitybiblestudy.org/media/cache/fixed_1200_630/9e7eee5b-2f9b-4baa-bded-fe8783c44c4d.webp">
<meta name="twitter:card" content="summary"/>
<meta name="twitter:title" content="Technical update"/>
<meta name="twitter:description" content=""/>
<meta name="twitter:image" content="https://sa.communitybiblestudy.org/media/cache/fixed_1200_630/9e7eee5b-2f9b-4baa-bded-fe8783c44c4d.webp"/><meta charset="UTF-8"/>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="apple-touch-fullscreen" content="yes">
<meta name="apple-mobile-web-app-title" content="CBS South Asia">
<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, shrink-to-fit=no, viewport-fit=cover">
<meta name="theme-color" content="#333" />
<link rel="icon" type="image/png" href="https://sa.communitybiblestudy.org/media/cache/favicon/c6601314-d049-43b7-b4a6-1cae844deba8.webp">
	<link rel="apple-touch-icon" href="https://sa.communitybiblestudy.org/media/cache/pwa_192/fbb861f3-dd3e-4e3e-85f4-17d0043d252e.webp">
<link rel="preload" as="font" crossorigin type="font/woff2" href="/static/other/font-awesome/fonts/fontawesome-webfont.woff2?v=4.7.0">
<link rel="stylesheet" href="/static/other/font-awesome/css/font-awesome.min.css?v=5.2.0.PR4">
	<link rel="manifest" href="/manifest.json"/>




  
  



      
   
        

  







  
  <style>

    
          
        
              
                    
          
  
        
  @font-face {
    font-family: Montserrat;
    font-weight: 400;
    font-display: swap;
    src: url('/static/fonts/montserrat/latin/montserrat-regular.woff2') format('woff2');
  }

        
          
        
              
                    
          
  
        
  @font-face {
    font-family: Montserrat;
    font-weight: 600;
    font-display: swap;
    src: url('/static/fonts/montserrat/latin/montserrat-semibold.woff2') format('woff2');
  }

        
          
        
              
                    
          
  
        
  @font-face {
    font-family: Montserrat;
    font-weight: 700;
    font-display: swap;
    src: url('/static/fonts/montserrat/latin/montserrat-bold.woff2') format('woff2');
  }

        
      
    
          
        
        
      
    
  </style>




<style>
  :root {
          --font-family: Montserrat, sans-serif;
        --font-weight-regular: 400;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
          --font-scale: 1;
              --font-headline-scale: 1;
                          --content-font-family: Montserrat, sans-serif;
            --content-font-weight: 400;
      }
    </style>

          <link crossorigin rel="stylesheet" href="/build/assets/app-4D_io-wl.css">
      <link crossorigin rel="stylesheet" href="/build/assets/style-app-BPyMHy7-.css">
                
        <style>

    </style>

            
        
<style>

      .primary-bg {
      background-color: #494da1;
    }
    .primary-color {
      color: #494da1;
    }
    .overlay-bg {
      background-color: #e3e3e3;
    }
  
  :root {
          --color-primary: #494da1;
          
                
    --border-radius-big: 0.2rem;
    --border-radius: 0.2rem;
    --header-background-color: #26245d;
    --header-link-color: white;
    --header-height-mobile-proportion: 0.8;
    --header-height-desktop-proportion: 1;
    --header-logo-height-proportion: 0.8;



    


  }
</style>    
      </head>
  <body class="page-loading is-content-font--big ">
  	

      <div class="article">
      <div class="p-center p-center--xs">
        <div class="p-box">
          <h3 class="article__main__title  article__main__title--followed-big">Technical update</h3>
          <p>We are currently working on this website. It won&#039;t take long, so please come back soon.</p>
        </div>  
      </div>    
    </div>

    
    
      <div class="system-box__container js-system-box">

				
	</div>

  
  <div class="overlay" id="overlay">
	<div class="overlay__bg"></div>
	<div class="overlay__container  js-overlay-container">
		<div class="overlay__content  js-overlay-content"></div>
	</div>
</div>
  <div class="system-message" id="system-message">
	<div class="system-message__bg"></div>
	<div class="system-message__container  js-system-message-container">
		<div class="system-message__content  js-system-message-content"></div>
	</div>
</div>

  <div class="js-system-message-general  hide">
  <div class="popup  popup--medium  js-system-message-area">

    <div class="popup__close  popup__close--gray  js-system-message-close">
      <span class="fa fa-times  popup__close__icon"></span>
    </div>

    <div class="popup__section  popup__section--medium-vertical">
      <h4 class="ui-small-bottom-margin">Oops! Something went wrong!</h4>
      <p>Hmmm, weird - it seems like your request encountered some obstacles, please refresh the page or check later. If the problem repeats <a href="/info/contact">let us know</a></p>
    </div>
    
    <div class="popup__section  popup__section--small-vertical popup__footer">
      <div class="p-cluster">
        
    
    
  

	

<div class="button button--style--full button--color--primary p-cluster p-cluster--condensed no-light-mode js-system-message-refresh" >
      



	<span class="icon icon--size--big button__icon fa fa-refresh"></span>
          <span class="button__label">Refresh the page</span>
  </div>        
  
      
  



<a href="/" class="button button--style--full button--color--white p-cluster p-cluster--condensed" >
          <span class="button__label">Go to front page</span>
  </a>      </div>
    </div>

  </div>
</div>
  
  	  	
  





  


<script type="application/json" id="project-config">
  {"token":"f5147336c27.6qo4juc_kBVeGF0rkC9JcwaTPlS5wK-WhSyw7xx5hMQ.359M4aoS0WUPXGt76WkQP3D0RjXjs-bg5BX6n04Q0PShmU7s3gfWIB1IbQ","userLoggedIn":false,"pwaEnabled":true,"pushEnabled":true,"vapidPublicKey":"BFV2ZSA4lns735dOoyM10bm4YnwgpY6BXggUo9X_skWwFv430UMvisW3CWuQ51YYaSXYtgfxyB9nyO3wrUHumrY","cookieManagementEnabled":false,"headerHeightMobile":"0.8","headerHeightDesktop":"1","vendorScriptsPath":"\/generic\/assets\/js\/vendor","refTaggerEnabled":"true","privateNotesEnabled":true,"dateFormat":"d\/m\/Y","dateTimeFormat":"d\/m\/Y H:i","hourCycle":"24","zoomEnabled":1,"rtl":false,"release":"5.2.0.PR4","sentryEnvironment":"sa.communitybiblestudy.org","translations":{"slideUnsavedMessagesNotification":"It looks like you have unsent messages in the previous slide... Please remember to send them.","backToPreviousSlide":"Back to previous slide","conversationCourseTitle":"Conversation with Group Leader","thirdPartyContentTitle":"%service_name% content","thirdPartyContentDescription":"This content is hosted by a third party (%service_address%). By showing the external content you accept the %service_terms_link% of %service_address%.","thirdPartyContentTermsAndConditionLinkTitle":"terms and conditions","thirdPartyContentButton":"Load once","thirdPartyAcceptAll":"    or   <a class=\"ui-pointer\" data-controller=\"accept-cookies\" data-action=\"click->accept-cookies#accept\">\n    accept all cookies\n  <\/a>\n and don't ask me again\n","hoursAbbr":"h","minAbbr":"min","chatEditing":"Editing","chatEditMinRemaining":"%d% min remaining","mandatoryConsentNotChecked":"Fields marked with * are required to continue"}}
</script>

<div>
  <div id="var-t1" class="element-measure--t1"></div>
</div>

<template id="project-config-template-icon">
  



	<svg class="icon icon--size--[[size]] [[class]] icon--symbol icon--name--[[name]] icon--weight--[[weight]]" [[attributes]]>
		<use xlink:href="/build/icons/[[icon_set]].svg?v=5.2.0.PR4#[[name]]"></use>
	</svg>
</template>

<template id="project-config-template-confirm-dialog">
  <dialog class="confirm-dialog u-bg--white ui-radius" data-confirm-dialog><div class="p-stack p-stack--small p-box p-box--condensed p-box--no-border"><div class="ui-weight-semibold">[[title]]</div><div class="color--gray-mid ui-small u-hide-if-empty">[[description]]</div></div><div class="p-box p-box--condensed p-box--no-border u-bg--almost-white p-cluster p-cluster--stretched p-cluster--double-spaced p-cluster--no-wrap ui-small"><div><div class="p-cluster p-cluster--condensed p-cluster--no-wrap"><input type="checkbox" id="confirm-dialog-dont-ask" data-confirm-dialog-element="dontAskAgain"/><label for="confirm-dialog-dont-ask" class="color--gray-mid">Don&#039;t ask me again</label></div></div><div class="p-cluster p-cluster--end"><button class="button button--style--text button--color--primary p-cluster p-cluster--condensed no-light-mode" data-confirm-dialog-element="reject"><span class="button__label">Cancel</span></button><button class="button button--style--full button--color--primary p-cluster p-cluster--condensed no-light-mode" data-confirm-dialog-element="accept"><span class="icon icon--size--big button__icon fa fa-check-circle"></span><span class="button__label">Confirm</span></button></div></div></dialog></template>

  
  <script src="/bundles/fosjsrouting/js/router.min.js?v=5.2.0.PR4"></script>
      <script src="/js/routing?callback=fos.Router.setData"></script>
  
  <script src="/generic/assets/js/vendor/vendor.min.js?v=5.2.0.PR4"></script>
  <script src="/generic/assets/js/scripts.min.js?v=5.2.0.PR4"></script>

  

      <script crossorigin type="module" src="/build/assets/app-Bel3k2PO.js"></script>
    
  
  <input type="hidden" id="t" value="66.wYPa5at2c6U9Sod4snhaWtaWd_NQyNfL-OUTdTzg3hA.9LauiuZbMtVsDrEoyz4DFqDxD5IKu569mdxZBW6JiiCKsKyHkk41kH4atw"/>

  	<!-- Code for Conditional Rendering in Hero Area on Custom Homepage -->
<script>
console.log(document.title)
if(document.title == "Home") {
  let label = document.getElementById("homepage-cta-label");
let button = document.getElementById("homepage-cta");
let emailReminder = document.getElementById("email-required-text")
const loginStatus = document.getElementsByClassName("is-user-logged-in");
if(loginStatus.length) {
  label.innerHTML = "Go to My Courses";
  button.href= "https://sa.communitybiblestudy.org/my-courses";
  button.style = "display: inline";
}
else {
  label.innerHTML = "Create an Account"; 
  button.href = "https://sa.communitybiblestudy.org/registration";
  button.style = "display: inline";
  emailReminder.style = "display: inline";
}
}
</script>
<!-- Code for Psalms Homepages -->
<script>
if(document.title === 'Gateway to the Psalms' || document.title === 'Defining a Faithful Life' || document.title === 'Confidence in God' || document.title === 'The Steadfast Love of the Lord' || document.title === 'The Lord Reigns') {
  let courseCard = document.getElementsByClassName("course-home__card");
  let courseHomeMain = document.getElementsByClassName("course-home__main");
  let description = document.getElementsByClassName("course-home__description");
 <!-- Remove enroll buttons from course structure -->
  let courseEnrollPill = document.getElementsByClassName("pill");
  let courseStructureWelcome = document.getElementsByClassName("course-structure__slide--hover");  
   if([courseEnrollPill, courseStructureWelcome].every(array => array.length > 0)) {
     courseEnrollPill[0].style.display = 'none';
     courseStructureWelcome[0].style.display = 'none';
}
<!-- Add text underneath course card -->
if(window.location.href.indexOf("course/") > -1 ){
  let teaser = document.getElementsByClassName('teaser__main-container');
  console.log(teaser);
  let buttonTemplate = document.createElement('template');
  buttonTemplate.innerHTML =  `
    <div class="color--gray-mid ui-small" style="margin-top: 10px">
 <span>If you've ever felt overwhelmed or even just worn out by life, you're not alone! The book of Psalms reveals how God has brought peace to people throughout history, people experiencing the same troubles you may be today. </span>
</div>
`;
  console.log("This is a course homepage")
  let button = document.getElementsByClassName("p-stack--small");
  teaser[0].appendChild(buttonTemplate.content.cloneNode(true));
} else {
  console.log("This is not a course homepage")
}
}
</script>
			
	<script>
		var refTagger = {
			settings: {
			bibleVersion: "ESV",			
			customStyle : {
				heading: {
					backgroundColor : "#26245d",
					color : "#e3e3e3"
				},
				body   : {
					color : "#181c1c"
				}
			}
		}
		}; 

		(function(d, t) {
			var n=d.querySelector('[nonce]');
			refTagger.settings.nonce = n && (n.nonce||n.getAttribute('nonce'));
			var g = d.createElement(t), s = d.getElementsByTagName(t)[0];
			g.src = 'https://api.reftagger.com/v2/RefTagger.js';
			g.nonce = refTagger.settings.nonce;
			s.parentNode.insertBefore(g, s);
		}(document, 'script'));
	</script>
  
  

  </body>
</html>
