</span>
<span class="hidden ml-4 select-none" :class="{ 'hidden': !isTick }">
<title>
</span>
</span>
</div>
</div> </button>
</td>
<td>
<div class="flex flex-col px-2 min-w-12 text-secondary max-w-[4.87rem]">
<div
class="
t_v
text-xs
pb-3
"
>
<span>54</span>
</div>
<div class="t_p ">
<div
class="t_p_a"
style="
--p_c: rgb(var(--color-yellow-default));
--p_w: 81.818181818182%;
"
>
</div>
</div>
</div>
</td>
<td class="table-td">
<div class="flex items-center justify-center flex-shrink-0 space-x-1">
<div class="relative">
<div
class="x-img game_pic--md "
data-tippy-content="MapleStory"
delay-after="100"
>
<div class="game_pic--md x-img-ph ">
<svg class="fill-current w-4 h-4 text-secondary text-opacity-30" width="16" height="16" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
<path d="M10 5V1.333H6V5l2 2 2-2zM5 6H1.333v4H5l2-2-2-2zm1 5v3.667h4V11L8 9l-2 2zm5-5L9 8l2 2h3.667V6H11z" />
</svg> </div>
<img
src="https://static-cdn.jtvnw.net/ttv-boxart/19976_IGDB-78x108.jpg"
alt="MapleStory"
loading="lazy"
decoding="async"
width="26"
height="36"
class=" relative game_pic--md "
onload="
this.closest('.x-img').classList.add('ld');
this?.classList && this.classList.remove('!hidden');
if (this.dataset.imgSrc && !this.dataset.loaded) {
this.dataset.loaded = true;
this.src = this.dataset.imgSrc;
}
"
onerror="this.classList.add('!hidden'); "
class="game_pic--md" src="https://static-cdn.jtvnw.net/ttv-boxart/19976_IGDB-78x108.jpg" alt="MapleStory" tooltip="MapleStory" width="26" height="36" lazy="true" placeholderIcon="games-fill"
>
</div>
</div>
</div>
</td>
<td>
<div class="w-[10.75rem] min-w-[10.5rem] px-1 xs-max:px-2">
<div class="relative" x-data="{
updateData(value){
const chartDataChangeEvent = new CustomEvent('chartDataChange', { detail: { activeData: value }
});
this.$refs.chart.dispatchEvent(chartDataChangeEvent);
}
}">
<div
class="mini-line-chart w-full h-10 t_chart chart-container"
style=""
x-ref="chart"
data-chart="[{"date":"2026-02-08 05:30:00","formatted_date":"Feb 08, 05:30","value":13,"formatted_value":"13"},{"date":"2026-02-08 06:00:00","formatted_date":"Feb 08, 06:00","value":34,"formatted_value":"34"},{"date":"2026-02-08 06:30:00","formatted_date":"Feb 08, 06:30","value":35,"formatted_value":"35"},{"date":"2026-02-08 07:00:00","formatted_date":"Feb 08, 07:00","value":45,"formatted_value":"45"},{"date":"2026-02-08 07:30:00","formatted_date":"Feb 08, 07:30","value":54,"formatted_value":"54"},{"date":"2026-02-08 08:00:00","formatted_date":"Feb 08, 08:00","value":63,"formatted_value":"63"},{"date":"2026-02-08 08:30:00","formatted_date":"Feb 08, 08:30","value":63,"formatted_value":"63"},{"date":"2026-02-08 09:00:00","formatted_date":"Feb 08, 09:00","value":60,"formatted_value":"60"},{"date":"2026-02-08 09:30:00","formatted_date":"Feb 08, 09:30","value":81,"formatted_value":"81"},{"date":"2026-02-08 10:00:00","formatted_date":"Feb 08, 10:00","value":76,"formatted_value":"76"},{"date":"2026-02-08 10:30:00","formatted_date":"Feb 08, 10:30","value":73,"formatted_value":"73"},{"date":"2026-02-08 11:00:00","formatted_date":"Feb 08, 11:00","value":86,"formatted_value":"86"},{"date":"2026-02-08 11:30:00","formatted_date":"Feb 08, 11:30","value":86,"formatted_value":"86"}]"
data-label=""
data-value_type=""
data-color="rgba(191, 191, 203, 0.5)"
data-hover_active="true"
data-active_color="rgba(72, 249, 85, 1)"
data-name=""
data-active_data=""
data-selector="mini-line-chart"
data-type="middle_line"
data-update_event=""
data-has_date_picker_wrap="false"
></div>
</div>
</div>
</td>
<td>
<div class="pl-1 pr-3">
<a
href="https://streamscharts.com/channels/sermochi/streams/315310599786"
rel="nofollow"
class="w-8 h-8 rounded-md btn hover:bg-gray-dark"
>
<svg
class="w-4 h-4 fill-current flex-shrink-0 !text-secondary"
title="arrow-right"
name="arrow-right" class="!text-secondary"
>
<use class="fill-current" href="/sprite.svg?id=c1059218424a91c1d0f9f88aea83fe24#icon-arrow-right" />
</svg> </a>
</div>
</td>
</tr>
<tr class="table-tr ">
<td class="flex items-center h-12 table-td table-td_link-hover">
<button
type="button"
data-custom-href="https://streamscharts.com/channels/sermochi/streams/315265226985"
class="w-full pl-4 table-td-content table-td-text"
>
<div
class="x-img mx-auto video_pic--md "
>
<div class="mx-auto video_pic--md x-img-ph ">
<svg class="fill-current w-4 h-4 text-secondary text-opacity-30" width="16" height="16" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
<path fill-rule="evenodd"
d="M1.333 8a6.667 6.667 0 1 0 13.334 0A6.667 6.667 0 0 0 1.334 8zm5.333-3.28a.36.36 0 0 1 .181.06l4.384 2.92a.36.36 0 0 1 0 .6l-4.384 2.92a.36.36 0 0 1-.558-.297V5.077a.36.36 0 0 1 .377-.358z"
clip-rule="evenodd" />
</svg> </div>
<img
src="https://cdn.escharts.com/sc/48736987/streams/315265226985/last_80x45.jpg"
alt="🎉 GMS lv 290 kain celebration 🎉"
loading="lazy"
decoding="async"
width="60"
height="36"
class=" relative mx-auto video_pic--md "
onload="
this.closest('.x-img').classList.add('ld');
this?.classList && this.classList.remove('!hidden');
if (this.dataset.imgSrc && !this.dataset.loaded) {
this.dataset.loaded = true;
this.src = this.dataset.imgSrc;
}
"
onerror="this.classList.add('!hidden'); "
class="mx-auto video_pic--md" src="https://cdn.escharts.com/sc/48736987/streams/315265226985/last_80x45.jpg" alt="🎉 GMS lv 290 kain celebration 🎉" width="60" height="36" lazy="true" placeholderIcon="streams-fill"
>
</div>
</button>
</td>
<td class="table-td table-td_link-hover">
<button
type="button"
data-custom-href="https://streamscharts.com/channels/sermochi/streams/315265226985"
class="w-full h-12 flex flex-col justify-center !cursor-pointer "
>
<span class="flex items-center stream_name max-w-[13rem]">
<span class="h-5 mr-1 text-sm font-bold whitespace-nowrap" title="01 Feb, 04:10">
01 Feb, 04:10
</span>
<div class="inline-flex items-center h-4 px-1 font-bold rounded whitespace-nowrap text-secondary bg-gray-dark text-xxs">
4h 5m
</div>
</span>
<span class="block relative h-4 -mt-0.5">
<div x-data="{
show: false,
isTick: false,
setTick() {
const wrapperWidth = this.$refs.wrapper.offsetWidth;
if (wrapperWidth) {
this.$refs.wrapper.style.width = wrapperWidth + 'px';
} else {
this.$refs.wrapper.style.width = this.$el.clientWidth + 'px';
}
this.show = true;
setTimeout(()=>{
this.isTick = this.$refs.text.offsetWidth > wrapperWidth
}, 100);
}
}"
x-init="$nextTick(()=>{setTick()})"
x-on:settick.window="setTick()"
class="ticker-hover absolute w-full h-full text-xs text-opacity-75 text-secondary">
<div class="w-full ticker-wrapper" :class="{'ticker-shadow':isTick}" x-ref="wrapper">
<span x-ref="container" class="ticker-container ticker-container_mobile-scroll" :class="{'ticker-scroll':isTick}" :style="isTick?`animation-duration: ${$refs.container.offsetWidth * 15}ms`:``">
<span class="x-cloak-hidden" x-ref="text" x-show="show" x-cloak>🎉 GMS lv 290 kain celebration 🎉</span>
<span class="hidden ml-4 select-none" :class="{ 'hidden': !isTick }">
🎉 GMS lv 290 kain celebration 🎉
</span>
</span>
</div>
</div> </button>
</td>
<td>
<div class="flex flex-col px-2 min-w-12 text-secondary max-w-[4.87rem]">
<div
class="
t_v
text-xs
pb-3
"
>
<span>47</span>
</div>
<div class="t_p ">
<div
class="t_p_a"
style="
--p_c: rgb(var(--color-yellow-default));
--p_w: 71.212121212121%;
"
>
</div>
</div>
</div>
</td>
<td class="table-td">
<div class="flex items-center justify-center flex-shrink-0 space-x-1">
<div class="relative">
<div
class="x-img game_pic--md "
data-tippy-content="MapleStory"
delay-after="100"
>
<div class="game_pic--md x-img-ph ">
<svg class="fill-current w-4 h-4 text-secondary text-opacity-30" width="16" height="16" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
<path d="M10 5V1.333H6V5l2 2 2-2zM5 6H1.333v4H5l2-2-2-2zm1 5v3.667h4V11L8 9l-2 2zm5-5L9 8l2 2h3.667V6H11z" />
</svg> </div>
<img
src="https://static-cdn.jtvnw.net/ttv-boxart/19976_IGDB-78x108.jpg"
alt="MapleStory"
loading="lazy"
decoding="async"
width="26"
height="36"
class=" relative game_pic--md "
onload="
this.closest('.x-img').classList.add('ld');
this?.classList && this.classList.remove('!hidden');
if (this.dataset.imgSrc && !this.dataset.loaded) {
this.dataset.loaded = true;
this.src = this.dataset.imgSrc;
}
"
onerror="this.classList.add('!hidden'); "
class="game_pic--md" src="https://static-cdn.jtvnw.net/ttv-boxart/19976_IGDB-78x108.jpg" alt="MapleStory" tooltip="MapleStory" width="26" height="36" lazy="true" placeholderIcon="games-fill"
>
</div>
</div>
</div>
</td>
<td>
<div class="w-[10.75rem] min-w-[10.5rem] px-1 xs-max:px-2">
<div class="relative" x-data="{
updateData(value){
const chartDataChangeEvent = new CustomEvent('chartDataChange', { detail: { activeData: value }
});
this.$refs.chart.dispatchEvent(chartDataChangeEvent);
}
}">
<div
class="mini-line-chart w-full h-10 t_chart chart-container"
style=""
x-ref="chart"
data-chart="[{"date":"2026-02-01 04:00:00","formatted_date":"Feb 01, 04:00","value":18,"formatted_value":"18"},{"date":"2026-02-01 04:30:00","formatted_date":"Feb 01, 04:30","value":30,"formatted_value":"30"},{"date":"2026-02-01 05:00:00","formatted_date":"Feb 01, 05:00","value":54,"formatted_value":"54"},{"date":"2026-02-01 05:30:00","formatted_date":"Feb 01, 05:30","value":49,"formatted_value":"49"},{"date":"2026-02-01 06:00:00","formatted_date":"Feb 01, 06:00","value":56,"formatted_value":"56"},{"date":"2026-02-01 06:30:00","formatted_date":"Feb 01, 06:30","value":62,"formatted_value":"62"},{"date":"2026-02-01 07:00:00","formatted_date":"Feb 01, 07:00","value":63,"formatted_value":"63"},{"date":"2026-02-01 07:30:00","formatted_date":"Feb 01, 07:30","value":62,"formatted_value":"62"},{"date":"2026-02-01 08:00:00","formatted_date":"Feb 01, 08:00","value":57,"formatted_value":"57"}]"
data-label=""
data-value_type=""
data-color="rgba(191, 191, 203, 0.5)"
data-hover_active="true"
data-active_color="rgba(72, 249, 85, 1)"
data-name=""
data-active_data=""
data-selector="mini-line-chart"
data-type="middle_line"
data-update_event=""
data-has_date_picker_wrap="false"
></div>
</div>
</div>
</td>
<td>
<div class="pl-1 pr-3">
<a
href="https://streamscharts.com/channels/sermochi/streams/315265226985"
rel="nofollow"
class="w-8 h-8 rounded-md btn hover:bg-gray-dark"
>
<svg
class="w-4 h-4 fill-current flex-shrink-0 !text-secondary"
title="arrow-right"
name="arrow-right" class="!text-secondary"
>
<use class="fill-current" href="/sprite.svg?id=c1059218424a91c1d0f9f88aea83fe24#icon-arrow-right" />
</svg> </a>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</section>
</div>
<!-- Livewire Component wire-end:bxUkKxgFUNCTxAoWVYet --> </div>
<div id="mobile_banner_after" class="hidden"></div>
<div id="week_analysis">
<div wire:id="qaMap7W0eD4pOqx5M6gT" wire:initial-data="{"fingerprint":{"id":"qaMap7W0eD4pOqx5M6gT","name":"channel.week-analysis-block","locale":"en","path":"channels\/sermochi","method":"GET","v":"acj"},"effects":{"listeners":[]},"serverMemo":{"children":[],"errors":[],"htmlHash":"65aedd17","data":{"title":"Days of the week analysis","icon":"bar-chart-fill","view":"channel.week-analysis-block","info":"for the last 30 days","channel":{"platform_id":1,"channel_id":"48736987","channel_name":"sermochi","last_scanned_at":"2026-02-27 17:35:00","stream_language":"en","all_stream_languages":["en","0"]},"lazy":true,"link":{"text":"More stats","url":"https:\/\/streamscharts.com\/channels\/sermochi\/statistics"},"titleTag":"h2","titleTagClass":null,"titleExtraClass":null,"subtitle":null,"underTitle":null,"description":null,"select":null,"tip":null,"titleDate":null,"exportTitle":null,"headerClass":null,"headerLeftClass":null,"slotClass":null,"blockID":"69a51b217ce50","blockClass":null,"loadable":true,"noMargin":false,"noPadding":false,"className":"Channel\\WeekAnalysisBlock","actionViews":[],"selectedActions":null,"lazyLoad":true,"lazyLoaded":false,"readyToLoad":false,"lazyWait":false,"extendedDownload":false,"showData":true,"tabContributionValue":0,"viewMode":[],"hasBg":true,"expandable":false,"isNoHeader":false,"hasAccess":false},"dataMeta":[],"checksum":"1f93cab15502a8a3851ad09e6e0d4ade412a7c67e20ac83c4f2529dd2ac23a9a"}}"
class="w-full
mt-6 lazy-block
"
id="69a51b217ce50"
data-block_name="Channel\WeekAnalysisBlock"
data-lazy_inited="not-inited"
data-lazy_loaded="not-loaded"
>
<section
class="flex flex-col h-full download-block "
x-data="{
name: '',
title:'Days of the week analysis',
}"
x-ref="block"
>
<header class="download-block__slot-header ">
<div class="flex items-center !mb-0">
<div class="items-center inline-block sm-max:flex-col sm-max:items-start">
<div class="flex items-center sm-max:flex-wrap ">
<div
class="
relative w-8 h-8 mb-3 mr-3 download-block__button
"
>
<div class="download-block__icon ">
<svg width="16" height="16" class="fill-current download-block__icon-custom" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M2 8h2.667v6H2V8zm9.333-2.667H14V14h-2.667V5.333zm-4.666-4h2.666V14H6.667V1.333z"/></svg> <svg width="16" height="16" class="fill-current download-block__icon-download" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path d="M8.667 6.667H12l-4 4-4-4h3.333V2h1.334v4.667zm-6 6h10.666V8h1.334v5.333A.667.667 0 0 1 14 14H2a.666.666 0 0 1-.667-.667V8h1.334v4.667z"/></svg> </div>
<div class="download-block__button-text download-block__button">
<span class="px-3 text-sm font-bold w-max whitespace-nowrap text-default">
<button
x-on:click="window.location.href = '/login'"
class="btn link-primary ">
Login
</button>
to download as .PNG
</span>
</div>
</div>
<div class="flex items-center mb-3 min-h-8">
</div>
<div class="flex items-center mb-3 min-h-8">
<div
class="
font-bold left-full text-default mr-3
text-base
"
>
<h2 class
="">
Days of the week analysis
</h2>
</div>
<div class="download-block__slot-header-right">
</div>
</div>
<div class="flex items-center mb-3 min-h-8">
<div data-tippy-content="for the last 30 days" delay-after="800">
<svg
class="w-4 h-4 fill-current flex-shrink-0 text-secondary cursor-help"
title="information"
name="information" class="text-secondary cursor-help"
>
<use class="fill-current" href="/sprite.svg?id=c1059218424a91c1d0f9f88aea83fe24#icon-information" />
</svg> </div>
</div>
</div>
</div>
</div>
<div class="download-block__slot-header-right ">
<button
x-on:click="window.location.href = 'https://streamscharts.com/channels/sermochi/statistics'"
class="btn tertiary sm screen_hide">
More stats
<svg
class="w-4 h-4 fill-current flex-shrink-0 ml-3"
title="arrow-right"
name="arrow-right" class="ml-3"
>
<use class="fill-current" href="/sprite.svg?id=c1059218424a91c1d0f9f88aea83fe24#icon-arrow-right" />
</svg>
</button>
</div>
</header>
<div class="download-block-slot h-full " x-ref="content">
<div class="relative w-full h-full
rounded-lg bg-card p-6
opacity-75 pointer-events-none"
wire:loading.class="opacity-75 pointer-events-none show-loader"
>
<div class="grid grid-cols-3 -m-6 overflow-auto">
<div class="col-span-3 md:col-span-1 p-6 sm-max:border-b md:border-r border-gray-dark">
<div class="w-20 placeholder-sm mb-4"></div>
<img src="https://static.streamscharts.com/img/chart/175px-placeholder.png" height="168" width="159" style="height: 168px; width: auto;" decoding="async" alt="Chart-placeholder">
</div>
<div class="col-span-3 md:col-span-1 p-6 sm-max:border-b md:border-r border-gray-dark">
<div class="w-20 placeholder-sm mb-4"></div>
<img src="https://static.streamscharts.com/img/chart/175px-placeholder.png" height="168" width="159" style="height: 168px; width: auto;" decoding="async" alt="Chart-placeholder">
</div>
<div class="col-span-3 md:col-span-1 p-6 ">
<div class="w-20 placeholder-sm mb-4"></div>
<img src="https://static.streamscharts.com/img/chart/175px-placeholder.png" height="168" width="159" style="height: 168px; width: auto;" decoding="async" alt="Chart-placeholder">
</div>
<div class="absolute top-0 right-0 bottom-0 left-0 bg-block_gradient"></div>
<div class="bg-gray-dark rounded-md overflow-hidden flex items-stretch min-h-10 text-sm text-secondary absolute right-6 bottom-6 left-6">
<div class="flex items-center justify-center flex-shrink-0 w-10 border-r border-card text-secondary ">
<svg
class="w-4 h-4 fill-current flex-shrink-0 !text-inherit "
title="information"
name="information" class="!text-inherit"
>
<use class="fill-current" href="/sprite.svg?id=c1059218424a91c1d0f9f88aea83fe24#icon-information" />
</svg> </div>
<div class="flex items-center px-3 py-2 xs-max:py-1 sm-max:w-max ">
The streamer hasn't been active in the last 30 days.
</div>
</div>
<div
class="absolute hidden z-10 transform -translate-x-1/2 -translate-y-1/2 top-1/2 left-1/2"
wire:loading.class="!block"
wire:key="'sc-loader'.time()"
>
<img src="https://static.streamscharts.com/img/sc_loader.svg" alt="Loading" width="64" height="64">
</div>
</div>
</div>
</div>
</section>
</div>
<!-- Livewire Component wire-end:qOTObd99sQZnm72ldWgZ --> </div>
<div class="grid grid-cols-2 gap-x-6 sm-max:grid-cols-1">
<div id="subscribers_block">
<div wire:id="NOpwMtfEbj9TavuBeoM7" wire:initial-data="{"fingerprint":{"id":"NOpwMtfEbj9TavuBeoM7","name":"channel.subs.subs-stats-block","locale":"en","path":"channels\/sermochi","method":"GET","v":"acj"},"effects":{"listeners":[]},"serverMemo":{"children":[],"errors":[],"htmlHash":"80d147bc","data":{"icon":"subs-line","view":"channel.stats-block","channel":{"platform_id":1,"channel_id":"48736987","channel_name":"sermochi","channel_display_name":"sermochi","last_scanned_at":"2026-02-27 17:35:00","partner":1},"prepareData":null,"disabled":false,"lazy":true,"noChart":true,"size":"md","isNoHeader":false,"bottomLink":{"text":"More subs stats","url":"https:\/\/streamscharts.com\/channels\/sermochi\/subscribers"},"fullWidthTip":true,"notPartner":false,"notActiveLast30":false,"title":"Subscribers","titleTag":"h2","titleTagClass":null,"titleExtraClass":null,"subtitle":null,"underTitle":null,"description":null,"info":null,"select":null,"tip":null,"titleDate":null,"exportTitle":null,"headerClass":null,"headerLeftClass":null,"slotClass":null,"blockID":"69a51b21810fb","blockClass":null,"loadable":true,"noMargin":false,"noPadding":false,"className":"Channel\\Subs\\SubsStatsBlock","actionViews":[],"selectedActions":null,"lazyLoad":true,"lazyLoaded":false,"readyToLoad":false,"lazyWait":false,"extendedDownload":false,"showData":true,"tabContributionValue":0,"viewMode":[],"hasBg":true,"expandable":false,"hasAccess":false},"dataMeta":[],"checksum":"62b9528c99403878b6295f88cd81ada7446ef054e8fa80d4c1eda47496f38621"}}"
class="w-full
mt-6 lazy-block
"
id="69a51b21810fb"
data-block_name="Channel\Subs\SubsStatsBlock"
data-lazy_inited="not-inited"
data-lazy_loaded="not-loaded"
>
<section
class="flex flex-col h-full download-block "
x-data="{
name: 'sermochi',
title:'Subscribers',
}"
x-ref="block"
>
<header class="download-block__slot-header ">
<div class="flex items-center !mb-0">
<div class="items-center inline-block sm-max:flex-col sm-max:items-start">
<div class="flex items-center sm-max:flex-wrap ">
<div
class="
relative w-8 h-8 mb-3 mr-3 download-block__button
"
>
<div class="download-block__icon ">
<svg width="16" height="16" class="fill-current download-block__icon-custom" xmlns="http://www.w3.org/2000/svg" width="16" height="17" viewBox="0 0 16 17">
<path fill-rule="evenodd" clip-rule="evenodd" d="M16 8.20068C15.5866 9.26883 14.9971 10.2334 14.2138 11.0717C12.9841 12.3878 10.9938 13.7007 8 13.7007C5.00613 13.7007 3.01618 12.388 1.78652 11.0719C1.0032 10.2337 0.413391 9.26883 0 8.20068C0.389659 7.12807 1.01052 6.15987 1.78652 5.32949C3.01618 4.01337 5.00613 2.70068 8 2.70068C10.9939 2.70068 12.9838 4.01337 14.2135 5.32949C14.9895 6.15988 15.6103 7.12807 16 8.20068ZM2.73353 10.1751C1.99217 9.38151 1.57126 8.58158 1.39741 8.20068C1.73567 7.47746 2.18962 6.80849 2.73353 6.22625C3.66379 5.23064 5.10409 4.23225 7.25372 4.04186V5.2158H6.50733C6.01244 5.2158 5.53783 5.41239 5.18789 5.76233C4.83795 6.11227 4.64136 6.58688 4.64136 7.08177C4.64136 7.57666 4.83795 8.05127 5.18789 8.40121C5.53783 8.75115 6.01244 8.94774 6.50733 8.94774H9.49288C9.59186 8.94774 9.68678 8.98706 9.75677 9.05705C9.82676 9.12704 9.86608 9.22196 9.86608 9.32094C9.86608 9.41991 9.82676 9.51484 9.75677 9.58482C9.68678 9.65481 9.59186 9.69413 9.49288 9.69413H5.38775V11.1869H7.25372V12.3595C5.10395 12.1691 3.66383 11.1708 2.73353 10.1751ZM8.74649 12.3595V11.1869H9.49288C9.98777 11.1869 10.4624 10.9903 10.8123 10.6404C11.1623 10.2904 11.3589 9.81582 11.3589 9.32094C11.3589 8.82605 11.1623 8.35143 10.8123 8.0015C10.4624 7.65156 9.98777 7.45497 9.49288 7.45497H6.50733C6.40835 7.45497 6.31343 7.41565 6.24344 7.34566C6.17345 7.27567 6.13413 7.18075 6.13413 7.08177C6.13413 6.98279 6.17345 6.88787 6.24344 6.81788C6.31343 6.74789 6.40835 6.70858 6.50733 6.70858H10.6125V5.2158H8.74649V4.04188C10.896 4.23232 12.3362 5.23068 13.2665 6.22625C13.8104 6.8085 14.2643 7.47746 14.6026 8.20068C14.4287 8.58158 14.0081 9.38129 13.2668 10.1749C12.3365 11.1705 10.8961 12.169 8.74649 12.3595Z" />
</svg> <svg width="16" height="16" class="fill-current download-block__icon-download" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path d="M8.667 6.667H12l-4 4-4-4h3.333V2h1.334v4.667zm-6 6h10.666V8h1.334v5.333A.667.667 0 0 1 14 14H2a.666.666 0 0 1-.667-.667V8h1.334v4.667z"/></svg> </div>
<div class="download-block__button-text download-block__button">
<span class="px-3 text-sm font-bold w-max whitespace-nowrap text-default">
<button
x-on:click="window.location.href = '/login'"
class="btn link-primary ">
Login
</button>
to download as .PNG
</span>
</div>
</div>
<div class="flex items-center mb-3 min-h-8">
</div>
<div class="flex items-center mb-3 min-h-8">
<div
class="
font-bold left-full text-default mr-3
text-base
"
>
<h2 class
="">
Subscribers
</h2>
</div>
<div class="download-block__slot-header-right">
</div>
</div>
</div>
</div>
</div>
<div class="download-block__slot-header-right ">
</div>
</header>
<div class="download-block-slot h-full " x-ref="content">
<div class="relative w-full h-full
rounded-lg bg-card p-6
opacity-75 pointer-events-none"
wire:loading.class="opacity-75 pointer-events-none show-loader"
>
<div class="-m-6 overflow-hidden ">
<div class="stats-block-wrapper grid grid-cols-12"
x-data="{
hover: false,
showMore: true
}"
>
<div
class="relative col-span-12 md-max:col-span-12 sm-max:col-span-12 border-gray-dark border-r border-b"
x-on:mouseenter="hover = Boolean()"
x-on:mouseleave="hover = false"
data-value="0"
>
<div class="w-full overflow-hidden h-29"
:class="{
'xs-max:invisible xs-max:absolute' : (showMore && (0 > 3))
}"
>
<div
class="absolute top-0 left-0 z-10 flex flex-col w-full h-full pt-6 pl-6 "
:class="{ '' : hover }">
<div
class="
flex items-center transition duration-200 ease-in-out
mb-4
"
:class="{ '' : hover }">
<span class="text-yellow mr-2">
<svg
class="w-4 h-4 fill-current flex-shrink-0 !text-current"
title="subs-line"
name="subs-line" class="!text-current"
>
<use class="fill-current" href="/sprite.svg?id=c1059218424a91c1d0f9f88aea83fe24#icon-subs-line" />
</svg> </span>
<span class="text-xs text-secondary before-content">
Current active subscriptions
</span>
</div>
<div class="flex flex-wrap items-center transition duration-200 ease-in-out delay-100" :class="{ '' : hover }">
<div class="w-20 h-5 mr-3 rounded bg-gray-dark"></div>
<span class="flex items-center mb-1 text-xs text-secondary whitespace-nowrap w-full ">
<span
aria-label="-"
class="text-red mr-1 before-content text-xl opacity-75"
style="font-size: 16px;margin-top: -1px;"
data-before="↓"
>
</span>
<span
title="Growth of Current active subscriptions compared to same period before"
data-tippy-content="Growth of Current active subscriptions compared to same period before"
data-before=" - Change for the past 30 days"
class="before-content"
>
</span>
</span>
</div>
</div>
<div class="relative h-29 transition duration-300 ease-in-out filter grayscale opacity-20" :class="{ 'filter grayscale opacity-20': !hover }">
</div>
</div>
</div>
<div
class="relative col-span-12 md-max:col-span-12 sm-max:col-span-12 border-gray-dark border-r border-b"
x-on:mouseenter="hover = Boolean()"
x-on:mouseleave="hover = false"
data-value=""
>
<div class="w-full overflow-hidden h-29"
:class="{
'xs-max:invisible xs-max:absolute' : (showMore && (1 > 3))
}"
>
<div
class="absolute top-0 left-0 z-10 flex flex-col w-full h-full pt-6 pl-6 "
:class="{ '' : hover }">
<div
class="
flex items-center transition duration-200 ease-in-out
mb-4
"
:class="{ '' : hover }">
<span class="text-secondary mr-2">
<svg
class="w-4 h-4 fill-current flex-shrink-0 !text-current"
title="money-fill"
name="money-fill" class="!text-current"
>
<use class="fill-current" href="/sprite.svg?id=c1059218424a91c1d0f9f88aea83fe24#icon-money-fill" />
</svg> </span>
<span class="text-xs text-secondary before-content">
Estimate income for subscriptions
</span>
<span class="ml-3 text-secondary" data-tippy-content="Approximate earnings of streamer from current active paid subscriptions. Calculated several possible scenarios for earnings, since Twitch added local subs pricing.">
<svg
class="w-4 h-4 fill-current flex-shrink-0 text-secondary"
title="information"
name="information"
>
<use class="fill-current" href="/sprite.svg?id=c1059218424a91c1d0f9f88aea83fe24#icon-information" />
</svg> </span>
</div>
<div class="flex flex-wrap items-center transition duration-200 ease-in-out delay-100" :class="{ '' : hover }">
<div class="w-20 h-5 mr-3 rounded bg-gray-dark"></div>
<span class="flex items-center mb-1 text-xs text-secondary whitespace-nowrap w-full ">
</span>
</div>
</div>
<div class="relative h-29 transition duration-300 ease-in-out filter grayscale opacity-20" :class="{ 'filter grayscale opacity-20': !hover }">
</div>
</div>
</div>
<div class="hidden col-span-12 ">
<button
x-on:click="showMore = !showMore"
class="btn secondary full !rounded-t-none">
<span x-html="showMore ? 'Show more' : 'Show less'" class="mr-2"></span>
<span class="transform" :class="{ 'rotate-180' : !showMore }"><svg
class="w-4 h-4 fill-current flex-shrink-0 text-secondary"
title="arrow-down"
name="arrow-down"
>
<use class="fill-current" href="/sprite.svg?id=c1059218424a91c1d0f9f88aea83fe24#icon-arrow-down" />
</svg></span>
</button>
</div>
<div
class="absolute hidden z-10 transform -translate-x-1/2 -translate-y-1/2 top-1/2 left-1/2 show-loader_child"
wire:loading.class="!block"
wire:key="'sc-loader'.time()"
>
<img src="https://static.streamscharts.com/img/sc_loader.svg" alt="Loading" width="64" height="64">
</div>
</div>
<a
href="https://streamscharts.com/channels/sermochi/subscribers"
class="btn secondary md w-full !rounded-t-none">
More subs stats
<svg
class="w-4 h-4 fill-current flex-shrink-0 w-4 h-4 ml-3"
title="arrow-right"
name="arrow-right" class="w-4 h-4 ml-3"
>
<use class="fill-current" href="/sprite.svg?id=c1059218424a91c1d0f9f88aea83fe24#icon-arrow-right" />
</svg>
</a>
</div>
</div>
</div>
</section>
</div>
<!-- Livewire Component wire-end:ZjQEb5zMhqr1gHgDBzqd --> </div>
<div id="chat_analytics_block">
<div wire:id="mRvT92QE4YrmN4keQXS0" wire:initial-data="{"fingerprint":{"id":"mRvT92QE4YrmN4keQXS0","name":"channel.chat-stats-block","locale":"en","path":"channels\/sermochi","method":"GET","v":"acj"},"effects":{"listeners":[]},"serverMemo":{"children":[],"errors":[],"htmlHash":"7a60a488","data":{"title":"Chat analytics","icon":"chat-analytics","view":"channel.chat-stats-block","noChart":true,"lazy":true,"channel":{"platform_id":1,"channel_id":"48736987","channel_name":"sermochi","channel_display_name":"sermochi","last_scanned_at":"2026-02-27 17:35:00","partner":1},"search":null,"isSoftLock":false,"bottomLink":{"text":"More chat analytics stats","url":"#"},"emotes":null,"titleTag":"h2","titleTagClass":null,"titleExtraClass":null,"subtitle":"for the last 30 days","underTitle":null,"description":null,"info":null,"select":null,"tip":null,"titleDate":null,"exportTitle":null,"headerClass":null,"headerLeftClass":null,"slotClass":null,"blockID":"69a51b218580b","blockClass":null,"loadable":true,"noMargin":false,"noPadding":false,"className":"Channel\\ChatStatsBlock","actionViews":[],"selectedActions":null,"lazyLoad":true,"lazyLoaded":false,"readyToLoad":false,"lazyWait":false,"extendedDownload":false,"showData":true,"tabContributionValue":0,"viewMode":[],"hasBg":true,"expandable":false,"isNoHeader":false,"hasAccess":false},"dataMeta":[],"checksum":"b6dee1b10e896d46ca982957485a9192e5ba426c13daaea38c84ec7f35aecce7"}}"
class="w-full
mt-6 lazy-block
"
id="69a51b218580b"
data-block_name="Channel\ChatStatsBlock"
data-lazy_inited="not-inited"
data-lazy_loaded="not-loaded"
>
<section
class="flex flex-col h-full download-block "
x-data="{
name: 'sermochi',
title:'Chat analytics',
}"
x-ref="block"
>
<header class="download-block__slot-header ">
<div class="flex items-center !mb-0">
<div class="items-center inline-block sm-max:flex-col sm-max:items-start">
<div class="flex items-center sm-max:flex-wrap ">
<div
class="
relative w-8 h-8 mb-3 mr-3 download-block__button
"
>
<div class="download-block__icon ">
<svg width="16" height="16" class="fill-current download-block__icon-custom" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="#BFBFCB" d="M14 2c.368 0 .667.299.667.667V12a.667.667 0 0 1-.667.667H4.303L1.333 15V2.667C1.333 2.299 1.632 2 2 2h12zM8.667 4.667H7.333V10h1.334V4.667zM11.333 6H10v4h1.333V6zM6 7.333H4.667V10H6V7.333z"/></svg> <svg width="16" height="16" class="fill-current download-block__icon-download" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path d="M8.667 6.667H12l-4 4-4-4h3.333V2h1.334v4.667zm-6 6h10.666V8h1.334v5.333A.667.667 0 0 1 14 14H2a.666.666 0 0 1-.667-.667V8h1.334v4.667z"/></svg> </div>
<div class="download-block__button-text download-block__button">
<span class="px-3 text-sm font-bold w-max whitespace-nowrap text-default">
<button
x-on:click="window.location.href = '/login'"
class="btn link-primary ">
Login
</button>
to download as .PNG
</span>
</div>
</div>
<div class="flex items-center mb-3 min-h-8">
</div>
<div class="flex items-center mb-3 min-h-8">
<div
class="
font-bold left-full text-default mr-3
text-base
"
>
<h2 class
="">
Chat analytics
</h2>
</div>
<div class="download-block__slot-header-right">
</div>
</div>
<div class="flex items-center mb-3 mr-3 min-h-8">
<div class="download-block__slot-header-subtitle">
for the last 30 days
</div>
</div>
</div>
</div>
</div>
<div class="download-block__slot-header-right ">
</div>
</header>
<div class="download-block-slot h-full " x-ref="content">
<div class="relative w-full h-full
rounded-lg bg-card p-6
opacity-75 pointer-events-none"
wire:loading.class="opacity-75 pointer-events-none show-loader"
>
<div>
<div class="-m-6 overflow-hidden ">
<div class="stats-block-wrapper grid grid-cols-12"
x-data="{
hover: false,
showMore: true
}"
>
<div
class="relative col-span-12 md-max:col-span-12 sm-max:col-span-12 border-gray-dark border-r border-b"
x-on:mouseenter="hover = Boolean()"
x-on:mouseleave="hover = false"
data-value="0"
>
<div class="w-full overflow-hidden h-29"
:class="{
'xs-max:invisible xs-max:absolute' : (showMore && (0 > 3))
}"
>
<div
class="absolute top-0 left-0 z-10 flex flex-col w-full h-full pt-6 pl-6 "
:class="{ '' : hover }">
<div
class="
flex items-center transition duration-200 ease-in-out
mb-4
"
:class="{ '' : hover }">
<span class="text-yellow mr-2">
<svg
class="w-4 h-4 fill-current flex-shrink-0 !text-current"
title="chat-all-messages"
name="chat-all-messages" class="!text-current"
>
<use class="fill-current" href="/sprite.svg?id=c1059218424a91c1d0f9f88aea83fe24#icon-chat-all-messages" />
</svg> </span>
<span class="text-xs text-secondary before-content">
Total messages
</span>
<span class="ml-3 text-secondary" data-tippy-content="Number of messages sent by Active Chatters in stream(s) chat.">
<svg
class="w-4 h-4 fill-current flex-shrink-0 text-secondary"
title="information"
name="information"
>
<use class="fill-current" href="/sprite.svg?id=c1059218424a91c1d0f9f88aea83fe24#icon-information" />
</svg> </span>
</div>
<div class="flex flex-wrap items-center transition duration-200 ease-in-out delay-100" :class="{ '' : hover }">
<div class="w-20 h-5 mr-3 rounded bg-gray-dark"></div>
<span class="flex items-center mb-1 text-xs text-secondary whitespace-nowrap ">
<svg
class="w-4 h-4 fill-current flex-shrink-0 !w-3 !h-3 ml-1 text-secondary"
title="lock-fill"
name="lock-fill" class="!w-3 !h-3 ml-1 text-secondary" data-tippy-content="Growth data of Total messages for this channel available in <a class='text-primary' href='/pricing'>Streamer plan</a> (for selected channels) or in <a class='text-primary' href='/pricing'>PRO plan</a> (for 58M+ channels) after purchase of specific platform(s) access" delay-after="delay-after"
>
<use class="fill-current" href="/sprite.svg?id=c1059218424a91c1d0f9f88aea83fe24#icon-lock-fill" />
</svg>
</span>
</div>
</div>
<div class="relative h-29 transition duration-300 ease-in-out filter grayscale opacity-20" :class="{ 'filter grayscale opacity-20': !hover }">
</div>
</div>
</div>
<div
class="relative col-span-12 md-max:col-span-12 sm-max:col-span-12 border-gray-dark border-r border-b"
x-on:mouseenter="hover = Boolean()"
x-on:mouseleave="hover = false"
data-value="0"
>
<div class="w-full overflow-hidden h-29"
:class="{
'xs-max:invisible xs-max:absolute' : (showMore && (1 > 3))
}"
>
<div
class="absolute top-0 left-0 z-10 flex flex-col w-full h-full pt-6 pl-6 "
:class="{ '' : hover }">
<div
class="
flex items-center transition duration-200 ease-in-out
mb-4
"
:class="{ '' : hover }">
<span class="text-orange mr-2">
<svg
class="w-4 h-4 fill-current flex-shrink-0 !text-current"
title="chat-unique"
name="chat-unique" class="!text-current"
>
<use class="fill-current" href="/sprite.svg?id=c1059218424a91c1d0f9f88aea83fe24#icon-chat-unique" />
</svg> </span>
<span class="text-xs text-secondary before-content">
Active Chatters
</span>
<span class="ml-3 text-secondary" data-tippy-content="Number of Unique Authorized Viewers who sent at least 1 message in the stream(s) chat.">
<svg
class="w-4 h-4 fill-current flex-shrink-0 text-secondary"
title="information"
name="information"
>
<use class="fill-current" href="/sprite.svg?id=c1059218424a91c1d0f9f88aea83fe24#icon-information" />
</svg> </span>
</div>
<div class="flex flex-wrap items-center transition duration-200 ease-in-out delay-100" :class="{ '' : hover }">
<div class="w-20 h-5 mr-3 rounded bg-gray-dark"></div>
<span class="flex items-center mb-1 text-xs text-secondary whitespace-nowrap ">
<svg
class="w-4 h-4 fill-current flex-shrink-0 !w-3 !h-3 ml-1 text-secondary"
title="lock-fill"
name="lock-fill" class="!w-3 !h-3 ml-1 text-secondary" data-tippy-content="Growth data of Active Chatters for this channel available in <a class='text-primary' href='/pricing'>Streamer plan</a> (for selected channels) or in <a class='text-primary' href='/pricing'>PRO plan</a> (for 58M+ channels) after purchase of specific platform(s) access" delay-after="delay-after"
>
<use class="fill-current" href="/sprite.svg?id=c1059218424a91c1d0f9f88aea83fe24#icon-lock-fill" />
</svg>
</span>
</div>
</div>
<div class="relative h-29 transition duration-300 ease-in-out filter grayscale opacity-20" :class="{ 'filter grayscale opacity-20': !hover }">
</div>
</div>
</div>
<div class="hidden col-span-12 ">
<button
x-on:click="showMore = !showMore"
class="btn secondary full !rounded-t-none">
<span x-html="showMore ? 'Show more' : 'Show less'" class="mr-2"></span>
<span class="transform" :class="{ 'rotate-180' : !showMore }"><svg
class="w-4 h-4 fill-current flex-shrink-0 text-secondary"
title="arrow-down"
name="arrow-down"
>
<use class="fill-current" href="/sprite.svg?id=c1059218424a91c1d0f9f88aea83fe24#icon-arrow-down" />
</svg></span>
</button>
</div>
<div
class="absolute hidden z-10 transform -translate-x-1/2 -translate-y-1/2 top-1/2 left-1/2 show-loader_child"
wire:loading.class="!block"
wire:key="'sc-loader'.time()"
>
<img src="https://static.streamscharts.com/img/sc_loader.svg" alt="Loading" width="64" height="64">
</div>
</div>
<a
href="#"
class="btn secondary md w-full !rounded-t-none">
More chat analytics stats
<svg
class="w-4 h-4 fill-current flex-shrink-0 w-4 h-4 ml-3"
title="arrow-right"
name="arrow-right" class="w-4 h-4 ml-3"
>
<use class="fill-current" href="/sprite.svg?id=c1059218424a91c1d0f9f88aea83fe24#icon-arrow-right" />
</svg>
</a>
</div>
</div>
</div>
</div>
</section>
</div>
<!-- Livewire Component wire-end:OwyqH9odjOhpZZYFv9SH --> </div>
</div>
</div>
<div class="col-span-4 md-max:col-span-12">
<div>
<div wire:id="0pCVcK0ogu57xflEKgJ0" wire:initial-data="{"fingerprint":{"id":"0pCVcK0ogu57xflEKgJ0","name":"channel.popular-games-block","locale":"en","path":"channels\/sermochi","method":"GET","v":"acj"},"effects":{"listeners":[]},"serverMemo":{"children":[],"errors":[],"htmlHash":"428993ae","data":{"title":"Popular Games","subtitle":"for the last 30 days","icon":"games-fill","view":"channel.popular-games-block","headerClass":"z-2","slotClass":"z-1","lazy":true,"showButton":true,"lockedData":false,"channel":{"platform_id":1,"channel_id":"48736987","channel_name":"sermochi","last_scanned_at":"2026-02-27 17:35:00","all_stream_languages":["en","0"],"stream_language":"en","partner":1},"titleTag":"h2","titleTagClass":null,"titleExtraClass":null,"underTitle":null,"description":null,"info":null,"select":null,"tip":null,"titleDate":null,"exportTitle":null,"headerLeftClass":null,"blockID":"69a51b218a742","blockClass":null,"loadable":true,"noMargin":false,"noPadding":false,"className":"Channel\\PopularGamesBlock","actionViews":[],"selectedActions":null,"lazyLoad":true,"lazyLoaded":false,"readyToLoad":false,"lazyWait":false,"extendedDownload":false,"showData":true,"tabContributionValue":0,"viewMode":[],"hasBg":true,"expandable":false,"isNoHeader":false,"hasAccess":false},"dataMeta":[],"checksum":"8ac722623ec00a7a987f5e3e6203bd828efedb1e15e2c7f760ff97871210d29e"}}"
class="w-full
mt-6 lazy-block
"
id="69a51b218a742"
data-block_name="Channel\PopularGamesBlock"
data-lazy_inited="not-inited"
data-lazy_loaded="not-loaded"
>
<section
class="flex flex-col h-full download-block "
x-data="{
name: '',
title:'Popular Games',
}"
x-ref="block"
>
<header class="download-block__slot-header z-2">
<div class="flex items-center !mb-0">
<div class="items-center inline-block sm-max:flex-col sm-max:items-start">
<div class="flex items-center sm-max:flex-wrap ">
<div
class="
relative w-8 h-8 mb-3 mr-3 download-block__button
"
>
<div class="download-block__icon ">
<svg width="16" height="16" class="fill-current download-block__icon-custom" width="16" height="16" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
<path d="M10 5V1.333H6V5l2 2 2-2zM5 6H1.333v4H5l2-2-2-2zm1 5v3.667h4V11L8 9l-2 2zm5-5L9 8l2 2h3.667V6H11z" />
</svg> <svg width="16" height="16" class="fill-current download-block__icon-download" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path d="M8.667 6.667H12l-4 4-4-4h3.333V2h1.334v4.667zm-6 6h10.666V8h1.334v5.333A.667.667 0 0 1 14 14H2a.666.666 0 0 1-.667-.667V8h1.334v4.667z"/></svg> </div>
<div class="download-block__button-text download-block__button">
<span class="px-3 text-sm font-bold w-max whitespace-nowrap text-default">
<button
x-on:click="window.location.href = '/login'"
class="btn link-primary ">
Login
</button>
to download as .PNG
</span>
</div>
</div>
<div class="flex items-center mb-3 min-h-8">
</div>
<div class="flex items-center mb-3 min-h-8">
<div
class="
font-bold left-full text-default mr-3
text-base
"
>
<h2 class
="">
Popular Games
</h2>
</div>
<div class="download-block__slot-header-right">
</div>
</div>
<div class="flex items-center mb-3 mr-3 min-h-8">
<div class="download-block__slot-header-subtitle">
for the last 30 days
</div>
</div>
</div>
</div>
</div>
<div class="download-block__slot-header-right ">
</div>
</header>
<div class="download-block-slot h-full z-1" x-ref="content">
<div class="relative w-full h-full
rounded-lg bg-card p-6
opacity-75 pointer-events-none"
wire:loading.class="opacity-75 pointer-events-none show-loader"
>
<div
x-data="pieChart()"
x-init="start()"
x-on:mouseenter="mouseEnterHandler"
x-on:mouseleave="mouseLeaveHandler"
data-chart="[]"
>
<div class="pb-6 overflow-hidden">
<div class="flex items-center justify-center w-56 h-56 mx-auto rounded-full conic-gradient">
<div class="w-4/6 rounded-full h-4/6 bg-card" x-ref="chart"></div>
</div>
</div>
<div class="-mx-6 border-t border-gray-dark py-4 ">
<div class="py-1.5 px-5 ">
<div class="flex items-center " style="opacity: 1">
<div class="w-2.5 h-2.5 rounded-xs bg-gray-dark mr-4 flex-shrink-0"></div>
<div
class="x-img game_pic--md mr-3 "
style="width: 26px; height: 36px"
>
<div class="game_pic--md mr-3 x-img-ph w-full h-full ">
<svg class="fill-current w-4 h-4 text-secondary text-opacity-30" width="16" height="16" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
<path d="M10 5V1.333H6V5l2 2 2-2zM5 6H1.333v4H5l2-2-2-2zm1 5v3.667h4V11L8 9l-2 2zm5-5L9 8l2 2h3.667V6H11z" />
</svg> </div>
</div>
<div class="space-y-2">
<div class="h-3 w-28 rounded-sm bg-gray-dark"></div>
<div class="h-3 w-14 rounded-sm bg-gray-dark"></div>
</div>
</div> </div>
<div class="py-1.5 px-5 bg-row">
<div class="flex items-center " style="opacity: 0.8">
<div class="w-2.5 h-2.5 rounded-xs bg-gray-dark mr-4 flex-shrink-0"></div>
<div
class="x-img game_pic--md mr-3 "
style="width: 26px; height: 36px"
>
<div class="game_pic--md mr-3 x-img-ph w-full h-full ">
<svg class="fill-current w-4 h-4 text-secondary text-opacity-30" width="16" height="16" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
<path d="M10 5V1.333H6V5l2 2 2-2zM5 6H1.333v4H5l2-2-2-2zm1 5v3.667h4V11L8 9l-2 2zm5-5L9 8l2 2h3.667V6H11z" />
</svg> </div>
</div>
<div class="space-y-2">
<div class="h-3 w-28 rounded-sm bg-gray-dark"></div>
<div class="h-3 w-14 rounded-sm bg-gray-dark"></div>
</div>
</div> </div>
<div class="py-1.5 px-5 ">
<div class="flex items-center " style="opacity: 0.6">
<div class="w-2.5 h-2.5 rounded-xs bg-gray-dark mr-4 flex-shrink-0"></div>
<div
class="x-img game_pic--md mr-3 "
style="width: 26px; height: 36px"
>
<div class="game_pic--md mr-3 x-img-ph w-full h-full ">
<svg class="fill-current w-4 h-4 text-secondary text-opacity-30" width="16" height="16" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
<path d="M10 5V1.333H6V5l2 2 2-2zM5 6H1.333v4H5l2-2-2-2zm1 5v3.667h4V11L8 9l-2 2zm5-5L9 8l2 2h3.667V6H11z" />
</svg> </div>
</div>
<div class="space-y-2">
<div class="h-3 w-28 rounded-sm bg-gray-dark"></div>
<div class="h-3 w-14 rounded-sm bg-gray-dark"></div>
</div>
</div> </div>
<div class="py-1.5 px-5 bg-row">
<div class="flex items-center " style="opacity: 0.4">
<div class="w-2.5 h-2.5 rounded-xs bg-gray-dark mr-4 flex-shrink-0"></div>
<div
class="x-img game_pic--md mr-3 "
style="width: 26px; height: 36px"
>
<div class="game_pic--md mr-3 x-img-ph w-full h-full ">
<svg class="fill-current w-4 h-4 text-secondary text-opacity-30" width="16" height="16" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
<path d="M10 5V1.333H6V5l2 2 2-2zM5 6H1.333v4H5l2-2-2-2zm1 5v3.667h4V11L8 9l-2 2zm5-5L9 8l2 2h3.667V6H11z" />
</svg> </div>
</div>
<div class="space-y-2">
<div class="h-3 w-28 rounded-sm bg-gray-dark"></div>
<div class="h-3 w-14 rounded-sm bg-gray-dark"></div>
</div>
</div> </div>
<div class="py-1.5 px-5 ">
<div class="flex items-center " style="opacity: 0.2">
<div class="w-2.5 h-2.5 rounded-xs bg-gray-dark mr-4 flex-shrink-0"></div>
<div
class="x-img game_pic--md mr-3 "
style="width: 26px; height: 36px"
>
<div class="game_pic--md mr-3 x-img-ph w-full h-full ">
<svg class="fill-current w-4 h-4 text-secondary text-opacity-30" width="16" height="16" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
<path d="M10 5V1.333H6V5l2 2 2-2zM5 6H1.333v4H5l2-2-2-2zm1 5v3.667h4V11L8 9l-2 2zm5-5L9 8l2 2h3.667V6H11z" />
</svg> </div>
</div>
<div class="space-y-2">
<div class="h-3 w-28 rounded-sm bg-gray-dark"></div>
<div class="h-3 w-14 rounded-sm bg-gray-dark"></div>
</div>
</div> </div>
</div>
<div class="relative -mx-6 -mb-6">
<a
href="https://streamscharts.com/channels/sermochi/games"
class="btn secondary full !rounded-t-none">
More games
<svg
class="w-4 h-4 fill-current flex-shrink-0 ml-3 text-secondary"
title="arrow-right"
name="arrow-right" class="ml-3 text-secondary"
>
<use class="fill-current" href="/sprite.svg?id=c1059218424a91c1d0f9f88aea83fe24#icon-arrow-right" />
</svg>
</a>
</div>
<div
class="absolute hidden z-10 transform -translate-x-1/2 -translate-y-1/2 top-1/2 left-1/2"
wire:loading.class="!block"
wire:key="'sc-loader'.time()"
>
<img src="https://static.streamscharts.com/img/sc_loader.svg" alt="Loading" width="64" height="64">
</div>
</div>
</div>
</div>
</section>
</div>
<!-- Livewire Component wire-end:gYEG4pxbAVTRzzQCjsPT --> </div>
<div id="events_block">
<div wire:id="xhwgSxaaygZWvpDH6Rr3" wire:initial-data="{"fingerprint":{"id":"xhwgSxaaygZWvpDH6Rr3","name":"channel.events-block","locale":"en","path":"channels\/sermochi","method":"GET","v":"acj"},"effects":{"listeners":[]},"serverMemo":{"children":[],"errors":[],"htmlHash":"484c2ace","data":{"title":"Channel Records","icon":"megaphone-fill","view":"channel.events-block","info":"A panel illustrating recent activities on the channel such as bans and unbans, follower records, new peak viewership records.","channel":{"platform_id":1,"channel_id":"48736987","channel_creation_date":"2013-09-08 11:13:53"},"showData":true,"titleTag":"h2","titleTagClass":null,"titleExtraClass":null,"subtitle":null,"underTitle":null,"description":null,"select":null,"tip":null,"titleDate":null,"exportTitle":null,"headerClass":null,"headerLeftClass":null,"slotClass":null,"blockID":"69a51b2191e93","blockClass":null,"loadable":true,"noMargin":false,"noPadding":false,"className":"Channel\\EventsBlock","actionViews":[],"selectedActions":null,"lazy":false,"lazyLoad":true,"lazyLoaded":false,"readyToLoad":false,"lazyWait":false,"extendedDownload":false,"tabContributionValue":0,"viewMode":[],"hasBg":true,"expandable":false,"isNoHeader":false,"hasAccess":false},"dataMeta":[],"checksum":"f461385580dc52256cc6e2b43f1bd1b613ba609ce555a81371006cc6dd3b4657"}}"
class="w-full
mt-6
"
id="69a51b2191e93"
data-block_name="Channel\EventsBlock"
data-lazy_inited="not-inited"
data-lazy_loaded="not-loaded"
>
<section
class="flex flex-col h-full download-block "
x-data="{
name: '',
title:'Channel Records',
}"
x-ref="block"
>
<header class="download-block__slot-header ">
<div class="flex items-center !mb-0">
<div class="items-center inline-block sm-max:flex-col sm-max:items-start">
<div class="flex items-center sm-max:flex-wrap ">
<div
class="
relative w-8 h-8 mb-3 mr-3 download-block__button
"
>
<div class="download-block__icon ">
<svg width="16" height="16" class="fill-current download-block__icon-custom" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M13.776 2.319L5.334 5.333V10l.498.178-.751 1.503a1.333 1.333 0 0 0 .77 1.86l2.723.908a1.343 1.343 0 0 0 1.614-.669l.869-1.737 2.72.972a.666.666 0 0 0 .89-.628V2.946a.666.666 0 0 0-.89-.627zm-4.78 10.866l-2.723-.908.824-1.647 2.694.963-.796 1.592zM2.665 10H4V5.333H2.667c-.735 0-1.333.598-1.333 1.334v2c0 .735.597 1.333 1.333 1.333z"/></svg> <svg width="16" height="16" class="fill-current download-block__icon-download" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path d="M8.667 6.667H12l-4 4-4-4h3.333V2h1.334v4.667zm-6 6h10.666V8h1.334v5.333A.667.667 0 0 1 14 14H2a.666.666 0 0 1-.667-.667V8h1.334v4.667z"/></svg> </div>
<div class="download-block__button-text download-block__button">
<span class="px-3 text-sm font-bold w-max whitespace-nowrap text-default">
<button
x-on:click="window.location.href = '/login'"
class="btn link-primary ">
Login
</button>
to download as .PNG
</span>
</div>
</div>
<div class="flex items-center mb-3 min-h-8">
</div>
<div class="flex items-center mb-3 min-h-8">
<div
class="
font-bold left-full text-default mr-3
text-base
"
>
<h2 class
="">
Channel Records
</h2>
</div>
<div class="download-block__slot-header-right">
</div>
</div>
<div class="flex items-center mb-3 min-h-8">
<div data-tippy-content="A panel illustrating recent activities on the channel such as bans and unbans, follower records, new peak viewership records." delay-after="800">
<svg
class="w-4 h-4 fill-current flex-shrink-0 text-secondary cursor-help"
title="information"
name="information" class="text-secondary cursor-help"
>
<use class="fill-current" href="/sprite.svg?id=c1059218424a91c1d0f9f88aea83fe24#icon-information" />
</svg> </div>
</div>
</div>
</div>
</div>
<div class="download-block__slot-header-right ">
</div>
</header>
<div class="download-block-slot h-full " x-ref="content">
<div class="relative w-full h-full
rounded-lg bg-card p-6
"
wire:loading.class="opacity-75 pointer-events-none show-loader"
>
<table class="w-full -my-2">
<tbody>
<tr class="text-xs">
<td class="py-3
pt-0 ">
<span
data-tippy-content="Feb 22, 2022"
class="text-secondary whitespace-nowrap"
>
4 years ago
</span>
</td>
<td class="py-3 w-full
pt-0 ">
<div class="flex items-center justify-center">
<div class="relative channel-events-point
w-4 h-4
"></div>
</div>
</td>
<td class="py-3 whitespace-nowrap
pt-0 ">
<div
data-tippy-content="22 Feb 2022, 14:00"
style="background-color: rgba(lime, 0.1); color: rgb(lime)"
class="tag md rounded bg-lime text-lime !font-normal ">
<svg
class="w-4 h-4 fill-current flex-shrink-0 flex-shrink-0 mr-2"
title="join-team"
name="join-team" class="flex-shrink-0 mr-2"
>
<use class="fill-current" href="/sprite.svg?id=c1059218424a91c1d0f9f88aea83fe24#icon-join-team" />
</svg> comfy chaos
</div>
</td>
</tr>
<tr class="text-xs">
<td class="py-3
pb-0 ">
<span
data-tippy-content="Sep 08, 2013"
class="text-secondary whitespace-nowrap"
>
12 years and 5 months ago
</span>
</td>
<td class="py-3 w-full
pb-0 ">
<div class="flex items-center justify-center">
<div class="relative channel-events-point
channel-events-point_last w-3 h-3
"></div>
</div>
</td>
<td class="py-3 whitespace-nowrap
pb-0 ">
<div
data-tippy-content="08 Sep 2013, 11:13"
style="background-color: rgba(yellow, 0.1); color: rgb(yellow)"
class="tag md rounded bg-yellow text-yellow !font-normal ">
<svg
class="w-4 h-4 fill-current flex-shrink-0 flex-shrink-0 mr-2"
title="confetti-fill"
name="confetti-fill" class="flex-shrink-0 mr-2"
>
<use class="fill-current" href="/sprite.svg?id=c1059218424a91c1d0f9f88aea83fe24#icon-confetti-fill" />
</svg> CREATED
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</section>
</div>
<!-- Livewire Component wire-end:2HhrEvY8IexmhUnfi7Rf --> </div>
</div>
</div>
<div class="short-chart">
<div wire:id="zpmeLjCfocfHhvTQ7Ug5" wire:initial-data="{"fingerprint":{"id":"zpmeLjCfocfHhvTQ7Ug5","name":"channel.growth-block","locale":"en","path":"channels\/sermochi","method":"GET","v":"acj"},"effects":{"listeners":[]},"serverMemo":{"children":[],"errors":[],"htmlHash":"e3e12966","data":{"title":"Channel growth by week","icon":"growth","view":"channel.growth-block","info":"Started from ","exportItems":null,"exportTotals":null,"exportCSV":true,"lazy":true,"channel":{"encoded_channel_display_name":"7365726d6f636869","platform_id":1,"channel_id":"48736987","channel_name":"sermochi"},"lockedStreamer":null,"groupBy":"week","groupByOptions":{"day":"Day","week":"Week","month":"Month"},"chartId":"channel_growth_chart","inited":false,"headerRightClass":"md-max:!flex-row md-max:!flex-nowrap md-max:!space-x-3 md-max:!items-center md-max:!space-y-0 xs-max:!space-y-3 xs-max:!-mt-3","noPadding":true,"titleTag":"h2","titleTagClass":null,"titleExtraClass":null,"subtitle":null,"underTitle":null,"description":null,"select":null,"tip":null,"titleDate":null,"exportTitle":null,"headerClass":null,"headerLeftClass":null,"slotClass":null,"blockID":"69a51b2196da4","blockClass":null,"loadable":true,"noMargin":false,"className":"Channel\\GrowthBlock","actionViews":[],"selectedActions":null,"lazyLoad":true,"lazyLoaded":false,"readyToLoad":false,"lazyWait":false,"extendedDownload":false,"showData":true,"tabContributionValue":0,"viewMode":[],"hasBg":true,"expandable":false,"isNoHeader":false,"hasAccess":false},"dataMeta":[],"checksum":"abed8a2abe48b2c8436f3f3541a9189d2dfef6c7b49dff69d971339cb123452f"}}"
class="w-full
mt-6 lazy-block
"
id="69a51b2196da4"
data-block_name="Channel\GrowthBlock"
data-lazy_inited="not-inited"
data-lazy_loaded="not-loaded"
>
<section
class="flex flex-col h-full download-block "
x-data="{
name: '',
title:'sermochi growth by week',
}"
x-ref="block"
>
<header class="download-block__slot-header ">
<div class="flex items-center !mb-0">
<div class="items-center inline-block sm-max:flex-col sm-max:items-start">
<div class="flex items-center sm-max:flex-wrap ">
<div
class="
relative w-8 h-8 mb-3 mr-3 download-block__button
"
>
<div class="download-block__icon ">
<svg width="16" height="16" class="fill-current download-block__icon-custom" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M3.333 8.72V2H2v12h12v-1.333H3.333V10.6l2.66-2.659 2.666 2.667L12.473 6.8 14 8.328v-4h-4l1.527 1.527-2.868 2.867-2.666-2.667-2.66 2.664z"/></svg> <svg width="16" height="16" class="fill-current download-block__icon-download" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path d="M8.667 6.667H12l-4 4-4-4h3.333V2h1.334v4.667zm-6 6h10.666V8h1.334v5.333A.667.667 0 0 1 14 14H2a.666.666 0 0 1-.667-.667V8h1.334v4.667z"/></svg> </div>
<div class="download-block__button-text download-block__button">
<span class="px-3 text-sm font-bold w-max whitespace-nowrap text-default">
<button
x-on:click="window.location.href = '/login'"
class="btn link-primary ">
Login
</button>
to download as .PNG
</span>
</div>
</div>
<div class="flex items-center mb-3 min-h-8">
</div>
<div class="flex items-center mb-3 min-h-8">
<div
class="
font-bold left-full text-default mr-3
text-base
"
>
<h2 class
="">
sermochi growth by week
</h2>
</div>
<div class="download-block__slot-header-right">
</div>
</div>
<div class="flex items-center mb-3 min-h-8">
<div data-tippy-content="Started from " delay-after="800">
<svg
class="w-4 h-4 fill-current flex-shrink-0 text-secondary cursor-help"
title="information"
name="information" class="text-secondary cursor-help"
>
<use class="fill-current" href="/sprite.svg?id=c1059218424a91c1d0f9f88aea83fe24#icon-information" />
</svg> </div>
</div>
</div>
</div>
</div>
<div class="download-block__slot-header-right md-max:!flex-row md-max:!flex-nowrap md-max:!space-x-3 md-max:!items-center md-max:!space-y-0 xs-max:!space-y-3 xs-max:!-mt-3">
<div class="flex items-center xs-max:w-full xs-max:mt-3">
<span class="mr-3 text-sm font-bold text-secondary">Group by</span>
<div
class="relative block-dropdown"
:class="{'opened': open}"
x-data="{
open: false,
search_key: '',
loading: false,
showLoading() {
this.loading = true;
},
hideLoading() {
this.loading = false;
},
}"
@click.away="open = false"
@close.stop="open = false"
x-on:screen-loaded.window="hideLoading()"
x-on:show-loading-dropdown.window="showLoading()"
x-on:close-dropdown.window="open = false"
>
<div
class="flex items-center "
>
<div class="w-full accordion_select-trigger " @click="open = ! open" >
<button
class="btn tertiary sm sm-max:w-full sm-max:justify-start">
<span>
Week
</span>
<svg
class="w-4 h-4 fill-current flex-shrink-0 w-4 h-4 ml-2"
title="chevron-down"
name="chevron-down" class="w-4 h-4 ml-2"
>
<use class="fill-current" href="/sprite.svg?id=c1059218424a91c1d0f9f88aea83fe24#icon-chevron-down" />
</svg>
</button>
</div>
</div>
<div x-show="open"
x-transition:enter="transition ease-out duration-200"
x-transition:enter-start="transform opacity-0 scale-95"
x-transition:enter-end="transform opacity-100 scale-100"
x-transition:leave="transition ease-in duration-75"
x-transition:leave-start="transform opacity-100 scale-100"
x-transition:leave-end="transform opacity-0 scale-95"
class="dropdown-content absolute z-50 mt-2 w-48 rounded-md shadow-lg origin-top-right right-0 left-0 w-full"
style="display: none;"
x-on:click="open = false"
>
<div class="rounded-md shadow max-h-dropdown overflow-y-custom-scroll overflow-y-custom-scroll--big overflow-auto py-1 bg-gray-dark ">
<a class="flex items-center cursor-pointer truncate px-4 py-2 text-sm leading-5 text-default hover:bg-gray focus:outline-none focus:bg-gray transition duration-150 ease-in-out" wire:click.prevent="setGroupByKey('day')">
<span class="mr-3">Day</span>
</a>
<a class="flex items-center cursor-pointer truncate px-4 py-2 text-sm leading-5 text-default hover:bg-gray focus:outline-none focus:bg-gray transition duration-150 ease-in-out" wire:click.prevent="setGroupByKey('week')">
<span class="mr-3">Week</span>
</a>
<a class="flex items-center cursor-pointer truncate px-4 py-2 text-sm leading-5 text-default hover:bg-gray focus:outline-none focus:bg-gray transition duration-150 ease-in-out" wire:click.prevent="setGroupByKey('month')">
<span class="mr-3">Month</span>
</a>
</div>
</div>
</div>
</div>
<div data-tippy-content="Export CSV only for PRO users">
<button
aria-label="Export data"
x-on:click=" "
disabled="disabled"
wire:click.prevent="exportCSV()"
class="btn disabled tertiary equilateral--sm ">
<svg
class="w-4 h-4 fill-current flex-shrink-0 text-secondary"
title="download"
name="download" class="text-secondary"
>
<use class="fill-current" href="/sprite.svg?id=c1059218424a91c1d0f9f88aea83fe24#icon-download" />
</svg>
</button>
</div>
</div>
</header>
<div class="download-block-slot h-full " x-ref="content">
<div class="relative w-full h-full
rounded-lg bg-card
opacity-75 pointer-events-none"
wire:loading.class="opacity-75 pointer-events-none show-loader"
>
<div class="relative p-6 w-full min-h-[20.5rem]">
<div class="relative">
<img src="https://static.streamscharts.com/img/chart/universal-placeholder.png" loading="lazy" width="100%" height="100%" style="height: ; width: 100%" alt="Chart placeholder" />
</div>
<div
class="absolute hidden z-10 transform -translate-x-1/2 -translate-y-1/2 top-1/2 left-1/2"
wire:loading.class="!block"
wire:key="'sc-loader'.time()"
>
<img src="https://static.streamscharts.com/img/sc_loader.svg" alt="Loading" width="64" height="64">
</div>
</div>
</div>
</div>
</section>
</div>
<!-- Livewire Component wire-end:rzHtKum6gbsnvwpRxpvn --> </div>
<div id="badges_block">
<div wire:id="1nW4AneTpAg1HB6f4Uh1" wire:initial-data="{"fingerprint":{"id":"1nW4AneTpAg1HB6f4Uh1","name":"channel.badges-block","locale":"en","path":"channels\/sermochi","method":"GET","v":"acj"},"effects":{"listeners":[]},"serverMemo":{"children":[],"errors":[],"htmlHash":"7d963b50","data":{"title":"Emotes & badges","icon":"profile-fill","view":"channel.badges-block","showData":true,"lazy":true,"channel":{"encoded_channel_display_name":"7365726d6f636869","platform_id":1,"channel_id":"48736987","partner":1},"titleTag":"h2","titleTagClass":null,"titleExtraClass":null,"subtitle":null,"underTitle":null,"description":null,"info":null,"select":null,"tip":null,"titleDate":null,"exportTitle":null,"headerClass":null,"headerLeftClass":null,"slotClass":null,"blockID":"69a51b219ba71","blockClass":null,"loadable":true,"noMargin":false,"noPadding":false,"className":"Channel\\BadgesBlock","actionViews":[],"selectedActions":null,"lazyLoad":true,"lazyLoaded":false,"readyToLoad":false,"lazyWait":false,"extendedDownload":false,"tabContributionValue":0,"viewMode":[],"hasBg":true,"expandable":false,"isNoHeader":false,"hasAccess":false},"dataMeta":[],"checksum":"3d0e57b0f04f96ec5fc2566fe585ae2ff5d85888fbb65811cffa44ec25a86a30"}}"
class="w-full
mt-6 lazy-block
"
id="69a51b219ba71"
data-block_name="Channel\BadgesBlock"
data-lazy_inited="not-inited"
data-lazy_loaded="not-loaded"
>
<section
class="flex flex-col h-full download-block "
x-data="{
name: '',
title:'sermochi Twitch emotes',
}"
x-ref="block"
>
<header class="download-block__slot-header ">
<div class="flex items-center !mb-0">
<div class="items-center inline-block sm-max:flex-col sm-max:items-start">
<div class="flex items-center sm-max:flex-wrap ">
<div
class="
relative w-8 h-8 mb-3 mr-3 download-block__button
"
>
<div class="download-block__icon ">
<svg width="16" height="16" class="fill-current download-block__icon-custom" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M8 14.667A6.667 6.667 0 1 1 8 1.334a6.667 6.667 0 0 1 0 13.333zm-2.667-6a2.667 2.667 0 0 0 5.334 0H5.334zm0-1.334a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm5.334 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2z"/></svg> <svg width="16" height="16" class="fill-current download-block__icon-download" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path d="M8.667 6.667H12l-4 4-4-4h3.333V2h1.334v4.667zm-6 6h10.666V8h1.334v5.333A.667.667 0 0 1 14 14H2a.666.666 0 0 1-.667-.667V8h1.334v4.667z"/></svg> </div>
<div class="download-block__button-text download-block__button">
<span class="px-3 text-sm font-bold w-max whitespace-nowrap text-default">
<button
x-on:click="window.location.href = '/login'"
class="btn link-primary ">
Login
</button>
to download as .PNG
</span>
</div>
</div>
<div class="flex items-center mb-3 min-h-8">
</div>
<div class="flex items-center mb-3 min-h-8">
<div
class="
font-bold left-full text-default mr-3
text-base
"
>
<h2 class
="">
sermochi Twitch emotes
</h2>
</div>
<div class="download-block__slot-header-right">
</div>
</div>
</div>
</div>
</div>
<div class="download-block__slot-header-right ">
</div>
</header>
<div class="download-block-slot h-full " x-ref="content">
<div class="relative w-full h-full
rounded-lg bg-card p-6
opacity-75 pointer-events-none"
wire:loading.class="opacity-75 pointer-events-none show-loader"
>
<div>
<div>
<div class="h-3 rounded-lg w-15 bg-gray-dark"></div>
<div class="grid grid-cols-12 gap-3 mt-3 -ml-2 md-max:gap-5 sm-max:gap-3 sm-max:grid-cols-8">
<div class="w-12 h-12 col-span-2 mx-2 my-1 rounded-sm bg-gray-dark"></div>
<div class="w-12 h-12 col-span-2 mx-2 my-1 rounded-sm bg-gray-dark"></div>
<div class="w-12 h-12 col-span-2 mx-2 my-1 rounded-sm bg-gray-dark"></div>
<div class="w-12 h-12 col-span-2 mx-2 my-1 rounded-sm bg-gray-dark"></div>
<div class="w-12 h-12 col-span-2 mx-2 my-1 rounded-sm bg-gray-dark"></div>
<div class="w-12 h-12 col-span-2 mx-2 my-1 rounded-sm bg-gray-dark"></div>
<div class="w-12 h-12 col-span-2 mx-2 my-1 rounded-sm bg-gray-dark"></div>
<div class="w-12 h-12 col-span-2 mx-2 my-1 rounded-sm bg-gray-dark"></div>
<div class="w-12 h-12 col-span-2 mx-2 my-1 rounded-sm bg-gray-dark"></div>
<div class="w-12 h-12 col-span-2 mx-2 my-1 rounded-sm bg-gray-dark"></div>
<div class="w-12 h-12 col-span-2 mx-2 my-1 rounded-sm bg-gray-dark"></div>
<div class="w-12 h-12 col-span-2 mx-2 my-1 rounded-sm bg-gray-dark"></div>
</div>
<div class="h-3 mt-6 rounded-lg w-15 bg-gray-dark"></div>
<div class="grid grid-cols-12 gap-3 mt-3 -ml-2 md-max:gap-5 sm-max:gap-3">
<div class="w-6 h-6 col-span-2 mx-2 my-1 rounded-sm bg-gray-dark"></div>
<div class="w-6 h-6 col-span-2 mx-2 my-1 rounded-sm bg-gray-dark"></div>
<div class="w-6 h-6 col-span-2 mx-2 my-1 rounded-sm bg-gray-dark"></div>
<div class="w-6 h-6 col-span-2 mx-2 my-1 rounded-sm bg-gray-dark"></div>
<div class="w-6 h-6 col-span-2 mx-2 my-1 rounded-sm bg-gray-dark"></div>
<div class="w-6 h-6 col-span-2 mx-2 my-1 rounded-sm bg-gray-dark"></div>
<div class="w-6 h-6 col-span-2 mx-2 my-1 rounded-sm bg-gray-dark"></div>
<div class="w-6 h-6 col-span-2 mx-2 my-1 rounded-sm bg-gray-dark"></div>
<div class="w-6 h-6 col-span-2 mx-2 my-1 rounded-sm bg-gray-dark"></div>
<div class="w-6 h-6 col-span-2 mx-2 my-1 rounded-sm bg-gray-dark"></div>
<div class="w-6 h-6 col-span-2 mx-2 my-1 rounded-sm bg-gray-dark"></div>
<div class="w-6 h-6 col-span-2 mx-2 my-1 rounded-sm bg-gray-dark"></div>
</div>
<div class="h-3 mt-6 rounded-lg w-15 bg-gray-dark"></div>
<div class="grid grid-cols-12 gap-3 mt-3 -ml-2 md-max:gap-5 sm-max:gap-3">
<div class="w-6 h-6 col-span-2 mx-2 my-1 rounded-sm bg-gray-dark"></div>
<div class="w-6 h-6 col-span-2 mx-2 my-1 rounded-sm bg-gray-dark"></div>
<div class="w-6 h-6 col-span-2 mx-2 my-1 rounded-sm bg-gray-dark"></div>
<div class="w-6 h-6 col-span-2 mx-2 my-1 rounded-sm bg-gray-dark"></div>
<div class="w-6 h-6 col-span-2 mx-2 my-1 rounded-sm bg-gray-dark"></div>
<div class="w-6 h-6 col-span-2 mx-2 my-1 rounded-sm bg-gray-dark"></div>
<div class="w-6 h-6 col-span-2 mx-2 my-1 rounded-sm bg-gray-dark"></div>
<div class="w-6 h-6 col-span-2 mx-2 my-1 rounded-sm bg-gray-dark"></div>
<div class="w-6 h-6 col-span-2 mx-2 my-1 rounded-sm bg-gray-dark"></div>
<div class="w-6 h-6 col-span-2 mx-2 my-1 rounded-sm bg-gray-dark"></div>
<div class="w-6 h-6 col-span-2 mx-2 my-1 rounded-sm bg-gray-dark"></div>
<div class="w-6 h-6 col-span-2 mx-2 my-1 rounded-sm bg-gray-dark"></div>
</div>
<div
class="absolute hidden z-10 transform -translate-x-1/2 -translate-y-1/2 top-1/2 left-1/2"
wire:loading.class="!block"
wire:key="'sc-loader'.time()"
>
<img src="https://static.streamscharts.com/img/sc_loader.svg" alt="Loading" width="64" height="64">
</div>
</div>
</div>
</div>
</div>
</section>
</div>
<!-- Livewire Component wire-end:ZZWC0HrDDhjnzYpIRcNf --> </div>
<div id="before_right_col">
<div wire:id="GtyQOZY6BipaawOjAQgt" wire:initial-data="{"fingerprint":{"id":"GtyQOZY6BipaawOjAQgt","name":"channel.clips-block","locale":"en","path":"channels\/sermochi","method":"GET","v":"acj"},"effects":{"listeners":[]},"serverMemo":{"children":[],"errors":[],"htmlHash":"e24a3b3a","data":{"title":"Popular channel clips","icon":"clips-fill","view":"channel.twitch-clips-block","info":"Clips of a specific channel with the highest number of views.","lazy":false,"showData":false,"clientID":"7zbcush2w8brahzj84fcjggwvh1aeh","accessToken":"4716vjifavvztawnyjpwob6vzfwd7j","twitchRequests":[{"broadcaster_id":"48736987","first":40}],"channel":{"channel_display_name":"sermochi","platform_id":1,"channel_id":"48736987","channel_name":"sermochi"},"link":{"text":"All clips","url":"https:\/\/streamscharts.com\/channels\/sermochi\/clips"},"clips":[],"titleTag":"h2","titleTagClass":null,"titleExtraClass":null,"subtitle":null,"underTitle":null,"description":null,"select":null,"tip":null,"titleDate":null,"exportTitle":null,"headerClass":null,"headerLeftClass":null,"slotClass":null,"blockID":"69a51b219fdd4","blockClass":null,"loadable":true,"noMargin":false,"noPadding":false,"className":"Channel\\ClipsBlock","actionViews":[],"selectedActions":null,"lazyLoad":true,"lazyLoaded":false,"readyToLoad":false,"lazyWait":false,"extendedDownload":false,"tabContributionValue":0,"viewMode":[],"hasBg":true,"expandable":false,"isNoHeader":false,"hasAccess":false},"dataMeta":[],"checksum":"39d049084da66dea56d7f0b8afaa86103f22c561478c7005cdc4d1fbef082041"}}"
class="w-full
"
id="69a51b219fdd4"
data-block_name="Channel\ClipsBlock"
data-lazy_inited="not-inited"
data-lazy_loaded="not-loaded"
>
</div>
<!-- Livewire Component wire-end:F0c79gtSQ6HqXYZ06K8y --> </div>
<div>
<div wire:id="d6S1em1RORyucpOkaG17" wire:initial-data="{"fingerprint":{"id":"d6S1em1RORyucpOkaG17","name":"channel.news-block","locale":"en","path":"channels\/sermochi","method":"GET","v":"acj"},"effects":{"listeners":[]},"serverMemo":{"children":[],"errors":[],"htmlHash":"6198baed","data":{"title":"Channel streaming news","icon":"news-fill","view":"channel.news-block","lazy":true,"showData":false,"channel":{"encoded_channel_display_name":"7365726d6f636869","platform_id":1,"channel_id":"48736987","channel_name":"sermochi"},"matchingChannels":"[]","titleTag":"h2","titleTagClass":null,"titleExtraClass":null,"subtitle":null,"underTitle":null,"description":null,"info":null,"select":null,"tip":null,"titleDate":null,"exportTitle":null,"headerClass":null,"headerLeftClass":null,"slotClass":null,"blockID":"69a51b21a1d94","blockClass":null,"loadable":true,"noMargin":false,"noPadding":false,"className":"Channel\\NewsBlock","actionViews":[],"selectedActions":null,"lazyLoad":true,"lazyLoaded":false,"readyToLoad":false,"lazyWait":false,"extendedDownload":false,"tabContributionValue":0,"viewMode":[],"hasBg":true,"expandable":false,"isNoHeader":false,"hasAccess":false},"dataMeta":[],"checksum":"d9add89713fb33c66b99c58bef66686cc5c9a2ca21df2c17773f738e16db8b74"}}"
class="w-full
lazy-block
"
id="69a51b21a1d94"
data-block_name="Channel\NewsBlock"
data-lazy_inited="not-inited"
data-lazy_loaded="not-loaded"
>
</div>
<!-- Livewire Component wire-end:dhmENeUNtDn5qSaoswk9 --> </div>
<div>
<div wire:id="6L1bnVc2Ab1eIP0ZMhjn" wire:initial-data="{"fingerprint":{"id":"6L1bnVc2Ab1eIP0ZMhjn","name":"channel.media-activity-block","locale":"en","path":"channels\/sermochi","method":"GET","v":"acj"},"effects":{"listeners":[]},"serverMemo":{"children":[],"errors":[],"htmlHash":"21c215fd","data":{"title":"Channel media activity","icon":"media-activity-fill","view":"channel.media-activity-block","channel":{"encoded_channel_display_name":"7365726d6f636869","media_links":null},"edit":"toggleContributions","editType":"add","tabContributionValue":5,"showData":false,"titleTag":"h2","titleTagClass":null,"titleExtraClass":null,"subtitle":null,"underTitle":null,"description":null,"info":null,"select":null,"tip":null,"titleDate":null,"exportTitle":null,"headerClass":null,"headerLeftClass":null,"slotClass":null,"blockID":"69a51b21a3ae2","blockClass":null,"loadable":true,"noMargin":false,"noPadding":false,"className":"Channel\\MediaActivityBlock","actionViews":[],"selectedActions":null,"lazy":false,"lazyLoad":true,"lazyLoaded":false,"readyToLoad":false,"lazyWait":false,"extendedDownload":false,"viewMode":[],"hasBg":true,"expandable":false,"isNoHeader":false,"hasAccess":false},"dataMeta":[],"checksum":"87fa8af761c8acb42aafd58fcd483be3fbb3f34205a7121426723360681af5bd"}}"
class="w-full
"
id="69a51b21a3ae2"
data-block_name="Channel\MediaActivityBlock"
data-lazy_inited="not-inited"
data-lazy_loaded="not-loaded"
>
</div>
<!-- Livewire Component wire-end:8lKeezj8mwVg04t1QVLJ --> </div>
</div>
<div class="flex flex-col order-2">
<div>
<div wire:id="YYfphye2Uqu53xbCYUDr" wire:initial-data="{"fingerprint":{"id":"YYfphye2Uqu53xbCYUDr","name":"channel.faqs-block","locale":"en","path":"channels\/sermochi","method":"GET","v":"acj"},"effects":{"listeners":[]},"serverMemo":{"children":[],"errors":[],"htmlHash":"d8d9d1ae","data":{"title":"FAQ","icon":"question","view":"channel.faq-block","hideDownload":true,"channel":{"channel_display_name":"sermochi","platform_id":1,"channel_name":"sermochi","channel_id":"48736987","last_followers":3597,"last_views":0,"bans":null,"birthday":null,"country":"SG","real_name":null,"all_stream_languages":["en","0"],"partner":1,"setup":null,"hardware":null},"titleTag":"h2","titleTagClass":null,"titleExtraClass":null,"subtitle":null,"underTitle":null,"description":null,"info":null,"select":null,"tip":null,"titleDate":null,"exportTitle":null,"headerClass":null,"headerLeftClass":null,"slotClass":null,"blockID":"69a51b21a51c1","blockClass":null,"loadable":true,"noMargin":false,"noPadding":false,"className":"Channel\\FaqsBlock","actionViews":[],"selectedActions":null,"lazy":false,"lazyLoad":true,"lazyLoaded":false,"readyToLoad":false,"lazyWait":false,"extendedDownload":false,"showData":true,"tabContributionValue":0,"viewMode":[],"hasBg":true,"expandable":false,"isNoHeader":false,"hasAccess":false},"dataMeta":[],"checksum":"b8dd2c91bfc9b919560b23fd4639449e220ae8db5d0461c39031e13ba186a13c"}}"
class="w-full
mt-6
"
id="69a51b21a51c1"
data-block_name="Channel\FaqsBlock"
data-lazy_inited="not-inited"
data-lazy_loaded="not-loaded"
>
<section
class="flex flex-col h-full "
x-data="{
name: 'sermochi',
title:'FAQ',
}"
x-ref="block"
>
<header class="download-block__slot-header ">
<div class="flex items-center !mb-0">
<div class="items-center inline-block sm-max:flex-col sm-max:items-start">
<div class="flex items-center sm-max:flex-wrap ">
<div
class="
relative w-8 h-8 mb-3 mr-3 download-block__button
"
>
<div class="download-block__icon hide-download ">
<svg width="16" height="16" class="fill-current download-block__icon-custom" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path d="M8 14.667A6.667 6.667 0 1 1 8 1.334a6.667 6.667 0 0 1 0 13.333zm0-1.334A5.333 5.333 0 1 0 8 2.667a5.333 5.333 0 0 0 0 10.666zM7.333 10h1.334v1.333H7.334V10zm1.334-1.097v.43H7.334v-1A.667.667 0 0 1 8 7.667a1 1 0 1 0-.98-1.196l-1.308-.262a2.334 2.334 0 1 1 2.955 2.694z"/></svg> <svg width="16" height="16" class="fill-current download-block__icon-download" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path d="M8.667 6.667H12l-4 4-4-4h3.333V2h1.334v4.667zm-6 6h10.666V8h1.334v5.333A.667.667 0 0 1 14 14H2a.666.666 0 0 1-.667-.667V8h1.334v4.667z"/></svg> </div>
</div>
<div class="flex items-center mb-3 min-h-8">
</div>
<div class="flex items-center mb-3 min-h-8">
<div
class="
font-bold left-full text-default mr-3
text-base
"
>
<h2 class
="">
FAQ
</h2>
</div>
<div class="download-block__slot-header-right">
</div>
</div>
</div>
</div>
</div>
<div class="download-block__slot-header-right ">
</div>
</header>
<div class="download-block-slot h-full " x-ref="content">
<div class="relative w-full h-full
rounded-lg bg-card p-6
"
wire:loading.class="opacity-75 pointer-events-none show-loader"
>
<div class="relative flex items-stretch -m-6 sm-max:flex-col" itemscope itemtype="https://schema.org/FAQPage" >
<ul
class="
md:py-2 flex-grow flex-basis-0
md:border-r border-gray-dark pt-2 "
>
<li class="py-3 px-6 border-gray-dark md:border-t-0
border-t-0
"
itemscope itemprop="mainEntity" itemtype="https://schema.org/Question"
>
<h3 class="text-base font-bold" itemprop="name" >
What is sermochi real name?
</h3>
<div class="mt-1"
itemscope itemprop="acceptedAnswer" itemtype="https://schema.org/Answer"
>
<div
class=""
itemprop="text"
>
<p class="text-sm leading-6 text-secondary ">
Currently, we don't have information about sermochi real name.
</p>
</div>
</div>
</li>
<li class="py-3 px-6 border-gray-dark border-t
"
itemscope itemprop="mainEntity" itemtype="https://schema.org/Question"
>
<h3 class="text-base font-bold" itemprop="name" >
sermochi Twitch Stats
</h3>
<div class="mt-1"
itemscope itemprop="acceptedAnswer" itemtype="https://schema.org/Answer"
>
<div
class=""
itemprop="text"
>
<p class="text-sm leading-6 text-secondary ">
In the last 30 days, sermochi has streamed for 31h 10m with a peak of 202 viewers and an average of 50 viewers.
</p>
</div>
</div>
</li>
<li class="py-3 px-6 border-gray-dark border-t
"
itemscope itemprop="mainEntity" itemtype="https://schema.org/Question"
>
<h3 class="text-base font-bold" itemprop="name" >
sermochi status on Twitch
</h3>
<div class="mt-1"
itemscope itemprop="acceptedAnswer" itemtype="https://schema.org/Answer"
>
<div
class=""
itemprop="text"
>
<p class="text-sm leading-6 text-secondary ">
sermochi is a Twitch Partner
</p>
</div>
</div>
</li>
<li class="py-3 px-6 border-gray-dark border-t
"
itemscope itemprop="mainEntity" itemtype="https://schema.org/Question"
>
<h3 class="text-base font-bold" itemprop="name" >
sermochi bans
</h3>
<div class="mt-1"
itemscope itemprop="acceptedAnswer" itemtype="https://schema.org/Answer"
>
<div
class=""
itemprop="text"
>
<p class="text-sm leading-6 text-secondary ">
sermochi wasn't banned on Twitch.
</p>
</div>
</div>
</li>
<li class="py-3 px-6 border-gray-dark border-t
"
itemscope itemprop="mainEntity" itemtype="https://schema.org/Question"
>
<h3 class="text-base font-bold" itemprop="name" >
How many Twitch followers does sermochi have?
</h3>
<div class="mt-1"
itemscope itemprop="acceptedAnswer" itemtype="https://schema.org/Answer"
>
<div
class=""
itemprop="text"
>
<p class="text-sm leading-6 text-secondary ">
sermochi Twitch followers count is 3 597 followers with 4 new followers in the last 30 days.
</p>
</div>
</div>
</li>
<li class="py-3 px-6 border-gray-dark border-t
"
itemscope itemprop="mainEntity" itemtype="https://schema.org/Question"
>
<h3 class="text-base font-bold" itemprop="name" >
How old is sermochi?
</h3>
<div class="mt-1"
itemscope itemprop="acceptedAnswer" itemtype="https://schema.org/Answer"
>
<div
class=""
itemprop="text"
>
<p class="text-sm leading-6 text-secondary ">
Currently, we don't have information about sermochi age.
</p>
</div>
</div>
</li>
<li class="py-3 px-6 border-gray-dark border-t
"
itemscope itemprop="mainEntity" itemtype="https://schema.org/Question"
>
<h3 class="text-base font-bold" itemprop="name" >
When is sermochi's birthday?
</h3>
<div class="mt-1"
itemscope itemprop="acceptedAnswer" itemtype="https://schema.org/Answer"
>
<div
class=""
itemprop="text"
>
<p class="text-sm leading-6 text-secondary ">
Currently, we don't have information about sermochi birth date.
</p>
</div>
</div>
</li>
<li class="py-3 px-6 border-gray-dark border-t
"
itemscope itemprop="mainEntity" itemtype="https://schema.org/Question"
>
<h3 class="text-base font-bold" itemprop="name" >
Where does sermochi live?
</h3>
<div class="mt-1"
itemscope itemprop="acceptedAnswer" itemtype="https://schema.org/Answer"
>
<div
class=""
itemprop="text"
>
<p class="text-sm leading-6 text-secondary ">
sermochi currently lives in Singapore.
</p>
</div>
</div>
</li>
<li class="py-3 px-6 border-gray-dark border-t
"
itemscope itemprop="mainEntity" itemtype="https://schema.org/Question"
>
<h3 class="text-base font-bold" itemprop="name" >
What time does sermochi stream?
</h3>
<div class="mt-1"
itemscope itemprop="acceptedAnswer" itemtype="https://schema.org/Answer"
>
<div
class=""
itemprop="text"
>
<div class="-mx-6">
<p class="px-6 text-sm leading-6 text-secondary">
sermochi stream schedule is:
</p>
<ul class="mt-3 ml-6 max-w-max">
<li class="flex items-center justify-between text-xs py-2.5 px-3 rounded-md ">
<span class="min-w-1/4 text-secondary pr-3 1">Monday:</span>
<span>
<span class="mr-2 font-bold">04:10 – 09:50</span>
<div
data-tippy-content="Average stream's duration on Monday"
style="background-color: rgba(secondary, 0.1); color: rgb(secondary)"
class="tag xs rounded bg-secondary text-secondary ">
~ 5h 45m
</div>
</span>
</li>
<li class="flex items-center justify-between text-xs py-2.5 px-3 rounded-md bg-row">
<span class="min-w-1/4 text-secondary pr-3 opacity-75">Tuesday:</span>
<span>
<span class="flex items-center">
<span class="mr-2 opacity-75">No data</span>
<svg
class="w-4 h-4 fill-current flex-shrink-0 opacity-75"
title="close"
name="close" class="opacity-75"
>
<use class="fill-current" href="/sprite.svg?id=c1059218424a91c1d0f9f88aea83fe24#icon-close" />
</svg> </span>
</span>
</li>
<li class="flex items-center justify-between text-xs py-2.5 px-3 rounded-md ">
<span class="min-w-1/4 text-secondary pr-3 opacity-75">Wednesday:</span>
<span>
<span class="flex items-center">
<span class="mr-2 opacity-75">No data</span>
<svg
class="w-4 h-4 fill-current flex-shrink-0 opacity-75"
title="close"
name="close" class="opacity-75"
>
<use class="fill-current" href="/sprite.svg?id=c1059218424a91c1d0f9f88aea83fe24#icon-close" />
</svg> </span>
</span>
</li>
<li class="flex items-center justify-between text-xs py-2.5 px-3 rounded-md bg-row">
<span class="min-w-1/4 text-secondary pr-3 opacity-75">Thursday:</span>
<span>
<span class="flex items-center">
<span class="mr-2 opacity-75">No data</span>
<svg
class="w-4 h-4 fill-current flex-shrink-0 opacity-75"
title="close"
name="close" class="opacity-75"
>
<use class="fill-current" href="/sprite.svg?id=c1059218424a91c1d0f9f88aea83fe24#icon-close" />
</svg> </span>
</span>
</li>
<li class="flex items-center justify-between text-xs py-2.5 px-3 rounded-md ">
<span class="min-w-1/4 text-secondary pr-3 opacity-75">Friday:</span>
<span>
<span class="flex items-center">
<span class="mr-2 opacity-75">No data</span>
<svg
class="w-4 h-4 fill-current flex-shrink-0 opacity-75"
title="close"
name="close" class="opacity-75"
>
<use class="fill-current" href="/sprite.svg?id=c1059218424a91c1d0f9f88aea83fe24#icon-close" />
</svg> </span>
</span>
</li>
<li class="flex items-center justify-between text-xs py-2.5 px-3 rounded-md bg-row">
<span class="min-w-1/4 text-secondary pr-3 opacity-75">Saturday:</span>
<span>
<span class="flex items-center">
<span class="mr-2 opacity-75">No data</span>
<svg
class="w-4 h-4 fill-current flex-shrink-0 opacity-75"
title="close"
name="close" class="opacity-75"
>
<use class="fill-current" href="/sprite.svg?id=c1059218424a91c1d0f9f88aea83fe24#icon-close" />
</svg> </span>
</span>
</li>
<li class="flex items-center justify-between text-xs py-2.5 px-3 rounded-md ">
<span class="min-w-1/4 text-secondary pr-3 opacity-75">Sunday:</span>
<span>
<span class="flex items-center">
<span class="mr-2 opacity-75">No data</span>
<svg
class="w-4 h-4 fill-current flex-shrink-0 opacity-75"
title="close"
name="close" class="opacity-75"
>
<use class="fill-current" href="/sprite.svg?id=c1059218424a91c1d0f9f88aea83fe24#icon-close" />
</svg> </span>
</span>
</li>
</ul>
</div>
</div>
</div>
</li>
<li class="py-3 px-6 border-gray-dark border-t
"
itemscope itemprop="mainEntity" itemtype="https://schema.org/Question"
>
<h3 class="text-base font-bold" itemprop="name" >
What does sermochi stream on Twitch?
</h3>
<div class="mt-1"
itemscope itemprop="acceptedAnswer" itemtype="https://schema.org/Answer"
>
<div
class=""
itemprop="text"
>
<p class="text-sm leading-6 text-secondary ">
sermochi wasn't streaming last 30 days.
</p>
</div>
</div>
</li>
</ul>
<ul
class="
md:py-2 flex-grow flex-basis-0
pb-2 "
>
<li class="py-3 px-6 border-gray-dark md:border-t-0
border-t
"
itemscope itemprop="mainEntity" itemtype="https://schema.org/Question"
>
<h3 class="text-base font-bold" itemprop="name" >
How many people watch sermochi on Twitch?
</h3>
<div class="mt-1"
itemscope itemprop="acceptedAnswer" itemtype="https://schema.org/Answer"
>
<div
class=""
itemprop="text"
>
<p class="text-sm leading-6 text-secondary ">
sermochi has been watched on Twitch by 50 Average Viewers, which have generated 1 538 Hours Watched in the last 30 days.
</p>
</div>
</div>
</li>
<li class="py-3 px-6 border-gray-dark border-t
"
itemscope itemprop="mainEntity" itemtype="https://schema.org/Question"
>
<h3 class="text-base font-bold" itemprop="name" >
How many hours does sermochi stream on Twitch?
</h3>
<div class="mt-1"
itemscope itemprop="acceptedAnswer" itemtype="https://schema.org/Answer"
>
<div
class=""
itemprop="text"
>
<p class="text-sm leading-6 text-secondary ">
In the last 30 days, sermochi streamed for 31h 10m on Twitch (6h 14m /day).
</p>
</div>
</div>
</li>
<li class="py-3 px-6 border-gray-dark border-t
"
itemscope itemprop="mainEntity" itemtype="https://schema.org/Question"
>
<h3 class="text-base font-bold" itemprop="name" >
How many views does sermochi get on Twitch?
</h3>
<div class="mt-1"
itemscope itemprop="acceptedAnswer" itemtype="https://schema.org/Answer"
>
<div
class=""
itemprop="text"
>
<p class="text-sm leading-6 text-secondary ">
For the last 30 days, sermochi get 3 102 Live Views on Twitch.
</p>
</div>
</div>
</li>
<li class="py-3 px-6 border-gray-dark border-t
"
itemscope itemprop="mainEntity" itemtype="https://schema.org/Question"
>
<h3 class="text-base font-bold" itemprop="name" >
How many viewers does sermochi average on Twitch?
</h3>
<div class="mt-1"
itemscope itemprop="acceptedAnswer" itemtype="https://schema.org/Answer"
>
<div
class=""
itemprop="text"
>
<p class="text-sm leading-6 text-secondary ">
sermochi streamed for an average of 50 viewers on Twitch in the last 30 days.
</p>
</div>
</div>
</li>
<li class="py-3 px-6 border-gray-dark border-t
"
>
<h3 class="text-base font-bold" >
What setup does sermochi use?
</h3>
<div class="mt-1"
>
<div
class=""
itemprop="text"
>
<p class="text-sm leading-6 text-secondary ">
We have no information on the sermochi setup.
</p>
</div>
</div>
</li>
<li class="py-3 px-6 border-gray-dark border-t
"
>
<h3 class="text-base font-bold" >
What gears does sermochi use?
</h3>
<div class="mt-1"
>
<div
class=""
itemprop="text"
>
<p class="text-sm leading-6 text-secondary ">
We have no information on the sermochi gears.
</p>
</div>
</div>
</li>
<li class="py-3 px-6 border-gray-dark border-t
"
itemscope itemprop="mainEntity" itemtype="https://schema.org/Question"
>
<h3 class="text-base font-bold" itemprop="name" >
What is sermochi's audience location?
</h3>
<div class="mt-1"
itemscope itemprop="acceptedAnswer" itemtype="https://schema.org/Answer"
>
<div
class=""
itemprop="text"
>
<p class="text-sm leading-6 text-secondary ">
We have no information on sermochi's audience location.
</p>
</div>
</div>
</li>
<li class="py-3 px-6 border-gray-dark border-t
"
itemscope itemprop="mainEntity" itemtype="https://schema.org/Question"
>
<h3 class="text-base font-bold" itemprop="name" >
What is the predominant gender among sermochi's viewers?
</h3>
<div class="mt-1"
itemscope itemprop="acceptedAnswer" itemtype="https://schema.org/Answer"
>
<div
class=""
itemprop="text"
>
<p class="text-sm leading-6 text-secondary ">
We have no information on sermochi's audience genders.
</p>
</div>
</div>
</li>
<li class="py-3 px-6 border-gray-dark border-t
"
itemscope itemprop="mainEntity" itemtype="https://schema.org/Question"
>
<h3 class="text-base font-bold" itemprop="name" >
What is the core age group for the sermochi's audience?
</h3>
<div class="mt-1"
itemscope itemprop="acceptedAnswer" itemtype="https://schema.org/Answer"
>
<div
class=""
itemprop="text"
>
<p class="text-sm leading-6 text-secondary ">
We have no information on sermochi's audience age ranges.
</p>
</div>
</div>
</li>
<li class="py-3 px-6 border-gray-dark border-t
"
itemscope itemprop="mainEntity" itemtype="https://schema.org/Question"
>
<h3 class="text-base font-bold" itemprop="name" >
What are the main interests of the sermochi's audience?
</h3>
<div class="mt-1"
itemscope itemprop="acceptedAnswer" itemtype="https://schema.org/Answer"
>
<div
class=""
itemprop="text"
>
<p class="text-sm leading-6 text-secondary ">
We have no information on sermochi's audience interests.
</p>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
</section>
</div>
<!-- Livewire Component wire-end:Ba3eQMIDuEjPZrPpKyA5 --> </div>
</div>
</div>
<div class="col-span-3 md-max:col-span-12">
<div class="grid grid-cols-12 gap-x-6">
<div class="hidden" id="right_col"></div>
<div class="col-span-12 md-max:col-span-6 sm-max:col-span-12" id="about_block">
<div wire:id="0WsL0g1ZoIFKjD0CNeKo" wire:initial-data="{"fingerprint":{"id":"0WsL0g1ZoIFKjD0CNeKo","name":"channel.about-block","locale":"en","path":"channels\/sermochi","method":"GET","v":"acj"},"effects":{"listeners":[]},"serverMemo":{"children":[],"errors":[],"htmlHash":"278ee2a4","data":{"title":"About","icon":"channels-fill","view":"channel.about-block","info":"All information based on user contributions or public data about the channel\/streamer. All contributions are carefully moderated by our team.","edit":"toggleContributions","isShowEmail":false,"lockShowEmail":false,"channel":{"socials":[],"affiliation":null,"language":"en","teams_id":["3604","13027"],"teams_display_name":["Singaporean Streamers","Under the SEA"],"teams_name":["sg","underthesea"],"id":670293080,"channel_name":"sermochi","partner":1,"stream_language":"en","organization":null,"channel_creation_date":"2013-09-08 11:13:53","description":null,"platform_id":1,"channel_id":"48736987","real_name":null,"gender":null,"birthday":null,"country":"SG","city":null,"email":"Johnnytan@gmail.com","hardware":null,"setup":null,"media_links":null,"ads_sponsored_stream":null,"ads_banner_on_stream":null,"ads_banner_in_channels_about":null,"ads_instagram_reels":null,"ads_instagram_story":null,"ads_tiktok_video":null,"ads_post":null,"ads_youtube_video":null,"ads_remind_price_revision":0,"ads_categories":null,"similar_channels":"[]","disabled":false,"sorted_about":[{"name":"Platform's partnership","value":{"icon":"verification-fill","text":"Partner"}},{"name":"Language","value":{"text":"English"}},{"name":"Teams","value":{"links":[{"text":"Singaporean Streamers","link":"https:\/\/streamscharts.com\/teams\/sg"},{"text":"Under the SEA","link":"https:\/\/streamscharts.com\/teams\/underthesea"}]}},{"name":"Real name","slug":"real-name","value":[]},{"name":"Gender","value":[]},{"name":"Birthday","slug":"birthday","value":[]},{"name":"Age","slug":"age","value":[]},{"name":"Channel creation date","value":{"text":"Sep 08, 2013"}},{"name":"Country (citizen of)","value":{"flag":"https:\/\/static.streamscharts.com\/img\/flags\/sg.svg","text":"Singapore"}},{"name":"City of residence","slug":"city","value":[]},{"name":"Business <\/br>email","class":"items-end","type":"email","value":{"text":"Johnnytan@gmail.com"}}],"show_help_fill_info":true},"isOpenContributions":null,"tabContributionValue":0,"titleTag":"h2","titleTagClass":null,"titleExtraClass":null,"subtitle":null,"underTitle":null,"description":null,"select":null,"tip":null,"titleDate":null,"exportTitle":null,"headerClass":null,"headerLeftClass":null,"slotClass":null,"blockID":"69a51b21b746c","blockClass":null,"loadable":true,"noMargin":false,"noPadding":false,"className":"Channel\\AboutBlock","actionViews":[],"selectedActions":null,"lazy":false,"lazyLoad":true,"lazyLoaded":false,"readyToLoad":false,"lazyWait":false,"extendedDownload":false,"showData":true,"viewMode":[],"hasBg":true,"expandable":false,"isNoHeader":false,"hasAccess":false},"dataMeta":[],"checksum":"38b968f1f26797b00a41f3a793aad3f38922586926f24ce4988bff3a131eb127"}}"
class="w-full
mt-6
"
id="69a51b21b746c"
data-block_name="Channel\AboutBlock"
data-lazy_inited="not-inited"
data-lazy_loaded="not-loaded"
>
<section
class="flex flex-col h-full download-block "
x-data="{
name: '',
title:'About',
}"
x-ref="block"
>
<header class="download-block__slot-header ">
<div class="flex items-center !mb-0">
<div class="items-center inline-block sm-max:flex-col sm-max:items-start">
<div class="flex items-center sm-max:flex-wrap ">
<div
class="
relative w-8 h-8 mb-3 mr-3 download-block__button
"
>
<div class="download-block__icon ">
<svg width="16" height="16" class="fill-current download-block__icon-custom" width="16" height="16" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
<path
d="M11.333 6.133L14.81 3.7a.333.333 0 0 1 .524.273v8.054a.333.333 0 0 1-.524.273l-3.476-2.433v2.8a.667.667 0 0 1-.667.666H1.333a.667.667 0 0 1-.666-.666V3.333a.667.667 0 0 1 .666-.666h9.334a.667.667 0 0 1 .666.666v2.8zm-8-.8v1.334h1.333V5.333H3.333z" />
</svg> <svg width="16" height="16" class="fill-current download-block__icon-download" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path d="M8.667 6.667H12l-4 4-4-4h3.333V2h1.334v4.667zm-6 6h10.666V8h1.334v5.333A.667.667 0 0 1 14 14H2a.666.666 0 0 1-.667-.667V8h1.334v4.667z"/></svg> </div>
<div class="download-block__button-text download-block__button">
<span class="px-3 text-sm font-bold w-max whitespace-nowrap text-default">
<button
x-on:click="window.location.href = '/login'"
class="btn link-primary ">
Login
</button>
to download as .PNG
</span>
</div>
</div>
<div class="flex items-center mb-3 min-h-8">
</div>
<div class="flex items-center mb-3 min-h-8">
<div
class="
font-bold left-full text-default mr-3
text-base
"
>
<h2 class
="">
About
</h2>
</div>
<div class="download-block__slot-header-right">
</div>
</div>
<div class="flex items-center mb-3 min-h-8">
<div data-tippy-content="All information based on user contributions or public data about the channel/streamer. All contributions are carefully moderated by our team." delay-after="800">
<svg
class="w-4 h-4 fill-current flex-shrink-0 text-secondary cursor-help"
title="information"
name="information" class="text-secondary cursor-help"
>
<use class="fill-current" href="/sprite.svg?id=c1059218424a91c1d0f9f88aea83fe24#icon-information" />
</svg> </div>
</div>
</div>
</div>
</div>
<div class="download-block__slot-header-right ">
<div data-tippy-content="Login to make edits">
<button
disabled="disabled"
data-tippy-content="Login to make edits"
class="btn disabled tertiary sm h-8 px-3 py-2">
Edit
<svg
class="w-4 h-4 fill-current flex-shrink-0 ml-3"
title="edit-fill"
name="edit-fill" class="ml-3"
>
<use class="fill-current" href="/sprite.svg?id=c1059218424a91c1d0f9f88aea83fe24#icon-edit-fill" />
</svg>
</button>
</div>
</div>
</header>
<div class="download-block-slot h-full " x-ref="content">
<div class="relative w-full h-full
rounded-lg bg-card p-6
"
wire:loading.class="opacity-75 pointer-events-none show-loader"
>
<div>
<div x-data="{show_hidden: true}">
<div class="about-block__item ">
<span class="text-secondary">Platform's partnership:</span>
<span class="flex items-center font-bold text-right ">
<svg
class="w-4 h-4 fill-current flex-shrink-0 w-4 h-4 mr-2 text-secondary"
title="verification-fill"
name="verification-fill" class="w-4 h-4 mr-2 text-secondary"
>
<use class="fill-current" href="/sprite.svg?id=c1059218424a91c1d0f9f88aea83fe24#icon-verification-fill" />
</svg> Partner
</span>
</div>
<div class="about-block__item ">
<span class="text-secondary">Language:</span>
<span class="flex items-center font-bold text-right ">
English
</span>
</div>
<div class="about-block__item ">
<span class="text-secondary">Teams:</span>
<span class="flex items-center font-bold text-right hover-block ">
<a href="https://streamscharts.com/teams/sg" class="pl-3 overflow-hidden text-right line-clamp-1 hover:opacity-80"
>
Singaporean Streamers
</a>
<div
style="background-color: rgba(secondary, 0.1); color: rgb(secondary)"
class="tag xs rounded bg-secondary text-secondary ml-2">
+1
</div>
<div class="absolute right-0 z-10 rounded-md hover-block-content top-full bg-gray-dark whitespace-nowrap">
<div class="p-4">
<div class="mb-3 text-xs text-secondary">All Teams:</div>
<ul class="space-y-2 text-xs font-bold text-secondary">
<li>
<a
href="https://streamscharts.com/teams/sg"
class="btn link-secondary ">
Singaporean Streamers
</a>
</li>
<li>
<a
href="https://streamscharts.com/teams/underthesea"
class="btn link-secondary ">
Under the SEA
</a>
</li>
</ul>
</div>
</div>
</span>
</div>
<div class="about-block__item ">
<span class="text-secondary">Real name:</span>
<div class="about-block__item-button" data-tippy-content="Login to make edits">
<button
aria-label="Add"
disabled="disabled"
wire:click="$emit('toggleContributions', 0)"
class="btn disabled secondary equilateral--xs ">
<svg
class="w-4 h-4 fill-current flex-shrink-0 w-4 h-4"
title="add"
name="add" class="w-4 h-4"
>
<use class="fill-current" href="/sprite.svg?id=c1059218424a91c1d0f9f88aea83fe24#icon-add" />
</svg>
</button>
</div>
</div>
<div class="about-block__item ">
<span class="text-secondary">Gender:</span>
<div class="about-block__item-button" data-tippy-content="Login to make edits">
<button
aria-label="Add"
disabled="disabled"
wire:click="$emit('toggleContributions', 0)"
class="btn disabled secondary equilateral--xs ">
<svg
class="w-4 h-4 fill-current flex-shrink-0 w-4 h-4"
title="add"
name="add" class="w-4 h-4"
>
<use class="fill-current" href="/sprite.svg?id=c1059218424a91c1d0f9f88aea83fe24#icon-add" />
</svg>
</button>
</div>
</div>
<div class="about-block__item ">
<span class="text-secondary">Birthday:</span>
<div class="about-block__item-button" data-tippy-content="Login to make edits">
<button
aria-label="Add"
disabled="disabled"
wire:click="$emit('toggleContributions', 0)"
class="btn disabled secondary equilateral--xs ">
<svg
class="w-4 h-4 fill-current flex-shrink-0 w-4 h-4"
title="add"
name="add" class="w-4 h-4"
>
<use class="fill-current" href="/sprite.svg?id=c1059218424a91c1d0f9f88aea83fe24#icon-add" />
</svg>
</button>
</div>
</div>
<div class="about-block__item ">
<span class="text-secondary">Age:</span>
<div class="about-block__item-button" data-tippy-content="Login to make edits">
<button
aria-label="Add"
disabled="disabled"
wire:click="$emit('toggleContributions', 0)"
class="btn disabled secondary equilateral--xs ">
<svg
class="w-4 h-4 fill-current flex-shrink-0 w-4 h-4"
title="add"
name="add" class="w-4 h-4"
>
<use class="fill-current" href="/sprite.svg?id=c1059218424a91c1d0f9f88aea83fe24#icon-add" />
</svg>
</button>
</div>
</div>
<div class="about-block__item ">
<span class="text-secondary">Channel creation date:</span>
<span class="flex items-center font-bold text-right ">
Sep 08, 2013
</span>
</div>
<div class="about-block__item ">
<span class="text-secondary">Country (citizen of):</span>
<span class="flex items-center font-bold text-right !block ">
<img
src="https://static.streamscharts.com/img/flags/sg.svg"
alt="Singapore"
width="16"
height="12"
decoding="async"
class="w-4 h-3 mr-1.5 rounded-sm inline"
/>
Singapore
</span>
</div>
<div class="about-block__item ">
<span class="text-secondary">City of residence:</span>
<div class="about-block__item-button" data-tippy-content="Login to make edits">
<button
aria-label="Add"
disabled="disabled"
wire:click="$emit('toggleContributions', 0)"
class="btn disabled secondary equilateral--xs ">
<svg
class="w-4 h-4 fill-current flex-shrink-0 w-4 h-4"
title="add"
name="add" class="w-4 h-4"
>
<use class="fill-current" href="/sprite.svg?id=c1059218424a91c1d0f9f88aea83fe24#icon-add" />
</svg>
</button>
</div>
</div>
<div class="about-block__item items-end">
<span class="text-secondary">Business </br>email:</span>
<span class="flex items-center font-bold text-right ">
<div>
<button
data-tippy-content="You need <a class='link-transition' href='/login'>login</a> to show email" delay-after
class="btn secondary sm heimdall-show_email !h-5 !px-1.5 !text-xs !text-secondary hover:!bg-gray-dark">
<svg
class="w-4 h-4 fill-current flex-shrink-0 w-3 h-3 mr-1.5"
title="lock-fill"
name="lock-fill" class="w-3 h-3 mr-1.5"
>
<use class="fill-current" href="/sprite.svg?id=c1059218424a91c1d0f9f88aea83fe24#icon-lock-fill" />
</svg> Show
</button>
</div>
</span>
</div>
<div
class="flex flex-col items-center p-3 mb-3 border border-transparent rounded-md bg-card"
style="background: linear-gradient(rgba(var(--color-card)), rgba(var(--color-card))) padding-box, linear-gradient(268.18deg, #FF498B 43.06%, #9A4BE3 61.01%, #7B4CFF 81.43%, #7191FF 102.47%) border-box;">
<svg class="fill-current !w-8 !h-8" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 32 32"><path fill="url(#paint0_radial_32701_137337)" fill-rule="evenodd" d="M16 32c8.837 0 16-7.163 16-16S24.837 0 16 0 0 7.163 0 16c0 2.302.486 4.491 1.362 6.47C.598 24.116 0 25.804 0 26.8a4.4 4.4 0 0 0 7.717 2.892A15.925 15.925 0 0 0 16 32zm-5.8-14.4c1.215 0 2.2-1.343 2.2-3s-.985-3-2.2-3c-1.215 0-2.2 1.343-2.2 3s.985 3 2.2 3zm13.8-3c0 1.657-.985 3-2.2 3-1.215 0-2.2-1.343-2.2-3s.985-3 2.2-3c1.215 0 2.2 1.343 2.2 3zM11.958 7.379a.4.4 0 1 0-.716-.358C10.575 8.355 9.444 9.2 8.274 9.714c-1.173.516-2.358.686-3.074.686a.4.4 0 0 0 0 .8c.817 0 2.113-.19 3.396-.754 1.287-.565 2.588-1.52 3.362-3.067zm8.263-.537a.4.4 0 0 0-.179.537c.773 1.546 2.075 2.502 3.362 3.067 1.283.564 2.579.754 3.396.754a.4.4 0 0 0 0-.8c-.716 0-1.9-.17-3.074-.686-1.17-.515-2.302-1.36-2.968-2.693a.4.4 0 0 0-.537-.179zm-8.73 17.322C12.405 22.59 13.972 20.8 16 20.8c2.03 0 3.596 1.791 4.508 3.364.33.57-.212 1.188-.854 1.043-1.164-.264-2.596-.521-3.654-.521-1.057 0-2.49.257-3.654.52-.642.146-1.185-.473-.854-1.042zM8 26.8a3.6 3.6 0 0 1-7.2 0c0-.459.18-1.214.523-2.158.333-.92.791-1.938 1.278-2.889.487-.952.994-1.817 1.42-2.434.143-.207.27-.377.379-.508.109.131.236.3.38.508.425.617.932 1.482 1.42 2.434.486.951.944 1.97 1.277 2.889C7.82 25.586 8 26.34 8 26.8zm-3.337-8.264l-.003.002.003-.002zm-.523.002l-.003-.002.003.002z" clip-rule="evenodd"/><defs><radialGradient id="paint0_radial_32701_137337" cx="0" cy="0" r="1" gradientTransform="matrix(-32.10175 31.99994 -24.17405 -24.25096 32.102 0)" gradientUnits="userSpaceOnUse"><stop offset=".193" stop-color="#63D9FF"/><stop offset=".714" stop-color="#7B4CFF"/><stop offset="1" stop-color="#FF498B"/></radialGradient></defs></svg> <h4 class="mt-3 text-xs font-bold">
We're missing some info here
</h4>
<p class="text-xs">
You can help us by contributing it.
</p>
<a
href="https://streamscharts.com/login"
class="btn secondary sm w-full mt-3 heimdall-contribution_missing_edit">
Login to edit
</a>
</div>
<div class="mb-3 text-xs text-secondary">Socials:</div>
<div class="flex flex-wrap">
<div data-tippy-content="Login to make edits">
<button
aria-label="Add"
disabled="disabled"
wire:click.prevent="$emit('toggleContributions', 1)"
class="btn disabled secondary equilateral--sm mr-2 rounded-full">
<svg
class="w-4 h-4 fill-current flex-shrink-0 w-4 h-4"
title="add"
name="add" class="w-4 h-4"
>
<use class="fill-current" href="/sprite.svg?id=c1059218424a91c1d0f9f88aea83fe24#icon-add" />
</svg>
</button>
</div>
</div>
</div>
<div class="relative mt-4 -mx-6 -mb-6">
<a
href="https://streamscharts.com/external?page=https%3A%2F%2Ftwitch.tv%2Fsermochi" rel="noindex nofollow noopener noreferrer" target="_blank"
class="btn secondary full !rounded-t-none">
<svg
class="w-4 h-4 fill-current flex-shrink-0 mr-3"
title="twitch-fill"
name="twitch-fill" class="mr-3"
>
<use class="fill-current" href="/sprite.svg?id=c1059218424a91c1d0f9f88aea83fe24#icon-twitch-fill" />
</svg> Twitch page
<svg
class="w-4 h-4 fill-current flex-shrink-0 ml-3 text-secondary"
title="arrow-right-up"
name="arrow-right-up" class="ml-3 text-secondary"
>
<use class="fill-current" href="/sprite.svg?id=c1059218424a91c1d0f9f88aea83fe24#icon-arrow-right-up" />
</svg>
</a>
</div>
</div>
</div>
</div>
</section>
</div>
<!-- Livewire Component wire-end:kB2zl0HNgLAnA0ZhNL8k --> </div>
<div class="col-span-12 md-max:col-span-6 sm-max:col-span-12" id="chess_watch_block">
<div wire:id="0DdzMzpeJ7jlzz4sshO5" wire:initial-data="{"fingerprint":{"id":"0DdzMzpeJ7jlzz4sshO5","name":"channel.chess-rankings-block","locale":"en","path":"channels\/sermochi","method":"GET","v":"acj"},"effects":{"listeners":[]},"serverMemo":{"children":[],"errors":[],"htmlHash":"5d989196","data":{"title":"Chess rankings by <img class='w-auto h-7 ml-2' src='\/img\/logos\/chess-watch-logo.svg' alt='Chess watch logo' loading='lazy' decoding='async' width='80' height='28'><\/img>","titleExtraClass":"flex items-center w-full","icon":"top-fill","view":"channel.chess-rankings-block","hasBg":false,"channel":{"channel_id":"48736987","platform_id":1},"titleTag":"h2","titleTagClass":null,"subtitle":null,"underTitle":null,"description":null,"info":null,"select":null,"tip":null,"titleDate":null,"exportTitle":null,"headerClass":null,"headerLeftClass":null,"slotClass":null,"blockID":"69a51b21c39d4","blockClass":null,"loadable":true,"noMargin":false,"noPadding":false,"className":"Channel\\ChessRankingsBlock","actionViews":[],"selectedActions":null,"lazy":false,"lazyLoad":true,"lazyLoaded":false,"readyToLoad":false,"lazyWait":false,"extendedDownload":false,"showData":false,"tabContributionValue":0,"viewMode":[],"expandable":false,"isNoHeader":false,"hasAccess":false},"dataMeta":[],"checksum":"3b27168412a0bc8202a55422c0d17ca3f303b4185fcd1974afcf2c92a2d3c0f7"}}"
class="w-full
"
id="69a51b21c39d4"
data-block_name="Channel\ChessRankingsBlock"
data-lazy_inited="not-inited"
data-lazy_loaded="not-loaded"
>
</div>
<!-- Livewire Component wire-end:L6242DqFmBL4HYLyJFCx --> </div>
<div class="col-span-12 md-max:col-span-6 sm-max:col-span-12" id="esport_activity_block">
<div wire:id="FLlBjXPteqnft3zuYIiv" wire:initial-data="{"fingerprint":{"id":"FLlBjXPteqnft3zuYIiv","name":"channel.esport-activity-block","locale":"en","path":"channels\/sermochi","method":"GET","v":"acj"},"effects":{"listeners":[]},"serverMemo":{"children":[],"errors":[],"htmlHash":"d2c22af3","data":{"title":"Esports activity by <img class='w-auto h-6 ml-2' src='\/img\/logos\/esc-white.svg' alt='Esports charts logo' loading='lazy' decoding='async' width='87' height='24'><\/img>","titleTagClass":"flex items-center","icon":"trophy-fill","view":"channel.esport-activity-block","channel":{"channel_name":"sermochi","channel_id":"48736987","platform_id":1},"showData":false,"titleTag":"h2","titleExtraClass":null,"subtitle":null,"underTitle":null,"description":null,"info":null,"select":null,"tip":null,"titleDate":null,"exportTitle":null,"headerClass":null,"headerLeftClass":null,"slotClass":null,"blockID":"69a51b21c5901","blockClass":null,"loadable":true,"noMargin":false,"noPadding":false,"className":"Channel\\EsportActivityBlock","actionViews":[],"selectedActions":null,"lazy":false,"lazyLoad":true,"lazyLoaded":false,"readyToLoad":false,"lazyWait":false,"extendedDownload":false,"tabContributionValue":0,"viewMode":[],"hasBg":true,"expandable":false,"isNoHeader":false,"hasAccess":false},"dataMeta":[],"checksum":"a8e44709e3008f79b1b3bc698f18ce4ade6e30d8edb1e94870631eb8ef2b32a7"}}"
class="w-full
"
id="69a51b21c5901"
data-block_name="Channel\EsportActivityBlock"
data-lazy_inited="not-inited"
data-lazy_loaded="not-loaded"
>
</div>
<!-- Livewire Component wire-end:FQDN567jaGzy1icxCDr7 --> </div>
<div class="col-span-12 md-max:col-span-6 sm-max:col-span-12" id="lifetime_block">
<div wire:id="lqJsLtT7pIFY8vby5525" wire:initial-data="{"fingerprint":{"id":"lqJsLtT7pIFY8vby5525","name":"channel.lifetime-data-block","locale":"en","path":"channels\/sermochi","method":"GET","v":"acj"},"effects":{"listeners":[]},"serverMemo":{"children":[],"errors":[],"htmlHash":"ece4ad1c","data":{"title":"Lifetime data","icon":"pie-chart-fill","view":"channel.lifetime-data-block","info":"Started from August 18, 2017","lazy":true,"lastStream":{"stream_id":"315313289448","stream_status":"boss -> get mesos -> repeat","platform_id":1,"stream_created_at":"2026-02-27 11:20:00","finished_at":"2026-02-27 17:35:00","stream_title":"boss -> get mesos -> repeat","avg_concurrent_viewers":28,"games":[["maplestory","MapleStory","https:\/\/static-cdn.jtvnw.net\/ttv-boxart\/19976_IGDB-272x380.jpg"]],"duration_m":"380","is_live":0,"thumbnail":"https:\/\/cdn.escharts.com\/sc\/48736987\/streams\/315313289448\/last_80x45.jpg","link":"https:\/\/streamscharts.com\/channels\/sermochi\/streams\/315313289448"},"channel":{"channel_name":"sermochi","channel_id":"48736987","platform_id":1,"day_count":497,"bans":null},"titleTag":"h2","titleTagClass":null,"titleExtraClass":null,"subtitle":null,"underTitle":null,"description":null,"select":null,"tip":null,"titleDate":null,"exportTitle":null,"headerClass":null,"headerLeftClass":null,"slotClass":null,"blockID":"69a51b21c8299","blockClass":null,"loadable":true,"noMargin":false,"noPadding":false,"className":"Channel\\LifetimeDataBlock","actionViews":[],"selectedActions":null,"lazyLoad":true,"lazyLoaded":false,"readyToLoad":false,"lazyWait":false,"extendedDownload":false,"showData":true,"tabContributionValue":0,"viewMode":[],"hasBg":true,"expandable":false,"isNoHeader":false,"hasAccess":false},"dataMeta":[],"checksum":"f23f868f894823eeb7d2c0b7de3c557fdd7ce6206cf215ffed3d7a2b7913810f"}}"
class="w-full
mt-6 lazy-block
"
id="69a51b21c8299"
data-block_name="Channel\LifetimeDataBlock"
data-lazy_inited="not-inited"
data-lazy_loaded="not-loaded"
>
<section
class="flex flex-col h-full download-block "
x-data="{
name: '',
title:'Lifetime data',
}"
x-ref="block"
>
<header class="download-block__slot-header ">
<div class="flex items-center !mb-0">
<div class="items-center inline-block sm-max:flex-col sm-max:items-start">
<div class="flex items-center sm-max:flex-wrap ">
<div
class="
relative w-8 h-8 mb-3 mr-3 download-block__button
"
>
<div class="download-block__icon ">
<svg width="16" height="16" class="fill-current download-block__icon-custom" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M7.333 1.367v7.3h7.3a6.667 6.667 0 1 1-7.3-7.3zM8.668.362a7.668 7.668 0 0 1 6.971 6.971H8.667V.362z"/></svg> <svg width="16" height="16" class="fill-current download-block__icon-download" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path d="M8.667 6.667H12l-4 4-4-4h3.333V2h1.334v4.667zm-6 6h10.666V8h1.334v5.333A.667.667 0 0 1 14 14H2a.666.666 0 0 1-.667-.667V8h1.334v4.667z"/></svg> </div>
<div class="download-block__button-text download-block__button">
<span class="px-3 text-sm font-bold w-max whitespace-nowrap text-default">
<button
x-on:click="window.location.href = '/login'"
class="btn link-primary ">
Login
</button>
to download as .PNG
</span>
</div>
</div>
<div class="flex items-center mb-3 min-h-8">
</div>
<div class="flex items-center mb-3 min-h-8">
<div
class="
font-bold left-full text-default mr-3
text-base
"
>
<h2 class
="">
Lifetime data
</h2>
</div>
<div class="download-block__slot-header-right">
</div>
</div>
<div class="flex items-center mb-3 min-h-8">
<div data-tippy-content="Started from August 18, 2017" delay-after="800">
<svg
class="w-4 h-4 fill-current flex-shrink-0 text-secondary cursor-help"
title="information"
name="information" class="text-secondary cursor-help"
>
<use class="fill-current" href="/sprite.svg?id=c1059218424a91c1d0f9f88aea83fe24#icon-information" />
</svg> </div>
</div>
</div>
</div>
</div>
<div class="download-block__slot-header-right ">
</div>
</header>
<div class="download-block-slot h-full " x-ref="content">
<div class="relative w-full h-full
rounded-lg bg-card p-6
opacity-75 pointer-events-none"
wire:loading.class="opacity-75 pointer-events-none show-loader"
>
<div class="-m-6">
<ul class="p-6 space-y-3 text-xs border-b border-gray-dark">
<li class="flex items-center justify-between">
<div class="flex items-center text-secondary"
>
<svg
class="w-4 h-4 fill-current flex-shrink-0 text-followers w-4 h-4 mr-3"
title="followers"
class="text-followers w-4 h-4 mr-3" name="followers"
>
<use class="fill-current" href="/sprite.svg?id=c1059218424a91c1d0f9f88aea83fe24#icon-followers" />
</svg> Followers:
</div>
<div class="flex items-center">
<span class="font-bold" ">
0
</span>
</div>
</li>
<li class="flex items-center justify-between">
<div class="flex items-center text-secondary"
>
<svg
class="w-4 h-4 fill-current flex-shrink-0 text-peak_viewers w-4 h-4 mr-3"
title="peak-viewers"
class="text-peak_viewers w-4 h-4 mr-3" name="peak-viewers"
>
<use class="fill-current" href="/sprite.svg?id=c1059218424a91c1d0f9f88aea83fe24#icon-peak-viewers" />
</svg> Peak Viewers:
</div>
<div class="flex items-center">
<span class="font-bold" ">
0
</span>
</div>
</li>
<li class="flex items-center justify-between">
<div class="flex items-center text-secondary"
>
<svg
class="w-4 h-4 fill-current flex-shrink-0 text-avg_concurrent_viewers w-4 h-4 mr-3"
title="average-viewers"
class="text-avg_concurrent_viewers w-4 h-4 mr-3" name="average-viewers"
>
<use class="fill-current" href="/sprite.svg?id=c1059218424a91c1d0f9f88aea83fe24#icon-average-viewers" />
</svg> Average Viewers:
</div>
<div class="flex items-center">
<span class="font-bold" ">
0
</span>
</div>
</li>
<li class="flex items-center justify-between">
<div class="flex items-center text-secondary"
>
<svg
class="w-4 h-4 fill-current flex-shrink-0 text-air_time w-4 h-4 mr-3"
title="airtime"
class="text-air_time w-4 h-4 mr-3" name="airtime"
>
<use class="fill-current" href="/sprite.svg?id=c1059218424a91c1d0f9f88aea83fe24#icon-airtime" />
</svg> Airtime:
</div>
<div class="flex items-center">
<span class="font-bold" ">
0
</span>
</div>
</li>
<li class="flex items-center justify-between">
<div class="flex items-center text-secondary"
>
<svg
class="w-4 h-4 fill-current flex-shrink-0 text-cyan w-4 h-4 mr-3"
title="calendar-fill"
class="text-cyan w-4 h-4 mr-3" name="calendar-fill"
>
<use class="fill-current" href="/sprite.svg?id=c1059218424a91c1d0f9f88aea83fe24#icon-calendar-fill" />
</svg> Active Days:
</div>
<div class="flex items-center">
<span class="font-bold" data-tippy-content="Since Nov 2019 ">
0
</span>
</div>
</li>
<li class="flex items-center justify-between hover-block">
<div class="flex items-center text-secondary">
<svg
class="w-4 h-4 fill-current flex-shrink-0 w-4 h-4 mr-3 text-red"
title="ban"
name="ban" class="w-4 h-4 mr-3 text-red"
>
<use class="fill-current" href="/sprite.svg?id=c1059218424a91c1d0f9f88aea83fe24#icon-ban" />
</svg> Bans
</div>
<div class="font-bold">
0
</div>
</li>
</ul>
<div class="p-6 space-y-4">
<div>
<div class="flex flex-wrap items-center">
<div class="flex items-center mb-2 text-xs text-secondary">
Last stream:
</div>
<div class="flex items-center mb-2 ml-auto">
<div
style="background-color: rgba(secondary, 0.1); color: rgb(secondary)"
class="tag xs rounded bg-secondary text-secondary ">
MapleStory
</div>
</div>
</div>
<div
data-custom-href="https://streamscharts.com/channels/sermochi/streams/315313289448" rel="nofollow" class="!cursor-pointer bg-body rounded-md flex transition duration-200 ease-in-out hover:opacity-75 ticker-hover cursor-pointer "
>
<div
class="p-1.5 flex items-center flex-grow border-r border-card"
x-data="{ animationDuration: 0 }"
x-init="() => {
if ($refs.tickerScroll && $refs.tickerWrapper.clientWidth < $refs.tickerScroll.clientWidth){
animationDuration = Math.round(($refs.tickerScroll.clientWidth / $refs.tickerWrapper.clientWidth) * (20 * $refs.tickerWrapper.clientWidth))
}
}"
>
<div
class="x-img mr-3 video_pic--md "
>
<div class="mr-3 video_pic--md x-img-ph ">
<svg class="fill-current w-4 h-4 text-secondary text-opacity-30" width="16" height="16" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
<path fill-rule="evenodd"
d="M1.333 8a6.667 6.667 0 1 0 13.334 0A6.667 6.667 0 0 0 1.334 8zm5.333-3.28a.36.36 0 0 1 .181.06l4.384 2.92a.36.36 0 0 1 0 .6l-4.384 2.92a.36.36 0 0 1-.558-.297V5.077a.36.36 0 0 1 .377-.358z"
clip-rule="evenodd" />
</svg> </div>
<img
src="https://cdn.escharts.com/sc/48736987/streams/315313289448/last_80x45.jpg"
alt="27 Feb, 11:20"
loading="lazy"
decoding="async"
width="60"
height="36"
class=" relative mr-3 video_pic--md "
onload="
this.closest('.x-img').classList.add('ld');
this?.classList && this.classList.remove('!hidden');
if (this.dataset.imgSrc && !this.dataset.loaded) {
this.dataset.loaded = true;
this.src = this.dataset.imgSrc;
}
"
onerror="this.closest('.x-img').classList.add('!hidden'); this.classList.add('!hidden');"
class="mr-3 video_pic--md" src="https://cdn.escharts.com/sc/48736987/streams/315313289448/last_80x45.jpg" alt="27 Feb, 11:20" width="60" height="36" lazy="true" hidePic="true" placeholderIcon="streams-fill"
>
</div>
<div class="space-y-0.5 ticker-wrapper flex-grow h-9 flex flex-col items-start" x-ref="tickerWrapper">
<div class="flex items-center text-sm font-bold truncate">
27 Feb, 11:20
</div>
<div class="text-secondary text-xs text-opacity-75 relative h-4 !w-full ticker-container" >
<div class="absolute top-0 left-0 ticker-scroll" x-ref="tickerScroll"
:style="`animation-duration: ${animationDuration}ms;`"
>
boss -> get mesos -> repeat<span x-show="animationDuration > 0" class="ml-3">boss -> get mesos -> repeat</span>
</div>
<div x-show="animationDuration > 0" class="absolute top-0 right-0 h-full ticker-shadow ticker-shadow_body"></div>
</div>
</div>
</div>
<div class="flex items-center px-2 py-3">
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="fill-current w-4 h-4 text-secondary">
<path d="M10.7814 7.33361L7.20535 3.75761L8.14802 2.81494L13.3334 8.00027L8.14802 13.1856L7.20535 12.2429L10.7814 8.66694L2.66669 8.66694L2.66669 7.33361L10.7814 7.33361Z"/>
</svg>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
</div>
<!-- Livewire Component wire-end:9Ry7RmIuzcy8sgeFzQmb --> </div>
<div class="col-span-12 side-banner_sc" id="banner_block"></div>
<div class="col-span-12 md-max:col-span-6 sm-max:col-span-12" id="rating_block">
<div wire:id="MV49SLUJ3ISZJ1EKQdg2" wire:initial-data="{"fingerprint":{"id":"MV49SLUJ3ISZJ1EKQdg2","name":"channel.rating-block","locale":"en","path":"channels\/sermochi","method":"GET","v":"acj"},"effects":{"listeners":[]},"serverMemo":{"children":[],"errors":[],"htmlHash":"e3117c3b","data":{"title":"Rating","icon":"top-fill","view":"channel.rating-block","bottomLink":{"text":"More rankings","url":"https:\/\/streamscharts.com\/channels\/sermochi\/rankings"},"channel":{"channel_display_name":"sermochi","channel_name":"sermochi","platform_id":1,"channel_id":"48736987"},"noData":null,"lazy":true,"titleTag":"h2","titleTagClass":null,"titleExtraClass":null,"subtitle":null,"underTitle":null,"description":null,"info":null,"select":null,"tip":null,"titleDate":null,"exportTitle":null,"headerClass":null,"headerLeftClass":null,"slotClass":null,"blockID":"69a51b21cf103","blockClass":null,"loadable":true,"noMargin":false,"noPadding":false,"className":"Channel\\RatingBlock","actionViews":[],"selectedActions":null,"lazyLoad":true,"lazyLoaded":false,"readyToLoad":false,"lazyWait":false,"extendedDownload":false,"showData":true,"tabContributionValue":0,"viewMode":[],"hasBg":true,"expandable":false,"isNoHeader":false,"hasAccess":false},"dataMeta":[],"checksum":"c6b524bce787bd2743d8f25e7b21b1c54087435c188b273dbf197b3ea39201b5"}}"
class="w-full
mt-6 lazy-block
"
id="69a51b21cf103"
data-block_name="Channel\RatingBlock"
data-lazy_inited="not-inited"
data-lazy_loaded="not-loaded"
>
<section
class="flex flex-col h-full download-block "
x-data="{
name: 'sermochi',
title:'sermochi Twitch rankings',
}"
x-ref="block"
>
<header class="download-block__slot-header ">
<div class="flex items-center !mb-0">
<div class="items-center inline-block sm-max:flex-col sm-max:items-start">
<div class="flex items-center sm-max:flex-wrap ">
<div
class="
relative w-8 h-8 mb-3 mr-3 download-block__button
"
>
<div class="download-block__icon ">
<svg width="16" height="16" class="fill-current download-block__icon-custom" width="16" height="16" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
<path
d="M14.59 10.225h-3.074v4.687c0 .148-.025.29-.07.423h3.144c.226 0 .41-.19.41-.423v-4.263a.417.417 0 0 0-.41-.424zM4.476 9.405H1.41a.416.416 0 0 0-.41.422v5.086c0 .233.184.422.41.422h3.137a1.29 1.29 0 0 1-.07-.422V9.405zM11.858 3.309l-.666-1.005.666-1.002a.41.41 0 0 0-.341-.637H7.742a.41.41 0 0 0-.41.41v4.539h1.325V3.946h2.86a.41.41 0 0 0 .341-.637zM9.777 6.944H6.22a.414.414 0 0 0-.41.418v7.554c0 .23.184.418.41.418h3.558c.227 0 .41-.187.41-.418V7.362a.414.414 0 0 0-.41-.418zm-1.23 4.181H7.355a.414.414 0 0 1-.41-.418c0-.23.184-.418.41-.418h.235v-.836h-.098a.414.414 0 0 1-.41-.418c0-.231.184-.418.41-.418H8c.227 0 .41.187.41.418v1.254h.137c.226 0 .41.187.41.418 0 .231-.184.418-.41.418z" />
</svg> <svg width="16" height="16" class="fill-current download-block__icon-download" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path d="M8.667 6.667H12l-4 4-4-4h3.333V2h1.334v4.667zm-6 6h10.666V8h1.334v5.333A.667.667 0 0 1 14 14H2a.666.666 0 0 1-.667-.667V8h1.334v4.667z"/></svg> </div>
<div class="download-block__button-text download-block__button">
<span class="px-3 text-sm font-bold w-max whitespace-nowrap text-default">
<button
x-on:click="window.location.href = '/login'"
class="btn link-primary ">
Login
</button>
to download as .PNG
</span>
</div>
</div>
<div class="flex items-center mb-3 min-h-8">
</div>
<div class="flex items-center mb-3 min-h-8">
<div
class="
font-bold left-full text-default mr-3
text-base
"
>
<h2 class
="">
sermochi Twitch rankings
</h2>
</div>
<div class="download-block__slot-header-right">
</div>
</div>
</div>
</div>
</div>
<div class="download-block__slot-header-right ">
</div>
</header>
<div class="download-block-slot h-full " x-ref="content">
<div class="relative w-full h-full
rounded-lg bg-card p-6
opacity-75 pointer-events-none"
wire:loading.class="opacity-75 pointer-events-none show-loader"
>
<div class="relative -m-6 overflow-hidden rounded-md">
<div class="relative">
<div class="p-6">
<div class="w-full h-4 bg-gray rounded-4px"></div>
<table class="w-full mt-6">
<tbody>
<tr class="text-sm">
<td class="py-3 pt-0 ">
<div class="w-10 h-4 bg-gray rounded-4px"></div>
</td>
<td class="py-3 px-12 pt-0 ">
<div class="flex items-center justify-center pt-0.5">
<div class="relative channel-events-point ranking w-4 h-4
"></div>
</div>
</td>
<td class="w-full py-3 whitespace-nowrap pt-0 ">
<div class="flex items-center justify-end">
<div class="mr-3">
<div class="w-6 h-3 rounded-sm bg-gray"></div>
</div>
<div class="w-10 h-5 bg-gray rounded-4px"></div>
</div>
</td>
</tr>
<tr class="text-sm">
<td class="py-3 ">
<div class="w-10 h-4 bg-gray rounded-4px"></div>
</td>
<td class="py-3 px-12 ">
<div class="flex items-center justify-center pt-0.5">
<div class="relative channel-events-point ranking w-3 h-3
"></div>
</div>
</td>
<td class="w-full py-3 whitespace-nowrap ">
<div class="flex items-center justify-end">
<div class="mr-3">
<div class="w-6 h-3 rounded-sm bg-gray"></div>
</div>
<div class="w-10 h-5 bg-gray rounded-4px"></div>
</div>
</td>
</tr>
<tr class="text-sm">
<td class="py-3 ">
<div class="w-10 h-4 bg-gray rounded-4px"></div>
</td>
<td class="py-3 px-12 ">
<div class="flex items-center justify-center pt-0.5">
<div class="relative channel-events-point ranking w-3 h-3
"></div>
</div>
</td>
<td class="w-full py-3 whitespace-nowrap ">
<div class="flex items-center justify-end">
<div class="mr-3">
<div class="w-6 h-3 rounded-sm bg-gray"></div>
</div>
<div class="w-10 h-5 bg-gray rounded-4px"></div>
</div>
</td>
</tr>
<tr class="text-sm">
<td class="py-3 pb-0 ">
<div class="w-10 h-4 bg-gray rounded-4px"></div>
</td>
<td class="py-3 px-12 pb-0 ">
<div class="flex items-center justify-center pt-0.5">
<div class="relative channel-events-point ranking channel-events-point_last not-line w-3 h-3
"></div>
</div>
</td>
<td class="w-full py-3 whitespace-nowrap pb-0 ">
<div class="flex items-center justify-end">
<div class="mr-3">
<div class="w-6 h-3 rounded-sm bg-gray"></div>
</div>
<div class="w-10 h-5 bg-gray rounded-4px"></div>
</div>
</td>
</tr>
</tbody>
</table>
</div>
<div
class="absolute hidden z-10 transform -translate-x-1/2 -translate-y-1/2 top-1/2 left-1/2"
wire:loading.class="!block"
wire:key="'sc-loader'.time()"
>
<img src="https://static.streamscharts.com/img/sc_loader.svg" alt="Loading" width="64" height="64">
</div>
</div>
<a
href="https://streamscharts.com/channels/sermochi/rankings"
class="btn secondary md w-full !rounded-t-none">
More rankings
<svg
class="w-4 h-4 fill-current flex-shrink-0 w-4 h-4 ml-3"
title="arrow-right"
name="arrow-right" class="w-4 h-4 ml-3"
>
<use class="fill-current" href="/sprite.svg?id=c1059218424a91c1d0f9f88aea83fe24#icon-arrow-right" />
</svg>
</a>
</div>
</div>
</div>
</section>
</div>
<!-- Livewire Component wire-end:EoYp7Ss5GCe3gCPnlkGD --> </div>
<div class="col-span-12 md-max:col-span-6 sm-max:col-span-12" id="vote_block">
<div wire:id="gYoHCTK5oT7iZQDYgDac" wire:initial-data="{"fingerprint":{"id":"gYoHCTK5oT7iZQDYgDac","name":"channel.vote-block","locale":"en","path":"channels\/sermochi","method":"GET","v":"acj"},"effects":{"listeners":[]},"serverMemo":{"children":[],"errors":[],"htmlHash":"ac7a545b","data":{"title":"Streamer qualities","icon":"thumb-up-fill","view":"channel.vote-block","channel":{"id":670293080},"showMore":false,"questionId":1,"lazy":true,"titleTag":"h2","titleTagClass":null,"titleExtraClass":null,"subtitle":null,"underTitle":null,"description":null,"info":null,"select":null,"tip":null,"titleDate":null,"exportTitle":null,"headerClass":null,"headerLeftClass":null,"slotClass":null,"blockID":"69a51b21d2bb0","blockClass":null,"loadable":true,"noMargin":false,"noPadding":false,"className":"Channel\\VoteBlock","actionViews":[],"selectedActions":null,"lazyLoad":true,"lazyLoaded":false,"readyToLoad":false,"lazyWait":false,"extendedDownload":false,"showData":true,"tabContributionValue":0,"viewMode":[],"hasBg":true,"expandable":false,"isNoHeader":false,"hasAccess":false},"dataMeta":[],"checksum":"a9ef1bd9b961b5f964402dc56e09192c8bfa8142ca54f19c2b134de28e9b2cd7"}}"
class="w-full
mt-6 lazy-block
"
id="69a51b21d2bb0"
data-block_name="Channel\VoteBlock"
data-lazy_inited="not-inited"
data-lazy_loaded="not-loaded"
>
<section
class="flex flex-col h-full download-block "
x-data="{
name: '',
title:'Streamer qualities',
}"
x-ref="block"
>
<header class="download-block__slot-header ">
<div class="flex items-center !mb-0">
<div class="items-center inline-block sm-max:flex-col sm-max:items-start">
<div class="flex items-center sm-max:flex-wrap ">
<div
class="
relative w-8 h-8 mb-3 mr-3 download-block__button
"
>
<div class="download-block__icon ">
<svg width="16" height="16" class="fill-current download-block__icon-custom" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path d="M1.333 5.227h2v8h-2a.667.667 0 0 1-.666-.667V5.893a.667.667 0 0 1 .666-.666zm3.53-.862L9.128.098a.333.333 0 0 1 .436-.031l.568.426a1.001 1.001 0 0 1 .37 1.047l-.77 3.02H14a1.333 1.333 0 0 1 1.333 1.333v1.403c0 .174-.033.347-.1.508l-2.063 5.01a.667.667 0 0 1-.617.413h-7.22a.667.667 0 0 1-.666-.667V4.836c0-.177.07-.346.195-.471z"/></svg> <svg width="16" height="16" class="fill-current download-block__icon-download" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path d="M8.667 6.667H12l-4 4-4-4h3.333V2h1.334v4.667zm-6 6h10.666V8h1.334v5.333A.667.667 0 0 1 14 14H2a.666.666 0 0 1-.667-.667V8h1.334v4.667z"/></svg> </div>
<div class="download-block__button-text download-block__button">
<span class="px-3 text-sm font-bold w-max whitespace-nowrap text-default">
<button
x-on:click="window.location.href = '/login'"
class="btn link-primary ">
Login
</button>
to download as .PNG
</span>
</div>
</div>
<div class="flex items-center mb-3 min-h-8">
</div>
<div class="flex items-center mb-3 min-h-8">
<div
class="
font-bold left-full text-default mr-3
text-base
"
>
<h2 class
="">
Streamer qualities
</h2>
</div>
<div class="download-block__slot-header-right">
</div>
</div>
</div>
</div>
</div>
<div class="download-block__slot-header-right ">
</div>
</header>
<div class="download-block-slot h-full " x-ref="content">
<div class="relative w-full h-full
rounded-lg bg-card p-6
opacity-75 pointer-events-none"
wire:loading.class="opacity-75 pointer-events-none show-loader"
>
<div>
<div class="flex items-center justify-between text-xs text-secondary mb-6">
<span class="block w-30 h-3 rounded-sm bg-gray-dark"></span>
<span class="block w-11 h-3 rounded-sm bg-gray-dark"></span>
</div>
<div class="mb-3 space-y-3">
<div>
<div class="flex items-center">
<div class="bg-gray-dark w-4 h-4 rounded-sm"></div>
<div class="ml-3 w-30 h-3 rounded-sm bg-gray-dark"></div>
<div class="w-4 h-4 rounded-sm bg-gray-dark mb-1.5 ml-auto"></div>
</div>
<div class="w-full h-0.5 bg-gray relative mt-0.5"></div>
</div>
<div>
<div class="flex items-center">
<div class="bg-gray-dark w-4 h-4 rounded-sm"></div>
<div class="ml-3 w-30 h-3 rounded-sm bg-gray-dark"></div>
<div class="w-4 h-4 rounded-sm bg-gray-dark mb-1.5 ml-auto"></div>
</div>
<div class="w-full h-0.5 bg-gray relative mt-0.5"></div>
</div>
<div>
<div class="flex items-center">
<div class="bg-gray-dark w-4 h-4 rounded-sm"></div>
<div class="ml-3 w-30 h-3 rounded-sm bg-gray-dark"></div>
<div class="w-4 h-4 rounded-sm bg-gray-dark mb-1.5 ml-auto"></div>
</div>
<div class="w-full h-0.5 bg-gray relative mt-0.5"></div>
</div>
<div>
<div class="flex items-center">
<div class="bg-gray-dark w-4 h-4 rounded-sm"></div>
<div class="ml-3 w-30 h-3 rounded-sm bg-gray-dark"></div>
<div class="w-4 h-4 rounded-sm bg-gray-dark mb-1.5 ml-auto"></div>
</div>
<div class="w-full h-0.5 bg-gray relative mt-0.5"></div>
</div>
<div>
<div class="flex items-center">
<div class="bg-gray-dark w-4 h-4 rounded-sm"></div>
<div class="ml-3 w-30 h-3 rounded-sm bg-gray-dark"></div>
<div class="w-4 h-4 rounded-sm bg-gray-dark mb-1.5 ml-auto"></div>
</div>
<div class="w-full h-0.5 bg-gray relative mt-0.5"></div>
</div>
<div>
<div class="flex items-center">
<div class="bg-gray-dark w-4 h-4 rounded-sm"></div>
<div class="ml-3 w-30 h-3 rounded-sm bg-gray-dark"></div>
<div class="w-4 h-4 rounded-sm bg-gray-dark mb-1.5 ml-auto"></div>
</div>
<div class="w-full h-0.5 bg-gray relative mt-0.5"></div>
</div>
<div>
<div class="flex items-center">
<div class="bg-gray-dark w-4 h-4 rounded-sm"></div>
<div class="ml-3 w-30 h-3 rounded-sm bg-gray-dark"></div>
<div class="w-4 h-4 rounded-sm bg-gray-dark mb-1.5 ml-auto"></div>
</div>
<div class="w-full h-0.5 bg-gray relative mt-0.5"></div>
</div>
</div>
<div
class="absolute hidden z-10 transform -translate-x-1/2 -translate-y-1/2 top-1/2 left-1/2"
wire:loading.class="!block"
wire:key="'sc-loader'.time()"
>
<img src="https://static.streamscharts.com/img/sc_loader.svg" alt="Loading" width="64" height="64">
</div>
</div>
</div>
</div>
</section>
</div>
<!-- Livewire Component wire-end:6naMRhRJzJ66r9VQBgKP --> </div>
<div class="col-span-12 md-max:col-span-6 sm-max:col-span-12" id="gears_block">
<div wire:id="T15sB7axzoX4xGouI2Vr" wire:initial-data="{"fingerprint":{"id":"T15sB7axzoX4xGouI2Vr","name":"channel.gears-block","locale":"en","path":"channels\/sermochi","method":"GET","v":"acj"},"effects":{"listeners":[]},"serverMemo":{"children":[],"errors":[],"htmlHash":"b7220d0f","data":{"title":"Gears","icon":"settings-fill","view":"channel.gears-block","edit":"toggleContributions","tabContributionValue":4,"channel":{"country":"SG","setup":null,"hardware":null,"gender":null},"titleTag":"h2","titleTagClass":null,"titleExtraClass":null,"subtitle":null,"underTitle":null,"description":null,"info":null,"select":null,"tip":null,"titleDate":null,"exportTitle":null,"headerClass":null,"headerLeftClass":null,"slotClass":null,"blockID":"69a51b21d5fb4","blockClass":null,"loadable":true,"noMargin":false,"noPadding":false,"className":"Channel\\GearsBlock","actionViews":[],"selectedActions":null,"lazy":false,"lazyLoad":true,"lazyLoaded":false,"readyToLoad":false,"lazyWait":false,"extendedDownload":false,"showData":true,"viewMode":[],"hasBg":true,"expandable":false,"isNoHeader":false,"hasAccess":false},"dataMeta":[],"checksum":"3f4834ca15078105e5925e021fd42cfcd1bc5bf5fb2d2acc868b3766ce3ba94e"}}"
class="w-full
mt-6
"
id="69a51b21d5fb4"
data-block_name="Channel\GearsBlock"
data-lazy_inited="not-inited"
data-lazy_loaded="not-loaded"
>
<section
class="flex flex-col h-full download-block "
x-data="{
name: '',
title:'Gears',
}"
x-ref="block"
>
<header class="download-block__slot-header ">
<div class="flex items-center !mb-0">
<div class="items-center inline-block sm-max:flex-col sm-max:items-start">
<div class="flex items-center sm-max:flex-wrap ">
<div
class="
relative w-8 h-8 mb-3 mr-3 download-block__button
"
>
<div class="download-block__icon ">
<svg width="16" height="16" class="fill-current download-block__icon-custom" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M12.97 3.556a6.66 6.66 0 0 1 1.365 2.361 2.662 2.662 0 0 0-.739 3.239c.174.36.426.677.739.927a6.66 6.66 0 0 1-1.365 2.361 2.662 2.662 0 0 0-3.173.98c-.225.33-.374.708-.433 1.103-.9.187-1.828.187-2.727 0a2.664 2.664 0 0 0-3.607-2.083 6.66 6.66 0 0 1-1.364-2.361 2.662 2.662 0 0 0 .737-3.239 2.662 2.662 0 0 0-.738-.927 6.66 6.66 0 0 1 1.365-2.36 2.662 2.662 0 0 0 3.172-.981c.226-.33.374-.708.434-1.103a6.695 6.695 0 0 1 2.727 0 2.662 2.662 0 0 0 2.435 2.258c.398.03.799-.03 1.171-.175zM6.268 9a2 2 0 1 0 3.478-1.977A2 2 0 0 0 6.268 9z"/></svg> <svg width="16" height="16" class="fill-current download-block__icon-download" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path d="M8.667 6.667H12l-4 4-4-4h3.333V2h1.334v4.667zm-6 6h10.666V8h1.334v5.333A.667.667 0 0 1 14 14H2a.666.666 0 0 1-.667-.667V8h1.334v4.667z"/></svg> </div>
<div class="download-block__button-text download-block__button">
<span class="px-3 text-sm font-bold w-max whitespace-nowrap text-default">
<button
x-on:click="window.location.href = '/login'"
class="btn link-primary ">
Login
</button>
to download as .PNG
</span>
</div>
</div>
<div class="flex items-center mb-3 min-h-8">
</div>
<div class="flex items-center mb-3 min-h-8">
<div
class="
font-bold left-full text-default mr-3
text-base
"
>
<h2 class
="">
Gears
</h2>
</div>
<div class="download-block__slot-header-right">
</div>
</div>
</div>
</div>
</div>
<div class="download-block__slot-header-right ">
<div data-tippy-content="Login to make edits">
<button
disabled="disabled"
data-tippy-content="Login to make edits"
class="btn disabled tertiary sm h-8 px-3 py-2">
Edit
<svg
class="w-4 h-4 fill-current flex-shrink-0 ml-3"
title="edit-fill"
name="edit-fill" class="ml-3"
>
<use class="fill-current" href="/sprite.svg?id=c1059218424a91c1d0f9f88aea83fe24#icon-edit-fill" />
</svg>
</button>
</div>
</div>
</header>
<div class="download-block-slot h-full " x-ref="content">
<div class="relative w-full h-full
rounded-lg bg-card p-6
"
wire:loading.class="opacity-75 pointer-events-none show-loader"
>
<div>
<div class="bg-gray-dark rounded-md overflow-hidden flex items-stretch min-h-10 text-sm text-secondary ">
<div class="flex items-center justify-center flex-shrink-0 w-10 border-r border-card text-secondary ">
<svg
class="w-4 h-4 fill-current flex-shrink-0 !text-inherit "
title="information"
name="information" class="!text-inherit"
>
<use class="fill-current" href="/sprite.svg?id=c1059218424a91c1d0f9f88aea83fe24#icon-information" />
</svg> </div>
<div class="flex items-center px-3 py-2 xs-max:py-1 sm-max:w-max ">
The channel has no gear specified. You can add the gear yourself.
</div>
</div>
</div>
</div>
</div>
</section>
</div>
<!-- Livewire Component wire-end:arC3qISWeNppc02R83De --> </div>
</div>
</div>
<div>
<div wire:id="nv9tBOJmFl7sSLBEEqGM" wire:initial-data="{"fingerprint":{"id":"nv9tBOJmFl7sSLBEEqGM","name":"clip.video-popup","locale":"en","path":"channels\/sermochi","method":"GET","v":"acj"},"effects":{"listeners":["setInfoForPopup","popupTrigger","setDataForPopup"]},"serverMemo":{"children":[],"errors":[],"htmlHash":"8c652bd9","data":{"view":"livewire.clip.video-popup","lazy":true,"lazyLoad":false,"showData":false,"show":false,"embed":"","slug":"","channelSlug":"","isHLS":false,"videoId":null,"platformId":null,"startTime":null,"isChatAnalytics":false,"withChatLog":false,"stream":null,"intervals":null,"title":null,"icon":null,"titleTag":"h2","titleTagClass":null,"titleExtraClass":null,"subtitle":null,"underTitle":null,"description":null,"info":null,"select":null,"tip":null,"titleDate":null,"exportTitle":null,"headerClass":null,"headerLeftClass":null,"slotClass":null,"blockID":"69a51b21da2a9","blockClass":null,"loadable":true,"noMargin":false,"noPadding":false,"className":"Clip\\VideoPopup","actionViews":[],"selectedActions":null,"lazyLoaded":false,"readyToLoad":false,"lazyWait":false,"extendedDownload":false,"tabContributionValue":0,"viewMode":[],"hasBg":true,"expandable":false,"isNoHeader":false,"hasAccess":false},"dataMeta":[],"checksum":"2d5ff89d29360fcc69402a76b2d7715c4622a491c3ef3f463c48763246823389"}}">
</div>
<!-- Livewire Component wire-end:zV7THEXataQav0SRoLdp --> </div>
</div>
<div>
<div wire:id="PW0AupHIKlXGFuWlmm3c" wire:initial-data="{"fingerprint":{"id":"PW0AupHIKlXGFuWlmm3c","name":"modals.streamer-subscription","locale":"en","path":"channels\/sermochi","method":"GET","v":"acj"},"effects":{"listeners":[]},"serverMemo":{"children":[],"errors":[],"htmlHash":"3f7a08d1","data":{"channel":{"id":670293080,"channel_display_name":"sermochi","channel_name":"sermochi","platform_id":1,"channel_id":"48736987"}},"dataMeta":[],"checksum":"27b7b6ce6ccce61e893f243c708fbe8d066fd9ac516d0705db131859e49e29da"}}">
<div
x-data="{
open: false,
closeModal() {
this.open = false
},
openModal(event) {
if (event.detail.data){
Object.entries(event.detail.data).forEach(([key, value]) => {
this.$wire.set(key, value);
})
}
this.open = true
},
reloadPage() {
setTimeout(function() { location.reload(); }, 500);
},
resetIframeSrc() {
let iframe = document.getElementById('video-iframe');
iframe.src = '';
}
}"
x-on:closemodal="closeModal()"
x-on:reloadpage="reloadPage()"
x-on:show-modal.window="event.detail.name == 'streamer_subscription' ? openModal(event) : null"
x-on:hide-modal.window="event.detail.name == 'streamer_subscription' ? closeModal() : null"
style="display: none;"
class="sc_modal"
:class="{
'!flex' : open
}"
>
<div
class="sc_modal-bg x-cloak-hidden"
:class="{
'hidden' : !open,
'sc_modal-bg-appear' : open
}"
x-cloak
x-on:click="closeModal()"
></div>
<div class="sc_modal-content sc_modal-content_overflow">
<div
class="
sc_modal-form x-cloak-hidden relative
relative w-full px-6 pt-12 pb-6 rounded-md md:max-w-160 bg-card border-body
"
:class="{
'hidden' : !open,
'sc_modal-form-appear' : open
}"
x-cloak
>
<button
class="absolute flex items-center justify-center w-8 h-8 top-3 right-3 text-secondary hover:text-default focus:text-default focus:outline-none"
x-on:click="closeModal()"
>
<svg
class="w-4 h-4 fill-current flex-shrink-0 text-secondary"
title="close"
name="close"
>
<use class="fill-current" href="/sprite.svg?id=c1059218424a91c1d0f9f88aea83fe24#icon-close" />
</svg> </button>
<h3 class="flex items-center text-2xl font-bold text-center">
<svg
class="w-4 h-4 fill-current flex-shrink-0 !w-6 !h-6 mr-4"
title="pro-3-icon"
name="pro-3-icon" class="!w-6 !h-6 mr-4"
>
<use class="fill-current" href="/sprite.svg?id=c1059218424a91c1d0f9f88aea83fe24#icon-pro-3-icon" />
</svg> Streamer subscription from Streams Charts
</h3>
<div class="py-4 text-sm text-secondary">
If you are a channel owner, you can get access to channel analytics for free.
</div>
<a
href="https://streamscharts.com/influencers"
class="btn brand-twitch outline small h-8 !text-sm !px-3 w-full">
<svg
class="w-4 h-4 fill-current flex-shrink-0 mr-3"
title="twitch-icon"
name="twitch-icon" class="mr-3"
>
<use class="fill-current" href="/sprite.svg?id=c1059218424a91c1d0f9f88aea83fe24#icon-twitch-icon" />
</svg> Login via Twitch
</a>
<div class="flex items-center w-full my-4">
<div class="flex-grow h-px mr-3 bg-gray"></div>
<div class="text-sm text-center text-secondary">or</div>
<div class="flex-grow h-px ml-3 bg-gray"></div>
</div>
<h4 class="mt-4 font-bold">Check all benefits of a Streamer subscription:</h4>
<ul class="mt-4">
<li
class="
flex items-center
"
>
<svg
class="w-4 h-4 fill-current flex-shrink-0 mr-3 text-primary"
title="check"
name="check" class="mr-3 text-primary"
>
<use class="fill-current" href="/sprite.svg?id=c1059218424a91c1d0f9f88aea83fe24#icon-check" />
</svg> <span class="text-sm text-secondary">Historical data for selected channel</span>
</li>
<li
class="
flex items-center
mt-4
"
>
<svg
class="w-4 h-4 fill-current flex-shrink-0 mr-3 text-primary"
title="check"
name="check" class="mr-3 text-primary"
>
<use class="fill-current" href="/sprite.svg?id=c1059218424a91c1d0f9f88aea83fe24#icon-check" />
</svg> <span class="text-sm text-secondary">Detailed stats for channel’s categories</span>
</li>
<li
class="
flex items-center
mt-4
"
>
<svg
class="w-4 h-4 fill-current flex-shrink-0 mr-3 text-primary"
title="check"
name="check" class="mr-3 text-primary"
>
<use class="fill-current" href="/sprite.svg?id=c1059218424a91c1d0f9f88aea83fe24#icon-check" />
</svg> <span class="text-sm text-secondary">Unique Viewers for Twitch streams</span>
</li>
<li
class="
flex items-center
mt-4
"
>
<svg
class="w-4 h-4 fill-current flex-shrink-0 mr-3 text-primary"
title="check"
name="check" class="mr-3 text-primary"
>
<use class="fill-current" href="/sprite.svg?id=c1059218424a91c1d0f9f88aea83fe24#icon-check" />
</svg> <span class="text-sm text-secondary">Email reports with channel statistics</span>
</li>
</ul>
<a
href="https://streamscharts.com/login"
class="btn primary outline md w-full mt-6">
Login and Subscribe for sermochi statistics for $9 per month
</a>
<div class="flex items-center justify-center h-10 mt-4 text-center">
<a
href="https://streamscharts.com/pricing"
class="flex items-center justify-center w-full text-sm font-bold underline"
>
Or use PRO plan with 58M+ channels
</a>
</div>
</div>
</div>
</div>
<script>
window.dataLayer.push({
'ecommerce': {
'currencyCode': 'USD',
'detail': {
'products': [{
'name': 'sc-streamer',
'id': 'sc-streamer'
}],
},
},
'event': 'gtm-ee-event',
'gtm-ee-event-category': 'Enhanced Ecommerce',
'gtm-ee-event-action': 'Product Details',
'gtm-ee-event-non-interaction': 'True',
});
window.addingAProductToAShoppingCart = function () {
console.log('Adding a Product to a Shopping Cart');
window.dataLayer.push({
'ecommerce': {
'currencyCode': 'USD',
'add': {
'products': [{
'name': 'sc-streamer-month',
'id': 'sc-streamer-month',
'price': '9',
'quantity': 1
}]
}
},
'event': 'gtm-ee-event',
'gtm-ee-event-category': 'Enhanced Ecommerce',
'gtm-ee-event-action': 'Adding a Product to a Shopping Cart',
'gtm-ee-event-non-interaction': 'False',
});
}
</script>
</div>
<!-- Livewire Component wire-end:PW0AupHIKlXGFuWlmm3c --> </div>
<div>
<div wire:id="tTVazpFDeDyu47tvGZzn" wire:initial-data="{"fingerprint":{"id":"tTVazpFDeDyu47tvGZzn","name":"modals.request-demo","locale":"en","path":"channels\/sermochi","method":"GET","v":"acj"},"effects":{"listeners":["showModal"]},"serverMemo":{"children":[],"errors":[],"htmlHash":"49b3cb58","data":{"emailTo":"team@streamscharts.com","email":null,"name":null,"company":null,"show":false},"dataMeta":[],"checksum":"12bfd11ca877b720aea93b24ba0e54fd7d22721bde3c187c39b4416319dcdb7b"}}">
</div>
<!-- Livewire Component wire-end:tTVazpFDeDyu47tvGZzn --> </div>
</main>
<footer class="sticky py-12 border-t top-full_vh border-card bg-body">
<div class="px-6 mx-auto max-w-screen-3xl ">
<div class="flex flex-col items-center gap-y-8 lg:hidden">
<div class="flex items-center">
<a href="https://streamscharts.com/"
title="Streams Charts home page">
<img class="h-8" src="https://static.streamscharts.com/img/logos/sc-footer.svg"
width="120" height="32" loading="lazy" decode="async" alt="Streams Charts logo">
</a>
<span class="px-4 text-sm text-secondary whitespace-nowrap">Part of</span>
<img class="h-5" src="https://static.streamscharts.com/img/logos/awerti-light.svg"
width="98" height="19" loading="lazy" decode="async" alt="AWERTI logo">
</div>
<div class="flex flex-col text-sm text-secondary gap-y-5">
<ul class="flex items-center text-xs list-none gap-x-6 lg-max:gap-x-4 md-max:gap-x-6">
<li>
<a
href="https://www.linkedin.com/company/esportscharts/"
class="link-transition--default"
target="_blank" title="LinkedIn"
rel="noopener noreferrer"
>
<span class="sr-only">linkedin</span>
<svg
class="w-4 h-4 fill-current flex-shrink-0 !w-5 !h-5"
title="linkedin-fill"
name="linkedin-fill" class="!w-5 !h-5"
>
<use class="fill-current" href="/sprite.svg?id=c1059218424a91c1d0f9f88aea83fe24#icon-linkedin-fill" />
</svg> </a>
</li>
<li>
<a
href="https://facebook.com/streamscharts"
class="link-transition--default"
target="_blank" title="Facebook"
rel="noopener noreferrer"
>
<span class="sr-only">facebook</span>
<svg
class="w-4 h-4 fill-current flex-shrink-0 !w-5 !h-5"
title="facebook-fill"
name="facebook-fill" class="!w-5 !h-5"
>
<use class="fill-current" href="/sprite.svg?id=c1059218424a91c1d0f9f88aea83fe24#icon-facebook-fill" />
</svg> </a>
</li>
<li>
<a
href="https://x.com/StreamsCharts"
class="link-transition--default"
target="_blank" title="socials.x"
rel="noopener noreferrer"
>
<span class="sr-only">x</span>
<svg
class="w-4 h-4 fill-current flex-shrink-0 !w-5 !h-5"
title="x-fill"
name="x-fill" class="!w-5 !h-5"
>
<use class="fill-current" href="/sprite.svg?id=c1059218424a91c1d0f9f88aea83fe24#icon-x-fill" />
</svg> </a>
</li>
<li>
<a
href="https://www.youtube.com/channel/UC1hDM808gGfEkuX3k_xJQcw"
class="link-transition--default"
target="_blank" title="YouTube"
rel="noopener noreferrer"
>
<span class="sr-only">youtube</span>
<svg
class="w-4 h-4 fill-current flex-shrink-0 !w-5 !h-5"
title="youtube-fill"
name="youtube-fill" class="!w-5 !h-5"
>
<use class="fill-current" href="/sprite.svg?id=c1059218424a91c1d0f9f88aea83fe24#icon-youtube-fill" />
</svg> </a>
</li>
<li>
<a
href="https://www.instagram.com/streamscharts/"
class="link-transition--default"
target="_blank" title="Instagram"
rel="noopener noreferrer"
>
<span class="sr-only">instagram</span>
<svg
class="w-4 h-4 fill-current flex-shrink-0 !w-5 !h-5"
title="instagram-fill"
name="instagram-fill" class="!w-5 !h-5"
>
<use class="fill-current" href="/sprite.svg?id=c1059218424a91c1d0f9f88aea83fe24#icon-instagram-fill" />
</svg> </a>
</li>
<li>
<a
href="https://www.tiktok.com/@streamscharts"
class="link-transition--default"
target="_blank" title="TikTok"
rel="noopener noreferrer"
>
<span class="sr-only">tiktok</span>
<svg
class="w-4 h-4 fill-current flex-shrink-0 !w-5 !h-5"
title="tiktok-fill"
name="tiktok-fill" class="!w-5 !h-5"
>
<use class="fill-current" href="/sprite.svg?id=c1059218424a91c1d0f9f88aea83fe24#icon-tiktok-fill" />
</svg> </a>
</li>
</ul>
</div>
</div>
<div class="flex flex-col items-start pb-6 lg:flex-row lg:justify-between md-max:gap-x-0 lg-max:gap-x-4 2xl-max:gap-x-16 3xl:gap-x-20 lg:pb-12">
<nav class="grid grid-cols-2 pb-8 md-max:gap-8 md-max:pt-8 lg-max:gap-x-4 2xl-max:gap-x-16 3xl:gap-x-20 md:grid-cols-4">
<div class="flex flex-col text-sm text-secondary gap-y-5">
<p class="font-bold">For creators & fans</p>
<ul class="flex flex-col text-xs list-none gap-y-5">
<li>
<a href="https://streamscharts.com/pricing/streamer" class="flex items-center hover:text-primary xl:whitespace-nowrap md-max:whitespace-nowrap gap-x-1 md:gap-x-2 lg:gap-x-3"
title="Streamer subscription">
<span>Streamer subscription</span>
</a>
</li>
<li>
<a href="https://streamscharts.com/tools/stats-recap" class="flex items-center hover:text-primary xl:whitespace-nowrap md-max:whitespace-nowrap gap-x-1 md:gap-x-2 lg:gap-x-3"
title="Channel Recap Generator">
<span>Channel Recap Generator</span>
</a>
</li>
<li>
<a href="https://streamscharts.com/sponsor-banner" class="flex items-center hover:text-primary xl:whitespace-nowrap md-max:whitespace-nowrap gap-x-1 md:gap-x-2 lg:gap-x-3"
title="Sponsor Banner Tool">
<span>Sponsor Banner Tool</span>
</a>
</li>
</ul>
</div>
<div class="flex flex-col text-sm text-secondary gap-y-5">
<p class="font-bold">For brands & agencies</p>
<ul class="flex flex-col text-xs list-none gap-y-5">
<li>
<a href="https://streamscharts.com/pricing" class="flex items-center hover:text-primary xl:whitespace-nowrap md-max:whitespace-nowrap gap-x-1 md:gap-x-2 lg:gap-x-3"
title="PRO subscription">
<span>PRO subscription</span>
</a>
</li>
<li>
<a href="https://streamscharts.com/tools/compare-streamers" class="flex items-center hover:text-primary xl:whitespace-nowrap md-max:whitespace-nowrap gap-x-1 md:gap-x-2 lg:gap-x-3"
title="Twitch channels comparing">
<span>Twitch channels comparing</span>
</a>
</li>
<li>
<a href="https://streamscharts.com/trends/chats/finder" class="flex items-center hover:text-primary xl:whitespace-nowrap md-max:whitespace-nowrap gap-x-1 md:gap-x-2 lg:gap-x-3"
title="Twitch chat analyzer">
<span>Twitch chat analyzer</span>
</a>
</li>
<li>
<a href="https://streamscharts.com/reports" class="flex items-center hover:text-primary xl:whitespace-nowrap md-max:whitespace-nowrap gap-x-1 md:gap-x-2 lg:gap-x-3"
title="Reports">
<span>Reports</span>
</a>
</li>
</ul>
</div>
<div class="flex flex-col text-sm text-secondary gap-y-5">
<p class="font-bold">Streaming news</p>
<ul class="flex flex-col text-xs list-none gap-y-5">
<li>
<a href="https://streamscharts.com/news" class="flex items-center hover:text-primary xl:whitespace-nowrap md-max:whitespace-nowrap gap-x-1 md:gap-x-2 lg:gap-x-3"
title="Latest news">
<span>Latest news</span>
</a>
</li>
<li>
<a href="https://streamscharts.com/top-channels" class="flex items-center hover:text-primary xl:whitespace-nowrap md-max:whitespace-nowrap gap-x-1 md:gap-x-2 lg:gap-x-3"
title="Top followed streamers">
<span>Top followed streamers</span>
</a>
</li>
<li>
<a href="https://streamscharts.com/top-channels?sortBy=peak_viewers" class="flex items-center hover:text-primary xl:whitespace-nowrap md-max:whitespace-nowrap gap-x-1 md:gap-x-2 lg:gap-x-3"
title="Top viewed channels">
<span>Top viewed channels</span>
</a>
</li>
<li>
<a href="https://streamscharts.com/newsletters" class="flex items-center hover:text-primary xl:whitespace-nowrap md-max:whitespace-nowrap gap-x-1 md:gap-x-2 lg:gap-x-3"
title="Newsletters">
<span>Newsletters</span>
</a>
</li>
</ul>
</div>
<div class="flex flex-col text-sm text-secondary gap-y-5">
<p class="font-bold">For dashboard owners</p>
<ul class="flex flex-col text-xs list-none gap-y-5">
<li>
<a href="https://streamscharts.com/pricing/enterprise" class="flex items-center hover:text-primary xl:whitespace-nowrap md-max:whitespace-nowrap gap-x-1 md:gap-x-2 lg:gap-x-3"
title="Enterprise solutions">
<span>Enterprise solutions</span>
</a>
</li>
<li>
<a href="https://streamscharts.com/api" class="flex items-center hover:text-primary xl:whitespace-nowrap md-max:whitespace-nowrap gap-x-1 md:gap-x-2 lg:gap-x-3"
title="Data API">
<span>Data API</span>
</a>
</li>
<li>
<a href="https://streamscharts.com/tools/convert-username/youtube" class="flex items-center hover:text-primary xl:whitespace-nowrap md-max:whitespace-nowrap gap-x-1 md:gap-x-2 lg:gap-x-3"
title="YouTube Channel ID Finder">
<span>YouTube Channel ID Finder</span>
</a>
</li>
</ul>
</div>
</nav>
<div class="flex flex-col text-sm text-secondary gap-y-5 md-max:hidden">
<p class="font-bold">Follow us</p>
<ul class="flex items-center text-xs list-none gap-x-6 lg-max:gap-x-4 md-max:gap-x-6">
<li>
<a href="https://www.linkedin.com/company/esportscharts/" class="transition duration-200 hover:text-primary"
target="_blank" title="LinkedIn" rel="noopener">
<svg
class="w-4 h-4 fill-current flex-shrink-0 !w-5 !h-5"
title="linkedin-fill"
name="linkedin-fill" class="!w-5 !h-5"
>
<use class="fill-current" href="/sprite.svg?id=c1059218424a91c1d0f9f88aea83fe24#icon-linkedin-fill" />
</svg> </a>
</li>
<li>
<a href="https://facebook.com/streamscharts" class="transition duration-200 hover:text-primary"
target="_blank" title="Facebook" rel="noopener">
<svg
class="w-4 h-4 fill-current flex-shrink-0 !w-5 !h-5"
title="facebook-fill"
name="facebook-fill" class="!w-5 !h-5"
>
<use class="fill-current" href="/sprite.svg?id=c1059218424a91c1d0f9f88aea83fe24#icon-facebook-fill" />
</svg> </a>
</li>
<li>
<a href="https://x.com/StreamsCharts" class="transition duration-200 hover:text-primary"
target="_blank" title="socials.x" rel="noopener">
<svg
class="w-4 h-4 fill-current flex-shrink-0 !w-5 !h-5"
title="x-fill"
name="x-fill" class="!w-5 !h-5"
>
<use class="fill-current" href="/sprite.svg?id=c1059218424a91c1d0f9f88aea83fe24#icon-x-fill" />
</svg> </a>
</li>
<li>
<a href="https://www.youtube.com/channel/UC1hDM808gGfEkuX3k_xJQcw" class="transition duration-200 hover:text-primary"
target="_blank" title="YouTube" rel="noopener">
<svg
class="w-4 h-4 fill-current flex-shrink-0 !w-5 !h-5"
title="youtube-fill"
name="youtube-fill" class="!w-5 !h-5"
>
<use class="fill-current" href="/sprite.svg?id=c1059218424a91c1d0f9f88aea83fe24#icon-youtube-fill" />
</svg> </a>
</li>
<li>
<a href="https://www.instagram.com/streamscharts/" class="transition duration-200 hover:text-primary"
target="_blank" title="Instagram" rel="noopener">
<svg
class="w-4 h-4 fill-current flex-shrink-0 !w-5 !h-5"
title="instagram-fill"
name="instagram-fill" class="!w-5 !h-5"
>
<use class="fill-current" href="/sprite.svg?id=c1059218424a91c1d0f9f88aea83fe24#icon-instagram-fill" />
</svg> </a>
</li>
<li>
<a href="https://www.tiktok.com/@streamscharts" class="transition duration-200 hover:text-primary"
target="_blank" title="TikTok" rel="noopener">
<svg
class="w-4 h-4 fill-current flex-shrink-0 !w-5 !h-5"
title="tiktok-fill"
name="tiktok-fill" class="!w-5 !h-5"
>
<use class="fill-current" href="/sprite.svg?id=c1059218424a91c1d0f9f88aea83fe24#icon-tiktok-fill" />
</svg> </a>
</li>
</ul>
</div>
<div class="flex flex-col flex-grow w-full text-sm max-w-76 3xl:max-w-110 md-max:mx-auto text-secondary gap-y-4">
<p class="font-bold">Still have questions?</p>
<form wire:id="ypseO2KW5L1EtyIj6m1w" wire:initial-data="{"fingerprint":{"id":"ypseO2KW5L1EtyIj6m1w","name":"landing.contact-us-block","locale":"en","path":"channels\/sermochi","method":"GET","v":"acj"},"effects":{"listeners":[]},"serverMemo":{"children":[],"errors":[],"htmlHash":"e3144bc9","data":{"type":"default","email":"team@streamscharts.com","fields":[{"name":"Email","id":"email","type":"email","placeholder":"Your email","noLabel":true,"required":true},{"name":"Message","type":"textarea","id":"text","placeholder":"How can we help you?","noLabel":true,"required":true}],"input":[]},"dataMeta":[],"checksum":"828d19f42a9deb67e9b2ef771cc16e77ce0e483f93475b9440041431e49520ad"}}"
x-data="{
fields: {
'email': '',
'text': '',
},
disabled() {
const requeried = [
'email',
'text',
];
let accepted = 0;
for (const id of requeried) {
if (this.fields[id].length) {
accepted++
}
}
if (accepted == requeried.length) {
return false
} else {
return true
}
},
clear: function() {
for(const key in this.fields) {
this.fields[key] = ''
}
}
}"
x-on:submit.prevent="$wire.sendFeedback(fields).then(response => {
if (response.status === 'success') {
clear();
}
})"
>
<div>
<div class="flex items-center">
</div>
<input
id="email"
x-model="fields['email']"
type="email"
class="mt-2 input"
placeholder="Your email"
required
>
<div class="flex items-center">
</div>
<textarea
id="text"
x-model="fields['text']"
class="input mt-3 !h-22"
maxlength="100"
placeholder="How can we help you?"
required
></textarea>
</div>
<div class="mt-3">
<button
type="submit"
x-bind:disabled="disabled()"
class="btn secondary md w-full disabled:cursor-not-allowed disabled:opacity-50">
Send
</button>
</div>
</form>
<!-- Livewire Component wire-end:ypseO2KW5L1EtyIj6m1w --> </div>
</div>
<div class="flex flex-col border-t lg:flex-row lg:pt-12 border-card">
<div class="flex items-center mr-4 md-max:hidden">
<a href="https://streamscharts.com/"
title="Streams Charts home page">
<img class="h-8" src="https://static.streamscharts.com/img/logos/sc-footer.svg"
width="120" height="32" loading="lazy" decode="async" alt="Streams Charts logo">
</a>
<span class="px-4 text-sm whitespace-nowrap text-secondary">Part of</span>
<img class="h-5" src="https://static.streamscharts.com/img/logos/awerti-light.svg"
width="98" height="19" loading="lazy" decode="async" alt="AWERTI logo">
</div>
<div class="flex items-center md:order-1 md-max:flex-col lg:ml-auto">
<ul class="flex flex-wrap justify-end list-none md-max:justify-center md-max:py-6" x-data>
<li>
<a class="px-4 text-sm font-bold tracking-wide hover:text-primary transition duration-200 text-secondary md-max:py-2.5 " href="https://streamscharts.com/about" >About</a>
</li>
<li>
<a class="px-4 text-sm font-bold tracking-wide hover:text-primary transition duration-200 text-secondary md-max:py-2.5 " href="https://streamscharts.com/terms" >Terms of Use</a>
</li>
<li>
<a class="px-4 text-sm font-bold tracking-wide hover:text-primary transition duration-200 text-secondary md-max:py-2.5 " href="https://streamscharts.com/privacy" >Privacy Policy</a>
</li>
<li>
<a class="px-4 text-sm font-bold tracking-wide hover:text-primary transition duration-200 text-secondary md-max:py-2.5 " href="https://streamscharts.com/cookie-policy" >Cookie Policy</a>
</li>
<li>
<a class="px-4 text-sm font-bold tracking-wide hover:text-primary transition duration-200 text-secondary md-max:py-2.5 " href="https://streamscharts.com/media-kit" >Media Kit</a>
</li>
<li>
<a class="px-4 text-sm font-bold tracking-wide hover:text-primary transition duration-200 text-secondary md-max:py-2.5 " href="https://streamscharts.com/advertise" >Advertise</a>
</li>
<li>
<a class="px-4 text-sm font-bold tracking-wide hover:text-primary transition duration-200 text-secondary md-max:py-2.5 " href="https://awerti.com/careers" target="_blank" >Careers</a>
</li>
<li>
<a class="px-4 text-sm font-bold tracking-wide hover:text-primary transition duration-200 text-secondary md-max:py-2.5 xl:pr-0 " href="https://streamscharts.com/contact" >Contact us</a>
</li>
</ul>
</div>
</div>
<div class="flex lg:items-center lg:pt-3 md-max:flex-col">
<p class="text-sm opacity-75 text-secondary md-max:text-center lg:mr-4">
Streams Charts is not affiliated with any third-party game, gamer, or gaming company. All trademarks
displayed on the site <br class="xl-max:hidden" /> are owned by third-parties and are used on Streams
Charts for informational purposes only.
</p>
<div
class="flex flex-col items-center lg:ml-auto md:order-2 md:justify-center 2sm-max:pt-6 gap-y-6 gap-x-8 md:flex-row md-max:pt-6">
<span class="flex items-center text-xs whitespace-nowrap">
<svg
class="w-4 h-4 fill-current flex-shrink-0 w-4 h-4 mr-3 text-secondary"
title="localtime-fill"
name="localtime-fill" class="w-4 h-4 mr-3 text-secondary"
>
<use class="fill-current" href="/sprite.svg?id=c1059218424a91c1d0f9f88aea83fe24#icon-localtime-fill" />
</svg> <span class="opacity-75">GMT/UTC +0</span>
</span>
<div class="flex items-center text-xs font-bold whitespace-nowrap">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="16" class="mr-2 rounded">
<rect width="24" height="16" fill="#005BBB" />
<rect width="24" height="8" y="8" fill="#FFD500" />
</svg>
Developed in Ukraine
</div>
<span class="text-sm opacity-75 text-secondary xs-max:text-center lg:min-w-[11.25rem] lg:text-right">
© 2026, STREAMS CHARTS PO. All rights reserved.
</span>
</div>
</div>
</div>
</footer>
</div>
<!-- libraries scripts -->
<script >console.warn("Livewire: The published Livewire assets are out of date See: https://laravel-livewire.com/docs/installation/")</script><script src="/vendor/livewire/livewire.js?id=9a36ebbddb8dd0aa91b1" data-turbo-eval="false" data-turbolinks-eval="false" ></script><script data-turbo-eval="false" data-turbolinks-eval="false" >window.livewire = new Livewire();window.Livewire = window.livewire;window.livewire_app_url = '';window.livewire_token = '2ydDPmorYoiLxLp5BrHECDtDxkimEkjnmeYeUgME';window.deferLoadingAlpine = function (callback) {window.addEventListener('livewire:load', function () {callback();});};let started = false;window.addEventListener('alpine:initializing', function () {if (! started) {window.livewire.start();started = true;}});document.addEventListener("DOMContentLoaded", function () {if (! started) {window.livewire.start();started = true;}});</script>
<script src="https://static.streamscharts.com/js/dayjs.min.js"
defer ></script>
<script src="https://static.streamscharts.com/js/dayjs-plugin-utc.min.js"
defer ></script>
<script src="https://static.streamscharts.com/js/dayjs-plugin-isBetween.min.js"
defer ></script>
<script src="https://static.streamscharts.com/js/echarts.5.1.2.comp.min.js"
defer ></script>
<script src="https://static.streamscharts.com/js/barchart.min.js?v=3.1"
></script>
<script src="https://static.streamscharts.com/js/line_chart.min.js?v=6.1"
></script>
<script
src="https://static.streamscharts.com/js/app.js?id=7d133834063a0fa40ec74e9fa7035b14"
defer></script>
<script>
// Clear old filters and filters from other pages
window.sideFilters = {}; window.addEventListener('fullPageReload', (e) => {location.reload();});
</script>
<div id="flash_messages">
</div>
<button
class="scroll_top_button x-cloak-invisible"
aria-label="Scroll page to top"
x-data="{
show: false
}"
:class="{
'visible opacity-100' : show,
'invisible opacity-0 translate-y-4' : !show,
}"
x-cloak
@scroll.window.throttle="show = (window.pageYOffset + 300 > window.innerHeight) ? true : false;"
@click="window.scrollTo({
top: 0,
behavior: 'smooth'
});"
>
<svg
class="w-4 h-4 fill-current flex-shrink-0 !h-5 !w-5 fill-current text-secondary"
title="arrow-hide-up"
name="arrow-hide-up" class="!h-5 !w-5 fill-current text-secondary"
>
<use class="fill-current" href="/sprite.svg?id=c1059218424a91c1d0f9f88aea83fe24#icon-arrow-hide-up" />
</svg></button>
<script src="https://static.streamscharts.com/js/components/bar-charts-init.js"></script>
<script src="https://static.streamscharts.com/js/components/menu-navigation.js"></script>
<script>
function pieChart() {
return {
inited: false,
chart: null,
chartData: [],
lastActive: 0,
autoplay: null,
totalValue: 0,
colors: {
card: getComputedStyle(document.documentElement).getPropertyValue('--color-card'),
cyan: getComputedStyle(document.documentElement).getPropertyValue('--color-cyan-default'),
red: getComputedStyle(document.documentElement).getPropertyValue('--color-red-default'),
yellow: getComputedStyle(document.documentElement).getPropertyValue('--color-yellow-default'),
violet: getComputedStyle(document.documentElement).getPropertyValue('--color-violet-default'),
lime: getComputedStyle(document.documentElement).getPropertyValue('--color-lime-default'),
},
getOptions: function() {
return {
tooltip: {
alwaysShowContent: true,
backgroundColor: 'rgba(0,0,0,0)',
padding: 0,
borderWidth: 0,
extraCssText: 'width: 100%; height: 100%; box-shadow: none',
position: [0,0],
formatter: (params) => {
const { name, value, formattedValue } = params.data;
const percent = Math.round(value / this.totalValue * 1000) / 10;
return `<div class="absolute top-0 left-0 flex items-center justify-center w-full h-full font-proxima">
<div class="space-y-1 overflow-hidden text-center text-default" style="max-width: 115px">
<div class="text-sm font-bold truncate">${ name }</div>
<div class="text-xl font-bold">${ formattedValue }</div>
<div class="text-xs text-opacity-75 text-secondary">${percent}% by HW</div>
</div>
</div>`;
}
},
legend: false,
series: [
{
textStyle: {
fontFamily: 'Proxima Nova'
},
type: 'pie',
top: '2px',
bottom: '2px',
radius: ['73%', '97%'],
selectedOffset: 0,
avoidLabelOverlap: false,
color: [
`rgb(${this.colors.cyan})`,
`rgb(${this.colors.red})`,
`rgb(${this.colors.yellow})`,
`rgb(${this.colors.violet})`,
`rgb(${this.colors.lime})`,
],
selectedMode: 'single',
itemStyle: {
borderRadius: 4,
borderColor: `rgb(${this.colors.card})`,
borderWidth: 1
},
label: {
show: false,
position: 'center'
},
emphasis: {
label: {
show: false
}
},
labelLine: {
show: false
},
emphasis: {
scaleSize: 4
},
data: this.chartData
}
]
}
},
mouseEnterHandler: function() {
this.stopAutoplay();
},
mouseLeaveHandler: function() {
this.startAutoplay();
},
startAutoplay: function() {
this.stopAutoplay();
this.autoplay = setInterval(() => {
this.lastActive = this.lastActive < this.chartData.length - 1 ? this.lastActive + 1 : 0;
this.highlightChart(this.lastActive);
}, 3000);
},
stopAutoplay: function() {
if (this.autoplay !== null) clearInterval(this.autoplay);
},
highlightChart: function(index) {
this.chart.dispatchAction({ type: 'downplay' });
this.chart.dispatchAction({ type: 'highlight', dataIndex: index });
this.chart.dispatchAction({ type: 'showTip', dataIndex: index, seriesIndex: 0 });
this.lastActive = index;
},
start: function() {
this.init();
window.addEventListener('popularGamesRefresh', (e) => {
this.inited = false;
this.lastActive = 0;
this.init();
});
},
init: function() {
const data = this.$el.dataset.chart;
this.chartData = JSON.parse(data);
this.totalValue = 0;
this.chart = echarts.init(this.$refs.chart);
this.totalValue = this.chartData.reduce((acc, val) => acc+val.value, this.totalValue);
this.chart.setOption(this.getOptions());
this.chart.on('finished', () => {
if (!this.inited) {
this.highlightChart(0);
this.startAutoplay();
this.inited = true;
}
});
this.chart.on('mouseover', (params) => {
this.highlightChart(params.dataIndex);
});
return true;
}
}
}
</script>
<script>
function voteBlock(){
return {
channelID: '670293080',
questionID: '1',
votes: {},
form: {},
formDisabled: false,
toggleOption: function(id, value) {
if (value === undefined) return;
const vote = this.votes[this.channelID][this.questionID];
if (value){
vote.push(id);
}else{
const index = vote.indexOf(id);
if (index > -1) vote.splice(index, 1);
}
this.checkDisabled();
localStorage.setItem('votes', JSON.stringify(this.votes));
this.$wire.call('toggleAnswer', id, Boolean(value));
},
init: function() {
let votes = JSON.parse(localStorage.getItem('votes'));
if (!votes) votes = {};
if (!votes[this.channelID]) votes[this.channelID] = {};
if (!votes[this.channelID][this.questionID]) votes[this.channelID][this.questionID] = [];
votes[this.channelID][this.questionID].forEach(id => {
this.form[id] = true;
});
this.votes = votes;
this.checkDisabled();
},
checkDisabled() {
if (this.votes[this.channelID][this.questionID].length >= 5){
this.formDisabled = true;
}else{
this.formDisabled = false;
}
}
}
}
</script>
<script src="https://static.streamscharts.com/js/components/vod-player.js"></script>
<script>
document.addEventListener("DOMContentLoaded", function () {
let state = "desktop";
let resizeRunning = false;
const ids = [
"subscribers_block",
"chat_analytics_block",
"facts_block",
"about_block",
"esport_activity_block",
"chess_watch_block",
"lifetime_block",
"last_streams_block",
"twitch_lost_token_block",
"streamer_banners_block",
"rating_block",
"events_block",
"vote_block",
"gears_block",
"banner_block",
"sponsorship_block",
"mobile_banner_after"
];
const blocks = {};
ids.forEach(id => blocks[id] = document.getElementById(id));
function insertAfter(targetSelector, ...elements) {
const target = document.querySelector(targetSelector);
if (!target) return;
const safeElements = elements.filter(Boolean);
if (safeElements.length) target.after(...safeElements);
}
function moveBlocks() {
if (window.innerWidth < 1024 && state === "desktop") {
state = "mobile";
insertAfter("#before_about",
blocks['facts_block'],
blocks['about_block'],
blocks['sponsorship_block'],
blocks['chess_watch_block'],
blocks['esport_activity_block'],
blocks['events_block'],
blocks['subscribers_block'],
blocks['chat_analytics_block']
);
insertAfter("#before_right_col",
blocks['twitch_lost_token_block'],
blocks['last_streams_block'],
blocks['streamer_banners_block'],
blocks['lifetime_block'],
blocks['rating_block'],
blocks['events_block'],
blocks['vote_block'],
blocks['gears_block']
);
if (blocks['mobile_banner_after'] && blocks['banner_block']) {
blocks['mobile_banner_after'].after(blocks['banner_block']);
}
} else if (window.innerWidth >= 1024 && state === "mobile") {
state = "desktop";
insertAfter("#right_col",
blocks['twitch_lost_token_block'],
blocks['last_streams_block'],
blocks['facts_block'],
blocks['about_block'],
blocks['streamer_banners_block'],
blocks['chess_watch_block'],
blocks['sponsorship_block'],
blocks['esport_activity_block'],
blocks['banner_block'],
blocks['lifetime_block'],
blocks['vote_block'],
blocks['rating_block'],
blocks['gears_block']
);
}
}
window.addEventListener("resize", function () {
if (!resizeRunning) {
resizeRunning = true;
requestAnimationFrame(() => {
moveBlocks();
resizeRunning = false;
});
}
});
moveBlocks();
});
</script>
</body>
</html>
<script>(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'9d5de12bdb7af814',t:'MTc3MjQyODA2NA=='};var a=document.createElement('script');a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script>
StreamsCharts.com
