2018-09-21 16:05:03 +02:00
<!DOCTYPE html>
< html lang = "en" >
< head >
< meta charset = "utf-8" >
< meta http-equiv = "Content-Type" content = "text/html; charset=utf-8" >
<!-- Web App Config -->
2023-11-20 03:53:43 +01:00
< title > PairDrop | Transfer Files Cross-Platform. No Setup, No Signup.< / title >
2023-04-20 21:40:26 +02:00
< meta name = "viewport" content = "width=device-width, initial-scale=1.0" >
2018-09-21 16:05:03 +02:00
< meta name = "theme-color" content = "#3367d6" >
2020-10-25 14:38:07 +05:30
< meta name = "color-scheme" content = "dark light" >
2023-11-08 20:53:35 +01:00
< meta name = "apple-mobile-web-app-capable" content = "yes" >
2023-01-17 10:50:28 +01:00
< meta name = "apple-mobile-web-app-title" content = "PairDrop" >
< meta name = "application-name" content = "PairDrop" >
2018-09-21 16:05:03 +02:00
<!-- Descriptions -->
2020-12-29 12:43:43 +01:00
< 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" >
2023-11-08 20:36:46 +01:00
< meta name = "author" content = "schlagmichdoch" >
2023-01-17 10:50:28 +01:00
< meta property = "og:title" content = "PairDrop" >
2018-09-21 16:05:03 +02:00
< meta property = "og:type" content = "article" >
2023-01-10 17:22:36 +01:00
< meta property = "og:url" content = "https://pairdrop.net/" >
< meta property = "og:author" content = "https://github.com/schlagmichdoch" >
< meta name = "twitter:author" content = "@schlagmichdoch" >
2018-09-21 16:05:03 +02:00
< 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 -->
2019-03-12 23:38:32 +01:00
< link rel = "icon" sizes = "96x96" href = "images/favicon-96x96.png" >
< link rel = "shortcut icon" href = "images/favicon-96x96.png" >
2018-09-21 16:05:03 +02:00
< link rel = "apple-touch-icon" href = "images/apple-touch-icon.png" >
2023-11-08 20:53:35 +01:00
< link rel = "apple-touch-icon-precomposed" href = "images/apple-touch-icon.png" >
2018-09-21 16:05:03 +02:00
< meta name = "msapplication-TileImage" content = "images/mstile-150x150.png" >
< link rel = "fluid-icon" type = "image/png" href = "images/android-chrome-192x192.png" >
2023-01-17 14:47:56 +01:00
< meta name = "twitter:image" content = "images/logo_transparent_512x512.png" >
< meta property = "og:image" content = "images/logo_transparent_512x512.png" >
2018-09-21 16:05:03 +02:00
<!-- Resources -->
2023-10-11 23:22:10 +02:00
< link rel = "preload" href = "lang/en.json" as = "fetch" >
2023-12-13 17:20:46 +01:00
< link rel = "preload" href = "fonts/OpenSans/static/OpenSans-Medium.ttf" as = "font" type = "font/ttf" crossorigin >
2023-11-09 04:49:16 +01:00
< link rel = "stylesheet" type = "text/css" href = "styles/styles-main.css" >
2018-09-21 16:05:03 +02:00
< link rel = "manifest" href = "manifest.json" >
< / head >
2019-03-13 02:14:51 +01:00
< body translate = "no" >
2023-12-09 17:34:54 +01:00
< header class = "row-reverse wrap opacity-0" >
2023-10-06 02:55:03 +02:00
< a href = "#about" class = "icon-button" data-i18n-key = "header.about" data-i18n-attrs = "title aria-label" >
2018-09-24 13:14:11 +02:00
< svg class = "icon" >
2023-10-06 02:55:03 +02:00
< use xlink:href = "#info-outline" > < / use >
2018-09-24 13:14:11 +02:00
< / svg >
< / a >
2023-10-06 02:55:03 +02:00
< div id = "language-selector" class = "icon-button" data-i18n-key = "header.language-selector" data-i18n-attrs = "title" >
2023-08-30 14:57:40 +02:00
< svg class = "icon" >
2023-10-06 02:55:03 +02:00
< use xlink:href = "#icon-language-selector" > < / use >
2023-08-30 14:57:40 +02:00
< / svg >
< / div >
2023-03-28 17:26:22 +02:00
< div id = "theme-wrapper" >
2023-10-06 02:55:03 +02:00
< div id = "theme-auto" class = "icon-button selected" data-i18n-key = "header.theme-auto" data-i18n-attrs = "title" >
2023-03-28 17:26:22 +02:00
< svg class = "icon" >
2023-10-06 02:55:03 +02:00
< use xlink:href = "#icon-theme-auto" > < / use >
2023-03-28 17:26:22 +02:00
< / svg >
2023-03-08 15:18:22 +01:00
< / div >
2023-03-28 17:26:22 +02:00
< div >
2023-10-06 02:55:03 +02:00
< div id = "theme-light" class = "icon-button" data-i18n-key = "header.theme-light" data-i18n-attrs = "title" >
2023-03-28 17:26:22 +02:00
< svg class = "icon" >
2023-10-06 02:55:03 +02:00
< use xlink:href = "#icon-theme-light" > < / use >
2023-03-28 17:26:22 +02:00
< / svg >
2023-03-08 15:18:22 +01:00
< / div >
2023-10-06 02:55:03 +02:00
< div id = "theme-dark" class = "icon-button" data-i18n-key = "header.theme-dark" data-i18n-attrs = "title" >
2023-03-28 17:26:22 +02:00
< svg class = "icon" >
2023-10-06 02:55:03 +02:00
< use xlink:href = "#icon-theme-dark" > < / use >
2023-03-28 17:26:22 +02:00
< / svg >
2023-03-08 15:18:22 +01:00
< / div >
2023-03-28 17:26:22 +02:00
< / div >
< / div >
2023-10-11 20:34:26 +02:00
< div id = "notification" class = "icon-button" data-i18n-key = "header.notification" data-i18n-attrs = "title" hidden >
2018-09-24 13:14:11 +02:00
< svg class = "icon" >
2023-10-06 02:55:03 +02:00
< use xlink:href = "#notifications" > < / use >
2018-09-24 13:14:11 +02:00
< / svg >
2023-03-08 15:18:22 +01:00
< / div >
2023-10-11 20:34:26 +02:00
< div id = "install" class = "icon-button" data-i18n-key = "header.install" data-i18n-attrs = "title" hidden >
2019-03-14 20:05:25 +01:00
< svg class = "icon" >
2023-10-06 02:55:03 +02:00
< use xlink:href = "#homescreen" > < / use >
2019-03-14 20:05:25 +01:00
< / svg >
2023-03-08 15:18:22 +01:00
< / div >
2023-10-06 02:55:03 +02:00
< div id = "pair-device" class = "icon-button" data-i18n-key = "header.pair-device" data-i18n-attrs = "title" >
2023-01-10 05:07:57 +01:00
< svg class = "icon" >
2023-10-06 02:55:03 +02:00
< use xlink:href = "#pair-device-icon" > < / use >
2023-01-10 05:07:57 +01:00
< / svg >
2023-03-08 15:18:22 +01:00
< / div >
2023-10-11 20:34:26 +02:00
< div id = "edit-paired-devices" class = "icon-button" data-i18n-key = "header.edit-paired-devices" data-i18n-attrs = "title" hidden >
2023-01-10 05:07:57 +01:00
< svg class = "icon" >
2023-10-06 02:55:03 +02:00
< use xlink:href = "#edit-pair-devices-icon" > < / use >
2023-01-10 05:07:57 +01:00
< / svg >
2023-03-08 15:18:22 +01:00
< / div >
2023-10-06 02:55:03 +02:00
< div id = "join-public-room" class = "icon-button" data-i18n-key = "header.join-public-room" data-i18n-attrs = "title" >
2023-09-13 18:15:01 +02:00
< svg class = "icon" >
2023-10-06 02:55:03 +02:00
< use xlink:href = "#public-room-icon" > < / use >
2023-09-13 18:15:01 +02:00
< / svg >
< / div >
2023-12-09 17:34:54 +01:00
< 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 >
2023-03-28 17:26:22 +02:00
< / div >
2018-09-24 13:14:11 +02:00
< / header >
2023-03-01 10:04:37 +01:00
<!-- Center -->
2023-10-11 23:22:10 +02:00
< div id = "center" class = "opacity-0" >
2023-03-01 10:04:37 +01:00
<!-- Peers -->
2023-12-12 13:39:55 +01:00
< x-peers class = "center grow-5" > < / x-peers >
2023-12-09 17:34:54 +01:00
< x-no-peers class = "center grow fade-in no-animation-on-load" data-i18n-key = "instructions.no-peers" data-i18n-attrs = "data-drop-bg" >
2023-10-06 02:55:03 +02:00
< 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 >
2023-03-01 10:04:37 +01:00
< / x-no-peers >
2023-12-12 13:39:55 +01:00
< 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 >
2023-12-09 17:28:05 +01:00
< div class = "shr-panel panel column" hidden >
2023-11-24 16:25:30 +01:00
< 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 >
2023-12-12 13:39:55 +01:00
< div class = "share-descriptor column p-1" >
2023-11-24 16:25:30 +01:00
< span class = "descriptor-item" > < / span >
< span class = "descriptor-other" hidden > < / span >
< / div >
< / div >
2023-12-09 17:37:44 +01:00
< div class = "center btn-row wrap" >
2023-11-24 16:25:30 +01:00
< 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 >
2024-01-12 01:43:08 +01:00
< div id = "websocket-fallback" class = "text-center" hidden >
2023-11-08 20:31:57 +01:00
< 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 >
2023-03-01 10:04:37 +01:00
< / div >
2018-09-21 16:05:03 +02:00
<!-- Footer -->
2023-10-11 23:22:10 +02:00
< footer class = "column opacity-0" >
2018-09-21 16:05:03 +02:00
< svg class = "icon logo" >
2023-11-20 05:23:21 +01:00
< defs >
< linearGradient id = "primaryGradient" gradientTransform = "rotate(90)" >
< stop offset = "0%" class = "start-color" / >
< stop offset = "100%" class = "stop-color" / >
< / linearGradient >
< / defs >
< use xlink:href = "#wifi-tethering" style = "fill: url(#primaryGradient);" > < / use >
2018-09-21 16:05:03 +02:00
< / svg >
2023-09-13 18:15:01 +02:00
< div class = "column" >
< div class = "known-as-wrapper" >
2023-10-06 02:55:03 +02:00
< span data-i18n-key = "footer.known-as" data-i18n-attrs = "text" > < / span >
2024-08-07 15:24:51 +02:00
< 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 >
2023-11-24 16:25:30 +01:00
< svg class = "icon edit-pen" >
2023-10-06 02:55:03 +02:00
< use xlink:href = "#edit-pen-icon" > < / use >
2023-09-13 18:15:01 +02:00
< / svg >
2023-07-06 21:29:36 +02:00
< / div >
2023-11-24 16:25:30 +01:00
< div class = "discovery-wrapper panel border row" >
2023-09-13 18:15:01 +02:00
< div class = "row center" >
2023-10-06 02:55:03 +02:00
< span data-i18n-key = "footer.discovery" data-i18n-attrs = "text" > < / span >
2023-09-13 18:15:01 +02:00
< / div >
2023-12-09 17:37:44 +01:00
< div class = "row center wrap" >
2023-11-29 17:42:19 +01:00
< 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 >
2023-09-13 18:15:01 +02:00
< / div >
2023-07-06 21:29:36 +02:00
< / div >
2023-02-08 05:14:34 +01:00
< / div >
2018-09-21 16:05:03 +02:00
< / footer >
2023-08-30 14:57:40 +02:00
<!-- Language Select Dialog -->
< x-dialog id = "language-select-dialog" >
< x-background class = "full center" >
< x-paper shadow = "2" >
2023-12-12 13:39:55 +01:00
< div class = "row center p-2" >
2023-11-29 17:42:19 +01:00
< h2 class = "dialog-title" data-i18n-key = "dialogs.language-selector-title" data-i18n-attrs = "text" > < / h2 >
2023-09-13 18:15:01 +02:00
< / div >
2023-12-11 21:44:13 +01:00
< 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" >
2025-02-11 12:11:31 +01:00
< span lang = "ar" dir = "rtl" > العربية< / span >
2023-12-11 21:44:13 +01:00
< span > - < / span >
2023-10-11 17:49:49 +02:00
< span > (Arabic)< / span >
2023-10-05 17:11:16 +02:00
< / button >
2024-07-01 18:47:26 +02:00
< button class = "btn fw wrap" value = "be" >
2025-02-11 12:11:31 +01:00
< span lang = "be" > беларуская< / span >
2024-07-01 18:47:26 +02:00
< span > - < / span >
< span > (Belarusian)< / span >
< / button >
2025-02-11 12:11:31 +01:00
< button class = "btn fw wrap" value = "nb" >
< span lang = "nb" > Bokmål< / span >
< span > - < / span >
< span > (Norwegian Bokmål)< / span >
< / button >
2025-02-11 12:14:58 +01:00
< button class = "btn fw wrap" value = "bg" >
< span lang = "bg" > български< / span >
< span > - < / span >
< span > (Bulgarian)< / span >
< / button >
2023-12-13 17:33:02 +01:00
< button class = "btn fw wrap" value = "ca" >
2025-02-11 12:11:31 +01:00
< span lang = "ca" > Català< / span >
2023-12-13 17:33:02 +01:00
< span > - < / span >
< span > (Catalan)< / span >
< / button >
2024-08-17 15:58:46 +02:00
< button class = "btn fw wrap" value = "cs" >
2025-02-11 12:11:31 +01:00
< span lang = "cs" > Čeština< / span >
2024-08-17 15:58:46 +02:00
< span > - < / span >
< span > (Czech)< / span >
< / button >
2024-07-01 18:47:26 +02:00
< button class = "btn fw wrap" value = "da" >
2025-02-11 12:11:31 +01:00
< span lang = "da" > Dansk< / span >
2024-07-01 18:47:26 +02:00
< span > - < / span >
< span > (Danish)< / span >
< / button >
2023-12-11 21:44:13 +01:00
< button class = "btn fw wrap" value = "de" >
2025-02-11 12:11:31 +01:00
< span lang = "de" > Deutsch< / span >
2023-12-11 21:44:13 +01:00
< span > - < / span >
2023-10-05 17:11:16 +02:00
< span > (German)< / span >
< / button >
2023-12-11 21:44:13 +01:00
< button class = "btn fw wrap" value = "en" >
2025-02-11 12:11:31 +01:00
< span lang = "en" > English< / span >
2023-10-11 17:49:49 +02:00
< / button >
2023-12-11 21:44:13 +01:00
< button class = "btn fw wrap" value = "es" >
2025-02-11 12:11:31 +01:00
< span lang = "es" > Español< / span >
2023-12-11 21:44:13 +01:00
< span > - < / span >
2023-10-31 08:18:23 +01:00
< span > (Spanish)< / span >
< / button >
2025-02-11 12:14:58 +01:00
< 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 >
2023-12-11 21:44:13 +01:00
< button class = "btn fw wrap" value = "fr" >
2025-02-11 12:11:31 +01:00
< span lang = "fr" > Français< / span >
2023-12-11 21:44:13 +01:00
< span > - < / span >
2023-10-05 17:11:16 +02:00
< span > (French)< / span >
< / button >
2023-12-11 21:44:13 +01:00
< button class = "btn fw wrap" value = "id" >
2025-02-11 12:11:31 +01:00
< span lang = "id" > Bahasa Indonesia< / span >
2023-12-11 21:44:13 +01:00
< span > - < / span >
2023-10-05 17:11:16 +02:00
< span > (Indonesian)< / span >
< / button >
2023-12-11 21:44:13 +01:00
< button class = "btn fw wrap" value = "it" >
2025-02-11 12:11:31 +01:00
< span lang = "it" > Italiano< / span >
2023-12-11 21:44:13 +01:00
< span > - < / span >
2023-10-11 17:49:49 +02:00
< span > (Italian)< / span >
< / button >
2024-07-01 18:47:26 +02:00
< button class = "btn fw wrap" value = "he" >
2025-02-11 12:11:31 +01:00
< span lang = "he" dir = "rtl" > עִבְרִית< / span >
2024-07-01 18:47:26 +02:00
< span > - < / span >
< span > (Hebrew)< / span >
< / button >
2023-12-15 22:08:25 +01:00
< button class = "btn fw wrap" value = "kn" >
2025-02-11 12:11:31 +01:00
< span lang = "kn" > ಕನ್ನಡ< / span >
2023-12-15 22:08:25 +01:00
< span > - < / span >
< span > (Kannada)< / span >
< / button >
2024-04-18 16:16:36 +02:00
< button class = "btn fw wrap" value = "hu" >
2025-02-11 12:11:31 +01:00
< span lang = "hu" > Magyar< / span >
2024-04-18 16:16:36 +02:00
< span > - < / span >
< span > (Hungarian)< / span >
< / button >
2023-12-11 21:44:13 +01:00
< button class = "btn fw wrap" value = "nl" >
2025-02-11 12:11:31 +01:00
< span lang = "nl" > Nederlands< / span >
2023-12-11 21:44:13 +01:00
< span > - < / span >
2023-10-11 17:49:49 +02:00
< span > (Dutch)< / span >
< / button >
2025-02-11 12:14:58 +01:00
< button class = "btn fw wrap" value = "nn" >
< span lang = "nn" > Norsk< / span >
< span > - < / span >
< span > (Norwegian Nynorsk)< / span >
< / button >
2024-04-18 16:16:36 +02:00
< button class = "btn fw wrap" value = "pl" >
2025-02-11 12:11:31 +01:00
< span lang = "pl" > Polski< / span >
2024-04-18 16:16:36 +02:00
< span > - < / span >
< span > (Polish)< / span >
< / button >
2023-12-11 21:44:13 +01:00
< button class = "btn fw wrap" value = "pt-BR" >
2025-02-11 12:11:31 +01:00
< span lang = "pt-BR" > Português do Brasil< / span >
2023-12-11 21:44:13 +01:00
< span > - < / span >
2023-11-16 15:02:13 -03:00
< span > (Brazilian Portuguese)< / span >
< / button >
2023-12-11 21:44:13 +01:00
< button class = "btn fw wrap" value = "ro" >
2025-02-11 12:11:31 +01:00
< span lang = "ro" > Română< / span >
2023-12-11 21:44:13 +01:00
< span > - < / span >
2023-10-05 17:11:16 +02:00
< span > (Romanian)< / span >
< / button >
2023-12-11 21:44:13 +01:00
< button class = "btn fw wrap" value = "ru" >
2025-02-11 12:11:31 +01:00
< span lang = "ru" > Русский язык< / span >
2023-12-11 21:44:13 +01:00
< span > - < / span >
2023-10-05 17:11:16 +02:00
< span > (Russian)< / span >
< / button >
2025-02-11 12:14:58 +01:00
< 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 >
2023-12-11 21:44:13 +01:00
< button class = "btn fw wrap" value = "tr" >
2025-02-11 12:11:31 +01:00
< span lang = "tr" > Türkçe< / span >
2023-12-11 21:44:13 +01:00
< span > - < / span >
2023-10-31 08:18:23 +01:00
< span > (Turkish)< / span >
2023-10-11 17:49:49 +02:00
< / button >
2024-08-17 15:58:46 +02:00
< button class = "btn fw wrap" value = "uk" >
2025-02-11 12:11:31 +01:00
< span lang = "uk" > Українська< / span >
2024-08-17 15:58:46 +02:00
< span > - < / span >
< span > (Ukrainian)< / span >
< / button >
2023-12-11 21:44:13 +01:00
< button class = "btn fw wrap" value = "zh-CN" >
2025-02-11 12:11:31 +01:00
< span lang = "zh-CN" > 汉语< / span >
2023-12-11 21:44:13 +01:00
< span > - < / span >
2024-04-18 16:16:36 +02:00
< span > (Simplified Chinese)< / span >
< / button >
2025-02-11 12:14:58 +01:00
< button class = "btn fw wrap" value = "zh-HK" >
< span lang = "zh-HK" > 中文< / span >
< span > - < / span >
< span > (Hant Script)< / span >
< / button >
2024-04-18 16:16:36 +02:00
< button class = "btn fw wrap" value = "zh-TW" >
2025-02-11 12:11:31 +01:00
< span lang = "zh-TW" > 漢語< / span >
2024-04-18 16:16:36 +02:00
< span > - < / span >
< span > (Traditional Chinese)< / span >
2023-10-05 17:11:16 +02:00
< / button >
2023-12-11 21:44:13 +01:00
< button class = "btn fw wrap" value = "ja" >
2025-02-11 12:11:31 +01:00
< span lang = "ja" > 日本語< / span >
2023-12-11 21:44:13 +01:00
< span > - < / span >
2023-10-11 17:49:49 +02:00
< span > (Japanese)< / span >
< / button >
2025-02-11 12:14:58 +01:00
< button class = "btn fw wrap" value = "ko" >
< span lang = "ko" > 한국어< / span >
< span > - < / span >
< span > (Korean)< / span >
< / button >
2023-08-30 14:57:40 +02:00
< / div >
2023-12-09 17:37:44 +01:00
< div class = "center row-reverse btn-row wrap" >
2023-11-20 05:23:21 +01:00
< button class = "btn btn-rounded btn-grey" type = "button" data-i18n-key = "dialogs.close" data-i18n-attrs = "text" close > < / button >
2023-08-30 14:57:40 +02:00
< / div >
< / x-paper >
< / x-background >
< / x-dialog >
2023-01-19 04:40:28 +01:00
<!-- Pair Device Dialog -->
2023-03-01 10:44:57 +01:00
< x-dialog id = "pair-device-dialog" >
2023-01-10 05:07:57 +01:00
< form action = "#" >
< x-background class = "full center text-center" >
< x-paper shadow = "2" >
2023-12-12 13:39:55 +01:00
< div class = "row center p-2" >
2023-11-29 17:42:19 +01:00
< h2 class = "dialog-title" data-i18n-key = "dialogs.pair-devices-title" data-i18n-attrs = "text" > < / h2 >
2023-07-06 21:29:36 +02:00
< / div >
2023-12-12 13:39:55 +01:00
< div class = "row center p-2" >
2023-09-13 18:15:01 +02:00
< div class = "column" >
2023-11-29 18:53:57 +01:00
< div class = "center key-qr-code pointer" data-i18n-key = "dialogs.pair-devices-qr-code" data-i18n-attrs = "title" > < / div >
2023-10-05 17:11:16 +02:00
< h1 class = "center key" dir = "ltr" > 000 000< / h1 >
2023-09-13 18:15:01 +02:00
< p class = "center text-center key-instructions" >
2023-10-06 02:55:03 +02:00
< 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 >
2023-09-13 18:15:01 +02:00
< / p >
< / div >
2023-01-10 05:07:57 +01:00
< / div >
2023-09-13 18:15:01 +02:00
< div class = "hr-note" >
< hr >
< div >
2023-10-06 02:55:03 +02:00
< span data-i18n-key = "dialogs.hr-or" data-i18n-attrs = "text" > < / span >
2023-09-13 18:15:01 +02:00
< / div >
< / div >
2023-12-12 13:39:55 +01:00
< div class = "row center p-2" >
2023-11-20 05:23:21 +01:00
< div class = "column fw" >
2023-10-05 17:11:16 +02:00
< div class = "input-key-container six-chars" dir = "ltr" >
2023-10-11 20:34:26 +02:00
< 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 >
2023-09-13 18:15:01 +02:00
< / div >
2023-10-06 02:55:03 +02:00
< p class = "font-subheading center text-center" data-i18n-key = "dialogs.enter-key-from-another-device" data-i18n-attrs = "text" > < / p >
2023-09-13 18:15:01 +02:00
< / div >
< / div >
2023-12-09 17:37:44 +01:00
< div class = "btn-row row-reverse wrap" >
2023-11-20 05:23:21 +01:00
< 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 >
2023-01-10 05:07:57 +01:00
< / div >
< / x-paper >
< / x-background >
< / form >
< / x-dialog >
2023-05-04 17:38:51 +02:00
<!-- Edit Paired Devices Dialog -->
< x-dialog id = "edit-paired-devices-dialog" >
2023-01-10 05:07:57 +01:00
< form action = "#" >
< x-background class = "full center text-center" >
< x-paper shadow = "2" >
2023-12-12 13:39:55 +01:00
< div class = "row center p-2" >
2023-11-29 17:42:19 +01:00
< h2 class = "dialog-title" data-i18n-key = "dialogs.edit-paired-devices-title" data-i18n-attrs = "text" > < / h2 >
2023-09-13 18:15:01 +02:00
< / div >
2023-10-06 02:55:03 +02:00
< div class = "paired-devices-wrapper" data-i18n-key = "dialogs.paired-devices-wrapper" data-i18n-attrs = "data-empty" > < / div >
2023-05-04 17:38:51 +02:00
< div class = "font-subheading center" >
2023-07-06 21:29:36 +02:00
< p >
2023-10-06 02:55:03 +02:00
< 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 >
2023-07-06 21:29:36 +02:00
< / p >
2023-05-04 17:38:51 +02:00
< / div >
2023-12-09 17:37:44 +01:00
< div class = "center row-reverse btn-row wrap" >
2023-11-20 05:23:21 +01:00
< button class = "btn btn-rounded btn-grey" type = "button" data-i18n-key = "dialogs.close" data-i18n-attrs = "text" close > < / button >
2023-01-10 05:07:57 +01:00
< / div >
< / x-paper >
< / x-background >
< / form >
< / x-dialog >
2023-09-13 18:15:01 +02:00
<!-- Public Room Dialog -->
< x-dialog id = "public-room-dialog" >
< form action = "#" >
< x-background class = "full center text-center" >
< x-paper shadow = "2" >
2023-12-12 13:39:55 +01:00
< div class = "row center p-2" >
2023-11-29 17:42:19 +01:00
< h2 class = "dialog-title" data-i18n-key = "dialogs.temporary-public-room-title" data-i18n-attrs = "text" > < / h2 >
2023-09-13 18:15:01 +02:00
< / div >
2023-12-12 13:39:55 +01:00
< div class = "row center p-2" >
2023-09-13 18:15:01 +02:00
< div class = "column" >
2023-11-29 18:53:57 +01:00
< div class = "center key-qr-code pointer" data-i18n-key = "dialogs.public-room-qr-code" data-i18n-attrs = "title" > < / div >
2023-10-05 17:11:16 +02:00
< h1 class = "center key" dir = "ltr" > < / h1 >
2023-09-13 18:15:01 +02:00
< p class = "center text-center key-instructions" >
2023-10-06 02:55:03 +02:00
< 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 >
2023-09-13 18:15:01 +02:00
< / p >
< / div >
< / div >
< div class = "hr-note" >
< hr >
< div >
2023-10-06 02:55:03 +02:00
< span data-i18n-key = "dialogs.hr-or" data-i18n-attrs = "text" > < / span >
2023-09-13 18:15:01 +02:00
< / div >
< / div >
2023-12-12 13:39:55 +01:00
< div class = "row center p-2" >
2023-11-20 05:23:21 +01:00
< div class = "column fw" >
2023-10-05 17:11:16 +02:00
< div class = "input-key-container" dir = "ltr" >
2023-10-11 20:34:26 +02:00
< 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 >
2023-09-13 18:15:01 +02:00
< / div >
2023-10-06 02:55:03 +02:00
< p class = "font-subheading center text-center" data-i18n-key = "dialogs.enter-room-id-from-another-device" data-i18n-attrs = "text" > < / p >
2023-09-13 18:15:01 +02:00
< / div >
< / div >
2023-12-09 17:37:44 +01:00
< 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 >
2023-11-20 05:23:21 +01:00
< button class = "btn btn-rounded btn-grey" type = "button" data-i18n-key = "dialogs.close" data-i18n-attrs = "text" close > < / button >
2023-09-13 18:15:01 +02:00
< / div >
< / x-paper >
< / x-background >
< / form >
< / x-dialog >
2023-02-08 12:55:28 +01:00
<!-- Receive Request Dialog -->
2023-03-01 10:44:57 +01:00
< x-dialog id = "receive-request-dialog" >
2023-01-17 10:41:50 +01:00
< x-background class = "full center" >
< x-paper shadow = "2" >
2023-12-12 13:39:55 +01:00
< div class = "row center p-2" >
2023-11-29 17:42:19 +01:00
< h2 class = "dialog-title" > < / h2 >
2023-09-13 18:15:01 +02:00
< / div >
2023-12-12 13:39:55 +01:00
< div class = "row center p-2" >
2023-09-13 18:15:01 +02:00
< div class = "column center file-description" >
< div >
2023-11-29 17:42:19 +01:00
< span class = "display-name badge" > < / span >
2023-10-06 02:55:03 +02:00
< span data-i18n-key = "dialogs.would-like-to-share" data-i18n-attrs = "text" > < / span >
2023-09-13 18:15:01 +02:00
< / div >
2023-10-06 02:55:03 +02:00
< div class = "row file-name" >
2023-09-13 18:15:01 +02:00
< 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 >
2023-01-21 18:21:58 +01:00
< / div >
< / div >
2023-01-17 10:41:50 +01:00
< div class = "center file-preview" > < / div >
2023-12-09 17:37:44 +01:00
< div class = "row-reverse center btn-row wrap" >
2023-11-24 16:25:30 +01:00
< button id = "accept-request" class = "btn btn-rounded btn-grey" title = "ENTER" data-i18n-key = "dialogs.accept" data-i18n-attrs = "text" autofocus disabled > < / button >
2023-11-20 05:23:21 +01:00
< button id = "decline-request" class = "btn btn-rounded btn-grey" title = "ESCAPE" data-i18n-key = "dialogs.decline" data-i18n-attrs = "text" > < / button >
2023-02-08 12:55:28 +01:00
< / div >
< / x-paper >
< / x-background >
< / x-dialog >
<!-- Receive File Dialog -->
2023-03-01 10:44:57 +01:00
< x-dialog id = "receive-file-dialog" >
2023-02-08 12:55:28 +01:00
< x-background class = "full center" >
< x-paper shadow = "2" >
2023-12-12 13:39:55 +01:00
< div class = "row center p-2" >
2023-11-29 17:42:19 +01:00
< h2 class = "dialog-title" > < / h2 >
2023-09-13 18:15:01 +02:00
< / div >
2023-12-12 13:39:55 +01:00
< div class = "row center p-2" >
2023-09-13 18:15:01 +02:00
< div class = "column center file-description" >
< div >
2023-11-29 17:42:19 +01:00
< span class = "display-name badge" > < / span >
2023-10-06 02:55:03 +02:00
< span data-i18n-key = "dialogs.has-sent" data-i18n-attrs = "text" > < / span >
2023-09-13 18:15:01 +02:00
< / div >
2023-10-06 02:55:03 +02:00
< div class = "row file-name" >
2023-09-13 18:15:01 +02:00
< 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 >
2023-03-03 12:01:43 +01:00
< / div >
< / div >
2023-02-08 12:55:28 +01:00
< div class = "center file-preview" > < / div >
2023-12-09 17:37:44 +01:00
< div class = "row-reverse center btn-row wrap" >
2023-11-20 05:23:21 +01:00
< button id = "share-btn" class = "btn btn-rounded btn-grey" data-i18n-key = "dialogs.share" data-i18n-attrs = "text" hidden > < / button >
2023-11-24 16:25:30 +01:00
< button id = "download-btn" class = "btn btn-rounded btn-grey" data-i18n-key = "dialogs.download" data-i18n-attrs = "text" autofocus disabled > < / button >
2023-11-20 05:23:21 +01:00
< button class = "btn btn-rounded btn-grey" data-i18n-key = "dialogs.close" data-i18n-attrs = "text" close > < / button >
2018-09-21 16:05:03 +02:00
< / div >
< / x-paper >
< / x-background >
< / x-dialog >
<!-- Send Text Dialog -->
2023-03-01 10:44:57 +01:00
< x-dialog id = "send-text-dialog" >
2018-09-21 16:05:03 +02:00
< form action = "#" >
< x-background class = "full center" >
< x-paper shadow = "2" >
2023-12-12 13:39:55 +01:00
< div class = "row center p-2" >
2023-11-29 17:42:19 +01:00
< h2 class = "dialog-title" data-i18n-key = "dialogs.send-message-title" data-i18n-attrs = "text" > < / h2 >
2023-03-01 10:04:37 +01:00
< / div >
2023-12-12 13:39:55 +01:00
< div class = "row center p-2 display-name-wrapper" >
2023-09-13 18:15:01 +02:00
< div class = "column" >
< div class = "text-center" >
2023-10-06 02:55:03 +02:00
< span data-i18n-key = "dialogs.send-message-to" data-i18n-attrs = "text" > < / span >
2023-11-29 17:42:19 +01:00
< span class = "display-name badge" > < / span >
2023-09-13 18:15:01 +02:00
< / div >
< / div >
< / div >
2023-12-12 13:39:55 +01:00
< div class = "row p-2" >
2023-09-13 18:15:01 +02:00
< div class = "column fw" >
2023-11-24 16:25:30 +01:00
< div class = "fw textarea" role = "textbox" data-i18n-key = "dialogs.message" data-i18n-attrs = "title placeholder" autofocus contenteditable > < / div >
2023-09-13 18:15:01 +02:00
< / div >
< / div >
2023-12-09 17:37:44 +01:00
< div class = "btn-row row-reverse wrap" >
2023-11-20 05:23:21 +01:00
< 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 >
2018-09-21 16:05:03 +02:00
< / div >
< / x-paper >
< / x-background >
< / form >
< / x-dialog >
<!-- Receive Text Dialog -->
2023-03-01 10:44:57 +01:00
< x-dialog id = "receive-text-dialog" >
2018-09-21 16:05:03 +02:00
< x-background class = "full center" >
< x-paper shadow = "2" >
2023-12-12 13:39:55 +01:00
< div class = "row center p-2" >
2023-11-29 17:42:19 +01:00
< h2 class = "dialog-title" class = "text-center" data-i18n-key = "dialogs.receive-text-title" data-i18n-attrs = "text" > < / h2 >
2023-02-10 03:26:08 +01:00
< / div >
2023-12-12 13:39:55 +01:00
< div class = "row center p-2 display-name-wrapper" >
2023-09-13 18:15:01 +02:00
< div class = "text-center" >
2023-11-29 17:42:19 +01:00
< span class = "display-name badge" > < / span >
2023-10-06 02:55:03 +02:00
< span data-i18n-key = "dialogs.has-sent" data-i18n-attrs = "text" > < / span >
2023-09-13 18:15:01 +02:00
< / div >
< / div >
2023-12-12 13:39:55 +01:00
< div class = "row center p-2" >
2023-09-13 18:15:01 +02:00
< div class = "column fw" >
2023-11-20 05:23:21 +01:00
< div id = "text" class = "textarea" > < / div >
2023-09-13 18:15:01 +02:00
< / div >
< / div >
2023-12-09 17:37:44 +01:00
< div class = "row-reverse center btn-row wrap" >
2023-11-20 05:23:21 +01:00
< 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 >
2018-09-21 16:05:03 +02:00
< / div >
< / x-paper >
< / x-background >
< / x-dialog >
2023-11-24 16:25:30 +01:00
<!-- Share Text Dialog -->
< x-dialog id = "share-text-dialog" >
< x-background class = "full center" >
< x-paper shadow = "2" >
2023-12-12 13:39:55 +01:00
< div class = "row center p-2" >
2023-11-29 17:42:19 +01:00
< h2 class = "dialog-title" data-i18n-key = "dialogs.share-text-title" data-i18n-attrs = "text" > < / h2 >
2023-11-24 16:25:30 +01:00
< / div >
2023-12-12 13:39:55 +01:00
< div class = "row center p-2 pb-0" >
2023-11-24 16:25:30 +01:00
< div class = "column" >
< div class = "text-center" >
< span data-i18n-key = "dialogs.share-text-subtitle" data-i18n-attrs = "text" > < / span >
< / div >
< / div >
< / div >
2023-12-12 13:39:55 +01:00
< div class = "row p-2" >
2023-11-24 16:25:30 +01:00
< div class = "column fw" >
< div class = "fw textarea" role = "textbox" data-i18n-key = "dialogs.message" data-i18n-attrs = "title placeholder" contenteditable > < / div >
< / div >
< / div >
2023-12-12 13:39:55 +01:00
< 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" >
2023-11-24 16:25:30 +01:00
< input type = "checkbox" >
2023-11-29 23:39:55 +01:00
< div class = "slider round" > < / div >
2023-11-24 16:25:30 +01:00
< / label >
< / div >
2023-12-09 17:37:44 +01:00
< div class = "btn-row row-reverse wrap" >
2023-11-24 16:25:30 +01:00
< 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 >
2023-03-01 10:44:57 +01:00
<!-- base64 Paste Dialog -->
< x-dialog id = "base64-paste-dialog" >
2023-01-19 04:40:28 +01:00
< x-background class = "full center" >
< x-paper shadow = "2" >
2023-12-12 13:39:55 +01:00
< div class = "row center p-2" >
2023-12-05 18:57:31 +01:00
< h2 class = "dialog-title" > < / h2 >
< / div >
2023-12-12 13:39:55 +01:00
< div class = "row p-2" >
2023-12-05 18:57:31 +01:00
< 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 >
2023-12-09 17:37:44 +01:00
< div class = "row-reverse center btn-row wrap" >
2023-11-20 05:23:21 +01:00
< button class = "btn btn-rounded btn-grey" data-i18n-key = "dialogs.close" data-i18n-attrs = "text" close > < / button >
2023-09-18 21:29:29 +02:00
< / div >
2023-01-19 04:40:28 +01:00
< / x-paper >
< / x-background >
< / x-dialog >
2018-09-21 16:05:03 +02:00
<!-- Toast -->
< div class = "toast-container full center" >
2023-11-24 16:25:30 +01:00
< x-toast id = "toast" shadow = "1" >
2023-11-29 18:36:38 +01:00
< span class = "center text-center" > < / span >
2023-11-24 16:25:30 +01:00
< 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 >
2018-09-21 16:05:03 +02:00
< / div >
2018-09-24 13:14:11 +02:00
<!-- About Page -->
< x-about id = "about" class = "full center column" >
2023-10-11 23:22:10 +02:00
< header class = "row-reverse" >
2023-10-06 02:55:03 +02:00
< a href = "#" class = "close icon-button" data-i18n-key = "about.close-about" data-i18n-attrs = "aria-label" >
2023-03-03 19:37:07 +01:00
< svg class = "icon" >
2023-10-06 02:55:03 +02:00
< use xlink:href = "#close-icon" > < / use >
2023-03-03 19:37:07 +01:00
< / svg >
< / a >
< / header >
2023-10-11 23:22:10 +02:00
< section class = "center column" >
2018-09-24 13:14:11 +02:00
< svg class = "icon logo" >
2023-10-06 02:55:03 +02:00
< use xlink:href = "#wifi-tethering" > < / use >
2018-09-21 16:05:03 +02:00
< / svg >
2023-10-05 17:11:16 +02:00
< div class = "title-wrapper" dir = "ltr" >
2023-05-23 02:44:25 +02:00
< h1 > PairDrop< / h1 >
2025-02-11 14:52:44 +01:00
< div class = "font-subheading" > v1.10.11< / div >
2023-05-23 02:44:25 +02:00
< / div >
2023-10-06 02:55:03 +02:00
< div class = "font-subheading" data-i18n-key = "about.claim" data-i18n-attrs = "text" > < / div >
2018-09-24 13:14:11 +02:00
< div class = "row" >
2023-10-06 02:55:03 +02:00
< a class = "icon-button" target = "_blank" href = "https://github.com/schlagmichdoch/pairdrop" rel = "noreferrer" data-i18n-key = "about.github" data-i18n-attrs = "title" >
2018-09-24 13:14:11 +02:00
< svg class = "icon" >
2023-10-06 02:55:03 +02:00
< use xlink:href = "#github" > < / use >
2018-09-24 13:14:11 +02:00
< / svg >
< / a >
2023-12-13 17:40:48 +01:00
< a class = "icon-button" id = "donation-btn" target = "_blank" href = "https://www.buymeacoffee.com/pairdrop" rel = "noreferrer" data-i18n-key = "about.buy-me-a-coffee" data-i18n-attrs = "title" >
2020-07-14 22:28:41 +02:00
< svg class = "icon" >
2023-12-13 17:40:48 +01:00
< use xlink:href = "#donation" > < / use >
2020-07-14 22:28:41 +02:00
< / svg >
< / a >
2023-12-13 17:40:48 +01:00
< a class = "icon-button" id = "twitter-btn" target = "_blank" href = "https://twitter.com/intent/tweet?text=https%3A%2F%2Fpairdrop.net%20by%20https%3A%2F%2Fgithub.com%2Fschlagmichdoch%2F&" rel = "noreferrer" data-i18n-key = "about.tweet" data-i18n-attrs = "title" >
2018-09-24 13:14:11 +02:00
< svg class = "icon" >
2023-10-06 02:55:03 +02:00
< use xlink:href = "#twitter" > < / use >
2018-09-24 13:14:11 +02:00
< / svg >
< / a >
2023-12-13 17:40:48 +01:00
< 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 >
< 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 >
< 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 >
< 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 >
2023-10-06 02:55:03 +02:00
< a class = "icon-button" target = "_blank" href = "https://github.com/schlagmichdoch/pairdrop/blob/master/docs/faq.md" rel = "noreferrer" data-i18n-key = "about.faq" data-i18n-attrs = "title" >
2018-09-24 13:14:11 +02:00
< svg class = "icon" >
2023-10-06 02:55:03 +02:00
< use xlink:href = "#help-outline" > < / use >
2018-09-24 13:14:11 +02:00
< / svg >
< / a >
< / div >
< / section >
< x-background > < / x-background >
< / x-about >
2023-10-11 23:22:10 +02:00
< canvas class = "circles opacity-0" > < / canvas >
2018-09-21 16:05:03 +02:00
<!-- SVG Icon Library -->
< svg style = "display: none;" >
2023-10-06 02:55:03 +02:00
< symbol id = "wifi-tethering" viewBox = "0 0 24 24" >
2018-09-21 16:05:03 +02:00
< 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 >
2023-10-06 02:55:03 +02:00
< symbol id = "desktop-mac" viewBox = "0 0 24 24" >
2018-09-21 16:05:03 +02:00
< 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 >
2023-10-06 02:55:03 +02:00
< symbol id = "phone-iphone" viewBox = "0 0 24 24" >
2018-09-21 16:05:03 +02:00
< 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 >
2023-10-06 02:55:03 +02:00
< symbol id = "tablet-mac" viewBox = "0 0 24 24" >
2018-09-21 16:05:03 +02:00
< 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 >
2023-10-06 02:55:03 +02:00
< symbol id = "info-outline" viewBox = "0 0 24 24" >
2018-09-21 16:05:03 +02:00
< 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 >
2023-10-06 02:55:03 +02:00
< symbol id = "close-icon" viewBox = "0 0 24 24" >
2018-09-21 16:05:03 +02:00
< 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 >
2023-10-06 02:55:03 +02:00
< symbol id = "help-outline" viewBox = "0 0 24 24" >
2018-09-21 16:05:03 +02:00
< 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 = "twitter" >
2023-10-06 02:55:03 +02:00
< path d = "M23.954 4.569c-.885.389-1.83.654-2.825.775 1.014-.611 1.794-1.574 2.163-2.723-.951.555-2.005.959-3.127 1.184-.896-.959-2.173-1.559-3.591-1.559-2.717 0-4.92 2.203-4.92 4.917 0 .39.045.765.127 1.124C7.691 8.094 4.066 6.13 1.64 3.161c-.427.722-.666 1.561-.666 2.475 0 1.71.87 3.213 2.188 4.096-.807-.026-1.566-.248-2.228-.616v.061c0 2.385 1.693 4.374 3.946 4.827-.413.111-.849.171-1.296.171-.314 0-.615-.03-.916-.086.631 1.953 2.445 3.377 4.604 3.417-1.68 1.319-3.809 2.105-6.102 2.105-.39 0-.779-.023-1.17-.067 2.189 1.394 4.768 2.209 7.557 2.209 9.054 0 13.999-7.496 13.999-13.986 0-.209 0-.42-.015-.63.961-.689 1.8-1.56 2.46-2.548l-.047-.02z" > < / path >
2018-09-21 16:05:03 +02:00
< / symbol >
< symbol id = "github" >
2023-10-06 02:55:03 +02:00
< 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 >
2018-09-21 16:05:03 +02:00
< / symbol >
2023-11-24 16:25:30 +01:00
< symbol id = "notifications" >
2023-10-06 02:55:03 +02:00
< 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 >
2023-11-24 16:25:30 +01:00
< / symbol >
2019-03-14 20:15:37 +01:00
< symbol id = "homescreen" >
2023-10-06 02:55:03 +02:00
< 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 >
2019-03-14 20:15:37 +01:00
< / symbol >
2023-12-13 17:40:48 +01:00
< symbol id = "donation" >
2023-10-06 02:55:03 +02:00
< 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 >
2020-07-14 22:28:41 +02:00
< / symbol >
2023-12-09 17:28:22 +01:00
< 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 >
2023-03-28 17:26:22 +02:00
< / symbol >
2023-12-09 17:28:22 +01:00
< 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 >
2023-03-28 17:26:22 +02:00
< / symbol >
< symbol id = "icon-theme-dark" viewBox = "0 0 24 24" >
2023-10-06 02:55:03 +02:00
< 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 >
2020-10-25 14:38:07 +05:30
< / symbol >
2023-01-10 05:07:57 +01:00
< 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. -->
2023-10-06 02:55:03 +02:00
< 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 >
2023-01-10 05:07:57 +01:00
< / symbol >
2023-05-04 17:38:51 +02:00
< 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 -->
2023-10-06 02:55:03 +02:00
< 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 >
2023-01-10 05:07:57 +01:00
< / symbol >
2023-03-01 21:35:00 +01:00
< 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. -->
2023-10-06 02:55:03 +02:00
< 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 >
2023-03-01 21:35:00 +01:00
< / symbol >
2023-09-13 18:15:01 +02:00
< 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. -->
2023-10-06 02:55:03 +02:00
< 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 >
2023-09-13 18:15:01 +02:00
< / symbol >
2023-08-30 14:57:40 +02:00
< 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. -->
2023-10-06 02:55:03 +02:00
< 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 >
2023-08-30 14:57:40 +02:00
< / symbol >
2023-11-24 16:25:30 +01:00
< 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. -->
2023-12-09 17:28:22 +01:00
< 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 >
2023-11-24 16:25:30 +01:00
< / 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. -->
2023-12-09 17:28:22 +01:00
< 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 >
2023-11-24 16:25:30 +01:00
< / symbol >
2023-12-09 17:34:54 +01:00
< symbol id = "caret" viewBox = "0 0 320 512" >
2023-12-13 17:40:48 +01:00
<!-- !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 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 = "M0 96C0 60.7 28.7 32 64 32H384c35.3 0 64 28.7 64 64V416c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V96z" > < / path >
< / 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 >
2023-12-09 17:34:54 +01:00
< / symbol >
2018-09-21 16:05:03 +02:00
< / svg >
<!-- Scripts -->
2023-12-15 23:40:30 +01:00
< 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 >
2018-09-21 16:05:03 +02:00
<!-- Sounds -->
2023-10-11 20:34:26 +02:00
< audio id = "blop" autobuffer = "true" >
2023-01-31 22:04:39 +01:00
< source src = "sounds/blop.mp3" type = "audio/mpeg" >
< source src = "sounds/blop.ogg" type = "audio/ogg" >
2018-09-21 16:05:03 +02:00
< / audio >
<!-- no script -->
< noscript >
< x-noscript class = "full center column" >
2021-02-15 17:53:58 -08:00
< h1 > Enable JavaScript< / h1 >
2023-01-17 10:50:28 +01:00
< h3 > PairDrop works only with JavaScript< / h3 >
2018-09-21 16:05:03 +02:00
< / x-noscript >
< / noscript >
2020-11-04 16:29:08 +01:00
< / body >
2023-10-06 02:55:03 +02:00
< / html >
