#WaktunyaKamuJuara
Menangkan total hadiah Rp 1,5 miliar ++ serta jalan-jalan ke kampus ternama di USA bareng Founder dan Brand Ambassador Ruangguru!
Selengkapnya
Pilih kompetisi yang ingin kamu ikuti
Yuk, vote jagoanmu di Liga Ruangguru
-
Klik
DAFTAR
untuk melakukan pendaftaran
-
Jika sudah mendaftar, klik tombol
MULAI
- Info selanjutnya akan dikirim melalui email atau telegram setelah mendaftar
-
Kompetisi akan dimulai
- Konferensi akan dimulai pada 29 Januari 2022
<!doctype html>
<html>
<head>
<meta charset="utf-8" />
<meta name="author" content="Ruangguru Tech Team" />
<meta name="publisher" content="PT Ruang Raya Indonesia" />
<meta name="description" content="" />
<meta name="generator" content="HubSpot" />
<title>Liga Ruangguru - Webview Home</title>
<link rel="shortcut icon" href="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/favicon-rg-15.ico" />
<title>Liga Ruangguru - Webview Home</title>
<meta property="og:description" content="" />
<meta property="og:title" content="Liga Ruangguru - Webview Home" />
<meta name="twitter:description" content="" />
<meta name="twitter:title" content="Liga Ruangguru - Webview Home" />
<style>
a.cta_button {
-moz-box-sizing: content-box !important;
-webkit-box-sizing: content-box !important;
box-sizing: content-box !important;
vertical-align: middle;
}
.hs-breadcrumb-menu {
list-style-type: none;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
.hs-breadcrumb-menu-item {
float: left;
padding: 10px 0px 10px 10px;
}
.hs-breadcrumb-menu-divider:before {
content: '›';
padding-left: 10px;
}
.hs-featured-image-link {
border: 0;
}
.hs-featured-image {
float: right;
margin: 0 0 20px 20px;
max-width: 50%;
}
@media (max-width: 568px) {
.hs-featured-image {
float: none;
margin: 0;
width: 100%;
max-width: 100%;
}
}
.hs-screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
overflow: hidden;
position: absolute !important;
width: 1px;
}
</style>
<link
rel="stylesheet"
href="https://cdn-web-2.ruangguru.com/landing-page-web/public/staticpages/liga.ruangguru.com/hs-fs/hub/2828691/hub_generated/template_assets/32781682988/1666344401391/A_Ruangguru_Projects/1_SOP_Landing_Page/SOP_Style_Ruangguru.min.css"
/>
<link
rel="stylesheet"
href="https://cdn-web-2.ruangguru.com/landing-page-web/public/staticpages/liga.ruangguru.com/hs-fs/hub/2828691/hub_generated/template_assets/57592370436/1643862010532/A_Ruangguru_Projects/0_ME_Project/Ruangguru/Webview_Liga_Ruangguru/Style_Liga_Ruangguru_Webview.min.css"
/>
<link rel="canonical" href="https://www.ruangguru.com/event/liga/webview/home" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<!-- Google Tag Manager -->
<script>
(function (w, d, s, l, i) {
w[l] = w[l] || [];
w[l].push({ 'gtm.start': new Date().getTime(), event: 'gtm.js' });
var f = d.getElementsByTagName(s)[0],
j = d.createElement(s),
dl = l != 'dataLayer' ? '&l=' + l : '';
j.async = true;
j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl;
f.parentNode.insertBefore(j, f);
})(window, document, 'script', 'dataLayer', 'GTM-PSPLP84');
</script>
<!-- End Google Tag Manager -->
<meta name="publisher" content="PT Ruang Raya Indonesia" />
<meta name="google-site-verification" content="VJAn1g6wmtTZPpTXh-B4xoSFEkUi5jcV74xQSr6jnOM" />
<style>
.row-fluid [class*='span'] {
min-height: 0 !important;
}
.bantuan {
position: fixed;
bottom: 2rem;
right: 2rem;
z-index: 999;
display: flex;
align-items: flex-end;
justify-content: flex-end;
cursor: pointer;
transition: all 0.6s ease;
}
@media (min-width: 768px) {
.bantuan img {
width: auto;
height: 129px;
transition: all 0.4s ease;
}
.clicked {
bottom: 0.25rem;
}
.clicked img {
width: auto;
height: 64px;
}
}
@media (max-width: 767px) {
.bantuan {
bottom: 2rem;
align-items: center;
}
.bantuan img {
width: auto;
height: 64px;
}
}
</style>
<meta property="og:image" content="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20New%20Icon/rg.png#keepProtocol" />
<meta property="og:image:width" content="600" />
<meta property="og:image:height" content="350" />
<meta name="twitter:image" content="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20New%20Icon/rg.png#keepProtocol" />
<meta property="og:url" content="https://www.ruangguru.com/event/liga/webview/home" />
<meta name="twitter:card" content="summary_large_image" />
<meta http-equiv="content-language" content="en" />
<meta name="robots" content="noindex, follow" />
</head>
<body>
<div class="liga">
<div class="liga-webview normalize-css">
<div class="hero">
<div class="page-center">
<div class="hero-content">
<div class="hero-content_text">
<div class="hero-content_text--title">
<h1 class="font-hero-title">#WaktunyaKamuJuara</h1>
</div>
<div class="hero-content_text--desc">
<p class="font-hero-desc">Menangkan total hadiah Rp 1,5 miliar ++ serta jalan-jalan ke kampus ternama di USA bareng Founder dan Brand Ambassador Ruangguru!</p>
<a class="readmore" href="https://www.ruangguru.com/event/liga/">Selengkapnya</a>
</div>
</div>
</div>
<div class="button-back">
<a id="back">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Gamification/ic-back.svg" alt="Icon Back" />
</a>
</div>
</div>
</div>
<div class="peringkat">
<div class="page-center">
<div class="peringkat-content">
<a href="https://www.ruangguru.com/event/liga/webview/leaderboard">
<div class="peringkat-box">
<div class="peringkat-box_left">
<div class="peringkat-box_left--img">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20Liga%20Ruangguru/Homepage/ic-rank.svg" alt="Icon Ranking" />
</div>
<div class="peringkat-box_left--text">
<p class="font-peringkat">Lihat Peringkat Sekolahmu</p>
</div>
</div>
<div class="peringkat-box_right">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20Liga%20Ruangguru/Homepage/ic-arrow.svg" alt="" />
</div>
</div>
</a>
</div>
</div>
</div>
<div class="event">
<div class="page-center">
<div class="event-title">
<p class="font-event-title">Pilih kompetisi yang ingin kamu ikuti</p>
</div>
<div class="event-champion">
<div class="event-card" id="rg-champion">
<button class="daftar-sekarang-liga" id="btn-champion">Daftar</button>
</div>
</div>
<div class="event-content">
<div class="event-card" id="arena">
<!-- <p class="font-event">Ruangguru Arena</p> -->
<button class="daftar-sekarang-liga">Daftar</button>
</div>
<div class="event-card" id="ea-champion">
<!-- <p class="font-event">English Academy Champion</p> -->
<button class="daftar-sekarang-liga">Daftar</button>
</div>
<div class="event-card" id="social">
<!-- <p class="font-event">Ruangguru School Ambassador</p> -->
<button class="daftar-sekarang-liga">Daftar</button>
</div>
<div class="event-card" id="design">
<!-- <p class="font-event">Ruangguru Seni</p> -->
<button class="daftar-sekarang-liga">Daftar</button>
</div>
<div class="event-card" id="tryout">
<!-- <p class="font-event">Tryout Akbar UTBK</p> -->
<button class="daftar-sekarang-liga">Daftar</button>
</div>
<div class="event-card" id="mabar">
<!-- <p class="font-event">Ruangguru Mobile Gaming</p> -->
<button class="daftar-sekarang-liga">Daftar</button>
</div>
<div class="event-card" id="robocup">
<!-- <p class="font-event">Ruangguru Champion</p> -->
<button class="daftar-sekarang-liga">Daftar</button>
</div>
<div class="event-card" id="conference">
<!-- <p class="font-event">Tryout Akbar UTBK</p> -->
<button class="daftar-sekarang-liga">Daftar</button>
</div>
</div>
<div class="event-title">
<p class="font-event-title">Yuk, vote jagoanmu di Liga Ruangguru</p>
</div>
<div>
<a href="https://ruangguru.onelink.me/blPk/41815c5a">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Liga%20Ruangguru/asset%20image/Banner-liga-rg.png" alt="banner liga ruangguru" />
</a>
<!-- <img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20Liga%20Ruangguru/Final/Webview/banner-coming-soon-3.png" alt=""> -->
</div>
</div>
</div>
<div id="modalOverlay" class="display_none">
<div class="modalPopup">
<div class="modalContent">
<div>
<div class="content-slick">
<div class="slick-testi">
<div class="popup normalize-css">
<div class="button-mulai">
<button id="button">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20Liga%20Ruangguru/Homepage/ic-close.svg" alt="" />
</button>
</div>
<div class="popup-content">
<div class="popup-content_img">
<img class="popup-img" id="popup-arena" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20Liga%20Ruangguru/Logo/1_logo_arena.png" alt="Logo Arena" />
<img
class="popup-img"
id="popup-rg-champion"
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20Liga%20Ruangguru/Logo/1_logo_rg_champion.png"
alt="Logo Arena"
/>
<img
class="popup-img"
id="popup-ea-champion"
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20Liga%20Ruangguru/Logo/1_logo_ea_champion.png"
alt="Logo Arena"
/>
<img class="popup-img" id="popup-social" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20Liga%20Ruangguru/Final/Webview/logo-social.png" alt="Logo Arena" />
<!-- <img class="popup-img" id="popup-tryout" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20Liga%20Ruangguru/Logo/1_logo_tryout.png" alt="Logo Arena"> -->
<img
class="popup-img"
id="popup-tryout"
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Liga%20Ruangguru/asset%20image/bg-popup-webview-tryout.jpg"
alt="Logo Arena"
/>
<img class="popup-img" id="popup-gaming" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20Liga%20Ruangguru/Logo/1_logo_gaming.png" alt="Logo Arena" />
<img class="popup-img" id="popup-seni" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20Liga%20Ruangguru/Logo/logo_ruang_seni.png" alt="Logo Arena" />
<img
class="popup-img"
id="popup-conference"
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20Liga%20Ruangguru/Final/Banner/logo-biru-youth.png"
alt="Logo Arena"
/>
<img class="popup-img" id="popup-robocup" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20Liga%20Ruangguru/Webview/logo-robocup.png" alt="Logo Arena" />
</div>
<div class="popup-content_text">
<ul>
<li class="list-top">
Klik
<b>DAFTAR</b>
untuk melakukan pendaftaran
</li>
<li class="list-top">
Jika sudah mendaftar, klik tombol
<b>MULAI</b>
</li>
<li class="list-top">Info selanjutnya akan dikirim melalui email atau telegram setelah mendaftar</li>
<li class="forall">
Kompetisi akan dimulai
<span id="steptext"></span>
</li>
<li class="display_none" id="forconference">Konferensi akan dimulai pada 29 Januari 2022</li>
</ul>
</div>
<div class="popup-content_info">
<a class="info-link" id="infolink" href="#">
<div class="popup-info">
<div class="popup-info_desc">
<div class="popup-info_img">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20Liga%20Ruangguru/Webview/icw_note.svg" alt="" />
</div>
<div class="popup-info_text">
<p class="font-popup-info">Info selengkapnya mengenai kompetisi</p>
</div>
</div>
<div class="popup-info_arrow">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20Liga%20Ruangguru/Webview/ic-arrow-right.svg" alt="" />
</div>
</div>
</a>
</div>
<div class="popup-content_cta">
<div class="cta-daftar" id="ctadaftar">
<a href="" id="hrefdaftar" target="_top">
<button>Daftar</button>
</a>
</div>
<div id="cta-daftar-soon" class="cta-mulai display_none">
<button disabled>Daftar (Coming Soon)</button>
</div>
<div id="cta-daftar-selesai" class="cta-mulai display_none">
<button disabled>Daftar</button>
</div>
<div id="cta-mulai-soon" class="cta-mulai display_none">
<button disabled>Mulai (Coming Soon)</button>
</div>
<div class="cta-mulai" id="ctamulai">
<a id="hrefmulai" target="_blank">
<button>Mulai</button>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<script src="https://cdn-web-2.ruangguru.com/landing-page-web/public/staticpages/liga.ruangguru.com/hs/hsstatic/jquery-libs/static-1.4/jquery/jquery-1.11.2.js"></script>
<script src="https://cdn-web-2.ruangguru.com/landing-page-web/public/staticpages/liga.ruangguru.com/hs/hsstatic/jquery-libs/static-1.4/jquery-migrate/jquery-migrate-1.2.1.js"></script>
<script>
hsjQuery = window['jQuery'];
</script>
<!-- HubSpot performance collection script -->
<script defer src="https://static.hsappstatic.net/content-cwv-embed/static-1.194/embed.js"></script>
<!-- Start of HubSpot Analytics Code -->
<script type="text/javascript">
var _hsq = _hsq || [];
_hsq.push(['setContentType', 'landing-page']);
_hsq.push(['setCanonicalUrl', 'https:\/\/liga.ruangguru.com\/webview\/home']);
_hsq.push(['setPageId', '57859846437']);
_hsq.push([
'setContentMetadata',
{
contentPageId: 57859846437,
legacyPageId: '57859846437',
contentFolderId: null,
contentGroupId: null,
abTestId: null,
languageVariantId: 57859846437,
languageCode: 'en',
},
]);
</script>
<script type="text/javascript">
var hsVars = {
render_id: 'a7aa9c2c-d8d1-4171-b9c7-12628a9d637a',
ticks: 1684030139245,
page_id: 57859846437,
content_group_id: 0,
portal_id: 2828691,
app_hs_base_url: 'https://app.hubspot.com',
cp_hs_base_url: 'https://cp.hubspot.com',
language: 'en',
analytics_page_type: 'landing-page',
analytics_page_id: '57859846437',
category_id: 1,
folder_id: 0,
is_hubspot_user: false,
};
</script>
<!-- Load CSS for all versions -->
<script>
// CSS loading function available for all versions
function loadFloatingCSS() {
// Check if CSS is already loaded
if (document.getElementById('fb-component-css')) {
return;
}
// Create and append CSS style block to head
const style = document.createElement('style');
style.id = 'fb-component-css';
style.textContent = `
.bantuan-container {
position: relative;
}
.bantuan-element {
position: fixed;
z-index: 999;
display: flex;
align-items: flex-end;
justify-content: flex-end;
cursor: pointer;
transition: all 0.6s ease;
}
.bantuan-top {
bottom: 11rem;
right: 2rem;
}
.bantuan-bottom {
bottom: 2rem;
right: 2rem;
}
.bantuan-top-2 {
bottom: 15rem;
right: 2rem;
}
.bantuan-top-3 {
bottom: 19rem;
right: 2rem;
}
.bantuan-bottom-2 {
bottom: 5rem;
right: 2rem;
}
.bantuan-bottom-3 {
bottom: 8rem;
right: 2rem;
}
@media (min-width: 768px) {
.bantuan-element img {
width: auto;
transition: all 0.4s ease;
}
.bantuan-top img {
width: 140px;
}
.bantuan-bottom img {
width: 140px;
}
.bantuan-top-2 img,
.bantuan-top-3 img {
width: 140px;
}
.bantuan-bottom-2 img,
.bantuan-bottom-3 img {
width: 140px;
}
.bantuan-element.clicked {
bottom: 9rem;
right: 2.5rem;
}
.bantuan-element.clicked img {
width: auto;
height: 64px;
}
}
@media (max-width: 767px) {
.bantuan-top {
bottom: 8rem;
right: 1rem;
align-items: center;
}
.bantuan-bottom {
bottom: 2rem;
right: 1.25rem;
align-items: center;
}
.bantuan-top-2 {
bottom: 12rem;
right: 1rem;
align-items: center;
}
.bantuan-top-3 {
bottom: 16rem;
right: 1rem;
align-items: center;
}
.bantuan-bottom-2 {
bottom: 5rem;
right: 1.25rem;
align-items: center;
}
.bantuan-bottom-3 {
bottom: 8rem;
right: 1.25rem;
align-items: center;
}
.bantuan-element img {
width: auto;
}
.bantuan-top img,
.bantuan-top-2 img,
.bantuan-top-3 img {
width: 96px;
}
.bantuan-bottom img,
.bantuan-bottom-2 img,
.bantuan-bottom-3 img {
width: 96px;
}
}
.bantuan-element:hover {
transform: scale(1.05);
}
.bantuan-element img {
max-width: 100%;
height: auto;
}
`;
document.head.appendChild(style);
}
// Load CSS immediately
loadFloatingCSS();
</script>
<div id="bantuan-divs-container" style="position: relative" data-product="ruangguru" data-table=""></div>
<script>
class FloatingDivsComponent {
constructor(product = 'ruangguru', table = 'rg_floating_icon') {
this.container = document.getElementById('bantuan-divs-container');
this.floatingElements = [];
this.product = product;
this.table = table;
// Configuration
this.config = {
baseApiUrl: 'https://gw.ruangguru.com/api/v3/rdb/p_ddgy8hjx5dxsqx/rg_banner/views/',
apiKey: 'vLyK3dJrDBRmOwueX2OJXibMkgsUbBk0WS4ua2p1',
maxElements: 2,
zIndexBase: 100,
};
// Build dynamic API URL based on table parameter
this.config.apiUrl = this.buildApiUrl();
this.init();
}
buildApiUrl() {
const baseUrl = this.config.baseApiUrl;
const tableName = this.table || 'rg_floating_icon';
const queryParams =
'offset=0&limit=99999&sort=rankPosition&where=(type,eq,floating)~and(showIn,anyof,landingPage)~and(hide,is,false)~and(product,eq,' +
this.product +
')&nested%5Bcta%5D%5Bfields%5D=Id,name,ctaId,imageUrl,ctaLink,targetUrl';
return `${baseUrl}${tableName}?${queryParams}`;
}
async init() {
try {
await this.fetchFloatingElements();
this.renderFloatingElements();
} catch (error) {
console.error('Failed to initialize floating divs component:', error);
}
}
async fetchFloatingElements() {
try {
const options = {
method: 'GET',
headers: {
'xc-token': this.config.apiKey || 'vLyK3dJrDBRmOwueX2OJXibMkgsUbBk0WS4ua2p1',
},
};
const urlNoco = this.config.apiUrl;
const response = await fetch(urlNoco, options);
if (!response.ok) {
throw new Error(`HTTP error! status: ${response.status}`);
}
const data = await response.json();
this.floatingElements = this.processApiResponse(data);
} catch (error) {
console.error('Error fetching floating elements:', error);
throw error;
}
}
processApiResponse(data) {
if (!data || !data.list || !Array.isArray(data.list)) {
return [];
}
console.log(data.list);
// Ensure we only get maximum 2 elements
const limitedElements = data.list.slice(0, this.config.maxElements);
return limitedElements;
}
renderFloatingElements() {
if (!this.container || this.floatingElements.length === 0) {
return;
}
// Additional safeguard: ensure we never render more than maxElements
const elementsToRender = this.floatingElements.slice(0, this.config.maxElements);
// Clean up existing elements and their event listeners
this.cleanupExistingElements();
// Clear existing content
this.container.innerHTML = '';
elementsToRender.forEach((element, index) => {
const floatingDiv = this.createFloatingDiv(element, index);
this.container.appendChild(floatingDiv);
});
}
cleanupExistingElements() {
// Clear existing elements (no need for event listener cleanup with CSS approach)
const existingElements = this.container.querySelectorAll('[data-floating-element]');
existingElements.forEach(element => {
element.remove();
});
}
createFloatingDiv(element, index) {
const div = document.createElement('div');
const cta = element.cta[0]; // Use the first CTA
// Add data attribute for cleanup tracking
div.setAttribute('data-floating-element', 'true');
// Apply CSS classes based on rankPosition
const positionClass = this.getPositionClass(element.rankPosition, index);
div.className = `bantuan-element ${positionClass}`;
div.style.zIndex = this.config.zIndexBase + index;
// Create the link and image
const link = document.createElement('a');
link.href = 'https://cta.ruangguru.com/' + cta.ctaId || '#';
link.target = '_blank';
// Add tracking attributes
link.setAttribute('data-tracking-event-type', 'landing_page__core__item_click');
link.setAttribute(
'data-tracking-context',
JSON.stringify({
product_name: this.product,
cta_action: 'redirection',
cta_action_detail: link.href,
item_type: 'floating',
item_name: element.name || 'Floating element',
item_category: 'payment',
item_position: index,
item_serial: null,
section_type: 'floating_item',
section_position: 'body',
section_name: 'floating_item',
})
);
const img = document.createElement('img');
img.src = element.imageUrl + '?h=200&convert=webp';
img.alt = element.name || 'Floating element';
img.loading = 'lazy';
// Add click tracking
link.addEventListener('click', () => {
this.trackClick(element, cta);
});
link.appendChild(img);
div.appendChild(link);
return div;
}
getPositionClass(rankPosition, index) {
// Define positioning classes based on rankPosition
if (rankPosition === 1) {
return 'bantuan-top'; // Top position
} else if (rankPosition === 2) {
return 'bantuan-bottom'; // Bottom position
} else {
// For additional elements, distribute them evenly
return `bantuan-${index % 2 === 0 ? 'top' : 'bottom'}-${Math.floor(index / 2) + 1}`;
}
}
trackClick(element, cta) {
// Implement click tracking logic here
console.log('Floating element clicked:', {
elementId: element.Id,
elementName: cta.name,
ctaId: cta.ctaId,
targetUrl: cta.targetUrl,
});
}
// Public method to manually refresh
async refresh() {
try {
await this.fetchFloatingElements();
this.renderFloatingElements();
} catch (error) {
console.error('Failed to refresh floating elements:', error);
throw error;
}
}
// Public method to get current floating elements
getFloatingElements() {
return [...this.floatingElements];
}
}
// Initialize the component when DOM is ready
document.addEventListener('DOMContentLoaded', () => {
// Get product and table parameters from data attributes
const container = document.getElementById('bantuan-divs-container');
const product = container.getAttribute('data-product') || 'ruangguru';
const table = container.getAttribute('data-table') || 'rg_floating_icon';
new FloatingDivsComponent(product, table);
});
// Export for use in other modules if needed
if (typeof module !== 'undefined' && module.exports) {
module.exports = FloatingDivsComponent;
}
</script>
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-PSPLP84" height="0" width="0" style="display: none; visibility: hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<script type="text/javascript">
$('meta[name=author]').remove();
$('head').append('<meta name="author" content="Ruangguru Tech Team">');
var mylang = 'id';
document.getElementsByTagName('html')[0].setAttribute('lang', mylang);
</script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script>
function getOS() {
var userAgent = window.navigator.userAgent,
platform = window.navigator.platform,
macosPlatforms = ['Macintosh', 'MacIntel', 'MacPPC', 'Mac68K'],
windowsPlatforms = ['Win32', 'Win64', 'Windows', 'WinCE'],
iosPlatforms = ['iPhone', 'iPad', 'iPod'],
os = null;
if (macosPlatforms.indexOf(platform) !== -1) {
os = 'Mac OS';
} else if (iosPlatforms.indexOf(platform) !== -1) {
os = 'iOS';
} else if (windowsPlatforms.indexOf(platform) !== -1) {
os = 'Windows';
} else if (/Android/.test(userAgent)) {
os = 'Android';
} else if (!os && /Linux/.test(platform)) {
os = 'Linux';
}
return os;
}
var x = getOS();
console.log(x);
</script>
<script>
$('a#back').click(function () {
window.history.back();
});
$('#button').click(function () {
$('.popup-img').css('display', 'none');
$('#modalOverlay').addClass('display_none');
$('#cta-mulai-soon').addClass('display_none');
$('#cta-daftar-soon').addClass('display_none');
$('#cta-daftar-selesai').addClass('display_none');
$('#ctamulai').removeClass('display_none');
$('#ctadaftar').removeClass('display_none');
$('.list-top').removeClass('display_none');
$('#ctamulai').removeClass('cta-mulai-robocup');
$('.forall').removeClass('display_none');
$('#forconference').addClass('display_none');
});
//ARENA
$('#arena').click(function () {
$('#popup-arena').css('display', 'block');
$('#hrefdaftar').attr('href', 'https://ruangguru.onelink.me/blPk/rgarena');
$('#hrefmulai').attr('href', 'ruangguru://daily-challenge');
// $('#cta-mulai-soon').removeClass('display_none');
// $('#ctamulai').addClass('display_none');
$('#steptext').text('pada 1 November 2021');
$('#infolink').attr('href', 'https://www.ruangguru.com/event/liga/arena');
$('#modalOverlay').removeClass('display_none');
});
//RG CHAMPION
$('#rg-champion').click(function () {
$('#popup-rg-champion').css('display', 'block');
// $('#hrefdaftar').attr("href","https://ruangguru.onelink.me/blPk/rgchampion");
// $('#hrefmulai').attr("href","https://t.me/joinchat/IN1Qc__LaedhZDQ1");
// $('#mulai').text('Mulai (25 Oktober)');
$('#cta-mulai-soon').removeClass('display_none');
$('#cta-daftar-selesai').removeClass('display_none');
$('#ctadaftar').addClass('display_none');
$('#ctamulai').addClass('display_none');
$('#steptext').text('pada 13 November 2021');
$('#infolink').attr('href', 'https://www.ruangguru.com/event/liga/champion');
$('#modalOverlay').removeClass('display_none');
});
//EA CHAMPION
$('#ea-champion').click(function () {
$('#popup-ea-champion').css('display', 'block');
$('#hrefdaftar').attr('href', 'https://ruangguru.onelink.me/blPk/eachampion');
// $('#hrefmulai').attr("href","https://bit.ly/ligarg_eachampion");
// $('#mulai').text('Mulai (19 Oktober)');
$('#cta-mulai-soon').removeClass('display_none');
$('#ctamulai').addClass('display_none');
$('#steptext').text('pada 20 November 2021');
$('#infolink').attr('href', 'https://www.ruangguru.com/event/liga/english-academy-champion');
$('#modalOverlay').removeClass('display_none');
});
//SOCIAL
$('#social').click(function () {
$('#popup-social').css('display', 'block');
$('#hrefdaftar').attr('href', 'https://ruangguru.onelink.me/blPk/rgsocialchallenge');
$('#hrefmulai').attr('href', 'https://www.ruangguru.com/blog/ruangguru-social-challenge-2021');
// $('#mulai').text('Mulai (17 Oktober)');
// $('#cta-mulai-soon').removeClass('display_none');
// $('#ctamulai').addClass('display_none');
$('#steptext').text('pada 1 November 2021');
$('#infolink').attr('href', 'https://www.ruangguru.com/event/liga/social-challenge');
$('#modalOverlay').removeClass('display_none');
});
//TRYOUT
$('#tryout').click(function () {
$('#popup-tryout').css('display', 'block');
$('#hrefdaftar').attr('href', 'https://ruangguru.onelink.me/blPk/rgtoakbarutbk');
// $('#hrefmulai').attr("href","https://bit.ly/ligarg_utbk");
// $('#mulai').text('Mulai (25 Oktober)');
$('#cta-mulai-soon').removeClass('display_none');
$('#ctamulai').addClass('display_none');
$('#steptext').text('pada 19 & 20 Februari 2022');
$('#infolink').attr('href', 'https://www.ruangguru.com/event/liga/tryout-utbk');
$('#modalOverlay').removeClass('display_none');
});
//GAMING
$('#mabar').click(function () {
$('#popup-gaming').css('display', 'block');
// $('#hrefdaftar').attr("href","https://ruangguru.onelink.me/blPk/rgmobilegaming");
$('#cta-daftar-selesai').removeClass('display_none');
$('#ctadaftar').addClass('display_none');
// $('#hrefmulai').attr("href","https://bit.ly/ligarg_mobilegaming");
// $('#mulai').text('Mulai (19 November)');
$('#cta-mulai-soon').removeClass('display_none');
$('#ctamulai').addClass('display_none');
$('#steptext').text('pada 12 Desember 2021');
$('#infolink').attr('href', 'https://www.ruangguru.com/event/liga/mobile-gaming');
$('#modalOverlay').removeClass('display_none');
});
//SENI
$('#design').click(function () {
$('#popup-seni').css('display', 'block');
// $('#hrefdaftar').attr("href","https://ruangguru.onelink.me/blPk/ruangseni");
$('#hrefmulai').attr('href', 'https://www.ruangguru.com/blog/ruang-seni');
$('#cta-daftar-selesai').removeClass('display_none');
$('#ctadaftar').addClass('display_none');
// $('#cta-mulai-soon').removeClass('display_none');
// $('#ctamulai').addClass('display_none');
$('#steptext').text('pada 1 November 2021');
$('#infolink').attr('href', 'https://www.ruangguru.com/event/liga/ruang-seni');
$('#modalOverlay').removeClass('display_none');
// $('#mulai').text('Mulai (18 Oktober)');
});
//CONFERENCE
$('#conference').click(function () {
$('#popup-conference').css('display', 'block');
$('#hrefdaftar').attr(
'href',
'ruangguru://webview-multipurpose?needCredential=true&needLogin=true&needOtt=true&swipeRefresh=false&swipe_refresh=false&url=https://form.ruangguru.com/form?rewardFormSerial=LGRG49645'
);
// $('#hrefmulai').attr("href","https://ruangguru.com/promo");
$('#cta-mulai-soon').removeClass('display_none');
$('#forconference').removeClass('display_none');
$('.forall').addClass('display_none');
// $('#cta-daftar-soon').removeClass('display_none');
$('#ctamulai').addClass('display_none');
// $('#ctadaftar').addClass('display_none');
$('#steptext').text('pada 29 Januari 2022');
$('#infolink').attr('href', 'https://www.ruangguru.com/summit');
$('#modalOverlay').removeClass('display_none');
});
//ROBOCUP
$('#robocup').click(function () {
$('#popup-robocup').css('display', 'block');
// $('#hrefdaftar').attr("href","https://ruangguru.onelink.me/blPk/rgarena");
$('#ctadaftar').addClass('display_none');
$('#ctamulai').addClass('cta-mulai-robocup');
$('.list-top').addClass('display_none');
$('#hrefmulai').attr('href', 'ruangguru://roboguru');
// $('#cta-mulai-soon').removeClass('display_none');
// $('#ctamulai').addClass('display_none');
$('#steptext').text('pada 15 November 2021');
$('#infolink').attr('href', 'https://www.ruangguru.com/event/liga/robocup');
$('#modalOverlay').removeClass('display_none');
});
</script>
</body>
</html>