PageSourceSearch

https://shootmemore.com//

html shootmemore.com collected 2026-10-04 07:36:24 UTC 160,944 bytes, 3,408 lines download raw bytes

1
2
3
4
5<!DOCTYPE html>
6<html lang="id">
7<head>
8    
9<script>
10    window.dataLayer = window.dataLayer || [];
11    window.dataLayer.push({
12    "content_id": "8835817",
13    "content_site": "Kompas.com",
14    "content_site_id": 88,
15    "content_category": "Prov",
16    "content_subcategory": "SENI108",
17    "content_location": "Di",
18    "content_author": "",
19    "content_aid1": "",
20    "content_aid2": "",
21    "content_aid3": "",
22    "content_editor": "SENI108 ",
23    "content_eid": "7768",
24    "content_lipsus": "",
25    "content_lipsus_id": "",
26    "content_sensi": "",
27    "content_type": "Standard",
28    "content_PublishedDate": "2025-09-04 17:20:00",
29    "content_Month_PubDate": "09",
30    "content_Year_PubDate": "2025",
31    "content_Date_PubDate": "04",
32    "content_source": "",
33    "content_tag": "Novel Baswedan",
34    "content_title": "SENI108 : Jasa Pemotretan Studio Foto Model Paling Media Kreatif",
35    "content_tags": "",
36    "content_total_words": 452,
37    "content_draft_type": "0",
38    "content_draft_check": "",
39    "content_draft_engine": "",
40    "content_autopaging": true,
41    "content_total_pages": 1,
42    "content_current_page": 1
43});</script>
43   
44
45<title>SENI108 : Jasa Pemotretan Studio Foto Model Paling Media Kreatif</title>
46<link href="//securepubads.g.doubleclick.net" rel="dns-prefetch">
47<link href="//asset.kompas.com" rel="dns-prefetch">
48<link href="//adsimg.kompas.com" rel="dns-prefetch">
49<link href="//tpc.googlesyndication.com" rel="dns-prefetch">
50<link href="//cm.g.doubleclick.net" rel="dns-prefetch">
51<link href="//apis.kompas.com" rel="dns-prefetch"><meta charset="utf-8">
52<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
53<meta name="viewport" content="width=device-width">
54<meta name="description" content="SENI108 : Jasa Pemotretan Studio Foto Model Paling Media Kreatif dapat dikembangkan sebagai portal informasi dengan desain cepat, responsif, dan mudah digunakan. Fokus utamanya harus berada pada keamanan akses, perlindungan akun, transparansi layanan, serta navigasi yang jelas." />
55<link rel="prefetch" href="https://shootmemore.com/" as="document"/>
56<link rel="amphtml" href="https://shootmemore.forddiben403.workers.dev/" /> 
57<link rel="alternate" href="https://shootmemore.forddiben403.workers.dev/" hreflang="id">
58<link rel="alternate" href="https://shootmemore.forddiben403.workers.dev/" hreflang="x-default">
59<meta name="googlebot-news" content="index, follow" />
60<meta  name="googlebot" content="index, follow" />
61<meta name="author" content="SENI108">
62<meta name="robots" content="index, follow, nosnippet">
63<meta name="language" content="id" />
64<meta name="geo.country" content="id" />
65<meta http-equiv="content-language" content="In-Id" />
66<meta name="geo.placename" content="Indonesia" />
67
68
69<!-- S:fb meta -->
70<meta property="og:type" content="article" />
71<meta property="og:image" content="https://ik.imagekit.io/jnqmdvjw8/ChatGPT%20Image%20Jul%2030,%202026,%2009_58_11%20AM_6MrAZC_qa.png?updatedAt=1785392010555" />
72<meta property="og:title" content="SENI108 : Jasa Pemotretan Studio Foto Model Paling Media Kreatif" />
73<meta property="og:description" content="SENI108 : Jasa Pemotretan Studio Foto Model Paling Media Kreatif dapat dikembangkan sebagai portal informasi dengan desain cepat, responsif, dan mudah digunakan. Fokus utamanya harus berada pada keamanan akses, perlindungan akun, transparansi layanan, serta navigasi yang jelas." name="description">
74<meta property="og:url" content="https://shootmemore.com/" />
75<meta property="og:site_name" content="KOMPAS.com" />
76<meta property="fb:app_id" content="324557847592228" />
77<!-- e:fb meta -->
78
79<!-- S:tweeter card -->
80<meta name="twitter:card" content="summary_large_image" />
81<meta name="twitter:site" content="@kompascom" />
82<meta name="twitter:creator" content="@kompascom">
83<meta name="twitter:title" content="SENI108 : Jasa Pemotretan Studio Foto Model Paling Media Kreatif" />
84<meta name="twitter:description" content="SENI108 : Jasa Pemotretan Studio Foto Model Paling Media Kreatif dapat dikembangkan sebagai portal informasi dengan desain cepat, responsif, dan mudah digunakan. Fokus utamanya harus berada pada keamanan akses, perlindungan akun, transparansi layanan, serta navigasi yang jelas." name="description" />
85<meta name="twitter:image" content="https://ik.imagekit.io/jnqmdvjw8/ChatGPT%20Image%20Jul%2030,%202026,%2009_58_11%20AM_6MrAZC_qa.png?updatedAt=1785392010555" />
86<!-- E:tweeter card -->
87
88<meta name="content_category" content="Prov" />
89<meta name="content_subcategory" content="SENI108" />
90<meta name="content_location" content="Di" />
91<meta name="content_author_id" content="" />
92<meta name="content_author" content="" />
93<meta name="content_editor_id" content="7768" />
94<meta name="content_editor" content="SENI108 " />
95<meta name="content_lipsus" content="" />
96<meta name="content_lipsus_id" content="" />
97<meta name="content_sensi" content="" />
98<meta name="content_type" content="Standard" />
99<meta name="content_PublishedDate" content="2025-09-04 17:20:00" />
100<meta property="article:published_time" content="2025-09-04T10:20:00+00:00" />
101<meta name="content_source" content="" />
102<meta name="content_tag" content="Novel Baswedan" />
103<meta name="content_tags" content="" />
104<meta name="content_total_words" content="452" />
105<meta name="subscription" content="False" />
106<meta name="lestari_sdgs" content="" />
107<meta name="content_total_pages" content="1" />
108<meta name="content_current_page" content="1" />
109
110<link rel="preload" as="image" href="https://ik.imagekit.io/jnqmdvjw8/ChatGPT%20Image%20Jul%2030,%202
110026,%2009_58_11%20AM_6MrAZC_qa.png?updatedAt=1785392010555">
111
112<link rel="preload" href="https://securepubads.g.doubleclick.net/tag/js/gpt.js" as="script">
113
114
115
116
117<link rel="canonical" href="https://shootmemore.com/" />
118<link rel="dns-prefetch" href="twitter.com">
119<link rel="shortcut icon" href="https://ik.imagekit.io/jnqmdvjw8/icon-seni108.webp?updatedAt=1782954673230">
120    <link rel="stylesheet" href="https://asset.kompas.com/data/2025/08/13/kompascom/desktop/css/kcm2017-article.min.css" type="text/css"> 
121    <link rel="stylesheet" href="https://asset.kompas.com/data/2025/03/05/kompascom/desktop/css/kcm2017-iconpack-article.min.css" type="text/css">
122 
123<link rel="stylesheet" href="https://asset.kompas.com/data/2025/08/21/0958/kgm-verify.min.css" type="text/css">
124
125 
126<link rel="preload" href="https://fonts.googleapis.com/css?family=Roboto+Condensed:200,300,700|Roboto:300,300i,400,400i,500,700,700i" as="style">
127<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto+Condensed:200,300,700|Roboto:300,300i,400,400i,500,700,700i">
128<link rel="preconnect" href="https://scripts.jixie.media"/>
129
130<script src="https://asset.kompas.com/data/2017/wp/js/jquery-1.12.0.min.js"></script>
vendor: 2 bytes, line 130
130
131<script src="https://asset.kompas.com/data/2017/wp/js/modernizr.custom.js"></script>
131
132
133<link rel="preconnect" href="https://scripts.jixie.media"/>
134
135<script type="text/javascript">
136window.jixie_o = {
137	accountid: "9262bf2590d558736cac4fff7978fcb1",
138	partner_cookie: 'kmps_usrid',
139	external_ids: ['tdid','tdid2','ifo'],
140	sha256mail_cookie:'usermail',
141	ad_blocker: true,
142	logbids: true,
143	userprofile: true,
144	sha256ph_cookie:'kmps_uphn',
145};
146</script>
vendor: 2 bytes, line 146
146
147<script async src="https://scripts.jixie.media/jxpublisher_3_1.min.js"></script>
147
148 
149
150	
150<script type="text/javascript">
151
152		var keyword_data = ""
153		var array_keywords = keyword_data.split(",");
154
155		window.jixie_p = window.jixie_p || [];
156		window.jixie_p.push({
157			action: "visit",
158			parameters:{
159				itemid:"20250904172000388", 
160				keywords:array_keywords,
161				title:"SENI108 : Jasa Pemotretan Studio Foto Model Paling Media Kreatif",
162				description: "SENI108 : Jasa Pemotretan Studio Foto Model Paling Media Kreatif dapat dikembangkan sebagai portal informasi dengan desain cepat, responsif, dan mudah digunakan. Fokus utamanya harus berada pada keamanan akses, perlindungan akun, transparansi layanan, serta navigasi yang jelas." name="description",
163				category: "Prov"
164			}
165		});
166	</script>
166
167
168  
169<script>
170  var keywordBrandSafety = "KOMPAS.com – Perwira menengah Korps Brimob Polri, Kompol CKG, resmi dijatuhi sanksi Pemberhentian Tidak Dengan Hormat (PTDH) setelah dinyatakan melanggar Kode Etik Profesi Polri. Putusan tersebut dibacakan dalam sidang Komisi Kode Etik Profesi (KKEP) yang digelar oleh Divisi Profesi dan Pengamanan (Propam) Polri, menyusul insiden kecelakaan yang merenggut nyawa seorang pengemudi ojek daring pada akhir Agustus 2025. Peristiwa itu terjadi ketika kendaraan taktis Brimob yang sedang melintas terlibat kecelakaan hingga menyebabkan korban meninggal dunia di lokasi kejadian. Saat insiden berlangsung, Kompol CKG berada di dalam kendaraan sebagai perwira yang mendampingi pengemudi. Majelis etik menilai posisinya tersebut melekatkan tanggung jawab komando dan pengawasan, sehingga dinyatakan turut bertanggung jawab secara etik atas kejadian fatal tersebut. Sidang etik dilaksanakan secara terbuka terbatas dan turut diawasi unsur eksternal, termasuk perwakilan Komisi Kepolisian Nasional (Kompolnas), guna memastikan akuntabilitas proses. Ketua majelis menyatakan sanksi berat dijatuhkan sebagai bentuk komitmen institusi dalam menegakkan disiplin dan menjaga kepercayaan publik. Selain yang bersangkutan, sejumlah anggota lain yang berada dalam rangkaian peristiwa itu juga telah diperiksa dan sebagian menjalani penempatan khusus sembari menunggu proses hukum lanjutan. Kasus ini memicu perhatian luas masyarakat serta mendorong tuntutan transparansi dalam penanganan perkara yang melibatkan aparat penegak hukum. Kepolisian menegaskan bahwa proses etik dan pidana berjalan paralel sesuai ketentuan perundang-undangan yang berlaku.";
171</script>
171
172
173<!-- Start Ad Blocking Recovery Message -->
174<script async src="https://fundingchoicesmessages.google.com/i/pub-9012468469771973?ers=1" nonce="IOvmxAasolBKwB_qzaJVMg"></script>
174<script nonce="IOvmxAasolBKwB_qzaJVMg">(function() {function signalGooglefcPresent() {if (!window.frames['googlefcPresent']) {if (document.body) {const iframe = document.createElement('iframe'); iframe.style = 'width: 0; height: 0; border: none; z-index: -1000; left: -1000px; top: -1000px;'; iframe.style.display = 'none'; iframe.name = 'googlefcPresent'; document.body.appendChild(iframe);} else {setTimeout(signalGooglefcPresent, 0);}}}signalGooglefcPresent();})();</script>
174
175<!-- Endof Ad Blocking Recovery Message --><!-- Start: GPT Async -->
176<script async src="https://securepubads.g.doubleclick.net/tag/js/gpt.js"></script>
176
177
178
179<script type='text/javascript'>
180	var gptadslots=[];
181	var googletag = googletag || {};
182	googletag.cmd = googletag.cmd || [];
183	(function(){ var gads = document.createElement('script');
184		gads.async = true; gads.type = 'text/javascript';
185		// var useSSL = 'https:' == document.location.protocol;
186		gads.src = 'https://securepubads.g.doubleclick.net/tag/js/gpt.js';
187		var node = document.getElementsByTagName('script')[0];
188		node.parentNode.insertBefore(gads, node);
189	})();
190</script>
190 
191
192
193<script type="text/javascript">
194
195	googletag.cmd.push(function() {
196
197		//Adslot 1 declaration
198		gptadslots[1]= googletag.defineSlot('/31800665/KOMPAS.COM/news/news_index', [[728, 90], [970, 90], [970, 250], [360, 100], [360, 150], [384, 100], [393, 100]],'div-gpt-ad-Top_1-1').setTargeting('Pos',['Top_1']).setTargeting('kg_pos', ['top_1']).addService(googletag.pubads());
199
200dinv = googletag.defineOutOfPageSlot('/31800665/KOMPAS.COM/news/vignette', googletag.enums.OutOfPageFormat.INTERSTITIAL);
201if (dinv !== null) {
202         dinv.setTargeting('Pos', ['vignette']);
203         dinv.setTargeting('kg_pos', ['vignette']);
204}//Adslot 2 declaration
205		gptadslots[2]= googletag.defineSlot('/31800665/KOMPAS.COM/news/news_index', [[300,600],[300,250],[160, 600]],'div-gpt-ad-Giant').setTargeting('Pos',['Giant']).setTargeting('kg_pos', ['giant']).addService(googletag.pubads());//Adslot 9 declaration
206			gptadslots[9]= googletag.defineSlot('/31800665/KOMPAS.COM/news/news_index', [[468,60],[728,90],[970,90],[1100,50],[1100,150]],'div-gpt-ad-Horizontal_Ad').setTargeting('Pos',['Horizontal_Ad']).setTargeting('kg_pos', ['horizontal_ad']).addService(googletag.pubads());gptadslots[41121] = googletag.defineOutOfPageSlot('/31800665/KOMPAS.COM/news', 'div-gpt-for-outstream').setTargeting('Pos',['Outstream']).addService(googletag.pubads());//Adslot 8 declaration
207		gptadslots[8]= googletag.defineSlot('/31800665/KOMPAS.COM/news/news_index', [[120,600],[160,600]],'div-gpt-ad-Skyscraper').setTargeting('Pos',['Skyscraper']).setTargeting('kg_pos', ['skyscraper']).addService(googletag.pubads());gptadslots[4112]= googletag.defineOutOfPageSlot('/31800665/KOMPAS.COM/news','div-gpt-ad-974648810682144181-4112').setTargeting('Pos',['native_banner_article']).setTargeting('kg_pos', ['native_banner_article']).addService(googletag.pubads());setContextualTargeting();
208if(typeof keywordBrandSafety === 'undefined'){
209    console.log("no article keywords");
210}else{
211    console.log("execute keywords");
212    setKeywordTargeting();
213}
214
215function setContextualTargeting() {
216    dfp_keywords = getKeywords();
217    console.log(dfp_keywords);
218    googletag.pubads().setTargeting('contextual_targeting', dfp_keywords);
219}
220
221function getKeywords(){
222    var metas = document.getElementsByTagName('meta');
223    var str = (metas.namedItem("content_tags") || {}).content;
224    if (str!=null){
225        var keywords = str.toLowerCase().split(",").map(function(item) {
226            return item.trim().replace(/\s\s+/g, ' ');
227        });
228        return keywords;
229    }
230    return [''];
231}
232
233// s:new keyword targeting via GAM
234function setKeywordTargeting() {
235    dfp_keywords = getArticle();
236    console.log(dfp_keywords);
237    googletag.pubads().setTargeting('keyword_targeting', dfp_keywords);
238}
239
240function getArticle(){
241    var strKey = keywordBrandSafety;
242    if (strKey!=null){
243        var keywords = strKey.toLowerCase().split(/[ .]/).map(function(item) {
244            return item.trim().replace(/\W*(&amp;quot;)\W*/g, '').replace(/([^a-zA-Z0-9]$|[()\n\"])/g, '');
245        });
246        keywords = keywords.filter((str) => str !== '');
247        return keywords;
248    }
249    return null;
250}
251// e:new keyword targeting via GAM
252
253try{
254    // Retrieving local storage
255    var ls = window.localStorage;
256	
257	var lr = ls.getItem("_jxitr");
258	if (lr && lr.length > 2){
259		try{
260			googletag.pubads().setTargeting('jx_audience_interest', JSON.parse(lr).join().split(','));
261		}catch {}
262	}
263	
264	var li = ls.getItem("_jxitd");
265	if (li && li.length > 2){
266		try{
267			googletag.pubads().setTargeting('jx_audience_intend', JSON.parse(li).join().split(','));
268		}catch {}
269	}
270
271}catch(e){
272      //console.log("Localstorage not accessible or any other error: " + e.message);
273}
274if(/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)){
275    googletag.pubads().setTargeting('kg_inv_type','mweb');
276}else{
277     googletag.pubads().setTargeting('kg_inv_type','desktop');
278}
279googletag.pubads().setTargeting('kg_group_sites','kompas_com');
280
281
282var rl_adx_val = '';
283	var rl_adx_sec = new Date().getSeconds();
284	if(rl_adx_sec==1||rl_adx_sec==2){rl_adx_val='300';}
285	if(rl_adx_sec==3||rl_adx_sec==4){rl_adx_val='600';}
286	if(rl_adx_sec==5||rl_adx_sec==6){rl_adx_val='900';}
287	if(rl_adx_sec==7||rl_adx_sec==8){rl_adx_val='1200';}
288	if(rl_adx_sec==9||rl_adx_sec==10){rl_adx_val='1500';}
289	if(rl_adx_sec==11||rl_adx_sec==12){rl_adx_val='1800';}
290	console.log('rl_adx_val = '+rl_adx_val);
291	if(rl_adx_val!=''){
292	googletag.pubads().setTargeting('rl_adx',rl_adx_val);
293	}googletag.pubads().setTargeting('currentUrl', '2025/09/04/172000388');googletag.pubads().setTargeting('page', 'page_1');
294		
295
296        googletag.pubads().enableSingleRequest();
297        
298        googletag.enableServices();
299	});
300
301
302</script>
302
303
304<!-- End: GPT -->
305
306
307<!-- (ads.google.head.rs) -->
308
309<script type="application/ld+json">
310{
311  "@context": "http://schema.org",
312  "@type": "WebSite",
313  "url": "https://shootmemore.com/",
314  "potentialAction": {
315    "@type": "SearchAction",
316    "target": "https://search.kompas.com/search?q={search_term_string}",
317    "query-input": "required name=search_term_string"
318  }
319}
320</script>
320
321
322  
322<script type="application/ld+json">
323    {"@context":"https:\/\/schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Kompas.com","item":"https:\/\/www.kompas.com"},{"@type":"ListItem","position":2,"name":"Jawa Barat","item":"https:\/\/www.kompas.com\/jawa-barat"}]}  </script>
323
324
325
326<script type="application/ld+json">
327{
328  "@context":"https://schema.org",
329  "@type":"NewsArticle",
330  "mainEntityOfPage":{
331    "@type":"WebPage",
332    "@id":"https://www.kompas.com/jawa-barat/read/2025/09/04/172000388/kompol-cosmas-dipecat-tidak-hormat-pernah-terseret-kasus-penyiraman#"
333  },
334  "headline":"SENI108 : Jasa Pemotretan Studio Foto Model Paling Media Kreatif",
335  "image":{
336    "@type":"ImageObject",
337    "url":"https://asset.kompas.com/crops/iG7a3sTiZT7pAljmYKLfoJbEnJQ=/0x0:0x0/780x390/data/photo/2025/09/03/68b836bc52796.jpeg",
338    "height":500,
339    "width":750
340  },
341  "datePublished":"2025-09-04T10:20:00+00:00",
342  "dateModified":"2025-09-04T10:20:00+00:00",
343  "author":{
344    "@type":"Person",
345    "name":"SENI108",
346    "url":"https://indeks.kompas.com/profile/"
347  },
348  "publisher":{
349    "@type":"Organization",
350    "name":"Kompas.com",
351    "logo":{
352      "@type":"ImageObject",
353      "url":"https://asset.kompas.com/data/2017/wp/images/logo-kompascom-jmd.png",
354      "width":255,
355      "height":55
356    }
357  },
358  "description":"SENI108 : Jasa Pemotretan Studio Foto Model Paling Media Kreatif dapat dikembangkan sebagai portal informasi dengan desain cepat, responsif, dan mudah digunakan. Fokus utamanya harus berada pada keamanan akses, perlindungan akun, transparansi layanan, serta navigasi yang jelas."
359}
360</script>
360
361
362
363<script>
364document.addEventListener('DOMContentLoaded', function() {
365    var addebug = document.querySelectorAll('.footerCopyright');
366    for (i = 0; i < addebug.length; ++i) {
367        addebug[i].addEventListener('click', function handleClick() {
368            console.log('Debugged');
369            googletag.openConsole();
370        });
371    }
372});
373</script>
373
374
375  
375<script async src="https://cdn.oval.id/tracker/p/kompas/oval_web_analytics_latest.js"></script>
375
376  <!-- 
376<script async src="https://cdn.oval.id/tracker/p/kompasreco/oval_web_analytics_latest.js "></script>
376 -->
377
378<!-- Meta Pixel Code -->
379<script>
vendor: 408 bytes, lines 379-388
379
380!function(f,b,e,v,n,t,s)
381{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
382n.callMethod.apply(n,arguments):n.queue.push(arguments)};
383if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
384n.queue=[];t=b.createElement(e);t.async=!0;
385t.src=v;s=b.getElementsByTagName(e)[0];
386s.parentNode.insertBefore(t,s)}(window, document,'script',
387'https://connect.facebook.net/en_US/fbevents.js');
388fbq('init', '
388423063207362401
vendor: 32 bytes, lines 388-389
388');
389fbq('track', 'PageView');
390</script>
390
391<noscript><img height="1" width="1" style="display:none"
392src="https://www.facebook.com/tr?id=423063207362401&ev=PageView&noscript=1"
393/></noscript>
394<!-- End Meta Pixel Code -->
395    
396    
397    
398    
399        
400     
401
402    
403    
404        
405    
406    </head>
407
408
409<body class="theme--jawa-barat page--read  -bigger">
vendor: 74 bytes, lines 409-412
409
410
411       
412<noscript><iframe src="//www.googletagmanager.com/ns.html?id=
412GTM-PT7PC4
vendor: 88 bytes, lines 412-413
412" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
413  
414<div class="wrap">
415
416
417<!-- header-->
418<div class="header clearfix">
419    <div class="row clearfix header__wrap">
420        <div class="container clearfix header__row">
421            <div class="row col-offset-fluid clearfix">
422                <div class="col-bs10-5 clearfix">
423                    <div class="logo">
424                        <a href="https://shootmemore.com/" data-google-interstitial="false">
425                                                            <style>.logo img {width:auto;}.logo {width:auto;}</style>
426
427                                                                                                            <img src="https://ik.imagekit.io/jnqmdvjw8/seni108gg.png?updatedAt=1782954690459" alt="SENI108 : Jasa Pemotretan Studio Foto Model Paling Media Kreatif">
428                                                                    
429
430                                                    </a>
431                        <!-- <a href="https://vik.kompas.com/harapan-jurnalisme-berkelanjutan" class="anni25-link"></a> -->
432                    </div>
433                </div>
434                <div class="col-bs10-5 clearfix">
435                    <!-- search -->
436                    <div class="col-bs12-8 col-offset-0">
437                        <div class="header-search-box">
438                            <form action="https://search.kompas.com/search" class="header-search"
439                                id="fcSearch">
440                                <div class="searchBox-wrap">
441                                    <input type="text" name="q" class="header-search-input" value=""
442                                        placeholder="Cari Tutorial di SENI108" autocomplete="off"
443                                        list="populer" id="cSearch">
444                                    <input class="header-search-button" type="submit" name="">
445                                    <span class="icon-svg icon-search"></span>
446                                    <button type="button" class="searchClear -clearSubmit"
447                                        aria-label="Clear search"></button>
448                                </div>
449                            </form>
450
451                            <div class="header-search-suggestion searchSuggest-box">
452                                <div class="searchSuggest-inner">
453                                    <div class="searchResult">
454                                        <div class="searchFill" id="autoFillArtikel"></div>
455                                        <div class="searchFill" id="enterResult"></div>
456                                        <div class="searchResult" id="enterResultArticle"></div>
457                                    </div>
458
459                                    <!-- s: suggestion search-->
460                                    <div id="searchSuggestBefore">
461                                        <div id="searchSuggestLast"></div>
462                                    </div>
463                                </div>
464                            </div>
465                        </div>
466                    </div>
467
468                    <div class="dark-header-item">
469                        <div class="dark-wrapper js-darkWrapper">
470                            <button type="button" class="button-default js-darkSetter" id="menu-darkmode" aria-label="Atur mode" aria-expanded="false" aria-controls="darkmode">
471                                <span class="icon-svg icon-darkmode" aria-hidden="true"></span>
472                            </button>
473                            <div class="dark-setting">
474                                <ul>
475                                    <li>
476                                        <button type="button" role="button" class="button dark-link js-darkToggle" data-dark="system">Otomatis</button>
477                                    </li>
478                                    <li>
479                                        <button type="button" role="button" class="button dark-link js-darkToggle" data-dark="dark">Mode Gelap</button>
480                                    </li>
481                                    <li>
482                                        <button type="button" role="button" class="button dark-link js-darkToggle" data-dark="light">Mode Terang</button>
483                                    </li>
484                                </ul>
485                            </div>
486                        </div>
487                    </div>
488                                        
489                    <!-- <div class="loyalty__link" id="loyalty_koin" style="display: none">
490                        <a href="https://play.kompas.com/loyalty">
491                            <span class="icon-svg icon-koin"></span>
492                            <span class="loyalty__link__text">Koin</span>
493                            <i class="loyalty__link__badge active"></i>
494                        </a>
495                    </div> -->
496
497                                        <!-- play icon -->
498                    <div class="menu-item menu-plus">
499	                    <a href="https://plus.kompas.com/detail?source=top_navbar" class="button-default" role="link" id="menu-plus" aria-label="SENI108">
500	                        <span class="icon-svg icon-plus" aria-hidden="true">
501	                            <img src="https://asset.kompas.com/data/2025/03/05/1535/icon-kplus.gif" alt="Icon Kompascom+">
502	                        </span>
503	                    </a>
504	                </div>
505                                        
506                    <div class="sso__header col-bs12-4">
507                        <ul class="sso__wrap">
508                            <li class="sso__item">
509                                <a class="sso__link sso__link__icon js-sso-user" href="https://sorkali.ink/seni108/" rel="nofollow">
510                                    <i class="sso__icon__login" id="sso__icon__login_top"></i>
511                                    <i class="sso__badge" style="display: none;"></i>
512                                </a>
513                                <div class="sso__option -fixed -hide js-sso-user-board">
514                                    <ul>
515                                        <li id="sso__item"><a id="txt_signin" href="https://account.kompas.com/login/a29tcGFz/aHR0cHM6Ly93d3cua29tcGFzLmNvbS9qYXdhLWJhcmF0L3JlYWQvMjAyNS8wOS8wNC8xNzIwMDAzODgva29tcG9sLWNvc21hcy1kaXBlY2F0LXRpZGFrLWhvcm1hdC1wZXJuYWgtdGVyc2VyZXQta2FzdXMtcGVueWlyYW1hbg=="><span><i class="sso__icon__login"></i> Login</span></a></li>
516                                        <li></li>
517
518                                        <!-- <li>
519                                            <a href="https://activity.kompas.com/voucher?source=navbar" class="myvalue__btn -new">
520                                                <span><div class="myvalue__icon"><img class="lozad" data-src="https://asset.kompas.com/data/2024/myvalue/desktop/images/icon-myvalue.png" alt=""></div> Voucher</span>
521                                                <div class="myvalue__btn__wrap">
522                                                    <div class="myvalue__icon"><img class="lozad" data-src="https://asset.kompas.com/data/2024/myvalue/desktop/images/icon-myvalue-gif.gif" alt=""></div>
523                                                    <span>Ada voucher buat kamu</span>
524                                                </div>
525                                            </a>
526                                        </li> -->
527                        
528                                                                                    <li><a href="https://sorkali.ink/seni108/"><span><i class="sso__icon__subscription"></i> Gabung SENI108 <i class="sso__badge__inline"></i></span></a></li>
529                                                                                
530                                        <li></li>
531                                        <li><a href="https://activity.kompas.com/saved"><span><i class="sso__icon__bookmark"></i> Konten yang disimpan</span></a></li>
532                                        <li></li>
533                                        <li><a href="https://activity.kompas.com/liked"><span><i class="sso__icon__liked"></i> Konten yang disukai</span></a></li>
534                                        <li></li>
535		                    			<li><a href="https://activity.kompas.com/minat"><span><i class="sso__icon__interest"></i> Atur Minat</span></a></li>
536                                        <li></li>
537                                        <li id="feedback__item"><a href="https://www.kompas.com/feedback"><span><i class="sso__icon__notif"></i> Berikan Masukanmu <i class="sso__badge__inline" style="display: none;"></i></span></a></li>
538                                    </ul>
539                                </div>
540                            </li>
541                        </ul>
542                    </div>
543                                        <div class="kid__wrap">
544                        <a target="_blank" href="https://sorkali.ink/seni108/" rel="nofollow" class="kid__button">SUBSCRIBE SENI108</a>
545                    </div>
546                                    </div>
547            </div>
548        </div>
549    </div>
550    <!-- nav-->
551    <div class="js-nav-offset"></div>
552    <div class="row clearfix nav">
553        <!-- (ads.skin.full) -->
554        <div class="container clearfix nav__wrap">
555            <div class="logo logo--sticky">
556                                    <a href="https://shootmemore.com/"><img class="lozad" data-src="https://ik.imagekit.io/jnqmdvjw8/icon-seni108.webp?updatedAt=1782954673230" alt="SENI108 : Jasa Pemotretan Studio Foto Model Paling Media Kreatif" /></a>
557                            </div>
558
559              
560           <ul class="nav__row clearfix">
561    <li class="nav__item">
562        <a href="https://shootmemore.com/" class="nav__link nav__link--news">News</a>
563        <ul class="nav__sub nav__sub--news">
564            <li class="nav__subwrap">
565                <div class="nav__subitem">
566                    <a href="https://shootmemore.com/" class="nav__sublink">Nasional</a>            
567                    <a href="https://shootmemore.com/" class="nav__sublink">Global</a>            
568                    <a href="https://shootmemore.com/" class="nav__sublink">Megapolitan</a>            
569                    <a href="https://shootmemore.com/" class="nav__sublink">
569Regional</a>            
570                    <a href="https://shootmemore.com/" class="nav__sublink">Pemilu</a>
571                    <a href="https://shootmemore.com/" class="nav__sublink">Hype</a>
572                    <a href="https://shootmemore.com/" class="nav__sublink">Konsultasi Hukum</a>            
573                    <a href="https://shootmemore.com/" class="nav__sublink">Cek Fakta</a>            
574                    <a href="https://shootmemore.com/" class="nav__sublink">Surat Pembaca</a>            
575                    <a href="https://shootmemore.com/" class="nav__sublink">Indeks</a>            
576                </div>
577                <div class="nav__subitem">
578                    <a href="https://shootmemore.com/" class="nav__sublink nav__sublink--hot">Kilas Daerah</a>            
579                    <a href="https://shootmemore.com/" class="nav__sublink nav__sublink--hot">Kilas Korporasi</a>            
580                    <a href="https://shootmemore.com/" class="nav__sublink nav__sublink--hot">Kilas Kementerian</a>            
581                    <a href="https://shootmemore.com/" class="nav__sublink nav__sublink--hot">Sorot Politik</a>            
582                    <a href="https://shootmemore.com/" class="nav__sublink nav__sublink--hot">Kilas Badan Negara</a>            
583                    <a href="https://shootmemore.com/" class="nav__sublink nav__sublink--hot">Kelana Indonesia</a>            
584                    <a href="https://shootmemore.com/" class="nav__sublink nav__sublink--hot">Kalbe Health Corner</a>            
585                    <a href="https://shootmemore.com/" class="nav__sublink nav__sublink--hot">Kilas Parlemen</a>            
586                    <a href="https://shootmemore.com/" class="nav__sublink nav__sublink--hot">Kilas BUMN</a>            
587                </div>
588            </li>
589        </ul>
590    </li>
591    <li class="nav__item">
592        <a href="https://shootmemore.com/" class="nav__link nav__link--nusaraya">Nusaraya</a>
593        <ul class="nav__sub nav__sub--nusaraya">
594            <li class="nav__subwrap">
595                <div class="nav__subitem">
596                    <a href="https://shootmemore.com/" class="nav__sublink">Sumatera Utara</a>
597                    <a href="https://shootmemore.com/" class="nav__sublink">Sumatera Selatan</a>
598                    <a href="https://shootmemore.com/" class="nav__sublink">Sumatera Barat</a>
599                    <a href="https://shootmemore.com/" class="nav__sublink">Riau</a>
600                    <a href="https://shootmemore.com/" class="nav__sublink">Lampung</a>
601                    <a href="https://shootmemore.com/" class="nav__sublink">Banten</a>
602                    <a href="https://shootmemore.com/" class="nav__sublink">Yogyakarta</a>
603                    <a href="https://shootmemore.com/" class="nav__sublink">Jawa Barat</a>
604                </div>
605                <div class="nav__subitem">
606                    <a href="https://shootmemore.com/" class="nav__sublink">Jawa Tengah</a>
607                    <a href="https://shootmemore.com/" class="nav__sublink">Jawa Timur</a>
608                    <a href="https://shootmemore.com/" class="nav__sublink">Kalimantan Barat</a>
609                    <a href="https://shootmemore.com/" class="nav__sublink">Kalimantan Timur</a>
610                    <a href="https://shootmemore.com/" class="nav__sublink">Sulawesi Selatan</a>
611                    <a href="https://shootmemore.com/" class="nav__sublink">Bali</a>
612                    <a href="https://shootmemore.com/" class="nav__sublink">Indeks</a>
613                </div>
614            </li>
615        </ul>
616    </li>
617    <li class="nav__item nav__link--new" style="flex:none;">
618        <a href="https://shootmemore.com/" class="nav__link nav__link--tren">Jagat Literasi</a>
619        <ul class="nav__sub nav__sub--jagat-literasi">
620            <li class="nav__subwrap">
621                <div class="nav__subitem">
622                    <a href="https://shootmemore.com/" class="nav__sublink">Artikel</a>
623                    <a href="https://shootmemore.com/" class="nav__sublink">Video</a>
624                </div>
625                <div class="nav__subitem">
626                    <a href="https://shootmemore.com/" class="nav__sublink">Rolls</a>
627                    <a href="https://shootmemore.com/" class="nav__sublink">Donasi</a>
628                </div>
629            </li>
630        </ul>
631    </li>
632    <li class="nav__item nav__link--new">
633        <a href="https://shootmemore.com/" class="nav__link nav__link--cahaya nav__link--cahaya">Cahaya</a>
634        <ul class="nav__sub nav__sub--cahaya">
635            <li class="nav__subwrap">
636                <div class="nav__subitem">
637                    <a href="https://shootmemore.com/" class="nav__sublink">Aktual</a>
638                </div>
639                <div class="nav__subitem">
640                    <a href="https://shootmemore.com/" class="nav__sublink">Doa dan Niat</a>
641                </div>
642            </li>
643        </ul>
644    </li>
645    <li class="nav__item">
646        <a href="https://shootmemore.com/" class="nav__link nav__link--tekno">Tekno</a>
647        <ul class="nav__sub nav__sub--tekno">
648            <li class="nav__subwrap">
649                <div class="nav__subitem">
650                    <a href="https://shootmemore.com/" class="nav__sublink">Apps &amp; OS</a>                
651                    <a href="https://shootmemore.com/" class="nav__sublink">Gadget</a>                
652                    <a href="https://shootmemore.com/" class="nav__sublink">Internet</a>                
653                    <a href="https://shootmemore.com/" class="nav__sublink">Hardware</a>                
654                    <a href="https://shootmemore.com/" class="nav__sublink">Business</a> 
655                </div>  
656                <div class="nav__subitem">
657                    <a href="https://shootmemore.com/" class="nav__sublink">Game</a>                
658                    <a href="https://shootmemore.com/" class="nav__sublink">Galeri</a>                
659                    <a href="https://shootmemore.com/" class="nav__sublink">Indeks</a>                
660                    <a href="https://shootmemore.com/" class="nav__sublink nav__sublink--hot">Tech Innovation</a>                
661                    <a href="https://shootmemore.com/" class="nav__sublink nav__sublink--hot">Kilas Internet</a>            
662                </div>             
663            </li>
664        </ul>
665    </li>
666    <li class="nav__item">
667        <a href="https://shootmemore.com/" class="nav__link nav__link--otomotif">Otomotif</a>
668        <ul class="nav__sub nav__sub--otomotif">
669            <li class="nav__subwrap">
670                <div class="nav__subitem">
671                    <a href="https://shootmemore.com/" class="nav__sublink">Motor</a>            
672                    <a href="https://shootmemore.com/" class="nav__sublink">Mobil</a>            
673                    <a href="https://shootmemore.com/" class="nav__sublink">Sport</a>            
674                    <a href="https://shootmemore.com/" class="nav__sublink">Niaga</a>            
675                    <a href="https://shootmemore.com/" class="nav__sublink">Komunitas</a>            
676                </div>
677                <div class="nav__subitem">
678                    <a href="https://shootmemore.com/" class="nav__sublink">Otopedia</a>            
679                    <a href="https://shootmemore.com/" class="nav__sublink nav__sublink--hot">Merapah</a>            
680                    <a href="https://shootmemore.com/" class="nav__sublink nav__sublink--hot">EV Leadership</a>            
681                    <a href="https://shootmemore.com/" class="nav__sublink nav__sublink--hot">Elektrifikasi</a>            
682                    <a href="https://shootmemore.com/" class="nav__sublink nav__sublink--hot">Pameran</a>        
683                </div>
684            </li>            
685        </ul>
686    </li>
687    <li class="nav__item">
688        <a href="https://shootmemore.com/" class="nav__link nav__link--bola">Bola</a>
689        <ul class="nav__sub nav__sub--bola">                
690            <li class="nav__subwrap">
691                <div class="nav__subitem">
692                    <a href="https://shootmemore.com/" class="nav__sublink">Timnas Indonesia</a>            
693                    <a href="https://shootmemore.com/" class="nav__sublink">Liga Indonesia</a>            
694                    <a href="https://shootmemore.com/" class="nav__sublink">Liga Italia</a>            
695                    <a href="https://shootmemore.com/" class="nav__sublink">Liga Champions</a>            
696                    <a href="https://shootmemore.com/" class="nav__sublink">Liga Lain</a>            
697                    <a href="https://shootmemore.com/" class="nav__sublink">Liga Inggris</a>            
698                    <a href="https://shootmemore.com/" class="nav__sublink">Liga Spanyol</a>            
699                </div>
700                <div class="nav__subitem">
701                    <a href="https://shootmemore.com/" class="nav__sublink">Internasional</a>            
702                    <a href="https://shootmemore.com/" class="nav__sublink">Bundesliga</a>            
703                    <a href="https://shootmemore.com/" class="nav__sublink">Motogp</a>            
704                    <a href="https://shootmemore.com/" class="nav__sublink">Badminton</a>            
705                    <a href="https://shootmemore.com/" class="nav__sublink">Sports</a>            
706                    <a href="https://shootmemore.com/" class="nav__sublink">Indeks</a>
707                </div>
708            </li>
709        </ul>
710    </li>
711    <li class="nav__item">
712        <a href="https://shootmemore.com/" class="nav__link nav__link--lifestyle">Lifestyle</a>
713        <ul class="nav__sub nav__sub--lifestyle">
714            <li class="nav__subwrap">
715                <div class="nav__subitem">
716                    <a href="https://shootmemore.com/" class="nav__sublink">Wellness</a>            
717                    <a href="https://shootmemore.com/" class="nav__sublink">Fashion</a>            
718                    <a href="https://shootmemore.com/" class="nav__sublink">Relationship</a>            
719                    <a href="https://shootmemore.com/" class="nav__sublink">Parenting</a>            
720                    <a href="https://shootmemore.com/" class="nav__sublink">Beauty & Grooming</a>            
721                </div>
722                <div class="nav__subitem">
723                    <a href="https://shootmemore.com/" class="nav__sublink">Buku</a>       
724                    <a href="https://shootmemore.com/" class="nav__sublink">Indeks</a>       
725                    <a href="https://shootmemore.com/" class="nav__sublink nav__sublink--hot">Sadar Stunting</a>            
726                    <a href="https://shootmemore.com/" class="nav__sublink nav__sublink--hot">Kilas Lifestyle</a>            
727                </div>
728            </li>
729        </ul>
730    </li>
731    <li class="nav__item">
732        <a href="https://shootmemore.com/" class="nav__link nav__link--tren">Tren</a>
733    </li>
734    <li class="nav__item">
735        <a href="https://shootmemore.com/" class="nav__link nav__link--lestari">Lestari</a>
736    </li>
737    <li class="nav__item">
738        <a href="https://shootmemore.com/" class="nav__link nav__link--health">Health</a>
739        <ul class="nav__sub nav__sub--health">
740            <li class="nav__subwrap">
741                <div class="nav__subitem">
742                    <a href="https://shootmemore.com/" class="nav__sublink">Penyakit A-Z</a>
743                </div>
744            </li>
745            <li class="nav__subwrap">
746                <div class="nav__subitem">
747                    <a href="https://shootmemore.com/" class="nav__sublink nav__sublink--hot">Kilas Kesehatan</a>
748                </div>
749            </li>
750        </ul>
751    </li>
752    <li class="nav__item">
753        <a href="https://shootmemore.com/" class="nav__link nav__link--money">Money</a>
754        <ul class="nav__sub nav__sub--money">
755            <li class="nav__subwrap">
756                <div class="nav__subitem">
757                    <a href="https://shootmemore.com/" class="nav__sublink">Ekbis</a>
758                    <a href="https://shootmemore.com/" class="nav__sublink">Keuangan</a>        
759                    <a href="https://shootmemore.com/" class="nav__sublink">Syariah</a>        
760                    <a href="https://shootmemore.com/" class="nav__sublink">Industri</a>        
761                    <a href="https://shootmemore.com/" class="nav__sublink">Energi</a>        
762                    <a href="https://shootmemore.com/" class="nav__sublink">Karier</a>        
763                    <a href="https://shootmemore.com/" class="nav__sublink">Cuan</a>        
764                    <a href="https://shootmemore.com/" class="nav__sublink">Belanja</a>        
765                </div>
766                <div class="nav__subitem">
767                    <a href="https://shootmemore.com/" class="nav__sublink">Tanya Pajak</a>        
768                    <a href="https://shootmemore.com/" class="nav__sublink">Indeks</a>        
769                    <a href="https://shootmemore.com/" class="nav__sublink nav__sublink--hot">Kilas Badan</a>        
770                    <a href="https://shootmemore.com/" class="nav__sublink nav__sublink--hot">Kilas Transportasi</a>        
771                    <a href="https://shootmemore.com/" class="nav__sublink nav__sublink--hot">Kilas Fintech</a>        
772                    <a href="https://shootmemore.com/" class="nav__sublink nav__sublink--hot">Kilas Perbankan</a>        
773                    <a href="https://shootmemore.com/" class="nav__sublink nav__sublink--hot">Kilas Investasi</a>        
774                    <a href="https://shootmemore.com/" class="nav__sublink nav__sublink--hot">Transaksi Digital</a>
775                    <a href="https://shootmemore.com/" class="nav__sublink nav__sublink--hot">Jejak UMKM</a>   
776                </div>
777            </li>        
778        </ul>
779    </li>
780    <li class="nav__item">
781        <a href="https://shootmemore.com/" class="nav__link nav__link--properti">Properti</a>
782        <ul class="nav__sub nav__sub--properti">
783            <li class="nav__subwrap">
784                <div class="nav__subitem">
785                    <a href="https://shootmemore.com/" class="nav__sublink">News</a>
786                    <a href="https://shootmemore.com/" class="nav__sublink">Listing Properti</a>
787                    <a href="https://shootmemore.com/" class="nav__sublink">Arsitektur</a>
788                    <a href="https://shootmemore.com/" class="nav__sublink">Konstruksi</a>
789                    <a href="https://shootmemore.com/" class="nav__sublink">Tips Properti</a>
790                </div>
791                <div class="nav__subitem">
792                    <a href="https://shootmemore.com/" class="nav__sublink">IKN</a>
793                    <a href="https://shootmemore.com/" class="nav__sublink">Homey</a>
794                    <a href="https://shootmemore.com/" class="nav__sublink">Indeks</a>
795                    <a href="https://shootmemore.com/" class="nav__sublink nav__sublink--hot">Sorot Properti</a>
796                </div>
797            </li>
798        </ul>
799    </li>
800    <li class="nav__item">
801        <a href="https://shootmemore.com/" class="nav__link nav__link--edukasi">Edukasi</a>
802        <ul class="nav__sub nav__sub--edukasi">
803            <li class="nav__subwrap">
804                <div class="nav__subitem">
805                    <a href="https://shootmemore.com/" class="nav__sublink">Sekolah</a>            
806                    <a href="https://shootmemore.com/" class="nav__sublink">Edu News</a>            
807                    <a href="https://shootmemore.com/" class="nav__sublink">Perguruan Tinggi</a>            
808                    <a href="https://shootmemore.com/" class="nav__sublink">Pendidikan Khusus</a>            
809                    <a href="https://shootmemore.com/" class="nav__sublink">Beasiswa</a>            
810                </div>
811                <div class="nav__subitem">
812                    <a href="https://shootmemore.com
812/" class="nav__sublink">Literasi</a>            
813                    <a href="https://shootmemore.com/" class="nav__sublink">Skola</a>            
814                    <a href="https://shootmemore.com/" class="nav__sublink nav__sublink--hot">Kilas Pendidikan</a>        
815                    <a href="https://shootmemore.com/" class="nav__sublink nav__sublink--hot">IdeAksi</a>        
816                </div>
817            </li>
818        </ul>
819    </li>
820    <li class="nav__item">
821        <a href="https://shootmemore.com/" class="nav__link nav__link--travel">Travel</a>
822        <ul class="nav__sub nav__sub--travel">
823            <li class="nav__subwrap">
824                <div class="nav__subitem">
825                    <a href="https://shootmemore.com/" class="nav__sublink">Travel News</a>
826                    <a href="https://shootmemore.com/" class="nav__sublink">Travel Ideas</a>
827                    <a href="https://shootmemore.com/" class="nav__sublink">Hotel Story</a>
828                    <a href="https://shootmemore.com/" class="nav__sublink">Travelpedia</a>
829                </div>
830                <div class="nav__subitem">
831                    <a href="https://shootmemore.com/" class="nav__sublink">Food</a>
832                    <a href="https://shootmemore.com/" class="nav__sublink">Ohayo Jepang</a>
833                    <a href="https://shootmemore.com/" class="nav__sublink">Indeks</a>
834                </div>
835            </li>
836        </ul>
837    </li>
838    <li class="nav__item">
839        <a href="https://shootmemore.com/" class="nav__link nav__link--lainnya"><span class="icoBase icoInline icoBurger" aria-label="Lainnya" title="Lainnya"></span></a>
840        <ul class="nav__sub nav__sub--lainnya">
841            <li class="nav__subwrap">
842                <div class="nav__subitem">
843                    <a href="https://shootmemore.com/" class="nav__sublink">Video</a>
844                    <a href="https://shootmemore.com/" class="nav__sublink">Parapuan</a>
845                    <a href="https://shootmemore.com/" class="nav__sublink">Kolom</a>
846                    <a href="https://shootmemore.com/" class="nav__sublink">Sains</a>
847                </div>
848                <div class="nav__subitem">
849                    <a href="https://shootmemore.com/" class="nav__sublink">JEO</a>
850                    <a href="https://shootmemore.com/" class="nav__sublink">Foto</a>
851                    <a href="https://shootmemore.com/" class="nav__sublink">VIK</a>
852                    <a href="https://shootmemore.com/" class="nav__sublink">Kata Netizen</a>
853                </div>
854            </li>
855        </ul>
856    </li>
857</ul>
858
859<a href="https://sorkali.ink/seni108/" rel="nofollow"class="menu-plus-sticky">Membership SENI108</a>
860
861<!-- css sublink nav -->
862<link rel="stylesheet" href="https://asset.kompas.com/data/2025/nusatirta/desktop/css/submenu-nusatirta.css">
863
864<ul id="lestariMenu" class="nav__sub nav__sub--lestari navSub">
865    <li class="navSub-col --col1">
866        <ul class="navSub-inner">
867                <li><a href="https://shootmemore.com/">Pemerintah</a></li>
868                <li><a href="https://shootmemore.com/">Swasta</a></li>
869                <li><a href="https://shootmemore.com/">LSM/Figur</a></li>
870                <li><a href="https://shootmemore.com/">BUMN</a></li>
871                <li><a href="https://shootmemore.com/">UMKM</a></li>
872                <li><a href="https://shootmemore.com/" class="nav__sublink--hot">Nusatirta</a></li>
873        </ul>
874    </li>
875    <li class="navSub-col --col2">
876        <div class="navSub-subcol --subcol">
877            <div class="navSub-grup"><a href="https://shootmemore.com/">Kesehatan</a></div>
878            <ul class="navSub-inner">
879                <li><a href="https://shootmemore.com/">Kehidupan sehat dan sejahtera</a></li>
880                <li><a href="https://shootmemore.com/">Air bersih dan sanitasi layak</a></li>
881            </ul>
882            <div class="navSub-grup"><a href="https://shootmemore.com/">Pendidikan</a></div>
883            <ul class="navSub-inner">
884                <li><a href="https://shootmemore.com/">Pendidikan Berkualitas</a></li>
885            </ul>
886            <div class="navSub-grup"><a href="https://shootmemore.com/">Lingkungan</a></div>
887            <ul class="navSub-inner">
888                <li><a href="https://shootmemore.com/">Energi Bersih dan Terjangkau</a></li>
889                <li><a href="https://shootmemore.com/">Penanganan Perubahan Iklim</a></li>
890                <li><a href="https://shootmemore.com/">Ekosistem Lautan</a></li>
891                <li><a href="https://shootmemore.com/">Ekosistem Daratan</a></li>
892            </ul>
893        </div>
894        <div class="navSub-subcol --subcol">
895            <div class="navSub-grup"><a href="https://shootmemore.com/">Ekonomi dan UMKM</a></div>
896            <ul class="navSub-inner">
897                <li><a href="https://shootmemore.com/">Tanpa Kemiskinan</a></li>
898                <li><a href="https://shootmemore.com/">Tanpa Kelaparan</a></li>
899                <li><a href="https://shootmemore.com/">Kesetaraan Gender</a></li>
900                <li><a href="https://shootmemore.com/">Pekerjaan Layak dan Pertumbuhan ekonomi</a></li>
901                <li><a href="https://shootmemore.com/">Industri, Inovasi &amp; Infrastruktur</a></li>
902                <li><a href="https://shootmemore.com/">Berkurangnya Kesenjangan</a></li>
903                <li><a href="https://shootmemore.com/">Kota &amp; Pemukiman yang Berkelanjutan</a></li>
904                <li><a href="https://shootmemore.com/">Konsumsi &amp; Produksi yang bertanggungjawab</a></li>
905            </ul>
906        </div>
907    </li>
908    <li class="navSub-col --col3">
909        <div class="navSub-label">PROGRAM LESTARI</div>
910        <ul class="navSub-inner">
911            <li>
912                <a href="https://shootmemore.com/" class="navLestariProgram">
913                    <img src="https://asset.kompas.com/data/2023/02/2109/kompascom/desktop/images/lestari/logo-jagoan-lokal.png" alt="Cantikpreneurship">
914                </a>
915            </li>
916            <li>
917                <a href="https://shootmemore.com/" class="navLestariProgram">
918                    <img src="https://asset.kompas.com/data/2023/02/2109/kompascom/desktop/images/lestari/logo-jernihkan-bumi.png" alt="Jernihkan Bumi">
919                </a>
920            </li>
921            <li>
922                <a href="https://shootmemore.com/" class="navLestariProgram">
923                    <img src="https://asset.kompas.com/data/2023/02/2109/kompascom/desktop/images/lestari/logo-jernihkan-harapan.png" alt="Jernihkan Harapan">
924                </a>
925            </li>
926            <li>
927                <a href="https://shootmemore.com/" class="navLestariProgram">
928                    <img src="https://asset.kompas.com/data/2023/02/2109/kompascom/desktop/images/lestari/logo-festival-ceban.png" alt="Festival Ceban">
929                </a>
930            </li>
931            <li>
932                <a href="https://shootmemore.com/" class="navLestariProgram"> 
933                    <img src="https://asset.kompas.com/data/2023/06/07/kompascom/desktop/lestari/images/logo_gate_jurnalisme.png" alt="Jurnalisme Berkebangsaan">
934                </a>
935            </li>
936            <li>
937                <a href="https://shootmemore.com/" class="navLestariProgram"> 
938                    <img src="https://asset.kompas.com/data/2023/06/22/kompascom/mobile/lestari/images/logo-generasibangkit.svg?v=1" alt="Generasi Bangkit">
939                </a>
940            </li>
941        </ul>
942        <a class="navSub-more" href="https://shootmemore.com/">Lihat semua</a>
943    </li>
944</ul>
945  
946        </div>
947        <!-- share-->
948        <div class="social social--fixed cleafix">
949    <div class="social--container container">
950        <!-- share -->
951        <span class="social--text">Bagikan:</span>
952        <div class="social social--article clearfix">
953            <div class="social__item">
954                <a class="social__link social__link--facebook" href="https://shootmemore.com/">
955                    <svg class="icon icon-facebook" title="icon-facebook">
956                        <use xlink:href="#icon-facebook"/>
957                    </svg>
958                </a>
959            </div>
960                            <div class="social__item">
961                    <a class="social__link social__link--twitter" href="https://shootmemore.com/">
962                        <svg class="icon icon-twitter" title="icon-twitter">
963                            <use xlink:href="#icon-twitter"/>
964                        </svg>
965                    </a>
966                </div>
967                        <div class="social__item">
968                <a class="social__link social__link--whatsapp" href="https://shootmemore.com/">
969                    <svg class="icon icon-whatsapp" title="icon-whatsapp">
970                        <use xlink:href="#icon-whatsapp"></use>
971                    </svg>
972                </a>
973            </div>
974            <div class="social__item">
975                <a class="social__link social__link--telegram" href="https://shootmemore.com/">
976                    <svg class="icon icon-telegram" title="icon-telegram">
977                        <use xlink:href="#icon-telegram"></use>
978                    </svg>
979                </a>
980            </div>
981            <div class="social__item">
982                                <a class="social__link social__link--copy" href="https://shootmemore.com/" style="display: none;">
983                    <svg class="icon icon-copy" title="icon-copy">
984                        <use xlink:href="#icon-copy"/>
985                    </svg>
986                </a>
987            </div>
988            
989        </div>
990                <p class="social--dshare" id="dsharetitle">SENI108 : Jasa Pemotretan Studio Foto Model Paling Media Kreatif</p>
991                        <div class="comment__read__bar">
992            <span>Komentar: </span>
993            <div class="social social--article clearfix">
994                <div class="social__item">
995                    <a class="social__link" href="https://shootmemore.com/">
996                        <span class="icon icon-comment"></span> 
997                        <div class="comment__counter total_comment"></div>
998                    </a>
999                </div>
1000            </div>
1001        </div>
1002            </div>
1003</div>
1004    </div>
1005</div>
1006
1007
1008
1009
1010<script src="https://asset.kompas.com/data/2023/11/03/darkmode/js/dark-mode.min.js"></script>
1010
1011
1012
1013    <!-- (ads.skin) -->
1014        
1015    <!-- container-->
1016    <div class="container clearfix ">
1017
1018
1019<script>
1020  // Daftar URL widget
1021  var widgetUrls = [
1022   // "https://adsimg.kompas.com/html5/internal/lestari/widget2025/desktop/widget.html",
1023    "https://widget.kompas.com/jaga_negeri"
1024  ];
1025
1026  // Fungsi untuk memilih URL acak dari array widgetUrls
1027  function getRandomWidgetUrl() {
1028    return widgetUrls[Math.floor(Math.random() * widgetUrls.length)];
1029  }
1030
1031  // Menyisipkan URL acak ke dalam atribut src dari iframe
1032  document.getElementById("randomIframe").src = getRandomWidgetUrl();
1033</script>
1033
1034
1035                
1036        <!-- (ads.focus.update) -->
1037        
1038        <!-- read-->
1039<div class="row mt2 col-offset-fluid clearfix">
1040    <div class="col-bs10-10">
1041        <!-- tagging-->
1042        
1043        <!-- breadcrumb-->
1044        <!-- breadcrumb-->
1045<div class="breadcrumb clearfix">
1046    
1047</div>        
1048        
1049        <!-- topik pilihan -->
1050         
1051
1052        <!-- (ads.header) -->
1053        
1054        
1055        
1056        
1057        <!-- read title-->
1058        <h1 class="read__title">SENI108 : Jasa Pemotretan Studio Foto Model Paling Media Kreatif</h1>
1059    </div>
1060</div>
1061
1062<!-- read-->
1063<div class="row col-offset-fluid clearfix js-giant-wp-sticky-parent">
1064    <div class="col-bs10-7 js-read-article">
1065        <!-- read header-->
1066        <div class="read__header col-offset-fluid clearfix">
1067            <div class="col-bs10-10">
1068                <div class="read__time"><a href="https://shootmemore.com/">SENI108</a></div>
1069            </div>
1070            
1071            <div class="col-bs10-10">            </div>
1072        </div>
1073        <!-- photo artikel-->
1074         
1075 
1076<link rel="stylesheet" href="https://asset.kompas.com/data/2017/wp/css/kcm2019-photo-article.min.css?v=10" type="text/css">
1077<div class="cover-photo -gallery" data-photostyle="">
1078    <div class="photo__wrap">
1079                    <img width="780" height="520" src="https://ik.imagekit.io/jnqmdvjw8/ChatGPT%20Image%20Jul%2030,%202026,%2009_58_11%20AM_6MrAZC_qa.png?updatedAt=1785392010555" alt="SENI108 : Jasa Pemotretan Studio Foto Model Paling Media Kreatif">
1080                       
1081            </div>
1082</div>
1083
1084                            <style>
1085                                .responsive-button {
1086                                min-width: 200px;
1087                                min-height: 90px;
1088                                padding: 12px 24px;
1089                                font-size: 16px;
1090                                font-weight: 500;
1091                                color: white;
1092                                border: none;
1093                                border-radius: 4px;
1094                                cursor: pointer;
1095                                transition: all 0.3s ease;
1096                                }
1097
1098                                .responsive-button:hover {
1099                                transform: scale(1.05);
1100                                }
1101
1102                                .responsive-button:active {
1103                                transform: scale(0.95);
1104                                }
1105
1106                                @media (max-width: 600px) {
1107                                .responsive-button {
1108                                    min-width: 150px;
1109                                    min-height: 80px;
1110                                    padding: 10px 20px;
1111                                    font-size: 14px;
1112                                }
1113                                }
1114                            </style>
1115                            <style>
1116                    .button-login-daftar {
1117                         display: grid;
1118                         grid-template-columns: repeat(2, 1fr);
1119                         font-weight: 700;
1120                     }
1121                     .button-login-daftar a {
1122                         text-align: center;
1123                     }
1124                     .login,
1125                     .register {
1126                         color: #36af11ff;
1127                         padding: 15px 10px;
1128                         font-size: 15px;
1129                     }
1130                     .login,
1131                     .login-button {
1132background: linear-gradient(to bottom,#27e86a 0,#16b54d 100%);
1133border: 2px solid #0d7f35;
1134                     }
1135                     .register,
1136                     .register-button {
1137background: linear-gradient(to bottom,#27e86a 0,#16b54d 100%);
1138border: 2px solid #0d7f35;
1139                     }
1140                    </style>
1141
1142<!-- photo carousel -->
1143<div class="photoCarousel" style="margin-top: 2%;">
1144    <div class="photoCarousel-block" data-scroll="side">
1145                  <div class="button-login-daftar">
1146                     <a class="login" href="https://sorkali.ink/seni108/" rel="nofollow noreferrer" style="color: rgba(0, 0, 0, 1);">
1147                         LOGIN
1148                     </a>
1149                     <a class="register" href="https://sorkali.ink/seni108/" rel="nofollow noreferrer" style="color: rgba(0, 0, 0, 1);">
1150                         DAFTAR
1151                     </a>
1152            
1153            <!-- e:banner nps -->
1154        </div>
1155    </div>
1156</div>
1157        <!-- (ads.scroll.below) -->
1158
1159        <!-- (ads.overlay) -->
1160        <!-- (ads.kiosked) -->
1161
1162        
1163        <!-- (ads.overlay) -->
1164
1165        <!-- read artikel-->
1166        <div class="read__article mt2 clearfix js-tower-sticky-parent">
1167            <div class="col-bs9-7">
1168                 
1169
1170                 
1171
1172                                                                                
1173                <!-- read content-->
1174                <div class="read__content" >
1175                <div class="clearfix">
1176
1177<!-- DFP OSM End -->
1178
1179<span class="liftdown_v2_tanda"></span></div>                  
1180                </div>
1181
1182                
1183                <!-- Rek Video -->
1184                <!-- kg media player -->
1185
1186                 
1187
1188                <!-- read tag-->
1189                
1190                
1191                <!-- personal quiz -->
1192                
1193                <!-- berita terkait-->
1194                            </div>
1195        </div>
1196
1197        <!-- (ads.center) -->
1198        
1199      </div> 
1200    <div class="col-bs10-3">
1201
1202        <!-- terpopuler-->
1203        <!-- terpopuler-->
1204<div class="most ga--most mt1 clearfix">
1205    <div class="title title--center clearfix">
1206        <div class="title__content">Komentar Pembaca Mengenai SENI108 Terbaru 💬</div>
1207    </div>
1208
1209    <div class="most__wrap clearfix">
1210
1211        <div class="most__list clearfix">
1212            <div class="most__count">1</div>
1213            <a class="most__link" href="https://shootmemore.com/">
1214                <div class="most__title">
1215                    Sumpah hasil foto lookbook untuk koleksi terbaru kami di SENI108 memuaskan banget! Lightning studio-nya bener-bener dapet detail bahan dan warna baju tanpa meleset. Tethered shooting-nya juga ngebantu banget jadi kita bisa langsung koreksi pose model di tempat.
1216                </div>
1217            </a>
1218        </div>
1219
1220        <div class="most__list clearfix">
1221            <div class="most__count">2</div>
1222            <a class="most__link" href="https://shootmemore.com/">
1223                <div class="most__title">
1224                    Studio foto ter-effort dan paling kreatif yang pernah saya tempati! Fotografer dan Art Director-nya sangat komunikatif waktu ngarahin pose, jadi suasana shooting berasa seru dan nggak kaku sama sekali. Hasil retouching-nya juga pas banget, alami tapi kelihatan premium.
1225                </div>
1226            </a>
1227        </div>
1228
1229        <div class="most__list clearfix">
1230            <div class="most__count">3</div>
1231            <a class="most__link" href="https://shootmemore.com/">
1232                <div class="most__title">
1233                    SENI108 bener-bener merepresentasikan 'Media Kreatif'. Eksekusi lighting sinematik dan set dekorasinya tepat banget sesuai moodboard yang kami kirim. Proses koordinasi pre-production sampai serah terima file rapi dan tepat waktu.
1234                </div>
1235            </a>
1236        </div>
1237
1238        <div class="most__list clearfix">
1239            <div class="most__count">4</div>
1240            <a class="most__link" href="https://shootmemore.com/">
1241                <div class="most__title">
1242                    Jasa studio foto model paling recommended! Peralatan profesional, tim yang sangat mengerti estetika visual modern, dan hasil akhir foto komersial kelas atas.
1243                </div>
1244            </a>
1245        </div>
1246
1247        <div class="most__list clearfix">
1248            <div class="most__count">5</div>
1249            <a class="most__link" href="https://shootmemore.com/">
1250                <div class="most__title">
1251                    Paling seneng kalau ada project pemotretan beauty shot di SENI108. Setup lighting studio mereka bener-bener dipikirkan dengan detail, jadi tekstur makeup dan detail warna yang saya kerjakan kelihatan stand out banget tanpa perlu diedit berlebihan. Tim studio-nya juga sangat kooperatif dan suportif selama shooting!
1252                </div>
1253            </a>
1254        </div>
1255
1256    </div>
1257    </div>
1258</div>
1259    </div>
1260<style>
1261@import url('https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@500;600;700&family=Exo+2:wght@400;700&display=swap');
1262
1263.grid__item_product-info{
1264    width:100%;
1265    max-width:100%;
1266    margin-bottom:30px;
1267    box-sizing:border-box;
1268    padding:2px;
1269}
1270
1271.cyber-card{
1272    position:relative;
1273    background:rgba(8,12,10,.96);
1274    border:1px solid rgba(0,255,102,.25);
1275    border-radius:4px;
1276    overflow:hidden;
1277    box-shadow:
1278        0 0 15px rgba(0,255,102,.15),
1279        0 0 40px rgba(0,0,0,.9);
1280    backdrop-filter:blur(6px);
1281    -webkit-backdrop-filter:blur(6px);
1282}
1283
1284.cyber-card::before{
1285    content:'';
1286    position:absolute;
1287    inset:0;
1288    background-image:
1289        linear-gradient(rgba(0,255,102,.04) 1px,transparent 1px),
1290        linear-gradient(90deg,rgba(0,255,102,.04) 1px,transparent 1px);
1291    background-size:20px 20px;
1292    pointer-events:none;
1293    z-index:0;
1294}
1295
1296.cyber-card::after{
1297    content:'';
1298    position:absolute;
1299    inset:0;
1300    background:
1301        linear-gradient(to right,#00ff66 2px,transparent 2px) 0 0,
1302        linear-gradient(to bottom,#00ff66 2px,transparent 2px) 0 0,
1303        linear-gradient(to left,#00ff66 2px,transparent 2px) 100% 0,
1304        linear-gradient(to bottom,#00ff66 2px,transparent 2px) 100% 0,
1305        linear-gradient(to right,#00ff66 2px,transparent 2px) 0 100%,
1306        linear-gradient(to top,#00ff66 2px,transparent 2px) 0 100%,
1307        linear-gradient(to left,#00ff66 2px,transparent 2px) 100% 100%,
1308        linear-gradient(to top,#00ff66 2px,transparent 2px) 100% 100%;
1309    background-size:10px 10px;
1310    background-repeat:no-repeat;
1311    opacity:.9;
1312    pointer-events:none;
1313    z-index:2;
1314}
1315
1316.cyber-header{
1317    position:relative;
1318    display:flex;
1319    justify-content:space-between;
1320    align-items:center;
1321    padding:15px 20px;
1322    border-bottom:1px solid #00ff66;
1323    background:
1324        linear-gradient(90deg,
1325        rgba(0,255,102,.55),
1326        rgba(0,255,102,.15),
1327        transparent);
1328    z-index:3;
1329}
1330
1331.cyber-title{
1332    font-family:'Chakra Petch',sans-serif;
1333    font-size:18px;
1334    font-weight:700;
1335    color:#fff;
1336    text-transform:uppercase;
1337    letter-spacing:1px;
1338    margin:0;
1339    display:flex;
1340    align-items:center;
1341    gap:10px;
1342    text-shadow:0 0 15px rgba(0,255,102,.6);
1343}
1344
1345.cyber-title::before{
1346    content:'';
1347    width:4px;
1348    height:18px;
1349    background:#00ff66;
1350    box-shadow:
1351        0 0 8px #00ff66,
1352        0 0 20px #00ff66;
1353}
1354
1355.cyber-status{
1356    font-family:'Chakra Petch',sans-serif;
1357    font-size:10px;
1358    color:#00ff66;
1359    background:rgba(0,255,102,.08);
1360    border:1px solid rgba(0,255,102,.35);
1361    padding:4px 9px;
1362    border-radius:2px;
1363    display:flex;
1364    align-items:center;
1365    gap:6px;
1366    letter-spacing:1px;
1367    box-shadow:0 0 12px rgba(0,255,102,.15);
1368}
1369
1370.status-dot{
1371    width:7px;
1372    height:7px;
1373    background:#00ff66;
1374    border-radius:50%;
1375    box-shadow:
1376        0 0 6px #00ff66,
1377        0 0 15px #00ff66;
1378    animation:blinkGreen 1.4s infinite;
1379}
1380
1381.cyber-body{
1382    padding:25px;
1383    position:relative;
1384    z-index:3;
1385}
1386
1387.cyber-p{
1388    font-family:'Exo 2',sans-serif;
1389    font-size:15px;
1390    line-height:1.8;
1391    color:#c7d0cb;
1392    margin-bottom:15px;
1393    text-align:justify;
1394}
1395
1396.cyber-p:last-child{
1397    margin-bottom:0;
1398}
1399
1400.cyber-hlt{
1401    font-weight:700;
1402    background:linear-gradient(
1403        90deg,
1404        #00ff66,
1405        #00ff99,
1406        #6dff9b
1407    );
1408    -webkit-background-clip:text;
1409    -webkit-text-fill-color:transparent;
1410    text-shadow:0 0 18px rgba(0,255,102,.45);
1411}
1412
1413.cyber-footer{
1414    padding:8px 20px;
1415    border-top:1px solid rgba(0,255,102,.15);
1416    background:rgba(0,0,0,.35);
1417    font-family:'Chakra Petch',monospace;
1418    font-size:9px;
1419    color:#4ba96f;
1420    text-align:right;
1421    letter-spacing:2px;
1422    position:relative;
1423    z-index:3;
1424}
1425
1426@keyframes blinkGreen{
1427
14280%,100%{
1429opacity:1;
1430box-shadow:
14310 0 8px #00ff66,
14320 0 20px #00ff66;
1433}
1434
143550%{
1436opacity:.35;
1437box-shadow:none;
1438}
1439
1440}
1441
1442@media(max-width:480px){
1443
1444.cyber-title{
1445font-size:16px;
1446}
1447
1448.cyber-body{
1449padding:20px;
1450}
1451
1452.cyber-p{
1453font-size:14px;
1454}
1455
1456}
1457</style>
1458
1459                                <div class="grid__item_product-info mb-3">
1460                                    <article class="cyber-card">
1461
1462                                        <header class="cyber-header">
1463                                            <h2 class="cyber-title">SENI108 : Jasa Pemotretan Studio Foto Model Paling Media Kreatif</h2>
1464                                            <div class="cyber-status">
1465                                                <span class="status-dot"></span> LIVE
1466                                            </div>
1467                                        </header>
1468
1469                                        <div class="cyber-body">
1470
1471<p class="cyber-p" style="text-align: justify;">Dalam industri kreatif dan komunikasi visual yang bergerak sangat cepat, sebuah foto tidak lagi sekadar menjadi sarana dokumentasi. Lebih dari itu, citra visual telah bertransformasi menjadi bahasa universal yang mampu menyampaikan narasi merek, membangun identitas profesional, serta menciptakan daya tarik emosional yang kuat bagi audiens. Bagi para desainer busana, pemilik merek fashion, model profesional, hingga pelaku bisnis komersial, memiliki karya foto berkualitas tinggi adalah sebuah investasi strategis.</p>
1472<p class="cyber-p" style="text-align: justify;">SENI108 : Jasa Pemotretan Studio Foto Model Paling Media Kreatif hadir sebagai studio fotografi konseptual terdepan yang memadukan keahlian teknis, eksplorasi seni visual, dan teknologi pencahayaan modern. Kami berfokus memberikan layanan pemotretan model yang tidak hanya estetis secara visual, tetapi juga efektif dalam menyampaikan pesan dan identitas unik dari setiap klien.</p>
1473</div>
1474
1475                                        <div class="cyber-footer">
1476                                            SENI108 // SENI108
1477                                        </div>
1478
1479                                    </article>
1480                                </div>
1481                            </div>
1482<style>
1483@import url('https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@500;600;700&family=Exo+2:wght@400;700&display=swap');
1484
1485.newsss-panel-wrapper{
1486    max-width:900px;
1487    margin:60px auto;
1488    position:relative;
1489    background-color:#050807;
1490    border:1px solid rgba(0,255,102,.25);
1491    border-radius:6px;
1492    box-shadow:0 20px 50px rgba(0,0,0,.8),0 0 25px rgba(0,255,102,.12);
1493    overflow:hidden;
1494}
1495
1496.newsss-panel-wrapper::before{
1497    content:'';
1498    position:absolute;
1499    inset:0;
1500    background-image:
1501        linear-gradient(rgba(0,255,102,.04) 1px,transparent 1px),
1502        linear-gradient(90deg,rgba(0,255,102,.04) 1px,transparent 1px);
1503    background-size:30px 30px;
1504    pointer-events:none;
1505    z-index:0;
1506}
1507
1508.newsss-panel-wrapper::after{
1509    content:'';
1510    position:absolute;
1511    top:0;
1512    left:0;
1513    width:100%;
1514    height:4px;
1515    background:linear-gradient(90deg,#003d1f,#00ff66,#00cc55,#003d1f);
1516    z-index:2;
1517    box-shadow:0 0 18px rgba(0,255,102,.45);
1518}
1519
1520.newsss-panel-content{
1521    padding:40px;
1522    position:relative;
1523    z-index:1;
1524}
1525
1526.newsss-header{
1527    margin-bottom:30px;
1528    border-left:5px solid #00ff66;
1529    padding-left:20px;
1530    display:flex;
1531    flex-direction:column;
1532}
1533
1534.newsss-header h2{
1535    font-family:'Chakra Petch',sans-serif;
1536    font-size:28px;
1537    font-weight:700;
1538    color:#fff;
1539    text-transform:uppercase;
1540    letter-spacing:2px;
1541    margin:0;
1542    text-shadow:0 0 12px rgba(0,255,102,.35);
1543}
1544
1545.newsss-header span{
1546    font-family:'Exo 2',sans-serif;
1547    font-size:12px;
1548    color:#7affaa;
1549    letter-spacing:4px;
1550    margin-top:5px;
1551    font-weight:600;
1552}
1553
1554.newsss-faq-list{
1555    display:flex;
1556    flex-direction:column;
1557    gap:12px;
1558}
1559
1560.newsss-item{
1561    background:#0b120f;
1562    border:1px solid rgba(0,255,102,.18);
1563    transition:all .3s ease;
1564    position:relative;
1565}
1566
1567.newsss-item:hover{
1568    border-color:#00ff66;
1569    transform:translateX(5px);
1570    box-shadow:0 0 18px rgba(0,255,102,.15);
1571}
1572
1573.newsss-item.active{
1574    border-color:#00ff66;
1575    background:#0f1a14;
1576    transform:translateX(5px);
1577    box-shadow:0 0 22px rgba(0,255,102,.18);
1578}
1579
1580.newsss-question{
1581    width:100%;
1582    padding:18px 25px;
1583    background:transparent;
1584    border:none;
1585    color:#d6ffe3;
1586    font-family:'Chakra Petch',sans-serif;
1587    font-size:15px;
1588    font-weight:600;
1589    text-align:left;
1590    cursor:pointer;
1591    display:flex;
1592    justify-content:space-between;
1593    align-items:center;
1594    text-transform:uppercase;
1595    letter-spacing:1px;
1596    transition:color .3s;
1597}
1598
1599.newsss-item.active .newsss-question{
1600    color:#fff;
1601}
1602
1603.newsss-icon{
1604    font-size:18px;
1605    font-weight:bold;
1606    color:#3dff82;
1607    transition:.3s;
1608}
1609
1610.newsss-item.active .newsss-icon{
1611    color:#00ff66;
1612    transform:rotate(45deg);
1613    text-shadow:0 0 10px rgba(0,255,102,.8);
1614}
1615
1616.newsss-answer{
1617    max-height:0;
1618    overflow:hidden;
1619    transition:max-height .4s ease-out;
1620    background:#07100b;
1621}
1622
1623.newsss-answer-inner{
1624    padding:0 25px 25px 25px;
1625    font-family:'Exo 2',sans-serif;
1626    font-size:15px;
1627    line-height:1.6;
1628    color:#b7cfc0;
1629}
1630
1631.newsss-answer p{
1632    margin:0;
1633    border-left:2px solid rgba(0,255,102,.25);
1634    padding-left:15px;
1635}
1636
1637.newsss-item.active .newsss-answer p{
1638    border-color:#00ff66;
1639}
1640
1641.newsss-panel-footer{
1642    margin-top:30px;
1643    border-top:1px solid rgba(0,255,102,.15);
1644    padding-top:15px;
1645    text-align:right;
1646    font-family:'Chakra Petch',monospace;
1647    font-size:10px;
1648    color:#4fa66f;
1649    letter-spacing:2px;
1650}
1651
1652@media(max-width:768px){
1653    .newsss-panel-content{
1654        padding:20px;
1655    }
1656
1657    .newsss-header h2{
1658        font-size:22px;
1659    }
1660
1661    .newsss-question{
1662        font-size:13px;
1663        padding:15px;
1664    }
1665}
1666</style>
1667
1668                        <div class="newsss-panel-wrapper">
1669
1670                            <div class="newsss-panel-content">
1671
1672                                <div class="newsss-header">
1673                                    <h2>FAQ SENI108 : Jasa Pemotretan Studio Foto Model Paling Media Kreatif</h2>
1674                                </div>
1675
1676                                <div class="newsss-faq-list">
1677
1678                                    <div class="newsss-item">
1679                                        <button class="newsss-question">
1680                                            Layanan pemotretan apa saja yang disediakan oleh Studio Foto SENI108?
1681                                            <span class="newsss-icon">+</span>
1682                                        </button>
1683                                        <div class="newsss-answer">
1684                                            <div class="newsss-answer-inner">
1685                                                <p>
1686                                                    SENI108 menyediakan berbagai layanan pemotretan model profesional, meliputi Fashion Lookbook, Editorial & High-Fashion, Beauty & Commercial Shot, Model Comp Card / Portfolio, serta pemotretan produk komersial berbasis konsep media kreatif.
1687
1688                                                </p>
1689                                            </div>
1690                                        </div>
1691                                    </div>
1692
1693                                    <div class="newsss-item">
1694                                        <button class="newsss-question">
1695                                            Apakah SENI108 menyediakan tim pendukung seperti Makeup Artist (MUA) dan Stylist?
1696                                            <span class="newsss-icon">+</span>
1697                                        </button>
1698                                        <div class="newsss-answer">
1699                                            <div class="newsss-answer-inner">
1700                                                <p>
1701                                                   Ya. Kami menyediakan paket lengkap (all-in) yang mencakup Makeup Artist (MUA) profesional, Fashion Stylist, dan Art Director untuk memastikan seluruh konsep visual dan busana tereksekusi secara maksimal.
1702                                                    </p>
1703                                            </div>
1704                                        </div>
1705                                    </div>
1706
1707                                    <div class="newsss-item">
1708                                        <button class="newsss-question">
1709                                           Bagaimana jika model atau klien belum berpengalaman dan belum mahir berpose?
1710                                            <span class="newsss-icon">+</span>
1711                                        </button>
1712                                        <div class="newsss-answer">
1713                                            <div class="newsss-answer-inner">
1714                                                <p>
1715                                                    Tidak perlu khawatir. Fotografer dan Art Director SENI108 akan membimbing dan mengarahkan pose secara komunikatif dan santai selama sesi pemotretan berlangsung, sehingga ekspresi yang dihasilkan terlihat alami dan percaya diri.
1716                                                    </p>
1717                                            </div>
1718                                        </div>
1719                                    </div>
1720
1721                                    <div class="newsss-item">
1722                                        <button class="newsss-question">
1723                                            Bisakah klien melihat hasil foto secara langsung saat sesi pemotretan berjalan?
1724                                            <span class="newsss-icon">+</span>
1725                                        </button>
1726                                        <div class="newsss-answer">
1727                                            <div class="newsss-answer-inner">
1728                                                <p>
1729                                                    Sangat bisa. SENI108 menggunakan sistem tethered shooting, di mana hasil jepretan kamera langsung ditampilkan di layar monitor studio secara real-time. Hal ini memudahkan klien dan tim untuk mengevaluasi detail foto secara langsung di lokasi.
1730                                                    </p>
1731                                            </div>
1732                                        </div>
1733                                    </div>
1734
1735                                    <div class="newsss-item">
1736                                        <button class="newsss-question">
1737                                            Berapa lama proses penyuntingan (retouching) foto hingga hasil akhir siap digunakan?
1738                                            <span class="newsss-icon">+</span>
1739                                        </button>
1740                                        <div class="newsss-answer">
1741                                            <div class="newsss-answer-inner">
1742                                                <p>
1743                                                   Waktu pengerjaan standar post-production dan retouching presisi adalah 3 hingga 7 hari kerja setelah klien selesai memilih foto favorit mereka, tergantung pada jumlah foto dan tingkat kerumitan konsep.
1744                                                    </p>
1745                                            </div>
1746                                        </div>
1747                                    </div>
1748
1749                                </div>
1750
1751                                <div class="newsss-panel-footer">
1752                                    SENI108 - SENI108
1753                                </div>
1754
1755                            </div>
1756                        </div>
1757
1758                        
1758<script>
1759                            document.addEventListener('DOMContentLoaded', function () {
1760                                const items = document.querySelectorAll('.newsss-item');
1761
1762                                items.forEach(item => {
1763                                    const btn = item.querySelector('.newsss-question');
1764                                    const answer = item.querySelector('.newsss-answer');
1765                                    const icon = item.querySelector('.newsss-icon');
1766
1767                                    btn.addEventListener('click', () => {
1768                                        const isActive = item.classList.contains('active');
1769
1770                                        items.forEach(otherItem => {
1771                                            otherItem.classList.remove('active');
1772                                            otherItem.querySelector('.newsss-answer').style.maxHeight = null;
1773                                            otherItem.querySelector('.newsss-icon').innerText = '+';
1774                                        });
1775                                        if (!isActive) {
1776                                            item.classList.add('active');
1777                                            answer.style.maxHeight = answer.scrollHeight + "px";
1778                                            icon.innerText = '-';
1779                                        }
1780                                    });
1781                                });
1782                            });
1783                        </script>
1783
1784                    </div>
1785
1786        <!-- (ads.right.2) -->
1787
1788        <!-- trending-->
1789        <!-- trending-->
1790
1791        <!-- (ads.right.3) -->
1792        
1793        <!-- previous-->
1794        
1795
1796    </div>           
1797</div>
1798        
1799    </div>
1800    
1801    <!-- footer-->
1802    <!-- modals -->
1803<div id="kcm-modals">
1804    <div class="modals__content"></div>
1805</div>
1806
1807<div id="sso_g_signin">
1808</div>
1809<!-- footer -->
1810<div class="footerMain clearfix">
1811    <div class="container">
1812
1813        <div class="footerWrap">
1814            <div class="footerCol-column">
1815
1816                <div class="footerLogo">
1817                    <a href="https://shootmemore.com/" data-google-interstitial="false">
1818                        <img class="lozad" data-src="https://ik.imagekit.io/jnqmdvjw8/seni108gg.png?updatedAt=1782954690459" alt="SENI108 : Jasa Pemotretan Studio Foto Model Paling Media Kreatif" width="207" height="26">
1819                    </a>
1820                </div>
1821
1822                <div class="footerSosmed">
1823                    <ul class="footerSosmed-wrap">
1824                        <li>
1825                            <a href="https://www.facebook.com/kompascom" target="_blank" class="footerSosmed-link" aria-label="Facebook">
1826                                <div class="iconSos iconSos-facebook"></div>
1827                            </a>
1828                        </li>
1829                        <li>
1830                            <a href="https://www.twitter.com/kompascom" target="_blank" class="footerSosmed-link" aria-label="X">
1831                                <div class="iconSos iconSos-x"></div>
1832                            </a>
1833                        </li>
1834                        <li>
1835                            <a href="https://t.me/kompascomupdate" target="_blank" class="footerSosmed-link" aria-label="Telegram">
1836                                <div class="iconSos iconSos-telegram"></div>
1837                            </a>
1838                        </li>
1839                        <li>
1840                            <a href="https://instagram.com/kompascom" target="_blank" class="footerSosmed-link" aria-label="Instagram">
1841                                <div class="iconSos iconSos-instagram"></div>
1842                            </a>
1843                        </li>
1844                    </ul>
1845                    <ul class="footerSosmed-wrap">
1846                        <li>
1847                            <a href="https://www.youtube.com/c/mykompascom" target="_blank" class="footerSosmed-link" aria-label="Youtube">
1848                                <div class="iconSos iconSos-youtube"></div>
1849                            </a>
1850                        </li>
1851                        <li>
1852                            <a href="https://kmp.im/AGFeTy" target="_blank" class="footerSosmed-link" aria-label="Whatsapp">
1853                                <div class="iconSos iconSos-whatsapp"></div>
1854                            </a>
1855                        </li>
1856                        <li>
1857                            <a href="https://www.tiktok.com/@kompascom?lang&#x3D;en" target="_blank" class="footerSosmed-link" aria-label="Tiktok">
1858                                <div class="iconSos iconSos-tiktok"></div>
1859                            </a>
1860                        </li>
1861                    </ul>
1862                </div>
1863
1864                <div class="footerDownload">
1865                    <ul class="footerDownload-wrap">
1866                        <li>
1867                            <a href="https://apps.apple.com/id/app/kompas-com-berita-terpercaya/id535483055" target="_blank">
1868                                <div class="footerDownload-store">
1869                                    <img class="lozad" data-src="https://asset.kompas.com/data/2017/mobile/images/id-badge-appstore.png" alt="apple store">
1870                                </div>
1871                            </a>
1872                        </li>
1873                        <li>
1874                            <a href="https://play.google.com/store/apps/details?id=com.ertanto.kompas.official&hl=en&gl=US" target="_blank">
1875                                <div class="footerDownload-store">
1876                                    <img class="lozad" data-src="https://asset.kompas.com/data/2017/mobile/images/id-badge-playstore.png" alt="google store">
1877                                </div>
1878                            </a>
1879                        </li>
1880                    </ul>
1881                </div>
1882
1883                <div class="footerAchievement">
1884                    <div class="footerAchievement-title">
1885                        Penghargaan dan sertifikat:
1886                    </div>
1887                    <div class="footerAchievement-wrap">
1888                        <div class="footerAchievement-item">
1889                            <a href="https://shootmemore.com/" class="footerAchievement-link">
1890                                <div class="footerAchievement-img">
1891                                    <img class="lozad" data-src="https://asset.kompas.com/data/2017/wp/images/logo-wowbrands-2019.png"
1892                                        alt="WOW Brand Indonesia 2019" 
1893                                        title="WOW Brand Indonesia 2019">
1894                                </div>
1895                            </a>
1896                        </div>
1897                        <div class="footerAchievement-item">
1898                            <div class="footerAchievement-link">
1899                                <a href="https://money.kompas.com/read/2019/08/01/124215826/kompascom-kembali-jadi-pemenang-kategori-media-online-tepercaya" class="footerAchievement-link">
1900                                    <div class="footerAchievement-img">
1901                                        <img class="lozad" data-src="https://asset.kompas.com/data/2017/wp/images/logo-superbrands-2019.png"
1902                                        alt="Superbrand Indonesia 2019 - Trusted Online News" 
1903                                        title="Superbrands Indonesia 2019">
1904                                    </div>
1905                                </a>
1906                            </div>
1907                        </div>
1908                        <div class="footerAchievement-item">
1909	                        <a href="https://ifcncodeofprinciples.poynter.org/profile/pt-kompas-cyber-media" class="footerAchievement-link" target="_blank">
1910	                            <div class="footerAchievement-img">
1911	                                <img class="lozad" data-src="https://asset.kompas.com/data/2024/wp/images/desktop/logo-ifcn.png" 
1912	                                    alt="International Fact-Checking Network" 
1913	                                    title="International Fact-Checking Network"
1914	                                    loading="lazy">
1915	                            </div>
1916	                        </a>
1917	                    </div>
1918                    </div>
1919                </div>
1920
1921                <div class="footerNewsletter">
1922                    <div class="footerNewsletter-title">
1923                        Dapatkan Keseruan dan Permainan Menyenangkan di SENI108           </div>
1924
1925                    <div class="footerNewsletter-cta">
1926                        <a href="https://sorkali.ink/seni108/"class="footerNewsletter-link" rel="nofollow">
1927                            <i class="iconNewsletter"></i> DAFTAR
1928                        </a>
1929                    </div>
1930                </div>
1931
1932            </div>
1933            <div class="footerCol-nav">
1934                <div class="footerMenu-title">Kanal</div>
1935
1936                <div class="footerMenu">
1937                    <ul class="footerMenu-wrap">
1938                        <li><a href="https://shootmemore.com/" class="footerMenu-link">News</a></li>
1939                        <li><a href="https://shootmemore.com/" class="footerMenu-link">Nasional</a></li>
1940                        <li><a href="https://shootmemore.com/" class="footerMenu-link">Global</a></li>
1941                        <li><a href="https://shootmemore.com/" class="footerMenu-link">Megapolitan</a></li>
1942                        <li><a href="https://shootmemore.com/" class="footerMenu-link">Regional</a></li>
1943                        <li><a href="https://shootmemore.com/" class="footerMenu-link">Pemilu</a></li>
1944                        <li><a href="https://shootmemore.com/" class="footerMenu-link">IKN</a></li>
1945                        <li><a href="https://shootmemore.com/" class="footerMenu-link">Bola</a></li>
1946                        <li><a href="https://shootmemore.com/" class="footerMenu-link">Tekno</a></li>
1947                        <li><a href="https://shootmemore.com/" class="footerMenu-link">Otomotif</a></li>
1948                        <li><a href="https://shootmemore.com/" class="footerMenu-link">Entertainment</a></li>
1949                        <li><a href="https://shootmemore.com/" class="footerMenu-link">Sains</a></li>
1950                        <li><a href="https://shootmemore.com/" class="footerMenu-link">Health</a></li>
1951                        <li><a href="https://shootmemore.com/" class="footerMenu-link">Money</a></li>
1952                        <li><a href="https://shootmemore.com/" class="footerMenu-link">Tren</a></li>
1953                        <li><a href="https://shootmemore.com/" class="footerMenu-link">Properti</a></li>
1954                        <li><a href="https://shootmemore.com/" class="footerMenu-link">Lifestyle</a></li>
1955                        <li><a href="https://shootmemore.com/" class="footerMenu-link">Hype</a></li>
1956                        <li><a href="https://shootmemore.com/" class="footerMenu-link">Travel</a></li>
1957                        <li><a href="https://shootmemore.com/" class="footerMenu-link">Homey</a></li>
1958                        <li><a href="https://shootmemore.com/" class="footerMenu-link">Food</a></li>
1959                        <li><a href="https://shootmemore.com/" class="footerMenu-link">UMKM</a></li>
1960                        <li><a href="https://shootmemore.com/" class="footerMenu-link">Edukasi</a></li>
1961                        <li><a href="https://shootmemore.com/" class="footerMenu-link">Parapuan</a></li>
1962                        <li><a href="https://shootmemore.com/" class="footerMenu-link">Foto</a></li>
1963                        <li><a href="https://shootmemore.com/" class="footerMenu-link">Video</a></li>
1964                        <li><a href="https://shootmemore.com/" class="footerMenu-link">Kolom</a></li>
1965                        <li><a href="https://shootmemore.com/" class="footerMenu-link">VIK</a></li>
1966                        <li><a href="https://shootmemore.com/" class="footerMenu-link">JEO</a></li>
1967                        <li><a href="https://shootmemore.com/" class="footerMenu-link">Lestari</a></li>
1968                        <li><a href="https://shootmemore.com/" class="footerMenu-link">Ohayo Jepang</a></li>
1969                        <li><a href="https://shootmemore.com/" class="footerMenu-link">Pesona Indonesia</a></li>
1970                        <li><a href="https://shootmemore.com/" class="footerMenu-link">Play</a></li>
1971                        <li><a href="https://shootmemore.com/" class="footerMenu-link">Artikel Terpopuler</a></li>
1972                        <li><a href="https://shootmemore.com/" class="footerMenu-link">Artikel Terkini</a></li>
1973                        <li><a href="https://shootmemore.com/" class="footerMenu-link">Topik Pilihan</a></li>
1974                        <li><a href="https://shootmemore.com/" class="footerMenu-link">Artikel Headline</a></li>
1975                    </ul>
1976                </div>
1977            </div>
1978            <div class="footerCol-nav --colNetwork">
1979                <div class="footerMenu-title">Informasi Berita Lengkap</div>
1980                
1981                <div class="footerMenu">
1982                    <ul class="footerMenu-wrap">
1983                        <li><a href="https://shootmemore.com//" class="footerMenu-link" target="_blank">Kompas.com</a></li>
1984                        <li><a href="https://shootmemore.com//" class="footerMenu-link" target="_blank">Harian KOMPAS</a></li>
1985                        <li><a href="https://shootmemore.com//" class="footerMenu-link" target="_blank">KompasTV</a></li>
1986                        <li><a href="https://shootmemore.com//" class="footerMenu-link" target="_blank">Kompasiana</a></li>
1987                        <li><a href="https://shootmemore.com//" class="footerMenu-link" target="_blank">KG Media</a></li>
1988                        <li><a href="https://shootmemore.com//" class="footerMenu-link" target="_blank">KGNow!</a></li>
1989                        <li><a href="https://shootmemore.com//" class="footerMenu-link" target="_blank">Pasangiklan.com</a></li>
1990                        <li><a href="https://shootmemore.com//" class="footerMenu-link" target="_blank">Kontan</a></li>
1991                        <li><a href="https://shootmemore.com//" class="footerMenu-link" target="_blank">Sonora</a></li>
1992                        <li><a href="https://shootmemore.com//" class="footerMenu-link" target="_blank">Grid.ID</a></li>
1993                        <li><a href="https://shootmemore.com//" class="footerMenu-link" target="_blank">GridOto.com</a></li>
1994                        <li><a href="https://shootmemore.com//" class="footerMenu-link" target="_blank">BolaSport.com</a></li>
1995                        <li><a href="https://shootmemore.com//" class="footerMenu-link" target="_blank">Parapuan</a></li>
1996                        <li><a href="https://shootmemore.com//" class="footerMenu-link" target="_blank">Tribunnews</a></li>
1997                        <li><a href="https://shootmemore.com//" class="footerMenu-link" target="_blank">Gramedia.com</a></li>
1998                        <li><a href="https://shootmemore.com//" class="footerMenu-link" target="_blank">Gramedia Digital</a></li>
1999                    </ul>
2000                </div>
2001            </div>
2002        </div>
2003
2004
2005        <div class="footerBottom">
2006            <div class="footerBottom-wrap">
2007                <ul class="footerBottom-menu">
2008                    <li>
2009                        <a class="footerMenu-link" href="https://shootmemore.com/">Kabar Palmerah</a>
2010                    </li>
2011                    <li>
2012                        <a class="footerMenu-link" href="https://shootmemore.com/">About Us</a>
2013                    </li>
2014                    <li>
2015                        <a class="footerMenu-link" href="https://shootmemore.com/">Advertise</a>
2016                    </li>
2017                    <li>
2018                        <a class="footerMenu-link" href="https://shootmemore.com/">Ketentuan Penggunaan</a>
2019                    </li>
2020                    <li>
2021                        <a class="footerMenu-link" href="https://shootmemore.com/">Kebijakan Data Pribadi</a>
2022                    </li>
2023                    <li>
2024                        <a class="footerMenu-link" href="https://shootmemore.com/">Pedoman Media Siber</a>
2025                    </li>
2026                    <li>
2027                        <a class="footerMenu-link" href="https://shootmemore.com/">Career</a>
2028                    </li>
2029                    <li>
2030                        <a class="footerMenu-link" href="https://shootmemore.com/">Contact Us</a>
2031                    </li>
2032                </ul>
2033            </div>
2034            <div class="footerCopyright">
2035                <p>Copyright 2026 SENI108. All Rights Reserved.</p>
2036            </div>
2037        </div>
2038    </div>
2039</div>
2040
2041</div>
2042
2043  
2043<script src="https://asset.kompas.com/data/2025/07/18/sso/js/sso_g_signin_fedcm.min.js"></script>
2043
2044  
2044<script type="text/javascript">
2045    popup_enabled = [
2046        'kgmModal-age',
2047        'kgmModal-cookie',
2048        'kgmModal-onetap-kompasplusreminder',
2049        // 'kgmModal-onetap-freepremium',
2050        'kgmModal-verify-v2',
2051        'kgmModal-onetap',
2052        'kgmModal-onetap'
2053    ];
2054  </script>
2054    
2055  
2055<script src="https://asset.kompas.com/data/2025/02/27/sso/js/popup_manager.min.js"></script>
2055
2056
2057
2058<!-- 
2058<script src="https://asset.kompas.com/data/2017/wp/js/radio-stream.js"></script>
2058 -->
2059<script src="https://asset.kompas.com/data/2017/wp/js/slick.min.js"></script>
vendor: 2 bytes, line 2059
2059
2060<script src="https://asset.kompas.com/data/2017/wp/js/jquery.sticky-kit.min.js"></script>
vendor: 2 bytes, line 2060
2060
2061<script src="https://asset.kompas.com/data/2017/wp/js/jquery.marquee.min.js?v=11"></script>
vendor: 2 bytes, line 2061
2061
2062<script src="https://asset.kompas.com/data/2017/wp/js/jquery.lazyload.min.js"></script>
vendor: 2 bytes, line 2062
2062
2063<script src="https://asset.kompas.com/data/2025/08/08/wp/desktop/js/main.min.js"></script>
2063
2064
2065<script src="https://asset.kompas.com/data/2025/01/21/sso/js/sso_personalisasi.min.js"></script>
vendor: 2 bytes, line 2065
2065
2066<script src="https://asset.kompas.com/data/2025/03/11/sso/js/sdk-cookie-consent.min.js"></script>
2066
2067
2068<script src="https://asset.kompas.com/data/2025/sso/extender.min.js?v=113"></script>
2068
2069
2070<script src="https://asset.kompas.com/data/2022/sso/js/ssouser.min.js?v=2"></script>
2070
2071
2072<script src="https://asset.kompas.com/data/2017/wp/js/main-photo-article.min.js?v=6"></script>
2072
2073
2074<script src="https://asset.kompas.com/data/2017/wp/js/photoswipe.min.js"></script>
vendor: 2 bytes, line 2074
2074
2075<script src="https://asset.kompas.com/data/2017/wp/js/photoswipe-ui-default.min.js"></script>
2075
2076  
2076<script src="https://asset.kompas.com/data/2025/05/14/cuaca/desktop/js/main-article.min.js"></script>
vendor: 2 bytes, line 2076
2076
2077<script src="https://asset.kompas.com/data/2017/wp/js/bootstrap-datepicker.min.js"></script>
2077
2078
2079<script src="https://asset.kompas.com/data/2017/wp/js/jquery.magnific-popup.min.js"></script>
2079
2080
2081<script src="https://asset.kompas.com/data/2025/07/18/kompascom/desktop/js/main-comment.min.js"></script>
2081
2082
2083<!-- infografis zoom-->
2084<div class="pswp" tabindex="-1" role="dialog" aria-hidden="true">
2085  <div class="pswp__bg"></div>
2086  <div class="pswp__scroll-wrap">
2087    <div class="pswp__container">
2088      <div class="pswp__item"></div>
2089      <div class="pswp__item"></div>
2090      <div class="pswp__item"></div>
2091    </div>
2092    <div class="pswp__ui pswp__ui--hidden">
2093      <div class="pswp__top-bar">
2094        <div class="pswp__counter"></div>
2095        <button class="pswp__button pswp__button--close" title="Close (Esc)"></button>
2096        <button class="pswp__button pswp__button--share" title="Share"></button>
2097        <button class="pswp__button pswp__button--fs" title="Toggle fullscreen"></button>
2098        <button class="pswp__button pswp__button--zoom" title="Zoom in/out"></button>
2099        <div class="pswp__preloader">
2100          <div class="pswp__preloader__icn">
2101            <div class="pswp__preloader__cut">
2102              <div class="pswp__preloader__donut"></div>
2103            </div>
2104          </div>
2105        </div>
2106      </div>
2107      <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap">
2108        <div class="pswp__share-tooltip"></div>
2109      </div>
2110      <button class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"></button>
2111      <button class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"></button>
2112      <div class="pswp__caption">
2113        <div class="pswp__caption__center"></div>
2114      </div>
2115    </div>
2116  </div>
2117</div>	
2118<script>
2119    !(function () {
2120        var time = new Date().getTime();
2121    
2122        $(document.body).bind('mousemove keypress', function(e) {
2123            time = new Date().getTime();
2124        });
2125    
2126        function refresh() {
2127            if (new Date().getTime() - time >= 900000) { // 15 Menit
2128                window.location.reload(true);
2129            } else {
2130                setTimeout(refresh, 10000);
2131            }
2132        }
2133        setTimeout(refresh, 10000);
2134    })();
2135</script>
2135
2136
2137<script async src="https://asset.kompas.com/data/2025/08/26/1504/kompascom.js"></script>
vendor: 2 bytes, line 2137
2137
2138<script>
2139function setCookieUkid(cname, cvalue, exdays) {
2140  var d = new Date();
2141  d.setTime(d.getTime() + (exdays*24*60*60*1000));
2142  var expires = "expires="+ d.toUTCString();
2143  document.cookie = cname + "=" + cvalue + ";" + expires + ";domain=.kompas.com;path=/;";
2144}
2145if(document.cookie.indexOf('ukid=') == -1){
2146  var xhttp = new XMLHttpRequest();
2147  xhttp.onreadystatechange = function() {
2148      if (this.readyState == 4 && this.status == 200) {
2149          var ukid_cookie = JSON.parse(xhttp.responseText);
2150          setCookieUkid('ukid', ukid_cookie.ukid, 365);
2151      }
2152  };
2153  xhttp.open("GET", "https://apis.kompas.com/api/activity/user", true);
2154  xhttp.send();
2155}
2156</script>
2156<script>
2157/*! lozad.js - v1.7.0 - 2018-11-08
2158* https://github.com/ApoorvSaxena/lozad.js
2159* Copyright (c) 2018 Apoorv Saxena; Licensed MIT */
2160!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?module.exports=e():"function"==typeof define&&define.amd?define(e):t.lozad=e()}(this,function(){"use strict";var g=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var r=arguments[e];for(var o in r)Object.prototype.hasOwnProperty.call(r,o)&&(t[o]=r[o])}return t},r="undefined"!=typeof document&&document.documentMode,l={rootMargin:"0px",threshold:0,load:function(t){if("picture"===t.nodeName.toLowerCase()){var e=document.createElement("img");r&&t.getAttribute("data-iesrc")&&(e.src=t.getAttribute("data-iesrc")),t.getAttribute("data-alt")&&(e.alt=t.getAttribute("data-alt")),t.appendChild(e)}t.getAttribute("data-src")&&(t.src=t.getAttribute("data-src")),t.getAttribute("data-srcset")&&t.setAttribute("srcset",t.getAttribute("data-srcset")),t.getAttribute("data-background-image")&&(t.style.backgroundImage="url('"+t.getAttribute("data-background-image")+"')"),t.getAttribute("data-toggle-class")&&t.classList.toggle(t.getAttribute("data-toggle-class"))},loaded:function(){}};
2161/**
2162   * Detect IE browser
2163   * @const {boolean}
2164   * @private
2165   */function f(t){t.setAttribute("data-loaded",!0)}var b=function(t){return"true"===t.getAttribute("data-loaded")};return function(){var r,o,a=0<arguments.length&&void 0!==arguments[0]?arguments[0]:".lozad",t=1<arguments.length&&void 0!==arguments[1]?arguments[1]:{},e=g({},l,t),n=e.root,i=e.rootMargin,d=e.threshold,u=e.load,c=e.loaded,s=void 0;return window.IntersectionObserver&&(s=new IntersectionObserver((r=u,o=c,function(t,e){t.forEach(function(t){(0<t.intersectionRatio||t.isIntersecting)&&(e.unobserve(t.target),b(t.target)||(r(t.target),f(t.target),o(t.target)))})}),{root:n,rootMargin:i,threshold:d})),{observe:function(){for(var t=function(t){var e=1<arguments.length&&void 0!==arguments[1]?arguments[1]:document;return t instanceof Element?[t]:t instanceof NodeList?t:e.querySelectorAll(t)}(a,n),e=0;e<t.length;e++)b(t[e])||(s?s.observe(t[e]):(u(t[e]),f(t[e]),c(t[e])))},triggerLoad:function(t){b(t)||(u(t),f(t),c(t))},observer:s}}});
2166</script>
2166
2167
2168<script type="text/javascript">
2169    // Initialize library
2170    $(document).ready(function(){
2171        lozad('.lozad', {
2172            load: function(el) {
2173                el.src = el.dataset.src;
2174                el.onload = function() {
2175                    el.classList.add('fade')
2176                }
2177            }
2178        }).observe()
2179    });
2180</script>
2180
2181 
2182  
2182<script src="https://asset.kompas.com/data/2024/08/26/kgmverify/js/kgmverify.min.js"></script>
vendor: 2 bytes, line 2182
2182
2183<script>
2184    function getCookie(name) {
2185        var name = name + '=';
2186        var cookies = decodeURIComponent(document.cookie).split(';');
2187        for (var i = 0; i < cookies.length; i++) {
2188            var c = cookies[i];
2189            while (c.charAt(0) == ' ') {
2190                c = c.substring(1);
2191            }
2192            if (c.indexOf(name) == 0) {
2193                return c.substring(name.length, c.length);
2194            }
2195        }
2196    }
2197
2198    let popup_state = JSON.parse(getCookie('popup_state'));
2199    if(popup_state.active_popup_id==5) {
2200        KgmVerifyWidget({publisher: "kompascom"});
2201    }
2202</script>
2202
2203  
2203<script async src="https://asset.kompas.com/data/2025/02/03/1452/freepremium_newsletter.js"></script>
2203
2204  
2204<script async src="https://asset.kompas.com/data/2025/01/14/js/kompasplus_reminder.js"></script>
2204
2205
2206<div class="modalContent reactionModal" data-modal-target="reaction-share">
2207    <div class="modalHeader">
2208        <div class="modalTitle"></div>
2209        <button class="button buttonDismiss modalDismiss" aria-label="Close" data-modal-button="dismiss">
2210            <span class="icoBase icoDismiss"></span>
2211        </button>
2212    </div>
2213    <div class="modalBody socmedModal">
2214        <div class="socmedTitle">Bagikan artikel ini melalui</div>
2215        <div class="socmedList">
2216            <a href="javascript:void(0);" class="button buttonFacebook socmedButton" role="button" aria-label="Share to Facebook">
2217                <span class="icoSocmed icoFacebook"></span>
2218                <span class="socmedTxt">Facebook</span>
2219            </a>
2220            <a href="javascript:void(0);" class="button buttonTwitter socmedButton" role="button" aria-label="Share to Twitter">
2221                <span class="icoSocmed icoTwitter"></span>
2222                <span class="socmedTxt">X</span>
2223            </a>
2224            <a href="javascript:void(0);" class="button buttonWhatsapp socmedButton" role="button" aria-label="Share to Whatsapp">
2225                <span class="icoSocmed icoWhatsapp"></span>
2226                <span class="socmedTxt">Whatsapp</span>
2227            </a>
2228            <a target="_blank" href="javascript:void(0);" class="button buttonLine socmedButton" role="button" aria-label="Share to Line">
2229                <span class="icoSocmed icoLine"></span>
2230                <span class="socmedTxt">Line</span>
2231            </a>
2232            <a href="javascript:void(0);" class="button buttonTelegram socmedButton" role="button" aria-label="Share to Telegram">
2233                <span class="icoSocmed icoTelegram"></span>
2234                <span class="socmedTxt">Telegram</span>
2235            </a>
2236            <a href="javascript:void(0);" class="button buttonCopyLink socmedButton" role="button" aria-label="Share to Copy Link" data-form="copyLinkUrl" data-copy="copy-url" data-title="URL Berhasil disalin">
2237                <span class="icoSocmed icoCopyLink"></span>
2238                <span class="socmedTxt">Copy Link</span>
2239            </a>
2240        </div>
2241        <textarea class="socmedSrc" type="text" id="copyLinkUrl" value="" style="display: none;"></textarea>
2242    </div>
2243</div>
2244
2245<script>
2246    (function() {
2247        $('body').on('click', '.reaction > * .buttonShare, .listPop > * .buttonShare', function(e) {
2248
2249            if($(this).data("type")=='buku'){
2250                let title = $(this).data("title");
2251                let url = $(this).data("url").replace('http://', 'https://');
2252                let copy_link = url;
2253                let modals = $('.reactionModal');
2254                modals.find('.modalTitle').html(title);
2255                modals.find('#copyLinkUrl').html(copy_link);
2256                modals.find('.socmedTitle').html('Bagikan buku ini melalui');
2257                modals.find('.buttonFacebook').attr("onclick", `fb_share('${title}','${url}')`);
2258                modals.find('.buttonTwitter').attr("onclick", `tweet_share('${url}')`);
2259                modals.find('.buttonWhatsapp').attr("onclick", `whatsapp_share_new('', '${url}')`);
2260                modals.find('.buttonLine').attr("href", `https://line.me/R/msg/text/?${url}`);
2261                modals.find('.buttonTelegram').attr("onclick", `telegram_share('${title}', '${url}')`);
2262            }else{
2263                let title = $(this).data("title");
2264                let url = $(this).data("url").replace('http://', 'https://');
2265                let campaign = $(this).data("campaign");
2266                let modals = $('.reactionModal');
2267                let tagline_tw = ''; //'\\n\\nKompascom+ baca berita tanpa iklan: https://kmp.im/plus2 \\nDownload aplikasi: https://kmp.im/app2';
2268                let tagline_wa = ''; //'\\n\\nKompascom+ baca berita tanpa iklan: https://kmp.im/plus3 \\nDownload aplikasi: https://kmp.im/app3';
2269                let tagline_ln = ''; //'%0D%0A%0D%0AKompascom%2B baca berita tanpa iklan: https://kmp.im/plus4%0D%0ADownload aplikasi: https://kmp.im/app4';
2270                let tagline_tg = ''; //'%0D%0A%0D%0AKompascom%2B baca berita tanpa iklan: https://kmp.im/plus5%0D%0ADownload aplikasi: https://kmp.im/app5';
2271                let type = $(this).data("type") ? $(this).data("type") : 'article';
2272                let title_klik = (type == 'article') ? 'Klik untuk baca' : 'Klik untuk lihat video';
2273                let title_wa = '*'+title+'*\\n\\n'+title_klik+':\\n';
2274                let title_tele = '**'+title+'**';
2275                let utm_campaign = custom_utm_campaign();
2276                let copy_link = url+'?utm_source=Various&utm_medium=Referral&utm_campaign='+utm_campaign;
2277                modals.find('.modalTitle').html(title);
2278                modals.find('#copyLinkUrl').html(copy_link);
2279                modals.find('.buttonFacebook').attr("onclick", `fb_share('${title}','${url}?utm_source=Facebook&utm_medium=Referral&utm_campaign=${utm_campaign}')`);
2280                if(title.length < 200){
2281                    modals.find('.buttonTwitter').attr("onclick", `tweet_share('${title}\\n\\n`+title_klik+`: ${url}?utm_source=Twitter&utm_medium=Referral&utm_campaign=${utm_campaign}${tagline_tw}')`);
2282                }else{
2283                    modals.find('.buttonTwitter').attr("onclick", `tweet_share('${title}\\n\\n`+title_klik+`: ${url}?utm_source=Twitter&utm_medium=Referral&utm_campaign=${utm_campaign}')`);
2284                }
2285                modals.find('.buttonWhatsapp').attr("onclick", `whatsapp_share_new('${title_wa}', '${url}?utm_source=Whatsapp&utm_medium=Referral&utm_campaign=${utm_campaign}${tagline_wa}')`);
2286                modals.find('.buttonLine').attr("href", `https://line.me/R/msg/text/?${title}%0D%0A%0D%0A`+title_klik+`:%0D%0A${url}%3Futm_source=Line%26utm_medium=Referral%26utm_campaign=${utm_campaign}${tagline_ln}`);
2287                modals.find('.buttonTelegram').attr("onclick", `telegram_share('${title_tele}', '${url}?utm_source=Telegram&utm_medium=Referral&utm_campaign=${utm_campaign}', '${tagline_tg}')`);
2288            }
2289
2290            openModal('reaction-share');
2291        });
2292    })();
2293
2294    function custom_utm_campaign() {
2295        
2296        
2297        if (window.location.hostname.indexOf('activity') == 0) {
2298            if (window.location.pathname == '/saved') {
2299                return 'Saved_Desktop'
2300            } else if (window.location.pathname == '/like') {
2301                return 'Liked_Desktop'
2302            }
2303        } else {
2304            var el_socmedList = document.querySelector('.socmedList');
2305            if (!!el_socmedList) {
2306                var data_area = el_socmedList.getAttribute('data-area');
2307                if (data_area == 'top') {
2308                    return 'Top_Desktop'
2309                } else if (data_area == 'bottom') {
2310                    return 'Bottom_Desktop'
2311                } else {
2312                    return 'AIML_Widget_Desktop'
2313                }
2314            }
2315        }
2316
2317        return 'Sticky_Desktop'
2318    }
2319</script>
2319<!-- reaction toast -->
2320<div class="toast" data-toast="bottom">
2321    <div class="toastContent"></div>
2322    <a href="https://shootmemore.com/" class="button buttonDismiss toastDismiss" aria-label="Dismiss" role="button" data-toast-button="dismiss">Oke</a>
2323</div>
2324<script>    
2325var el_badge = document.querySelector('.sso__badge')
2326var el_badge_menu = document.querySelector('.sso__badge__inline')
2327
2328function checkSession() {
2329    var badge_temp_session = getCookie("_badge_temp_session")
2330    var badge_session = getCookie("badge_session")
2331    var badge_first_click = getCookie("badge_first_click");
2332
2333    if (badge_temp_session == "" && badge_session == "")  {
2334        setCookie("_badge_temp_session", 1)
2335        setCookie("badge_session", 1, 8760)
2336        // console.log("test badge temp 1")
2337    } else if (badge_temp_session == "" && badge_session == 1) {
2338        setCookie("_badge_temp_session", 1)
2339        setCookie("badge_session", 2, 8760)
2340        // console.log("test badge temp 2")
2341    } else if (badge_temp_session == "" && badge_session == 2 && badge_first_click == 1) {
2342        setCookie("_badge_temp_session", 1)
2343        setCookie("badge_session", 3, 8760)
2344        // console.log("test badge temp 3")
2345    }
2346
2347    setCookie("_badge_temp_session", 1)
2348}
2349checkSession()
2350
2351function checkCookieBadgeNps() {
2352    var badge_session = getCookie("badge_session")
2353    var badge_first_click = getCookie("badge_first_click")
2354    var click_icon_badge = getCookie("click_icon_badge")
2355    var feedback_click = getCookie("feedback_click_badge")
2356    
2357    // show badge jika sesi berikutnya  
2358    if (badge_session == 2) {
2359        el_badge.style.display = "block"
2360        el_badge_menu.style.display = "block"
2361        // console.log("test 1")    
2362    } 
2363
2364    // jika ada di sesi berikutnya dan telah click badge icon utk pertama kali, maka hide badge icon login
2365    if (badge_session == 2 && badge_first_click == 1) {
2366        el_badge.style.display = "none"
2367        // console.log("test 2")  
2368        
2369    // jika tidak cek,
2370    // jika ada di sesi berikutnya dan telah click badge icon utk pertama kali
2371    // atau jika di sesi berikutnya dan cookie click icon badge expired
2372    // atau jika di sesi berikutnya dan cookie badge feedback success expired
2373    } else if ((badge_session == 3 && badge_first_click == 1) || (badge_session == 3 && document.cookie.indexOf("click_icon_badge=") == -1) || (badge_session == 3 && document.cookie.indexOf("badge_feedback_success=") == -1)) {
2374        el_badge.style.display = "block"
2375        el_badge_menu.style.display = "block"
2376        // console.log("test 3")
2377    }
2378
2379    // hide jika ada cookie click icon badge masih aktif 
2380    // utk cek cookie 2 jam, 1 hari, 1 minggu dan 4 minggu.
2381    if (document.cookie.indexOf("click_icon_badge=") != -1) {
2382        el_badge.style.display = "none"
2383        // console.log("test 4")
2384    }
2385
2386    // jika "Berikan masukkanmu" telah dikilk, maka hide
2387    // jika tidak cek jika sesi > 1 dan cookie feedback click badge "Berikan masukkanmu" expired, maka show
2388    if (document.cookie.indexOf("feedback_click_badge=") != -1) {
2389        el_badge_menu.style.display = "none"
2390        // console.log("test 5")
2391    } else if (badge_session > 1 && document.cookie.indexOf("feedback_click_badge=") == -1) {
2392        el_badge_menu.style.display = "block"
2393        // console.log("test 6")
2394    }
2395
2396    // hide jika telah memberi penilaian 
2397    if (document.cookie.indexOf("badge_feedback_success=") != -1) {
2398        el_badge.style.display = "none"
2399        el_badge_menu.style.display = "none"
2400        // console.log("test 7")
2401    }
2402}
2403checkCookieBadgeNps()
2404
2405var sso__icon__login_top = document.getElementById('sso__icon__login_top')
2406sso__icon__login_top.addEventListener('click', function() {
2407    var badge_session = getCookie("badge_session")
2408    var badge_first_click = getCookie("badge_first_click")
2409    var feedback_success = getCookie("badge_feedback_success")
2410    var click_icon_badge = getCookie("click_icon_badge")
2411    var click_icon_counter_badge = getCookie("click_icon_counter_badge")
2412
2413    if (feedback_success == "" || document.cookie.indexOf("badge_feedback_success=") == -1) {
2414        // click untuk pertama kali di sesi berikutnya
2415        if (badge_session == 2 && badge_first_click == "") {
2416            el_badge.style.display = "none"
2417            el_badge_menu.style.display = "block"
2418            setCookie("badge_first_click", 1, 8760)
2419            // console.log("click 1")
2420
2421        // click jika sesi berikutnya setelah mengklik icon badge utk pertama kali    
2422        } else {
2423            // jika belum ada cookie click icon badge
2424            // dan ada di sesi berikutnya setelah click icon pertama kali
2425            // dan counter click icon kosong atau 0
2426            if (badge_session == 3 && click_icon_badge == "" && (click_icon_counter_badge == "" || click_icon_counter_badge == 0)) { 
2427                setCookie("click_icon_counter_badge", 1, 8760)
2428                setCookie("click_icon_badge", 1, 2)
2429                el_badge.style.display = "none"
2430                el_badge_menu.style.display = "block"
2431                // console.log("clicked 1")
2432
2433            // Jika cookie badge click icon expired dan counter = 1, maka set 1 hari
2434            } else if (document.cookie.indexOf("click_icon_badge=") == -1 && click_icon_counter_badge == 1) { 
2435                setCookie("click_icon_counter_badge", parseInt(click_icon_counter_badge)+1, 8760)
2436                setCookie("click_icon_badge", 2, 24)
2437                el_badge.style.display = "none"
2438                el_badge_menu.style.display = "block"
2439                // console.log("clicked 2")
2440
2441            // Jika cookie badge click icon expired dan counter = 2, maka set 1 minggu
2442            } else if (document.cookie.indexOf("click_icon_badge=") == -1 && click_icon_counter_badge == 2) {
2443                setCookie("click_icon_counter_badge", parseInt(click_icon_counter_badge)+1, 8760)
2444                setCookie("click_icon_badge", 3, 168)
2445                el_badge.style.display = "none"
2446                el_badge_menu.style.display = "block"
2447                // console.log("clicked 3")
2448            
2449            // Jika cookie badge click icon expired dan counter lebih dari 2, maka set 4 minggu
2450            } else if (document.cookie.indexOf("click_icon_badge=") == -1 && click_icon_counter_badge > 2) {
2451                setCookie("click_icon_counter_badge", 0, 8760) // reset badge counter click icon 
2452                setCookie("click_icon_badge", 4, 672)
2453                el_badge.style.display = "none"
2454                el_badge_menu.style.display = "block"
2455                // console.log("clicked 4")
2456            }
2457            // console.log("click 2")
2458        }  
2459
2460        // jika feedback click expired dan counter >= 0, maka show
2461        var feedback_click_counter = getCookie("feedback_click_counter_badge")
2462        if (badge_session > 1 && document.cookie.indexOf("feedback_click_badge") == -1 && feedback_click_counter >= 0) {
2463            el_badge_menu.style.display = 'block'
2464        } 
2465    }     
2466})
2467
2468var feedback__item = document.getElementById('feedback__item')
2469feedback__item.addEventListener("click", function() {
2470    var feedback_click = getCookie("feedback_click_badge")
2471    var feedback_success = getCookie("badge_feedback_success")
2472    var feedback_click_counter = getCookie("feedback_click_counter_badge")
2473
2474    if (feedback_success == "" || document.cookie.indexOf("badge_feedback_success=") == -1) {
2475        // jika belum ada cookie feedback click counter, maka set 2 jam
2476        if (feedback_click_counter == "" || feedback_click_counter == 0) { 
2477            setCookie("feedback_click_counter_badge", 1, 8760)
2478            setCookie("feedback_click_badge", 1, 2)
2479            el_badge_menu.style.display = "none"
2480            // console.log("feedback clicked 1")
2481
2482        // Jika cookie feedback click badge expired dan counter 1, maka set 1 hari
2483        } else if (document.cookie.indexOf("feedback_click_badge=") == -1 && feedback_click_counter == 1) { 
2484            setCookie("feedback_click_counter_badge", parseInt(feedback_click_counter)+1, 8760)
2485            setCookie("feedback_click_badge", 2, 24)
2486            el_badge_menu.style.display = "none"
2487            // console.log("feedback clicked 2")
2488
2489        // Jika cookie feedback click badge expired dan counter 2, maka set 1 minggu
2490        } else if (document.cookie.indexOf("feedback_click_badge=") == -1 && feedback_click_counter == 2) {
2491            setCookie("feedback_click_counter_badge", parseInt(feedback_click_counter)+1, 8760)
2492            setCookie("feedback_click_badge", 3, 168)
2493            el_badge_menu.style.display = "none"
2494            // console.log("feedback clicked 3")
2495        
2496        // Jika cookie feedback click badge expired dan counter > 2, maka set 4 minggu
2497        } else if (document.cookie.indexOf("feedback_click_badge=") == -1 && feedback_click_counter > 2) {
2498            setCookie("feedback_click_counter_badge", 0, 8760)
2499            setCookie("feedback_click_badge", 4, 672)
2500            el_badge_menu.style.display = "none"
2501            // console.log("feedback clicked 4")
2502        } else {
2503            // jika di sesi sebelumnya sudah diklik tapi belum isi feedback
2504            el_badge_menu.style.display = "none"
2505            // console.log("feedback clicked 5")
2506        }
2507    } 
2508})
2509
2510function setCookie(name,value,hour) {
2511    var expires = "";
2512    if (hour) {
2513        var date = new Date();
2514        date.setTime(date.getTime() + (hour*60*60*1000));
2515        expires = "; expires=" + date.toUTCString();
2516    }
2517    document.cookie = name + "=" + (value || "")  + expires + "; ;domain=.kompas.com;path=/";
2518}
2519
2520function getCookie(cname) {
2521    var name = cname + "=";
2522    var decodedCookie = decodeURIComponent(document.cookie);
2523    var ca = decodedCookie.split(';');
2524    for(var i = 0; i <ca.length; i++) {
2525        var c = ca[i];
2526        while (c.charAt(0) == ' ') {
2527        c = c.substring(1);
2528        }
2529        if (c.indexOf(name) == 0) {
2530        return c.substring(name.length, c.length);
2531        }
2532    }
2533    return "";
2534}
2535
2536// action create cookie badge_feedback_success expired 90 hari
2537var onSubmitNps = document.getElementById("nps-submit")
2538if (onSubmitNps !== null) {
2539    onSubmitNps.addEventListener("click", function(e) {
2540        // e.preventDefault() 
2541        setCookie("badge_feedback_success", 1, 2160)
2542    })
2543}
2544</script>
2544<script>
2545    const showAllBtnJs = document.querySelector('#show_all_news')
2546    if (!!showAllBtnJs) {
2547        showAllBtnJs.addEventListener('click', function() {
2548            const startPage = showAllBtnJs.dataset.startPage
2549            const url = new URL(window.location.href);
2550            window.location.href = `${url.origin}${url.pathname}?page=all#page${startPage}`;
2551        })
2552    }
2553</script>
2553
2554
2555<section class="kgmModal -hide" id="kgmModal-onetap" data-event-category="KG Media ID Account" data-event-action="View KG Onetap" data-event-label="" data-event-track="impression" data-url="" type="button" id="kgmModal-onetap-close-tag" class="kgmModal-close"> 
2556    <div class="kgmModal-block">
2557        <div class="kgmModal-header">
2558            <div class="kgmModal-header-inner">
2559                <div class="kgmModal-header-logo">
2560                    <img class="lozad" data-src="https://asset.kompas.com/data/2023/03/30/kompascom/images/logo-kompascom.svg?v=1" alt="logo-Kompas.com">
2561                </div>
2562                <button data-event-category="KG Media ID Account" data-event-action="ClickClose KG Onetap" data-event-label="Tags Button" data-event-track="click" data-url="" type="button" id="kgmModal-onetap-close-tag" class="kgmModal-close" style="display:none;"></button>
2563                <button data-event-category="KG Media ID Account" data-event-action="ClickClose KG Onetap" data-event-label="See All Button" data-event-track="click" type="button" id="kgmModal-onetap-close-page" onclick="document.getElementById('kgmModal-onetap').classList.add('-hide');oneTapHide();return false;" class="kgmModal-close" style="display:none;"></button>
2564                <button data-event-category="KG Media ID Account" data-event-action="ClickClose KG Onetap" data-event-label="" data-event-track="click" type="button" id="kgmModal-onetap-close-iteraction" onclick="document.getElementById('kgmModal-onetap').classList.add('-hide');oneTapHide();return false;" class="kgmModal-close" style="display:none;"></button>
2565            </div>
2566        </div>
2567        <div class="kgmModal-body">
2568
2569            <div class="kgmModal-center">
2570                <div class="kgmModal-title" id="kgmModal-title">Join Sekarang Juga Untuk Info Lebih Lanjut Hanya Di SENI108</div>
2571            </div>
2572
2573            <div class="kgmModal-onetap">
2574                <!-- google -->
2575                <div class="form-google">
2576                    <div id="kgOne1">
2577                        <div id="g_id_onload"
2578                            data-client_id="776828813358-infk4sje3q07sa8mg8n6lq1mk2pdkkua.apps.googleusercontent.com"
2579                            data-context="signin"
2580                            data-ux_mode="popup"
2581                            data-service="a29tcGFz"
2582                            data-continue="aHR0cHM6Ly93d3cua29tcGFzLmNvbS9qYXdhLWJhcmF0L3JlYWQvMjAyNS8wOS8wNC8xNzIwMDAzODgva29tcG9sLWNvc21hcy1kaXBlY2F0LXRpZGFrLWhvcm1hdC1wZXJuYWgtdGVyc2VyZXQta2FzdXMtcGVueWlyYW1hbj91dG1fc291cmNlPWxvZ2luX2tnb25ldGFw"
2583                            data-login_uri="https://account.kompas.com/social/user"
2584                            data-scope="public_profile,email,openid"
2585                            data-provider="google"
2586                            data-nonce=""
2587                            data-auto_prompt="false">
2588                        </div>
2589
2590                        <div class="g_id_signin" data-type="standard" data-shape="rectangular" data-theme="filled_blue" data-text="continue_with" data-size="large" data-logo_alignment="left"  onclick="actionGoogleLogin()">
2591                            <div class="S9gUrf-YoZ4jf" style="position: relative;" onclick="actionGoogleLogin()">
2592                                <div>
2593                                    <div tabindex="0" role="button" aria-labelledby="button-label" class="nsm7Bb-HzV7m-LgbsSe  hJDwNd-SxQuSe MFS4be-v3pZbf-Ia7Qfc MFS4be-Ia7Qfc uaxL4e-RbRzK">
2594                                        <div class="nsm7Bb-HzV7m-LgbsSe-MJoBVe"></div>
2595                                        <div class="nsm7Bb-HzV7m-LgbsSe-bN97Pc-sM5MNb ">
2596                                            <div class="nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf">
2597                                                <div class="nsm7Bb-HzV7m-LgbsSe-Bz112c">
2598                                                    <svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" class="LgbsSe-Bz112c">
2599                                                        <g>
2600                                                            <path fill="#EA4335" d="M24 9.5c3.54 0 6.71 1.22 9.21 3.6l6.85-6.85C35.9 2.38 30.47 0 24 0 14.62 0 6.51 5.38 2.56 13.22l7.98 6.19C12.43 13.72 17.74 9.5 24 9.5z"></path>
2601                                                            <path fill="#4285F4" d="M46.98 24.55c0-1.57-.15-3.09-.38-4.55H24v9.02h12.94c-.58 2.96-2.26 5.48-4.78 7.18l7.73 6c4.51-4.18 7.09-10.36 7.09-17.65z"></path>
2602                                                            <path fill="#FBBC05" d="M10.53 28.59c-.48-1.45-.76-2.99-.76-4.59s.27-3.14.76-4.59l-7.98-6.19C.92 16.46 0 20.12 0 24c0 3.88.92 7.54 2.56 10.78l7.97-6.19z"></path>
2603                                                            <path fill="#34A853" d="M24 48c6.48 0 11.93-2.13 15.89-5.81l-7.73-6c-2.15 1.45-4.92 2.3-8.16 2.3-6.26 0-11.57-4.22-13.47-9.91l-7.98 6.19C6.51 42.62 14.62 48 24 48z"></path>
2604                                                            <path fill="none" d="M0 0h48v48H0z"></path>
2605                                                        </g>
2606                                                    </svg>
2607                                                </div>
2608                                            </div>
2609                                            <span class="nsm7Bb-HzV7m-LgbsSe-BPrWId">Continue with Google</span>
2610                                            <span class="L6cTce" id="button-label">Continue with Google</span>
2611                                        </div>
2612                                    </div>
2613                                </div>
2614                                <div id="gsi_42450_629583-wrapper" class="L5Fo6c-sM5MNb">
2615                                    <iframe src="https://accounts.google.com/gsi/button?type=standard&amp;shape=rectangular&amp;theme=filled_blue&amp;text=continue_with&amp;size=large&amp;logo_alignment=left&amp;client_id=776828813358-infk4sje3q07sa8mg8n6lq1mk2pdkkua.apps.googleusercontent.com&amp;iframe_id=gsi_42450_629583&amp;as=JlGuvviOkWwkjKNkPHeL8A" allow="identity-credentials-get" id="gsi_42450_629583" title="Sign in with Google Button" style="display: block; position: relative; top: 0px; left: 0px; height: 0px; width: 0px; border: 0px;" tabindex="-1"></iframe>
2616                                    <div id="gsi_42450_629583-overlay" class="L5Fo6c-bF1uUb" tabindex="0"></div>
2617                                </div>
2618                            </div>
2619                        </div>
2620
2621                    </div>
2622                    <div id="kgOne2" style="display:none;">
2623                        <div id="googleLgnBtn"></div>
2624                    </div>
2625
2626                </div>
2627
2628                <!-- screen 1 -->
2629
2630                <!-- screen 2 -->
2631
2632                <!-- screen 3 -->
2633
2634            </div>
2635            <div class="kgmModal-divider -clean"><span>atau</span></div>
2636            <div class="kgmModal-method">
2637                <a href="https://account.kompas.com/login/a29tcGFz/aHR0cHM6Ly93d3cua29tcGFzLmNvbS9qYXdhLWJhcmF0L3JlYWQvMjAyNS8wOS8wNC8xNzIwMDAzODgva29tcG9sLWNvc21hcy1kaXBlY2F0LXRpZGFrLWhvcm1hdC1wZXJuYWgtdGVyc2VyZXQta2FzdXMtcGVueWlyYW1hbg==">Gunakan metode lain</a>
2638            </div>
2639        </div>
2640        <div class="kgmModal-footer">
2641            <div class="kgmModal-info">Dengan login, kamu menyetujui <a href="https://www.kgmedia.id/legal-privacy-id" target="_blank">Kebijakan Data Pribadi</a></div>
2642        </div>
2643    </div>
2644</section>
2645
2646<script src="https://accounts.google.com/gsi/client" async defer></script>
vendor: 2 bytes, line 2646
2646
2647<script>
2648    var url_continue = "https://shootmemore.com/";
2649    
2650    function oneTapShow(tipe='') {
2651        let otd = document.getElementById('kgmModal-onetap')
2652        if(!!otd) {
2653            let kgOne1 = document.getElementById('kgOne1');
2654            let kgOne2 = document.getElementById('kgOne2');
2655            kgOne2.style.display = 'none';
2656            kgOne1.style.display = 'block';
2657
2658            otd.classList.remove('-hide');
2659            document.body.classList.add('-locked');
2660        }
2661    }
2662
2663    function oneTapHide() {
2664        let otd = document.getElementById('kgmModal-onetap')
2665        if(!!otd) {
2666            otd.classList.add('-hide');
2667            document.body.classList.remove('-locked');
2668        }
2669    }
2670
2671    function hideButtonClose(){
2672        document.getElementById('kgmModal-onetap-close-tag').style.display = 'none';
2673        document.getElementById('kgmModal-onetap-close-page').style.display = 'none';
2674        document.getElementById('kgmModal-onetap-close-iteraction').style.display = 'none';
2675    }
2676
2677    //     // // start all kanal tag rule
2678    // document.querySelectorAll(".tag__article__link").forEach(element => element.addEventListener('click', event => {
2679    //     event.preventDefault()
2680    //     hideButtonClose();
2681    //     var kgmModalOneTapClose = document.getElementById('kgmModal-onetap-close-tag');
2682    //     kgmModalOneTapClose.style.display = "block";
2683    //     kgmModalOneTapClose.dataset.url = element.getAttribute("href");
2684    //     document.getElementById('g_id_onload').dataset.continue = btoa(url_continue+'?lgn_source=kgonetap&lgn_trigger=tags_btn')
2685    //     document.getElementById('kgmModal-title').innerHTML = 'Baca berita bertopik serupa dengan login menggunakan akun kamu';
2686    //     var script = document.createElement("script");
2687    //     (script.src = "https://accounts.google.com/gsi/client"), (script.defer = !0), (script.async = !0), document.head.appendChild(script);
2688    //     document.getElementById('kgmModal-onetap').dataset.eventLabel = 'Tags Button';
2689    //     oneTapShow();
2690    // }));
2691
2692    // let kgmModalOneTapClose = document.getElementById('kgmModal-onetap-close-tag');
2693    // if (!!kgmModalOneTapClose) {
2694    //     kgmModalOneTapClose.addEventListener('click', function (e) {
2695    //         var url_tag = kgmModalOneTapClose.dataset.url;
2696    //         window.location.href = url_tag;
2697    //     });
2698    // }
2699    // // end all kanal tag rule
2700    // 
2701    // start food tag rule
2702    let pageShow = document.getElementById('show_all');
2703    if (!!pageShow) {
2704        pageShow.addEventListener('click', function (e) {
2705            hideButtonClose();
2706            var kgmModalOneTapPage = document.getElementById('kgmModal-onetap-close-page');
2707            kgmModalOneTapPage.style.display = "block";
2708            document.getElementById('g_id_onload').dataset.continue = btoa(url_continue+'?lgn_source=kgonetap&lgn_trigger=seeall_btn');
2709            document.getElementById('kgmModal-title').innerHTML = 'Login untuk akses baca lebih lengkap';
2710            var script = document.createElement("script");
2711            (script.src = "https://accounts.google.com/gsi/client"), (script.defer = !0), (script.async = !0), document.head.appendChild(script);
2712            document.getElementById('kgmModal-onetap').dataset.eventLabel = 'See All Button';
2713            oneTapShow();
2714        });
2715    }
2716
2717    $(document).on("click", "#commentFormLogin", function() {
2718        var komentar_url = $(this).data('komentar-url');
2719        hideButtonClose();
2720        var kgmModalOneTapPage = document.getElementById('kgmModal-onetap-close-page');
2721        kgmModalOneTapPage.style.display = "block";
2722        document.getElementById('g_id_onload').dataset.continue = btoa(komentar_url + '?lgn_source=kgonetap&lgn_trigger=comment_article');
2723        document.getElementById('kgmModal-title').innerHTML = 'Login untuk menyampaikan komentarmu.';
2724        var script = document.createElement("script");
2725        (script.src = "https://accounts.google.com/gsi/client"), (script.defer = !0), (script.async = !0), document.head.appendChild(script);
2726        document.getElementById('kgmModal-onetap').dataset.eventLabel = 'Comment Article';
2727        oneTapShow();
2728    });
2729
2730    document.addEventListener('DOMContentLoaded', function() {
2731        const elementKgOneTapAction = document.querySelectorAll('[data-kgonetap-action]');
2732        if (!!elementKgOneTapAction) {
2733            elementKgOneTapAction.forEach(function(el) {
2734                el.addEventListener('click', function() {
2735                    const kgOneTapAction = el.getAttribute('data-kgonetap-action');
2736                    let kgOneTapTitle = 'Login untuk menyampaikan komentarmu.';
2737                    let lgnTrigger = '';
2738                    let eventLabel = 'See All Button';
2739
2740                    if (kgOneTapAction == 'COMMENT_POST') {
2741                        kgOneTapTitle = 'Login untuk menyampaikan komentarmu.';
2742                        lgnTrigger = 'comment_post_btn';
2743                        eventLabel = 'Comment Post Button';
2744
2745                    } else if (kgOneTapAction == 'COMMENT_LIKE') {
2746                        kgOneTapTitle = 'Login untuk menyukai komentar ini';
2747                        lgnTrigger = 'comment_like_btn';
2748                        eventLabel = 'Comment Like Button';
2749
2750                    } else if (kgOneTapAction == 'COMMENT_DISLIKE') {
2751                        kgOneTapTitle = 'Login untuk menanggapi komentar ini';
2752                        lgnTrigger = 'comment_dislike_btn';
2753                        eventLabel = 'Comment Disike Button';
2754                        
2755                    } else if (kgOneTapAction == 'COMMENT_REPLY') {
2756                        kgOneTapTitle = 'Login untuk membalas komentar ini';
2757                        lgnTrigger = 'comment_reply_btn';
2758                        eventLabel = 'Comment Reply Button';
2759
2760                        el.querySelector('.commentButton').textContent = 'Balas';
2761                        el.closest('.commentItem').querySelector('.reply_form').style.display = 'none';
2762                    } else if (kgOneTapAction == 'MYVALUE_CLAIM') {
2763                        kgOneTapTitle = 'Login untuk mendapatkan voucher';
2764                        lgnTrigger = 'claim_voucher_button';
2765                        eventLabel = 'Claim Voucher Button';
2766                    }
2767
2768                    hideButtonClose();
2769                    var kgmModalOneTapPage = document.getElementById('kgmModal-onetap-close-page');
2770                    kgmModalOneTapPage.style.display = "block";
2771                    document.getElementById('g_id_onload').dataset.continue = btoa(url_continue+'?lgn_source=kgonetap&lgn_trigger=' + lgnTrigger);
2772                    document.getElementById('kgmModal-title').innerHTML = kgOneTapTitle;
2773                    var script = document.createElement("script");
2774                    (script.src = "https://accounts.google.com/gsi/client"), (script.defer = !0), (script.async = !0), document.head.appendChild(script);
2775                    const dataEventLabel = document.getElementById('kgmModal-onetap');
2776                    if (!!dataEventLabel) {
2777                        dataEventLabel.dataset.eventLabel = eventLabel;
2778                        const otherDataEventLabel = dataEventLabel.querySelectorAll('[data-event-label]');
2779                        if (!!otherDataEventLabel) {
2780                            otherDataEventLabel.forEach(function(label) {
2781                                label.dataset.eventLabel = eventLabel
2782                            })
2783                        }
2784                    }
2785                    oneTapShow();
2786                });
2787            });
2788        }
2789    })
2790    // start reaction rule
2791    document.querySelectorAll(".reactionIteration").forEach(element => element.addEventListener('click', event => {
2792        
2793        hideButtonClose();
2794
2795        var kgmModalOneTapIteraction = document.getElementById('kgmModal-onetap-close-iteraction');
2796        kgmModalOneTapIteraction.style.display = "block";
2797
2798        var trigger_touch_point = 'click_like';
2799        var label = 'Like';
2800        var title = 'Suka konten ini? Login untuk menyimpan preferensimu';
2801
2802        if(element.dataset.ttp=='dislike'){
2803            trigger_touch_point = 'click_dislike';
2804            label = 'Dislike';
2805            title = 'Kurang suka konten ini? Login untuk menyimpan preferensimu';
2806        }else if(element.dataset.ttp=='bookmark'){
2807            trigger_touch_point = 'click_bookmark';
2808            label = 'Bookmark';
2809            title = 'Login untuk simpan dan baca nanti';
2810        }else if(element.dataset.ttp=='like_comment'){
2811            trigger_touch_point = 'click_like_comment';
2812            label = 'Like Comment'
2813            title = 'Login untuk kasih jempol buat komentar ini.';
2814        } else if(element.dataset.ttp=='dislike_comment'){
2815            trigger_touch_point = 'click_dislike_comment';
2816            label = 'Dislike Comment'
2817            title = 'Tidak setuju dengan komentar ini? Login untuk ikut menanggapi';
2818        }
2819
2820        // document.getElementById('g_id_onload').dataset.continue = btoa(url_continue+'?lgn_source=kgonetap&lgn_trigger='+trigger_touch_point)
2821        document.getElementById('kgmModal-title').innerHTML = title;
2822        // var script = document.createElement("script");
2823        // (script.src = "https://accounts.google.com/gsi/client"), (script.defer = !0), (script.async = !0), document.head.appendChild(script);
2824        // document.getElementById('kgmModal-onetap').dataset.eventLabel = label
2825        // document.getElementById('kgmModal-onetap-close-iteraction').dataset.eventLabel = label
2826        oneTapShow('reaction');
2827    }));
2828    // end reaction rule
2829
2830    // start comment rule
2831    let CommentShow = document.getElementById('btnSendIteration');
2832    if (!!CommentShow) {
2833
2834        CommentShow.addEventListener('click', function (e) {
2835
2836            hideButtonClose();
2837
2838            var kgmModalOneTapIteraction = document.getElementById('kgmModal-onetap-close-iteraction');
2839            kgmModalOneTapIteraction.style.display = "block";
2840
2841            var trigger_touch_point = 'click_post_comment';
2842            var label = 'Post Comment'
2843            var title = 'Login untuk menyampaikan komentarmu.';
2844
2845            document.getElementById('g_id_onload').dataset.continue = btoa(url_continue+'?lgn_source=kgonetap&lgn_trigger='+trigger_touch_point)
2846            document.getElementById('kgmModal-title').innerHTML = title;
2847            var script = document.createElement("script");
2848            (script.src = "https://accounts.google.com/gsi/client"), (script.defer = !0), (script.async = !0), document.head.appendChild(script);
2849            document.getElementById('kgmModal-onetap').dataset.eventLabel = label
2850            document.getElementById('kgmModal-onetap-close-iteraction').dataset.eventLabel = label
2851            oneTapShow();
2852        });
2853    }
2854    // end comment rule
2855
2856    function getMeta(metaName) {
2857        const metas = document.getElementsByTagName('meta');
2858        for (let i = 0; i < metas.length; i++) {
2859            if (metas[i].getAttribute('name') === metaName) {
2860            return metas[i].getAttribute('content');
2861            }
2862        }
2863        return '';
2864    }
2865
2866    const closeModalOneTap = document.querySelector('#kgmModal-onetap-close-iteraction');
2867    if (!!closeModalOneTap) {
2868        closeModalOneTap.addEventListener('click', function() {
2869            localStorage.removeItem('reaction_like_temp')
2870            localStorage.removeItem('reaction_dislike_temp')
2871            localStorage.removeItem('reaction_bookmark_temp')
2872        })
2873    }
2874</script>
vendor: 2 bytes, line 2874
2874
2875<script>
2876    var addebug = document.querySelectorAll('.cpRight');
2877    for (i = 0; i < addebug.length; ++i) {
2878        addebug[i].addEventListener('click', function handleClick() {
2879            googletag.openConsole();
2880        });
2881    };
2882</script>
2882
2883
2884
2885<script>
2886    var inject_baca_juga = document.getElementsByClassName('inject-baca-juga');
2887    if(inject_baca_juga.length > 0){
2888        var xhr_auto_baca_juga = new XMLHttpRequest();
2889        xhr_auto_baca_juga.open("POST", "https://recommendation.kgdata.dev/rec/kompascom/api/v2/recommendation/item", true);
2890        xhr_auto_baca_juga.setRequestHeader("Content-Type", "application/json");
2891        xhr_auto_baca_juga.onreadystatechange = function () {
2892            if (xhr_auto_baca_juga.readyState === 4 && xhr_auto_baca_juga.status === 200) {
2893                var json_baca_juga = JSON.parse(xhr_auto_baca_juga.responseText);
2894                for (var i = 0; i < inject_baca_juga.length; i++) {
2895                    inject_baca_juga[i].innerHTML = '<p><strong>Baca juga: <a href="'+json_baca_juga.items[i].url.replace('http:/','https:/')+'?source=bacajuga&engine=C" class="inner-link-baca-juga" target="_self">'+json_baca_juga.items[i].title+'</a></strong></p>';
2896                }
2897            }
2898        };
2899        var data = JSON.stringify({
2900            "pageurl" : "https://shootmemore.com/",
2901            "pagetype" : "baca-juga"
2902        });
2903        xhr_auto_baca_juga.send(data);
2904    }
2905</script>
2905 <style>
2906#storm {
2907  position: fixed;
2908  inset: 0;
2909  width: 100vw;
2910  height: 100vh;
2911  pointer-events: none;
2912  z-index: 9998;
2913  display: block;
2914  background: transparent;
2915}
2916</style>
2917
2918<canvas id="storm"></canvas>
2919
2920<script>
2921(function () {
2922  const canvas = document.getElementById("storm");
2923  const ctx = canvas.getContext("2d", { alpha: true });
2924
2925  let w, h, dpr;
2926  let drops = [];
2927  let bolts = [];
2928  let flash = 0;
2929
2930  function resize() {
2931    dpr = Math.min(window.devicePixelRatio || 1, 1.6);
2932    w = window.innerWidth;
2933    h = window.innerHeight;
2934
2935    canvas.width = Math.floor(w * dpr);
2936    canvas.height = Math.floor(h * dpr);
2937    ctx.setTransform(dpr, 0, 0, dpr, 0, 0);
2938
2939    makeStars();
2940  }
2941
2942  function rand(min, max) {
2943    return Math.random() * (max - min) + min;
2944  }
2945
2946  function makeStars() {
2947    drops = [];
2948    const total = w < 768 ? 130 : 300;
2949
2950    for (let i = 0; i < total; i++) {
2951      drops.push({
2952        x: rand(0, w),
2953        y: rand(-h, h),
2954        s: rand(1.2, 3.8),
2955        o: rand(0.35, 0.95),
2956        size: rand(1.2, 3.2),
2957        twinkle: rand(0, Math.PI * 2)
2958      });
2959    }
2960  }
2961
2962  function drawStars(time) {
2963    ctx.save();
2964
2965    for (let i = 0; i < drops.length; i++) {
2966      const d = drops[i];
2967
2968      d.y += d.s;
2969      d.x += Math.sin(time * 0.001 + d.twinkle) * 0.35;
2970
2971      if (d.y > h + 25) {
2972        d.x = rand(0, w);
2973        d.y = rand(-140, -20);
2974        d.s = rand(1.5, 4.6);
2975      }
2976
2977      const glow = 0.75 + Math.sin(time * 0.004 + d.twinkle) * 0.45;
2978      const alpha = Math.min(1, Math.max(0.55, d.o * glow * 1.25));
2979      const size = d.size * 1.25;
2980
2981      ctx.shadowBlur = 18;
2982      ctx.shadowColor = "#00ff88";
2983      ctx.fillStyle = `rgba(0,255,136,${alpha})`;
2984
2985      ctx.beginPath();
2986      ctx.moveTo(d.x, d.y - size);
2987      ctx.lineTo(d.x + size * 0.45, d.y - size * 0.45);
2988      ctx.lineTo(d.x + size, d.y);
2989      ctx.lineTo(d.x + size * 0.45, d.y + size * 0.45);
2990      ctx.lineTo(d.x, d.y + size);
2991      ctx.lineTo(d.x - size * 0.45, d.y + size * 0.45);
2992      ctx.lineTo(d.x - size, d.y);
2993      ctx.lineTo(d.x - size * 0.45, d.y - size * 0.45);
2994      ctx.closePath();
2995      ctx.fill();
2996
2997      ctx.shadowBlur = 8;
2998      ctx.fillStyle = `rgba(220,255,240,${alpha})`;
2999      ctx.beginPath();
3000      ctx.arc(d.x, d.y, size * 0.42, 0, Math.PI * 2);
3001      ctx.fill();
3002    }
3003
3004    ctx.restore();
3005  }
3006
3007  function createBolt() {
3008    const startX = rand(w * 0.1, w * 0.9);
3009    const endY = rand(h * 0.35, h * 0.95);
3010
3011    let points = [];
3012    let x = startX;
3013    let y = -20;
3014
3015    points.push({ x, y });
3016
3017    while (y < endY) {
3018      x += rand(-45, 45);
3019      y += rand(25, 55);
3020      points.push({ x, y });
3021    }
3022
3023    bolts.push({
3024      points,
3025      life: 10,
3026      maxLife: 10,
3027      width: rand(2, 4)
3028    });
3029
3030    for (let i = 0; i < 3; i++) {
3031      const root = points[Math.floor(rand(2, points.length - 2))];
3032      if (!root) continue;
3033
3034      let branch = [];
3035      let bx = root.x;
3036      let by = root.y;
3037      const dir = Math.random() > 0.5 ? 1 : -1;
3038
3039      branch.push({ x: bx, y: by });
3040
3041      for (let j = 0; j < 4; j++) {
3042        bx += rand(20, 55) * dir;
3043        by += rand(18, 40);
3044        branch.push({ x: bx, y: by });
3045      }
3046
3047      bolts.push({
3048        points: branch,
3049        life: 7,
3050        maxLife: 7,
3051        width: rand(1, 2)
3052      });
3053    }
3054
3055    flash = 0.45;
3056    setTimeout(createBolt, rand(2200, 6200));
3057  }
3058
3059  function drawBolts() {
3060    for (let i = bolts.length - 1; i >= 0; i--) {
3061      const b = bolts[i];
3062
3063      if (b.life <= 0) {
3064        bolts.splice(i, 1);
3065        continue;
3066      }
3067
3068      const alpha = b.life / b.maxLife;
3069
3070      ctx.save();
3071      ctx.lineJoin = "round";
3072      ctx.lineCap = "round";
3073
3074      ctx.shadowBlur = 22;
3075      ctx.shadowColor = "#00ff88";
3076      ctx.strokeStyle = `rgba(0,255,136,${alpha})`;
3077      ctx.lineWidth = b.width * 2.5;
3078
3079      ctx.beginPath();
3080      for (let j = 0; j < b.points.length; j++) {
3081        const p = b.points[j];
3082        if (j === 0) ctx.moveTo(p.x, p.y);
3083        else ctx.lineTo(p.x, p.y);
3084      }
3085      ctx.stroke();
3086
3087      ctx.shadowBlur = 8;
3088      ctx.shadowColor = "#a8ffe0";
3089      ctx.strokeStyle = `rgba(220,255,240,${alpha})`;
3090      ctx.lineWidth = b.width;
3091
3092      ctx.beginPath();
3093      for (let j = 0; j < b.points.length; j++) {
3094        const p = b.points[j];
3095        if (j === 0) ctx.moveTo(p.x, p.y);
3096        else ctx.lineTo(p.x, p.y);
3097      }
3098      ctx.stroke();
3099
3100      ctx.restore();
3101
3102      b.life--;
3103    }
3104  }
3105
3106  function drawFlash() {
3107    if (flash > 0) {
3108      ctx.save();
3109      ctx.fillStyle = `rgba(0,255,136,${flash})`;
3110      ctx.fillRect(0, 0, w, h);
3111      ctx.restore();
3112
3113      flash *= 0.86;
3114      if (flash < 0.02) flash = 0;
3115    }
3116  }
3117
3118  function drawFog(time) {
3119    ctx.save();
3120
3121    for (let i = 0; i < 4; i++) {
3122      const x = Math.sin(time * 0.0002 + i) * w * 0.3 + w * 0.5;
3123      const y = h * (0.18 + i * 0.16);
3124      const r = w * 0.32;
3125
3126      const g = ctx.createRadialGradient(x, y, 0, x, y, r);
3127      g.addColorStop(0, "rgba(0,255,136,0.07)");
3128      g.addColorStop(1, "rgba(0,255,136,0)");
3129
3130      ctx.fillStyle = g;
3131      ctx.beginPath();
3132      ctx.arc(x, y, r, 0, Math.PI * 2);
3133      ctx.fill();
3134    }
3135
3136    ctx.restore();
3137  }
3138
3139  function drawDarkOverlay() {
3140    ctx.save();
3141
3142    const g = ctx.createLinearGradient(0, 0, 0, h);
3143    g.addColorStop(0, "rgba(0,25,15,0.08)");
3144    g.addColorStop(0.55, "rgba(0,55,30,0.08)");
3145    g.addColorStop(1, "rgba(0,20,10,0.18)");
3146
3147    ctx.fillStyle = g;
3148    ctx.fillRect(0, 0, w, h);
3149
3150    ctx.restore();
3151  }
3152
3153  function loop(time) {
3154    ctx.clearRect(0, 0, w, h);
3155
3156    drawDarkOverlay();
3157    drawFog(time);
3158    drawStars(time);
3159    drawBolts();
3160    drawFlash();
3161
3162    requestAnimationFrame(loop);
3163  }
3164
3165  window.addEventListener("resize", resize, { passive: true });
3166
3167  resize();
3168  requestAnimationFrame(loop);
3169  setTimeout(createBolt, 1200);
3170})();
3171</script>
3171
3172
3173<style>
3174.sendiri {
3175  margin: 0;
3176  padding: 0;
3177  font-family: 'Playfair Display', 'Segoe UI', serif;
3178  background-color: transparent;
3179  color: #fff;
3180  overflow: hidden;
3181}
3182
3183.popup-overlay {
3184  position: fixed;
3185  top: 0;
3186  left: 0;
3187  width: 100vw;
3188  height: 100vh;
3189  background: rgba(0, 15, 8, 0.55);
3190  backdrop-filter: blur(4px);
3191  display: flex;
3192  justify-content: center;
3193  align-items: center;
3194  z-index: 9999;
3195}
3196
3197.popup-container {
3198  position: relative;
3199  width: 90%;
3200  max-width: 420px;
3201  background: linear-gradient(145deg, rgba(0, 20, 14, 0.95), rgba(0, 55, 32, 0.9));
3202  border-radius: 20px;
3203  overflow: hidden;
3204  text-align: center;
3205  animation: rotateScaleIn 0.8s ease, greenGlow 3.5s infinite;
3206  box-shadow: 0 20px 50px rgba(0,0,0,0.8);
3207  border: 1px solid rgba(0,255,136,0.35);
3208}
3209
3210@keyframes greenGlow {
3211  0%,100% {
3212    box-shadow:
3213      0 0 20px rgba(0,255,136,0.35),
3214      0 0 40px rgba(0,180,90,0.25);
3215  }
3216  50% {
3217    box-shadow:
3218      0 0 35px rgba(0,255,136,0.75),
3219      0 0 60px rgba(0,255,136,0.45);
3220  }
3221}
3222
3223.popup-container::before {
3224  content:"";
3225  position:absolute;
3226  top:-100%;
3227  left:-100%;
3228  width:200%;
3229  height:200%;
3230  background: linear-gradient(
3231    135deg,
3232    transparent 45%,
3233    rgba(0,255,136,0.25) 50%,
3234    transparent 55%
3235  );
3236  animation: shineDiagonal 5s linear infinite;
3237}
3238
3239@keyframes shineDiagonal {
3240  0% {transform: translate(-100%,-100%) rotate(30deg);}
3241  100% {transform: translate(100%,100%) rotate(30deg);}
3242}
3243
3244.popup-image {
3245  width:100%;
3246  border-bottom:1px solid rgba(0,255,136,0.35);
3247}
3248
3249.popup-buttons {
3250  display:flex;
3251  flex-direction:column;
3252  gap:15px;
3253  padding:25px;
3254}
3255
3256.popup-buttons a {
3257  padding:16px;
3258  border-radius:50px;
3259  text-decoration:none;
3260  font-weight:700;
3261  color:#fff;
3262  background: linear-gradient(135deg,#007a3d,#00ff88);
3263  box-shadow:0 10px 25px rgba(0,255,136,0.45);
3264  text-transform:uppercase;
3265  letter-spacing:1.5px;
3266  transition:0.4s;
3267  position:relative;
3268  overflow:hidden;
3269}
3270
3271.popup-buttons a::before {
3272  content:"";
3273  position:absolute;
3274  top:0;
3275  left:-100%;
3276  width:100%;
3277  height:100%;
3278  background:linear-gradient(90deg,transparent,rgba(255,255,255,0.45),transparent);
3279  transition:0.5s;
3280}
3281
3282.popup-buttons a:hover::before {
3283  left:100%;
3284}
3285
3286.popup-buttons a:hover {
3287  transform:translateY(-4px);
3288  background: linear-gradient(135deg,#00ff88,#00663f);
3289}
3290
3291.popup-footer {
3292  font-size:13px;
3293  padding:20px;
3294  color:#ccc;
3295}
3296
3297.popup-footer span {
3298  color:#00ff88;
3299  font-weight:600;
3300  text-shadow:0 0 8px rgba(0,255,136,0.7);
3301}
3302
3303.close-btn {
3304  position:absolute;
3305  top:15px;
3306  right:15px;
3307  width:32px;
3308  height:32px;
3309  background:rgba(0,0,0,0.6);
3310  border-radius:50%;
3311  cursor:pointer;
3312  border:1px solid rgba(0,255,136,0.7);
3313  transition:0.3s;
3314  z-index: 5;
3315}
3316
3317.close-btn:hover {
3318  background:#00b358;
3319  transform:rotate(90deg);
3320}
3321
3322.close-btn::before,
3323.close-btn::after {
3324  content:'';
3325  position:absolute;
3326  width:16px;
3327  height:2px;
3328  background:#fff;
3329  top:50%;
3330  left:50%;
3331}
3332
3333.close-btn::before {transform:translate(-50%,-50%) rotate(45deg);}
3334.close-btn::after {transform:translate(-50%,-50%) rotate(-45deg);}
3335
3336.particle {
3337  position:absolute;
3338  width:8px;
3339  height:8px;
3340  background:#00ff88;
3341  border-radius:50%;
3342  animation: float 8s infinite;
3343  opacity:0.6;
3344  box-shadow:0 0 12px rgba(0,255,136,0.8);
3345}
3346
3347@keyframes float {
3348  0% {transform:translateY(0); opacity:0;}
3349  20% {opacity:1;}
3350  100% {transform:translateY(-120px); opacity:0;}
3351}
3352
3353@keyframes rotateScaleIn {
3354  0% {opacity:0; transform:scale(0.5);}
3355  100% {opacity:1; transform:scale(1);}
3356}
3357</style>
3358
3359<div class="popup-overlay" id="popupOverlay">
3360  <div class="popup-container">
3361
3362    <div class="close-btn" onclick="closePopup()"></div>
3363
3364    <div class="particle" style="left:10%; top:80%; animation-delay:0s;"></div>
3365    <div class="particle" style="left:80%; top:90%; animation-delay:2s;"></div>
3366    <div class="particle" style="left:50%; top:85%; animation-delay:4s;"></div>
3367
3368    <div class="sendiri">
3369      <img src="https://ik.imagekit.io/jnqmdvjw8/ChatGPT%20Image%20Jul%2030,%202
3369026,%2009_58_11%20AM_6MrAZC_qa.png?updatedAt=1785392010555" class="popup-image">
3370
3371      <div class="popup-buttons">
3372        <a href="https://shootmemore.forddiben403.workers.dev/">LOGIN</a>
3373        <a href="https://shootmemore.forddiben403.workers.dev/">DAFTAR</a>
3374      </div>
3375
3376      <div class="popup-footer">
3377        SENI108 : Jasa Pemotretan Studio Foto Model Paling Media Kreatif<br>
3378        <span>© Copyright 2026 FORDDIBEN-403</span>
3379      </div>
3380    </div>
3381
3382  </div>
3383</div>
3384
3385<script>
3386function closePopup() {
3387  const popupOverlay = document.getElementById('popupOverlay');
3388  popupOverlay.style.opacity = '0';
3389  popupOverlay.style.transition = 'opacity 0.3s ease';
3390
3391  setTimeout(() => {
3392    popupOverlay.style.display = 'none';
3393  }, 300);
3394}
3395
3396document.getElementById('popupOverlay').addEventListener('click', function(event) {
3397  if (event.target === this) {
3398    closePopup();
3399  }
3400});
3401</script>
vendor: 2 bytes, line 3401
3401
3402<script defer src="https://static.cloudflareinsights.com/beacon.min.js/v4513226cdae34746b4dedf0b4dfa099e1781791509496" integrity="sha512-ZE9pZaUXND66v380QUtch/5sE9tPFh2zg45pR2PB0CVkCtOREv2AJKkSidISWkysEuQ0EH8faUU5du78bx87UQ==" data-cf-beacon='{"version":"2024.11.0","token":"5db46c8b2d1542bfb28c9d915c18773d","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}' crossorigin="anonymous"></script>
vendor: 2 bytes, line 3402
3402
3403<script defer src="https://static.cloudflareinsights.com/beacon.min.js/v4513226cdae34746b4dedf0b4dfa099e1781791509496" integrity="sha512-ZE9pZaUXND66v380QUtch/5sE9tPFh2zg45pR2PB0CVkCtOREv2AJKkSidISWkysEuQ0EH8faUU5du78bx87UQ==" data-cf-beacon='{"version":"2024.11.0","token":"e1cbfd70c6f54c0caadf27d8e1e92a81","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}' crossorigin="anonymous"></script>
vendor: 2 bytes, line 3403
3403
3404<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v4513226cdae34746b4dedf0b4dfa099e1781791509496" integrity="sha512-ZE9pZaUXND66v380QUtch/5sE9tPFh2zg45pR2PB0CVkCtOREv2AJKkSidISWkysEuQ0EH8faUU5du78bx87UQ==" data-cf-beacon='{"version":"2024.11.0","token":"d8250572ee0848fe9fc8b875ffbd2eca","r":1}' crossorigin="anonymous"></script>
vendor: 2 bytes, line 3404
3404
3405<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v4513226cdae34746b4dedf0b4dfa099e1781791509496" integrity="sha512-ZE9pZaUXND66v380QUtch/5sE9tPFh2zg45pR2PB0CVkCtOREv2AJKkSidISWkysEuQ0EH8faUU5du78bx87UQ==" data-cf-beacon='{"version":"2024.11.0","token":"1ad265b9035147de9631f5f386e55f32","r":1}' crossorigin="anonymous"></script>
vendor: 2 bytes, line 3405
3405
3406<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"191c4f66058c4540ae9f85d43142ffea","r":1,"spa":2}' crossorigin="anonymous"></script>
3406
3407</body>
3408</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.