Skip to content

Commit fcdf4d1

Browse files
hramosKevin Lacker
hramos
authored and
Kevin Lacker
committed
[New Docs] Link to Reactiflux, Move Footer/Hero to Includes (#7971)
* Move footer to includes * Fix Tutorial link. Add link to Advanced Guides. * Fix link to Tutorial in Hero.
1 parent ee0197f commit fcdf4d1

File tree

7 files changed

+96
-85
lines changed

7 files changed

+96
-85
lines changed

‎docs/_includes/footer.html

Lines changed: 41 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,41 @@
1+
<footer class="nav-footer">
2+
<section class="sitemap">
3+
<a href="/react/" class="nav-home">
4+
</a>
5+
<div>
6+
<h5><a href="/react/docs/">Docs</a></h5>
7+
<a href="/react/docs/installation.html">Quick Start</a>
8+
<a href="/react/docs/thinking-in-react.html">Thinking in React</a>
9+
<a href="/react/tutorial/tutorial.html">Tutorial</a>
10+
<a href="/react/docs/jsx-in-depth.html">Advanced Guides</a>
11+
</div>
12+
<div>
13+
<h5><a href="/react/community/support.html">Community</a></h5>
14+
<a href="http://stackoverflow.com/questions/tagged/reactjs" target="_blank">Stack Overflow</a>
15+
<a href="https://discuss.reactjs.org/" target="_blank">Discussion Forum</a>
16+
<a href="https://discord.gg/0ZcbPKXt5bZjGY5n" target="_blank">Reactiflux Chat</a>
17+
<a href="https://www.facebook.com/react" target="_blank">Facebook</a>
18+
<a href="https://twitter.com/reactjs" target="_blank">Twitter</a>
19+
</div>
20+
<div>
21+
<h5><a href="/react/community/support.html">Resources</a></h5>
22+
<a href="/react/community/conferences.html">Conferences</a>
23+
<a href="/react/community/videos.html">Videos</a>
24+
<a href="https://github.com/facebook/react/wiki/Examples" target="_blank">Examples</a>
25+
<a href="https://github.com/facebook/react/wiki/Complementary-Tools" target="_blank">Complementary Tools</a>
26+
</div>
27+
<div>
28+
<h5>More</h5>
29+
<a href="/react/blog/">Blog</a>
30+
<a href="https://github.com/facebook/react" target="_blank">GitHub</a>
31+
<a href="http://facebook.github.io/react-native/" target="_blank">React Native</a>
32+
<a href="/react/acknowledgements.html">Acknowledgements</a>
33+
</div>
34+
</section>
35+
<a href="https://code.facebook.com/projects/" target="_blank" class="fbOpenSource">
36+
<img src="/react/img/oss_logo.png" alt="Facebook Open Source" width="170" height="45"/>
37+
</a>
38+
<section class="copyright">
39+
Copyright © {{ site.time | date: '%Y' }} Facebook Inc.
40+
</section>
41+
</footer>

‎docs/_includes/hero.html

Lines changed: 13 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,13 @@
1+
<div class="hero">
2+
<div class="wrap">
3+
<div class="text"><strong>React</strong></div>
4+
<div class="minitext">
5+
A JavaScript library for building user interfaces
6+
</div>
7+
8+
<div class="buttons-unit">
9+
<a href="/react/docs/installation.html" class="button">Get Started</a>
10+
<a href="/react/tutorial/tutorial.html" class="button">Take the Tutorial</a>
11+
</div>
12+
</div>
13+
</div>

‎docs/_includes/navigation.html

Lines changed: 23 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,23 @@
1+
<div class="nav-main">
2+
<div class="wrap">
3+
<a class="nav-home" href="/react/index.html">
4+
<img class="nav-logo" src="/react/img/logo.svg" width="36" height="36">
5+
React
6+
</a>
7+
<div class="nav-lists">
8+
<ul class="nav-site nav-site-internal">
9+
<li><a href="/react/docs/installation.html"{% if page.sectionid == 'docs' or page.sectionid == 'tips' or page.sectionid == 'contributing' %} class="active"{% endif %}>Docs</a></li>
10+
<li><a href="/react/tutorial/tutorial.html"{% if page.sectionid == 'tutorial' %} class="active"{% endif %}>Tutorial</a></li>
11+
<li><a href="/react/community/support.html"{% if page.sectionid == 'community' %} class="active"{% endif %}>Community</a></li>
12+
<li><a href="/react/blog/"{% if page.sectionid == 'blog' %} class="active"{% endif %}>Blog</a></li>
13+
<li class="nav-site-search">
14+
<input id="algolia-doc-search" type="text" placeholder="Search docs..." />
15+
</li>
16+
</ul>
17+
<ul class="nav-site nav-site-external">
18+
<li><a href="https://github.com/facebook/react">GitHub</a></li>
19+
<li><a href="https://facebook.github.io/react-native/">React Native</a></li>
20+
</ul>
21+
</div>
22+
</div>
23+
</div>

‎docs/_layouts/default.html

Lines changed: 3 additions & 80 deletions
Original file line numberDiff line numberDiff line change
@@ -53,91 +53,14 @@
5353

5454
<div class="container">
5555

56-
<div class="nav-main">
57-
<div class="wrap">
58-
<a class="nav-home" href="/react/index.html">
59-
<img class="nav-logo" src="/react/img/logo.svg" width="36" height="36">
60-
React
61-
</a>
62-
<div class="nav-lists">
63-
<ul class="nav-site nav-site-internal">
64-
<li><a href="/react/docs/installation.html"{% if page.sectionid == 'docs' or page.sectionid == 'tips' or page.sectionid == 'contributing' %} class="active"{% endif %}>Docs</a></li>
65-
<li><a href="/react/tutorial/tutorial.html"{% if page.sectionid == 'tutorial' %} class="active"{% endif %}>Tutorial</a></li>
66-
<li><a href="/react/community/support.html"{% if page.sectionid == 'community' %} class="active"{% endif %}>Community</a></li>
67-
<li><a href="/react/blog/"{% if page.sectionid == 'blog' %} class="active"{% endif %}>Blog</a></li>
68-
<li class="nav-site-search">
69-
<input id="algolia-doc-search" type="text" placeholder="Search docs..." />
70-
</li>
71-
</ul>
72-
<ul class="nav-site nav-site-external">
73-
<li><a href="https://github.com/facebook/react">GitHub</a></li>
74-
<li><a href="https://facebook.github.io/react-native/">React Native</a></li>
75-
</ul>
76-
</div>
77-
</div>
78-
</div>
79-
80-
{% if page.id == 'home' %}
81-
<div class="hero">
82-
<div class="wrap">
83-
<div class="text"><strong>React</strong></div>
84-
<div class="minitext">
85-
A JavaScript library for building user interfaces
86-
</div>
87-
88-
<div class="buttons-unit">
89-
<!-- TODO: pick one call to action? -->
90-
<a href="/react/docs/installation.html" class="button">Get Started</a>
91-
<a href="/react/docs/tutorial.html" class="button">Take the Tutorial</a>
92-
</div>
93-
</div>
94-
</div>
95-
{% endif %}
56+
{% include navigation.html %}
9657

9758
{{ content }}
98-
<footer class="nav-footer">
99-
<section class="sitemap">
100-
<a href="/react/" class="nav-home">
101-
</a>
102-
<div>
103-
<h5><a href="/react/docs/">Docs</a></h5>
104-
<a href="/react/docs/installation.html">Getting Started</a>
105-
<a href="/react/docs/tutorial.html">Tutorial</a>
106-
<a href="/react/docs/thinking-in-react.html">Thinking in React</a>
107-
<a href="https://github.com/facebook/react/wiki/Examples" target="_blank">Examples</a>
108-
</div>
109-
<div>
110-
<h5><a href="/react/community/support.html">Community</a></h5>
111-
<a href="http://stackoverflow.com/questions/tagged/reactjs" target="_blank">Stack Overflow</a>
112-
<a href="https://discuss.reactjs.org/" target="_blank">Discussion Forum</a>
113-
<a href="https://www.facebook.com/react" target="_blank">Facebook</a>
114-
<a href="https://twitter.com/reactjs" target="_blank">Twitter</a>
115-
<a href="irc://chat.freenode.net/reactjs" target="_blank">Chat</a>
116-
</div>
117-
<div>
118-
<h5><a href="/react/community/support.html">Resources</a></h5>
119-
<a href="/react/community/conferences.html">Conferences</a>
120-
<a href="/react/community/videos.html">Videos</a>
121-
<a href="https://github.com/facebook/react/wiki/Complementary-Tools" target="_blank">Complementary Tools</a>
122-
</div>
123-
<div>
124-
<h5>More</h5>
125-
<a href="/react/blog/">Blog</a>
126-
<a href="https://github.com/facebook/react" target="_blank">GitHub</a>
127-
<a href="http://facebook.github.io/react-native/" target="_blank">React Native</a>
128-
<a href="/react/acknowledgements.html">Acknowledgements</a>
129-
</div>
130-
</section>
131-
<a href="https://code.facebook.com/projects/" target="_blank" class="fbOpenSource">
132-
<img src="/react/img/oss_logo.png" alt="Facebook Open Source" width="170" height="45"/>
133-
</a>
134-
<section class="copyright">
135-
Copyright © {{ site.time | date: '%Y' }} Facebook Inc.
136-
</section>
13759

60+
{% include footer.html %}
13861
</div>
139-
<div id="fb-root"></div>
14062

63+
<div id="fb-root"></div>
14164
<script>
14265
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
14366
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),

‎docs/_layouts/hero.html

Lines changed: 11 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,11 @@
1+
---
2+
layout: default
3+
---
4+
5+
{% if page.id == 'home' %}
6+
{% include hero.html %}
7+
{% endif %}
8+
9+
<section class="content wrap">
10+
{{ content }}
11+
</section>

‎docs/community/support.md

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -19,12 +19,12 @@ For longer-form conversations about React, we've set up a [discussion forum at *
1919

2020
In the forum there's also a category for job posts and a category for discussion of our weekly meeting notes.
2121

22-
## IRC
22+
## Reactiflux Chat
2323

24-
Many developers and users idle on Freenode.net's IRC network in **[#reactjs on freenode](irc://chat.freenode.net/reactjs)**.
24+
If you need an answer right away, check out the [Reactiflux Discord](https://discord.gg/0ZcbPKXt5bZjGY5n) community. There are usually a number of React experts there who can help out or point you to somewhere you might want to look.
2525

26-
## Twitter
26+
## Facebook and Twitter
2727

28-
For the latest news about React, [follow **@reactjs** on Twitter](https://twitter.com/reactjs). In addition, you can use the #reactjs hashtag to see what others are saying or add to the conversation.
28+
For the latest news about React, [like us on Facebook](https://facebook/react) and [follow **@reactjs** on Twitter](https://twitter.com/reactjs). In addition, you can use the [#reactjs](https://twitter.com/hashtag/reactjs) hashtag to see what others are saying or add to the conversation.
2929

3030
<div><a class="twitter-timeline" data-dnt="true" data-chrome="nofooter noheader transparent" href="https://twitter.com/search?q=%23reactjs" data-widget-id="342522405270470656"></a></div>

‎docs/index.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
---
2-
layout: page
2+
layout: hero
33
title: A JavaScript library for building user interfaces
44
id: home
55
---

0 commit comments

Comments
 (0)