-
Notifications
You must be signed in to change notification settings - Fork 76
/
index.html
150 lines (139 loc) · 6.9 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
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
<!DOCTYPE html>
<html>
<head>
<title>React 中文导航</title>
<meta charset="utf-8">
<link rel="icon" href="http://react-china.org/uploads/default/37/58d7637262ac6228.png">
<link rel="stylesheet" type="text/css" href="layout.css">
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/3.0.3/normalize.min.css">
<meta name="description" content="React 中文社区资源链接导航, 文档, 聊天室, 页面的索引"/>
<meta name="keywords" content="React, React.js, Flux"/>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-41753901-14', 'auto');
ga('send', 'pageview');
</script>
<!--[if lt IE 9]>
<script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.min.js"></script>
<link rel="stylesheet" type="text/css" href="ie.css">
<![endif]-->
</head>
<body>
<header class="clearfix">
<nav class="fixed-top">
<div class="container clearfix">
<span id="banner" class="float-left banner hide">React中文索引</span>
<ul class="nav-links float-right">
<li class="nav-link float-left"><a href="#docs">文档</a></li>
<li class="nav-link float-left"><a href="#resources">资源</a></li>
<li class="nav-link float-left"><a href="#communities">社区</a></li>
<li class="nav-link float-left"><a href="#others">其它</a></li>
</ul>
</div>
</nav>
<div class="clearfix">
<div class="title-wrapper float-left clearfix">
<img class="float-left logo" alt="ReactJS Logo" src="img/reactjs.png" height="180" width="200">
<h1 class="main-title float-left">React 中文索引</h1>
</div>
</div>
<a class="btn clearfix" rel="external" href="https://github.com/react-china/nav.react-china.org">想要编辑页面请 Fork 这个仓库</a>
</header>
<section class="clearfix" id="docs">
<div class="container clearfix">
<div class="content float-left text-center">
<h2 class="sticky">文档</h2>
</div>
<div class="content float-left text-left">
<ul class="links">
<li class="link"><a rel="external" href="https://doc.react-china.org/">React 文档中文翻译</a></li>
<li class="link"><a rel="external" href="http://hulufei.gitbooks.io/react-tutorial/content/introduction.html">React Gitbook 翻译</a></li>
</ul>
</div>
</div>
</section>
<section class="clearfix" id="resources">
<div class="container clearfix">
<div class="content float-left text-center">
<h2 class="sticky">资源</h2>
</div>
<div class="content float-left text-left">
<ul class="links">
<li class="link"><a rel="external" href="https://github.com/enaqx/awesome-react">Awesome React 列表（英文）</a></li>
<li class="link"><a rel="external" href="https://github.com/ele828/react-native-guide">React Native 学习指南，列表</a></li>
</ul>
</div>
</div>
</section>
<section class="clearfix" id="communities">
<div class="container clearfix">
<div class="content float-left text-center">
<h2 class="sticky">社区</h2>
</div>
<div class="content float-left text-left">
<ul class="links">
<li class="link"><a rel="external" href="http://react-china.org/">React China 论坛</a></li>
<li class="link"><a rel="external" href="http://weibo.com/reactchina">React 中文微博</a></li>
<li class="link"><a rel="external" href="https://discord.gg/DPxn89w">Discord 聊天室</a></li>
<li class="link"><a rel="external" href="http://www.weibo.com/u/1067424897">React Native 微博(天猫的同学维护)</a></li>
<li class="link"><a rel="external" href="http://bbs.reactnative.cn/">React Native 中文社区</a></li>
<li class="link"><a rel="external" href="https://gitter.im/react-china/Chat">React 中文 Gitter 聊天室</a></li>
<li class="link">QQ 群: 173324629</li>
<li class="link">QQ 群 React Native: 52045522</li>
<li class="link"><a rel="external" href="http://react-china.org/t/jian-liao-ge-react-zhong-wen-de-wei-xin-qun-~/352">微信 Group</a></li>
<li class="link"><a rel="external" href="https://talk.ai/v1/via/64fd15001r">简聊 React 群</a></li>
<li class="link"><a rel="external" href="http://segmentfault.com/t/react/blogs">SegmentFault 的 React 标签</a></li>
<li class="link"><a rel="external" href="http://www.zhihu.com/topic/20013159">知乎的 React 标签</a></li>
<li class="link"><a rel="external" href="https://www.v2ex.com/go/react">V2EX的 React 节点</a></li>
</ul>
</div>
</div>
</section>
<section class="clearfix" id="others">
<div class="container clearfix">
<div class="content float-left text-center">
<h2 class="sticky">其它</h2>
</div>
<div class="content float-left text-left">
<ul class="links">
<li class="link"><a rel="external" href="https://github.com/react-china">react-china GitHub</a></li>
<li class="link"><a rel="external" href="https://github.com/reactjs-cn/">reactjs-cn GitHub</a></li>
<li class="link"><a rel="external" href="https://www.teambition.com/project/5514c11dba09bc24195a1d39/home">Teambition React 资源搬运团队</a></li>
<li class="link"><a rel="external" href="https://twitter.com/ReactChina">React China Twitter</a></li>
<li class="link"><a rel="external" href="http://www.zhihu.com/people/china-react">React China 知乎首页</a></li>
<li class="link"><a rel="external" href="http://segmentfault.com/u/reactchina">React China SegmentFault 首页</a></li>
</ul>
</div>
</div>
</section>
<footer class="clearfix">
<div class="container clearfix">
<span class="footer-info"><a href="http://nav.react-china.org/">React中文索引</a></span>
<span class="footer-author">Made by <a href="mailto:jiyinyiyong@gmail.com">题叶</a> & <a href="mailto:feifei.hang@yahoo.com">Feifei Hang</a></span>
</div>
</footer>
<script>
'use strict';
var anchors = document.getElementsByTagName('a');
var anchor;
for (var i = 0, l = anchors.length; i !== l; ++i) {
anchor = anchors[i];
if (anchor.getAttribute('rel') === 'external') {
anchor.setAttribute('target', '_blank');
}
}
var banner = document.getElementById('banner');
window.onscroll = function () {
if (window.scrollY >= 120) {
banner.className = banner.className.replace(/hide/g, ' ');
}
else {
banner.className += ' hide';
}
};
</script>
</body>
</html>