generated from yearn/web-template
-
Notifications
You must be signed in to change notification settings - Fork 1
/
theme.config.js
127 lines (123 loc) · 4.16 KB
/
theme.config.js
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
/* eslint-disable react/react-in-jsx-scope */
/* eslint-disable @typescript-eslint/explicit-function-return-type */
const GITHUB_URI = "https://github.com/huggingbot/messari-frontier-web";
export default {
docsRepositoryBase: GITHUB_URI,
feedbackLabels: "feedback",
feedbackLink: "Question? Give us feedback →",
floatTOC: true,
defaultMenuCollapsed: true,
footerEditLink: "Edit this page on GitHub",
footerText: () => (
<div className={"text-sm text-current"}>
{"Yearn Finance "}
{new Date().getFullYear()}
</div>
),
GITHUB_URI,
head: ({ meta, title }) => {
// eslint-disable-next-line react-hooks/rules-of-hooks
const description =
meta.description ||
"Yearn web Lib is a library of standard components used through Yearn's Projects. This library is made for React projects with the idea to be light, efficient and easy to use. We are using React + Tailwindcss + ethersjs for the web3 package, and some contexts are available to correctly wrap your app.";
const appTitle =
title && !title.startsWith("Yearn")
? title + " – Yearn"
: "Yearn Web Lib";
return (
<>
<title>{appTitle}</title>
<meta httpEquiv={"X-UA-Compatible"} content={"IE=edge"} />
<meta
name={"viewport"}
content={"width=device-width, initial-scale=1"}
/>
<meta name={"description"} content={description} />
<meta name={"msapplication-TileColor"} content={"#62688F"} />
<meta name={"theme-color"} content={"#ffffff"} />
<link
rel={"shortcut icon"}
type={"image/x-icon"}
href={"/favicons/favicon.ico"}
/>
<link
rel={"apple-touch-icon"}
sizes={"180x180"}
href={"/favicons/apple-touch-icon.png"}
/>
<link
rel={"icon"}
type={"image/png"}
sizes={"32x32"}
href={"/favicons/favicon-32x32.png"}
/>
<link
rel={"icon"}
type={"image/png"}
sizes={"16x16"}
href={"/favicons/favicon-16x16.png"}
/>
<link
rel={"icon"}
type={"image/png"}
sizes={"192x192"}
href={"/favicons/android-chrome-192x192.png"}
/>
<link
rel={"icon"}
type={"image/png"}
sizes={"512x512"}
href={"/favicons/android-chrome-512x512.png"}
/>
<meta name={"robots"} content={"index,nofollow"} />
<meta name={"googlebot"} content={"index,nofollow"} />
<meta charSet={"utf-8"} />
</>
);
},
logo: () => {
// eslint-disable-next-line react-hooks/rules-of-hooks
return (
<>
<div className={"mr-4"}>
<svg
width={"40"}
height={"40"}
viewBox={"0 0 1024 1024"}
fill={"none"}
xmlns={"http://www.w3.org/2000/svg"}
>
<circle cx={"512"} cy={"512"} r={"512"} fill={"#FF90A1"} />
<path
d={
"M645.095 167.388L512.731 345.535L501.031 330.202L378.173 168.118L295.537 229.447L460.078 449.941V609.105H564.653V449.21L728.463 229.447L645.095 167.388Z"
}
fill={"white"}
/>
<path
d={
"M688.242 392.992L623.888 474.764C654.602 503.969 673.616 545.585 673.616 590.852C673.616 679.925 601.218 752.206 512 752.206C422.782 752.206 350.384 679.925 350.384 590.852C350.384 544.855 370.129 503.239 400.844 474.034L337.221 391.532C280.912 439.719 245.81 511.27 245.81 590.852C245.81 737.604 365.01 856.612 512 856.612C658.99 856.612 778.191 737.604 778.191 590.852C778.191 512 743.089 441.179 688.242 392.992Z"
}
fill={"white"}
/>
</svg>
</div>
<span
className={
"hidden text-xl font-bold md:inline text-neutral-0 font-roboto"
}
>
{"Yearn Web Lib"}
</span>
</>
);
},
nextLinks: true,
nextThemes: { defaultTheme: "light" },
darkMode: true,
prevLinks: true,
projectLink: GITHUB_URI,
search: true,
titleSuffix: " – Yearn",
unstable_flexsearch: true,
};