OctoSpaccHub/public/MBViewer/index.html

196 lines
8.5 KiB
HTML

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>MBViewer</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
<meta name="format-detection" content="telephone=no"/>
<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
<meta name="MobileOptimized" content="176"/>
<meta name="HandheldFriendly" content="True"/>
<meta property="og:title" content="MBViewer"/>
<!--
<meta property="og:image" content=""/>
<meta property="og:description" content=""/>
-->
<meta property="twitter:title" content="MBViewer"/>
<!--
<meta property="twitter:image" content=""/>
<meta name="twitter:card" content="summary"/>
<meta name="twitter:description" content=""/>
-->
<script>
window.matchMedia &&
window.matchMedia('(prefers-color-scheme: dark)').matches &&
document.documentElement &&
document.documentElement.classList &&
document.documentElement.classList.add('theme_dark');
</script>
<link rel="icon" type="image/svg+xml" href="img/website_icon.svg"/>
<link rel="apple-touch-icon" sizes="180x180" href="img/apple-touch-icon.png"/>
<link rel="icon" type="image/png" sizes="32x32" href="img/favicon-32x32.png"/>
<link rel="icon" type="image/png" sizes="16x16" href="img/favicon-16x16.png"/>
<link rel="alternate icon" href="img/favicon.ico" type="image/x-icon"/>
<link href="css/font-roboto.css" rel="stylesheet" type="text/css"/>
<link href="css/widget-frame.css" rel="stylesheet" media="screen"/>
<link href="css/telegram-web.css" rel="stylesheet" media="screen"/>
<link rel="stylesheet" href="css/MBViewer.css"/>
</head>
<body class="widget_frame_base tgme_webpreview emoji_image thin_box_shadow tme_mode no_transitions">
<div class="tgme_background_wrap">
<canvas id="tgme_background" class="tgme_background" width="50" height="50" data-colors="dbddbb,6ba587,d5d88d,88b884"></canvas>
<div class="tgme_background_pattern"></div>
</div>
<header class="tgme_header search_collapsed">
<div class="tgme_container">
<div class="tgme_header_search">
<form class="tgme_header_search_form">
<svg class="tgme_header_search_form_icon" width="20" height="20" viewBox="0 0 20 20">
<g fill="none" stroke="#7D7F81" stroke-width="1.4">
<circle cx="9" cy="9" r="6"/>
<path d="M13.5,13.5 L17,17" stroke-linecap="round"/>
</g>
</svg>
<input class="tgme_header_search_form_input js-header_search" placeholder="Search" name="s" autocomplete="off" value=""/>
<a class="tgme_header_search_form_clear">
<svg class="tgme_action_button_icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" width="20" height="20">
<g class="icon_body" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke="#000000" stroke-width="1.5">
<path d="M6 14l8-8m0 8L6 6" stroke-dasharray="0,11.314" stroke-dashoffset="5.657"/>
<path d="M26 14l8-8m0 8l-8-8" stroke-dasharray="0.371,10.943" stroke-dashoffset="5.842"/>
<path d="M46 14l8-8m0 8l-8-8" stroke-dasharray="1.982,9.332" stroke-dashoffset="6.647756"/>
<path d="M66 14l8-8m0 8l-8-8" stroke-dasharray="5.173,6.14" stroke-dashoffset="8.243"/>
<path d="M86 14l8-8m0 8l-8-8" stroke-dasharray="7.866,3.448" stroke-dashoffset="9.59"/>
<path d="M106 14l8-8m0 8l-8-8" stroke-dasharray="9.471,1.843" stroke-dashoffset="10.392"/>
<path d="M126 14l8-8m0 8l-8-8" stroke-dasharray="10.417,0.896" stroke-dashoffset="10.866"/>
<path d="M146 14l8-8m0 8l-8-8" stroke-dasharray="10.961,0.353" stroke-dashoffset="11.137"/>
<path d="M166 14l8-8m0 8l-8-8" stroke-dasharray="11.234,0.08" stroke-dashoffset="11.274"/>
<path d="M186 14l8-8m0 8l-8-8"/>
</g>
</svg>
</a>
</form>
</div>
<div class="tgme_header_right_column">
<section class="tgme_right_column">
<div class="tgme_channel_info">
<div class="tgme_channel_info_header">
<i class="tgme_page_photo_image"></i>
<div class="tgme_channel_info_header_title_wrap">
<div class="tgme_channel_info_header_title"></div>
<div class="tgme_channel_info_header_labels"></div>
</div>
<div class="tgme_channel_info_header_username"></div>
</div>
<div class="tgme_channel_info_counters" style="min-width: 100%;">
<!--
<div class="tgme_channel_info_counter">
<span class="counter_value">
0
</span>
<span class="counter_type">
subscribers
</span>
</div>
<div class="tgme_channel_info_counter">
<span class="counter_value">
0
</span>
<span class="counter_type">
photos
</span>
</div>
<div class="tgme_channel_info_counter">
<span class="counter_value">
0
</span>
<span class="counter_type">
videos
</span>
</div>
<div class="tgme_channel_info_counter">
<span class="counter_value">
0
</span>
<span class="counter_type">
files
</span>
</div>
<div class="tgme_channel_info_counter">
<span class="counter_value">
0
</span>
<span class="counter_type">
links
</span>
</div>
-->
</div>
<div class="tgme_channel_info_description"></div>
<!--
<a class="tgme_channel_download_telegram" href="dl?tme=f036ac1a4091d93f77_16903051027483582417">
<svg class="tgme_channel_download_telegram_icon" width="21px" height="18px" viewBox="0 0 21 18"><g fill="none"><path fill="#ffffff" d="M0.554,7.092 L19.117,0.078 C19.737,-0.156 20.429,0.156 20.663,0.776 C20.745,0.994 20.763,1.23 20.713,1.457 L17.513,16.059 C17.351,16.799 16.62,17.268 15.88,17.105 C15.696,17.065 15.523,16.987 15.37,16.877 L8.997,12.271 C8.614,11.994 8.527,11.458 8.805,11.074 C8.835,11.033 8.869,10.994 8.905,10.958 L15.458,4.661 C15.594,4.53 15.598,4.313 15.467,4.176 C15.354,4.059 15.174,4.037 15.036,4.125 L6.104,9.795 C5.575,10.131 4.922,10.207 4.329,10.002 L0.577,8.704 C0.13,8.55 -0.107,8.061 0.047,7.614 C0.131,7.374 0.316,7.182 0.554,7.092 Z"></path></g></svg>Download Telegram
</a>
-->
<!--
<div class="tgme_footer">
<div class="tgme_footer_column">
<h5><a href="faq">About</a></h5>
</div>
<div class="tgme_footer_column">
<h5><a href="blog">Blog</a></h5>
</div>
<div class="tgme_footer_column">
<h5><a href="apps">Apps</a></h5>
</div>
<div class="tgme_footer_column">
<h5><a href="//core.telegram.org/">Platform</a></h5>
</div>
</div>
-->
</div>
</section>
</div>
<div class="tgme_header_info">
<!--
<a class="tgme_channel_join_telegram" href="dl?tme=f036ac1a4091d93f77_16903051027483582417">
<svg class="tgme_channel_join_telegram_icon" width="19px" height="16px" viewBox="0 0 19 16">
<g fill="none">
<path fill="#ffffff" d="M0.465,6.638 L17.511,0.073 C18.078,-0.145 18.714,0.137 18.932,0.704 C19.009,0.903 19.026,1.121 18.981,1.33 L16.042,15.001 C15.896,15.679 15.228,16.111 14.549,15.965 C14.375,15.928 14.211,15.854 14.068,15.748 L8.223,11.443 C7.874,11.185 7.799,10.694 8.057,10.345 C8.082,10.311 8.109,10.279 8.139,10.249 L14.191,4.322 C14.315,4.201 14.317,4.002 14.195,3.878 C14.091,3.771 13.926,3.753 13.8,3.834 L5.602,9.138 C5.112,9.456 4.502,9.528 3.952,9.333 L0.486,8.112 C0.077,7.967 -0.138,7.519 0.007,7.11 C0.083,6.893 0.25,6.721 0.465,6.638 Z"></path>
</g>
</svg>
Join
</a>
-->
<a class="tgme_header_link">
<i class="tgme_page_photo_image"></i>
<div class="tgme_header_title_wrap">
<div class="tgme_header_title"></div>
<div class="tgme_header_labels"></div>
</div>
<div class="tgme_header_counter">
Beta
</div>
</a>
</div>
</div>
</header>
<main class="tgme_main">
<div class="tgme_container">
<section class="tgme_channel_history js-message_history"></section>
</div>
</main>
<div id="BottomAnchor"></div>
<script src="js/jquery.min.js"></script>
<script src="js/jquery-ui.min.js"></script>
<script src="js/tgwallpaper.min.js"></script>
<script src="js/tgsticker.js"></script>
<script src="js/widget-frame.js"></script>
<script src="js/telegram-web.js"></script>
<script src="js/MBViewer.js"></script>
<script>
TWeb.init();
MbViewerInit();
</script>
</body>
</html>