Skip to content

Commit e65d923

Browse files
gabekgabek
committed
Add a bunch of aliases for install urls
1 parent c95d118 commit e65d923

File tree

3 files changed

+79
-39
lines changed

3 files changed

+79
-39
lines changed

docs/_index.md renamed to docs/index.md

File renamed without changes.

‎docusaurus.config.ts‎

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -94,6 +94,10 @@ const config: Config = {
9494
{ to: "/docs/hacktoberfest", from: "/hacktoberfest" },
9595
{ to: "/docs/tshirt", from: "/tshirt" },
9696
{ to: "/docs/trademark", from: "/trademark" },
97+
{ to: "/docs/quickstart/installation", from: "/install" },
98+
{ to: "/docs/quickstart/installation", from: "/installation" },
99+
{ to: "/docs/quickstart/installation", from: "/docs/install" },
100+
{ to: "/docs/quickstart/installation", from: "/docs/installation" },
97101

98102
// Quickstart pages
99103
{ to: "/docs/quickstart", from: "/quickstart" },

‎src/pages/index.tsx‎

Lines changed: 75 additions & 39 deletions
Original file line numberDiff line numberDiff line change
@@ -1,35 +1,37 @@
1-
import React from 'react';
2-
import clsx from 'clsx';
3-
import Link from '@docusaurus/Link';
4-
import useDocusaurusContext from '@docusaurus/useDocusaurusContext';
5-
import Layout from '@theme/Layout';
6-
import Contributors from '@site/src/components/Contributors';
7-
import styles from './index.module.css';
1+
import React from "react";
2+
import clsx from "clsx";
3+
import Link from "@docusaurus/Link";
4+
import useDocusaurusContext from "@docusaurus/useDocusaurusContext";
5+
import Layout from "@theme/Layout";
6+
import Contributors from "@site/src/components/Contributors";
7+
import styles from "./index.module.css";
88

99
function HomepageHeader() {
10-
const {siteConfig} = useDocusaurusContext();
10+
const { siteConfig } = useDocusaurusContext();
1111

1212
React.useEffect(() => {
1313
// Hero image loading effect
14-
const timeout = setTimeout(function() {
14+
const timeout = setTimeout(function () {
1515
handleHeroImageLoad();
1616
}, 2000);
1717

1818
function handleHeroImageLoad() {
1919
clearTimeout(timeout);
2020

21-
const loader = document.getElementById('splash-image-loader');
22-
const main = document.getElementById('splash-image-main');
21+
const loader = document.getElementById("splash-image-loader");
22+
const main = document.getElementById("splash-image-main");
2323
if (loader) {
24-
loader.style.opacity = '0';
24+
loader.style.opacity = "0";
2525
}
2626
if (main) {
27-
main.style.opacity = '1';
27+
main.style.opacity = "1";
2828
}
2929
}
3030

3131
// Trigger load event if image is already loaded
32-
const mainImage = document.getElementById('splash-image-main') as HTMLImageElement;
32+
const mainImage = document.getElementById(
33+
"splash-image-main"
34+
) as HTMLImageElement;
3335
if (mainImage && mainImage.complete) {
3436
handleHeroImageLoad();
3537
} else if (mainImage) {
@@ -40,10 +42,10 @@ function HomepageHeader() {
4042
}, []);
4143

4244
return (
43-
<header className={clsx('hero hero--primary', styles.heroBanner)}>
45+
<header className={clsx("hero hero--primary", styles.heroBanner)}>
4446
<div className="container">
4547
<div className="row justify-content-center align-items-center">
46-
<figure className={clsx('col col--5', styles.heroImageContainer)}>
48+
<figure className={clsx("col col--5", styles.heroImageContainer)}>
4749
<img
4850
src="/img/owncast-splash-loading.png"
4951
alt=""
@@ -61,12 +63,14 @@ function HomepageHeader() {
6163

6264
<div className="col col--7">
6365
<p className={styles.lead}>
64-
Owncast is a free and open source live video and web chat server for use with existing popular broadcasting software.
66+
Owncast is a free and open source live video and web chat server
67+
for use with existing popular broadcasting software.
6568
</p>
6669
<div className={styles.buttons}>
6770
<Link
6871
className="button button--secondary button--lg"
69-
to="/docs/quickstart/installation">
72+
to="/docs/quickstart/installation"
73+
>
7074
Get started
7175
</Link>
7276
</div>
@@ -80,24 +84,28 @@ function HomepageHeader() {
8084
function KeyPoints() {
8185
const keyPoints = [
8286
{
83-
title: 'Self hosted and Independent',
84-
icon: '/images/key-selfhosted.svg',
85-
description: 'Have complete control and ownership over your stream, allowing you to create the content and community you want.',
87+
title: "Self hosted and Independent",
88+
icon: "/images/key-selfhosted.svg",
89+
description:
90+
"Have complete control and ownership over your stream, allowing you to create the content and community you want.",
8691
},
8792
{
88-
title: 'Chat',
89-
icon: '/images/key-chat.svg',
90-
description: 'The frictionless built-in chat allows your viewers to be a part of the action. Include custom emotes and build chat bots to encourage engagement from your viewers.',
93+
title: "Chat",
94+
icon: "/images/key-chat.svg",
95+
description:
96+
"The frictionless built-in chat allows your viewers to be a part of the action. Include custom emotes and build chat bots to encourage engagement from your viewers.",
9197
},
9298
{
93-
title: 'Works with your software',
94-
icon: '/images/key-videosoftware.svg',
95-
description: 'Point your existing broadcasting software at your Owncast server and begin streaming on your own server in minutes.',
99+
title: "Works with your software",
100+
icon: "/images/key-videosoftware.svg",
101+
description:
102+
"Point your existing broadcasting software at your Owncast server and begin streaming on your own server in minutes.",
96103
},
97104
{
98-
title: 'The Fediverse',
99-
icon: '/images/key-fediverse.svg',
100-
description: 'Your live stream can reach a wider audience on The Fediverse, allowing people to follow and share your stream on Mastodon and other Fediverse services.',
105+
title: "The Fediverse",
106+
icon: "/images/key-fediverse.svg",
107+
description:
108+
"Your live stream can reach a wider audience on The Fediverse, allowing people to follow and share your stream on Mastodon and other Fediverse services.",
101109
},
102110
];
103111

@@ -128,12 +136,36 @@ function KeyPoints() {
128136

129137
function Sponsors() {
130138
const sponsors = [
131-
{ name: 'cypress', src: '/images/sponsors/cypress.png', url: 'https://cloud.cypress.io/projects/wwi3xe' },
132-
{ name: 'fastly', src: '/images/sponsors/fastly.png', url: 'https://www.fastly.com/fast-forward' },
133-
{ name: 'chromatic', src: '/images/sponsors/chromatic.png', url: 'https://www.chromatic.com/builds?appId=629132c6e23893003a9e89c5' },
134-
{ name: 'docker', src: '/images/sponsors/docker.png', url: 'https://hub.docker.com/u/owncast' },
135-
{ name: 'rocket chat', src: '/images/sponsors/rocketchat.png', url: 'https://rocket.chat' },
136-
{ name: 'digital ocean', src: '/images/sponsors/digitalocean.svg', url: 'https://digitalocean.com?utm_medium=opensource&utm_source=owncast' },
139+
{
140+
name: "cypress",
141+
src: "/images/sponsors/cypress.png",
142+
url: "https://cloud.cypress.io/projects/wwi3xe",
143+
},
144+
{
145+
name: "fastly",
146+
src: "/images/sponsors/fastly.png",
147+
url: "https://www.fastly.com/fast-forward",
148+
},
149+
{
150+
name: "chromatic",
151+
src: "/images/sponsors/chromatic.png",
152+
url: "https://www.chromatic.com/builds?appId=629132c6e23893003a9e89c5",
153+
},
154+
{
155+
name: "docker",
156+
src: "/images/sponsors/docker.png",
157+
url: "https://hub.docker.com/u/owncast",
158+
},
159+
{
160+
name: "rocket chat",
161+
src: "/images/sponsors/rocketchat.png",
162+
url: "https://rocket.chat",
163+
},
164+
{
165+
name: "digital ocean",
166+
src: "/images/sponsors/digitalocean.svg",
167+
url: "https://digitalocean.com?utm_medium=opensource&utm_source=owncast",
168+
},
137169
];
138170

139171
return (
@@ -149,18 +181,22 @@ function Sponsors() {
149181
</li>
150182
))}
151183
</ul>
152-
<p>These organizations support Owncast via non-monetary support and services.</p>
184+
<p>
185+
These organizations support Owncast via non-monetary support and
186+
services.
187+
</p>
153188
</div>
154189
</section>
155190
);
156191
}
157192

158193
export default function Home(): JSX.Element {
159-
const {siteConfig} = useDocusaurusContext();
194+
const { siteConfig } = useDocusaurusContext();
160195
return (
161196
<Layout
162197
title={siteConfig.title}
163-
description="Owncast is your self-hosted live streaming solution.">
198+
description="Owncast is your self-hosted live streaming solution."
199+
>
164200
<HomepageHeader />
165201
<main>
166202
<KeyPoints />

0 commit comments

Comments
 (0)