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

feat: carousel workflow

Browse Source
This commit is contained in:
Nova
2024-12-30 13:48:29 -08:00
parent cae188d6ea
commit b5d1c679f4
2 changed files with 10 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/components/Carousel.js
View File

@@ -1,7 +1,13 @@
import React from 'react';
import { Carousel } from 'react-responsive-carousel';
import React from "react";
import { Carousel } from "react-responsive-carousel";
const ImageList = [
{
image: "img/carousel/workflow.png",
alt: "A scene showing a flat panel with Blender to the left (containing a sketch of a 3D git client that looks like a bonsai tree), a turntable with a 3D model of the stardust logo on it in the center, and a massive grid of hexagons for all the apps on the system to the right.",
caption:
"A workflow containing Blender, a turntable with a 3D model preview, and the hexasgon app launcher.",
},
{
image: "img/carousel/multipleclients.png",
alt: "A scene showing multiple widgets, including CRT TV panel shells and flat touchscreen panels and 2 rings forming a cylinder around the scene.",
@@ -12,7 +18,7 @@ const ImageList = [
alt: "A series of application windows as 3D panels similar to small wooden boards in proportions with a Panasonic CRT TV model in the center showing Agregore (the browser).",
caption: "Panels for wayland apps and a CRT panel shell for XR UI.",
},
]
];
function CarouselImage({ image, alt, caption }) {
return (

BIN
static/img/carousel/workflow.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 872 KiB