Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Website: Miscellaneous style and content tweaks #410

Merged
merged 7 commits into from
Jul 3, 2024
Merged

Website: Miscellaneous style and content tweaks #410

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
7 commits
Select commit Hold shift + click to select a range
c620445
Website | Homepage: Adding discord and npm links
reb-dev Jul 1, 2024
4b5d349
Misc | Readme: Update contributor links
reb-dev Jul 1, 2024
272d112
Website | Contributing: Updating front matter title
reb-dev Jul 1, 2024
c00cd48
Website | Sidebar: Only second level categories are collapsible
reb-dev Jul 1, 2024
9b76cce
Website | Styles: Remove excessive font size increase for large screens
reb-dev Jul 1, 2024
189f17c
Website | Stackblitz: Prevent button overlapping tab labels on some s…
reb-dev Jul 1, 2024
89c5c41
Website | Navbar: Adding discord icon
reb-dev Jul 2, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
5 changes: 5 additions & 0 deletions README.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -68,13 +68,18 @@ read [CONTRIBUTING](CONTRIBUTING.md).
## Maintainers
[<img alt="Nikita Rokotyan" src="https://avatars.githubusercontent.com/u/755708" width="80"/>](https://github.com/rokotyan)
[<img alt="Rebecca Bol" src="https://avatars.githubusercontent.com/u/52078477" width="80"/>](https://github.com/reb-dev)
[<img alt="Qian Liu" src="https://avatars.githubusercontent.com/u/5026041" width="80"/>](https://github.com/lee00678)

## Contributors
[<img alt="Olga Stukova" src="https://avatars.githubusercontent.com/u/8654114" width="40"/>](https://github.com/stukova)
[<img alt="Sumit Kumar" src="https://avatars.githubusercontent.com/u/5867393" width="40"/>](https://github.com/sumitkumar25)
[<img alt="Gaurav Mukherjee" src="https://avatars.githubusercontent.com/u/6323787" width="40"/>](https://github.com/gmfun)
[<img alt="Beverly Ackah" src="https://avatars.githubusercontent.com/u/32556434" width="40"/>](https://github.com/beverlyckh)
[<img alt="Dmitriy Gutman" src="https://avatars.githubusercontent.com/u/14595706" width="40"/>](https://github.com/DimamoN)
[<img alt="zernonia" src="https://avatars.githubusercontent.com/u/59365435" width="40"/>](https://github.com/zernonia)
[<img alt="Yann イーベス Eves" src="https://avatars.githubusercontent.com/u/1331877" width="40"/>](https://github.com/yanneves)
[<img alt="Michael" src="https://avatars.githubusercontent.com/u/15652018" width="40"/>](https://github.com/TasoOneAsia)
[<img alt="Josh Larsen" src="https://avatars.githubusercontent.com/u/2565382" width="40"/>](https://github.com/joshlarsen)

## License
_Unovis_ is licensed under Apache-2.0
1 change: 1 addition & 0 deletions packages/website/contributing/intro.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,4 +1,5 @@
---
title: Contributing
sidebar_label: Overview
sidebar_position: 1
hide_title: true
Expand Down
17 changes: 16 additions & 1 deletion packages/website/docusaurus.config.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -76,8 +76,15 @@ const config = {
},
{
href: 'https://github.com/f5/unovis',
className: 'header-github-link',
position: 'right',
className: 'brand__icon',
html: '<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"/></svg>',
},
{
href: 'https://discord.gg/5hnmashSaN',
position: 'right',
className: 'brand__icon',
html: '<svg viewBox="0 0 32 24" xmlns="http://www.w3.org/2000/svg"><path d="M26.225 2.74a.075.075 90 00-.04-.035A24.255 24.255 90 0020.205.85a.09.09 90 00-.095.045 16.875 16.875 90 00-.745 1.53 22.39 22.39 90 00-6.72 0 15.475 15.475 90 00-.755-1.53.095.095 90 00-.095-.045A24.185 24.185 90 005.805 2.705a.085.085 90 00-.04.035C1.955 8.435.91 13.985 1.42 19.47a.1.1 90 00.04.07A24.385 24.385 90 008.8 23.245a.095.095 90 00.105-.035A17.41 17.41 90 0010.405 20.77a.095.095 90 00-.05-.13 16.06 16.06 90 01-2.295-1.095.095.095 90 01-.01-.155c.155-.115.31-.235.455-.355a.09.09 90 01.095-.015c4.81 2.195 10.02 2.195 14.775 0a.09.09 90 01.095.01c.145.12.3.245.455.36a.095.095 90 01-.01.155 15.07 15.07 90 01-2.295 1.09.095.095 90 00-.05.13 19.555 19.555 90 001.5 2.44.095.095 90 00.105.035A24.3 24.3 90 0030.535 19.535a.095.095 90 00.04-.07C31.185 13.13 29.545 7.625 26.225 2.74zM11.125 16.13c-1.45 0-2.64-1.33-2.64-2.96S9.655 10.205 11.125 10.205c1.485 0 2.665 1.34 2.64 2.96C13.765 14.8 12.595 16.13 11.125 16.13zm9.77 0c-1.45 0-2.64-1.33-2.64-2.96S19.42 10.205 20.895 10.205c1.485 0 2.665 1.34 2.64 2.96C23.535 14.8 22.375 16.13 20.895 16.13z"/></svg>',
},
],
},
Expand All @@ -100,6 +107,10 @@ const config = {
{
title: 'Community',
items: [
{
label: 'Discord',
href: 'https://discord.gg/5hnmashSaN',
},
{
label: 'GitHub Discussions',
href: 'https://github.com/f5/unovis/discussions',
Expand All @@ -121,6 +132,10 @@ const config = {
label: 'Source Code',
href: 'https://github.com/f5/unovis',
},
{
label: 'npm',
href: 'https://www.npmjs.com/package/@unovis/ts',
},
],
},
],
Expand Down
7 changes: 4 additions & 3 deletions packages/website/sidebars.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,3 +1,4 @@
/* eslint-disable quote-props */
// @ts-check

/** @type {import('@docusaurus/plugin-content-docs').SidebarsConfig} */
Expand All @@ -8,11 +9,11 @@ const sidebars = {
{
type: 'category',
label: 'Component Reference',
collapsed: false,
collapsible: false,
link: { type: 'generated-index' },
items: [
{ type: 'category', label: 'Containers', collapsed: false, items: [{ type: 'autogenerated', dirName: 'containers' }] },
{
'Containers': [{ type: 'autogenerated', dirName: 'containers' }],
'XY Components': [{ type: 'autogenerated', dirName: 'xy-charts' }],
'Networks and Flows': [{ type: 'autogenerated', dirName: 'networks-and-flows' }],
Maps: [{ type: 'autogenerated', dirName: 'maps' }],
Expand All @@ -24,7 +25,7 @@ const sidebars = {
{
type: 'category',
label: 'Guides',
collapsed: false,
collapsible: false,
items: [{ type: 'autogenerated', dirName: 'guides' }],
},
],
Expand Down
2 changes: 1 addition & 1 deletion packages/website/src/components/StackblitzButton/styles.module.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -14,7 +14,7 @@ input:disabled {
cursor: not-allowed;
}

@media screen and (min-width: 700px) {
@media screen and (min-width: 730px) {
.button {
position: absolute;
right: 0;
Expand Down
25 changes: 9 additions & 16 deletions packages/website/src/css/custom.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -58,10 +58,6 @@ html[data-theme="dark"] {
:root { --ifm-font-size-base: 115%; }
}

@media screen and (min-width: 2560px) {
:root { --ifm-font-size-base: 130%; }
}

.docusaurus-highlight-code-line {
background-color: rgba(0, 0, 0, 0.1);
display: block;
Expand Down Expand Up @@ -90,20 +86,17 @@ html[data-theme='dark'] .docusaurus-highlight-code-line {
position: relative;
}

.header-github-link:hover {
.brand__icon:hover {
opacity: 0.6;
}

.header-github-link::before {
content: '';
width: 24px;
height: 24px;
display: flex;
background: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12'/%3E%3C/svg%3E")
no-repeat;
.brand__icon {
padding-left: 0;
}

[data-theme='dark'] .header-github-link::before {
background: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='white' d='M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12'/%3E%3C/svg%3E")
no-repeat;
}
.brand__icon svg {
width: 24px;
height: 24px;
fill: currentColor;
vertical-align: middle;
}
Loading