diff --git a/src/routes/about.page.tsx b/src/routes/about.page.tsx index 9c8387a..f24a043 100644 --- a/src/routes/about.page.tsx +++ b/src/routes/about.page.tsx @@ -4,13 +4,6 @@ import Header from '../utils/jsx/header.tsx'; import sponsors from '../utils/sponsors.ts'; import theme from '../utils/theme.ts'; -declare module 'csstype' { - // eslint-disable-next-line @typescript-eslint/consistent-indexed-object-style - interface Properties { - [index: `--${string}`]: string; - } -} - const styles = { container: css` display: flex; @@ -336,9 +329,10 @@ export default () => {

Launched in 2011, it is one of the longest-running - public CDNs on the web. cdnjs believes in the power - of open source, with all the package configurations - and code behind the service available on GitHub. + and most popular public CDNs on the web. cdnjs + believes in the power of open source, with all the + package configurations and code behind the service + available on GitHub.

@@ -378,13 +372,13 @@ export default () => { cdnjs is different from some other public CDNs that support on-demand pull-through access to libraries. Instead, cdnjs is a curated CDN that only serves - libraries that have been added to the service to by - the community. + libraries that have been added to the service by the + community.

Adding a library to cdnjs is straightforward: open a - pull request to the{' '} + pull request in the{' '} { cdnjs/packages repository {' '} with a small JSON file describing the library. Once - approved and merged, cdnjs automation takes over — - new versions are picked up automatically as they are - published to npm or GitHub. + approved and merged, cdnjs automation takes over + — new versions are picked up automatically as + they are published to npm or GitHub.

diff --git a/src/utils/jsx/header.tsx b/src/utils/jsx/header.tsx index 8c9201e..7c88a42 100644 --- a/src/utils/jsx/header.tsx +++ b/src/utils/jsx/header.tsx @@ -19,7 +19,7 @@ const styles = { color: ${theme.background.brand}; position: absolute; width: 100vw; - height: 100%; + height: calc(100% + ${theme.spacing(4)}); left: 50%; transform: translateX(-50%); top: ${theme.spacing(-2)};