rustdesk/doc.rustdesk.com
1
0
Fork 0
mirror of https://github.com/rustdesk/doc.rustdesk.com.git synced 2026-04-13 03:06:07 +00:00
Code Issues Packages Projects Releases Wiki Activity

casourle

Browse Source
This commit is contained in:
rustdesk
2024-10-11 14:33:16 +08:00
parent a1dcdda0b2
commit 082431f57e
14 changed files with 438 additions and 133 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
v3/src/assets/images/app-store.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 11 KiB

BIN
v3/src/assets/images/console.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 427 KiB

BIN
v3/src/assets/images/google-play.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 13 KiB

39
v3/src/components/widgets/Carousel.jsx Normal file
View File

@@ -0,0 +1,39 @@
/* https://swiperjs.com/demos */
import 'swiper/css';
import 'swiper/css/pagination';
import { Autoplay, Pagination, Scrollbar, Mousewheel } from 'swiper/modules';
import { Swiper, SwiperSlide } from 'swiper/react';
const Carousel = ({ list }) => {
return (
<Swiper
spaceBetween={0}
slidesPerView={1}
onSlideChange={() => console.log('slide change')}
onSwiper={(swiper) => console.log(swiper)}
pagination={{ clickable: true }}
style={{
'--swiper-pagination-bullet-inactive-color': '#fff',
'--swiper-pagination-bullet-size': '12px',
}}
mousewheel={{ forceToAxis: true, sensitivity: 0.1, releaseOnEdges: true }}
autoplay={{
delay: 2500,
disableOnInteraction: true,
}}
lazy={true}
scrollbar
modules={[Pagination, Autoplay, Scrollbar, Mousewheel]}
>
{list.map((item, i) => (
<SwiperSlide key={'p' + i}>
<img src={item.src} className={item.className} loading="lazy" alt={item.alt} />
<div className="swiper-lazy-preloader swiper-lazy-preloader-white"></div>
</SwiperSlide>
))}
</Swiper>
);
};
export default Carousel;

2
v3/src/components/widgets/Header.astro
View File

@@ -157,7 +157,7 @@ const currentPath = `/${trimSlash(new URL(Astro.url).pathname)}`;
title="If you like RustDesk, give us a star."
href="https://github.com/rustdesk/rustdesk"
>
<span class="w-[5.6rem] h-[1.25rem] bg-contain bg-[url(https://img.shields.io/github/stars/rustdesk/rustdesk.svg?style=social&label=Stars&maxAge=86400)]" />
<span class="w-[5.6rem] h-[1.25rem] bg-cover bg-[url(https://img.shields.io/github/stars/rustdesk/rustdesk.svg?style=social&label=Stars&maxAge=86400)]" />
</a>
)
}

4
v3/src/layouts/PageLayout.astro
View File

@@ -1,7 +1,7 @@
---
import Layout from '~/layouts/Layout.astro';
import Header from '~/components/widgets/Header.astro';
import Footer from '~/components/widgets/Footer.astro';
import Footer, {type Props as FD} from '~/components/widgets/Footer.astro';
import Announcement from '~/components/widgets/Announcement.astro';
import { headerData, footerData } from '~/navigation';
@@ -26,6 +26,6 @@ const { metadata } = Astro.props;
<slot />
</main>
<slot name="footer">
<Footer {...footerData} />
<Footer {...footerData as FD} />
</slot>
</Layout>

85
v3/src/pages/index.astro
View File

@@ -7,6 +7,7 @@ import Content from '~/components/widgets/Content.astro';
import BlogLatestPosts from '~/components/widgets/BlogLatestPosts.astro';
import Stats from '~/components/widgets/Stats.astro';
import CallToAction from '~/components/widgets/CallToAction.astro';
import Carousel from '~/components/widgets/Carousel.jsx';
const metadata = {
title: 'RustDesk: Open-Source Remote Desktop with Self-Hosted Server Solutions',
@@ -16,7 +17,6 @@ const metadata = {
<Layout metadata={metadata}>
<!-- Hero Widget ******************* -->
<Hero
actions={[
{
@@ -28,14 +28,24 @@ const metadata = {
},
{ text: 'Self-Hosting', href: 'https://rustdesk.com/docs/en/self-host/', target: '_blank', icon: 'tabler:book' },
]}
image={{ src: '~/assets/images/console.png', alt: 'RustDesk Web Console Image', class: "rounded-lg border border-gray-700" }}
>
<Fragment slot="title">
The Fast Open-Source Remote Access and Support Software
</Fragment>
<Fragment slot="title"> The Fast Open-Source Remote Access and Support Software </Fragment>
<Fragment slot="subtitle">
Switch from TeamViewer, AnyDesk, and Splashtop to RustDesk for a secure and reliable remote desktop experience with your own self-hosted servers.
Switch from TeamViewer, AnyDesk, and Splashtop to RustDesk for a secure and reliable remote desktop experience
with your own self-hosted servers.
</Fragment>
<Fragment slot="content">
<br /><br />
<Carousel
client:load
list={[
{ src: 'remote.jpg', className: 'rounded-[15px] border border-gray-700' },
{ src: 'main.png', className: 'rounded-[15px] border border-gray-700' },
{ src: 'console.png', className: 'rounded-[15px] border border-gray-700' },
{ src: 'custom.png', className: 'rounded-[15px] border border-gray-700' },
]}
/>
</Fragment>
</Hero>
@@ -52,23 +62,19 @@ const metadata = {
items={[
{
title: 'Data sovereignty',
description:
'Regulatory compliance made easy: self-hosted RustDesk ensures data sovereignty.',
description: 'Regulatory compliance made easy: self-hosted RustDesk ensures data sovereignty.',
},
{
title: 'Enhanced security',
description:
'Fortify your security: on-premise deployment keeps your data under your control.',
description: 'Fortify your security: on-premise deployment keeps your data under your control.',
},
{
title: 'Performance and reliability',
description:
'Guaranteed uptime: on-premise deployment ensures optimal performance and minimal downtime.',
description: 'Guaranteed uptime: on-premise deployment ensures optimal performance and minimal downtime.',
},
{
title: 'Flexibility and customization',
description:
'Tailor RustDesk on-premise to fit your unique requirements.',
description: 'Tailor RustDesk on-premise to fit your unique requirements.',
},
]}
image={{
@@ -78,7 +84,8 @@ const metadata = {
>
<Fragment slot="content">
<h3 class="text-2xl font-bold tracking-tight dark:text-white sm:text-3xl mb-2">Why self-hosting?</h3>
Are you frustrated with SaaS platforms due to their unstable performance, lack of transparency, and uncertain data security risks?
Are you frustrated with SaaS platforms due to their unstable performance, lack of transparency, and uncertain data
security risks?
</Fragment>
<Fragment slot="bg">
@@ -119,7 +126,7 @@ const metadata = {
}}
>
<Fragment slot="content">
<h3 class="text-2xl font-bold tracking-tight dark:text-white sm:text-3xl mb-2">Custom client</h3>
<h3 class="text-2xl font-bold tracking-tight dark:text-white sm:text-3xl mb-2">Custom Client</h3>
Customize your client with your brand and make it truly yours.
</Fragment>
@@ -136,18 +143,18 @@ const metadata = {
items={[
{
title: 'Step 1: Install Docker',
description:
"<code>sudo apt install -y docker.io</code>",
description: '<code>sudo apt install -y docker.io</code>',
icon: 'tabler:package',
},
{
title: 'Step 2: Download compose.yml',
description: '<code>wget rustdesk.com/oss.yml -O compose.yml<br>or<br>wget rustdesk.com/pro.yml -O compose.yml</code>',
description:
'<code>wget rustdesk.com/oss.yml -O compose.yml<br>or<br>wget rustdesk.com/pro.yml -O compose.yml</code>',
icon: 'tabler:download',
},
{
title: `Step 3: Compose`,
description: "<code>docker compose up -d</code>",
description: '<code>docker compose up -d</code>',
icon: 'tabler:hammer',
},
{
@@ -163,27 +170,25 @@ const metadata = {
<!-- Stats Widget ****************** -->
<Stats
tagline="Scenarios"
title="Who are using self-hosting?"
subtitle='The data below is from our online survey covering over 1,000 self-hosting users.'
stats={[
{ title: 'IT Support', amount: '37%' },
{ title: 'IT Administration', amount: '25%' },
{ title: 'Remote Work', amount: '29%' },
{ title: 'Industrial and others', amount: '9%' },
]}
tagline="Scenarios"
title="Who are using self-hosting?"
subtitle="The data below is from our online survey covering over 1,000 self-hosting users."
stats={[
{ title: 'IT Support', amount: '37%' },
{ title: 'IT Administration', amount: '25%' },
{ title: 'Remote Work', amount: '29%' },
{ title: 'Industrial and others', amount: '9%' },
]}
/>
<!-- HighlightedPosts Widget ******* -->
<BlogLatestPosts
title="Find out more content in our Blog"
/>
<BlogLatestPosts title="Find out more content in our Blog" />
<Stats
tagline="Open Source"
title="Built in public with a vibrant community"
subtitle='Join a community driven solution that has millions of downloads and used by thousands of organisations.'
subtitle="Join a community driven solution that has millions of downloads and used by thousands of organisations."
stats={[
{ title: 'Client downloads', amount: '10M+' },
{ title: 'Docker downloads', amount: '1M+' },
@@ -217,13 +222,9 @@ const metadata = {
},
]}
>
<Fragment slot="title">
Join the community
</Fragment>
<Fragment slot="title"> Join the community </Fragment>
<Fragment slot="subtitle">
Discover what our community has to say about their RustDesk experience.
</Fragment>
<Fragment slot="subtitle"> Discover what our community has to say about their RustDesk experience. </Fragment>
</Hero>
<CallToAction
@@ -238,8 +239,6 @@ const metadata = {
{ text: 'Self-Hosting', href: 'https://rustdesk.com/docs/en/self-host/', target: '_blank', icon: 'tabler:book' },
]}
>
<Fragment slot="title">
Experience RustDesk for yourself
</Fragment>
<Fragment slot="title"> Experience RustDesk for yourself </Fragment>
</CallToAction>
</Layout>