MyPackBot/index.html

135 lines
6.8 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>My Stickers Pack</title>
<meta name="description" content="Your own unlimited pack of Telegram-stickers">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="og:type" content="website">
<meta name="og:site_name" content="toby3d">
<meta name="og:title" content="My Stickers Pack">
<meta name="og:description" content="Your own unlimited pack of Telegram-stickers">
<meta name="og:url" content="https://toby3d.github.io/MyPackBot/">
<meta name="og:locale" content="en_US">
<meta name="og:image" content="static/social/og-image.jpg">
<meta name="og:image:width" content="1024">
<meta name="og:image:height" content="512">
<meta name="twitter:title" content="My Stickers Pack">
<meta name="twitter:description" content="Your own unlimited pack of Telegram-stickers">
<meta name="twitter:image:src" content="static/social/og-image.jpg">
<meta name="twitter:url" content="https://toby3d.github.io/MyPackBot/">
<meta name="twitter:domain" content="toby3d.github.io">
<meta name="twitter:site" content="@toby3d">
<meta name="twitter:creator" content="@toby3d">
<meta name="fb:profile_id" content="100001181798453">
<meta name="apple-mobile-web-app-title" content="My Stickers Pack">
<meta name="application-name" content="My Stickers Pack">
<meta name="msapplication-config" content="static/favicon/browserconfig.xml">
<meta name="theme-color" content="#56b0ef">
<link rel="apple-touch-icon" sizes="180x180" href="static/favicon/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="static/favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="static/favicon/favicon-16x16.png">
<link rel="manifest" href="static/favicon/manifest.json">
<link rel="mask-icon" href="static/favicon/safari-pinned-tab.svg" color="#56b0ef">
<link rel="shortcut icon" href="static/favicon/favicon.ico">
<link rel="canonical" href="https://toby3d.github.io/MyPackBot/">
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/tocas-ui/2.3.3/tocas.css">
<link rel="stylesheet" href="static/style.css">
</head>
<body>
<header class="ts big heading slate valign-wrapper">
<div class="ts valign center aligned basic fitted segment">
<img class="ts medium centered image" src="static/img/logo.png" alt="My Stickers Pack">
<br>
<span class="bold header">My Stickers Pack</span>
<span class="description">Your own unlimited pack of Telegram-stickers</span>
<br>
<div class="ts relaxed separated stackable buttons">
<a class="ts secondary opinion button" href="//t.me/MyPackBot">Open @MyPackBot</a>
<a href="//patreon.com/bePatron?c=243288">
<img class="ts link image button" src="static/img/patreon.png">
</a>
</div>
</div>
</header>
<main class="ts container">
<div class="ts three stackable cards">
<div class="ts card">
<div class="image">
<img src="static/img/addSticker.jpg" alt="adding sticker">
</div>
<div class="content">
<div class="header">Adding stickers</div>
<div class="description">Add stickers from any packs (or upload your own WebP's) one-by-one and they will be in your pack immediately!</div>
</div>
</div>
<div class="ts card">
<div class="image">
<img src="static/img/addPack.jpg" alt="adding pack">
</div>
<div class="content">
<div class="header">Adding packs</div>
<div class="description">Add whole packs by sending just one sticker of them!</div>
</div>
</div>
<div class="ts card">
<div class="image">
<img src="static/img/del.jpg" alt="deleting sticker">
</div>
<div class="content">
<div class="header">Deleting stickers</div>
<div class="description">Remove unnecessary stickers from your pack in a couple of clicks!</div>
</div>
</div>
<div class="ts card">
<div class="image">
<img src="static/img/reset.jpg" alt="resetting your pack">
</div>
<div class="content">
<div class="header">Resetting your pack</div>
<div class="description">If you are too carried away, then start from scratch!</div>
</div>
</div>
<div class="ts card">
<div class="image">
<img src="static/img/inlineQuery.jpg" alt="inline query">
</div>
<div class="content">
<div class="header">Inline search</div>
<div class="description">Get access to all of your stickers in any chats!</div>
</div>
</div>
<div class="ts card">
<div class="image">
<img src="static/img/inlineQueryEmoji.jpg" alt="inline query with emoji">
</div>
<div class="content">
<div class="header">Search by emoji</div>
<div class="description">Look for the necessary stickers via Emojis!</div>
</div>
</div>
</div>
</main>
<footer class="ts attached borderless inverted second menu">
<div class="ts narrow container">
<div class="fitted item">
<i class="copyright icon"></i> <a class="ts inverted link button" href="/">M. M. Lebedev</a>, 2017
</div>
<div class="right menu">
<a class="item" href="//tocas-ui.com" data-tooltip-position="left" data-tooltip="Made with ♥ via">Tocas UI</a>
</div>
</div>
</footer>
<!-- Yandex.Metrika counter --> <script type="text/javascript" > (function (d, w, c) { (w[c] = w[c] || []).push(function() { try { w.yaCounter21389077 = new Ya.Metrika({ id:21389077, clickmap:true, trackLinks:true, accurateTrackBounce:true, webvisor:true }); } catch(e) { } }); var n = d.getElementsByTagName("script")[0], s = d.createElement("script"), f = function () { n.parentNode.insertBefore(s, n); }; s.type = "text/javascript"; s.async = true; s.src = "//mc.yandex.ru/metrika/watch.js"; if (w.opera == "[object Opera]") { d.addEventListener("DOMContentLoaded", f, false); } else { f(); } })(document, window, "yandex_metrika_callbacks"); </script> <noscript><div><img src="//mc.yandex.ru/watch/21389077" style="position:absolute; left:-9999px;" alt="" /></div></noscript> <!-- /Yandex.Metrika counter -->
<!-- Google Analytics --><script async src="//www.googletagmanager.com/gtag/js?id=UA-79389304-4"></script><script>window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments)}; gtag('js', new Date()); gtag('config', 'UA-79389304-4');</script><!-- /Google Analytics -->
</body>
</html>