PageSourceSearch

https://arcletcopier.com/

html arcletcopier.com collected 2026-10-02 00:27:27 UTC 67,215 bytes, 90 lines download raw bytes

1<!DOCTYPE html><html lang="en"> <head><meta charset="UTF-8"><meta name="description" content="Copy URLs the way they should be—clean, smart, and effortless. No tracking clutter, no manual work. Just elegant URL management for modern workflows."><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta name="keywords" content="Chrome extension,URL copy,browser plugin,custom templates,batch copy,short URL,QR code,parameter cleaning"><meta name="author" content="rokcso"><meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1"><meta name="googlebot" content="index, follow, max-video-preview:-1, max-image-preview:large, max-snippet:-1"><meta name="theme-color" content="#16a34a"><meta name="msapplication-TileColor" content="#16a34a"><meta name="application-name" content="Arclet Copier"><!-- Open Graph / Facebook --><meta property="og:type" content="website"><meta property="og:url" content="https://arcletcopier.com/"><meta property="og:title" content="Arclet Copier - URL Copying Reimagined"><meta property="og:description" content="Copy URLs the way they should be—clean, smart, and effortless. No tracking clutter, no manual work. Just elegant URL management for modern workflows."><meta property="og:image" content="https://arcletcopier.com/img/preview/en/home-1-en.webp"><!-- Twitter --><meta property="twitter:card" content="summary_large_image"><meta property="twitter:site" content="@rokcso"><meta property="twitter:creator" content="@rokcso"><meta property="twitter:url" content="https://arcletcopier.com/"><meta property="twitter:title" content="Arclet Copier - URL Copying Reimagined"><meta property="twitter:description" content="Copy URLs the way they should be—clean, smart, and effortless. No tracking clutter, no manual work. Just elegant URL management for modern workflows."><meta property="twitter:image" content="https://arcletcopier.com/img/preview/en/home-1-en.webp"><meta property="twitter:image:alt" content="Arclet Copier - URL Copying Reimagined - Interface Preview"><!-- Favicons --><!-- Modern SVG favicon for browsers that support it --><link rel="icon" href="/favicon.svg" type="image/svg+xml"><!-- PNG fallback for browsers that don't support SVG favicons --><link rel="icon" href="/favicon.png" type="image/png"><!-- ICO fallback for older browsers --><link rel="icon" href="/favicon.ico" type="image/x-icon"><!-- Specific sizes for different use cases --><link rel="icon" type="image/png" sizes="16x16" href="/img/icon16.png"><link rel="icon" type="image/png" sizes="32x32" href="/img/icon32.png"><!-- Apple touch icon for iOS --><link rel="apple-touch-icon" sizes="180x180" href="/img/icon256.png"><!-- Microsoft application tiles --><meta name="msapplication-TileImage" content="/img/icon256.png"><!-- Preload critical resources --><link rel="preload" href="/img/logo.webp" as="image" type="image/webp"><link rel="preload" href="/img/icon256.png" as="image" type="image/png"><!-- Fonts - Optimized for performance --><link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Playfair+Display:wght@400;500;600&display=swap" rel="preload" as="style" onload="this.onload=null;this.rel='stylesheet'"><noscript><link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Playfair+Display:wght@400;500;600&display=swap" rel="stylesheet"></noscript><!-- Canonical URL --><link rel="canonical" href="https://arcletcopier.com/"><!-- Language alternates --><link rel="alternate" hreflang="en" href="https://arcletcopier.com/"><link rel="alternate" hreflang="zh" href="https://arcletcopier.com/zh"><link rel="alternate" hreflang="zh-tw" href="https://arcletcopier.com/zh-tw"><link rel="alternate" hreflang="de" href="https://arcletcopier.com/de"><link rel="alternate" hreflang="fr" href="https://arcletcopier.com/fr"><link rel="alternate" hreflang="pt" href="https://arcletcopier.com/pt"><link rel="alternate" hreflang="ru" href="https://arcletcopier.com/ru"><link rel="alternate" hreflang="ko" href="https://arcletcopier.com/ko"><link rel="alternate" hreflang="ja" href="https://arcletcopier.com/ja"><link rel="alternate" hreflang="es" href="https://arcletcopier.com/es"><link rel="alternate" hreflang="x-default" href="https://arcletcopier.com/"><title>Arclet Copier - URL Copying Reimagined</title><!-- Enhanced Structured Data -->
1<script type="application/ld+json">{"@context":"https://schema.org","@type":"SoftwareApplication","name":"Arclet Copier","description":"Copy URLs the way they should be—clean, smart, and effortless. No tracking clutter, no manual work. Just elegant URL management for modern workflows.","applicationCategory":"BrowserApplication","operatingSystem":"Chrome","url":"https://arcletcopier.com/","downloadUrl":"https://chromewebstore.google.com/detail/mkflehheaokdfopijachhfdbofkppdil","softwareVersion":"1.6.0","releaseNotes":"Latest version with custom template system, batch copying, and enhanced UI","aggregateRating":{"@type":"AggregateRating","ratingValue":"4.8","ratingCount":"50"},"offers":{"@type":"Offer","price":"0","priceCurrency":"USD","availability":"https://schema.org/InStock"},"author":{"@type":"Person","name":"rokcso","url":"https://github.com/rokcso"},"publisher":{"@type":"Organization","name":"rokcso","url":"https://github.com/rokcso"},"screenshot":["https://arcletcopier.com/img/popup.webp","https://arcletcopier.com/img/options.webp"],"featureList":["One-click URL copying","Smart parameter cleaning with 3 modes","Custom template system with variables","Batch copying with filters","Short URL generation (is.gd, TinyURL)","QR code generation and copying","Modern Arc-style theme system","Multi-language support (9 languages)","Hotkey and right-click menu support"],"keywords":"Chrome extension,URL copy,browser plugin,custom templates,batch copy,short URL,QR code,parameter cleaning"}</script>
1<!-- Organization Schema -->
1<script type="application/ld+json">{"@context":"https://schema.org","@type":"Organization","name":"Arclet Copier","url":"https://arcletcopier.com","logo":"https://arcletcopier.com/img/logo.webp","sameAs":["https://github.com/rokcso/arclet-copier","https://chromewebstore.google.com/detail/mkflehheaokdfopijachhfdbofkppdil"],"contactPoint":{"@type":"ContactPoint","contactType":"customer service","url":"https://github.com/rokcso/arclet-copier/issues"}}</script>
1<!-- Website Schema -->
1<script type="application/ld+json">{"@context":"https://schema.org","@type":"WebSite","name":"Arclet Copier","url":"https://arcletcopier.com","description":"Copy URLs the way they should be—clean, smart, and effortless. No tracking clutter, no manual work. Just elegant URL management for modern workflows.","inLanguage":["en"],"potentialAction":{"@type":"SearchAction","target":"https://arcletcopier.com/?q={search_term_string}","query-input":"required name=search_term_string"}}</script>
1<!-- Umami Analytics -->
1<script defer src="https://umami.coryso.com/script.js" data-website-id="25459ea6-809b-4bb9-b891-36a81faa09ae"></script>
1<link rel="stylesheet" href="/_astro/index.xpw0pMNF.css">
2<style>.screenshot-container[data-astro-cid-hlpinaev]{cursor:pointer}.screenshot-modal[data-astro-cid-hlpinaev]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000e6;display:flex;align-items:center;justify-content:center;z-index:9999;opacity:0;visibility:hidden;transition:all .3s ease;padding:2rem}.screenshot-modal[data-astro-cid-hlpinaev].active{opacity:1;visibility:visible}.screenshot-modal-content[data-astro-cid-hlpinaev]{position:relative;max-width:90vw;max-height:90vh;background:#fff;border-radius:1rem;overflow:hidden;box-shadow:0 20px 60px #0000004d;transform:scale(.8);transition:transform .3s ease}.screenshot-modal[data-astro-cid-hlpinaev].active .screenshot-modal-content[data-astro-cid-hlpinaev]{transform:scale(1)}.screenshot-modal-image[data-astro-cid-hlpinaev]{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;display:block}.screenshot-modal-close[data-astro-cid-hlpinaev]{position:absolute;top:1rem;right:1rem;width:2.5rem;height:2.5rem;background:#000000b3;color:#fff;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s ease;z-index:10}.screenshot-modal-close[data-astro-cid-hlpinaev]:hover{background:#000000e6}.screenshot-modal-info[data-astro-cid-hlpinaev]{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000c);color:#fff;padding:2rem 1.5rem 1.5rem;text-align:center}.faq-content[data-astro-cid-al2ca2vr].open{max-height:none!important}.faq-toggle[data-astro-cid-al2ca2vr]:focus{outline:none}.faq-toggle[data-astro-cid-al2ca2vr]:focus-visible{outline:2px solid #16a34a;outline-offset:2px}.faq-icon[data-astro-cid-al2ca2vr]{transition:transform .2s ease-in-out}.faq-toggle[data-astro-cid-al2ca2vr]{border:none;background:none}.faq-content[data-astro-cid-al2ca2vr]{border:none;outline:none}
3main[data-astro-cid-j7pv25f6]{padding-top:0}html{scroll-behavior:smooth}section[data-astro-cid-j7pv25f6][id]{scroll-margin-top:100px}
4</style></head> </html> <body class="bg-white text-secondary-800 font-sans">  <div id="announcement-banner" class="fixed top-0 left-0 right-0 z-[60] bg-primary-600 text-white py-2.5 px-4"> <div class="max-w-6xl mx-auto flex items-center justify-center gap-2 text-sm"> <span class="font-semibold">New:</span> <span>
5Introducing <a href="https://shipstry.com/" target="_blank" rel="noopener noreferrer" class="underline hover:no-underline font-medium">Shipstry</a> — a product ship registry for makers and early adopters.
6</span> <a href="https://shipstry.com/" target="_blank" rel="noopener noreferrer" class="ml-2 inline-flex items-center gap-1 px-3 py-1 bg-white/20 hover:bg-white/30 rounded-full text-xs font-medium transition-colors">
7Check it out
8<svg class="w-3 h-3" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"></path> </svg> </a> </div> <button id="close-announcement" class="absolute right-4 top-1/2 -translate-y-1/2 p-1 hover:bg-white/20 rounded transition-colors" aria-label="Close announcement"> <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path> </svg> </button> </div> 
8<script type="module">const t=document.getElementById("announcement-banner"),o=document.getElementById("close-announcement"),n=document.getElementById("main-header"),e=s=>{n&&(n.style.top=s?"44px":"0")};sessionStorage.getItem("announcement-closed")?(t?.remove(),e(!1)):e(!0);o?.addEventListener("click",()=>{t?.classList.add("hidden"),sessionStorage.setItem("announcement-closed","true"),e(!1)});</script>
8 <header id="main-header" class="fixed top-0 left-0 right-0 z-50 bg-white/80 backdrop-blur-sm border-b border-secondary-200 transition-all duration-300" data-astro-cid-3ef6ksr2> <div class="max-w-6xl mx-auto px-6 py-4" data-astro-cid-3ef6ksr2> <nav class="flex items-center justify-between" data-astro-cid-3ef6ksr2> <!-- Logo --> <a href="/" class="flex items-center space-x-3 hover:opacity-80" data-astro-cid-3ef6ksr2> <img src="/img/logo.webp" alt="Arclet Copier" class="w-8 h-8 transition-transform duration-500 logo-rotate" data-astro-cid-3ef6ksr2> <span class="font-serif font-semibold text-xl text-secondary-900" data-astro-cid-3ef6ksr2>Arclet Copier</span> </a> <!-- Right Side: Navigation Links & Language Switcher --> <div class="flex items-center space-x-6" data-astro-cid-3ef6ksr2> <!-- Navigation Links --> <div class="hidden md:flex items-center space-x-6" data-astro-cid-3ef6ksr2> <a href="/#features" class="text-secondary-600 font-medium hover:text-primary-600" data-astro-cid-3ef6ksr2> Features </a> <a href="/#download" class="text-secondary-600 font-medium hover:text-primary-600" data-astro-cid-3ef6ksr2> Download </a> <a href="/#faq" class="text-secondary-600 font-medium hover:text-primary-600" data-astro-cid-3ef6ksr2> FAQ </a> </div> <!-- Language Dropdown --> <div class="language-dropdown" data-astro-cid-3ef6ksr2> <button class="flex items-center space-x-2 px-3 py-2 bg-secondary-100 rounded-lg text-sm font-medium text-secondary-700 hover:bg-secondary-200" id="language-toggle" data-astro-cid-3ef6ksr2> <span class="flag" data-astro-cid-3ef6ksr2>🇺🇸</span> <span data-astro-cid-3ef6ksr2>English</span> <svg class="w-4 h-4 transition-transform duration-200" fill="none" stroke="currentColor" viewBox="0 0 24 24" data-astro-cid-3ef6ksr2> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" data-astro-cid-3ef6ksr2></path> </svg> </button> <div class="language-dropdown-menu" data-astro-cid-3ef6ksr2> <a href="/" class="language-option active" data-astro-cid-3ef6ksr2> <span class="flag" data-astro-cid-3ef6ksr2>🇺🇸</span> <span data-astro-cid-3ef6ksr2>English</span> </a><a href="/zh" class="language-option " data-astro-cid-3ef6ksr2> <span class="flag" data-astro-cid-3ef6ksr2>🇨🇳</span> <span data-astro-cid-3ef6ksr2>简体中文</span> </a><a href="/zh-tw" class="language-option " data-astro-cid-3ef6ksr2> <span class="flag" data-astro-cid-3ef6ksr2>🇨🇳</span> <span data-astro-cid-3ef6ksr2>繁體中文</span> </a><a href="/es" class="language-option " data-astro-cid-3ef6ksr2> <span class="flag" data-astro-cid-3ef6ksr2>🇪🇸</span> <span data-astro-cid-3ef6ksr2>Español</span> </a><a href="/ja" class="language-option " data-astro-cid-3ef6ksr2> <span class="flag" data-astro-cid-3ef6ksr2>🇯🇵</span> <span data-astro-cid-3ef6ksr2>日本語</span> </a><a href="/de" class="language-option " data-astro-cid-3ef6ksr2> <span class="flag" data-astro-cid-3ef6ksr2>🇩🇪</span> <span data-astro-cid-3ef6ksr2>Deutsch</span> </a><a href="/fr" class="language-option " data-astro-cid-3ef6ksr2> <span class="flag" data-astro-cid-3ef6ksr2>🇫🇷</span> <span data-astro-cid-3ef6ksr2>Français</span> </a><a href="/pt" class="language-option " data-astro-cid-3ef6ksr2> <span class="flag" data-astro-cid-3ef6ksr2>🇵🇹</span> <span data-astro-cid-3ef6ksr2>Português</span> </a><a href="/ru" class="language-option " data-astro-cid-3ef6ksr2> <span class="flag" data-astro-cid-3ef6ksr2>🇷🇺</span> <span data-astro-cid-3ef6ksr2>Русский</span> </a><a href="/ko" class="language-option " data-astro-cid-3ef6ksr2> <span class="flag" data-astro-cid-3ef6ksr2>🇰🇷</span> <span data-astro-cid-3ef6ksr2>한국어</span> </a> </div> </div> <!-- Mobile Menu Button --> <button class="md:hidden p-2 text-secondary-600 hover:text-secondary-800" id="mobile-menu-btn" data-astro-cid-3ef6ksr2> <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24" data-astro-cid-3ef6ksr2> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" data-astro-cid-3ef6ksr2></path> </svg> </button> </div> </nav> <!-- Mobile Menu --> <div class="md:hidden mt-4 pb-4 border-t border-secondary-200 hidden" id="mobile-menu" data-astro-cid-3ef6ksr2> <div class="flex flex-col space-y-3 pt-4" data-astro-cid-3ef6ksr2> <a href="/#features" class="text-secondary-600 font-medium" data-astro-cid-3ef6ksr2> Features </a> <a href="/#download" class="text-secondary-600 font-medium" data-astro-cid-3ef6ksr2> Download </a> <a href="/#faq" class="text-secondary-600 font-medium" data-astro-cid-3ef6ksr2> FAQ </a> </div> </div> </div> </header> 
8<script type="module">document.addEventListener("DOMContentLoaded",()=>{const n=document.getElementById("mobile-menu-btn"),o=document.getElementById("mobile-menu"),d=document.getElementById("language-toggle"),e=document.querySelector(".language-dropdown");n?.addEventListener("click",()=>{o?.classList.toggle("hidden")}),d?.addEventListener("click",()=>{e?.classList.toggle("active")}),document.addEventListener("click",t=>{e?.contains(t.target)||e?.classList.remove("active")}),document.addEventListener("keydown",t=>{t.key==="Escape"&&e?.classList.remove("active")})});</script>
8 <main data-astro-cid-j7pv25f6> <section class="pt-32 pb-20 bg-gradient-to-b from-secondary-50 to-white"> <div class="max-w-6xl mx-auto px-6"> <div class="text-center"> <!-- Title --> <h1 class="text-4xl md:text-5xl font-serif font-bold text-secondary-900 mb-6 leading-tight"> URLs Should Be Clean <br> <span class="text-primary-600">No tracking. No clutter. Just the link you meant to share.</span> </h1> <!-- Description --> <p class="text-lg md:text-xl text-secondary-600 mb-10 max-w-4xl mx-auto"> Great tools don&#39;t make you think—they quietly solve problems. Smart filtering removes the noise. Batch processing saves your time. Every URL, perfectly clean. </p> <!-- CTA Buttons - Dual CTA Strategy --> <div class="flex flex-col sm:flex-row items-center justify-center gap-4 mb-8"> <!-- Primary CTA --> <a href="#" id="hero-download-btn" data-text-chrome="Install Free Extension" data-text-edge="Install Free Extension" class="inline-flex items-center gap-3 px-8 py-4 bg-primary-600 text-white text-lg font-semibold rounded-xl hover:bg-primary-700 transition-all duration-300 hover:shadow-lg hover:shadow-primary-600/30 w-full sm:w-auto justify-center" target="_blank"> <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-label="Download icon"> <path d="M12 0C5.373 0 0 5.373 0 12s5.373 12 12 12 12-5.373 12-12S18.627 0 12 0zm-.84 4.67h1.68v8.36h3.62L12 17.75l-4.46-4.72h3.62V4.67z"></path> </svg> <span id="hero-download-text">Install Free Extension</span> </a> <!-- Secondary CTA --> <a href="#screenshots" class="inline-flex items-center gap-3 px-8 py-4 bg-white text-primary-600 text-lg font-semibold rounded-xl border-2 border-primary-600 hover:bg-primary-50 transition-all duration-300 w-full sm:w-auto justify-center"> <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-label="Screenshots icon"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 16l4.586-4.586a2 2 0 012.828 0L16 16m-2-2l1.586-1.586a2 2 0 012.828 0L20 14m-6-6h.01M6 20h12a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v12a2 2 0 002 2z"></path> </svg> <span>See Screenshots</span> </a> </div> <!-- Feature Tags --> <div class="flex flex-wrap md:flex-nowrap items-center justify-center gap-3 max-w-3xl mx-auto"> <span class="inline-flex items-center gap-2 px-4 py-2 bg-white border border-secondary-200 rounded-full text-sm font-medium text-secondary-700 shadow-sm"> <svg class="w-4 h-4 text-primary-600" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-label="Lightning fast icon"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 10V3L4 14h7v7l9-11h-7z"></path> </svg> Lightning Fast </span> <span class="inline-flex items-center gap-2 px-4 py-2 bg-white border border-secondary-200 rounded-full text-sm font-medium text-secondary-700 shadow-sm"> <svg class="w-4 h-4 text-primary-600" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-label="Privacy first icon"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z"></path> </svg> Privacy First </span> <span class="inline-flex items-center gap-2 px-4 py-2 bg-white border border-secondary-200 rounded-full text-sm font-medium text-secondary-700 shadow-sm"> <svg class="w-4 h-4 text-primary-600" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-label="Custom formats icon"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M11 5H6a2 2 0 00-2 2v11a2 2 0 002 2h11a2 2 0 002-2v-5m-1.414-9.414a2 2 0 112.828 2.828L11.828 15H9v-2.828l8.586-8.586z"></path> </svg> Custom Formats </span> <span class="inline-flex items-center gap-2 px-4 py-2 bg-white border border-secondary-200 rounded-full text-sm font-medium text-secondary-700 shadow-sm"> <svg class="w-4 h-4 text-primary-600" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-label="Free and open source icon"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"></path> </svg> Free &amp; Open Source </span> </div> <!-- Trust Elements --> <div class="mt-8 pt-6 border-t border-secondary-200/50 max-w-2xl mx-auto"> <div class="flex flex-wrap items-center justify-center gap-4 md:gap-6 text-xs md:text-sm text-secondary-500"> <div class="flex items-center gap-1.5"> <svg class="w-4 h-4 text-green-600" fill="currentColor" viewBox="0 0 20 20" aria-label="Verified icon"> <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path> </svg> <span id="hero-trust-verified" data-text-chrome="Verified on Chrome Web Store" data-text-edge="Verified on Edge Add-ons">Verified on Chrome Web Store</span> </div> <div class="flex items-center gap-1.5"> <svg class="w-4 h-4 text-green-600" fill="currentColor" viewBox="0 0 20 20" aria-label="Open source icon"> <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path> </svg> <span>Open Source on GitHub</span> </div> <div class="flex items-center gap-1.5"> <svg class="w-4 h-4 text-yellow-500" fill="currentColor" viewBox="0 0 20 20" aria-label="Rating icon"> <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path> </svg> <span>Privacy-Focused &amp; Ad-Free</span> </div> </div> </div> </div> </div> </section> 
8<script>(function(){const lang = "en";
9
10  document.addEventListener('DOMContentLoaded', () => {
11    const heroDownloadBtn = document.getElementById('hero-download-btn');
12    const heroDownloadText = document.getElementById('hero-download-text');
13    const heroTrustVerified = document.getElementById('hero-trust-verified');
14
15    // Detect browser
16    const userAgent = navigator.userAgent.toLowerCase();
17    const isEdge = userAgent.includes('edg/');
18    const isChrome = userAgent.includes('chrome') && !isEdge;
19
20    // Smart download button - detect browser and set correct download link
21    if (heroDownloadBtn && heroDownloadText) {
22      if (isEdge) {
23        // Microsoft Edge - redirect to Edge Add-ons
24        heroDownloadBtn.href =
25          'https://microsoftedge.microsoft.com/addons/detail/flcemgbijffbmbgcmabmmjhankbegdgm';
26        // Update button text for Edge
27        const edgeText = heroDownloadBtn.getAttribute('data-text-edge');
28        if (edgeText) {
29          heroDownloadText.textContent = edgeText;
30        }
31        heroDownloadBtn.addEventListener('click', () => {
32          if (typeof umami !== 'undefined') {
33            umami.track('download_click', { store: 'edge', language: lang, source: 'hero' });
34          }
35        });
36      } else {
37        // Chrome and all other browsers (default to Chrome Web Store)
38        heroDownloadBtn.href =
39          'https://chromewebstore.google.com/detail/mkflehheaokdfopijachhfdbofkppdil';
40        // Button text already set to Chrome by default
41        heroDownloadBtn.addEventListener('click', () => {
42          if (typeof umami !== 'undefined') {
43            const storeType = isChrome ? 'chrome' : 'other';
44            umami.track('download_click', { store: storeType, language: lang, source: 'hero' });
45          }
46        });
47      }
48    }
49
50    // Update trust verified text based on browser
51    if (heroTrustVerified) {
52      if (isEdge) {
53        const edgeTrustText = heroTrustVerified.getAttribute('data-text-edge');
54        if (edgeTrustText) {
55          heroTrustVerified.textContent = edgeTrustText;
56        }
57      }
58      // Default is Chrome, already set in HTML
59    }
60  });
61})();</script>
61 <section id="screenshots" class="py-20 bg-white" data-astro-cid-hlpinaev> <div class="max-w-6xl mx-auto px-6" data-astro-cid-hlpinaev> <!-- Section Header --> <div class="text-center mb-16" data-astro-cid-hlpinaev> <h2 class="text-4xl md:text-5xl font-serif font-semibold text-secondary-900 mb-4" data-astro-cid-hlpinaev> See for Yourself </h2> </div> <!-- Screenshots Grid --> <div class="grid grid-cols-1 md:grid-cols-2 gap-8" data-astro-cid-hlpinaev> <!-- Screenshot 1 --> <div class="space-y-4" data-astro-cid-hlpinaev> <div class="bg-white rounded-2xl p-4 shadow-soft-lg screenshot-container relative" data-screenshot="1" data-astro-cid-hlpinaev> <img src="/img/preview/en/home-1-en.webp" alt="Main Interface - Arclet Copier Extension" class="w-full rounded-xl shadow-soft" loading="lazy" decoding="async" data-astro-cid-hlpinaev> </div> <div class="text-center" data-astro-cid-hlpinaev> <h3 class="text-lg font-semibold text-secondary-900 mb-2" data-astro-cid-hlpinaev> Main Interface </h3> <p class="text-secondary-600 text-sm" data-astro-cid-hlpinaev> Clean, obvious, ready. Everything you need, nothing you don&#39;t. </p> </div> </div> <!-- Screenshot 2 --> <div class="space-y-4" data-astro-cid-hlpinaev> <div class="bg-white rounded-2xl p-4 shadow-soft-lg screenshot-container relative" data-screenshot="2" data-astro-cid-hlpinaev> <img src="/img/preview/en/home-2-en.webp" alt="Batch Operations - Arclet Copier Extension" class="w-full rounded-xl shadow-soft" loading="lazy" decoding="async" data-astro-cid-hlpinaev> </div> <div class="text-center" data-astro-cid-hlpinaev> <h3 class="text-lg font-semibold text-secondary-900 mb-2" data-astro-cid-hlpinaev> Batch Operations </h3> <p class="text-secondary-600 text-sm" data-astro-cid-hlpinaev> Handle multiple URLs at once. Because repetitive work shouldn&#39;t feel repetitive. </p> </div> </div> <!-- Screenshot 3 --> <div class="space-y-4" data-astro-cid-hlpinaev> <div class="bg-white rounded-2xl p-4 shadow-soft-lg screenshot-container relative" data-screenshot="3" data-astro-cid-hlpinaev> <img src="/img/preview/en/home-3-en.webp" alt="Settings That Matter - Arclet Copier Extension" class="w-full rounded-xl shadow-soft" loading="lazy" decoding="async" data-astro-cid-hlpinaev> </div> <div class="text-center" data-astro-cid-hlpinaev> <h3 class="text-lg font-semibold text-secondary-900 mb-2" data-astro-cid-hlpinaev> Settings That Matter </h3> <p class="text-secondary-600 text-sm" data-astro-cid-hlpinaev> Customize short links, themes, languages. Make it yours without overthinking. </p> </div> </div> <!-- Screenshot 4 --> <div class="space-y-4" data-astro-cid-hlpinaev> <div class="bg-white rounded-2xl p-4 shadow-soft-lg screenshot-container relative" data-screenshot="4" data-astro-cid-hlpinaev> <img src="/img/preview/en/home-4-en.webp" alt="Templates &#38; Rules - Arclet Copier Extension" class="w-full rounded-xl shadow-soft" loading="lazy" decoding="async" data-astro-cid-hlpinaev> </div> <div class="text-center" data-astro-cid-hlpinaev> <h3 class="text-lg font-semibold text-secondary-900 mb-2" data-astro-cid-hlpinaev> Templates &amp; Rules </h3> <p class="text-secondary-600 text-sm" data-astro-cid-hlpinaev> Build your perfect URL format. Set your filtering rules. Then forget about them. </p> </div> </div> </div> </div> </section> <!-- Screenshot Modal --> <div class="screenshot-modal" id="screenshot-modal" data-astro-cid-hlpinaev> <div class="screenshot-modal-content" data-astro-cid-hlpinaev> <button class="screenshot-modal-close" id="modal-close" aria-label="Close screenshot modal" data-astro-cid-hlpinaev> <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true" data-astro-cid-hlpinaev> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" data-astro-cid-hlpinaev></path> </svg> </button> <img class="screenshot-modal-image" id="modal-image" src="" alt="" data-astro-cid-hlpinaev> <div class="screenshot-modal-info" data-astro-cid-hlpinaev> <h3 id="modal-title" class="text-xl font-semibold mb-2" data-astro-cid-hlpinaev></h3> <p id="modal-description" class="text-sm opacity-90" data-astro-cid-hlpinaev></p> </div> </div> </div> 
61<script type="module">document.addEventListener("DOMContentLoaded",()=>{const s=document.getElementById("screenshot-modal"),n=document.getElementById("modal-image"),r=document.getElementById("modal-title"),i=document.getElementById("modal-description"),a=document.getElementById("modal-close"),u=document.querySelectorAll(".screenshot-container"),h={1:{titleKey:"screenshots.home1",descKey:"screenshots.home1_desc"},2:{titleKey:"screenshots.home2",descKey:"screenshots.home2_desc"},3:{titleKey:"screenshots.home3",descKey:"screenshots.home3_desc"},4:{titleKey:"screenshots.home4",descKey:"screenshots.home4_desc"}},m=document.documentElement.lang||"en",c=e=>{const t=document.querySelector(`[data-translation="${e}"]`);if(t)return t.textContent?.trim()||"";const o=e.includes("home1")?"1":e.includes("home2")?"2":e.includes("home3")?"3":"4";return e.includes("_desc")?document.querySelector(`[data-screenshot="${o}"]`)?.closest(".space-y-4")?.querySelector("p")?.textContent.trim()||"":document.querySelector(`[data-screenshot="${o}"]`)?.closest(".space-y-4")?.querySelector("h3")?.textContent.trim()||""},y=e=>{const t=h[e];if(!t)return;const o=`/img/preview/${m}/home-${e}-${m}.webp`,l=`${c(t.titleKey)} - Arclet Copier Extension`;n&&(n.src=o,n.alt=l),r&&(r.textContent=c(t.titleKey)),i&&(i.textContent=c(t.descKey)),s?.classList.add("active"),document.body.style.overflow="hidden"},d=()=>{s?.classList.remove("active"),document.body.style.overflow=""};u.forEach(e=>{const t=e.getAttribute("data-screenshot");t&&(e.addEventListener("click",()=>y(t)),e.style.cursor="pointer")}),a?.addEventListener("click",d),s?.addEventListener("click",e=>{e.target===s&&d()}),document.addEventListener("keydown",e=>{e.key==="Escape"&&s?.classList.contains("active")&&d()})});</script>
61 <section class="pb-16 bg-white"> <div class="max-w-4xl mx-auto px-6 text-center"> <a id="quick-cta-link" href="https://chromewebstore.google.com/detail/mkflehheaokdfopijachhfdbofkppdil" target="_blank" data-edge-text="Install from Edge Add-ons" class="inline-flex items-center gap-2 px-5 py-2.5 bg-white text-primary-600 font-medium text-sm border-2 border-primary-600 rounded-lg shadow-soft hover:bg-primary-600 hover:text-white hover:shadow-soft-md transition-all duration-300 group" onclick="if (typeof umami !== 'undefined') { umami.track('download_click', { store: 'chrome', language: 'en', source: 'screenshots' }); }"> <span id="quick-cta-text">Install from Chrome Store</span> <svg class="w-4 h-4 transition-transform duration-300 group-hover:translate-x-0.5" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path> </svg> </a> </div> </section> 
61<script type="module">document.addEventListener("DOMContentLoaded",()=>{const e=document.getElementById("quick-cta-link"),t=document.getElementById("quick-cta-text");if(!e||!t)return;const c=navigator.userAgent.toLowerCase().includes("edg/"),o="https://microsoftedge.microsoft.com/addons/detail/flcemgbijffbmbgcmabmmjhankbegdgm",d=document.documentElement.lang||"en";if(c){e.href=o;const n=e.getAttribute("data-edge-text");n&&(t.textContent=n),e.setAttribute("onclick",`if (typeof umami !== 'undefined') { umami.track('download_click', { store: 'edge', language: '${d}', source: 'screenshots' }); }`)}});</script>
61 <section id="features" class="py-20 bg-secondary-50"> <div class="max-w-6xl mx-auto px-6"> <!-- Section Header --> <div class="text-center mb-16"> <h2 class="text-4xl md:text-5xl font-serif font-semibold text-secondary-900 mb-4"> Built for How You Work </h2> <p class="text-xl text-secondary-600 max-w-2xl mx-auto"> Every feature serves a purpose. Nothing more, nothing less. </p> </div> <!-- Features Grid --> <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8"> <div class="bg-white rounded-2xl p-8 border border-secondary-200 shadow-soft"> <!-- Icon --> <div class="w-12 h-12 bg-primary-100 rounded-xl flex items-center justify-center text-primary-600 mb-6"> <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-label="One-click copying icon">
62      <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2m-6 12h8a2 2 0 002-2v-8a2 2 0 00-2-2h-8a2 2 0 00-2 2v8a2 2 0 002 2z"></path>
63    </svg> </div> <!-- Content --> <h3 class="text-xl font-semibold text-secondary-900 mb-3"> One-Click Copying </h3> <p class="text-secondary-600 leading-relaxed"> Popup, hotkey, or right-click. Choose what feels natural. </p> </div><div class="bg-white rounded-2xl p-8 border border-secondary-200 shadow-soft"> <!-- Icon --> <div class="w-12 h-12 bg-primary-100 rounded-xl flex items-center justify-center text-primary-600 mb-6"> <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-label="Smart cleaning icon">
64      <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 3v4M3 5h4M6 17v4m-2-2h4m5-16l2.286 6.857L21 12l-5.714 2.143L13 21l-2.286-6.857L5 12l5.714-2.143L13 3z"></path>
65    </svg> </div> <!-- Content --> <h3 class="text-xl font-semibold text-secondary-900 mb-3"> Smart Cleaning </h3> <p class="text-secondary-600 leading-relaxed"> Strips tracking junk. Keeps what matters. Automatically. </p> </div><div class="bg-white rounded-2xl p-8 border border-secondary-200 shadow-soft"> <!-- Icon --> <div class="w-12 h-12 bg-primary-100 rounded-xl flex items-center justify-center text-primary-600 mb-6"> <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-label="Works everywhere icon">
66      <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"></path>
67    </svg> </div> <!-- Content --> <h3 class="text-xl font-semibold text-secondary-900 mb-3"> Works Everywhere </h3> <p class="text-secondary-600 leading-relaxed"> Even on Chrome system pages. No limitations, no exceptions. </p> </div><div class="bg-white rounded-2xl p-8 border border-secondary-200 shadow-soft"> <!-- Icon --> <div class="w-12 h-12 bg-primary-100 rounded-xl flex items-center justify-center text-primary-600 mb-6"> <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-label="Your rules icon">
68      <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6V4m0 2a2 2 0 100 4m0-4a2 2 0 110 4m-6 8a2 2 0 100-4m0 4a2 2 0 110-4m0 4v2m0-6V4m6 6v10m6-2a2 2 0 100-4m0 4a2 2 0 110-4m0 4v2m0-6V4"></path>
69    </svg> </div> <!-- Content --> <h3 class="text-xl font-semibold text-secondary-900 mb-3"> Your Rules </h3> <p class="text-secondary-600 leading-relaxed"> Define exactly which parameters stay and which go. </p> </div><div class="bg-white rounded-2xl p-8 border border-secondary-200 shadow-soft"> <!-- Icon --> <div class="w-12 h-12 bg-primary-100 rounded-xl flex items-center justify-center text-primary-600 mb-6"> <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-label="Custom templates icon">
70      <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"></path>
71    </svg> </div> <!-- Content --> <h3 class="text-xl font-semibold text-secondary-900 mb-3"> Custom Templates </h3> <p class="text-secondary-600 leading-relaxed"> Format URLs your way with flexible variables and patterns. </p> </div><div class="bg-white rounded-2xl p-8 border border-secondary-200 shadow-soft"> <!-- Icon --> <div class="w-12 h-12 bg-primary-100 rounded-xl flex items-center justify-center text-primary-600 mb-6"> <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-label="Batch operations icon">
72      <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 11H5m14 0a2 2 0 012 2v6a2 2 0 01-2 2H5a2 2 0 01-2-2v-6a2 2 0 012-2m14 0V9a2 2 0 00-2-2M5 11V9a2 2 0 012-2m0 0V5a2 2 0 012-2h6a2 2 0 012 2v2M7 7h10"></path>
73    </svg> </div> <!-- Content --> <h3 class="text-xl font-semibold text-secondary-900 mb-3"> Batch Operations </h3> <p class="text-secondary-600 leading-relaxed"> Handle dozens of URLs at once. Filter, dedupe, done. </p> </div><div class="bg-white rounded-2xl p-8 border border-secondary-200 shadow-soft"> <!-- Icon --> <div class="w-12 h-12 bg-primary-100 rounded-xl flex items-center justify-center text-primary-600 mb-6"> <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-label="Short links icon">
74      <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13.19 8.688a4.5 4.5 0 011.242 7.244l-4.5 4.5a4.5 4.5 0 01-6.364-6.364l1.757-1.757m13.35-.622l1.757-1.757a4.5 4.5 0 00-6.364-6.364l-4.5 4.5a4.5 4.5 0 001.242 7.244"></path>
75    </svg> </div> <!-- Content --> <h3 class="text-xl font-semibold text-secondary-900 mb-3"> Short Links </h3> <p class="text-secondary-600 leading-relaxed"> Turn long URLs into tidy short links instantly. </p> </div><div class="bg-white rounded-2xl p-8 border border-secondary-200 shadow-soft"> <!-- Icon --> <div class="w-12 h-12 bg-primary-100 rounded-xl flex items-center justify-center text-primary-600 mb-6"> <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-label="QR codes icon">
76      <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3.75 4.875c0-.621.504-1.125 1.125-1.125h4.5c.621 0 1.125.504 1.125 1.125v4.5c0 .621-.504 1.125-1.125 1.125h-4.5A1.125 1.125 0 013.75 9.375v-4.5zM3.75 14.625c0-.621.504-1.125 1.125-1.125h4.5c.621 0 1.125.504 1.125 1.125v4.5c0 .621-.504 1.125-1.125 1.125h-4.5a1.
76125 1.125 0 01-1.125-1.125v-4.5zM13.5 4.875c0-.621.504-1.125 1.125-1.125h4.5c.621 0 1.125.504 1.125 1.125v4.5c0 .621-.504 1.125-1.125 1.125h-4.5A1.125 1.125 0 0113.5 9.375v-4.5z"></path>
77      <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6.75 6.75h.75v.75h-.75v-.75zM6.75 16.5h.75v.75h-.75v-.75zM16.5 6.75h.75v.75h-.75v-.75zM13.5 13.5h.75v.75h-.75v-.75zM13.5 19.5h.75v.75h-.75v-.75zM19.5 13.5h.75v.75h-.75v-.75zM19.5 19.5h.75v.75h-.75v-.75zM16.5 16.5h.75v.75h-.75v-.75z"></path>
78    </svg> </div> <!-- Content --> <h3 class="text-xl font-semibold text-secondary-900 mb-3"> QR Codes </h3> <p class="text-secondary-600 leading-relaxed"> Generate scannable codes for seamless mobile sharing. </p> </div><div class="bg-white rounded-2xl p-8 border border-secondary-200 shadow-soft"> <!-- Icon --> <div class="w-12 h-12 bg-primary-100 rounded-xl flex items-center justify-center text-primary-600 mb-6"> <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-label="Quiet notifications icon">
79      <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 17h5l-1.405-1.405A2.032 2.032 0 0118 14.158V11a6.002 6.002 0 00-4-5.659V5a2 2 0 10-4 0v.341C7.67 6.165 6 8.388 6 11v3.159c0 .538-.214 1.055-.595 1.436L4 17h5m6 0v1a3 3 0 11-6 0v-1m6 0H9"></path>
80    </svg> </div> <!-- Content --> <h3 class="text-xl font-semibold text-secondary-900 mb-3"> Quiet Notifications </h3> <p class="text-secondary-600 leading-relaxed"> Inspired by Arc. Beautiful, brief, never in your way. </p> </div><div class="bg-white rounded-2xl p-8 border border-secondary-200 shadow-soft"> <!-- Icon --> <div class="w-12 h-12 bg-primary-100 rounded-xl flex items-center justify-center text-primary-600 mb-6"> <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-label="Thoughtful design icon">
81      <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21.752 15.002A9.718 9.718 0 0118 15.75c-5.385 0-9.75-4.365-9.75-9.75 0-1.33.266-2.597.748-3.752A9.753 9.753 0 003 11.25C3 16.635 7.365 21 12.75 21a9.753 9.753 0 009.002-5.998z"></path>
82    </svg> </div> <!-- Content --> <h3 class="text-xl font-semibold text-secondary-900 mb-3"> Thoughtful Design </h3> <p class="text-secondary-600 leading-relaxed"> Light, dark, or auto themes. Beauty that adapts to you. </p> </div><div class="bg-white rounded-2xl p-8 border border-secondary-200 shadow-soft"> <!-- Icon --> <div class="w-12 h-12 bg-primary-100 rounded-xl flex items-center justify-center text-primary-600 mb-6"> <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-label="Keyboard first icon">
83      <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 8.25V18a2.25 2.25 0 002.25 2.25h13.5A2.25 2.25 0 0021 18V8.25M3 8.25V6a2.25 2.25 0 012.25-2.25h13.5A2.25 2.25 0 0121 6v2.25M3 8.25h18M6 10.5h1.5m3 0h1.5m3 0h1.5m3 0h1.5M6 13.5h1.5m3 0h1.5m3 0h1.5m3 0h1.5M6 16.5h12"></path>
84    </svg> </div> <!-- Content --> <h3 class="text-xl font-semibold text-secondary-900 mb-3"> Keyboard First </h3> <p class="text-secondary-600 leading-relaxed"> Set shortcuts that match your muscle memory. </p> </div><div class="bg-white rounded-2xl p-8 border border-secondary-200 shadow-soft"> <!-- Icon --> <div class="w-12 h-12 bg-primary-100 rounded-xl flex items-center justify-center text-primary-600 mb-6"> <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-label="Multi-language icon">
85      <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 5h12M9 3v2m1.048 9.5A18.022 18.022 0 016.412 9m6.088 9h7M11 21l5-10 5 10M12.751 5C11.783 10.77 8.07 15.61 3 18.129"></path>
86    </svg> </div> <!-- Content --> <h3 class="text-xl font-semibold text-secondary-900 mb-3"> Speaks Your Language </h3> <p class="text-secondary-600 leading-relaxed"> Nine languages. Same thoughtful experience everywhere. </p> </div> </div> </div> </section> <section id="video" class="py-20 bg-white"> <div class="max-w-6xl mx-auto px-6"> <div class="text-center mb-12"> <h2 class="text-4xl md:text-5xl font-serif font-semibold text-secondary-900 mb-4"> See It In Action </h2> <p class="text-xl text-secondary-600 max-w-3xl mx-auto"> Watch this quick demo to learn how Arclet Copier can streamline your workflow </p> </div> <div class="max-w-4xl mx-auto"> <div class="relative w-full rounded-2xl overflow-hidden shadow-soft-lg" style="padding-bottom: 56.25%;"> <iframe class="absolute top-0 left-0 w-full h-full" src="https://www.youtube.com/embed/D5_8GtbdNXk" title="Arclet Copier Demo Video" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen loading="lazy"></iframe> </div> </div> </div> </section> <section id="download" class="py-20 bg-secondary-50"> <div class="max-w-6xl mx-auto px-6"> <!-- Section Header --> <div class="text-center mb-16"> <h2 class="text-4xl md:text-5xl font-serif font-semibold text-secondary-900 mb-4"> Get Started </h2> <p class="text-xl text-secondary-600 max-w-2xl mx-auto"> Free, open source, and built with care. </p> </div> <!-- Download Options --> <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-2 gap-8 mb-16"> <!-- Chrome Web Store - Recommended --> <div class="relative"> <!-- Recommended Badge for Chrome (shown by default) --> <div id="chrome-recommended-badge" class="absolute -top-3 left-1/2 -translate-x-1/2 bg-primary-600 text-white px-4 py-1 rounded-full text-sm font-semibold shadow-md z-10">
87⭐ Recommended </div> <div id="chrome-card" class="bg-white rounded-2xl p-8 text-center border-2 border-primary-600 shadow-lg flex flex-col min-h-[380px]"> <div class="w-16 h-16 rounded-2xl flex items-center justify-center mx-auto mb-6"> <img src="/img/chrome-logo.svg" alt="Google Chrome" class="w-16 h-16" width="64" height="64" loading="lazy" decoding="async"> </div> <h3 class="text-2xl font-semibold text-secondary-900 mb-3"> Chrome Web Store </h3> <p class="text-secondary-600 mb-6"> One-click install. Safe and verified. </p> <a href="https://chromewebstore.google.com/detail/mkflehheaokdfopijachhfdbofkppdil" target="_blank" class="inline-flex items-center justify-center px-6 py-3 bg-primary-600 text-white font-semibold rounded-xl shadow-soft mt-auto w-fit mx-auto hover:bg-primary-700 transition-all duration-300 hover:shadow-lg" onclick="if (typeof umami !== 'undefined') { umami.track('download_click', { store: 'chrome', language: 'en', source: 'download' }); }"> <svg class="w-5 h-5 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-label="Download icon"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 10v6m0 0l-3-3m3 3l3-3m2 8H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"></path> </svg> Install from Chrome Store </a> </div> </div> <!-- Microsoft Edge Add-ons Store --> <div class="relative"> <!-- Recommended Badge for Edge (hidden by default) --> <div id="edge-recommended-badge" class="hidden absolute -top-3 left-1/2 -translate-x-1/2 bg-primary-600 text-white px-4 py-1 rounded-full text-sm font-semibold shadow-md z-10">
88⭐ Recommended </div> <div id="edge-card" class="bg-white rounded-2xl p-8 text-center border border-secondary-200 shadow-soft flex flex-col min-h-[380px]"> <div class="w-16 h-16 rounded-2xl flex items-center justify-center mx-auto mb-6"> <img src="/img/edge-logo.svg" alt="Microsoft Edge" class="w-16 h-16" width="64" height="64" loading="lazy" decoding="async"> </div> <h3 class="text-2xl font-semibold text-secondary-900 mb-3"> Edge Add-ons </h3> <p class="text-secondary-600 mb-6"> Same experience on Microsoft Edge. </p> <a href="https://microsoftedge.microsoft.com/addons/detail/flcemgbijffbmbgcmabmmjhankbegdgm" target="_blank" class="inline-flex items-center justify-center px-6 py-3 bg-primary-600 text-white font-semibold rounded-xl shadow-soft mt-auto w-fit mx-auto hover:bg-primary-700 transition-all duration-300 hover:shadow-lg" onclick="if (typeof umami !== 'undefined') { umami.track('download_click', { store: 'edge', language: 'en', source: 'download' }); }"> <svg class="w-5 h-5 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-label="Download icon"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 10v6m0 0l-3-3m3 3l3-3m2 8H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"></path> </svg> Install from Edge Add-ons </a> </div> </div> </div> </div></section> 
88<script type="module">document.addEventListener("DOMContentLoaded",()=>{const o=document.getElementById("chrome-recommended-badge"),r=document.getElementById("edge-recommended-badge"),e=document.getElementById("chrome-card"),d=document.getElementById("edge-card");navigator.userAgent.toLowerCase().includes("edg/")&&(o&&o.classList.add("hidden"),r&&r.classList.remove("hidden"),e&&(e.classList.remove("border-2","border-primary-600","shadow-lg"),e.classList.add("border","border-secondary-200","shadow-soft")),d&&(d.classList.remove("border","border-secondary-200","shadow-soft"),d.classList.add("border-2","border-primary-600","shadow-lg")))});</script>
88 <!-- FAQ Schema Markup -->
88<script type="application/ld+json">{"@context":"https://schema.org","@type":"FAQPage","mainEntity":[{"@type":"Question","name":"How do I install this?","acceptedAnswer":{"@type":"Answer","text":"One click from Chrome Web Store or Edge Add-ons. Or download the source from GitHub if you prefer manual installation. Takes 30 seconds either way."}},{"@type":"Question","name":"What does 'smart cleaning' actually do?","acceptedAnswer":{"@type":"Answer","text":"It strips out tracking junk—UTM tags, Facebook trackers, Google Analytics parameters. Keeps the parameters that matter for the page to work. Automatically."}},{"@type":"Question","name":"Can I customize the copy format?","acceptedAnswer":{"@type":"Answer","text":"Absolutely. Use 11 variable fields like {{url}}, {{title}}, {{hostname}}, {{date}}, {{time}} to build your perfect template. For Markdown, plain text, whatever you need."}},{"@type":"Question","name":"How does batch copying work?","acceptedAnswer":{"@type":"Answer","text":"Select multiple tabs. Click once. Get all URLs copied, filtered, and deduplicated. Choose your export format. Done."}}
88,{"@type":"Question","name":"Is this free?","acceptedAnswer":{"@type":"Answer","text":"Yes. Free forever, open source, no limits, no subscriptions. Use everything."}},{"@type":"Question","name":"Which browsers work?","acceptedAnswer":{"@type":"Answer","text":"Chrome, Edge, and any Chromium-based browser with Manifest V3 support. If you're reading this on one of those, you're good."}},{"@type":"Question","name":"Can I use keyboard shortcuts?","acceptedAnswer":{"@type":"Answer","text":"Ctrl+Shift+C (Cmd+Shift+C on Mac) for silent copying. Or right-click, or use the popup. Whatever matches your flow."}},{"@type":"Question","name":"How do I configure keyboard shortcuts?","acceptedAnswer":{"@type":"Answer","text":"After installing the extension, type chrome://extensions/shortcuts in your address bar, find Arclet Copier, and assign a shortcut for silent copying, such as Cmd+Shift+C (Ctrl+Shift+C on Windows)."}}]}</script>
88 <section id="faq" class="py-20 bg-white" data-astro-cid-al2ca2vr> <div class="max-w-4xl mx-auto px-6" data-astro-cid-al2ca2vr> <!-- Section Header --> <div class="text-center mb-16" data-astro-cid-al2ca2vr> <h2 class="text-4xl md:text-5xl font-serif font-semibold text-secondary-900 mb-4" data-astro-cid-al2ca2vr> Questions? </h2> <p class="text-xl text-secondary-600 max-w-2xl mx-auto" data-astro-cid-al2ca2vr> Here&#39;s what people usually ask. </p> </div> <!-- FAQ Items --> <div class="space-y-4" data-astro-cid-al2ca2vr> <div class="bg-white rounded-2xl border border-secondary-200 overflow-hidden" data-astro-cid-al2ca2vr> <button class="faq-toggle w-full px-8 py-6 text-left flex items-center justify-between" data-target="faq-0" data-astro-cid-al2ca2vr> <h3 class="text-lg font-semibold text-secondary-900 pr-4" data-astro-cid-al2ca2vr> How do I install this? </h3> <div class="faq-icon flex-shrink-0 w-6 h-6 text-primary-600 transform transition-transform duration-200" data-astro-cid-al2ca2vr> <svg fill="none" stroke="currentColor" viewBox="0 0 24 24" data-astro-cid-al2ca2vr> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6v12m6-6H6" data-astro-cid-al2ca2vr></path> </svg> </div> </button> <div id="faq-0" class="faq-content max-h-0 overflow-hidden transition-all duration-300 ease-in-out" data-astro-cid-al2ca2vr> <div class="px-8 pb-6" data-astro-cid-al2ca2vr> <p class="text-secondary-600 leading-relaxed" data-astro-cid-al2ca2vr>One click from Chrome Web Store or Edge Add-ons. Or download the source from GitHub if you prefer manual installation. Takes 30 seconds either way.</p> </div> </div> </div><div class="bg-white rounded-2xl border border-secondary-200 overflow-hidden" data-astro-cid-al2ca2vr> <button class="faq-toggle w-full px-8 py-6 text-left flex items-center justify-between" data-target="faq-1" data-astro-cid-al2ca2vr> <h3 class="text-lg font-semibold text-secondary-900 pr-4" data-astro-cid-al2ca2vr> What does &#39;smart cleaning&#39; actually do? </h3> <div class="faq-icon flex-shrink-0 w-6 h-6 text-primary-600 transform transition-transform duration-200" data-astro-cid-al2ca2vr> <svg fill="none" stroke="currentColor" viewBox="0 0 24 24" data-astro-cid-al2ca2vr> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6v12m6-6H6" data-astro-cid-al2ca2vr></path> </svg> </div> </button> <div id="faq-1" class="faq-content max-h-0 overflow-hidden transition-all duration-300 ease-in-out" data-astro-cid-al2ca2vr> <div class="px-8 pb-6" data-astro-cid-al2ca2vr> <p class="text-secondary-600 leading-relaxed" data-astro-cid-al2ca2vr>It strips out tracking junk—UTM tags, Facebook trackers, Google Analytics parameters. Keeps the parameters that matter for the page to work. Automatically.</p> </div> </div> </div><div class="bg-white rounded-2xl border border-secondary-200 overflow-hidden" data-astro-cid-al2ca2vr> <button class="faq-toggle w-full px-8 py-6 text-left flex items-center justify-between" data-target="faq-2" data-astro-cid-al2ca2vr> <h3 class="text-lg font-semibold text-secondary-900 pr-4" data-astro-cid-al2ca2vr> Can I customize the copy format? </h3> <div class="faq-icon flex-shrink-0 w-6 h-6 text-primary-600 transform transition-transform duration-200" data-astro-cid-al2ca2vr> <svg fill="none" stroke="currentColor" viewBox="0 0 24 24" data-astro-cid-al2ca2vr> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6v12m6-6H6" data-astro-cid-al2ca2vr></path> </svg> </div> </button> <div id="faq-2" class="faq-content max-h-0 overflow-hidden transition-all duration-300 ease-in-out" data-astro-cid-al2ca2vr> <div class="px-8 pb-6" data-astro-cid-al2ca2vr> <p class="text-secondary-600 leading-relaxed" data-astro-cid-al2ca2vr>Absolutely. Use 11 variable fields like {{url}}, {{title}}, {{hostname}}, {{date}}, {{time}} to build your perfect template. For Markdown, plain text, whatever you need.</p> </div> </div> </div><div class="bg-white rounded-2xl border border-secondary-200 overflow-hidden" data-astro-cid-al2ca2vr> <button class="faq-toggle w-full px-8 py-6 text-left flex items-center justify-between" data-target="faq-3" data-astro-cid-al2ca2vr> <h3 class="text-lg font-semibold text-secondary-900 pr-4" data-astro-cid-al2ca2vr> How does batch copying work? </h3> <div class="faq-icon flex-shrink-0 w-6 h-6 text-primary-600 transform transition-transform duration-200" data-astro-cid-al2ca2vr> <svg fill="none" stroke="currentColor" viewBox="0 0 24 24" data-astro-cid-al2ca2vr> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6v12m6-6H6" data-astro-cid-al2ca2vr></path> </svg> </div> </button> <div id="faq-3" class="faq-content max-h-0 overflow-hidden transition-all duration-300 ease-in-out" data-astro-cid-al2ca2vr> <div class="px-8 pb-6" data-astro-cid-al2ca2vr> <p class="text-secondary-600 leading-relaxed" data-astro-cid-al2ca2vr>Select multiple tabs. Click once. Get all URLs copied, filtered, and deduplicated. Choose your export format. Done.</p> </div> </div> </div><div class="bg-white rounded-2xl border border-secondary-200 overflow-hidden" data-astro-cid-al2ca2vr> <button class="faq-toggle w-full px-8 py-6 text-left flex items-center justify-between" data-target="faq-4" data-astro-cid-al2ca2vr> <h3 class="text-lg font-semibold text-secondary-900 pr-4" data-astro-cid-al2ca2vr> Is this free? </h3> <div class="faq-icon flex-shrink-0 w-6 h-6 text-primary-600 transform transition-transform duration-200" data-astro-cid-al2ca2vr> <svg fill="none" stroke="currentColor" viewBox="0 0 24 24" data-astro-cid-al2ca2vr> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6v12m6-6H6" data-astro-cid-al2ca2vr></path> </svg> </div> </button> <div id="faq-4" class="faq-content max-h-0 overflow-hidden transition-all duration-300 ease-in-out" data-astro-cid-al2ca2vr> <div class="px-8 pb-6" data-astro-cid-al2ca2vr> <p class="text-secondary-600 leading-relaxed" data-astro-cid-al2ca2vr>Yes. Free forever, open source, no limits, no subscriptions. Use everything.</p> </div> </div> </div><div class="bg-white rounded-2xl border border-secondary-200 overflow-hidden" data-astro-cid-al2ca2vr> <button class="faq-toggle w-full px-8 py-6 text-left flex items-center justify-between" data-target="faq-5" data-astro-cid-al2ca2vr> <h3 class="text-lg font-semibold text-secondary-900 pr-4" data-astro-cid-al2ca2vr>
88 Which browsers work? </h3> <div class="faq-icon flex-shrink-0 w-6 h-6 text-primary-600 transform transition-transform duration-200" data-astro-cid-al2ca2vr> <svg fill="none" stroke="currentColor" viewBox="0 0 24 24" data-astro-cid-al2ca2vr> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6v12m6-6H6" data-astro-cid-al2ca2vr></path> </svg> </div> </button> <div id="faq-5" class="faq-content max-h-0 overflow-hidden transition-all duration-300 ease-in-out" data-astro-cid-al2ca2vr> <div class="px-8 pb-6" data-astro-cid-al2ca2vr> <p class="text-secondary-600 leading-relaxed" data-astro-cid-al2ca2vr>Chrome, Edge, and any Chromium-based browser with Manifest V3 support. If you're reading this on one of those, you're good.</p> </div> </div> </div><div class="bg-white rounded-2xl border border-secondary-200 overflow-hidden" data-astro-cid-al2ca2vr> <button class="faq-toggle w-full px-8 py-6 text-left flex items-center justify-between" data-target="faq-6" data-astro-cid-al2ca2vr> <h3 class="text-lg font-semibold text-secondary-900 pr-4" data-astro-cid-al2ca2vr> Can I use keyboard shortcuts? </h3> <div class="faq-icon flex-shrink-0 w-6 h-6 text-primary-600 transform transition-transform duration-200" data-astro-cid-al2ca2vr> <svg fill="none" stroke="currentColor" viewBox="0 0 24 24" data-astro-cid-al2ca2vr> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6v12m6-6H6" data-astro-cid-al2ca2vr></path> </svg> </div> </button> <div id="faq-6" class="faq-content max-h-0 overflow-hidden transition-all duration-300 ease-in-out" data-astro-cid-al2ca2vr> <div class="px-8 pb-6" data-astro-cid-al2ca2vr> <p class="text-secondary-600 leading-relaxed" data-astro-cid-al2ca2vr>Ctrl+Shift+C (Cmd+Shift+C on Mac) for silent copying. Or right-click, or use the popup. Whatever matches your flow.</p> </div> </div> </div><div class="bg-white rounded-2xl border border-secondary-200 overflow-hidden" data-astro-cid-al2ca2vr> <button class="faq-toggle w-full px-8 py-6 text-left flex items-center justify-between" data-target="faq-7" data-astro-cid-al2ca2vr> <h3 class="text-lg font-semibold text-secondary-900 pr-4" data-astro-cid-al2ca2vr> How do I configure keyboard shortcuts? </h3> <div class="faq-icon flex-shrink-0 w-6 h-6 text-primary-600 transform transition-transform duration-200" data-astro-cid-al2ca2vr> <svg fill="none" stroke="currentColor" viewBox="0 0 24 24" data-astro-cid-al2ca2vr> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6v12m6-6H6" data-astro-cid-al2ca2vr></path> </svg> </div> </button> <div id="faq-7" class="faq-content max-h-0 overflow-hidden transition-all duration-300 ease-in-out" data-astro-cid-al2ca2vr> <div class="px-8 pb-6" data-astro-cid-al2ca2vr> <p class="text-secondary-600 leading-relaxed" data-astro-cid-al2ca2vr>After installing the extension, type <code class="px-2 py-1 bg-secondary-100 text-primary-600 rounded text-sm font-mono">chrome://extensions/shortcuts</code> in your address bar, find Arclet Copier, and assign a shortcut for silent copying, such as Cmd+Shift+C (Ctrl+Shift+C on Windows).</p> </div> </div> </div> </div> </div> </section> 
88<script type="module">document.addEventListener("DOMContentLoaded",function(){const a=document.querySelectorAll(".faq-toggle");a.forEach(l=>{l.addEventListener("click",function(){const c=this.getAttribute("data-target"),t=c?document.getElementById(c):null,e=this.querySelector(".faq-icon");a.forEach(o=>{if(o!==this){const i=o.getAttribute("data-target"),n=i?document.getElementById(i):null,s=o.querySelector(".faq-icon");n&&n instanceof HTMLElement&&(n.style.maxHeight="0",n.classList.remove("open")),s&&s instanceof HTMLElement&&(s.style.transform="rotate(0deg)")}}),t&&t instanceof HTMLElement&&(t.classList.contains("open")?(t.style.maxHeight="0",t.classList.remove("open"),e&&e instanceof HTMLElement&&(e.style.transform="rotate(0deg)")):(t.style.maxHeight=t.scrollHeight+"px",t.classList.add("open"),e&&e instanceof HTMLElement&&(e.style.transform="rotate(45deg)")))})})});</script>
88  </main> <footer class="bg-secondary-900 text-white py-16"> <div class="max-w-6xl mx-auto px-6"> <div class="grid grid-cols-1 md:grid-cols-3 gap-8 mb-8"> <!-- Brand --> <div> <div class="flex items-center space-x-3 mb-4"> <img src="/img/logo.webp" alt="Arclet Copier" class="w-10 h-10 rounded-lg" loading="lazy" decoding="async"> <span class="font-serif font-semibold text-2xl">Arclet Copier</span> </div> <p class="text-secondary-300 leading-relaxed"> Open source. Built with care. </p> </div> <!-- Quick Links --> <div> <h3 class="font-semibold text-lg mb-4"> Quick Links </h3> <ul class="space-y-3"> <li> <a href="/privacy" class="text-secondary-300 hover:text-white"> Privacy </a> </li> <li> <a href="/terms" class="text-secondary-300 hover:text-white"> Terms </a> </li> <li> <a href="/sitemap.xml" target="_blank" rel="noopener noreferrer" class="text-secondary-300 hover:text-white"> Sitemap </a> </li> </ul> </div> <!-- Contact & Social --> <div> <h3 class="font-semibold text-lg mb-4"> Contact </h3> <ul class="space-y-3"> <li> <a href="/cdn-cgi/l/email-protection#563e3f163539242f25397835393b" class="text-secondary-300 inline-flex items-center gap-1.5 hover:text-white"> <svg class="w-4 h-4 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"></path> </svg> <span>Email</span> </a> </li> <li> <a href="https://discord.gg/NpRnQ5zp5q" target="_blank" rel="noopener noreferrer" aria-label="Discord" class="text-secondary-300 inline-flex items-center gap-1.5 hover:text-white"> <svg class="w-4 h-4 flex-shrink-0" fill="currentColor" viewBox="0 0 24 24"> <path d="M20.317 4.37a19.791 19.791 0 00-4.885-1.515.074.074 0 00-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 00-5.487 0 12.64 12.64 0 00-.617-1.25.077.077 0 00-.079-.037A19.736 19.736 0 003.677 4.37a.07.07 0 00-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 00.031.057 19.9 19.9 0 005.993 3.03.078.078 0 00.084-.028c.462-.63.874-1.295 1.226-1.994a.076.076 0 00-.041-.106 13.107 13.107 0 01-1.872-.892.077.077 0 01-.008-.128 10.2 10.2 0 00.372-.292.074.074 0 01.077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 01.078.01c.12.098.246.198.373.292a.077.077 0 01-.006.127 12.299 12.299 0 01-1.873.892.077.077 0 00-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 00.084.028 19.839 19.839 0 006.002-3.03.077.077 0 00.032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 00-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419 0-1.333.956-2.419 2.157-2.419 1.21 0 2.176 1.096 2.157 2.42 0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419 0-1.333.955-2.419 2.157-2.419 1.21 0 2.176 1.096 2.157 2.42 0 1.333-.946 2.418-2.157 2.418z"></path> </svg> <span>Discord</span> </a> </li> <li> <a href="https://github.com/rokcso/arclet-copier" target="_blank" rel="noopener noreferrer" class="text-secondary-300 inline-flex items-center gap-1.5 hover:text-white"> <svg class="w-4 h-4 flex-shrink-0" fill="currentColor" viewBox="0 0 24 24"> <path d="M12 0C5.374 0 0 5.373 0 12 0 17.302 3.438 21.8 8.207 23.387c.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23A11.509 11.509 0 0112 5.803c1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576C20.566 21.797 24 17.3 24 12c0-6.627-5.373-12-12-12z"></path> </svg> <span>GitHub</span> </a> </li> <li> <a href="https://x.com/rokcso" target="_blank" rel="noopener noreferrer" class="text-secondary-300 inline-flex items-center gap-1.5 hover:text-white"> <svg class="w-4 h-4 flex-shrink-0" fill="currentColor" viewBox="0 0 24 24"> <path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"></path> </svg> <span>Twitter</span> </a> </li> </ul> </div> </div> <!-- Bottom Bar with Partners --> <div class="border-t border-secondary-800 pt-8"> <div class="flex flex-col md:flex-row items-center justify-between gap-6 mb-6"> <p class="text-secondary-400 text-sm text-center md:text-left">
89© 2026 Arclet Copier. Made by <a href="https://coryso.com/" target="_blank" rel="noopener noreferrer" class="text-secondary-300 hover:text-white">Coryso Studio</a> </p> <div class="flex flex-wrap items-center gap-3"> <span class="text-secondary-400 text-xs">Partners:</span> <a href="https://ko-fi.com/D1D4YYEMT" target="_blank" rel="noopener noreferrer" class="opacity-70 hover:opacity-100 transition-opacity"> <img src="https://storage.ko-fi.com/cdn/kofi5.png?v=6" style="height: 32px;" height="32" alt="Ko-fi" loading="lazy" decoding="async"> </a> <a href="https://faceseek.online" target="_blank" rel="noopener noreferrer" class="opacity-70 hover:opacity-100 transition-opacity"> <img src="https://faceseek.online/images/Light.svg" style="height: 32px;" height="32" alt="FaceSeek" loading="lazy" decoding="async"> </a> <a href="https://fazier.com/launches/arclet-copier" target="_blank" rel="noopener noreferrer" class="opacity-70 hover:opacity-100 transition-opacity"> <img src="https://fazier.com/api/v1//public/badges/launch_badges.svg?badge_type=featured&theme=light" style="height: 32px;" height="32" alt="Fazier" loading="lazy" decoding="async"> </a> </div> </div> </div> </div> </footer> <button id="back-to-top" class="fixed bottom-8 right-8 z-40 w-12 h-12 bg-primary-600 text-white rounded-full shadow-soft-lg opacity-0 invisible transform translate-y-4 hover:bg-primary-700" aria-label="Back to top"> <svg class="w-6 h-6 mx-auto" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 10l7-7m0 0l7 7m-7-7v18"></path> </svg> </button>
vendor: 109 bytes, line 89
89 <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
89<script type="module">document.addEventListener("DOMContentLoaded",()=>{const t=document.getElementById("back-to-top");if(!t)return;const o=()=>{window.scrollY>300?(t.classList.remove("opacity-0","invisible","translate-y-4"),t.classList.add("opacity-100","visible","translate-y-0")):(t.classList.add("opacity-0","invisible","translate-y-4"),t.classList.remove("opacity-100","visible","translate-y-0"))},s=()=>{window.scrollTo({top:0,behavior:"smooth"})};window.addEventListener("scroll",o),t.addEventListener("click",s)});</script>
89  
89<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":"85e42290c08f4119919cb39ad5fae652","r":1,"spa":2}' crossorigin="anonymous"></script>
89
90</body> 

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.