CINXE.COM
Halaman Artikel Grup Infinity Project - Kompasiana.com
<!DOCTYPE html> <html lang="id"> <head> <!-- Google Tag Manager --> <script> (function(w, d, s, l, i) { w[l] = w[l] || []; w[l].push({ 'gtm.start': new Date().getTime(), event: 'gtm.js' }); var f = d.getElementsByTagName(s)[0], j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f); })(window, document, 'script', 'dataLayer', 'GTM-P7HQ38'); </script> <!-- End Google Tag Manager --> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="csrf-token" content="sfzkPUPclaE07rYA5Ohr6rlmgTghxF97z0ZUf7Uf" /> <meta content="text/html; charset=UTF-8" name="Content-Type"> <meta name="google" content="notranslate"> <link rel="shortcut icon" href="https://assets-a1.kompasiana.com/statics/v20106_kompasiana/images/favicon.ico" type="image/x-icon"> <link rel="icon" href="https://assets-a1.kompasiana.com/statics/v20106_kompasiana/images/favicon.ico" type="image/x-icon"> <link rel="canonical" href="https://temu.kompasiana.com/infinityproject"> <meta name="description" content="Halaman Timeline Artikel Terbaru Grup Infinity Project"> <meta name="keywords" content="Grup Kompasiana"> <meta name="googlebot" content="index, follow" /> <meta name="author" content="Kompas Cyber Media"> <meta name="robots" content="index, follow" /> <meta name="language" content="id" /> <meta name="geo.country" content="id" /> <meta http-equiv="content-language" content="In-Id" /> <meta name="geo.placename" content="Indonesia" /> <!-- S:fb meta --> <meta property="og:type" content="article" /> <meta property="og:title" content="Halaman Artikel Grup Infinity Project - Kompasiana.com" /> <meta property="og:description" content="Halaman Timeline Artikel Terbaru Grup Infinity Project"> <meta property="og:url" content="https://temu.kompasiana.com/infinityproject" /> <meta property="og:site_name" content="KOMPASIANA" /> <meta property="fb:app_id" content="397600276959629" /> <meta property="fb:pages" content="194032223976103" /> <meta property="og:image" content="https://assets.temu.id/userfiles/image/2024/07/05/70c3081f-9cd.png" /> <meta property="og:image:width" content="1200" /> <meta property="og:image:height" content="630" /> <meta property="og:image:secure_url" content="https://assets.temu.id/userfiles/image/2024/07/05/70c3081f-9cd.png" /> <meta property="og:image:type" content="image/jpeg" /> <meta property="og:image:alt" content="Halaman Artikel Grup Infinity Project - Kompasiana.com" /> <!-- e:fb meta --> <!-- S:tweeter card --> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:site" content="@kompasiana" /> <meta name="twitter:creator" content="@kompasiana"> <meta name="twitter:image" content="https://assets.temu.id/userfiles/image/2024/07/05/70c3081f-9cd.png" /> <meta name="twitter:description" content="Halaman Timeline Artikel Terbaru Grup Infinity Project" /> <meta name="twitter:title" content="Halaman Artikel Grup Infinity Project - Kompasiana.com" /> <!-- E:tweeter card --> <title>Halaman Artikel Grup Infinity Project - Kompasiana.com</title> <link rel="dns-prefetch" href="https://fonts.googleapis.com" /> <link rel="dns-prefetch" href="https://fonts.gstatic.com" /> <link rel="dns-prefetch" href="https://www.googletagmanager.com" /> <link rel="dns-prefetch" href="https://www.google-analytics.com" /> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com"> <link rel="preconnect" href="https://www.googletagmanager.com" /> <link rel="preconnect" href="https://www.google-analytics.com" /> <link href="https://assets.temu.id/kompasiana-grup/desktop/asset/css/style-kompasiana-grup.min.css?x=1.43" rel="preload" as="style"> <link href="https://assets.temu.id/kompasiana-grup/desktop/asset/css/style-kompasiana-grup.min.css?x=1.43" rel="stylesheet"> <link rel="preload" href="https://fonts.googleapis.com/css2?family=Source+Sans+Pro:ital,wght@0,300;0,400;0,600;0,700;1,400;1,700&display=swap" as="style"> <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Source+Sans+Pro:ital,wght@0,300;0,400;0,600;0,700;1,400;1,700&display=swap"> <link rel="preload" href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;700&display=swap" as="style"> <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;700&display=swap"> <link rel="preload" href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap" as="style"> <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap"> <style> .notif_counter { position: absolute !important; top: 10px; right: 9px; padding: 2px 3px; border-radius: 50%; background: red; color: white; font-size: 8px; } </style> <style> .timelineCta a:hover, .timelineItem__cta a:hover { color: #fff !important; } </style> </head> <body> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-P7HQ38" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <div id="sso_g_signin"></div> <div class="root"> <header class="header -sticky "> <div class="container"> <div class="headerWrap row col-z-fluid"> <div class="headerLogo"> <a href="https://temu.kompasiana.com" class="logo"> <img class="logoImg" loading=lazy src="https://assets.temu.id/imgs/image/store/2023/02/21/1676958973.png?t=o&v=200" alt="logo-kompasiana" width="106" height="47"> </a> </div> <div class="headerRight center-flex"> <a href="https://temu.kompasiana.com" aria-label="Back to home" class="headerCta center-flex"> <span class="baseIcon headerCta__home"></span> </a> <a href="https://account.kompasiana.com/login/a29tcGFzaWFuYQ==/aHR0cHM6Ly90ZW11LmtvbXBhc2lhbmEuY29t" aria-label="Login" class="headerCta center-flex"> <span class="baseIcon headerCta__login"></span> </a> </div> </div> </div> </header> <main role="main"> <div class="container"> <div class="section row"> <div class="col-gd10-3"> <aside class="sidebar"> <div class="community communitySidebar"> <div id="popupcomBg" class="communityBg" style="background-image: url(https://assets.temu.id/userfiles/image/2024/07/05/87dd7a89-f4a.png?t=o&v=260);"> </div> <div class="communityWrap communityWrap--sidebar"> <div id="comLogo2" class="communityImg__wrap" style="background-image: url(https://assets.temu.id/userfiles/image/2024/07/05/70c3081f-9cd.png?t=t&v=51);"> <div class="formFilePreview"></div> </div> <h1 class="communityName"> Infinity Project <button class="button communityAbout__expand mobile-only -right" onclick="expandBox(this)" aria-label="Expand About Community" id="expandtop"> <span class="baseIcon"></span></button> </h1> </div> <div class="communityJoinMember"> <div class="communityJoin__wrap"> <button class="button buttonPrimary -medium buttonFull communityJoin " onclick="joinGrup(this)" data-id="2512" data-url="https://temu.kompasiana.com/group/infinityproject/join">Join</button> <button class="button buttonPrimary -medium buttonFull buttonPrimary--gray communityLeave hide" onclick="unjoinGrup(this)" data-id="" data-url="https://temu.kompasiana.com/group/infinityproject/unjoin">Leave</button> </div> <div class="communityMember__group"> <div class="communityMember__count"><span>330</span> Anggota</div> <div class="communityMember__grouplist"> <div class="communityMember__img"> <div class="memberAva">j</div> <img src="https://assets.kompasiana.com/images/avatar/default.png?t=t&v=26" alt="Member" loading="lazy" width="26" height="26"> <img src="https://assets.kompasiana.com/images/avatar/default.png?t=t&v=26" alt="Member" loading="lazy" width="26" height="26"> <div class="memberAva">S</div> <img src="https://assets.kompasiana.com/images/avatar/default.png?t=t&v=26" alt="Member" loading="lazy" width="26" height="26"> </div> <a href="https://temu.kompasiana.com/infinityproject/member" aria-label="See all member" class="communityMember__all"><span></span></a> </div> </div> </div> <div class="communityBox" id="box"> <div class="communityAbout__wrap"> <div class="sidebarTitle">About</div> <div class="communityAbout"> <div class="communityAbout__txt" id="about"> Infinity Project is a youth community focusing on minimalism lifestyle. </div> <button class="button communityAbout__expand desktop-only" onclick="expandComponent(this)" aria-label="Expand About Community"> <span class="baseIcon"></span></button> </div> </div> <div class="communityCateg">Kategori : <a href="#" class="communityCateg__link">Lifestyle</a></div> <div class="communityLoc"> <div class="communityLoc__wrap center-flex"><span class="baseIcon communityLoc__icon"></span></div> Jawa Barat, Bandung Barat </div> <div class="sidebarTitle">Sosial Media</div> <ul class="communitySocmed"> <li class="communitySocmed__list"> <a href="https://www.instagram.com/byunalury?igsh=eXdyenF0ODd3dWF5" target="_blank" rel="noopener noreferrer" class="communitySocmed__link"> <div class="communitySocmed__icon communitySocmed__icon--ig center-flex"> <span class="baseIcon communitySocmed__ig"></span> </div>Infinity Project </a> </li> </ul> <button class="button communityAbout__expand mobile-only -up hide" onclick="expandBox(this)" aria-label="Expand About Community" id="expandbtm"> <span class="baseIcon"></span></button> </div> </div> </aside> </div> <div class="col-gd10-7"> <nav class="nav" data-active="scroll"> <div class="navItem active"> <a href="https://temu.kompasiana.com/infinityproject" class="navLink">Aktivitas</a> </div> <div class="navItem "> <a href="https://temu.kompasiana.com/infinityproject/event" class="navLink">Event</a> </div> <div class="navItem "> <a href="https://temu.kompasiana.com/infinityproject/member" class="navLink">Member</a> </div> </nav> <div id="timeline" class="timeline"> <!-- s: timeline item --> <!-- e: timeline item --> </div> </div> </div> </div> </main> <footer class="footer"> <div class="container"> <div class="row"> <div class="col-gd10-2"> <div class="footerLogo"> <a href="https://www.kompasiana.com/"> <img class="" data-src="https://assets-a1.kompasiana.com/statics/v20106_kompasiana/images/logo-kompasiana-white.png?t=o&v=200" width="168" height="41" alt="Kompasiana Logo" loading="lazy" src="https://assets-a1.kompasiana.com/statics/v20106_kompasiana/images/logo-kompasiana-white.png?t=o&v=200"></a> </div> <div class="footerParent"><a href="https://www.kompasiana.com/tentang-kompasiana">TENTANG KOMPASIANA</a> </div> <div class="footerChild"><a href="https://www.kompasiana.com/tentang-kompasiana">PROFIL</a> </div> <div class="footerChild"><a href="https://www.kompasiana.com/tentang-kompasiana/penghargaan">PERFORMA & STATISTIK</a></div> <div class="footerChild"><a href="https://www.kompasiana.com/tentang-kompasiana/tim">TIM</a></div> <div class="footerParent">JARINGAN</div> <div class="footerChild"><a rel="noopener" href="//kgmedia.id" target="blank">KGMEDIA.ID</a></div> </div> <div class="col-gd10-3"> <div class="footerParent"><a href="https://www.kompasiana.com/syarat-ketentuan">SYARAT DAN KETENTUAN</a> </div> <div class="footerChild"><a href="https://www.kompasiana.com/syarat-ketentuan">DEFINISI</a></div> <div class="footerChild"><a href="https://www.kompasiana.com/syarat-ketentuan/layanan">KETENTUAN LAYANAN</a></div> <div class="footerChild"><a href="https://www.kompasiana.com/syarat-ketentuan/konten">KETENTUAN KONTEN</a> </div> <div class="footerChild"><a href="https://www.kompasiana.com/syarat-ketentuan/hak-cipta">PENGGUNAAN DAN HAK CIPTA</a></div> <div class="footerChild"><a href="https://www.kompasiana.com/syarat-ketentuan/pelaporan-konten">SANGGAHAN DAN PELAPORAN KONTEN</a></div> <div class="footerChild"><a href="https://www.kompasiana.com/syarat-ketentuan/perubahan">KETENTUAN PERUBAHAN</a></div> <div class="footerChild"><a href="https://www.kompasiana.com/syarat-ketentuan/uu-ite">UNDANG-UNDANG ITE</a></div> <div class="footerChild"><a href="https://legal.kompasiana.com/privacy">PRIVACY POLICY</a></div> </div> <div class="col-gd10-2"> <div class="footerParent"><a href="https://www.kompasiana.com/bantuan/faq">FAQ KOMPASIANA</a></div> <div class="footerChild"><a href="https://www.kompasiana.com/bantuan/faq">KONTEN</a></div> <div class="footerChild"><a href="https://www.kompasiana.com/bantuan/faq">TEKNIS DAN GANGGUAN</a> </div> <div class="footerChild"><a href="https://www.kompasiana.com/bantuan/faq">TIPS DAN TUTORIAL</a></div> <div class="footerChild"><a href="https://www.kompasiana.com/bantuan/faq">BISNIS DAN KERJA SAMA</a> </div> <div class="footerChild"><a href="https://www.kompasiana.com/bantuan/faq">BANTUAN</a></div> </div> <div class="col-gd10-3"> <div class="footerParent"><a href="#">KONTAK KAMI</a></div> <div class="footerChild footerChild--address">Gedung Kompas Gramedia Palmerah Barat unit II lantai 6, Jl. Palmerah Barat no. 29-37, Gelora, Tanah Abang, Jakarta Pusat 10270</div> <div class="footerChild footerChild--contact"> <ul> <li> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="14px" height="14px"> <defs> <filter id="Filter_0"> <feFlood flood-color="rgb(255, 255, 255)" flood-opacity="1" result="floodOut"> </feFlood> <feComposite operator="atop" in="floodOut" in2="SourceGraphic" result="compOut"> </feComposite> <feBlend mode="normal" in="compOut" in2="SourceGraphic"></feBlend> </filter> </defs> <g filter="url(#Filter_0)"> <path fill-rule="evenodd" fill="rgb(0, 0, 0)" d="M13.993,11.048 C14.023,11.276 13.953,11.474 13.786,11.642 L11.814,13.599 C11.725,13.698 11.609,13.782 11.466,13.851 C11.323,13.921 11.182,13.965 11.044,13.985 C11.034,13.985 11.004,13.987 10.955,13.992 C10.905,13.997 10.841,14.000 10.762,14.000 C10.574,14.000 10.271,13.968 9.851,13.903 C9.431,13.839 8.917,13.681 8.309,13.429 C7.702,13.177 7.012,12.798 6.242,12.294 C5.471,11.790 4.651,11.098 3.782,10.218 C3.090,9.536 2.517,8.883 2.062,8.260 C1.608,7.638 1.242,7.061 0.966,6.533 C0.689,6.004 0.481,5.524 0.343,5.094 C0.205,4.664 0.111,4.293 0.061,3.982 C0.012,3.670 -0.008,3.426 0.002,3.248 C0.012,3.070 0.017,2.971 0.017,2.951 C0.037,2.813 0.081,2.672 0.150,2.528 C0.220,2.385 0.304,2.269 0.402,2.180 L2.374,0.208 C2.512,0.069 2.670,-0.000 2.848,-0.000 C2.976,-0.000 3.090,0.037 3.189,0.111 C3.287,0.185 3.371,0.276 3.441,0.385 L5.027,3.396 C5.115,3.554 5.140,3.727 5.101,3.915 C5.061,4.103 4.977,4.261 4.849,4.390 L4.122,5.117 C4.103,5.136 4.085,5.168 4.071,5.213 C4.056,5.257 4.048,5.294 4.048,5.324 C4.088,5.532 4.177,5.769 4.315,6.036 C4.434,6.273 4.616,6.562 4.863,6.903 C5.111,7.245 5.461,7.638 5.916,8.082 C6.360,8.537 6.756,8.891 7.101,9.143 C7.447,9.395 7.736,9.580 7.968,9.699 C8.201,9.818 8.378,9.889 8.502,9.914 L8.687,9.951 C8.707,9.951 8.739,9.943 8.783,9.929 C8.828,9.914 8.860,9.897 8.880,9.877 L9.725,9.017 C9.902,8.858 10.110,8.779 10.347,8.779 C10.515,8.779 10.649,8.809 10.747,8.868 L10.762,8.868 L13.623,10.559 C13.830,10.687 13.953,10.851 13.993,11.048 Z"> </path> </g> </svg> <span>6221 536 99 200</span> </li> <li> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16px" height="14px"> <defs> <filter id="Filter_0"> <feFlood flood-color="rgb(255, 255, 255)" flood-opacity="1" result="floodOut"> </feFlood> <feComposite operator="atop" in="floodOut" in2="SourceGraphic" result="compOut"> </feComposite> <feBlend mode="normal" in="compOut" in2="SourceGraphic"></feBlend> </filter> </defs> <g filter="url(#Filter_0)"> <path fill-rule="evenodd" fill="rgb(0, 0, 0)" d="M15.347,2.370 C14.694,2.370 14.041,2.370 13.388,2.370 C13.388,1.793 13.388,1.217 13.388,0.640 C13.388,0.286 13.095,-0.000 12.735,-0.000 C9.578,-0.000 6.422,-0.000 3.265,-0.000 C2.905,-0.000 2.612,0.286 2.612,0.640 C2.612,1.217 2.612,1.793 2.612,2.370 C1.959,2.370 1.306,2.370 0.653,2.370 C0.292,2.370 -0.000,2.657 -0.000,3.011 C-0.000,5.104 -0.000,7.196 -0.000,9.289 C-0.000,9.643 0.292,9.930 0.653,9.930 C1.306,9.930 1.959,9.930 2.612,9.930 C2.612,10.686 2.612,11.442 2.612,12.199 C2.612,12.568 2.612,12.937 2.612,13.306 C2.612,13.519 2.656,13.679 2.825,13.830 C2.903,13.900 2.987,13.946 3.089,13.974 C3.183,14.000 3.277,13.997 3.373,13.997 C4.915,13.997 6.457,13.997 8.000,13.997 C9.542,13.997 11.085,13.997 12.627,13.997 C12.723,13.997 12.817,14.000 12.911,13.974 C13.013,13.945 13.097,13.900 13.176,13.829 C13.344,13.678 13.388,13.519 13.388,13.305 C13.388,12.936 13.388,12.567 13.388,12.197 C13.388,11.442 13.388,10.686 13.388,9.930 C14.041,9.930 14.694,9.930 15.347,9.930 C15.708,9.930 16.000,9.643 16.000,9.289 C16.000,7.196 16.000,5.104 16.000,3.011 C16.000,2.657 15.708,2.370 15.347,2.370 ZM1.633,4.628 C1.317,4.628 1.061,4.378 1.061,4.068 C1.061,3.758 1.317,3.507 1.633,3.507 C1.948,3.507 2.204,3.758 2.204,4.068 C2.204,4.378 1.948,4.628 1.633,4.628 ZM12.735,13.357 L3.265,13.357 L3.265,8.296 L12.735,8.296 L12.735,13.357 L12.735,13.357 ZM12.735,2.370 C9.578,2.370 6.422,2.370 3.265,2.370 C3.265,2.007 3.265,1.644 3.265,1.281 C3.265,0.927 3.558,0.640 3.918,0.640 C6.639,0.640 9.361,0.640 12.082,0.640 C12.442,0.640 12.735,0.927 12.735,1.281 C12.735,1.644 12.735,2.007 12.735,2.370 Z"> </path> </g> </svg> <span>6221 5360678</span> </li> <li> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="15px" height="12px"> <defs> <filter id="Filter_0"> <feFlood flood-color="rgb(255, 255, 255)" flood-opacity="1" result="floodOut"> </feFlood> <feComposite operator="atop" in="floodOut" in2="SourceGraphic" result="compOut"> </feComposite> <feBlend mode="normal" in="compOut" in2="SourceGraphic"></feBlend> </filter> </defs> <g filter="url(#Filter_0)"> <path fill-rule="evenodd" fill="rgb(0, 0, 0)" d="M14.607,0.399 C14.344,0.132 14.029,-0.001 13.661,-0.001 L1.339,-0.001 C0.971,-0.001 0.656,0.132 0.393,0.399 C0.131,0.666 -0.000,0.987 -0.000,1.363 L-0.000,10.637 C-0.000,11.012 0.131,11.334 0.393,11.600 C0.656,11.868 0.971,12.001 1.339,12.001 L13.661,12.001 C14.029,12.001 14.344,11.868 14.607,11.600 C14.869,11.334 15.000,11.012 15.000,10.637 L15.000,1.363 C15.000,0.987 14.869,0.666 14.607,0.399 ZM13.928,10.637 C13.928,10.711 13.902,10.775 13.849,10.829 C13.796,10.883 13.733,10.910 13.661,10.910 L1.339,10.910 C1.267,10.910 1.204,10.883 1.151,10.829 C1.098,10.775 1.071,10.711 1.071,10.637 L1.071,4.090 C1.250,4.295 1.442,4.483 1.649,4.653 C3.145,5.824 4.333,6.784 5.215,7.534 C5.499,7.779 5.731,7.969 5.910,8.105 C6.088,8.242 6.329,8.379 6.633,8.519 C6.938,8.658 7.224,8.728 7.492,8.728 L7.500,8.728 L7.508,8.728 C7.776,8.728 8.062,8.658 8.366,8.519 C8.670,8.379 8.912,8.242 9.090,8.105 C9.269,7.969 9.501,7.779 9.785,7.534 C10.667,6.784 11.855,5.824 13.351,4.653 C13.558,4.483 13.750,4.295 13.928,4.090 L13.928,10.637 L13.928,10.637 ZM13.928,1.584 L13.928,1.678 C13.928,2.013 13.799,2.387 13.539,2.799 C13.280,3.211 12.999,3.539 12.698,3.783 C11.621,4.647 10.502,5.548 9.341,6.486 C9.308,6.514 9.210,6.598 9.048,6.737 C8.887,6.876 8.758,6.983 8.663,7.057 C8.568,7.131 8.444,7.220 8.291,7.325 C8.137,7.430 7.996,7.508 7.868,7.560 C7.740,7.611 7.620,7.636 7.508,7.636 L7.500,7.636 L7.492,7.636 C7.380,7.636 7.260,7.611 7.132,7.560 C7.003,7.508 6.862,7.430 6.709,7.325 C6.556,7.220 6.431,7.131 6.337,7.057 C6.242,6.983 6.113,6.876 5.951,6.737 C5.790,6.598 5.692,6.514 5.658,6.486 C4.498,5.548 3.379,4.647 2.302,3.783 C1.482,3.124 1.071,2.317 1.071,1.362 C1.071,1.288 1.098,1.224 1.151,1.170 C1.204,1.116 1.267,1.090 1.339,1.090 L13.661,1.090 C13.705,1.115 13.744,1.122 13.778,1.111 C13.811,1.099 13.837,1.121 13.853,1.174 C13.870,1.229 13.885,1.254 13.899,1.251 C13.913,1.249 13.922,1.284 13.924,1.358 C13.927,1.432 13.928,1.469 13.928,1.469 L13.928,1.584 L13.928,1.584 Z"> </path> </g> </svg> <span>kompasiana@kompasiana.com </span> </li> </ul> </div> <br> <div class="footerChild footerChild--address">Untuk pengajuan iklan dan kerja sama bisa menghubungi: <br> <a href="mailto:kerjasama@kompasiana.com">kerjasama@kompasiana.com </a> </div> </div> </div> <div class="footerCopyright"> 漏 2018 Kompasiana.com. A subsidiary of <a href="//kgmedia.id" target="_blank" rel="noopener">KG Media</a>. All Rights Reserved </div> </div> </footer> </div> <!-- s: alert --> <div class="popup popup--hidden alert"> <div class="center-flex alertBox"> <button class="button buttonRemove buttonRemove--right" aria-label="Close" onclick="dismissAlert()"><span class="baseIcon iconClose"></span></button> <div class="alertTitle"></div> <div class="alertContent"></div> <div class="alertButton"> </div> </div> </div> <!-- e: alert --> <script src="https://assets.temu.id/kompasiana-grup/desktop/asset/js/jquery.min.js?x=1.43"></script> <script src="https://assets.temu.id/kompasiana-grup/all/asset/js/simplebar/simplebar.min.js?x=1.43"></script> <script src="https://assets.temu.id/kompasiana-grup/desktop/asset/js/main.min.js?x=1.43"></script> <script src="https://asset.kompas.com/data/2021/sso/js/additional.min.js"></script> <script src="https://assets.temu.id/kompasiana-grup/all/asset/js/moment/moment.min.js?x=1.43"></script> <script> var login = 0; $.ajaxSetup({ headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') } }); moment.locale('id'); updateBar(); function checkLogin() { if (!login) { window.location = "https://account.kompasiana.com/login/a29tcGFzaWFuYQ==/aHR0cHM6Ly90ZW11LmtvbXBhc2lhbmEuY29t"; return false; } return true; } var is_joined = `` == '' ? false : true; function checkjoinGrup() { return is_joined; } function joinGrup(e) { checkLogin(); var formData = new FormData(); formData.append('id', $(e).data('id')); $.ajax({ type: "POST", url: $(e).data('url'), contentType: false, processData: false, data: formData, dataType: "JSON", success: function (response) { is_joined = true; $('.communityLeave').attr('data-id', response.data.id); hideJoin($('.communityJoin')[0]); memberCount = $('.communityMember__count').find('span'); if (/^\d+$/.test(memberCount.html())) { memberCount.html(parseInt(memberCount.html())+1) } }, error: function (response) { return false; }, }); } function unjoinGrup(e) { var formData = new FormData(); formData.append('member_id', $(e).data('id')); $.ajax({ type: "POST", url: $(e).data('url'), contentType: false, processData: false, data: formData, dataType: "JSON", success: function () { is_joined = false; hideLeave($('.communityLeave')[0]); memberCount = $('.communityMember__count').find('span'); if (/^\d+$/.test(memberCount.html())) { memberCount.html(parseInt(memberCount.html())-1) } }, error: function (response) { return false; }, }); } function slugify(string) { return string .toString() .trim() .toLowerCase() .replace(/\s+/g, "-") .replace(/[^\w\-]+/g, "") .replace(/\-\-+/g, "-") .replace(/^-+/, "") .replace(/-+$/, ""); } $(document).ready((function(){ $(".-uploadCover").click((function(){ $("#form_cover_icon").attr("action", $("#cover_link").val()); })); $(".-uploadIconLogo").click((function(){ $("#form_cover_icon").attr("action", $("#icon_link").val()); })); })); </script> <script> // Convert post time from now $(document).ready(function() { $(".timelineTimestamp").each(function () { let text = moment($(this).html(), "YYYY-MM-DD h:mm:ss").fromNow() $(this).html(text); }); replyToggle(); eventCount(); }); var countdownObj = {} function eventCount() { $(".eventCount").each(function () { let id = $(this).data('id'); let element = this; countdownObj[id] = setInterval(function() { let date = new Date($(element).data('created_date')); let date_end = new Date($(element).data('date_end')); let now = new Date().getTime(); let distance = date_end - now; // If the count down is over, write some text if (now < date || now > date_end) { clearInterval(countdownObj[id]); return; } // Time calculations for days, hours, minutes and seconds let days = Math.floor(distance / (1000 * 60 * 60 * 24)); let hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60)); let minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60)); let seconds = Math.floor((distance % (1000 * 60)) / 1000); // Output the result in an element $(element).find('.eventCount__days').html(days.toString().padStart(2, '0')); $(element).find('.eventCount__hours').html(hours.toString().padStart(2, '0')); $(element).find('.eventCount__minutes').html(minutes.toString().padStart(2, '0')); $(element).find('.eventCount__seconds').html(seconds.toString().padStart(2, '0')); }, 1000); }); } function joinGroupAlert(e, msg='') { var gItem = $(e).closest('.timelineItem'), gImg = gItem.find('.communityImg').html(), gName = gItem.find('.communityName').html() // display alert popup, konten ada di div class .alert showAlert({ compo: 'alertGrup', msg: '<p>'+ msg +'</p><div class="communityImg">' + gImg + '</div><div class="communityName">' + gName + '</div><button class="communityCard__btn" onclick="joinGrup(this);dismissAlert();" data-id="2512" data-url="https://temu.kompasiana.com/group/infinityproject/join">Join</button>' }); } function updateLikeStatus(e, content_id) { if (!checkjoinGrup()) { joinGroupAlert(e, `Silakan bergabung grup ini untuk <br> menyukai ${$(e).data('type')=='EVENTS' || $(e).data('type')=='COMPETITIONS'?'Event':'Artikel'} ini`); return; } var formData = new FormData(); formData.append('content_id', content_id); $.ajax({ type: "POST", url: 'https://temu.kompasiana.com/group/2512/like_unlike', contentType: false, processData: false, data: formData, dataType: "JSON", beforeSend: function () { if(checkLogin()){ timelineLove__button = $($(e).parent()); timelineLove = timelineLove__button.find('.timelineLove__count'); loveCount = parseInt(timelineLove.html()); if (timelineLove__button.hasClass('active')) { timelineLove.html(loveCount-1); } else { timelineLove.html(loveCount+1); } timelineLove__button.toggleClass('active'); } } }); } // Content load more (for first load) $('.timelineMore').on('click', function () { getPosts(parseInt($(this).data('next_page'))); }); function getPosts(page=1) { var login = ""; var login_avatar = ""; var login_name = ""; url = "https://temu.kompasiana.com/group/infinityproject/posts_json"; $.ajax({ type: "GET", url: url, dataType: "json", data: { id: 2512, page: page, }, beforeSend: function() { if ($('.timelineMore').length > 0) { $('.timelineMore').remove(); } }, success: function(response) { var element_html = ''; response.data.list.forEach(post => { let post_url = `https://temu.kompasiana.com/infinityproject/${slugify(post['title'])}_${post['id']}`; element_html += ` <div class="timelineItem"> <div class="timelineHead"> <a href="#" class="communityWrap"> <div class="communityImg">`; if (post['community']['logo']) { element_html += `<img src="https://assets.temu.id/userfiles/image/2024/07/05/70c3081f-9cd.png?t=t&v=51" alt="Infinity Project" loading="lazy" width="51" height="51">`; } element_html += `</div> <div class="communityInfo"> <div class="communityName">Infinity Project</div> <div class="timelineTimestamp">${moment(post['created_date'], "YYYY-MM-DD h:mm:ss").fromNow()}</div> </div> </a>`; if (post['type'] == 'EVENTS' || post['type'] == 'COMPETITIONS') { element_html += `<div role="button" class="buttonSecondary buttonSecondary--red">Event</div>`; } element_html += ` </div> <a href="${post_url}">`; if (post['type'] != 'EVENTS' && post['type'] != 'COMPETITIONS') { element_html += ` <h2 class="timelineTitle">${post['title']}</h2> <div class="timelineTeaser"> ${post['teaser']} </div>`; } element_html += ` <div class="timelineImg">`; if (post['thumbnail']) { element_html += `<img src="${post['thumbnail']}?t=o&v=690" alt="Infinity Project" loading="lazy">`; } if (post['type'] == 'EVENTS' || post['type'] == 'COMPETITIONS') { var date = moment(post['created_date'], "YYYY-MM-DD h:mm:ss"); var date_end = moment(post['date_end'], "YYYY-MM-DD h:mm:ss"); var now = moment(); var diffDatetime = date_end - now; var is_countdown = now > date && date_end > now; element_html += ` <div class="timelineEvent"> <h2 class="timelineTitle">${post['title']}</h2> <div class="timelineEvent__box"> <div class="timelineEvent__left"> <table class="timelineEvent__table"> <tr> <td class="timelineEvent__ico"><span class="baseIcon icoCalender"></span></td> <td>Mulai</td> <td class="timelineEvent__colon">:</td> <td><strong>${moment(post['date'], "YYYY-MM-DD").format('dddd, DD MMMM YYYY')}</strong></td> <td class="timelineEvent__ico -clock"><span class="baseIcon icoClock"></span></td> <td><strong>${moment(post['date'], "YYYY-MM-DD").format('hh:mm')} WIB</strong></td> </tr> <tr> <td class="timelineEvent__ico"><span class="baseIcon icoCalender"></span></td> <td>Selesai</td> <td class="timelineEvent__colon">:</td> <td><strong>${moment(post['date_end'], "YYYY-MM-DD").format('dddd, DD MMMM YYYY')}</strong></td> <td class="timelineEvent__ico -clock"><span class="baseIcon icoClock"></span></td> <td><strong>${moment(post['date_end'], "YYYY-MM-DD").format('hh:mm')} WIB</strong></td> </tr> <tr> <td class="pt1"></td> </tr> <tr> <td class="timelineEvent__ico"><span class="baseIcon icoLocation"></span></td> <td colspan="5"><strong>${post['location']}</strong></td> </tr> <tr> <td></td> <td colspan="5">${post['address']}</td> </tr> </table> </div> <div class="timelineEvent__right"> <div class="eventCount" data-id="${post['id']}" data-date="${post['created_date']}" data-date_end="${post['date_end']}"> <div class="eventCount__col eventCount__num eventCount__days">${ is_countdown ? moment(diffDatetime).format('DD') : "00" }</div> <div class="eventCount__col eventCount__num eventCount__hours">${ is_countdown ? moment(diffDatetime).format('hh') : "00" }</div> <div class="eventCount__col eventCount__num eventCount__minutes">${ is_countdown ? moment(diffDatetime).format('mm') : "00" }</div> <div class="eventCount__col eventCount__num eventCount__seconds">${ is_countdown ? moment(diffDatetime).format('ss') : "00" }</div> </div> <div class="eventCount__title center-flex"> <span class="eventCount__col">Hari</span> <span class="eventCount__col">Jam</span> <span class="eventCount__col">Menit</span> <span class="eventCount__col">Detik</span> </div>`; if ((post['type'] == 'EVENTS')) { element_html += `<div class="timelineEvent__reg"><span class="baseIcon icoMember"></span><span class="totalMember">${post['count_member']}</span> Peserta Mendaftar</div> `; } element_html += `</div> </div> </div>`; } element_html += ` </div> </a> <ul class="timelineItem__cta ${ post['type'] == 'EVENTS' || post['type'] == 'COMPETITIONS' ? '-event' : '' }">`; if ((post['type'] == 'EVENTS') && is_countdown) { element_html += ` <li> <button class="buttonPrimary timelineEvent__cta joinEvent ${ post['joined_status']['is_joined'] ? 'hide' : '' }" onclick="joinEvent(this)" data-content_id="${post['id']}">Daftar</button> <button class="buttonPrimary timelineEvent__cta -active unjoinEvent ${ !post['joined_status']['is_joined'] ? 'hide' : '' }" onclick="unjoinEvent(this)" data-id="${post['joined_status']['id']}" disabled=disabled>Terdaftar</button> </li>`; } element_html += ` <li> <ul class="timelineItem__cta"> <li class="timelineLove"> <button class="button timelineButton__love center-flex ${post['like_status']? 'active': ''}"> <span class="baseIcon timelineItem__icon" onclick="updateLikeStatus(this, ${post['id']})" data-type="${post['type']}"></span> <span class="timelineLove__count">${post['count_like']}</span> </button> </li> <li class="timelineComment"> <button class="button timelineButton__love center-flex"> <span class="baseIcon timelineItem__icon" onclick="loadComment(this, ${post['id']}, 1)"></span> <span class="timelineComment__count">${post['count_discussion']}</span> </button> </li>`; element_html += ` <li class="timelineShare"> <button class="button timelineButton__share center-flex" onclick="trigShare(this)"> <span class="baseIcon timelineItem__icon"></span> </button> <div class="timelineShare__pop center-flex"> <div class="timelineShare__item"> <a href="javascript:void(0)" class="timelineShare__link timelineShare__wa" aria-label="Share to Whatsapp" onclick="waShare('${post["title"]}', '${post_url}', '${post["type"]}')"><span class="baseIcon icoWa"></span></a> </div> <div class="timelineShare__item"> <a href="javascript:void(0)" class="timelineShare__link timelineShare__fb" aria-label="Share to Facebook" onclick="fbShare('${post["title"]}', '${post_url}')"><span class="baseIcon icoFb"></span></a> </div> </div> </li>`; element_html += ` </ul> </li> </ul>`; element_html += `<div class="comment mt2">` if(login){ if(login_avatar){ element_html += `<div class="memberImg"> <img src="`+login_avatar+`?t=t&v=44" alt="Infinity Project" loading="lazy" width="44" height="44"> </div>` }else{ element_html += `<div class="memberAva">`+login_name+`</div>` } }else{ element_html += `<div class="memberImg"> <img src="https://assets.temu.id/kompasiana-grup/desktop/asset/images/member.png?t=t&v=44" alt="avatar" loading="lazy" width="44" height="44"> </div>` } element_html += `<div class="commentInput__wrap"> <form data-type="${post['type']}" onsubmit="addComment(this); return false;"> <input type="hidden" name="_token" value="sfzkPUPclaE07rYA5Ohr6rlmgTghxF97z0ZUf7Uf"> <input type="hidden" name="content_id" value="${post['id']}"> <input type="text" name="text" placeholder="Berikan Komentar..." class="formInput commentInput"> </form> </div> </div>`; element_html += ` <input type="hidden" name="show_before_id"> <div class="commentList">`; if (post['count_discussion'] > 0) { element_html += `<a href="javascript:void(0)" onclick="loadComment(this, ${post['id']}, 1)" class="commentMore mt2">Lihat ${post['count_discussion']} komentar <span></span></a>`; } element_html += `</div> </div>`; }); try { if (response.data.pagination.total_page > response.data.pagination.current_page) { element_html += `<button class="button buttonPrimary buttonFull timelineMore" data-next_page="${response.data.pagination.current_page+1}">Load More</button>`; } if (response.data.pagination.current_page == 1) { $('#timeline').html(element_html); } else { $('#timeline').append(element_html); } if ($('.timelineMore').length > 0) { $('.timelineMore').on('click', function () { getPosts(parseInt($(this).data('next_page'))); }); } } catch (error) {} eventCount(); } }); } function loadComment(e, content_id, page) { let showBeforeIdElement = $(e).closest('.timelineItem').find('input[name="show_before_id"]'); let show_before_id = showBeforeIdElement.val() ? showBeforeIdElement.val() : null; $.ajax({ type: "GET", url: "https://temu.kompasiana.com/group/infinityproject/discussion", dataType: "json", data: { content_id: content_id, page: page, show_before_id: show_before_id, }, beforeSend: function() { try { $(e).closest('.timelineItem').find('.timelineItem__icon').prop('onclick', null); $(e).closest('.timelineItem').find('.commentMore').addClass('hide'); $(e).closest('.timelineItem').find('.commentMore').addClass('deprecated'); } catch (error) {} }, success: function(response) { var element_html = ''; response['data']['list'].forEach(discussion => { element_html += ` <div class="commentItem">` if(discussion['user']['photo_url']){ element_html += `<div class="memberImg"><img src="${discussion['user']['photo_url']}?t=t&v=32" alt="" loading="lazy" width="32" height="32"></div>` }else{ element_html += `<div class="memberAva">${discussion['user']['name'][0]}</div>` } element_html += ` <div class="commentContent"> <div class="memberName"> <a href="#"> ${discussion['user']['name']} </a> </div> <div class="commentWrap"> <div class="commentTxt"> ${discussion['text']} </div> <div class="commentTimestamp">${moment(discussion['created_date'], "YYYY-MM-DD h:mm:ss").fromNow()}</div> </div>`; element_html += `<div class="commentCta -cCta"> <button class="button commentCta__btn replyButton"><span class="baseIcon commentRep"></span>Reply</button>`; if (0 || discussion['user']['id'] == 0) { element_html += ` <button class="button commentCta__btn" data-comment_id="${discussion['id']}" onclick="removeCommentAlert(this)"><span class="baseIcon commentDel"></span>Hapus</button>`; } element_html += `</div>`; element_html += `<div class="commentInput--reply"> <form onsubmit="addComment(this); return false;"> <input type="hidden" name="_token" value="sfzkPUPclaE07rYA5Ohr6rlmgTghxF97z0ZUf7Uf"> <input type="hidden" name="content_id" value="${content_id}"> <input type="hidden" name="parent_id" value="${discussion['id']}"> <input type="text" name="text" placeholder="Berikan Komentar..." class="formInput commentInput"> </form> </div>`; discussion['child'].forEach(child_discussion => { element_html += ` <!-- s: comment reply --> <div class="commentItem commentItem--reply">` if(child_discussion['user']['photo_url']){ element_html += `<div class="memberImg"> <img src="${child_discussion['user']['photo_url']}?t=t&v=32" alt="" loading="lazy" width="32" height="32"> </div>` }else{ element_html += `<div class="memberAva">${child_discussion['user']['name'][0]}</div>` } element_html += `<div class="commentContent"> <div class="memberName"> <a href="#"> ${child_discussion['user']['name']} </a> </div> <div class="commentWrap"> <div class="commentTxt"> ${child_discussion['text']} </div> <div class="commentTimestamp">${moment(child_discussion['created_date'], "YYYY-MM-DD h:mm:ss").fromNow()}</div> </div> <div class="commentCta">`; if (0 || child_discussion['user']['id'] == 0) { element_html += ` <button class="button commentCta__btn" data-comment_id="${child_discussion['id']}" onclick="removeCommentAlert(this)"><span class="baseIcon commentDel"></span>Hapus</button>`; } element_html +=` </div> </div> </div> <!-- e: comment reply -->`; }); element_html += ` </div> </div>`; }); $(e).closest('.timelineItem').find('.commentList').append(element_html); if (response['data']['pagination']['current_page'] < response['data']['pagination']['total_page']) { element_html = `<a href="javascript:void(0)" onclick="loadComment(this, ${content_id}, ${response['data']['pagination']['current_page']+1})" class="commentMore mt2">Lihat ${response['data']['pagination']['total_rows'] - (response['data']['pagination']['current_page'] * response['data']['pagination']['limit'])} komentar lain <span></span></a>`; $(e).closest('.timelineItem').find('.commentList').append(element_html); } $(e).closest('.timelineItem').find('.deprecated').remove(); } }); } function replyToggle(classname="replyButton") { $('body').on('click',`.${classname}`, function (e) { component = $(this).closest('.commentContent').find('.commentInput--reply'); $(this).closest('.commentContent').find('.commentInput--reply').toggleClass('active'); }); } function addComment(e) { if (!checkjoinGrup()) { joinGroupAlert(e, `Silakan bergabung grup ini untuk <br> mengomentari ${$(e).data('type')=='EVENTS' || $(e).data('type')=='COMPETITIONS'?'Event':'Artikel'} ini`); return; } var formData = new FormData($(e)[0]); let content_id = formData.get('content_id'); $.ajax({ type: "POST", url: 'https://temu.kompasiana.com/group/2512/discussion', contentType: false, processData: false, data: formData, dataType: "JSON", beforeSend: function () { $(e).find('.commentInput').first().val(''); }, success: function (response) { discussion = response.data; element_html = ` <div class="commentItem commentItem${$(e).closest('.commentContent').length == 0 ? '' : '--reply'}"> ` if(discussion.user.photo_url){ element_html += `<div class="memberImg"> <img src="${discussion.user.photo_url}?t=t&v=32" alt="" loading="lazy" width="32" height="32"> </div>` }else{ element_html += `<div class="memberAva">${discussion.user.name[0]}</div>` } element_html += `<div class="commentContent"> <div class="memberName"> <a href="#"> ${discussion.user.name} </a> </div> <div class="commentWrap"> <div class="commentTxt"> ${discussion.text} </div> <div class="commentTimestamp">${moment(discussion.created_date, "YYYY-MM-DD h:mm:ss").fromNow()}</div> </div> <div class="commentCta">`; if ($(e).closest('.commentContent').length == 0) { element_html += `<button class="button commentCta__btn replyButton"><span class="baseIcon commentRep"></span>Reply</button>`; } element_html += `<button class="button commentCta__btn" data-comment_id="${discussion['id']}" onclick="removeCommentAlert(this)"><span class="baseIcon commentDel"></span>Hapus</button> </div>`; element_html += `<div class="commentInput--reply"> <form onsubmit="addComment(this); return false;"> <input type="hidden" name="_token" value="sfzkPUPclaE07rYA5Ohr6rlmgTghxF97z0ZUf7Uf"> <input type="hidden" name="content_id" value="${content_id}"> <input type="hidden" name="parent_id" value="${discussion.id}"> <input type="text" name="text" placeholder="Berikan Komentar..." class="formInput commentInput"> </form> </div>`; element_html += ` </div> </div>`; if ($(e).closest('.commentContent').length > 0) { $(e).closest('.commentContent').append(element_html); } else { $(e).closest('.timelineItem').find('.commentList').prepend(element_html); } let chatCount = $(e).closest('.timelineItem').find('.timelineComment__count'); let chatIcon = $(e).closest('.timelineItem').find('.timelineItem__icon'); let showBeforeIdElement = $(e).closest('.timelineItem').find('input[name="show_before_id"]'); chatCount.html(parseInt(chatCount.html())+1); if (showBeforeIdElement.val() == '') { showBeforeIdElement.val(discussion.id); } }, error: function (response) { return false; }, }); } function removeCommentAlert(e) { let id = $(e).data('comment_id'); showAlert({ compo: 'writeAlert', msg: 'Apakah kamu yakin untuk menghapus komentar ini?', ok: 'Hapus', func: `removeComment(`+ id +`)`, cancel: 'Batal', cancelFunc: `dismissAlert()` }); } function removeComment(id) { let e = `[data-comment_id=${id}]`; var formData = new FormData(); formData.append('comment_id', $(e).data('comment_id')); $.ajax({ type: "POST", url: 'https://temu.kompasiana.com/group/infinityproject/remove_discussion', contentType: false, processData: false, data: formData, dataType: "JSON", success: function () { let chatCount = $(e).closest('.timelineItem').find('.timelineComment__count'); chatCount.html(parseInt(chatCount.html())-1); $(e).closest('.commentItem').remove(); }, complete: function () { dismissAlert(); } }); } function joinEventToggle(e) { if ($('.joinEvent', e).hasClass('hide')) { $('.joinEvent', e).removeClass('hide'); } else { $('.joinEvent', e).addClass('hide'); } if ($('.unjoinEvent', e).hasClass('hide')) { $('.unjoinEvent', e).removeClass('hide'); } else { $('.unjoinEvent', e).addClass('hide'); } } function joinEvent(e) { if (!checkjoinGrup()) { joinGroupAlert(e, `Silakan bergabung grup ini untuk <br> mengikuti Event ini`); return; } checkLogin(); var formData = new FormData(); formData.append('id', $(e).data('content_id')); $.ajax({ type: "POST", url: "https://temu.kompasiana.com/infinityproject/join_event", contentType: false, processData: false, data: formData, dataType: "JSON", success: function (response) { joinEventToggle($(e).parent()); $('.unjoinEvent').attr('data-id', response.data.id); memberCount = $(e).closest('.timelineItem').find('.totalMember'); if (/^\d+$/.test(memberCount.html())) { memberCount.html(parseInt(memberCount.html())+1) } }, error: function (response) { return false; }, }); } function unjoinEvent(e) { var formData = new FormData(); formData.append('post_member_id', $(e).data('id')); $(e).prop('disabled', true); $.ajax({ type: "POST", url: "https://temu.kompasiana.com/infinityproject/unjoin_event", contentType: false, processData: false, data: formData, dataType: "JSON", success: function () { joinEventToggle($(e).parent()); memberCount = $(e).closest('.timelineItem').find('.totalMember'); if (/^\d+$/.test(memberCount.html())) { memberCount.html(parseInt(memberCount.html())-1) } }, error: function (response) { return false; }, }); } function fbShare(title,url) { window.open('http://www.facebook.com/sharer.php?u='+encodeURIComponent(url)+'&t='+encodeURIComponent(title),'sharer','toolbar=0,status=0,width=626,height=436');return false; } function waShare(title,url,type) { if(type=="EVENTS" || type=="COMPETITIONS"){ title = 'Yuk, ikutan Event #*' + title + '*! Daftar segera dan ikuti keseruannya'; } window.open('https://api.whatsapp.com/send?text='+encodeURIComponent(title)+'%0a %0a'+encodeURIComponent(url),'sharer','toolbar=0,status=0,width=626,height=436');return false; } </script> </body> </html>