telegram-crawler/data/telegram.org/blog/instant-view-contest-200K.html
2021-11-03 13:05:18 +00:00

273 lines
20 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<html class="">
<head>
<meta charset="utf-8">
<title>Instant Views for Everyone &amp; a &#036;200K Contest</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta property="og:title" content="Instant Views for Everyone &amp; a &#036;200K Contest">
<meta property="og:image" content="https://telegram.org/file/811140872/1/Hu-Ir8ilwfg.135216/c2c079f02c32eecbaf">
<meta property="og:site_name" content="Telegram">
<meta property="og:description" content="Introducing the Instant View Platform and a &#036;200K contest to make the entire internet available in the Instant View format.">
<meta property="article:published_time" content="2017-05-18T21:50:00+00:00"><meta name="twitter:card" content="summary_large_image" /><meta name="twitter:image" content="https://telegram.org/file/811140872/1/Hu-Ir8ilwfg.135216/c2c079f02c32eecbaf" />
<meta property="fb:app_id" content="254098051407226">
<meta property="vk:app_id" content="3782569">
<meta name="apple-itunes-app" content="app-id=686449807">
<meta name="telegram:channel" content="@telegram">
<link rel="canonical" href="https://telegram.org/blog/instant-view-contest-200K" />
<link rel="icon" type="image/svg+xml" href="/img/website_icon.svg?4">
<link rel="alternate icon" href="/favicon.ico?4" type="image/x-icon" />
<link href="/css/bootstrap.min.css?3" rel="stylesheet">
<link href="/css/telegram.css?214" rel="stylesheet" media="screen">
<style>
</style>
</head>
<body class="preload">
<div id="fb-root"></div>
<div class="tl_page_wrap">
<div class="tl_page_head navbar navbar-static-top navbar navbar-tg">
<div class="navbar-inner">
<div class="container clearfix">
<ul class="nav navbar-nav navbar-right"><li class="dropdown top_lang_select"><a class="dropdown-toggle" onclick="return dropdownClick(this, event)" href="#"><i class="dev_top_lang_icon"></i> <b class="minicaret"></b></a>
<ul class="dropdown-menu"><li class=""><a href="?setln=en">English</a></li><li class="long "><a href="?setln=id">Bahasa Indonesia</a></li><li class="long "><a href="?setln=ms">Bahasa Melayu</a></li><li class=""><a href="?setln=de">Deutsch</a></li><li class=""><a href="?setln=es">Español</a></li><li class=""><a href="?setln=fr">Français</a></li><li class=""><a href="?setln=it">Italiano</a></li><li class=""><a href="?setln=nl">Nederlands</a></li><li class=""><a href="?setln=uz">Ozbek</a></li><li class=""><a href="?setln=pl">Polski</a></li><li class="long "><a href="?setln=pt-br">Português (Brasil)</a></li><li class=""><a href="?setln=tr">Türkçe</a></li><li class=""><a href="?setln=be">Беларуская</a></li><li class=""><a href="?setln=ru">Русский</a></li><li class=""><a href="?setln=uk">Українська</a></li><li class=""><a href="?setln=ar">العربية</a></li><li class=""><a href="?setln=fa">فارسی</a></li><li class=""><a href="?setln=ko">한국어</a></li></ul></li><li class="navbar-twitter hidden-xs"><a href="https://twitter.com/telegram" target="_blank" data-track="Follow/Twitter" onclick="trackDlClick(this, event)"><i class="icon icon-twitter"></i> Twitter</a></li></ul>
<ul class="nav navbar-nav">
<li class=""><a href="/">Home</a></li>
<li class=""><a href="/faq">FAQ</a></li>
<li class=""><a href="/apps">Apps</a></li>
<li class="hidden-xs "><a href="//core.telegram.org/api">API</a></li>
<li class="hidden-xs "><a href="//core.telegram.org/mtproto">Protocol</a></li>
</ul>
</div>
</div>
</div>
<div class="container clearfix tl_page_container ">
<div class="tl_page">
<div class="tl_contest_page_wrap">
<div class="tl_blog_side_blog"><div class="side_blog_wrap">
<div class="side_blog">
<a href="/blog" class="side_blog_header">Recent News</a>
<div class="side_blog_entries">
<a href="/blog/shared-media-scrolling-calendar-join-requests-and-more" class="side_blog_entry">
<div class="side_blog_date">Nov 3</div>
<div class="side_blog_title">Hyper-Speed Scrolling and Calendar View for Shared Media, Join Requests, Global Chat Themes and More</div>
</a><a href="/blog/chat-themes-interactive-emoji-read-receipts" class="side_blog_entry">
<div class="side_blog_date">Sep 19</div>
<div class="side_blog_title">Chat Themes, Interactive Emoji, Read Receipts in Groups and Live Stream Recording</div>
</a><a href="/blog/live-streams-forwarding-next-channel" class="side_blog_entry">
<div class="side_blog_date">Aug 31</div>
<div class="side_blog_title">Live Streams, Flexible Forwarding and More</div>
</a><a href="/blog/video-1000" class="side_blog_entry">
<div class="side_blog_date">Jul 30</div>
<div class="side_blog_title">Video Calls with up to 1000 Viewers, Video Playback Speed and More</div>
</a><a href="/blog/group-video-calls" class="side_blog_entry">
<div class="side_blog_date">Jun 25</div>
<div class="side_blog_title">Group Video Calls</div>
</a><a href="/blog/animated-backgrounds" class="side_blog_entry">
<div class="side_blog_date">Jun 25</div>
<div class="side_blog_title"> Animated Backgrounds</div>
</a><a href="/blog/payments-2-0-scheduled-voice-chats" class="side_blog_entry">
<div class="side_blog_date">Apr 26</div>
<div class="side_blog_title">Payments 2.0, Scheduled Voice Chats, New Web Versions</div>
</a>
</div>
</div>
</div></div>
<div id="dev_page_content_wrap" class=" ">
<div class="dev_page_bread_crumbs"></div>
<h1 id="dev_page_title">Instant Views for Everyone &amp; a &#036;200K Contest</h1>
<div id="dev_page_content"><div class="blog_side_image_wrap">
<img src="/file/811140957/1/3XuO2pP23RQ.27227.gif/0f22117cc56578115a" class="blog_side_image"/>
</div>
<blockquote>
<p>Version <strong>4.0</strong> is the mother of all Telegram updates. Note that we&#39;re also launching <a href="/blog/video-messages-and-telescope"><strong>Video messages + Telescope</strong></a> and <a href="/blog/payments"><strong>Payments for Bots</strong></a> today.</p>
</blockquote>
<div class="blog_wide_image">
<a href="/file/811140872/1/Hu-Ir8ilwfg.135216/c2c079f02c32eecbaf" target="_blank"><img src="/file/811140872/1/Hu-Ir8ilwfg.135216/c2c079f02c32eecbaf" title="Instant Views For Everyone!"/></a>
</div>
<blockquote>
<p><strong>UPD 30.05:</strong> We&#39;ve increased the prize fund of our <a href="#200-000-competition-for-rule-makers">contest</a> to <strong>$315,000</strong> by adding more target domains. <a href="https://instantview.telegram.org/contest">Join today!</a></p>
</blockquote>
<p>Rejoice, brethren and sistren, the day has come! <a href="/blog/instant-view"><strong>Instant View</strong></a> is now ready to support thousands of websites, including your favorite ones. Soon you will no longer need to launch a web browser to view any article shared with you on Telegram, because today we are launching the <a href="https://instantview.telegram.org"><strong>Instant View Platform</strong></a>.</p>
<h3><a class="anchor" name="instant-what" href="#instant-what"><i class="anchor-icon"></i></a>Instant What?</h3>
<p>With Instant View, you can enjoy articles from any blog or media outlet in a uniform and easily readable way. Beyond merely showing the text of an article, Instant View pages support images, videos, and any other media. They work great even if the source website isn&#39;t optimized for mobile devices.</p>
<div class="blog_2images_wrap">
<div class="blog_image_wrap">
<a href="/file/811140347/1/iYFvGV-SW4o.184311/18c4a43fda01b92735" target="_blank"><img src="/file/811140347/1/iYFvGV-SW4o.184311/18c4a43fda01b92735" title="Instant View Button"/></a>
<p>Instant View Button</p>
</div>
<div class="blog_image_wrap">
<a href="/file/811140915/2/bVBQHilQshY.84355/0ead38bc9a0136a38e" target="_blank"><img src="/file/811140915/2/bVBQHilQshY.84355/0ead38bc9a0136a38e" title="Instant View Page"/></a>
<p>Instant View Page</p> </div>
</div>
<p>Instant View pages are lightweight and cached on Telegram servers, so they load <strong>instantly</strong> on pretty much any connection — hence the name. But the best part is that webmasters don&#39;t need to change anything on their sites for Instant Views to work.</p>
<h3><a class="anchor" name="meet-the-instant-view-platform" href="#meet-the-instant-view-platform"><i class="anchor-icon"></i></a>Meet the Instant View Platform</h3>
<div class="dev_side_image">
<a href="/file/811140067/3/6oS3A6aSzxU.261217/1d6f75b81ed67c983a" target="_blank"><img src="/file/811140475/2/IqRP0kv3rj0.62045/ea4864d8029d9bbeab" title="Instant View Platform. Click for hi-res picture">
</a></div>
<p>To generate Instant View pages, our parser bot uses <strong>templates</strong> — sets of rules that tell the bot where to find useful content and what to ignore on a particular domain or URL. The bot uses these instructions to create a slim and beautiful Instant View representation of the source page.</p>
<p>Today we are launching the <strong>Instant View Platform</strong> that allows anyone to create their own templates for websites. Like everything else we launch, this platform is completely open. All are welcome to join us in our quest to make the world&#39;s information more accessible (in a much more elegant way) to users everywhere!</p>
<blockquote>
<p><a href="https://instantview.telegram.org/">Start here</a>, check out <a href="https://instantview.telegram.org/samples">our samples</a>, then open the Instant View Editor and youre ready to rock. Also, heres the <a href="https://instantview.telegram.org/docs">full reference doc</a> in case you want to know <strong>everything</strong>.</p>
</blockquote>
<h3><a class="anchor" name="200-000-competition-for-rule-makers" href="#200-000-competition-for-rule-makers"><i class="anchor-icon"></i></a>$200,000 Competition for Rule Makers</h3>
<p>To get the ball rolling, we&#39;re also launching a <strong>$200,000</strong> (now <strong>$315,000</strong>!) crowdsourcing competition for template makers. If you know a bit of HTML and want to participate, check out the <a href="https://instantview.telegram.org/contest">Contest page</a>. The task is easy: choose a website from our list and be the first to come up with the perfect set of rules to parse articles from that site into the Instant View format. Head over to the <a href="https://instantview.telegram.org/docs">docs</a> to get started!</p>
<p>For each website that you were the first to describe with an accurate set of rules before the end of the contest, you get <strong>$100</strong> from our fund. The one who manages to best describe the most contest domains with their templates will be declared the winner and will get <strong>$10,000</strong> on top of the payout from their templates. The second place winner gets a <strong>$5,000</strong> prize on top of what they made on successful template submissions.</p>
<blockquote>
<p>Winning templates will be used to display Instant View pages to all Telegram users after we approve them.</p>
</blockquote>
<p>Even if you don&#39;t know anything about HTML or programming, you can help our brave template-makers by finding and <strong>reporting issues</strong> with their work. If somebody wins with a bit of your help, you may <a href="https://instantview.telegram.org/rules#share-the-work-share-the-prize">get a share of the reward</a>. </p>
<h3><a class="anchor" name="tips-for-website-owners" href="#tips-for-website-owners"><i class="anchor-icon"></i></a>Tips for website owners</h3>
<p>If you own a website and want your articles to be viewed natively inside Telegram, simply have a developer add a <a href="https://instantview.telegram.org">template for your site</a>.</p>
<p>If you distribute your content via a Telegram channel, you don&#39;t even have to wait for us to approve your template. Simply send <a href="https://instantview.telegram.org/#publishing-templates">specially formatted links</a> to your subscribers and they will get Instant View pages based on your template right away.</p>
<p>You can also direct users who view Instant View pages from your site to join your channel on Telegram (<a href="https://instantview.telegram.org/#join-buttons">more on how to do that</a>):</p>
<div class="blog_image_wrap">
<a href="/file/811140724/4/Zt0nGcWP6PY.197865/dea1a139580c07641e" target="_blank"><img src="/file/811140724/4/Zt0nGcWP6PY.197865/dea1a139580c07641e" title="Join button"/></a>
<p>Join Button</p> </div>
<p>If any of this seems too complicated, just sit back and relax: crowdsourcing will take care of it for you in due time.</p>
<h3><a class="anchor" name="one-more-thing" href="#one-more-thing"><i class="anchor-icon"></i></a>One More Thing</h3>
<p>In version <strong>4.0</strong> weve added some nifty Instant View settings. You can now view your articles in dark, gray, or sepia-toned environments, as well as adjust the font type and size. The Auto-Night Theme setting will soothe your eyes by automatically showing dark pages when its late.</p>
<div class="blog_image_wrap">
<a href="/file/811140378/2/_iknMJxH76o.159505/c7ea3a9aa8fb87b663" target="_blank"><img src="/file/811140378/2/_iknMJxH76o.159505/c7ea3a9aa8fb87b663" title="Instant View Settings" /></a>
<p>Instant View Settings</p>
</div>
<p>When you find something noteworthy on an Instant View page, simply long tap on the paragraph to select it for quickly copying or sharing it with your contacts.</p>
<div class="blog_image_wrap">
<a href="http://telegra.ph/whatsapp-backdoor-01-16" target="_blank"><img src="/file/811140159/1/IcTbo-IVJmg.49864/7cfde9c25a631cbd4d" title="Quick Copy / Share" /></a>
<p>Quick Copy / Share</p>
</div>
<div><br></div>
<p>Good luck making rules, identifying issues, or if youre a regular user happy Instant Viewing!</p>
<blockquote>
<p>P.S. Follow <a href="https://t.me/ivcontest">@IVContest</a> to get the latest updates about the contest.</p>
</blockquote>
<div><br></div>
<p><em>May 18, 2017<br>The Telegram Team</em></p>
</div>
</div>
<div class="tl_main_share clearfix">
<a href="https://t.me/share/url?url=https%3A%2F%2Ftelegram.org%2Fblog%2Finstant-view-contest-200K&text=Instant%20View%20Platform%20and%20a%20%24200K%20contest%20to%20get%20Instant%20Views%20for%20the%20entire%20internet." class="tl_telegram_share_btn" id="tl_telegram_share_btn" data-text="Instant View Platform and a &#036;200K contest to get Instant Views for the entire internet." data-url="https://telegram.org/blog/instant-view-contest-200K"><i class="tl_telegram_share_icon"></i><span class="tl_telegram_share_label" target="_blank">Forward</span></a>
<a href="https://twitter.com/share" class="tl_twitter_share_btn" id="tl_twitter_share_btn" data-text="Instant View Platform and a &#036;200K contest to get Instant Views for the entire internet." data-url="https://telegram.org/blog/instant-view-contest-200K" data-via="Telegram">Tweet <span class="tl_twitter_share_cnt"></span></a>
</div>
</div>
<div class="tl_main_recent_news_wrap tlb_other_news_wrap tl_blog_list_page_wrap">
<h3 class="tl_main_recent_news_header">
<a href="/blog">Other News</a>
</h3>
<div class="tl_main_recent_news_cards clearfix">
<a class="dev_blog_card_link_wrap" href="/blog/shared-media-scrolling-calendar-join-requests-and-more"><div class="dev_blog_card_wrap">
<img class="dev_blog_card_image" src="https://telegram.org/file/464001930/3/yPTwxfusWZg.174275/3f847742c263cdae99" />
<div class="dev_blog_card_alltext_wrap">
<h4 class="dev_blog_card_title">Hyper-Speed Scrolling and Calendar View for Shared Media, Join Requests, Global Chat Themes on iOS and More</h4>
<div class="dev_blog_card_lead">Today&#39;s update brings new ways to find memories in shared media with accelerated scrolling…</div>
</div>
<div class="dev_blog_card_date">Nov 3, 2021</div>
</div></a><a class="dev_blog_card_link_wrap" href="/blog/chat-themes-interactive-emoji-read-receipts"><div class="dev_blog_card_wrap">
<img class="dev_blog_card_image" src="https://telegram.org/file/464001155/2/kLfFr4UDBdo.74223/58bec6bc2a18455c5f" />
<div class="dev_blog_card_alltext_wrap">
<h4 class="dev_blog_card_title">Chat Themes, Interactive Emoji, Read Receipts in Groups and Live Stream Recording</h4>
<div class="dev_blog_card_lead">Today&#39;s update lets you set different themes for individual chats, share your feelings with…</div>
</div>
<div class="dev_blog_card_date">Sep 19, 2021</div>
</div></a><a class="dev_blog_card_link_wrap" href="/blog/live-streams-forwarding-next-channel"><div class="dev_blog_card_wrap">
<img class="dev_blog_card_image" src="https://telegram.org/file/464001784/4/IlXX31YWz5U.92729/eabf233f3635354560" />
<div class="dev_blog_card_alltext_wrap">
<h4 class="dev_blog_card_title">Live Streams, Flexible Forwarding, Jump to Next Channel, Trending Stickers and More</h4>
<div class="dev_blog_card_lead">Telegram 8.0 brings live streams with unlimited viewers to groups and channels, options to…</div>
</div>
<div class="dev_blog_card_date">Aug 31, 2021</div>
</div></a><a class="dev_blog_card_link_wrap" href="/blog/video-1000"><div class="dev_blog_card_wrap">
<img class="dev_blog_card_image" src="https://telegram.org/file/464001574/3/Pqda66P2qCA.71942/56366f0bdd3630cab8" />
<div class="dev_blog_card_alltext_wrap">
<h4 class="dev_blog_card_title">Video Calls with up to 1000 Viewers, Video Messages 2.0, Video Playback Speed and More</h4>
<div class="dev_blog_card_lead">This update takes video to the next level. Group video calls now have up to 1000 viewers,…</div>
</div>
<div class="dev_blog_card_date">Jul 30, 2021</div>
</div></a>
</div>
</div>
</div>
</div>
</div>
<div class="footer_wrap">
<div class="footer_columns_wrap footer_desktop">
<div class="footer_column footer_column_telegram">
<h5>Telegram</h5>
<div class="footer_telegram_description"></div>
Telegram is a cloud-based mobile and desktop messaging app with a focus on security and speed.
</div>
<div class="footer_column">
<h5><a href="/faq">About</a></h5>
<ul>
<li><a href="/faq">FAQ</a></li>
<li><a href="/blog">Blog</a></li>
<li><a href="/jobs">Jobs</a></li>
</ul>
</div>
<div class="footer_column">
<h5><a href="/apps#mobile-apps">Mobile Apps</a></h5>
<ul>
<li><a href="/dl/ios">iPhone/iPad</a></li>
<li><a href="/dl/android">Android</a></li>
<li><a href="/dl/wp">Windows Phone</a></li>
</ul>
</div>
<div class="footer_column">
<h5><a href="/apps#desktop-apps">Desktop Apps</a></h5>
<ul>
<li><a href="//desktop.telegram.org/">PC/Mac/Linux</a></li>
<li><a href="//macos.telegram.org/">macOS</a></li>
<li><a href="/dl/web">Web-browser</a></li>
</ul>
</div>
<div class="footer_column footer_column_platform">
<h5><a href="//core.telegram.org/">Platform</a></h5>
<ul>
<li><a href="//core.telegram.org/api">API</a></li>
<li><a href="//translations.telegram.org/">Translations</a></li>
<li><a href="//instantview.telegram.org/">Instant View</a></li>
</ul>
</div>
</div>
<div class="footer_columns_wrap footer_mobile">
<div class="footer_column">
<h5><a href="/faq">About</a></h5>
</div>
<div class="footer_column">
<h5><a href="/blog">Blog</a></h5>
</div>
<div class="footer_column">
<h5><a href="/apps">Apps</a></h5>
</div>
<div class="footer_column">
<h5><a href="//core.telegram.org/">Platform</a></h5>
</div>
<div class="footer_column">
<h5><a href="https://twitter.com/telegram" target="_blank" data-track="Follow/Twitter" onclick="trackDlClick(this, event)">Twitter</a></h5>
</div>
</div>
</div>
<script src="/js/main.js?42"></script>
<script>initScrollVideos(true);
twitterCustomShareInit();
blogSideImageInit();
backToTopInit("Go up");
removePreloadInit();
</script>
</body>
</html>