antontranelis/utopia-ui
1
0
Fork 0
mirror of https://github.com/utopia-os/utopia-ui.git synced 2025-12-13 07:46:10 +00:00
Code Issues Packages Projects Releases Wiki Activity

utopia-ui@3.0.0-alpha.155

Browse Source
This commit is contained in:
Anton Tranelis 2024-05-08 16:06:51 +02:00
parent 0e73bb6efe
commit 32af7030be
4 changed files with 6 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
package-lock.json generated
View File

@ -17,7 +17,7 @@
"react-dom": "^18.2.0", "react-dom": "^18.2.0",
"react-rnd": "^10.4.1", "react-rnd": "^10.4.1",
"react-router-dom": "^6.23.0", "react-router-dom": "^6.23.0",
"utopia-ui": "^3.0.0-alpha.152" "utopia-ui": "^3.0.0-alpha.155"
}, },
"devDependencies": { "devDependencies": {
"@types/react": "^18.2.79", "@types/react": "^18.2.79",
@ -7245,9 +7245,9 @@
"license": "MIT" "license": "MIT"
}, },
"node_modules/utopia-ui": { "node_modules/utopia-ui": {
"version": "3.0.0-alpha.152", "version": "3.0.0-alpha.155",
"resolved": "https://registry.npmjs.org/utopia-ui/-/utopia-ui-3.0.0-alpha.152.tgz", "resolved": "https://registry.npmjs.org/utopia-ui/-/utopia-ui-3.0.0-alpha.155.tgz",
"integrity": "sha512-/qcnjFMXj0WbCUeTs3dwub/kNgzS+krXtEbWeFqxgzfCEtAAcly+WeEXEfwtOWThyMter6k0ug4aaw3oNvIGQQ==", "integrity": "sha512-k5s4Z5WStxOziF5kck2dXHQcXVSOUvJvIKcpteyeB4mxGzxsNZpUNH/bIRi5pCgK7VoxciNSEwwMxye7vM7HMA==",
"dependencies": { "dependencies": {
"@heroicons/react": "^2.0.17", "@heroicons/react": "^2.0.17",
"@tanstack/react-query": "^5.17.8", "@tanstack/react-query": "^5.17.8",

2
package.json
View File

@ -19,7 +19,7 @@
"react-dom": "^18.2.0", "react-dom": "^18.2.0",
"react-rnd": "^10.4.1", "react-rnd": "^10.4.1",
"react-router-dom": "^6.23.0", "react-router-dom": "^6.23.0",
"utopia-ui": "^3.0.0-alpha.152" "utopia-ui": "^3.0.0-alpha.155"
}, },
"devDependencies": { "devDependencies": {
"@types/react": "^18.2.79", "@types/react": "^18.2.79",

2
src/App.tsx
View File

@ -111,7 +111,7 @@ function App() {
<Route path="landingpage" element={<Landingpage />} /> <Route path="landingpage" element={<Landingpage />} />
{ {
layers.map((l: any) => layers.map((l: any) =>
<Route key={l.id} path={l.name} element={<OverlayItemsIndexPage plusButton={l.index_plus_button} layerName={l.name} breadcrumbs={[{ name: "Home", path: "/" }, { name: l.name, path: "/" + l.name }]} itemNameField={'name'} itemTextField={'text'} itemImageField={'image'} url={'/item/'} parameterField={'id'} itemSymbolField={'symbol'} itemSubnameField={'subname'} />} /> <Route key={l.id} path={l.name} element={<OverlayItemsIndexPage plusButton={l.index_plus_button} layerName={l.name} breadcrumbs={[{ name: "Home", path: "/" }, { name: l.name, path: "/" + l.name }]} url={'/item/'} parameterField={'id'} />} />
) )
} }
</Route> </Route>

4
src/pages/Landingpage.tsx
View File

@ -75,15 +75,11 @@ export const Landingpage = () => {
<div className="hero-content text-center flex flex-col place-items-center p-0" > <div className="hero-content text-center flex flex-col place-items-center p-0" >
<div className='bg-no-repeat bg-center w-full' style={{ backgroundImage: "url(bg1.webp)" }}> <div className='bg-no-repeat bg-center w-full' style={{ backgroundImage: "url(bg1.webp)" }}>
<div className='min-h-[calc(100vh-60px)] flex flex-row items-center justify-center '> <div className='min-h-[calc(100vh-60px)] flex flex-row items-center justify-center '>
<div className={`max-w-md text-center bg-black p-8 m-8 bg-opacity-50 text-white backdrop-blur-sm rounded-xl movable-div ${isBoxVisible ? '' : 'move-out-left'}`}> <div className={`max-w-md text-center bg-black p-8 m-8 bg-opacity-50 text-white backdrop-blur-sm rounded-xl movable-div ${isBoxVisible ? '' : 'move-out-left'}`}>
<h1 className="text-5xl font-bold">Utopia Game</h1> <h1 className="text-5xl font-bold">Utopia Game</h1>
<p className="py-6">ist mehr als nur ein Spiel. Es ist eine Bewegung, die darauf abzielt, die Spieler aus ihren virtuellen Welten zu befreien und sie zu inspirieren, das echte Leben zu erkunden, Fähigkeiten zu entwickeln und die Welt um sie herum zu gestalten. Bist du bereit, Teil dieser Revolution zu werden? </p> <p className="py-6">ist mehr als nur ein Spiel. Es ist eine Bewegung, die darauf abzielt, die Spieler aus ihren virtuellen Welten zu befreien und sie zu inspirieren, das echte Leben zu erkunden, Fähigkeiten zu entwickeln und die Welt um sie herum zu gestalten. Bist du bereit, Teil dieser Revolution zu werden? </p>
<div className="btn !text-white btn-primary" onClick={startGame}>Play ▶</div> <div className="btn !text-white btn-primary" onClick={startGame}>Play ▶</div>
</div> </div>
<div className={`mockup-phone m-8 hidden lg:block movable-div ${isPhoneVisible ? '' : 'move-out-right'}`}> <div className={`mockup-phone m-8 hidden lg:block movable-div ${isPhoneVisible ? '' : 'move-out-right'}`}>
<div className="camera"></div> <div className="camera"></div>
<div className="display">my-8 <div className="display">my-8