This repository has been archived by the owner on Jul 5, 2021. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
36 lines (35 loc) · 7.92 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
<!DOCTYPE html>
<html lang="en-US">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>Titank Engine</title>
<meta name="generator" content="VuePress 1.8.2">
<link rel="icon" href="/favicon.ico">
<meta name="description" content="Tencent Titank Layout Engine">
<link rel="preload" href="/assets/css/0.styles.be223e11.css" as="style"><link rel="preload" href="/assets/js/app.40d0d049.js" as="script"><link rel="preload" href="/assets/js/2.ba4b8765.js" as="script"><link rel="preload" href="/assets/js/10.5ebc43ad.js" as="script"><link rel="preload" href="/assets/js/3.23fd100c.js" as="script"><link rel="prefetch" href="/assets/js/11.722272fd.js"><link rel="prefetch" href="/assets/js/12.2717fc06.js"><link rel="prefetch" href="/assets/js/13.8e7bc2ed.js"><link rel="prefetch" href="/assets/js/14.405e083a.js"><link rel="prefetch" href="/assets/js/15.5ed2ee76.js"><link rel="prefetch" href="/assets/js/16.065cb49a.js"><link rel="prefetch" href="/assets/js/4.dedbfb67.js"><link rel="prefetch" href="/assets/js/5.df01af6c.js"><link rel="prefetch" href="/assets/js/6.44eb5ef2.js"><link rel="prefetch" href="/assets/js/7.c58df7a9.js"><link rel="prefetch" href="/assets/js/8.4decdcb9.js"><link rel="prefetch" href="/assets/js/9.cc564cea.js">
<link rel="stylesheet" href="/assets/css/0.styles.be223e11.css">
</head>
<body>
<div id="app" data-server-rendered="true"><div class="theme-container no-sidebar"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/" aria-current="page" class="home-link router-link-exact-active router-link-active"><img src="/logo_notitle.svg" alt="Titank Engine" class="logo"> <span class="site-name can-hide">Titank Engine</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/documentation/overview.html" class="nav-link">
Documentation
</a></div><div class="nav-item"><a href="/playground/" class="nav-link">
Playground
</a></div> <a href="https://github.com/ilikethese/Taitank" target="_blank" rel="noopener noreferrer" class="repo-link">
GitHub
<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav></div></header> <div class="sidebar-mask"></div> <aside class="sidebar"><nav class="nav-links"><div class="nav-item"><a href="/documentation/overview.html" class="nav-link">
Documentation
</a></div><div class="nav-item"><a href="/playground/" class="nav-link">
Playground
</a></div> <a href="https://github.com/ilikethese/Taitank" target="_blank" rel="noopener noreferrer" class="repo-link">
GitHub
<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav> <ul class="sidebar-links"><li><a href="/" aria-current="page" class="active sidebar-link">Why Titank</a></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading"><span>Documentation</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/documentation/overview.html" class="sidebar-link">Overview</a></li><li><a href="/documentation/properties.html" class="sidebar-link">Properties</a></li><li><a href="/documentation/examples.html" class="sidebar-link">Examples</a></li><li><a href="/documentation/contributing.html" class="sidebar-link">Contributing</a></li></ul></section></li></ul> </aside> <main class="home"><header class="hero"><img src="/logo.svg" alt="hero"> <!----> <p class="description">
Taitank is a cross platform lightweight flex layout engine implemented in C++.
</p> <p class="action"><a href="/documentation/overview.html" class="nav-link action-button">
QUICK START →
</a></p></header> <div class="features"><div class="feature"><h2>PERFORMANCE</h2> <p>Titank was built to be fast and performance will always be one of Titank's primary goals. For a layout engine to be able to power any range of applications, it needs to be fast and never stand in the way of a fluid user experience.</p></div><div class="feature"><h2>CROSS PLATFORM</h2> <p>Titank is built with cross platform in mind. To ensure Titank can be used anywhere, it was written in portable C/C++ and has a low number of dependencies and small binary size. This means Titank can be used on iOS and Android, sharing knowledge, and potentially code, between platforms.</p></div><div class="feature"><h2>EASY TO LEARN</h2> <p>Titank is easy to pick up and learn. The interactive documentation pages and a fully fledged layout editor makes it easy to play and learn all the features. If used with any of the major UI frameworks the layout editor even provides code generation.</p></div></div> <div class="theme-default-content custom content__default"><hr> <h1 id="adoption"><a href="#adoption" class="header-anchor">#</a> ADOPTION</h1> <p>Taitank is now applied in 27 Tencent apps such as Mobile QQ, Mobile QQ Browser, Tencent Video App, QQ Music App, WeSing, Tencent News, reaching hundreds of millions of ordinary users.</p> <div class="logo-group"><a href="https://im.qq.com/mobileqq/" target="_blank" class="logo"><img src="//pp.myapp.com/ma_icon/0/icon_6633_1603250105/256" alt="Mobile QQ"> <h3>Mobile QQ</h3></a> <a href="https://mb.qq.com/" target="_blank" class="logo"><img src="//pp.myapp.com/ma_icon/0/icon_11384_1543315194/256" alt="Mobile QQ Browser"> <h3>Mobile QQ Browser</h3></a> <a href="http://v.qq.com/download.html" target="_blank" class="logo"><img src="//pp.myapp.com/ma_icon/0/icon_3040_1619574150/256" alt="Tencent Video"> <h3>Tencent Video</h3></a> <a href="https://y.qq.com/download/download.html" target="_blank" class="logo"><img src="//pp.myapp.com/ma_icon/0/icon_6259_1619515732/256" alt="QQ Music"> <h3>QQ Music</h3></a> <a href="https://kg.qq.com/html/contest/kg-intro.html" target="_blank" class="logo"><img src="//pp.myapp.com/ma_icon/0/icon_10966186_1533019715/256" alt="WeSing"> <h3>WeSing</h3></a> <a href="https://news.qq.com/mobile/index.htm" target="_blank" class="logo"><img src="//pp.myapp.com/ma_icon/0/icon_5613_1619430858/256" alt="Tencent News"> <h3>Tencent News</h3></a> <a href="https://weishi.qq.com/" target="_blank" class="logo"><img src="//pp.myapp.com/ma_icon/0/icon_10261931_1551433926/256" alt="weishi"> <h3>WeiShi</h3></a></div></div> <div class="footer">
Apache Licensed | Copyright © 2021-present Tencent
</div></main></div><div class="global-ui"></div></div>
<script src="/assets/js/app.40d0d049.js" defer></script><script src="/assets/js/2.ba4b8765.js" defer></script><script src="/assets/js/10.5ebc43ad.js" defer></script><script src="/assets/js/3.23fd100c.js" defer></script>
</body>
</html>