emuplace/folium.emuplace.app
1
0
Fork 0
mirror of https://github.com/emuplace/folium.emuplace.app.git synced 2024-11-22 02:12:48 +01:00
Code Issues Actions Packages Projects Releases Wiki Activity

Added next core page

Browse Source
This commit is contained in:
Jarrod Norwell 2024-11-07 19:40:19 +08:00
parent a57f532c3e
commit 4f61dc7270
5 changed files with 94 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
nextcore/index.html Normal file
View File

@ -0,0 +1,22 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<link rel="icon" type="image/png" href="/Icon_Favicon.png" />
<meta name="viewport" content="minimum-scale=1, initial-scale=1, width=device-width, user-scalable=no" />
<title>Folium | Next Core</title>
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@getfoliumapp">
<meta name="twitter:creator" content="@antique_codes">
<meta name="twitter:title" content="Play the boot sound of the next Folium core">
<meta name="twitter:description" content="Nostalgia just got better">
</head>
<body>
<div id="root"></div>
<script type="module" src="../src/NextCore/nextcore_main.tsx"></script>
</body>
</html>

33
src/Checklist/Checklist.tsx
View File

@ -1,9 +1,12 @@
import '@mantine/core/styles.css';
import {
Checkbox,
Container,
Divider,
MantineProvider,
SimpleGrid,
Space,
Text,
Title
} from '@mantine/core';
import { theme } from '../theme';
@ -25,10 +28,40 @@ export default function Checklist() {
<Title order={1}>
Cores
</Title>
<Space h={'sm'} />
<Title order={2}>
Cytrus
</Title>
<Space h={'sm'} />
<Text c={'dimmed'}>
Nintendo 3DS, Nintendo New 3DS
</Text>
<Space h={'sm'} />
<SimpleGrid>
<Checkbox label={'Cheats'} />
</SimpleGrid>
<Space h={'sm'} />
<Title order={2}>
Grape
</Title>
<Space h={'sm'} />
<Text c={'dimmed'}>
Nintendo DS, Nintendo DSi
</Text>
<Space h={'sm'} />
<Title order={2}>
Mango
</Title>
<Space h={'sm'} />
<Text c={'dimmed'}>
Super Nintendo Entertainment System
</Text>
</Container>
</MantineProvider>
);

28
src/NextCore/NextCore.tsx Normal file
View File

@ -0,0 +1,28 @@
import '@mantine/core/styles.css';
import {
Button,
Container,
Flex,
MantineProvider
} from '@mantine/core';
import { theme } from '../theme';
export default function NextCore() {
const date = new Date();
function play() {
new Audio("https://quicksounds.com/uploads/tracks/528054973_948104858_1761723949.mp3").play()
}
return (
<MantineProvider theme={theme} forceColorScheme={date.getHours() >= 7 && date.getHours() <= 19 ? "light" : "dark"}>
<Container>
<Flex align={'center'} h={'100vh'} justify={'center'}>
<Button radius={'xl'} onClick={() => { play() }}>
Play Sound
</Button>
</Flex>
</Container>
</MantineProvider>
);
}

9
src/NextCore/nextcore_main.tsx Normal file
View File

@ -0,0 +1,9 @@
import React from 'react';
import ReactDOM from 'react-dom/client';
import NextCore from './NextCore.tsx';
ReactDOM.createRoot(document.getElementById("root") as HTMLElement).render(
<React.StrictMode>
<NextCore />
</React.StrictMode>
);

3
vite.config.ts
View File

@ -15,7 +15,8 @@ export default defineConfig({
input: {
index: resolve(__dirname, 'index.html'),
privacypolicy: resolve(__dirname, 'privacypolicy/index.html'),
checklist: resolve(__dirname, 'checklist/index.html')
checklist: resolve(__dirname, 'checklist/index.html'),
nextcore: resolve(__dirname, 'nextcore/index.html')
}
}
}