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
|
/**
* Copyright (c) 2017-present, Facebook, Inc.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
const React = require('react');
class Footer extends React.Component {
docUrl(doc, language) {
const baseUrl = this.props.config.baseUrl;
return baseUrl + 'docs/' + (language && language !== 'en'
? language + '/' : '') + doc;
}
pageUrl(doc, language) {
const baseUrl = this.props.config.baseUrl;
return baseUrl + (language && language !== 'en'
? language + '/' : '') + doc;
}
render() {
return (
<footer className="nav-footer" id="footer">
<section className="sitemap">
<a href={this.props.config.baseUrl} className="nav-home">
{this.props.config.footerIcon && (
<img
src={this.props.config.baseUrl + this.props.config.footerIcon}
alt={this.props.config.title}
width="66"
height="58"
/>
)}
</a>
<div>
<h5>Docs</h5>
<a href={this.docUrl('node.html', this.props.language)}>
Installation
</a>
<a href={this.docUrl('api.html', this.props.language)}>
Usage
</a>
<a href={this.docUrl('options.html', this.props.language)}>
Configuration
</a>
<a href={this.docUrl('supported.html', this.props.language)}>
Misc
</a>
</div>
<div>
<h5>Community</h5>
<a href={this.pageUrl('users.html', this.props.language)}>
Who is using KaTeX?
</a>
<a href="https://github.com/KaTeX/KaTeX/discussions">GitHub Discussions</a>
<a
href="https://stackoverflow.com/questions/tagged/katex"
target="_blank"
rel="noreferrer noopener">
Stack Overflow
</a>
</div>
<div>
<h5>More</h5>
<a href="https://github.com/KaTeX/KaTeX/graphs/contributors">Contributors</a>
<a
className="github-button"
href={this.props.config.repoUrl}
data-icon="octicon-star"
data-count-href="/KaTeX/KaTeX/stargazers"
data-show-count={true}
data-count-aria-label="# stargazers on GitHub"
aria-label="Star this project on GitHub">
Star
</a>
</div>
</section>
<a
href="https://www.khanacademy.org/"
className="logo">
<img
src={this.props.config.baseUrl + 'img/khan-academy.svg'}
alt="Khan Academy"
width="175"
height="28"
/>
</a>
<section className="copyright">
Licensed under <a href="https://github.com/KaTeX/KaTeX/blob/main/LICENSE">MIT License</a><br/>
{this.props.config.copyright}
</section>
</footer>
);
}
}
module.exports = Footer;
|
