Skip to content

Commit e34415c

Browse files
committed
Add links from example site to GitHub and NPM.
1 parent c731d2c commit e34415c

File tree

5 files changed

+52
-5
lines changed

5 files changed

+52
-5
lines changed

example/images/github-logo.png

1.53 KB
Loading

example/images/npm-logo.png

1.21 KB
Loading

example/public/sitemap.xml

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -4,35 +4,35 @@
44

55
<url>
66
<loc>https://ethanselzer.github.io/react-lazy-tree/</loc>
7-
<lastmod>2017-01-27</lastmod>
7+
<lastmod>2017-01-30</lastmod>
88
<changefreq>weekly</changefreq>
99
<priority>1</priority>
1010
</url>
1111

1212
<url>
1313
<loc>https://ethanselzer.github.io/react-lazy-tree/#/Hamburger</loc>
14-
<lastmod>2017-01-27</lastmod>
14+
<lastmod>2017-01-30</lastmod>
1515
<changefreq>weekly</changefreq>
1616
<priority>.08</priority>
1717
</url>
1818

1919
<url>
2020
<loc>https://ethanselzer.github.io/react-lazy-tree/#/Hamburger/Touch</loc>
21-
<lastmod>2017-01-27</lastmod>
21+
<lastmod>2017-01-30</lastmod>
2222
<changefreq>weekly</changefreq>
2323
<priority>.05</priority>
2424
</url>
2525

2626
<url>
2727
<loc>https://ethanselzer.github.io/react-lazy-tree/#/Catalog/Women/Clothing/Dresses/Work</loc>
28-
<lastmod>2017-01-27</lastmod>
28+
<lastmod>2017-01-30</lastmod>
2929
<changefreq>weekly</changefreq>
3030
<priority>.08</priority>
3131
</url>
3232

3333
<url>
3434
<loc>https://ethanselzer.github.io/react-lazy-tree/#/Viewer</loc>
35-
<lastmod>2017-01-27</lastmod>
35+
<lastmod>2017-01-30</lastmod>
3636
<changefreq>weekly</changefreq>
3737
<priority>.08</priority>
3838
</url>

example/src/components/Header.js

Lines changed: 21 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,11 @@
11
import React from 'react';
22
import { Navbar, Nav, NavItem } from 'react-bootstrap';
33

4+
import npmLogo from '../../images/npm-logo.png';
5+
import githubLogo from '../../images/github-logo.png';
6+
7+
import '../../styles/header.css';
8+
49
class Navigation extends React.Component {
510
constructor(props) {
611
super(props);
@@ -51,6 +56,22 @@ class Navigation extends React.Component {
5156
<NavItem eventKey={3} href="#/Catalog/Women/Clothing/Dresses/Work">Category</NavItem>
5257
<NavItem eventKey={4} href="#/Viewer">Viewer</NavItem>
5358
</Nav>
59+
<Nav pullRight>
60+
<NavItem
61+
eventKey={1}
62+
className="github-link"
63+
href="https://github.com/ethanselzer/react-lazy-tree"
64+
>
65+
<img src={githubLogo} alt="GitHub Logo" />
66+
</NavItem>
67+
<NavItem
68+
eventKey={2}
69+
href="https://www.npmjs.com/package/react-lazy-tree"
70+
className="npm-link"
71+
>
72+
<img src={npmLogo} alt="NPM Logo" />
73+
</NavItem>
74+
</Nav>
5475
</Navbar.Collapse>
5576
</Navbar>
5677
);

example/styles/header.css

Lines changed: 26 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,26 @@
1+
.github-link img {
2+
width: 32px;
3+
}
4+
5+
.npm-link img {
6+
height: 32px;
7+
}
8+
9+
.navbar-nav > li.npm-link > a {
10+
padding: 0 0 0 14px;
11+
}
12+
13+
.navbar-nav > li.github-link > a {
14+
padding: 0 0 10px 14px;
15+
}
16+
17+
@media (min-width: 768px) {
18+
.navbar-nav > li.github-link > a {
19+
padding: 10px 0 5px 0;
20+
margin-right: 20px;
21+
}
22+
23+
.navbar-nav > li.npm-link > a {
24+
padding: 11px 0 5px 0;
25+
}
26+
}

0 commit comments

Comments
 (0)