Spaccogram/webk/index.html

164 lines
12 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>{{title}}</title>
<meta name="description" content="{{description}}" />
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no,shrink-to-fit=no,viewport-fit=cover" />
<meta name="mobile-web-app-capable" content="yes" />
<meta name="mobile-web-app-title" content="{{title}}" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-title" content="{{title}}" />
<meta name="application-name" content="{{title}}" />
<meta name="msapplication-TileColor" content="#2d89ef" />
<meta name="msapplication-TileImage" content="assets/img/mstile-144x144.png?v=20240818" />
<meta name="msapplication-config" content="browserconfig.xml?v=20240818" />
<meta name="theme-color" content="#ffffff" />
<meta name="color-scheme" content="light" />
<meta name="google" content="notranslate" />
<!-- <meta name="robots" content="noindex"> -->
<!-- Open Graph / Facebook -->
<meta property="og:type" content="website" />
<meta property="og:url" content="{{url}}" />
<meta property="og:title" content="{{title}}" />
<meta property="og:description" content="{{description}}" />
<meta property="og:image" content="assets/img/android-chrome-192x192.png?v=20240818" />
<!-- Twitter -->
<meta property="twitter:card" content="summary_large_image" />
<meta property="twitter:url" content="{{url}}" />
<meta property="twitter:title" content="{{title}}" />
<meta property="twitter:description" content="{{description}}" />
<meta property="twitter:image" content="assets/img/android-chrome-192x192.png?v=20240818" />
<link rel="apple-touch-icon" sizes="180x180" href="assets/img/apple-touch-icon.png?v=20240818" />
<link rel="icon" type="image/png" sizes="16x16" href="assets/img/favicon-16x16.png?v=20240818" />
<link rel="icon" type="image/png" sizes="32x32" href="assets/img/favicon-32x32.png?v=20240818" />
<link rel="icon" type="image/png" sizes="192x192" href="assets/img/android-chrome-192x192.png?v=20240818" />
<link rel="alternate icon" href="assets/img/favicon.ico?v=20240818" type="image/x-icon" />
<!-- <link rel="mask-icon" href="assets/img/logo_filled.svg?v=20240818" color="#3390ec" /> -->
<link rel="canonical" href="{{origin}}" />
<link rel="manifest" id="manifest" />
</head>
<body class="animation-level-2">
<!--[if IE]>
<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="https://browsehappy.com/">upgrade your browser</a> to improve your experience and security.</p>
<![endif]-->
<svg style="position: absolute; top: -10000px; left: -10000px;">
<defs id="svg-defs">
<clipPath id="tooltip-notch-clip">
<path d="M19 7C16.8992 7 13.59 3.88897 11.5003 1.67424C10.7648 0.894688 10.397 0.50491 10.0434 0.385149C9.70568 0.270811 9.4225 0.270474 9.08456 0.38401C8.73059 0.50293 8.36133 0.892443 7.62279 1.67147C5.52303 3.88637 2.18302 7 0 7L19 7Z" />
</clipPath>
<clipPath id="message-tail-clip">
<use href="#message-tail" />
</clipPath>
<!-- <linearGradient id="topic-icon-gradient" x1="0" x2="0" y1="0" y2="1">
<stop class="topic-icon-gradient-stop-1" offset="0%" />
<stop class="topic-icon-gradient-stop-2" offset="100%" />
</linearGradient> -->
<path id="message-tail" d="M1.00002881,1.03679295e-14 L7,0 L7,17 C6.8069969,14.1607017 6.12380234,11.2332513 4.95041634,8.21764872 C4.04604748,5.89342034 2.50413132,3.73337411 0.324667862,1.73751004 L0.324652538,1.73752677 C-0.0826597201,1.36452676 -0.110475289,0.731958677 0.262524727,0.324646419 C0.451952959,0.117792698 0.719544377,1.0985861e-14 1.00002881,1.04360964e-14 Z" />
<path id="poll-line" d="M4.47,5.33v13.6c0,4.97,4.03,9,9,9h458.16"/>
<path id="check" fill="none" d="M 4.7071 12.2929 l 5 5 c 0.3905 0.3905 1.0237 0.3905 1.4142 0 l 11 -11" />
<path id="verified-icon-background" fill-rule="evenodd" clip-rule="evenodd" d="m14.378741 1.509638 1.818245 1.818557c.365651.365716.861601.571194 1.378741.571259l2.574273.000312c1.01361.000117 1.846494.773578 1.940861 1.762436l.008905.187798-.000312 2.5727c-.000065.517322.205439 1.013454.571259 1.379222l1.819649 1.819337c.714441.713427.759174 1.843179.134563 2.609139l-.134797.148109-1.819181 1.8182502c-.365963.3657823-.571558.8620196-.571493 1.3794456l.000312 2.5737972c.000559 1.0136048-.772668 1.846676-1.7615 1.9412861l-.188266.0084786-2.573792-.0003107c-.517426-.0000624-1.013675.2055248-1.379456.5714956l-1.818245 1.8191823c-.71331.7145515-1.843049.7594886-2.609113.1349998l-.148135-.1347645-1.8193435-1.8196542c-.3657628-.3658252-.8618987-.5713214-1.3792103-.571259l-2.5727052.0003107c-1.0136048.0001222-1.846676-.7731321-1.9412861-1.761968l-.0089492-.1877967-.0003107-2.5742678c-.0000624-.5171478-.2055495-1.0130926-.571259-1.3787397l-1.8185622-1.8182515c-.7139886-.713869-.758706-1.843647-.1340846-2.609607l.1338493-.148109 1.8190328-1.81935c.3655665-.365625.5709613-.861471.5710237-1.378494l.0003107-2.573181c.0006006-1.076777.8734635-1.949636 1.9502353-1.950234l2.5731758-.000312c.5170321-.000065 1.0128768-.205452 1.3785044-.571025l1.8193448-1.819038c.761592-.761449 1.996254-.761345 2.757716.000247zm3.195309 8.047806c-.426556-.34125-1.032655-.306293-1.417455.060333l-.099151.108173-4.448444 5.55815-1.7460313-1.74707-.1104961-.096564c-.4229264-.32188-1.0291801-.289692-1.4154413.096564-.3862612.386269-.4184492.992511-.0965653 1.41544l.0965653.1105 2.5999987 2.5999987.109876.0961467c.419874.320359 1.015131.2873897 1.397071-.0773773l.098579-.107692 5.2-6.4999961.083772-.120484c.273208-.455884.174278-1.054885-.252278-1.396122z" />
<path id="verified-icon-check" d="M8 8H18V18H8V8Z" />
<path id="topic-icon" d="M21.3733 4.27035C19.2176 2.25323 16.2016 1 12.8636 1C6.31153 1 1 5.82866 1 11.7851C1 15.1823 2.58685 17.9669 5.28707 19.9438C5.63238 20.1966 5.95042 21.6013 5.18073 22.7812C4.86598 23.2637 4.51948 23.639 4.25272 23.928C3.86715 24.3457 3.6482 24.5828 3.93266 24.7022C4.22935 24.8266 5.98245 24.8882 7.24776 24.1786C8.23812 23.6232 8.83793 23.0691 9.24187 22.696C9.57588 22.3875 9.77595 22.2027 9.95217 22.2431C10.584 22.388 11.236 22.4868 11.9035 22.5354C11.9126 22.5361 11.9218 22.5368 11.9309 22.5374C12.2386 22.5592 12.5497 22.5702 12.8636 22.5702C19.4157 22.5702 24.7273 17.7416 24.7273 11.7851C24.7273 8.86318 23.4491 6.21263 21.3733 4.27035Z" />
<!-- <path id="verified-icon-background" d="M12.3 2.9c.1.1.2.1.3.2.7.6 1.3 1.1 2 1.7.3.2.6.4.9.4.9.1 1.7.2 2.6.2.5 0 .6.1.7.7.1.9.1 1.8.2 2.6 0 .4.2.7.4 1 .6.7 1.1 1.3 1.7 2 .3.4.3.5 0 .8-.5.6-1.1 1.3-1.6 1.9-.3.3-.5.7-.5 1.2-.1.8-.2 1.7-.2 2.5 0 .4-.2.5-.6.6-.8 0-1.6.1-2.5.2-.5 0-1 .2-1.4.5-.6.5-1.3 1.1-1.9 1.6-.3.3-.5.3-.8 0-.7-.6-1.4-1.2-2-1.8-.3-.2-.6-.4-.9-.4-.9-.1-1.8-.2-2.7-.2-.4 0-.5-.2-.6-.5 0-.9-.1-1.7-.2-2.6 0-.4-.2-.8-.4-1.1-.6-.6-1.1-1.3-1.6-2-.4-.4-.3-.5 0-1 .6-.6 1.1-1.3 1.7-1.9.3-.3.4-.6.4-1 0-.8.1-1.6.2-2.5 0-.5.1-.6.6-.6.9-.1 1.7-.1 2.6-.2.4 0 .7-.2 1-.4.7-.6 1.4-1.2 2.1-1.7.1-.2.3-.3.5-.2z" /> -->
<!-- <path id="verified-icon-check" d="M16.4 10.1l-.2.2-5.4 5.4c-.1.1-.2.2-.4 0l-2.6-2.6c-.2-.2-.1-.3 0-.4.2-.2.5-.6.7-.6.3 0 .5.4.7.6l1.1 1.1c.2.2.3.2.5 0l4.3-4.3c.2-.2.4-.3.6 0 .1.2.3.3.4.5.2 0 .3.1.3.1z" /> -->
<symbol id="message-tail-filled" viewBox="0 0 11 20">
<g transform="translate(9 -14)" fill="inherit" fill-rule="evenodd">
<path d="M-6 16h6v17c-.193-2.84-.876-5.767-2.05-8.782-.904-2.325-2.446-4.485-4.625-6.48A1 1 0 01-6 16z" transform="matrix(1 0 0 -1 0 49)" id="corner-fill" fill="inherit"/>
</g>
</symbol>
<!-- <linearGradient id="g" x1="-300%" x2="-200%" y1="0" y2="0">
<stop offset="-10%" stop-opacity=".1"/>
<stop offset="30%" stop-opacity=".07"/>
<stop offset="70%" stop-opacity=".07"/>
<stop offset="110%" stop-opacity=".1"/>
<animate attributeName="x1" from="-300%" to="1200%" dur="3s" repeatCount="indefinite"/>
<animate attributeName="x2" from="-200%" to="1300%" dur="3s" repeatCount="indefinite"/>
</linearGradient> -->
<!-- <linearGradient id="stories-gradient" x1="91.56%" y1="-0.56%" x2="13.42%" y2="102.37%">
<stop offset="0%" stop-color="#34C76F"></stop>
<stop offset="100%" stop-color="#3DA1FD"></stop>
</linearGradient> -->
</defs>
</svg>
<div class="whole" id="auth-pages" style="display: none;">
<div class="scrollable scrollable-y">
<div class="tabs-container auth-pages__container" data-animation="tabs">
<div class="tabs-tab page-landing">
<div class="container">
<div class="auth-image">
<img src="assets/img/android-chrome-256x256.png" style="width: 100%;"/>
</div>
</div>
</div>
<div class="tabs-tab page-signImport">
<div class="container center-align"></div>
</div>
<div class="tabs-tab page-sign">
<div class="container">
<div class="auth-image">
<img src="assets/img/android-chrome-256x256.png" style="width: 100%;"/>
</div>
</div>
</div>
<div class="tabs-tab page-signQR">
<div class="container center-align">
<div class="auth-image"></div>
</div>
</div>
<div class="tabs-tab page-authCode">
<div class="container center-align">
<div class="auth-image"></div>
<div class="phone-wrapper">
<h4 class="phone"></h4>
<span class="phone-edit"></span>
</div>
<p class="subtitle sent-type"></p>
<div class="input-wrapper"></div>
</div>
</div>
<div class="tabs-tab page-password"></div>
<div class="tabs-tab page-signUp"></div>
</div>
</div>
</div>
<div class="whole page-chats" style="display: none;" id="page-chats">
<div id="main-columns" class="tabs-container" data-animation="navigation">
<div class="tabs-tab chatlist-container sidebar sidebar-left main-column" id="column-left">
<div class="sidebar-slider tabs-container">
<div class="tabs-tab sidebar-slider-item item-main">
<div class="sidebar-header can-have-forum">
<div class="sidebar-header__btn-container">
<div class="animated-menu-icon"></div>
<div class="btn-icon sidebar-back-button"></div>
</div>
</div>
<div class="sidebar-content transition zoom-fade can-have-forum">
<div class="transition-item active" id="chatlist-container">
<div class="folders-tabs-scrollable menu-horizontal-scrollable hide">
<nav class="menu-horizontal-div" id="folders-tabs"></nav>
</div>
<div class="tabs-container" id="folders-container"></div>
</div>
<div class="transition-item sidebar-search" id="search-container"></div>
</div>
</div>
</div>
</div>
<div class="tabs-tab main-column" id="column-center"></div>
<div class="tabs-tab sidebar sidebar-right main-column" id="column-right">
<div class="sidebar-content sidebar-slider tabs-container"></div>
</div>
</div>
</div>
<div id="stories-viewer"></div>
<script src="src/index.ts" type="module"></script>
<noscript class="no-js-warning"><div style="text-align: center;"><video src="/a/nojs.mp4" class="nojs-video" muted="true" loop="true" autoplay="true" playsinline="true" disablepictureinpicture="true"></video><h1>Spaccogram Web</h1><p>Please, enable JavaScript to open the app.</p></div></noscript>
<script> document.querySelector('.no-js-warning').remove(); </script>
</body>
</html>