<!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', 'bmDnAWpzKYlQarmJ4Z78eX0Oj']);
        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>
.demo-popup {
position: fixed;
z-index: 1000;
display: flex;
align-items: center;
justify-content: center;
background-color: rgba(0,0,0,0.7);
}
</style>
            
    <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="Musiko">
<meta property="og:locale" content="en">
<meta property="og:image" content="https://eric.gele.io/media/cache/fixed_1200_630/afaa1ea8-0a10-4032-9082-bcd997dabf1f.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://eric.gele.io/media/cache/fixed_1200_630/afaa1ea8-0a10-4032-9082-bcd997dabf1f.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="Musiko">
<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="/resources/809ce9bc-6055-49e7-88f5-881e6872152a">
	<link rel="apple-touch-icon" href="/resources/809ce9bc-6055-49e7-88f5-881e6872152a">
<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=4.11.3.4">




  
  



      
   
        

  







  
  <style>

    
          
        
              
                    
          
  
        
  @font-face {
    font-family: Source Sans Pro;
    font-weight: 400;
    font-display: swap;
    src: url('/static/fonts/source-sans-pro/latin/source-sans-pro-regular.woff2') format('woff2');
  }

        
          
        
              
                    
          
  
        
  @font-face {
    font-family: Source Sans Pro;
    font-weight: 600;
    font-display: swap;
    src: url('/static/fonts/source-sans-pro/latin/source-sans-pro-semibold.woff2') format('woff2');
  }

        
          
        
              
                    
          
  
        
  @font-face {
    font-family: Source Sans Pro;
    font-weight: 700;
    font-display: swap;
    src: url('/static/fonts/source-sans-pro/latin/source-sans-pro-bold.woff2') format('woff2');
  }

        
      
    
          
        
              
                    
          
  
        
  @font-face {
    font-family: Source Serif Pro;
    font-weight: 400;
    font-display: swap;
    src: url('/static/fonts/source-serif-pro/latin/source-serif-pro-regular.woff2') format('woff2');
  }

        
      
    
  </style>




<style>
  :root {
          --font-family: Source Sans Pro, sans-serif;
        --font-weight-regular: 400;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
          --font-scale: 1;
              --font-headline-scale: 1;
                          --content-font-family: Source Serif Pro, 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-8K-G7nvj.css">
                
        <style>

    </style>

            
        
<style>

      .primary-bg {
      background-color: #009a71;
    }
    .primary-color, a {
      color: #009a71;
    }
    .overlay-bg {
      background-color: #494e8f;
    }
  
  :root {
          --color-primary: #009a71;
    
                
    --border-radius-big: 0.2rem;
    --border-radius: 0.2rem;
    --header-background-color: #ffffff;
    --header-link-color: black;
    --header-height-mobile-proportion: 1;
    --header-height-desktop-proportion: 1;
    --header-logo-height-proportion: 0.5;



    


  }
</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":"f581e4ea889288d53321c58baa864.XBFr3jUsXKgLUVbxXlc9JBKeOdyga6TZRrueB15kEuw.Pltdh0ZHFMJdfDWbKgB8QULUXIbuWfaYM-2qchAydZ4eXlqmY0YM8D0lbg","userLoggedIn":false,"pwaEnabled":false,"pushEnabled":false,"vapidPublicKey":"BHl0mYmeyHTuRlN2FFWI6yelUbl5ekouz0DlgdCwTF_C61Z4Y74U0Buc6pUg-G9ZBh_RYQ881nESLXQQXB9vxUI","cookieManagementEnabled":false,"headerHeightMobile":"1","headerHeightDesktop":"1","vendorScriptsPath":"\/generic\/assets\/js\/vendor","refTaggerEnabled":"false","privateNotesEnabled":true,"dateFormat":"d\/m\/Y","dateTimeFormat":"d\/m\/Y H:i","hourCycle":"24","zoomEnabled":0,"rtl":false,"release":"4.11.3.4","sentryEnvironment":"eric.gele.io","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 coach","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"}}
</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=4.11.3.4#[[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"><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=4.11.3.4"></script>
  <script src="/js/routing?callback=fos.Router.setData"></script>

  <script src="/generic/assets/js/vendor/vendor.min.js?v=4.11.3.4"></script>
  <script src="/generic/assets/js/scripts.min.js?v=4.11.3.4"></script>

  	
  

      <script crossorigin type="module" src="/build/assets/app-V5XmPeF9.js"></script>
    
  
  <input type="hidden" id="t" value="033a6b28a2d9.a0lVtuuXFtys6b0FDto_-0jhF7zDVKusfDKERe7QKcQ.CQNj75j8Xrb6xN5veo1-nhircuaNZvntCWSwMKCGTrYpBmTOvf1GhJqdhQ"/>

  	<script>
const demoPopupClosed = document.cookie.match(/^(.*;)?\s*demoPopupClosed\s*=\s*[^;]+(.*)?$/)

if(!demoPopupClosed) {

const popup_el = document.createElement('div');
popup_el.classList.add('demo-popup', 'u-fillout');
const popup_content = '<div class="container container--narrow"><div class="p-box p-box u-bg--white p-stack p-stack--medium p-stack--center-aligned text-center"><h2>Welcome to Gele Demo!</h2><p>This is a demo of the <a href="https://gele.io">Gele</a> platform set up in a context of a fake portal about music called "Musiko". Feel free to click around, register and test different features.</p><p><em>(Click anywhere to close this popup)</em></p></div></div>';
popup_el.innerHTML = popup_content;
document.body.appendChild(popup_el);

popup_el.addEventListener('click', () => {
  popup_el.remove();
  document.cookie = "demoPopupClosed=1;Secure;max-age=86400;path=/";
}, {once : true});


}
</script>
	  
  

  </body>
</html>
