1240 lines
80 KiB
HTML
1240 lines
80 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
|
||
<head>
|
||
<meta charset="utf-8">
|
||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
||
<!-- Web App Config -->
|
||
<title>📤｜ErikrafT Drop｜Transfer Files!!!</title>
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<meta name="theme-color" content="#3367d6">
|
||
<meta name="color-scheme" content="dark light">
|
||
<meta name="apple-mobile-web-app-capable" content="yes">
|
||
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
|
||
<meta name="apple-mobile-web-app-title" content="ErikrafT Drop">
|
||
<meta name="application-name" content="ErikrafT Drop">
|
||
<!-- Descriptions -->
|
||
<meta name="description" content="Instantly share images, videos, PDFs, and links with people nearby. Peer2Peer and Open Source. No Setup, No Signup.">
|
||
<meta name="keywords" content="File, Transfer, Share, Peer2Peer">
|
||
<meta name="author" content="schlagmichdoch">
|
||
<meta property="og:title" content="ErikrafT Drop">
|
||
<meta property="og:type" content="article">
|
||
<meta property="og:url" content="https://drop.erikraft.com/">
|
||
<meta property="og:author" content="https://github.com/erikraft">
|
||
<meta name="twitter:author" content="@erikraft">
|
||
<meta name="twitter:card" content="summary_large_image">
|
||
<meta name="twitter:description" content="Instantly share images, videos, PDFs, and links with people nearby. Peer2Peer and Open Source. No Setup, No Signup.">
|
||
<meta name="og:description" content="Instantly share images, videos, PDFs, and links with people nearby. Peer2Peer and Open Source. No Setup, No Signup.">
|
||
<!-- Icons -->
|
||
<script src="https://cdn.lordicon.com/lordicon.js"></script>
|
||
|
||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css">
|
||
|
||
<link rel="icon" sizes="96x96" href="images/favicon-96x96.png">
|
||
<link rel="shortcut icon" href="images/favicon-96x96.png">
|
||
<link rel="apple-touch-icon" href="images/apple-touch-icon.png">
|
||
<link rel="apple-touch-icon-precomposed" href="images/apple-touch-icon.png">
|
||
<meta name="msapplication-TileImage" content="images/mstile-150x150.png">
|
||
<link rel="fluid-icon" type="image/png" href="images/android-chrome-192x192.png">
|
||
<meta name="twitter:image" content="images/logo_transparent_512x512.png">
|
||
<meta property="og:image" content="images/logo_transparent_512x512.png">
|
||
<!-- Resources -->
|
||
<link rel="preload" href="lang/en.json" as="fetch">
|
||
<link rel="preload" href="fonts/OpenSans/static/OpenSans-Medium.ttf" as="font" type="font/ttf" crossorigin>
|
||
<link rel="preload" href="fonts/ErikrafT-Icon/ErikrafT-Icons.ttf" as="font" type="font/ttf" crossorigin>
|
||
<link rel="stylesheet" type="text/css" href="styles/styles-main.css">
|
||
<link rel="stylesheet" type="text/css" href="styles/content-moderation.css">
|
||
<link rel="manifest" href="manifest.json">
|
||
<script src="https://cdn.jsdelivr.net/npm/@tensorflow/tfjs@4.17.0/dist/tf.min.js"></script>
|
||
<script src="https://cdn.jsdelivr.net/npm/nsfwjs@2.4.0/dist/nsfwjs.min.js"></script>
|
||
</head>
|
||
|
||
<body translate="no">
|
||
<header class="row-reverse wrap opacity-0">
|
||
<a href="#about" class="icon-button" data-i18n-key="header.about" data-i18n-attrs="title aria-label">
|
||
<svg class="icon">
|
||
<use xlink:href="#info-outline"></use>
|
||
</svg>
|
||
</a>
|
||
|
||
<!--<a href="https://github.com/erikraft/App-Drop-Apk/raw/main/ErikrafT%20Drop.apk"
|
||
class="icon-button"
|
||
title="Download APK"
|
||
data-i18n-key="header.android"
|
||
data-i18n-attrs="title aria-label">
|
||
<i class="fa-brands fa-android icon" aria-hidden="true"
|
||
style="font-size: 24px; width: 24px; height: 24px;"></i>
|
||
</a>-->
|
||
|
||
|
||
<div id="language-selector" class="icon-button" data-i18n-key="header.language-selector" data-i18n-attrs="title">
|
||
<svg class="icon">
|
||
<use xlink:href="#icon-language-selector"></use>
|
||
</svg>
|
||
</div>
|
||
<div id="theme-wrapper">
|
||
<div id="theme-auto" class="icon-button selected" data-i18n-key="header.theme-auto" data-i18n-attrs="title">
|
||
<svg class="icon">
|
||
<use xlink:href="#icon-theme-auto"></use>
|
||
</svg>
|
||
</div>
|
||
<div>
|
||
<div id="theme-light" class="icon-button" data-i18n-key="header.theme-light" data-i18n-attrs="title">
|
||
<svg class="icon">
|
||
<use xlink:href="#icon-theme-light"></use>
|
||
</svg>
|
||
</div>
|
||
<div id="theme-dark" class="icon-button" data-i18n-key="header.theme-dark" data-i18n-attrs="title">
|
||
<svg class="icon">
|
||
<use xlink:href="#icon-theme-dark"></use>
|
||
</svg>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div id="notification" class="icon-button" data-i18n-key="header.notification" data-i18n-attrs="title" hidden>
|
||
<lord-icon
|
||
src="https://cdn.lordicon.com/lznlxwtc.json"
|
||
trigger="hover"
|
||
colors="primary:#e8b730"
|
||
style="width:24px;height:24px">
|
||
</lord-icon>
|
||
</div>
|
||
<div id="install" class="icon-button" data-i18n-key="header.install" data-i18n-attrs="title" hidden>
|
||
<svg class="icon">
|
||
<use xlink:href="#homescreen"></use>
|
||
</svg>
|
||
</div>
|
||
|
||
<!-- <div id="bluetoothBtn" classificação="icon-button" data-i18n-key="header.bluetooth" data-i18n-attrs="title" style="display: none;">
|
||
<i class="fa-brands fa-bluetooth-b icon" style="font-size: 24px;"></i>
|
||
</div> -->
|
||
|
||
<!-- <div id="openQRScanner" class="icon-button" title="Escanear QR Code" data-i18n-key="header.scan-qr" data-i18n-attrs="title">
|
||
<i class="fa-solid fa-qrcode" style="font-size: 24px;"></i>
|
||
</div> -->
|
||
|
||
<div id="pair-device" class="icon-button" data-i18n-key="header.pair-device" data-i18n-attrs="title">
|
||
<svg class="icon">
|
||
<use xlink:href="#pair-device-icon"></use>
|
||
</svg>
|
||
</div>
|
||
<div id="edit-paired-devices" class="icon-button" data-i18n-key="header.edit-paired-devices" data-i18n-attrs="title" hidden>
|
||
<svg class="icon">
|
||
<use xlink:href="#edit-pair-devices-icon"></use>
|
||
</svg>
|
||
</div>
|
||
<div id="join-public-room" class="icon-button" data-i18n-key="header.join-public-room" data-i18n-attrs="title">
|
||
<svg class="icon">
|
||
<use xlink:href="#public-room-icon"></use>
|
||
</svg>
|
||
</div>
|
||
|
||
<div id="wetransfer" class="icon-button" data-i18n-key="header.wetransfer" data-i18n-attrs="title" title="WeTransfer">
|
||
<a href="https://wetransfer.com/" target="_blank">
|
||
<svg class="icon" fill="none" height="20" viewBox="0 0 40 20" width="40" xmlns="http://www.w3.org/2000/svg">
|
||
<path clip-rule="evenodd" d="m12.2299 14.2402c-.3832-.6055-.6968-.926-1.2543-.926s-.8711.3205-1.25436.926l-1.67247 2.6713c-.62718 1.0329-1.14983 1.7453-2.36934 1.7453s-1.777-.4987-2.36933-1.8878c-.73171-1.7096-1.49826-3.7754-2.19512-6.5536-.766549-3.09925-1.11498-5.02259-1.11498-6.58976s.487804-2.49322 2.16027-2.813777c2.29965-.427409 5.40069-.676731 8.81533-.676731 3.4146 0 6.5157.249322 8.8153.676731 1.6725.320557 2.1603 1.246607 2.1603 2.813777s-.3484 3.49051-1.115 6.58976c-.6969 2.7782-1.4634 4.844-2.1951 6.5536-.5924 1.3891-1.1498 1.8878-2.3694 1.8878-1.2195 0-1.7421-.7124-2.3693-1.7453zm26.5158 2.4999c-1.1847 1.2822-3.4147 2.2083-6.3415 2.2083-5.8885 0-9.3728-4.096-9.3728-9.47424 0-5.77003 4.0069-9.189301 9.1986-9.189301 4.6342 0 7.7004 2.457601 7.7004 5.770031 0 3.13433-2.6133 5.16451-5.575 5.16451-1.6028 0-2.7874-.3205-3.5888-.9617-.3136-.2493-.4878-.2137-.4878.0713 0 1.1754.4181 2.1726 1.1846 2.9562.6272.6411 1.8119 1.0686 2.9269 1.0686 1.1498 0 2.1603-.2494 3.0662-.7124s1.6725-.3206 2.1254.4274c.5227.8548-.209 1.959-.8362 2.6713z" fill="#5368ff" fill-rule="evenodd"/>
|
||
</svg>
|
||
</a>
|
||
</div>
|
||
|
||
<a href="https://limewire.com/" target="_blank" class="icon-button" data-i18n-key="header.limewire" data-i18n-attrs="title" title="LimeWire" style="display: flex; align-items: center; justify-content: center; width: 32px; height: 32px; padding: 4px;">
|
||
<svg viewBox="0 0 187.6 187.6" xmlns="http://www.w3.org/2000/svg" style="width: 24px; height: 24px; animation: spin 2s linear infinite;">
|
||
<style>
|
||
.st0 { fill: #00934B; }
|
||
.st1 { fill: #22D511; }
|
||
.st2 { fill: #BEF000; }
|
||
@keyframes spin {
|
||
from { transform: rotate(0deg); }
|
||
to { transform: rotate(360deg); }
|
||
}
|
||
</style>
|
||
<g>
|
||
<path class="st0" d="M26.2,61.2l0.5,0.2l4.7,2.1l5.2,2.3C42.4,53.5,52.3,43.2,65.4,37l-2.3-5.2l-3.3-7.6
|
||
c-3.7-7.4-10.4-4.9-12.8-3.7c-10.6,6.6-19.4,15.3-26,25.4c-0.1,0.1-0.1,0.2-0.1,0.4C16.7,56.1,24.1,60.2,26.2,61.2z"/>
|
||
<path class="st1" d="M36.7,65.7l8.4,3.7l7.3,3.2l5.8,2.6c3.5-7.1,9.3-13.1,16.8-16.8l-2.6-5.8l-3.2-7.3l-3.7-8.4
|
||
C52.4,43.1,42.5,53.5,36.7,65.7z"/>
|
||
<path class="st2" d="M58.1,75.2l12.1,5.3l11.2,4.9c1.5-0.1,2.8-1.1,3.4-2.5c0.2-0.5,0.3-0.9,0.3-1.4l-4.9-11.1l-5.3-12.1
|
||
C67.4,62.1,61.6,68.1,58.1,75.2z"/>
|
||
<path class="st0" d="M178.7,75.9c-3.9-9.7-11.9-7.5-14.1-6.6l-0.6,0.2l-4.9,1.9l-5.3,2.1c4.9,13.6,4.6,28,0,40.8l5.3,2.1l6.8,2.6
|
||
c7.9,3.3,11.2-2.3,12.4-5.3C181.3,101.5,181.5,88.6,178.7,75.9z"/>
|
||
<path class="st1" d="M153.9,73.5l-8.5,3.3l-7.5,2.9L132,82c2.7,8,2.6,16.3,0,23.8l5.8,2.3l7.5,2.9l8.5,3.3
|
||
C158.5,101.5,158.8,87.2,153.9,73.5z"/>
|
||
<path class="st2" d="M132.1,82l-12.3,4.8l-11.4,4.5c-1,1.1-1.3,2.7-0.7,4.2c0.2,0.4,0.4,0.8,0.7,1.1l11.4,4.4l12.3,4.8
|
||
C134.6,98.3,134.8,90,132.1,82z"/>
|
||
<path class="st0" d="M28.2,116.4l5.3-2.1c-4.9-13.6-4.6-28,0-40.8l-5.3-2.1l-6.9-2.7c-8-3.2-11.2,2.7-12.3,5.6
|
||
c-2.9,12-3.1,24.7-0.4,37.2c0,0,0,0,0,0.1c3.9,10,12,7.7,14.2,6.9L28.2,116.4z"/>
|
||
<path class="st1" d="M33.5,114.3L42,111l7.4-2.9l5.9-2.3c-2.7-8-2.6-16.3,0-23.8l-5.9-2.3L42,76.9l-8.5-3.3
|
||
C28.9,86.4,28.6,100.7,33.5,114.3z"/>
|
||
<path class="st2" d="M55.4,105.8l12.3-4.8L79,96.6c1-1.1,1.3-2.7,0.7-4.2c-0.2-0.5-0.5-0.9-0.8-1.2l-11.3-4.4L55.3,82
|
||
C52.8,89.6,52.7,97.9,55.4,105.8z"/>
|
||
<path class="st0" d="M36.8,122.1l-5.2,2.3l-5.4,2.4c0,0-9.5,5.1-5.1,14.9v0.1c6.9,10.7,16,19.4,26.4,25.8c2.7,1.3,9.5,3.5,12.9-4.8
|
||
l2.9-6.6l2.3-5.2C53.4,145.1,43,135.2,36.8,122.1z"/>
|
||
<path class="st1" d="M72.6,135.2l2.5-5.7C68,126,62,120.2,58.3,112.7l-5.8,2.5l-7.3,3.2l-8.4,3.7c6.2,13.1,16.6,23,28.9,28.8
|
||
l3.7-8.4L72.6,135.2z"/>
|
||
<path class="st2" d="M75.1,129.4l5.3-12.1l4.9-11.1c-0.1-1.5-1-2.9-2.5-3.5c-0.4-0.2-0.9-0.3-1.4-0.3l-11.1,4.9l-12.1,5.3
|
||
C62,120.2,68,125.9,75.1,129.4z"/>
|
||
<path class="st0" d="M150.7,65.8l5.2-2.3l5.8-2.6l-0.5,0.1c2.1-1,9.4-5,5.3-14.6c-7-11-16.4-19.9-27.2-26.4c-7.6-3.9-12.3,5-12.3,5
|
||
l-2.9,6.7l-2.3,5.2C134.1,42.7,144.5,52.6,150.7,65.8z"/>
|
||
<path class="st1" d="M114.9,52.5l-2.5,5.8c7.1,3.5,13.1,9.3,16.9,16.9l5.8-2.5l7.3-3.2l8.3-3.7c-6.2-13.1-16.6-23.1-28.9-28.9
|
||
l-3.7,8.4L114.9,52.5z"/>
|
||
<path class="st2" d="M112.4,58.3l-5.3,12.1l-4.9,11.3c0.1,1.5,1,2.8,2.5,3.4c0.4,0.2,0.9,0.3,1.4,0.3l11.2-4.9l12.1-5.3
|
||
C125.5,67.6,119.5,61.9,112.4,58.3z"/>
|
||
<path class="st0" d="M116.2,159.3l-2.1-5.3c-13.7,4.9-28,4.6-40.8,0l-2.1,5.3l-3.4,8.8c0,0-1.7,6.9,8.3,10.7
|
||
c0.2,0.1,0.4,0.2,0.6,0.2c11.5,2.4,23.6,2.4,35.5-0.3c1.7-0.5,10-3.1,7-11.8L116.2,159.3z"/>
|
||
<path class="st1" d="M114.2,154l-3.3-8.5L108,138l-2.3-5.8c-8,2.7-16.3,2.6-23.8,0l-2.3,5.8l-2.9,7.5l-3.3,8.5
|
||
C86.2,158.6,100.5,158.9,114.2,154z"/>
|
||
<path class="st2" d="M105.6,132.2l-4.8-12.3l-4.4-11.3c-1.1-1-2.8-1.3-4.3-0.7c-0.4,0.2-0.8,0.4-1.1,0.7l-4.4,11.3l-4.8,12.3
|
||
C89.4,134.7,97.6,134.9,105.6,132.2z"/>
|
||
<path class="st0" d="M71.1,28.4l2.1,5.3c13.7-4.9,28-4.6,40.8-0.1l2.1-5.3l2.1-5.4c0.8-2.2,3.1-10.4-6.9-14.2
|
||
c-0.1,0-0.1-0.1-0.2-0.1C99.2,6.2,86.7,6.2,74.4,9.1c-2.8,0.9-9.4,4.1-5.9,12.6L71.1,28.4z"/>
|
||
<path class="st1" d="M73.2,33.7l3.3,8.5l2.9,7.4l2.3,5.9c8-2.7,16.3-2.6,23.8,0l2.3-5.9l2.9-7.4l3.3-8.5
|
||
C101.2,29.1,86.9,28.8,73.2,33.7z"/>
|
||
<path class="st2" d="M81.7,55.5l4.8,12.3L91,79.3c1.1,0.9,2.7,1.2,4.1,0.6c0.5-0.2,0.9-0.5,1.2-0.8l4.4-11.4l4.8-12.3
|
||
C98,53,89.7,52.8,81.7,55.5z"/>
|
||
<path class="st0" d="M161.2,126.6l-0.6-0.2l-4.7-2.1l-5.2-2.3c-5.8,12.3-15.7,22.6-28.9,28.9l2.3,5.2l2.9,6.6l0,0
|
||
c3.8,9.2,11.6,5.6,13.6,4.4c10.5-6.6,19.1-15.2,25.6-25.2c0.1-0.1,0.1-0.2,0.2-0.4C170.7,131.7,163.3,127.6,161.2,126.6z"/>
|
||
<path class="st1" d="M150.7,122l-8.4-3.7l0,0l-7.4-3.2l-5.7-2.5c-3.5,7.1-9.3,13-16.8,16.7l2.5,5.7l3.2,7.4l3.7,8.4
|
||
C134.9,144.7,144.9,134.3,150.7,122z"/>
|
||
<path class="st2" d="M129.2,112.7l-12.1-5.3l-11-4.8c-0.4,0-0.9,0.1-1.3,0.3c-1,0.4-1.8,1.2-2.2,2.2c-0.2,0.4-0.3,0.8-0.3,1.3
|
||
l4.8,11l5.3,12.1C119.9,125.7,125.7,119.8,129.2,112.7z"/>
|
||
</g>
|
||
</svg>
|
||
|
||
</a>
|
||
|
||
<div id="expand" class="icon-button" data-i18n-key="header.expand" data-i18n-attrs="title" hidden>
|
||
<svg class="icon">
|
||
<use xlink:href="#caret"></use>
|
||
</svg>
|
||
</div>
|
||
</header>
|
||
|
||
<!-- <div id="qr-reader" style="width: 300px; height: 300px;"></div>
|
||
|
||
<input type="text" id="result" placeholder="Resultado do QR Code" />
|
||
<div class="app__dialog app__dialog--hide">
|
||
<button class="app__dialog-close">Fechar</button>
|
||
</div> -->
|
||
|
||
<!-- Center -->
|
||
<div id="center" class="opacity-0">
|
||
<!-- Peers -->
|
||
<x-peers class="center grow-5"></x-peers>
|
||
<x-no-peers class="center grow fade-in no-animation-on-load" data-i18n-key="instructions.no-peers" data-i18n-attrs="data-drop-bg">
|
||
<h2 data-i18n-key="instructions.no-peers-title" data-i18n-attrs="text"></h2>
|
||
<div data-i18n-key="instructions.no-peers-subtitle" data-i18n-attrs="text"></div>
|
||
</x-no-peers>
|
||
<x-instructions class="grow fade-in" data-i18n-key="instructions.x-instructions" data-i18n-attrs="desktop mobile data-drop-peer data-drop-bg"></x-instructions>
|
||
<div class="shr-panel panel column" hidden>
|
||
<div class="row">
|
||
<div class="thumb center">
|
||
<div class="text-thumb row" hidden>
|
||
<svg>
|
||
<use xlink:href="#font"></use>
|
||
</svg>
|
||
<svg>
|
||
<use xlink:href="#i-cursor"></use>
|
||
</svg>
|
||
</div>
|
||
<div class="file-thumb" hidden>
|
||
<svg>
|
||
<use xlink:href="#file"></use>
|
||
</svg>
|
||
</div>
|
||
<div class="image-thumb" hidden></div>
|
||
</div>
|
||
<div class="share-descriptor column p-1">
|
||
<span class="descriptor-item"></span>
|
||
<span class="descriptor-other" hidden></span>
|
||
</div>
|
||
</div>
|
||
<div class="center btn-row wrap">
|
||
<div class="cancel-btn btn btn-small btn-rounded btn-dark text-white" data-i18n-key="header.cancel-share-mode" data-i18n-attrs="text"></div>
|
||
<div class="edit-btn btn btn-small btn-rounded btn-dark text-white" data-i18n-key="header.edit-share-mode" data-i18n-attrs="text" hidden></div>
|
||
</div>
|
||
</div>
|
||
<div id="websocket-fallback" class="text-center" hidden>
|
||
<span data-i18n-key="footer.traffic" data-i18n-attrs="text"></span>
|
||
<span data-i18n-key="footer.routed" data-i18n-attrs="text"></span>
|
||
<span data-i18n-key="footer.webrtc" data-i18n-attrs="text"></span>
|
||
</div>
|
||
</div>
|
||
<!-- Footer -->
|
||
<footer class="column opacity-0">
|
||
<img class="logo-drop" src="./images/site_svg/logoerikraftdrop.svg" />
|
||
<div class="column">
|
||
<div class="known-as-wrapper">
|
||
<span data-i18n-key="footer.known-as" data-i18n-attrs="text"></span>
|
||
<div id="display-name" class="badge" data-i18n-key="footer.display-name" data-i18n-attrs="data-placeholder title" autocorrect="off" autocomplete="off" autocapitalize="none" spellcheck="false" contenteditable></div>
|
||
<svg class="icon edit-pen">
|
||
<use xlink:href="#edit-pen-icon"></use>
|
||
</svg>
|
||
<!-- Profile photo upload button below "Você é conhecido como:" -->
|
||
<label for="profile-photo-upload" class="btn btn-small btn-rounded" style="margin-top: 8px; display: inline-flex; align-items: center; gap: 6px; cursor: pointer;">
|
||
<svg class="icon edit-pen">
|
||
<use xlink:href="#edit-pen-icon"></use>
|
||
</svg>
|
||
<span>Add Profile Photo</span>
|
||
</label>
|
||
<input type="file" id="profile-photo-upload" accept="image/*" style="display:none" />
|
||
</div>
|
||
<div class="discovery-wrapper panel border row">
|
||
<div class="row center">
|
||
<span data-i18n-key="footer.discovery" data-i18n-attrs="text"></span>
|
||
</div>
|
||
<div class="row center wrap" id="device-avatars-container">
|
||
<span class="badge badge-room-ip" data-i18n-key="footer.on-this-network" data-i18n-attrs="text title"></span>
|
||
<span class="badge badge-room-secret pointer" data-i18n-key="footer.paired-devices" data-i18n-attrs="text title" hidden></span>
|
||
<span class="badge badge-room-public-id pointer" data-i18n-key="footer.public-room-devices" data-i18n-attrs="title" hidden>in room IAIAI</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</footer>
|
||
<!-- Language Select Dialog -->
|
||
<x-dialog id="language-select-dialog">
|
||
<x-background class="full center">
|
||
<x-paper shadow="2">
|
||
<div class="row center p-2">
|
||
<h2 class="dialog-title" data-i18n-key="dialogs.language-selector-title" data-i18n-attrs="text"></h2>
|
||
</div>
|
||
<div class="language-buttons p2">
|
||
<button class="btn fw wrap">
|
||
<span data-i18n-key="dialogs.system-language" data-i18n-attrs="text"></span>
|
||
</button>
|
||
<button class="btn fw wrap" value="ar">
|
||
<span lang="ar" dir="rtl">العربية</span>
|
||
<span> - </span>
|
||
<span>(Arabic)</span>
|
||
</button>
|
||
<button class="btn fw wrap" value="be">
|
||
<span lang="be">беларуская</span>
|
||
<span> - </span>
|
||
<span>(Belarusian)</span>
|
||
</button>
|
||
<button class="btn fw wrap" value="nb">
|
||
<span lang="nb">Bokmål</span>
|
||
<span> - </span>
|
||
<span>(Norwegian Bokmål)</span>
|
||
</button>
|
||
<button class="btn fw wrap" value="bg">
|
||
<span lang="bg">български</span>
|
||
<span> - </span>
|
||
<span>(Bulgarian)</span>
|
||
</button>
|
||
<button class="btn fw wrap" value="ca">
|
||
<span lang="ca">Català</span>
|
||
<span> - </span>
|
||
<span>(Catalan)</span>
|
||
</button>
|
||
<button class="btn fw wrap" value="cs">
|
||
<span lang="cs">Čeština</span>
|
||
<span> - </span>
|
||
<span>(Czech)</span>
|
||
</button>
|
||
<button class="btn fw wrap" value="da">
|
||
<span lang="da">Dansk</span>
|
||
<span> - </span>
|
||
<span>(Danish)</span>
|
||
</button>
|
||
<button class="btn fw wrap" value="de">
|
||
<span lang="de">Deutsch</span>
|
||
<span> - </span>
|
||
<span>(German)</span>
|
||
</button>
|
||
<button class="btn fw wrap" value="en">
|
||
<span lang="en">English</span>
|
||
</button>
|
||
<button class="btn fw wrap" value="es">
|
||
<span lang="es">Español</span>
|
||
<span> - </span>
|
||
<span>(Spanish)</span>
|
||
</button>
|
||
<button class="btn fw wrap" value="et">
|
||
<span lang="et">Eesti</span>
|
||
<span> - </span>
|
||
<span>(Estonian)</span>
|
||
</button>
|
||
<button class="btn fw wrap" value="eu">
|
||
<span lang="eu">Euskara</span>
|
||
<span> - </span>
|
||
<span>(Basque)</span>
|
||
</button>
|
||
<button class="btn fw wrap" value="fa">
|
||
<span lang="fa" dir="rtl">فارسی</span>
|
||
<span> - </span>
|
||
<span>(Persian)</span>
|
||
</button>
|
||
<button class="btn fw wrap" value="fr">
|
||
<span lang="fr">Français</span>
|
||
<span> - </span>
|
||
<span>(French)</span>
|
||
</button>
|
||
<button class="btn fw wrap" value="id">
|
||
<span lang="id">Bahasa Indonesia</span>
|
||
<span> - </span>
|
||
<span>(Indonesian)</span>
|
||
</button>
|
||
<button class="btn fw wrap" value="it">
|
||
<span lang="it">Italiano</span>
|
||
<span> - </span>
|
||
<span>(Italian)</span>
|
||
</button>
|
||
<button class="btn fw wrap" value="he">
|
||
<span lang="he" dir="rtl">עִבְרִית</span>
|
||
<span> - </span>
|
||
<span>(Hebrew)</span>
|
||
</button>
|
||
<button class="btn fw wrap" value="kn">
|
||
<span lang="kn">ಕನ್ನಡ</span>
|
||
<span> - </span>
|
||
<span>(Kannada)</span>
|
||
</button>
|
||
<button class="btn fw wrap" value="hu">
|
||
<span lang="hu">Magyar</span>
|
||
<span> - </span>
|
||
<span>(Hungarian)</span>
|
||
</button>
|
||
<button class="btn fw wrap" value="nl">
|
||
<span lang="nl">Nederlands</span>
|
||
<span> - </span>
|
||
<span>(Dutch)</span>
|
||
</button>
|
||
<button class="btn fw wrap" value="nn">
|
||
<span lang="nn">Norsk</span>
|
||
<span> - </span>
|
||
<span>(Norwegian Nynorsk)</span>
|
||
</button>
|
||
<button class="btn fw wrap" value="pl">
|
||
<span lang="pl">Polski</span>
|
||
<span> - </span>
|
||
<span>(Polish)</span>
|
||
</button>
|
||
<button class="btn fw wrap" value="pt-BR">
|
||
<span lang="pt-BR">Português do Brasil</span>
|
||
<span> - </span>
|
||
<span>(Brazilian Portuguese)</span>
|
||
</button>
|
||
<button class="btn fw wrap" value="ro">
|
||
<span lang="ro">Română</span>
|
||
<span> - </span>
|
||
<span>(Romanian)</span>
|
||
</button>
|
||
<button class="btn fw wrap" value="ru">
|
||
<span lang="ru">Русский язык</span>
|
||
<span> - </span>
|
||
<span>(Russian)</span>
|
||
</button>
|
||
<button class="btn fw wrap" value="sk">
|
||
<span lang="sk">Slovenčina</span>
|
||
<span> - </span>
|
||
<span>(Slovak)</span>
|
||
</button>
|
||
<button class="btn fw wrap" value="ta">
|
||
<span lang="ta">தமிழ்</span>
|
||
<span> - </span>
|
||
<span>(Tamil)</span>
|
||
</button>
|
||
<button class="btn fw wrap" value="tr">
|
||
<span lang="tr">Türkçe</span>
|
||
<span> - </span>
|
||
<span>(Turkish)</span>
|
||
</button>
|
||
<button class="btn fw wrap" value="uk">
|
||
<span lang="uk">Українська</span>
|
||
<span> - </span>
|
||
<span>(Ukrainian)</span>
|
||
</button>
|
||
<button class="btn fw wrap" value="zh-CN">
|
||
<span lang="zh-CN">汉语</span>
|
||
<span> - </span>
|
||
<span>(Simplified Chinese)</span>
|
||
</button>
|
||
<button class="btn fw wrap" value="zh-HK">
|
||
<span lang="zh-HK">中文</span>
|
||
<span> - </span>
|
||
<span>(Hant Script)</span>
|
||
</button>
|
||
<button class="btn fw wrap" value="zh-TW">
|
||
<span lang="zh-TW">漢語</span>
|
||
<span> - </span>
|
||
<span>(Traditional Chinese)</span>
|
||
</button>
|
||
<button class="btn fw wrap" value="ja">
|
||
<span lang="ja">日本語</span>
|
||
<span> - </span>
|
||
<span>(Japanese)</span>
|
||
</button>
|
||
<button class="btn fw wrap" value="ko">
|
||
<span lang="ko">한국어</span>
|
||
<span> - </span>
|
||
<span>(Korean)</span>
|
||
</button>
|
||
</div>
|
||
<div class="center row-reverse btn-row wrap">
|
||
<button class="btn btn-rounded btn-grey" type="button" data-i18n-key="dialogs.close" data-i18n-attrs="text" close></button>
|
||
</div>
|
||
</x-paper>
|
||
</x-background>
|
||
</x-dialog>
|
||
<!-- Pair Device Dialog -->
|
||
<x-dialog id="pair-device-dialog">
|
||
<form action="#">
|
||
<x-background class="full center text-center">
|
||
<x-paper shadow="2">
|
||
<div class="row center p-2">
|
||
<h2 class="dialog-title" data-i18n-key="dialogs.pair-devices-title" data-i18n-attrs="text"></h2>
|
||
</div>
|
||
<div class="row center p-2">
|
||
<div class="column">
|
||
<div class="center key-qr-code pointer" data-i18n-key="dialogs.pair-devices-qr-code" data-i18n-attrs="title"></div>
|
||
<h1 class="center key" dir="ltr">000 000</h1>
|
||
<p class="center text-center key-instructions">
|
||
<span class="font-subheading" data-i18n-key="dialogs.input-key-on-this-device" data-i18n-attrs="text"></span>
|
||
<span class="font-subheading" data-i18n-key="dialogs.scan-qr-code" data-i18n-attrs="text"></span>
|
||
</p>
|
||
</div>
|
||
</div>
|
||
<div class="hr-note">
|
||
<hr>
|
||
<div>
|
||
<span data-i18n-key="dialogs.hr-or" data-i18n-attrs="text"></span>
|
||
</div>
|
||
</div>
|
||
<div class="row center p-2">
|
||
<div class="column fw">
|
||
<div class="input-key-container six-chars" dir="ltr">
|
||
<input type="tel" class="textarea center" aria-label="pair-key-char-1" maxlength="1" autocorrect="off" autocomplete="off" autocapitalize="none" spellcheck="false" autofocus contenteditable placeholder disabled>
|
||
<input type="tel" class="textarea center" aria-label="pair-key-char-2" maxlength="1" autocorrect="off" autocomplete="off" autocapitalize="none" spellcheck="false" contenteditable placeholder disabled>
|
||
<input type="tel" class="textarea center" aria-label="pair-key-char-3" maxlength="1" autocorrect="off" autocomplete="off" autocapitalize="none" spellcheck="false" contenteditable placeholder disabled>
|
||
<input type="tel" class="textarea center" aria-label="pair-key-char-4" maxlength="1" autocorrect="off" autocomplete="off" autocapitalize="none" spellcheck="false" contenteditable placeholder disabled>
|
||
<input type="tel" class="textarea center" aria-label="pair-key-char-5" maxlength="1" autocorrect="off" autocomplete="off" autocapitalize="none" spellcheck="false" contenteditable placeholder disabled>
|
||
<input type="tel" class="textarea center" aria-label="pair-key-char-6" maxlength="1" autocorrect="off" autocomplete="off" autocapitalize="none" spellcheck="false" contenteditable placeholder disabled>
|
||
</div>
|
||
<p class="font-subheading center text-center" data-i18n-key="dialogs.enter-key-from-another-device" data-i18n-attrs="text"></p>
|
||
</div>
|
||
</div>
|
||
<div class="btn-row row-reverse wrap">
|
||
<button class="btn btn-rounded btn-grey" type="submit" data-i18n-key="dialogs.pair" data-i18n-attrs="text" disabled></button>
|
||
<button class="btn btn-rounded btn-grey" type="button" data-i18n-key="dialogs.cancel" data-i18n-attrs="text" close></button>
|
||
</div>
|
||
</x-paper>
|
||
</x-background>
|
||
</form>
|
||
</x-dialog>
|
||
<!-- Edit Paired Devices Dialog -->
|
||
<x-dialog id="edit-paired-devices-dialog">
|
||
<form action="#">
|
||
<x-background class="full center text-center">
|
||
<x-paper shadow="2">
|
||
<div class="row center p-2">
|
||
<h2 class="dialog-title" data-i18n-key="dialogs.edit-paired-devices-title" data-i18n-attrs="text"></h2>
|
||
</div>
|
||
<div class="paired-devices-wrapper" data-i18n-key="dialogs.paired-devices-wrapper" data-i18n-attrs="data-empty"></div>
|
||
<div class="row center p-2">
|
||
<div class="font-subheading">
|
||
<span data-i18n-key="dialogs.auto-accept-instructions-1" data-i18n-attrs="text"></span>
|
||
<u data-i18n-key="dialogs.auto-accept" data-i18n-attrs="text"></u>
|
||
<span data-i18n-key="dialogs.auto-accept-instructions-2" data-i18n-attrs="text"></span>
|
||
</div>
|
||
</div>
|
||
<div class="center row-reverse btn-row wrap">
|
||
<button class="btn btn-rounded btn-grey" type="button" data-i18n-key="dialogs.close" data-i18n-attrs="text" close></button>
|
||
</div>
|
||
</x-paper>
|
||
</x-background>
|
||
</form>
|
||
</x-dialog>
|
||
<!-- Public Room Dialog -->
|
||
<x-dialog id="public-room-dialog">
|
||
<form action="#">
|
||
<x-background class="full center text-center">
|
||
<x-paper shadow="2">
|
||
<div class="row center p-2">
|
||
<h2 class="dialog-title" data-i18n-key="dialogs.temporary-public-room-title" data-i18n-attrs="text"></h2>
|
||
</div>
|
||
<div class="row center p-2">
|
||
<div class="column">
|
||
<div class="center key-qr-code pointer" data-i18n-key="dialogs.public-room-qr-code" data-i18n-attrs="title"></div>
|
||
<h1 class="center key" dir="ltr"></h1>
|
||
<p class="center text-center key-instructions">
|
||
<span class="font-subheading" data-i18n-key="dialogs.input-room-id-on-another-device" data-i18n-attrs="text"></span>
|
||
<span class="font-subheading" data-i18n-key="dialogs.scan-qr-code" data-i18n-attrs="text"></span>
|
||
</p>
|
||
</div>
|
||
</div>
|
||
<div class="hr-note">
|
||
<hr>
|
||
<div>
|
||
<span data-i18n-key="dialogs.hr-or" data-i18n-attrs="text"></span>
|
||
</div>
|
||
</div>
|
||
<div class="row center p-2">
|
||
<div class="column fw">
|
||
<div class="input-key-container" dir="ltr">
|
||
<input type="text" class="textarea center" aria-label="room-id-char-1" maxlength="1" autocorrect="off" autocomplete="off" autocapitalize="none" spellcheck="false" autofocus contenteditable placeholder disabled>
|
||
<input type="text" class="textarea center" aria-label="room-id-char-2" maxlength="1" autocorrect="off" autocomplete="off" autocapitalize="none" spellcheck="false" contenteditable placeholder disabled>
|
||
<input type="text" class="textarea center" aria-label="room-id-char-3" maxlength="1" autocorrect="off" autocomplete="off" autocapitalize="none" spellcheck="false" contenteditable placeholder disabled>
|
||
<input type="text" class="textarea center" aria-label="room-id-char-4" maxlength="1" autocorrect="off" autocomplete="off" autocapitalize="none" spellcheck="false" contenteditable placeholder disabled>
|
||
<input type="text" class="textarea center" aria-label="room-id-char-5" maxlength="1" autocorrect="off" autocomplete="off" autocapitalize="none" spellcheck="false" contenteditable placeholder disabled>
|
||
</div>
|
||
<p class="font-subheading center text-center" data-i18n-key="dialogs.enter-room-id-from-another-device" data-i18n-attrs="text"></p>
|
||
</div>
|
||
</div>
|
||
<div class="center row-reverse btn-row wrap">
|
||
<div class="row-reverse wrap grow-2">
|
||
<button class="btn btn-rounded btn-grey" type="submit" data-i18n-key="dialogs.join" data-i18n-attrs="text" disabled></button>
|
||
<button class="btn btn-rounded btn-grey leave-room" type="button" data-i18n-key="dialogs.leave" data-i18n-attrs="text"></button>
|
||
</div>
|
||
<button class="btn btn-rounded btn-grey" type="button" data-i18n-key="dialogs.close" data-i18n-attrs="text" close></button>
|
||
</div>
|
||
</x-paper>
|
||
</x-background>
|
||
</form>
|
||
</x-dialog>
|
||
<!-- Receive Request Dialog -->
|
||
<x-dialog id="receive-request-dialog">
|
||
<x-background class="full center">
|
||
<x-paper shadow="2">
|
||
<div class="row center p-2">
|
||
<h2 class="dialog-title"></h2>
|
||
</div>
|
||
<div class="row center p-2">
|
||
<div class="column center file-description">
|
||
<div>
|
||
<span class="display-name badge"></span>
|
||
<span data-i18n-key="dialogs.would-like-to-share" data-i18n-attrs="text"></span>
|
||
</div>
|
||
<div class="row file-name">
|
||
<span class="file-stem"></span>
|
||
<span class="file-extension"></span>
|
||
</div>
|
||
<div class="row file-other">
|
||
</div>
|
||
<div class="row font-body2 file-size"></div>
|
||
</div>
|
||
</div>
|
||
<div class="center file-preview"></div>
|
||
<div class="row-reverse center btn-row wrap">
|
||
<button id="accept-request" class="btn btn-rounded btn-grey" title="ENTER" data-i18n-key="dialogs.accept" data-i18n-attrs="text" autofocus disabled></button>
|
||
<button id="decline-request" class="btn btn-rounded btn-grey" title="ESCAPE" data-i18n-key="dialogs.decline" data-i18n-attrs="text"></button>
|
||
</div>
|
||
</x-paper>
|
||
</x-background>
|
||
</x-dialog>
|
||
<!-- Receive File Dialog -->
|
||
<x-dialog id="receive-file-dialog">
|
||
<x-background class="full center">
|
||
<x-paper shadow="2">
|
||
<div class="row center p-2">
|
||
<h2 class="dialog-title"></h2>
|
||
</div>
|
||
<div class="row center p-2">
|
||
<div class="column center file-description">
|
||
<div>
|
||
<span class="display-name badge"></span>
|
||
<span data-i18n-key="dialogs.has-sent" data-i18n-attrs="text"></span>
|
||
</div>
|
||
<div class="row file-name">
|
||
<span class="file-stem"></span>
|
||
<span class="file-extension"></span>
|
||
</div>
|
||
<div class="row file-other">
|
||
</div>
|
||
<div class="row font-body2 file-size"></div>
|
||
</div>
|
||
</div>
|
||
<div class="center file-preview"></div>
|
||
<div class="row-reverse center btn-row wrap">
|
||
<button id="share-btn" class="btn btn-rounded btn-grey" data-i18n-key="dialogs.share" data-i18n-attrs="text" hidden></button>
|
||
<button id="download-btn" class="btn btn-rounded btn-grey" data-i18n-key="dialogs.download" data-i18n-attrs="text" autofocus disabled></button>
|
||
<button class="btn btn-rounded btn-grey" data-i18n-key="dialogs.close" data-i18n-attrs="text" close></button>
|
||
</div>
|
||
</x-paper>
|
||
</x-background>
|
||
</x-dialog>
|
||
<!-- Send Text Dialog -->
|
||
<x-dialog id="send-text-dialog">
|
||
<form action="#">
|
||
<x-background class="full center">
|
||
<x-paper shadow="2">
|
||
<div class="row center p-2">
|
||
<h2 class="dialog-title" data-i18n-key="dialogs.send-message-title" data-i18n-attrs="text"></h2>
|
||
</div>
|
||
<div class="row center p-2 display-name-wrapper">
|
||
<div class="column">
|
||
<div class="text-center">
|
||
<span data-i18n-key="dialogs.send-message-to" data-i18n-attrs="text"></span>
|
||
<span class="display-name badge"></span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="row p-2">
|
||
<div class="column fw">
|
||
<div class="fw textarea" role="textbox" data-i18n-key="dialogs.message" data-i18n-attrs="title placeholder" autofocus contenteditable></div>
|
||
</div>
|
||
</div>
|
||
<div class="btn-row row-reverse wrap">
|
||
<button class="btn btn-rounded btn-grey" type="submit" title="CTRL/⌘ + ENTER" data-i18n-key="dialogs.send" data-i18n-attrs="text" disabled></button>
|
||
<button class="btn btn-rounded btn-grey" type="button" title="ESCAPE" data-i18n-key="dialogs.cancel" data-i18n-attrs="text" close></button>
|
||
</div>
|
||
</x-paper>
|
||
</x-background>
|
||
</form>
|
||
</x-dialog>
|
||
<!-- Receive Text Dialog -->
|
||
<x-dialog id="receive-text-dialog">
|
||
<x-background class="full center">
|
||
<x-paper shadow="2">
|
||
<div class="row center p-2">
|
||
<h2 class="dialog-title" class="text-center" data-i18n-key="dialogs.receive-text-title" data-i18n-attrs="text"></h2>
|
||
</div>
|
||
<div class="row center p-2 display-name-wrapper">
|
||
<div class="text-center">
|
||
<span class="display-name badge"></span>
|
||
<span data-i18n-key="dialogs.has-sent" data-i18n-attrs="text"></span>
|
||
</div>
|
||
</div>
|
||
<div class="row center p-2">
|
||
<div class="column fw">
|
||
<div id="text" class="textarea"></div>
|
||
</div>
|
||
</div>
|
||
<div class="row-reverse center btn-row wrap">
|
||
<button id="copy" class="btn btn-rounded btn-grey" title="CTRL/⌘ + C" data-i18n-key="dialogs.copy" data-i18n-attrs="text"></button>
|
||
<button id="close" class="btn btn-rounded btn-grey" title="ESCAPE" data-i18n-key="dialogs.close" data-i18n-attrs="text"></button>
|
||
</div>
|
||
</x-paper>
|
||
</x-background>
|
||
</x-dialog>
|
||
<!-- Share Text Dialog -->
|
||
<x-dialog id="share-text-dialog">
|
||
<x-background class="full center">
|
||
<x-paper shadow="2">
|
||
<div class="row center p-2">
|
||
<h2 class="dialog-title" data-i18n-key="dialogs.share-text-title" data-i18n-attrs="text"></h2>
|
||
</div>
|
||
<div class="row center p-2 pb-0">
|
||
<div class="column">
|
||
<div class="text-center">
|
||
<span data-i18n-key="dialogs.share-text-subtitle" data-i18n-attrs="text"></span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="row p-2">
|
||
<div class="column fw">
|
||
<div class="fw textarea" role="textbox" data-i18n-key="dialogs.message" data-i18n-attrs="title placeholder" contenteditable></div>
|
||
</div>
|
||
</div>
|
||
<div class="row p-2 center">
|
||
<span class="mx-1" data-i18n-key="dialogs.share-text-checkbox" data-i18n-attrs="text"></span>
|
||
<label class="pointer switch mx-1">
|
||
<input type="checkbox">
|
||
<div class="slider round"></div>
|
||
</label>
|
||
</div>
|
||
<div class="btn-row row-reverse wrap">
|
||
<button class="btn btn-rounded btn-grey" type="submit" title="CTRL/⌘ + ENTER" data-i18n-key="dialogs.approve" data-i18n-attrs="text" autofocus disabled></button>
|
||
</div>
|
||
</x-paper>
|
||
</x-background>
|
||
</x-dialog>
|
||
<!-- base64 Paste Dialog -->
|
||
<x-dialog id="base64-paste-dialog">
|
||
<x-background class="full center">
|
||
<x-paper shadow="2">
|
||
<div class="row center p-2">
|
||
<h2 class="dialog-title"></h2>
|
||
</div>
|
||
<div class="row p-2">
|
||
<button class="btn btn-rounded btn-grey center" id="base64-paste-btn" title="Paste"></button>
|
||
<div class="textarea" title="CMD/⌘ + V" contenteditable hidden></div>
|
||
</div>
|
||
<div class="row-reverse center btn-row wrap">
|
||
<button class="btn btn-rounded btn-grey" data-i18n-key="dialogs.close" data-i18n-attrs="text" close></button>
|
||
</div>
|
||
</x-paper>
|
||
</x-background>
|
||
</x-dialog>
|
||
<!-- Toast -->
|
||
<div class="toast-container full center">
|
||
<x-toast id="toast" shadow="1">
|
||
<span class="center text-center"></span>
|
||
<div class="icon-button" data-i18n-key="dialogs.close-toast" data-i18n-attrs="title">
|
||
<svg class="icon">
|
||
<use xlink:href="#close-icon"></use>
|
||
</svg>
|
||
</div>
|
||
</x-toast>
|
||
</div>
|
||
<!-- About Page -->
|
||
<x-about id="about" class="full center column">
|
||
<header class="row-reverse">
|
||
<a href="#" class="close icon-button" data-i18n-key="about.close-about" data-i18n-attrs="aria-label">
|
||
<svg class="icon">
|
||
<use xlink:href="#close-icon"></use>
|
||
</svg>
|
||
</a>
|
||
</header>
|
||
<section class="center column">
|
||
<img class="logo-drop-color-blocked" src="./images/site_svg/logoerikraftdrop.svg" />
|
||
<div class="title-wrapper" dir="ltr">
|
||
<h1>ErikrafT Drop</h1>
|
||
<div class="font-subheading">v1.11.4</div>
|
||
</div>
|
||
<div class="font-subheading" data-i18n-key="about.claim" data-i18n-attrs="text">
|
||
A maneira mais fácil de transferir arquivos entre dispositivos
|
||
</div>
|
||
|
||
<!-- Botões Sociais -->
|
||
<div class="row social-buttons">
|
||
<!-- GitHub -->
|
||
<a class="icon-button" target="_blank" href="https://github.com/erikraft/Drop/tree/master" rel="noreferrer" data-i18n-key="about.github" data-i18n-attrs="title">
|
||
<svg class="icon">
|
||
<use xlink:href="#github"></use>
|
||
</svg>
|
||
</a>
|
||
|
||
<!-- Doação -->
|
||
<a class="icon-button" id="donation-btn" target="_blank" href="https://ko-fi.com/erikraft" rel="noreferrer" data-i18n-key="about.buy-me-a-coffee" data-i18n-attrs="title">
|
||
<lord-icon
|
||
src="https://cdn.lordicon.com/xuyycdjx.json"
|
||
trigger="loop"
|
||
delay="2000"
|
||
colors="primary:#ffffff"
|
||
style="width:24px;height:24px">
|
||
</lord-icon>
|
||
</a>
|
||
|
||
<!-- X (Twitter) -->
|
||
<a class="icon-button" id="x-twitter-btn" target="_blank" href="https://x.com/ErikrafTbr" rel="noreferrer" data-i18n-key="about.tweet" data-i18n-attrs="title">
|
||
<svg class="icon">
|
||
<use xlink:href="#x-twitter"></use>
|
||
</svg>
|
||
</a>
|
||
|
||
<!-- Mastodon (hidden) -->
|
||
<a class="icon-button" id="mastodon-btn" target="_blank" rel="noreferrer" data-i18n-key="about.mastodon" data-i18n-attrs="title" hidden>
|
||
<svg class="icon">
|
||
<use xlink:href="#mastodon"></use>
|
||
</svg>
|
||
</a>
|
||
|
||
<!-- Bluesky (hidden) -->
|
||
<a class="icon-button" id="bluesky-btn" target="_blank" rel="noreferrer" data-i18n-key="about.bluesky" data-i18n-attrs="title" hidden>
|
||
<svg class="icon">
|
||
<use xlink:href="#bluesky"></use>
|
||
</svg>
|
||
</a>
|
||
|
||
<!-- Custom (hidden) -->
|
||
<a class="icon-button" id="custom-btn" target="_blank" rel="noreferrer" data-i18n-key="about.custom" data-i18n-attrs="title" hidden>
|
||
<svg class="icon">
|
||
<use xlink:href="#custom"></use>
|
||
</svg>
|
||
</a>
|
||
|
||
<!-- Privacy Policy (hidden) -->
|
||
<a class="icon-button" id="privacypolicy-btn" target="_blank" rel="noreferrer" data-i18n-key="about.privacypolicy" data-i18n-attrs="title" hidden>
|
||
<svg class="icon">
|
||
<use xlink:href="#privacypolicy"></use>
|
||
</svg>
|
||
</a>
|
||
|
||
<!-- FAQ (Lord Icon) -->
|
||
<a class="icon-button" target="_blank" href="https://github.com/erikraft/Drop/blob/master/docs/faq.md" rel="noreferrer" data-i18n-key="about.faq" data-i18n-attrs="title">
|
||
<lord-icon
|
||
src="https://cdn.lordicon.com/ojnjgkun.json"
|
||
trigger="loop"
|
||
delay="2000"
|
||
colors="primary:#ffffff"
|
||
style="width:24px;height:24px">
|
||
</lord-icon>
|
||
</a>
|
||
|
||
<!-- Site Sobre o ErikrafT Drop (Font Awesome) -->
|
||
<a class="icon-button" target="_blank" href="https://biodrop.erikraft.com/" rel="noreferrer" data-i18n-key="site.biodrop" data-i18n-attrs="title">
|
||
<lord-icon
|
||
src="https://cdn.lordicon.com/jnzhohhs.json"
|
||
trigger="loop"
|
||
delay="2000"
|
||
colors="primary:#ffffff"
|
||
style="width:24px;height:24px">
|
||
</lord-icon>
|
||
</a>
|
||
|
||
<!-- LimeWire -->
|
||
<a href="https://limewire.com/" target="_blank" rel="noreferrer" data-i18n-key="site.limewire" data-i18n-attrs="title" class="icon-button" title="LimeWire" style="display: flex; align-items: center; justify-content: center; width: 32px; height: 32px; padding: 4px;">
|
||
<svg viewBox="0 0 187.6 187.6" xmlns="http://www.w3.org/2000/svg" style="width: 24px; height: 24px; animation: spin 2s linear infinite;">
|
||
<style>
|
||
.st0 { fill: #00934B; }
|
||
.st1 { fill: #22D511; }
|
||
.st2 { fill: #BEF000; }
|
||
@keyframes spin {
|
||
from { transform: rotate(0deg); }
|
||
to { transform: rotate(360deg); }
|
||
}
|
||
</style>
|
||
<g>
|
||
<path class="st0" d="M26.2,61.2l0.5,0.2l4.7,2.1l5.2,2.3C42.4,53.5,52.3,43.2,65.4,37l-2.3-5.2l-3.3-7.6c-3.7-7.4-10.4-4.9-12.8-3.7c-10.6,6.6-19.4,15.3-26,25.4c-0.1,0.1-0.1,0.2-0.1,0.4C16.7,56.1,24.1,60.2,26.2,61.2z"/>
|
||
<path class="st1" d="M36.7,65.7l8.4,3.7l7.3,3.2l5.8,2.6c3.5-7.1,9.3-13.1,16.8-16.8l-2.6-5.8l-3.2-7.3l-3.7-8.4C52.4,43.1,42.5,53.5,36.7,65.7z"/>
|
||
<path class="st2" d="M58.1,75.2l12.1,5.3l11.2,4.9c1.5-0.1,2.8-1.1,3.4-2.5c0.2-0.5,0.3-0.9,0.3-1.4l-4.9-11.1l-5.3-12.1C67.4,62.1,61.6,68.1,58.1,75.2z"/>
|
||
<path class="st0" d="M178.7,75.9c-3.9-9.7-11.9-7.5-14.1-6.6l-0.6,0.2l-4.9,1.9l-5.3,2.1c4.9,13.6,4.6,28,0,40.8l5.3,2.1l6.8,2.6c7.9,3.3,11.2-2.3,12.4-5.3C181.3,101.5,181.5,88.6,178.7,75.9z"/>
|
||
<path class="st1" d="M153.9,73.5l-8.5,3.3l-7.5,2.9L132,82c2.7,8,2.6,16.3,0,23.8l5.8,2.3l7.5,2.9l8.5,3.3
|
||
C158.5,101.5,158.8,87.2,153.9,73.5z"/>
|
||
<path class="st2" d="M132.1,82l-12.3,4.8l-11.4,4.5c-1,1.1-1.3,2.7-0.7,4.2c0.2,0.4,0.4,0.8,0.7,1.1l11.4,4.4l12.3,4.8
|
||
C134.6,98.3,134.8,90,132.1,82z"/>
|
||
<path class="st0" d="M28.2,116.4l5.3-2.1c-4.9-13.6-4.6-28,0-40.8l-5.3-2.1l-6.9-2.7c-8-3.2-11.2,2.7-12.3,5.6
|
||
c-2.9,12-3.1,24.7-0.4,37.2c0,0,0,0,0,0.1c3.9,10,12,7.7,14.2,6.9L28.2,116.4z"/>
|
||
<path class="st1" d="M33.5,114.3L42,111l7.4-2.9l5.9-2.3c-2.7-8-2.6-16.3,0-23.8l-5.9-2.3L42,76.9l-8.5-3.3
|
||
C28.9,86.4,28.6,100.7,33.5,114.3z"/>
|
||
<path class="st2" d="M55.4,105.8l12.3-4.8L79,96.6c1-1.1,1.3-2.7,0.7-4.2c-0.2-0.5-0.5-0.9-0.8-1.2l-11.3-4.4L55.3,82
|
||
C52.8,89.6,52.7,97.9,55.4,105.8z"/>
|
||
<path class="st0" d="M36.8,122.1l-5.2,2.3l-5.4,2.4c0,0-9.5,5.1-5.1,14.9v0.1c6.9,10.7,16,19.4,26.4,25.8c2.7,1.3,9.5,3.5,12.9-4.8
|
||
l2.9-6.6l2.3-5.2C53.4,145.1,43,135.2,36.8,122.1z"/>
|
||
<path class="st1" d="M72.6,135.2l2.5-5.7C68,126,62,120.2,58.3,112.7l-5.8,2.5l-7.3,3.2l-8.4,3.7c6.2,13.1,16.6,23,28.9,28.8
|
||
l3.7-8.4L72.6,135.2z"/>
|
||
<path class="st2" d="M75.1,129.4l5.3-12.1l4.9-11.1c-0.1-1.5-1-2.9-2.5-3.5c-0.4-0.2-0.9-0.3-1.4-0.3l-11.1,4.9l-12.1,5.3
|
||
C62,120.2,68,125.9,75.1,129.4z"/>
|
||
<path class="st0" d="M150.7,65.8l5.2-2.3l5.8-2.6l-0.5,0.1c2.1-1,9.4-5,5.3-14.6c-7-11-16.4-19.9-27.2-26.4c-7.6-3.9-12.3,5-12.3,5
|
||
l-2.9,6.7l-2.3,5.2C134.1,42.7,144.5,52.6,150.7,65.8z"/>
|
||
<path class="st1" d="M114.9,52.5l-2.5,5.8c7.1,3.5,13.1,9.3,16.9,16.9l5.8-2.5l7.3-3.2l8.3-3.7c-6.2-13.1-16.6-23.1-28.9-28.9
|
||
l-3.7,8.4L114.9,52.5z"/>
|
||
<path class="st2" d="M112.4,58.3l-5.3,12.1l-4.9,11.3c0.1,1.5,1,2.8,2.5,3.4c0.4,0.2,0.9,0.3,1.4,0.3l11.2-4.9l12.1-5.3
|
||
C125.5,67.6,119.5,61.9,112.4,58.3z"/>
|
||
<path class="st0" d="M116.2,159.3l-2.1-5.3c-13.7,4.9-28,4.6-40.8,0l-2.1,5.3l-3.4,8.8c0,0-1.7,6.9,8.3,10.7
|
||
c0.2,0.1,0.4,0.2,0.6,0.2c11.5,2.4,23.6,2.4,35.5-0.3c1.7-0.5,10-3.1,7-11.8L116.2,159.3z"/>
|
||
<path class="st1" d="M114.2,154l-3.3-8.5L108,138l-2.3-5.8c-8,2.7-16.3,2.6-23.8,0l-2.3,5.8l-2.9,7.5l-3.3,8.5
|
||
C86.2,158.6,100.5,158.9,114.2,154z"/>
|
||
<path class="st2" d="M105.6,132.2l-4.8-12.3l-4.4-11.3c-1.1-1-2.8-1.3-4.3-0.7c-0.4,0.2-0.8,0.4-1.1,0.7l-4.4,11.3l-4.8,12.3
|
||
C89.4,134.7,97.6,134.9,105.6,132.2z"/>
|
||
<path class="st0" d="M71.1,28.4l2.1,5.3c13.7-4.9,28-4.6,40.8-0.1l2.1-5.3l2.1-5.4c0.8-2.2,3.1-10.4-6.9-14.2
|
||
c-0.1,0-0.1-0.1-0.2-0.1C99.2,6.2,86.7,6.2,74.4,9.1c-2.8,0.9-9.4,4.1-5.9,12.6L71.1,28.4z"/>
|
||
<path class="st1" d="M73.2,33.7l3.3,8.5l2.9,7.4l2.3,5.9c8-2.7,16.3-2.6,23.8,0l2.3-5.9l2.9-7.4l3.3-8.5
|
||
C101.2,29.1,86.9,28.8,73.2,33.7z"/>
|
||
<path class="st2" d="M81.7,55.5l4.8,12.3L91,79.3c1.1,0.9,2.7,1.2,4.1,0.6c0.5-0.2,0.9-0.5,1.2-0.8l4.4-11.4l4.8-12.3C98,53,89.7,52.8,81.7,55.5z"/>
|
||
<path class="st0" d="M161.2,126.6l-0.6-0.2l-4.7-2.1l-5.2-2.3c-5.8,12.3-15.7,22.6-28.9,28.9l2.3,5.2l2.9,6.6l0,0
|
||
c3.8,9.2,11.6,5.6,13.6,4.4c10.5-6.6,19.1-15.2,25.6-25.2c0.1-0.1,0.1-0.2,0.2-0.4C170.7,131.7,163.3,127.6,161.2,126.6z"/>
|
||
<path class="st1" d="M150.7,122l-8.4-3.7l0,0l-7.4-3.2l-5.7-2.5c-3.5,7.1-9.3,13-16.8,16.7l2.5,5.7l3.2,7.4l3.7,8.4
|
||
C134.9,144.7,144.9,134.3,150.7,122z"/>
|
||
<path class="st2" d="M129.2,112.7l-12.1-5.3l-11-4.8c-0.4,0-0.9,0.1-1.3,0.3c-1,0.4-1.8,1.2-2.2,2.2c-0.2,0.4-0.3,0.8-0.3,1.3
|
||
l4.8,11l5.3,12.1C119.9,125.7,125.7,119.8,129.2,112.7z"/>
|
||
</g>
|
||
</svg>
|
||
</a>
|
||
</div>
|
||
|
||
<!-- Botões com Imagens -->
|
||
<div class="row" style="margin: 1em 0; gap: 10px; flex-wrap: wrap; justify-content: center;">
|
||
<a href="https://drop.erikraft.com/" target="_blank">
|
||
<img src="https://i.imgur.com/9uq39iu.png" alt="Get it on Web" style="height: 80px;">
|
||
</a>
|
||
<a href="https://github.com/erikraft/App-Drop-Apk/raw/main/ErikrafT%20Drop.apk" target="_blank">
|
||
<img src="https://i.imgur.com/nxlokSi.png" alt="Get it on APK" style="height: 80px;">
|
||
</a>
|
||
<a href="https://marketplace.visualstudio.com/items?itemName=ErikrafT.erikraft-drop" target="_blank">
|
||
<img src="https://i.imgur.com/fBWr0lN.png" alt="Get it on VS Code Marketplace" style="height: 80px;">
|
||
</a>
|
||
<a href="https://addons.mozilla.org/pt-BR/firefox/addon/erikraft-drop/" target="_blank">
|
||
<img src="https://i.imgur.com/2MubKYT.png" alt="Firefox Browser ADD-ONS" style="height: 80px;">
|
||
</a>
|
||
</div>
|
||
</section>
|
||
<x-background></x-background>
|
||
</x-about>
|
||
<canvas class="circles opacity-0"></canvas>
|
||
|
||
|
||
<!-- SVG Icon Library -->
|
||
<svg style="display: none;">
|
||
<symbol id="limewire" viewBox="0 0 187.6 187.6">
|
||
<path class="st0" d="M26.2,61.2l0.5,0.2l4.7,2.1l5.2,2.3C42.4,53.5,52.3,43.2,65.4,37l-2.3-5.2l-3.3-7.6
|
||
c-3.7-7.4-10.4-4.9-12.8-3.7c-10.6,6.6-19.4,15.3-26,25.4c-0.1,0.1-0.1,0.2-0.1,0.4C16.7,56.1,24.1,60.2,26.2,61.2z"/>
|
||
<path class="st1" d="M36.7,65.7l8.4,3.7l7.3,3.2l5.8,2.6c3.5-7.1,9.3-13.1,16.8-16.8l-2.6-5.8l-3.2-7.3l-3.7-8.4
|
||
C52.4,43.1,42.5,53.5,36.7,65.7z"/>
|
||
<path class="st2" d="M58.1,75.2l12.1,5.3l11.2,4.9c1.5-0.1,2.8-1.1,3.4-2.5c0.2-0.5,0.3-0.9,0.3-1.4l-4.9-11.1l-5.3-12.1
|
||
C67.4,62.1,61.6,68.1,58.1,75.2z"/>
|
||
<path class="st0" d="M178.7,75.9c-3.9-9.7-11.9-7.5-14.1-6.6l-0.6,0.2l-4.9,1.9l-5.3,2.1c4.9,13.6,4.6,28,0,40.8l5.3,2.1l6.8,2.6
|
||
c7.9,3.3,11.2-2.3,12.4-5.3C181.3,101.5,181.5,88.6,178.7,75.9z"/>
|
||
<path class="st1" d="M153.9,73.5l-8.5,3.3l-7.5,2.9L132,82c2.7,8,2.6,16.3,0,23.8l5.8,2.3l7.5,2.9l8.5,3.3
|
||
C158.5,101.5,158.8,87.2,153.9,73.5z"/>
|
||
<path class="st2" d="M132.1,82l-12.3,4.8l-11.4,4.5c-1,1.1-1.3,2.7-0.7,4.2c0.2,0.4,0.4,0.8,0.7,1.1l11.4,4.4l12.3,4.8
|
||
C134.6,98.3,134.8,90,132.1,82z"/>
|
||
<path class="st0" d="M28.2,116.4l5.3-2.1c-4.9-13.6-4.6-28,0-40.8l-5.3-2.1l-6.9-2.7c-8-3.2-11.2,2.7-12.3,5.6
|
||
c-2.9,12-3.1,24.7-0.4,37.2c0,0,0,0,0,0.1c3.9,10,12,7.7,14.2,6.9L28.2,116.4z"/>
|
||
<path class="st1" d="M33.5,114.3L42,111l7.4-2.9l5.9-2.3c-2.7-8-2.6-16.3,0-23.8l-5.9-2.3L42,76.9l-8.5-3.3
|
||
C28.9,86.4,28.6,100.7,33.5,114.3z"/>
|
||
<path class="st2" d="M55.4,105.8l12.3-4.8L79,96.6c1-1.1,1.3-2.7,0.7-4.2c-0.2-0.5-0.5-0.9-0.8-1.2l-11.3-4.4L55.3,82
|
||
C52.8,89.6,52.7,97.9,55.4,105.8z"/>
|
||
<path class="st0" d="M36.8,122.1l-5.2,2.3l-5.4,2.4c0,0-9.5,5.1-5.1,14.9v0.1c6.9,10.7,16,19.4,26.4,25.8c2.7,1.3,9.5,3.5,12.9-4.8
|
||
l2.9-6.6l2.3-5.2C53.4,145.1,43,135.2,36.8,122.1z"/>
|
||
<path class="st1" d="M72.6,135.2l2.5-5.7C68,126,62,120.2,58.3,112.7l-5.8,2.5l-7.3,3.2l-8.4,3.7c6.2,13.1,16.6,23,28.9,28.8
|
||
l3.7-8.4L72.6,135.2z"/>
|
||
<path class="st2" d="M75.1,129.4l5.3-12.1l4.9-11.1c-0.1-1.5-1-2.9-2.5-3.5c-0.4-0.2-0.9-0.3-1.4-0.3l-11.1,4.9l-12.1,5.3
|
||
C62,120.2,68,125.9,75.1,129.4z"/>
|
||
<path class="st0" d="M150.7,65.8l5.2-2.3l5.8-2.6l-0.5,0.1c2.1-1,9.4-5,5.3-14.6c-7-11-16.4-19.9-27.2-26.4c-7.6-3.9-12.3,5-12.3,5
|
||
l-2.9,6.7l-2.3,5.2C134.1,42.7,144.5,52.6,150.7,65.8z"/>
|
||
<path class="st1" d="M114.9,52.5l-2.5,5.8c7.1,3.5,13.1,9.3,16.9,16.9l5.8-2.5l7.3-3.2l8.3-3.7c-6.2-13.1-16.6-23.1-28.9-28.9
|
||
l-3.7,8.4L114.9,52.5z"/>
|
||
<path class="st2" d="M112.4,58.3l-5.3,12.1l-4.9,11.3c0.1,1.5,1,2.8,2.5,3.4c0.4,0.2,0.9,0.3,1.4,0.3l11.2-4.9l12.1-5.3
|
||
C125.5,67.6,119.5,61.9,112.4,58.3z"/>
|
||
<path class="st0" d="M116.2,159.3l-2.1-5.3c-13.7,4.9-28,4.6-40.8,0l-2.1,5.3l-3.4,8.8c0,0-1.7,6.9,8.3,10.7
|
||
c0.2,0.1,0.4,0.2,0.6,0.2c11.5,2.4,23.6,2.4,35.5-0.3c1.7-0.5,10-3.1,7-11.8L116.2,159.3z"/>
|
||
<path class="st1" d="M114.2,154l-3.3-8.5L108,138l-2.3-5.8c-8,2.7-16.3,2.6-23.8,0l-2.3,5.8l-2.9,7.5l-3.3,8.5
|
||
C86.2,158.6,100.5,158.9,114.2,154z"/>
|
||
<path class="st2" d="M105.6,132.2l-4.8-12.3l-4.4-11.3c-1.1-1-2.8-1.3-4.3-0.7c-0.4,0.2-0.8,0.4-1.1,0.7l-4.4,11.3l-4.8,12.3
|
||
C89.4,134.7,97.6,134.9,105.6,132.2z"/>
|
||
<path class="st0" d="M71.1,28.4l2.1,5.3c13.7-4.9,28-4.6,40.8-0.1l2.1-5.3l2.1-5.4c0.8-2.2,3.1-10.4-6.9-14.2
|
||
c-0.1,0-0.1-0.1-0.2-0.1C99.2,6.2,86.7,6.2,74.4,9.1c-2.8,0.9-9.4,4.1-5.9,12.6L71.1,28.4z"/>
|
||
<path class="st1" d="M73.2,33.7l3.3,8.5l2.9,7.4l2.3,5.9c8-2.7,16.3-2.6,23.8,0l2.3-5.9l2.9-7.4l3.3-8.5
|
||
C101.2,29.1,86.9,28.8,73.2,33.7z"/>
|
||
<path class="st2" d="M81.7,55.5l4.8,12.3L91,79.3c1.1,0.9,2.7,1.2,4.1,0.6c0.5-0.2,0.9-0.5,1.2-0.8l4.4-11.4l4.8-12.3C98,53,89.7,52.8,81.7,55.5z"/>
|
||
<path class="st0" d="M161.2,126.6l-0.6-0.2l-4.7-2.1l-5.2-2.3c-5.8,12.3-15.7,22.6-28.9,28.9l2.3,5.2l2.9,6.6l0,0
|
||
c3.8,9.2,11.6,5.6,13.6,4.4c10.5-6.6,19.1-15.2,25.6-25.2c0.1-0.1,0.1-0.2,0.2-0.4C170.7,131.7,163.3,127.6,161.2,126.6z"/>
|
||
<path class="st1" d="M150.7,122l-8.4-3.7l0,0l-7.4-3.2l-5.7-2.5c-3.5,7.1-9.3,13-16.8,16.7l2.5,5.7l3.2,7.4l3.7,8.4
|
||
C134.9,144.7,144.9,134.3,150.7,122z"/>
|
||
<path class="st2" d="M129.2,112.7l-12.1-5.3l-11-4.8c-0.4,0-0.9,0.1-1.3,0.3c-1,0.4-1.8,1.2-2.2,2.2c-0.2,0.4-0.3,0.8-0.3,1.3
|
||
l4.8,11l5.3,12.1C119.9,125.7,125.7,119.8,129.2,112.7z"/>
|
||
</symbol>
|
||
|
||
<symbol id="wifi-tethering" viewBox="0 0 24 24">
|
||
<path d="M12 11c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm6 2c0-3.31-2.69-6-6-6s-6 2.69-6 6c0 2.22 1.21 4.15 3 5.19l1-1.74c-1.19-.7-2-1.97-2-3.45 0-2.21 1.79-4 4-4s4 1.79 4 4c0 1.48-.81 2.75-2 3.45l1 1.74c1.79-1.04 3-2.97 3-5.19zM12 3C6.48 3 2 7.48 2 13c0 3.7 2.01 6.92 4.99 8.65l1-1.73C5.61 18.53 4 15.96 4 13c0-4.42 3.58-8 8-8s8 3.58 8 8c0 2.96-1.61 5.53-4 6.92l1 1.73c2.99-1.73 5-4.95 5-8.65 0-5.52-4.48-10-10-10z"></path>
|
||
</symbol>
|
||
<symbol id="desktop-mac" viewBox="0 0 24 24">
|
||
<path d="M21 2H3c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h7l-2 3v1h8v-1l-2-3h7c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm0 12H3V4h18v10z"></path>
|
||
</symbol>
|
||
<symbol id="phone-iphone" viewBox="0 0 24 24">
|
||
<path d="M15.5 1h-8C6.12 1 5 2.12 5 3.5v17C5 21.88 6.12 23 7.5 23h8c1.38 0 2.5-1.12 2.5-2.5v-17C18 2.12 16.88 1 15.5 1zm-4 21c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5zm4.5-4H7V4h9v14z"></path>
|
||
</symbol>
|
||
<symbol id="tablet-mac" viewBox="0 0 24 24">
|
||
<path d="M18.5 0h-14C3.12 0 2 1.12 2 2.5v19C2 22.88 3.12 24 4.5 24h14c1.38 0 2.5-1.12 2.5-2.5v-19C21 1.12 19.88 0 18.5 0zm-7 23c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5zm7.5-4H4V3h15v16z"></path>
|
||
</symbol>
|
||
<symbol id="info-outline" viewBox="0 0 24 24">
|
||
<path d="M11 17h2v-6h-2v6zm1-15C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zM11 9h2V7h-2v2z"></path>
|
||
</symbol>
|
||
<symbol id="close-icon" viewBox="0 0 24 24">
|
||
<path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path>
|
||
</symbol>
|
||
<symbol id="help-outline" viewBox="0 0 24 24">
|
||
<path d="M11 18h2v-2h-2v2zm1-16C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm0-14c-2.21 0-4 1.79-4 4h2c0-1.1.9-2 2-2s2 .9 2 2c0 2-3 1.75-3 5h2c0-2.25 3-2.5 3-5 0-2.21-1.79-4-4-4z"></path>
|
||
</symbol>
|
||
<symbol id="x-twitter">
|
||
<path d="M17.996,2.219l3.265,0l-7.13,8.148l8.388,11.088l-6.566,0l-5.147,-6.723l-5.882,6.723l-3.269,0l7.625,-8.716l-8.041,-10.52l6.733,0l4.647,6.146l5.377,-6.146Zm-1.146,17.285l1.808,-0l-11.671,-15.435l-1.942,0l11.805,15.435Z"></path>
|
||
</symbol>
|
||
<symbol id="github">
|
||
<path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"></path>
|
||
</symbol>
|
||
<symbol id="notifications">
|
||
<path d="M12 22c1.1 0 2-.9 2-2h-4c0 1.1.89 2 2 2zm6-6v-5c0-3.07-1.64-5.64-4.5-6.32V4c0-.83-.67-1.5-1.5-1.5s-1.5.67-1.5 1.5v.68C7.63 5.36 6 7.92 6 11v5l-2 2v1h16v-1l-2-2z"></path>
|
||
</symbol>
|
||
<symbol id="homescreen">
|
||
<path fill="none" d="M0 0h24v24H0V0z"></path>
|
||
<path d="M18 1.01L8 1c-1.1 0-2 .9-2 2v3h2V5h10v14H8v-1H6v3c0 1.1.9 2 2 2h10c1.1 0 2-.9 2-2V3c0-1.1-.9-1.99-2-1.99zM10 15h2V8H5v2h3.59L3 15.59 4.41 17 10 11.41z"></path>
|
||
<path fill="none" d="M0 0h24v24H0V0z"></path>
|
||
</symbol>
|
||
<symbol id="donation">
|
||
<path d="M0 0h24v24H0z" fill="none"></path>
|
||
<path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1.41 16.09V20h-2.67v-1.93c-1.71-.36-3.16-1.46-3.27-3.4h1.96c.1 1.05.82 1.87 2.65 1.87 1.96 0 2.4-.98 2.4-1.59 0-.83-.44-1.61-2.67-2.14-2.48-.6-4.18-1.62-4.18-3.67 0-1.72 1.39-2.84 3.11-3.21V4h2.67v1.95c1.86.45 2.79 1.86 2.85 3.39H14.3c-.05-1.11-.64-1.87-2.22-1.87-1.5 0-2.4.68-2.4 1.64 0 .84.65 1.39 2.67 1.91s4.18 1.39 4.18 3.91c-.01 1.83-1.38 2.83-3.12 3.16z"></path>
|
||
</symbol>
|
||
<symbol id="icon-theme-auto" viewBox="-54 -54 620 620">
|
||
<!--! Font Awesome Pro 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
|
||
<path d="M448 256c0-106-86-192-192-192V448c106 0 192-86 192-192zM0 256a256 256 0 1 1 512 0A256 256 0 1 1 0 256z"></path>
|
||
</symbol>
|
||
<symbol id="icon-theme-light" viewBox="-54 -54 620 620">
|
||
<!--! Font Awesome Pro 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
|
||
<path d="M361.5 1.2c5 2.1 8.6 6.6 9.6 11.9L391 121l107.9 19.8c5.3 1 9.8 4.6 11.9 9.6s1.5 10.7-1.6 15.2L446.9 256l62.3 90.3c3.1 4.5 3.7 10.2 1.6 15.2s-6.6 8.6-11.9 9.6L391 391 371.1 498.9c-1 5.3-4.6 9.8-9.6 11.9s-10.7 1.5-15.2-1.6L256 446.9l-90.3 62.3c-4.5 3.1-10.2 3.7-15.2 1.6s-8.6-6.6-9.6-11.9L121 391 13.1 371.1c-5.3-1-9.8-4.6-11.9-9.6s-1.5-10.7 1.6-15.2L65.1 256 2.8 165.7c-3.1-4.5-3.7-10.2-1.6-15.2s6.6-8.6 11.9-9.6L121 121 140.9 13.1c1-5.3 4.6-9.8 9.6-11.9s10.7-1.5 15.2 1.6L256 65.1 346.3 2.8c4.5-3.1 10.2-3.7 15.2-1.6zM160 256a96 96 0 1 1 192 0 96 96 0 1 1 -192 0zm224 0a128 128 0 1 0 -256 0 128 128 0 1 0 256 0z"></path>
|
||
</symbol>
|
||
<symbol id="icon-theme-dark" viewBox="0 0 24 24">
|
||
<rect fill="none" height="24" width="24"></rect><path d="M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36c-0.98,1.37-2.58,2.26-4.4,2.26 c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path>
|
||
</symbol>
|
||
<symbol id="pair-device-icon" viewBox="0 0 640 512">
|
||
<!--! Font Awesome Pro 6.2.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. -->
|
||
<path d="M579.8 267.7c56.5-56.5 56.5-148 0-204.5c-50-50-128.8-56.5-186.3-15.4l-1.6 1.1c-14.4 10.3-17.7 30.3-7.4 44.6s30.3 17.7 44.6 7.4l1.6-1.1c32.1-22.9 76-19.3 103.8 8.6c31.5 31.5 31.5 82.5 0 114L422.3 334.8c-31.5 31.5-82.5 31.5-114 0c-27.9-27.9-31.5-71.8-8.6-103.8l1.1-1.6c10.3-14.4 6.9-34.4-7.4-44.6s-34.4-6.9-44.6 7.4l-1.1 1.6C206.5 251.2 213 330 263 380c56.5 56.5 148 56.5 204.5 0L579.8 267.7zM60.2 244.3c-56.5 56.5-56.5 148 0 204.5c50 50 128.8 56.5 186.3 15.4l1.6-1.1c14.4-10.3 17.7-30.3 7.4-44.6s-30.3-17.7-44.6-7.4l-1.6 1.1c-32.1 22.9-76 19.3-103.8-8.6C74 372 74 321 105.5 289.5L217.7 177.2c31.5-31.5 82.5-31.5 114 0c27.9 27.9 31.5 71.8 8.6 103.9l-1.1 1.6c-10.3 14.4-6.9 34.4 7.4 44.6s34.4 6.9 44.6-7.4l1.1-1.6C433.5 260.8 427 182 377 132c-56.5-56.5-148-56.5-204.5 0L60.2 244.3z"></path>
|
||
</symbol>
|
||
<symbol id="edit-pair-devices-icon" viewBox="-159 25 640 512">
|
||
<!--! Font Awesome Pro 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
|
||
<!--! edited by @schlagmichdoch -->
|
||
<path d="M218,155.4c-56.5-56.5-148-56.5-204.5,0L-98.8,267.7c-56.5,56.5-56.5,148,0,204.5c50,50,128.8,56.5,186.3,15.4l1.6-1.1 c14.4-10.3,17.7-30.3,7.4-44.6s-30.3-17.7-44.6-7.4l-1.6,1.1c-32.1,22.9-76,19.3-103.8-8.6c-31.5-31.6-31.5-82.6,0-114.1L58.7,200.6 c31.5-31.5,82.5-31.5,114,0c15.8,15.8,23.8,36.7,23.6,57.6c7.9-8.3,18.9-13,30.6-13c4.5,0,8.9,0.7,13.2,2l17.4,5.5 c0.9-0.5,1.8-1,2.7-1.5C258.7,216.2,244.4,181.8,218,155.4z M420.8,86.6c-50-50-128.8-56.5-186.3-15.4l-1.6,1.1 c-14.4,10.3-17.7,30.3-7.4,44.6s30.3,17.7,44.6,7.4l1.6-1.1c32.1-22.9,76-19.3,103.8,8.6c25.8,25.8,30.5,64.7,14,95.2 c0.7,2,1.3,4,1.8,6.1l3.9,17.9c1.1,0.6,2.1,1.2,3.2,1.8l17.4-5.5c4.3-1.4,8.7-2,13.1-2c7.3,0,14.3,1.8,20.5,5.2 C474.7,196.8,465.1,130.9,420.8,86.6z M140.7,254.4l1.1-1.6c10.3-14.4,6.9-34.4-7.4-44.6s-34.4-6.9-44.6,7.4l-1.1,1.6 C47.5,274.6,54,353.4,104,403.4c18.7,18.7,41.2,31.2,65,37.5c-1.4-3.1-2.6-6.2-3.8-9.3c-6-16.4-1.5-34.6,11.6-46.4l7.2-6.6 c-12.7-3.6-24.7-10.5-34.8-20.5C121.4,330.3,117.8,286.4,140.7,254.4z"></path>
|
||
<path d="M458.9,407.4l-24.3-22.1c0.6-4.7,1-9.4,1-14.2s-0.3-9.6-1-14.2l24.3-22.1c3.9-3.5,5.4-8.9,3.6-13.8v-0.1 c-2.5-6.7-5.4-13.1-8.9-19.2l-2.6-4.5c-3.7-6.2-7.8-12-12.4-17.5c-3.3-4-8.8-5.4-13.7-3.8l-31.2,9.9c-7.5-5.8-15.8-10.6-24.7-14.2 l-7-32c-1.1-5.1-5-9.1-10.2-10c-7.7-1.3-15.7-2-23.8-2s-16.1,0.7-23.8,2c-5.2,0.9-9.1,4.9-10.2,10l-7,32 c-8.9,3.7-17.2,8.5-24.7,14.2l-31.2-9.9c-4.9-1.6-10.4-0.2-13.7,3.8c-4.5,5.5-8.7,11.3-12.4,17.5l-2.6,4.5 c-3.4,6.2-6.4,12.6-8.9,19.2c-1.8,4.9-0.3,10.3,3.6,13.8l24.3,22.1c-0.6,4.7-1,9.4-1,14.2s0.3,9.6,1,14.3L197,407.5 c-3.9,3.5-5.4,8.9-3.6,13.8c2.5,6.7,5.4,13.1,8.9,19.2l2.6,4.5c3.7,6.2,7.8,12,12.4,17.5c3.3,4,8.8,5.4,13.7,3.8l31.2-10 c7.5,5.8,15.8,10.6,24.7,14.2l7,32c1.1,5.1,5,9.1,10.2,10c7.7,1.3,15.7,2,23.8,2c8.1,0,16.1-0.7,23.8-2c5.2-0.8,9.1-4.9,10.2-10 l7-32c8.9-3.6,17.2-8.5,24.7-14.2l31.2,9.9c4.9,1.6,10.4,0.2,13.7-3.8c4.5-5.5,8.7-11.3,12.4-17.5l2.6-4.5 c3.4-6.2,6.4-12.6,8.9-19.2C464.2,416.3,462.7,410.9,458.9,407.4z M328,415.9c-24.8,0-44.9-20.1-44.9-44.8 c0-24.8,20.1-44.8,44.9-44.8s44.8,20.1,44.8,44.8C372.8,395.9,352.7,415.9,328,415.9z"></path>
|
||
</symbol>
|
||
<symbol id="edit-pen-icon" viewBox="0 0 512 512">
|
||
<!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
|
||
<path d="M362.7 19.3L314.3 67.7 444.3 197.7l48.4-48.4c25-25 25-65.5 0-90.5L453.3 19.3c-25-25-65.5-25-90.5 0zm-71 71L58.6 323.5c-10.4 10.4-18 23.3-22.2 37.4L1 481.2C-1.5 489.7 .8 498.8 7 505s15.3 8.5 23.7 6.1l120.3-35.4c14.1-4.2 27-11.8 37.4-22.2L421.7 220.3 291.7 90.3z"></path>
|
||
</symbol>
|
||
<symbol id="public-room-icon" viewBox="0 0 640 512">
|
||
<!--! Font Awesome Pro 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
|
||
<path d="M0 24C0 10.7 10.7 0 24 0H616c13.3 0 24 10.7 24 24s-10.7 24-24 24H24C10.7 48 0 37.3 0 24zM0 488c0-13.3 10.7-24 24-24H616c13.3 0 24 10.7 24 24s-10.7 24-24 24H24c-13.3 0-24-10.7-24-24zM83.2 160a64 64 0 1 1 128 0 64 64 0 1 1 -128 0zM32 320c0-35.3 28.7-64 64-64h96c12.2 0 23.7 3.4 33.4 9.4c-37.2 15.1-65.6 47.2-75.8 86.6H64c-17.7 0-32-14.3-32-32zm461.6 32c-10.3-40.1-39.6-72.6-77.7-87.4c9.4-5.5 20.4-8.6 32.1-8.6h96c35.3 0 64 28.7 64 64c0 17.7-14.3 32-32 32H493.6zM391.2 290.4c32.1 7.4 58.1 30.9 68.9 61.6c3.5 10 5.5 20.8 5.5 32c0 17.7-14.3 32-32 32h-224c-17.7 0-32-14.3-32-32c0-11.2 1.9-22 5.5-32c10.5-29.7 35.3-52.8 66.1-60.9c7.8-2.1 16-3.1 24.5-3.1h96c7.4 0 14.7 .8 21.6 2.4zm44-130.4a64 64 0 1 1 128 0 64 64 0 1 1 -128 0zM321.6 96a80 80 0 1 1 0 160 80 80 0 1 1 0-160z"></path>
|
||
</symbol>
|
||
<symbol id="icon-language-selector" viewBox="0 0 640 512">
|
||
<!--! Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
|
||
<path d="M0 128C0 92.7 28.7 64 64 64H256h48 16H576c35.3 0 64 28.7 64 64V384c0 35.3-28.7 64-64 64H320 304 256 64c-35.3 0-64-28.7-64-64V128zm320 0V384H576V128H320zM178.3 175.9c-3.2-7.2-10.4-11.9-18.3-11.9s-15.1 4.7-18.3 11.9l-64 144c-4.5 10.1 .1 21.9 10.2 26.4s21.9-.1 26.4-10.2l8.9-20.1h73.6l8.9 20.1c4.5 10.1 16.3 14.6 26.4 10.2s14.6-16.3 10.2-26.4l-64-144zM160 233.2L179 276H141l19-42.8zM448 164c11 0 20 9 20 20v4h44 16c11 0 20 9 20 20s-9 20-20 20h-2l-1.6 4.5c-8.9 24.4-22.4 46.6-39.6 65.4c.9 .6 1.8 1.1 2.7 1.6l18.9 11.3c9.5 5.7 12.5 18 6.9 27.4s-18 12.5-27.4 6.9l-18.9-11.3c-4.5-2.7-8.8-5.5-13.1-8.5c-10.6 7.5-21.9 14-34 19.4l-3.6 1.6c-10.1 4.5-21.9-.1-26.4-10.2s.1-21.9 10.2-26.4l3.6-1.6c6.4-2.9 12.6-6.1 18.5-9.8l-12.2-12.2c-7.8-7.8-7.8-20.5 0-28.3s20.5-7.8 28.3 0l14.6 14.6 .5 .5c12.4-13.1 22.5-28.3 29.8-45H448 376c-11 0-20-9-20-20s9-20 20-20h52v-4c0-11 9-20 20-20z"></path>
|
||
</symbol>
|
||
<symbol id="i-cursor" viewBox="-180 0 640 512">
|
||
<!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2023 Fonticons, Inc.-->
|
||
<path d="M.1 29.3C-1.4 47 11.7 62.4 29.3 63.9l8 .7C70.5 67.3 96 95 96 128.3V224H64c-17.7 0-32 14.3-32 32s14.3 32 32 32H96v95.7c0 33.3-25.5 61-58.7 63.8l-8 .7C11.7 449.6-1.4 465 .1 482.7s16.9 30.7 34.5 29.2l8-.7c34.1-2.8 64.2-18.9 85.4-42.9c21.2 24 51.2 40.1 85.4 42.9l8 .7c17.6 1.5 33.1-11.6 34.5-29.2s-11.6-33.1-29.2-34.5l-8-.7C185.5 444.7 160 417 160 383.7V288h32c17.7 0 32-14.3 32-32s-14.3-32-32-32H160V128.3c0-33.3 25.5-61 58.7-63.8l8-.7c17.6-1.5 30.7-16.9 29.2-34.5S239-1.4 221.3 .1l-8 .7C179.2 3.6 149.2 19.7 128 43.7c-21.2-24-51.2-40-85.4-42.9l-8-.7C17-1.4 1.6 11.7 .1 29.3z"></path>
|
||
</symbol>
|
||
<symbol id="font" viewBox="-100 0 640 512">
|
||
<!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2023 Fonticons, Inc.-->
|
||
<path d="M254 52.8C249.3 40.3 237.3 32 224 32s-25.3 8.3-30 20.8L57.8 416H32c-17.7 0-32 14.3-32 32s14.3 32 32 32h96c17.7 0 32-14.3 32-32s-14.3-32-32-32h-1.8l18-48H303.8l18 48H320c-17.7 0-32 14.3-32 32s14.3 32 32 32h96c17.7 0 32-14.3 32-32s-14.3-32-32-32H390.2L254 52.8zM279.8 304H168.2L224 155.1 279.8 304z"></path>
|
||
</symbol>
|
||
<symbol id="file" viewBox="-130 0 650 530">
|
||
<!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2023 Fonticons, Inc.-->
|
||
<path d="M320 464c8.8 0 16-7.2 16-16V160H256c-17.7 0-32-14.3-32-32V48H64c-8.8 0-16 7.2-16 16V448c0 8.8 7.2 16 16 16H320zM0 64C0 28.7 28.7 0 64 0H229.5c17 0 33.3 6.7 45.3 18.7l90.5 90.5c12 12 18.7 28.3 18.7 45.3V448c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V64z"></path>
|
||
</symbol>
|
||
<symbol id="caret" viewBox="0 0 320 512">
|
||
<!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2023 Fonticons, Inc.-->
|
||
<path d="M137.4 374.6c12.5 12.5 32.8 12.5 45.3 0l128-128c9.2-9.2 11.9-22.9 6.9-34.9s-16.6-19.8-29.6-19.8L32 192c-12.9 0-24.6 7.8-29.6 19.8s-2.2 25.7 6.9 34.9l128 128z"></path>
|
||
</symbol>
|
||
<symbol id="mastodon" viewBox="0 0 448 512">
|
||
<!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2023 Fonticons, Inc.-->
|
||
<path d="M433 179.1c0-97.2-63.7-125.7-63.7-125.7-62.5-28.7-228.6-28.4-290.5 0 0 0-63.7 28.5-63.7 125.7 0 115.7-6.6 259.4 105.6 289.1 40.5 10.7 75.3 13 103.3 11.4 50.8-2.8 79.3-18.1 79.3-18.1l-1.7-36.9s-36.3 11.4-77.1 10.1c-40.4-1.4-83-4.4-89.6-54a102.5 102.5 0 0 1 -.9-13.9c85.6 20.9 158.7 9.1 178.8 6.7 56.1-6.7 105-41.3 111.2-72.9 9.8-49.8 9-121.5 9-121.5zm-75.1 125.2h-46.6v-114.2c0-49.7-64-51.6-64 6.9v62.5h-46.3V197c0-58.5-64-56.6-64-6.9v114.2H90.2c0-122.1-5.2-147.9 18.4-175 25.9-28.9 79.8-30.8 103.8 6.1l11.6 19.5 11.6-19.5c24.1-37.1 78.1-34.8 103.8-6.1 23.7 27.3 18.4 53 18.4 175z"></path>
|
||
</symbol>
|
||
<symbol id="bluesky" viewBox="0 0 512 512">
|
||
<!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.-->
|
||
<path d="M111.8 62.2C170.2 105.9 233 194.7 256 242.4c23-47.6 85.8-136.4 144.2-180.2c42.1-31.6 110.3-56 110.3 21.8c0 15.5-8.9 130.5-14.1 149.2C478.2 298 412 314.6 353.1 304.5c102.9 17.5 129.1 75.5 72.5 133.5c-107.4 110.2-154.3-27.6-166.3-62.9l0 0c-1.7-4.9-2.6-7.8-3.3-7.8s-1.6 3-3.3 7.8l0 0c-12 35.3-59 173.1-166.3 62.9c-56.5-58-30.4-116 72.5-133.5C100 314.6 33.8 298 15.7 233.1C10.4 214.4 1.5 99.4 1.5 83.9c0-77.8 68.2-53.4 110.3-21.8z"/>
|
||
</symbol>
|
||
<symbol id="custom" viewBox="0 0 512 512">
|
||
<!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2023 Fonticons, Inc.-->
|
||
<path d="M418.4 157.9c35.3-8.3 61.6-40 61.6-77.9c0-44.2-35.8-80-80-80c-43.4 0-78.7 34.5-80 77.5L136.2 151.1C121.7 136.8 101.9 128 80 128c-44.2 0-80 35.8-80 80s35.8 80 80 80c12.2 0 23.8-2.7 34.1-7.6L259.7 407.8c-2.4 7.6-3.7 15.8-3.7 24.2c0 44.2 35.8 80 80 80s80-35.8 80-80c0-27.7-14-52.1-35.4-66.4l37.8-207.7zM156.3 232.2c2.2-6.9 3.5-14.2 3.7-21.7l183.8-73.5c3.6 3.5 7.4 6.7 11.6 9.5L317.6 354.1c-5.5 1.3-10.8 3.1-15.8 5.5L156.3 232.2z"></path>
|
||
</symbol>
|
||
<symbol id="privacypolicy" viewBox="0 0 512 512">
|
||
<!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2023 Fonticons, Inc.-->
|
||
<path d="M256 0c4.6 0 9.2 1 13.4 2.9L457.7 82.8c22 9.3 38.4 31 38.3 57.2c-.5 99.2-41.3 280.7-213.6 363.2c-16.7 8-36.1 8-52.8 0C57.3 420.7 16.5 239.2 16 140c-.1-26.2 16.3-47.9 38.3-57.2L242.7 2.9C246.8 1 251.4 0 256 0zm0 66.8V444.8C394 378 431.1 230.1 432 141.4L256 66.8l0 0z"></path>
|
||
</symbol>
|
||
</svg>
|
||
<!-- Scripts -->
|
||
|
||
<!-- Script de Instalação PWA -->
|
||
<script>
|
||
let deferredPrompt;
|
||
const botao = document.getElementById('botaoInstalar');
|
||
|
||
window.addEventListener('beforeinstallprompt', (e) => {
|
||
e.preventDefault();
|
||
deferredPrompt = e;
|
||
botao.style.display = 'block';
|
||
});
|
||
|
||
botao.addEventListener('click', () => {
|
||
if (deferredPrompt) {
|
||
deferredPrompt.prompt();
|
||
deferredPrompt.userChoice.then((choiceResult) => {
|
||
if (choiceResult.outcome === 'accepted') {
|
||
console.log('Usuário aceitou a instalação');
|
||
} else {
|
||
console.log('Usuário recusou a instalação');
|
||
}
|
||
deferredPrompt = null;
|
||
botao.style.display = 'none';
|
||
});
|
||
}
|
||
});
|
||
</script>
|
||
|
||
<!-- <script src="https://unpkg.com/html5-qrcode/minified/html5-qrcode.min.js"></script>
|
||
<script>
|
||
document.addEventListener("DOMContentLoaded", function () {
|
||
const resultInput = document.getElementById("result");
|
||
const qrCodeDialog = document.querySelector(".app__dialog");
|
||
const qrReader = document.getElementById('qr-reader'); // Referência ao leitor de QR code
|
||
|
||
const qrCodeScanner = new Html5Qrcode("qr-reader");
|
||
|
||
Html5Qrcode.getCameras()
|
||
.then(devices => {
|
||
if (devices.length) {
|
||
const cameraId = devices[0].id;
|
||
|
||
qrCodeScanner.start(
|
||
cameraId,
|
||
{ fps: 10, qrbox: 250 },
|
||
qrCodeMessage => {
|
||
resultInput.value = qrCodeMessage;
|
||
qrCodeDialog.classList.remove("app__dialog--hide");
|
||
qrCodeScanner.stop();
|
||
},
|
||
errorMessage => {
|
||
console.warn("Erro de leitura QR:", errorMessage);
|
||
}
|
||
).catch(err => {
|
||
console.error("Erro ao iniciar scanner:", err);
|
||
});
|
||
} else {
|
||
alert("Nenhuma câmera disponível.");
|
||
}
|
||
})
|
||
.catch(err => {
|
||
console.error("Erro ao acessar as câmeras:", err);
|
||
});
|
||
|
||
document.querySelector(".app__dialog-close").addEventListener("click", () => {
|
||
qrCodeDialog.classList.add("app__dialog--hide");
|
||
});
|
||
|
||
// Função para mostrar o leitor
|
||
function showQRReader() {
|
||
qrReader.style.display = 'block';
|
||
}
|
||
|
||
// Função para esconder o leitor
|
||
function hideQRReader() {
|
||
qrReader.style.display = 'none';
|
||
}
|
||
|
||
// Exemplo de uso
|
||
document.getElementById('show-reader-button').addEventListener('click', showQRReader);
|
||
document.getElementById('hide-reader-button').addEventListener('click', hideQRReader);
|
||
});
|
||
</script> -->
|
||
|
||
<!-- Script de Download para Android -->
|
||
<script>
|
||
document.getElementById('githubDownloadAndroid').addEventListener('click', async function(event) {
|
||
event.preventDefault();
|
||
|
||
const owner = 'erikraft';
|
||
const repo = 'App-Drop-Apk';
|
||
const path = 'ErikrafT%20Drop.apk';
|
||
const branch = 'main';
|
||
|
||
const url = `https://api.github.com/repos/${owner}/${repo}/contents/${path}?ref=${branch}`;
|
||
|
||
try {
|
||
const response = await fetch(url);
|
||
if (!response.ok) throw new Error(`Erro: ${response.status}`);
|
||
|
||
const data = await response.json();
|
||
const downloadUrl = data.download_url;
|
||
|
||
const link = document.createElement('a');
|
||
link.href = downloadUrl;
|
||
link.download = decodeURIComponent(path);
|
||
document.body.appendChild(link);
|
||
link.click();
|
||
document.body.removeChild(link);
|
||
} catch (error) {
|
||
console.error('Erro ao baixar o APK:', error);
|
||
}
|
||
});
|
||
</script>
|
||
|
||
|
||
<script src="scripts/localization.js" defer></script>
|
||
<script src="scripts/persistent-storage.js" defer></script>
|
||
<script src="scripts/ui-main.js" defer></script>
|
||
<script src="scripts/main.js" defer></script>
|
||
<!-- Sounds -->
|
||
<audio id="blop" autobuffer="true">
|
||
<source src="sounds/blop.mp3" type="audio/mpeg">
|
||
<source src="sounds/blop.ogg" type="audio/ogg">
|
||
</audio>
|
||
<!-- no script -->
|
||
<noscript>
|
||
<x-noscript class="full center column">
|
||
<h1>Enable JavaScript</h1>
|
||
<h3>ErikrafT Drop works only with JavaScript</h3>
|
||
</x-noscript>
|
||
</noscript>
|
||
|
||
</body>
|
||
</html>
|