@myst-theme/site 0.5.18 → 0.5.20
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +9 -9
- package/src/components/Headers.tsx +29 -38
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@myst-theme/site",
|
|
3
|
-
"version": "0.5.
|
|
3
|
+
"version": "0.5.20",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"main": "./src/index.ts",
|
|
6
6
|
"types": "./src/index.ts",
|
|
@@ -17,23 +17,23 @@
|
|
|
17
17
|
"dependencies": {
|
|
18
18
|
"@headlessui/react": "^1.7.15",
|
|
19
19
|
"@heroicons/react": "^2.0.18",
|
|
20
|
-
"@myst-theme/common": "^0.5.
|
|
21
|
-
"@myst-theme/diagrams": "^0.5.
|
|
22
|
-
"@myst-theme/frontmatter": "^0.5.
|
|
23
|
-
"@myst-theme/jupyter": "^0.5.
|
|
24
|
-
"@myst-theme/providers": "^0.5.
|
|
20
|
+
"@myst-theme/common": "^0.5.20",
|
|
21
|
+
"@myst-theme/diagrams": "^0.5.20",
|
|
22
|
+
"@myst-theme/frontmatter": "^0.5.20",
|
|
23
|
+
"@myst-theme/jupyter": "^0.5.20",
|
|
24
|
+
"@myst-theme/providers": "^0.5.20",
|
|
25
25
|
"@radix-ui/react-collapsible": "^1.0.3",
|
|
26
26
|
"classnames": "^2.3.2",
|
|
27
27
|
"lodash.throttle": "^4.1.1",
|
|
28
28
|
"myst-common": "^1.1.18",
|
|
29
29
|
"myst-config": "^1.1.18",
|
|
30
|
-
"myst-demo": "^0.5.
|
|
30
|
+
"myst-demo": "^0.5.20",
|
|
31
31
|
"myst-spec-ext": "^1.1.18",
|
|
32
|
-
"myst-to-react": "^0.5.
|
|
32
|
+
"myst-to-react": "^0.5.20",
|
|
33
33
|
"nbtx": "^0.2.3",
|
|
34
34
|
"node-cache": "^5.1.2",
|
|
35
35
|
"node-fetch": "^2.6.11",
|
|
36
|
-
"thebe-react": "^0.4.
|
|
36
|
+
"thebe-react": "^0.4.4",
|
|
37
37
|
"unist-util-select": "^4.0.1"
|
|
38
38
|
},
|
|
39
39
|
"peerDependencies": {
|
|
@@ -44,16 +44,7 @@ export function ArticleHeader({
|
|
|
44
44
|
style={{
|
|
45
45
|
backgroundImage: `url(${frontmatter?.banner})`,
|
|
46
46
|
}}
|
|
47
|
-
|
|
48
|
-
<div
|
|
49
|
-
className={classNames(
|
|
50
|
-
'absolute border-white shadow-2xl bg-white/80 dark:bg-black/80 backdrop-blur',
|
|
51
|
-
'w-full',
|
|
52
|
-
'top-[2rem] h-[calc(100%-4rem)] md:top-[4rem] md:h-[calc(100%-8rem)]',
|
|
53
|
-
positionBackground,
|
|
54
|
-
)}
|
|
55
|
-
/>
|
|
56
|
-
</div>
|
|
47
|
+
/>
|
|
57
48
|
)}
|
|
58
49
|
<div
|
|
59
50
|
className={classNames(
|
|
@@ -61,45 +52,45 @@ export function ArticleHeader({
|
|
|
61
52
|
grid,
|
|
62
53
|
'subgrid-gap',
|
|
63
54
|
{
|
|
64
|
-
'my-[2rem] pb-[
|
|
55
|
+
'my-[2rem] pb-[1rem] md:my-[4rem]': frontmatter?.banner,
|
|
65
56
|
'my-[2rem]': !frontmatter?.banner,
|
|
66
57
|
},
|
|
67
58
|
className,
|
|
68
59
|
)}
|
|
69
60
|
>
|
|
70
61
|
<div
|
|
71
|
-
className={classNames(
|
|
72
|
-
'
|
|
73
|
-
'bg-white/80 dark:bg-black/80': frontmatter?.banner,
|
|
74
|
-
...positionBackground,
|
|
62
|
+
className={classNames(positionBackground, {
|
|
63
|
+
'shadow-2xl bg-white/80 dark:bg-black/80 backdrop-blur': frontmatter?.banner,
|
|
75
64
|
})}
|
|
76
65
|
>
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
66
|
+
<div
|
|
67
|
+
className={classNames('flex w-full align-middle py-2 mb-[1rem] text-sm', {
|
|
68
|
+
'px-4 w-full': frontmatter?.banner,
|
|
69
|
+
'bg-white/80 dark:bg-black/80': frontmatter?.banner,
|
|
70
|
+
...positionBackground,
|
|
71
|
+
})}
|
|
72
|
+
>
|
|
73
|
+
{subject && <div className={classNames('flex-none pr-2 smallcaps')}>{subject}</div>}
|
|
74
|
+
<Journal venue={venue} biblio={biblio} className="hidden pl-2 border-l md:block" />
|
|
75
|
+
<div className="flex-grow"></div>
|
|
76
|
+
<div className="hidden sm:block">
|
|
77
|
+
<LicenseBadges license={frontmatter?.license} />
|
|
78
|
+
<OpenAccessBadge open_access={frontmatter?.open_access} />
|
|
79
|
+
<GitHubLink github={frontmatter?.github} />
|
|
84
80
|
</div>
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
<div className="flex-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
81
|
+
{toggleTheme && <ThemeButton className="inline-block w-5 h-5 mt-0.5 ml-1" />}
|
|
82
|
+
</div>
|
|
83
|
+
<div className="flex flex-col mb-10 md:flex-row">
|
|
84
|
+
<FrontmatterBlock
|
|
85
|
+
frontmatter={rest}
|
|
86
|
+
authorStyle="list"
|
|
87
|
+
className={classNames({ 'pt-4 px-6': frontmatter?.banner, ...positionFrontmatter })}
|
|
88
|
+
hideBadges
|
|
89
|
+
hideExports
|
|
90
|
+
/>
|
|
91
|
+
{children}
|
|
92
92
|
</div>
|
|
93
|
-
{toggleTheme && <ThemeButton className="inline-block w-5 h-5 mt-0.5 ml-1" />}
|
|
94
93
|
</div>
|
|
95
|
-
<FrontmatterBlock
|
|
96
|
-
frontmatter={rest}
|
|
97
|
-
authorStyle="list"
|
|
98
|
-
className={classNames({ 'pt-4 px-6': frontmatter?.banner, ...positionFrontmatter })}
|
|
99
|
-
hideBadges
|
|
100
|
-
hideExports
|
|
101
|
-
/>
|
|
102
|
-
{children}
|
|
103
94
|
</div>
|
|
104
95
|
</header>
|
|
105
96
|
);
|