he4et/elseifplayer
1
0
Fork 0
mirror of https://github.com/He4eT/elseifplayer.git synced 2026-05-05 01:17:22 +00:00
Code Issues Projects Releases Packages Wiki Activity

Rearrange views

Browse source
This commit is contained in:
He4eT 2021-03-21 23:45:53 +05:00
commit b4e4fd9493
7 changed files with 6 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

116
src/views/HomeView.jsx
View file

@ -1,116 +0,0 @@
import { h } from 'preact'
import { Link } from 'wouter-preact'
import {
useHashLocation,
buildPlayLinkHref
} from '~/src/utils/utils.routing'
import LocalFileSelector from
'~/src/components/FileSelector/LocalFileSelector'
import TargetURLSelector from
'~/src/components/FileSelector/TargetURLSelector'
import ThemeSelector from
'~/src/components/ThemeSelector/ThemeSelector'
import './style/HomeView.css'
export default function ({ themeEngine }) {
const setLocation = useHashLocation()[1]
return (
<main className='view home'>
<h1>
ifplayer
</h1>
<section>
<p>
Interactive Fiction interpreter
that runs right in your browser.
<br />
Source code can be found in this <a
target='_blank'
href='https://github.com/He4eT/ifplayer'>
repository
</a>.
</p>
</section>
<hr />
<section>
<h3>
Interface theme
</h3>
<ThemeSelector {...{
themeEngine
}} />
<p>
<small>
Double-click the input field during the game
to enter full-screen mode.
</small>
</p>
</section>
<hr />
<section>
<h3>
Play a game from the list
</h3>
<p>
<Link href={`/#/games/${themeEngine.currentTheme}`}>
IFDB games
</Link>
</p>
</section>
<hr />
<section>
<h3>
Play the game from a file
</h3>
<p>
<details>
<summary>Supported formats</summary>
<ul>
<li>TADS games (.t3, .gam);</li>
<li>Z-machine games (.z3, .z4, .z5, .z8, .blorb);</li>
<li>Glulx VM games (.gblorb, .ulx);</li>
<li>Hugo games (.hex);</li>
<li>Text-only games are supported;</li>
</ul>
</details>
</p>
<p>
<label>
Local file: <br />
<LocalFileSelector {...{
setLocation,
buildLink: buildPlayLinkHref,
theme: themeEngine.currentTheme
}} />
</label>
</p>
<p>
<label>
Direct link: <br />
<TargetURLSelector {...{
setLocation,
buildLink: buildPlayLinkHref,
theme: themeEngine.currentTheme
}} />
</label>
</p>
</section>
</main>)
}