StardustXR/website
1
0
Fork 0
Code Issues 3 Pull Requests 4 Actions Packages Projects Releases Wiki Activity

Use tabs instead of spaces

Browse Source
This commit is contained in:
technobaboo
2021-07-21 17:05:35 -05:00
parent c2cbb96cfe
commit c825bb71e5
10 changed files with 5683 additions and 5694 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
babel.config.js
View File

@@ -1,3 +1,3 @@
module.exports = { module.exports = {
presets: [require.resolve('@docusaurus/core/lib/babel/preset')], presets: [require.resolve('@docusaurus/core/lib/babel/preset')],
}; };

176
docusaurus.config.js
View File

@@ -3,97 +3,97 @@ const darkCodeTheme = require('prism-react-renderer/themes/vsDark');
/** @type {import('@docusaurus/types').DocusaurusConfig} */ /** @type {import('@docusaurus/types').DocusaurusConfig} */
module.exports = { module.exports = {
title: 'Stardust XR', title: 'Stardust XR',
tagline: 'We Fight for the Users!', tagline: 'We Fight for the Users!',
url: 'https://stardustxr.org', url: 'https://stardustxr.org',
baseUrl: '/', baseUrl: '/',
trailingSlash: false, trailingSlash: false,
onBrokenLinks: 'throw', onBrokenLinks: 'throw',
onBrokenMarkdownLinks: 'warn', onBrokenMarkdownLinks: 'warn',
favicon: 'img/favicon.ico', favicon: 'img/favicon.ico',
organizationName: 'StardustXR', // Usually your GitHub org/user name. organizationName: 'StardustXR', // Usually your GitHub org/user name.
projectName: 'website', // Usually your repo name. projectName: 'website', // Usually your repo name.
themeConfig: { themeConfig: {
colorMode: { colorMode: {
defaultMode: "dark", defaultMode: "dark",
disableSwitch: false, disableSwitch: false,
respectPrefersColorScheme: false, respectPrefersColorScheme: false,
}, },
navbar: { navbar: {
logo: { logo: {
alt: 'Stardust XR logo, a yellow astroid with smaller white astroids around it', alt: 'Stardust XR logo, a yellow astroid with smaller white astroids around it',
src: 'img/icon.webp', src: 'img/icon.webp',
}, },
items: [ items: [
{ {
type: 'doc', type: 'doc',
docId: 'intro', docId: 'intro',
position: 'left', position: 'left',
label: 'Docs', label: 'Docs',
}, },
{ {
href: 'https://github.com/technobaboo/stardust-xr', href: 'https://github.com/technobaboo/stardust-xr',
label: 'GitHub', label: 'GitHub',
position: 'right', position: 'right',
}, },
], ],
}, },
footer: { footer: {
style: 'dark', style: 'dark',
links: [ links: [
{ {
title: 'Docs', title: 'Docs',
items: [ items: [
{ {
label: 'Protocol', label: 'Protocol',
to: '/docs/stardust-protocol/protocol', to: '/docs/stardust-protocol/protocol',
}, },
], ],
}, },
{ {
title: 'Community', title: 'Community',
items: [ items: [
{ {
label: 'Discord', label: 'Discord',
href: 'https://discord.gg/qwxuwRrbP5', href: 'https://discord.gg/qwxuwRrbP5',
}, },
{ {
label: 'Twitter', label: 'Twitter',
href: 'https://twitter.com/stardustxr', href: 'https://twitter.com/stardustxr',
}, },
], ],
}, },
{ {
title: 'More', title: 'More',
items: [ items: [
{ {
label: 'GitHub', label: 'GitHub',
href: 'https://github.com/technobaboo/stardust-xr', href: 'https://github.com/technobaboo/stardust-xr',
}, },
], ],
}, },
], ],
copyright: `Copyright © ${new Date().getFullYear()} Nova King`, copyright: `Copyright © ${new Date().getFullYear()} Nova King`,
}, },
prism: { prism: {
theme: lightCodeTheme, theme: lightCodeTheme,
darkTheme: darkCodeTheme, darkTheme: darkCodeTheme,
}, },
}, },
presets: [ presets: [
[ [
'@docusaurus/preset-classic', '@docusaurus/preset-classic',
{ {
docs: { docs: {
sidebarPath: require.resolve('./sidebars.js'), sidebarPath: require.resolve('./sidebars.js'),
// Please change this to your repo. // Please change this to your repo.
editUrl: editUrl:
'https://github.com/StardustXR/website/edit/main/', 'https://github.com/StardustXR/website/edit/main/',
}, },
theme: { theme: {
customCss: require.resolve('./src/css/custom.css'), customCss: require.resolve('./src/css/custom.css'),
}, },
}, },
], ],
], ],
}; };

10890
package-lock.json generated
View File

File diff suppressed because it is too large Load Diff

78
package.json
View File

@@ -1,41 +1,41 @@
{ {
"name": "stardust-website", "name": "stardust-website",
"version": "0.0.0", "version": "0.0.0",
"private": true, "private": true,
"scripts": { "scripts": {
"docusaurus": "docusaurus", "docusaurus": "docusaurus",
"start": "docusaurus start", "start": "docusaurus start",
"build": "docusaurus build", "build": "docusaurus build",
"swizzle": "docusaurus swizzle", "swizzle": "docusaurus swizzle",
"deploy": "docusaurus deploy", "deploy": "docusaurus deploy",
"clear": "docusaurus clear", "clear": "docusaurus clear",
"serve": "docusaurus serve", "serve": "docusaurus serve",
"write-translations": "docusaurus write-translations", "write-translations": "docusaurus write-translations",
"write-heading-ids": "docusaurus write-heading-ids" "write-heading-ids": "docusaurus write-heading-ids"
}, },
"dependencies": { "dependencies": {
"@docusaurus/core": "2.0.0-beta.3", "@docusaurus/core": "2.0.0-beta.3",
"@docusaurus/preset-classic": "2.0.0-beta.3", "@docusaurus/preset-classic": "2.0.0-beta.3",
"@mdx-js/react": "^1.6.21", "@mdx-js/react": "^1.6.21",
"@svgr/webpack": "^5.5.0", "@svgr/webpack": "^5.5.0",
"clsx": "^1.1.1", "clsx": "^1.1.1",
"file-loader": "^6.2.0", "file-loader": "^6.2.0",
"prism-react-renderer": "^1.2.1", "prism-react-renderer": "^1.2.1",
"react": "^17.0.1", "react": "^17.0.1",
"react-dom": "^17.0.1", "react-dom": "^17.0.1",
"url-loader": "^4.1.1", "url-loader": "^4.1.1",
"yarn": "^1.22.10" "yarn": "^1.22.10"
}, },
"browserslist": { "browserslist": {
"production": [ "production": [
">0.5%", ">0.5%",
"not dead", "not dead",
"not op_mini all" "not op_mini all"
], ],
"development": [ "development": [
"last 1 chrome version", "last 1 chrome version",
"last 1 firefox version", "last 1 firefox version",
"last 1 safari version" "last 1 safari version"
] ]
} }
} }

24
sidebars.js
View File

@@ -10,17 +10,17 @@
*/ */
module.exports = { module.exports = {
// By default, Docusaurus generates a sidebar from the docs folder structure // By default, Docusaurus generates a sidebar from the docs folder structure
tutorialSidebar: [{type: 'autogenerated', dirName: '.'}], tutorialSidebar: [{type: 'autogenerated', dirName: '.'}],
// But you can create a sidebar manually // But you can create a sidebar manually
/* /*
tutorialSidebar: [ tutorialSidebar: [
{ {
type: 'category', type: 'category',
label: 'Tutorial', label: 'Tutorial',
items: ['hello'], items: ['hello'],
}, },
], ],
*/ */
}; };

95
src/components/HomepageFeatures.js
View File

@@ -3,62 +3,51 @@ import clsx from 'clsx';
import styles from './HomepageFeatures.module.css'; import styles from './HomepageFeatures.module.css';
const FeatureList = [ const FeatureList = [
{ {
title: 'Easy to Use', title: 'Flexible',
Svg: require('../../static/img/undraw_docusaurus_mountain.svg').default, image: '../../static/img/icon.gif',
description: ( description: (
<> <>
Docusaurus was designed from the ground up to be easily installed and Stardust allows you to make XR widgets or interfaces and run them among others.
used to get your website up and running quickly. </>
</> ),
), },
}, {
{ title: 'Focus on What Matters',
title: 'Focus on What Matters', image: '../../static/img/icon.gif',
Svg: require('../../static/img/undraw_docusaurus_tree.svg').default, description: (
description: ( <>
<> Docusaurus lets you focus on your docs, and we&apos;ll do the chores. Go
Docusaurus lets you focus on your docs, and we&apos;ll do the chores. Go ahead and move your docs into the <code>docs</code> directory.
ahead and move your docs into the <code>docs</code> directory. </>
</> ),
), },
},
{
title: 'Powered by React',
Svg: require('../../static/img/undraw_docusaurus_react.svg').default,
description: (
<>
Extend or customize your website layout by reusing React. Docusaurus can
be extended while reusing the same header and footer.
</>
),
},
]; ];
function Feature({Svg, title, description}) { function Feature({image, title, description}) {
return ( return (
<div className={clsx('col col--4')}> <div className={clsx('col col--6')}>
<div className="text--center"> <div className="text--center">
<Svg className={styles.featureSvg} alt={title} /> <img src={image} className={styles.featureImg} alt={title} />
</div> </div>
<div className="text--center padding-horiz--md"> <div className="text--center padding-horiz--md">
<h3>{title}</h3> <h3>{title}</h3>
<p>{description}</p> <p>{description}</p>
</div> </div>
</div> </div>
); );
} }
export default function HomepageFeatures() { export default function HomepageFeatures() {
return ( return (
<section className={styles.features}> <section className={styles.features}>
<div className="container"> <div className="container">
<div className="row"> <div className="row">
{FeatureList.map((props, idx) => ( {FeatureList.map((props, idx) => (
<Feature key={idx} {...props} /> <Feature key={idx} {...props} />
))} ))}
</div> </div>
</div> </div>
</section> </section>
); );
} }

14
src/components/HomepageFeatures.module.css
View File

@@ -1,13 +1,13 @@
/* stylelint-disable docusaurus/copyright-header */ /* stylelint-disable docusaurus/copyright-header */
.features { .features {
display: flex; display: flex;
align-items: center; align-items: center;
padding: 2rem 0; padding: 2rem 0;
width: 100%; width: 100%;
} }
.featureSvg { .featureImg {
height: 200px; height: 200px;
width: 200px; width: 200px;
} }

26
src/css/custom.css
View File

@@ -7,23 +7,23 @@
/* You can override the default Infima variables here. */ /* You can override the default Infima variables here. */
:root { :root {
--ifm-color-primary: #dde000; --ifm-color-primary: #dde000;
--ifm-color-primary-dark: rgb(175, 173, 33); --ifm-color-primary-dark: rgb(175, 173, 33);
--ifm-color-primary-darker: rgb(165, 163, 31); --ifm-color-primary-darker: rgb(165, 163, 31);
--ifm-color-primary-darkest: rgb(134, 136, 26); --ifm-color-primary-darkest: rgb(134, 136, 26);
--ifm-color-primary-light: rgb(201, 203, 70); --ifm-color-primary-light: rgb(201, 203, 70);
--ifm-color-primary-lighter: rgb(212, 210, 102); --ifm-color-primary-lighter: rgb(212, 210, 102);
--ifm-color-primary-lightest: rgb(223, 224, 146); --ifm-color-primary-lightest: rgb(223, 224, 146);
--ifm-code-font-size: 95%; --ifm-code-font-size: 95%;
} }
.docusaurus-highlight-code-line { .docusaurus-highlight-code-line {
background-color: rgba(0, 0, 0, 0.1); background-color: rgba(0, 0, 0, 0.1);
display: block; display: block;
margin: 0 calc(-1 * var(--ifm-pre-padding)); margin: 0 calc(-1 * var(--ifm-pre-padding));
padding: 0 var(--ifm-pre-padding); padding: 0 var(--ifm-pre-padding);
} }
html[data-theme='dark'] .docusaurus-highlight-code-line { html[data-theme='dark'] .docusaurus-highlight-code-line {
background-color: rgba(0, 0, 0, 0.3); background-color: rgba(0, 0, 0, 0.3);
} }

52
src/pages/index.js
View File

@@ -7,33 +7,33 @@ import styles from './index.module.css';
import HomepageFeatures from '../components/HomepageFeatures'; import HomepageFeatures from '../components/HomepageFeatures';
function HomepageHeader() { function HomepageHeader() {
const {siteConfig} = useDocusaurusContext(); const {siteConfig} = useDocusaurusContext();
return ( return (
<header className={clsx('hero hero--primary', styles.heroBanner)}> <header className={clsx('hero hero--primary', styles.heroBanner)}>
<div className="container"> <div className="container">
<h1 className="hero__title">{siteConfig.title}</h1> <h1 className="hero__title">{siteConfig.title}</h1>
<p className="hero__subtitle">{siteConfig.tagline}</p> <p className="hero__subtitle">{siteConfig.tagline}</p>
<div className={styles.buttons}> <div className={styles.buttons}>
<Link <Link
className="button button--secondary button--lg" className="button button--secondary button--lg"
to="/docs/stardust-protocol/protocol"> to="/docs/stardust-protocol/protocol">
Protocol API Reference Protocol API Reference
</Link> </Link>
</div> </div>
</div> </div>
</header> </header>
); );
} }
export default function Home() { export default function Home() {
const {siteConfig} = useDocusaurusContext(); const {siteConfig} = useDocusaurusContext();
return ( return (
<Layout <Layout
description="XR Display Server"> description="XR Display Server">
<HomepageHeader /> <HomepageHeader />
<main> <main>
<HomepageFeatures /> <HomepageFeatures />
</main> </main>
</Layout> </Layout>
); );
} }

20
src/pages/index.module.css
View File

@@ -6,20 +6,20 @@
*/ */
.heroBanner { .heroBanner {
padding: 4rem 0; padding: 4rem 0;
text-align: center; text-align: center;
position: relative; position: relative;
overflow: hidden; overflow: hidden;
} }
@media screen and (max-width: 966px) { @media screen and (max-width: 966px) {
.heroBanner { .heroBanner {
padding: 2rem; padding: 2rem;
} }
} }
.buttons { .buttons {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
} }