the-abstraction-engine/src/App.tsx

41 lines
1.0 KiB
TypeScript
Raw Normal View History

2024-03-01 18:31:27 -05:00
import { GameCanvas } from "./components/GameCanvas";
2024-03-01 23:29:40 -05:00
import { Miscellaneous } from "./engine/config";
2024-03-01 18:07:16 -05:00
2024-03-01 18:31:27 -05:00
export const App = () => {
2024-03-01 18:07:16 -05:00
return (
2024-03-01 18:31:27 -05:00
<div className="main">
2024-03-02 03:34:19 -05:00
<div id="modal" className="modal">
<div className="modal-content">
<span className="close">&times;</span>
<p>Some text in the Modal..</p>
</div>
</div>
2024-03-01 18:31:27 -05:00
<div className="header">
<div className="nav">
<h1>the abstraction engine</h1>
</div>
2024-03-01 18:07:16 -05:00
</div>
2024-03-01 18:31:27 -05:00
<div className="content">
2024-03-01 23:29:40 -05:00
<GameCanvas width={Miscellaneous.WIDTH} height={Miscellaneous.HEIGHT} />
2024-03-01 18:07:16 -05:00
</div>
2024-03-01 18:31:27 -05:00
<div className="footer">
<span>
built by{" "}
<a
href="https://git.simponic.xyz/simponic"
target="_blank"
className="tf"
>
simponic
2024-03-01 20:56:58 -05:00
</a>{" "}
| inspired by{" "}
<a href="https://hempuli.com/baba/" target="_blank" className="tf">
baba is you
2024-03-01 18:31:27 -05:00
</a>
</span>
</div>
</div>
);
};