devttl/reference
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

website: custom nav menus. #102

Browse Source
This commit is contained in:
jaywcjlove 2022-11-22 11:05:37 +08:00
parent aadf975ebf
commit ead5d35f44
4 changed files with 45 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
package.json
View File

@ -25,6 +25,7 @@
"@uiw/formatter": "^1.3.3", "@uiw/formatter": "^1.3.3",
"@wcj/markdown-to-html": "^2.2.0", "@wcj/markdown-to-html": "^2.2.0",
"chokidar": "^3.5.3", "chokidar": "^3.5.3",
"dotenv": "^16.0.3",
"fs-extra": "^10.1.0", "fs-extra": "^10.1.0",
"husky": "^8.0.1", "husky": "^8.0.1",
"lint-staged": "^13.0.3", "lint-staged": "^13.0.3",

21
scripts/nodes/header.mjs
View File

@ -1,11 +1,29 @@
import path from 'path'; import path from 'path';
import { github, editor } from './logo.mjs'; import * as dotenv from 'dotenv';
import { github, editor, home } from './logo.mjs';
import { getSVGNode } from '../utils/getSVGNode.mjs'; import { getSVGNode } from '../utils/getSVGNode.mjs';
import { darkMode } from '../utils/darkMode.mjs'; import { darkMode } from '../utils/darkMode.mjs';
dotenv.config();
const ICONS_PATH = path.resolve(process.cwd(), 'scripts/assets/quickreference.svg'); const ICONS_PATH = path.resolve(process.cwd(), 'scripts/assets/quickreference.svg');
const ICONS_SEARCH_PATH = path.resolve(process.cwd(), 'scripts/assets/search.svg'); const ICONS_SEARCH_PATH = path.resolve(process.cwd(), 'scripts/assets/search.svg');
export function getReferrals() {
const url = process.env.REF_URL;
const label = process.env.REF_LABEL;
if (!url || !label) return [];
return [
{
menu: true,
href: url,
target: '__blank',
label: label,
children: [home],
},
];
}
export function header({ homePath, githubURL = '', isHome } = {}) { export function header({ homePath, githubURL = '', isHome } = {}) {
const svgNode = getSVGNode(ICONS_PATH); const svgNode = getSVGNode(ICONS_PATH);
const svgSearchNode = getSVGNode(ICONS_SEARCH_PATH); const svgSearchNode = getSVGNode(ICONS_SEARCH_PATH);
@ -43,6 +61,7 @@ export function header({ homePath, githubURL = '', isHome } = {}) {
}, },
], ],
}, },
...getReferrals(),
{ {
menu: true, menu: true,
href: githubURL, href: githubURL,

20
scripts/nodes/logo.mjs
View File

@ -94,3 +94,23 @@ export const editor = {
}, },
], ],
}; };
export const home = {
type: 'element',
tagName: 'svg',
properties: {
viewBox: '0 0 24 24',
fill: 'currentColor',
height: '1em',
width: '1em',
},
children: [
{
type: 'element',
tagName: 'path',
properties: {
d: 'M12.74 2.32a1 1 0 0 0-1.48 0l-9 10A1 1 0 0 0 3 14h2v7a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-7h2a1 1 0 0 0 1-1 1 1 0 0 0-.26-.68z',
},
},
],
};

8
scripts/style/style.css
View File

@ -527,10 +527,10 @@ a.text-grey {
.header-nav .menu a, .header-nav .menu a,
.header-nav .menu button { .header-nav .menu button {
padding-left: 0.75rem; padding-left: 0.55rem;
padding-right: 0.75rem; padding-right: 0.55rem;
padding-top: 0.5rem; padding-top: 0.4rem;
padding-bottom: 0.5rem; padding-bottom: 0.4rem;
border-radius: 9999px; border-radius: 9999px;
transition: all 0.3s; transition: all 0.3s;
border: 0; border: 0;