Port all documents to MDX

This commit is contained in:
mrjvs 2024-03-30 20:34:50 +01:00
parent c06bedc93c
commit 268014552c
30 changed files with 62 additions and 120 deletions

View File

@ -1,95 +0,0 @@
---
title: 'movie-web - For all your movie and TV show needs'
navigation: false
head.titleTemplate: ''
layout: page
---
::block-hero
---
cta:
- Get Started
- /self-hosting/hosting-intro
secondary:
- Open on GitHub →
- https://github.com/movie-web/movie-web
---
#title
movie-web
#description
A simple and no-BS app for watching movies and TV shows. :br
Totally free and open source, forever.
::
::card-grid
#title
What's all the fuss?
#root
:ellipsis
#default
::card{icon="mdi:server-network"}
#title
Easy to host
#description
Can be easily hosted on any static website host.
::
::card{icon="material-symbols:hangout-video-off"}
#title
No Ads
#description
movie-web will never show ads, enjoy watching without interruptions.
::
::card{icon="ic:baseline-ondemand-video"}
#title
Custom Player
#description
Enjoy a fully custom video player including streaming integration, subtitle customization and easy TV season navigation.
::
::card{icon="mdi:content-save"}
#title
Saves your progress
#description
Will remember your progress in movies and TV shows, so you can easily continue where you left off.
::
::card{icon="mdi:bookmark"}
#title
Bookmarking
#description
Allows you to bookmark your favorite movies and TV shows, so you can easily find them again.
::
::card{icon="mdi:cloud-refresh"}
#title
Syncing across devices
#description
Enjoy uninterrupted streaming as your progress, proxies, and bookmarks sync effortlessly across all your devices.
::
::card{icon="mdi:power-plug-outline"}
#title
Modular by design
#description
Mix and match different parts of the movie-web service, [host your backend](4.backend/1.deploy.md) or use ours, it'll work either way.
::
::card{icon="mdi:flag"}
#title
Multiple Languages
#description
Supports over 25 languages, including English, German, French, Spanish, Italian, Czech, Hindi, Arabic, Hebrew and more.
::
::card{icon="mdi:brush-variant"}
#title
Customizable
#description
Supports various themes, subtitle colors and subtitle sizes so you can make it look however you want.
::
::card{icon="mdi:cellphone"}
#title
Progressive Web App Support
#description
Supports PWA, so you can install it on your phone and use it just like a native app.
::
::

View File

@ -1,4 +0,0 @@
title: 'Self-Hosting'
icon: mdi:server-network
navigation.redirect: /self-hosting/hosting-intro
titleTemplate: '%s | Self-Hosting'

View File

@ -1,4 +0,0 @@
title: 'Proxy'
icon: mdi:connection
navigation.redirect: /proxy/introduction
titleTemplate: '%s | Proxy'

View File

@ -1,4 +0,0 @@
title: 'Client'
icon: mdi:monitor
navigation.redirect: /client/introduction
titleTemplate: '%s | Client'

View File

@ -1,4 +0,0 @@
title: 'Backend'
icon: mdi:database
navigation.redirect: /backend/introduction
titleTemplate: '%s | Backend'

View File

@ -1,4 +0,0 @@
title: 'Extra'
icon: mdi:information-variant-circle-outline
navigation.redirect: /extra/streaming
titleTemplate: '%s | Extra'

View File

@ -6,13 +6,14 @@ title: 'Streaming'
This page explains all the different ways you can enable movie-web to stream your favorite movies & TV shows, each with their own pros and cons.
<!-- ## Method 1 - Browser extension
{/* ## Method 1 - Browser extension
The movie-web browser extension is the easiest way to be able to watch media with fast streaming speeds, it is available for both [Chrome] and [Firefox].
This method is great if you only use movie-web on your computer. If you use a mobile device or smart TV, you'll unfortunately have to stick to using a proxy since these devices don't usually support browser extensions.
Since this method uses your own IP, it is undetectable by streaming services, so you can use it to watch your favorite shows without worrying about getting blocked by their servers. -->
Since this method uses your own IP, it is undetectable by streaming services, so you can use it to watch your favorite shows without worrying about getting blocked by their servers.
*/}
## Method 1 - Self-hosted proxy
@ -20,7 +21,7 @@ Self-hosting a proxy is an easy way to get faster streaming speeds, [we have a g
This method is recommended if you want to host a proxy for your friends and or family to use, as it is the faster than using the public proxy and the most reliable way to stream media at the moment.
<!-- This method is recommended if you want to host a proxy for your friends and family to use, or if you want to use movie-web on a device that doesn't support the [browser extension](#method-1---browser-extension), such as a smart TV or mobile device. -->
{/* This method is recommended if you want to host a proxy for your friends and family to use, or if you want to use movie-web on a device that doesn't support the [browser extension](#method-1---browser-extension), such as a smart TV or mobile device.*/}
1. Set up a proxy using one of our [guides](../2.proxy/1.deploy.md#deploying-the-proxy), [though we recommend Netlify](../2.proxy/1.deploy.md#method-1---netlify-easy).
2. Once that's done, go to the **Connections** section of the **Settings page** on your movie-web instance of chocie.

View File

@ -1,2 +0,0 @@
# Hello world
This is my first `@neato/guider` page!

58
pages/index.tsx Normal file
View File

@ -0,0 +1,58 @@
import {
Button,
Card,
CardGrid,
GuiderLayout,
Hero,
} from '@neato/guider/client';
export default function LandingPage() {
return (
<GuiderLayout meta={{ layout: 'page' }} >
<Hero>
<Hero.Title>movie-web</Hero.Title>
<Hero.Subtitle>
A simple and no-BS app for watching movies and TV shows. Totally free and open source, forever.
</Hero.Subtitle>
<Hero.Actions>
<Button to="/self-hosting/hosting-intro">Get Started</Button>
<Button to="https://github.com/movie-web/movie-web" type="secondary">
Open on GitHub
</Button>
</Hero.Actions>
</Hero>
<CardGrid>
<Card icon="mdi:server-network" title="Easy to host">
Can be easily hosted on any static website host.
</Card>
<Card icon="material-symbols:hangout-video-off" title="No Ads">
movie-web will never show ads, enjoy watching without interruptions.
</Card>
<Card icon="ic:baseline-ondemand-video" title="Custom Player">
Enjoy a fully custom video player including streaming integration, subtitle customization and easy TV season navigation.
</Card>
<Card icon="mdi:content-save" title="Saves your progress">
Will remember your progress in movies and TV shows, so you can easily continue where you left off.
</Card>
<Card icon="mdi:bookmark" title="Bookmarking">
Allows you to bookmark your favorite movies and TV shows, so you can easily find them again.
</Card>
<Card icon="mdi:cloud-refresh" title="Syncing across devices">
Enjoy uninterrupted streaming as your progress, proxies, and bookmarks sync effortlessly across all your devices.
</Card>
<Card icon="mdi:power-plug-outline" title="Modular by design">
Mix and match different parts of the movie-web service, [host your backend](4.backend/1.deploy.md) or use ours, it'll work either way.
</Card>
<Card icon="mdi:flag" title="Multiple Languages">
Supports over 25 languages, including English, German, French, Spanish, Italian, Czech, Hindi, Arabic, Hebrew and more.
</Card>
<Card icon="mdi:brush-variant" title="Customizable">
Supports various themes, subtitle colors and subtitle sizes so you can make it look however you want.
</Card>
<Card icon="mdi:cellphone" title="Progressive Web App Support">
Supports PWA, so you can install it on your phone and use it just like a native app.
</Card>
</CardGrid>
</GuiderLayout>
);
}