HugoDzz's picture
feat: cleaner mobile view
0de63b6
raw
history blame contribute delete
No virus
3.7 kB
<!DOCTYPE html>
<html lang="en" class="bg-[#1C1E21]">
<head>
<title>Rust Sandbox</title>
<meta charset="utf-8" />
<link rel="icon" href="./favicon.png" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link href="./_app/immutable/assets/0.15cc2f76.css" rel="stylesheet">
<link rel="modulepreload" href="./_app/immutable/entry/start.7eabf570.js">
<link rel="modulepreload" href="./_app/immutable/chunks/scheduler.63274e7e.js">
<link rel="modulepreload" href="./_app/immutable/chunks/singletons.1a02eeb0.js">
<link rel="modulepreload" href="./_app/immutable/entry/app.2398ac02.js">
<link rel="modulepreload" href="./_app/immutable/chunks/index.3abede45.js">
<link rel="modulepreload" href="./_app/immutable/nodes/0.a8ea2499.js">
<link rel="modulepreload" href="./_app/immutable/nodes/2.7c9cbce9.js">
</head>
<body data-sveltekit-preload-data="hover" class="overflow-hidden">
<div style="display: contents"> <div role="contentinfo" class="sm:flex flex-col justify-center items-center w-full"> <div class="hidden sm:flex flex-col justify-center items-center mt-40"> <button class="cursor-default relative flex flex-row justify-between items-center w-full bg-[#393B3D] border-b border-b-[#000002] border border-[#626264] rounded-xl rounded-b-none" data-svelte-h="svelte-msohxs"> <div class="absolute left-2 space-x-2 flex flex-row justify-center items-center"><div class="rounded-full h-3 w-3 bg-[#EC695F]"></div> <div class="rounded-full h-3 w-3 bg-[#F5BE4F]"></div> <div class="rounded-full h-3 w-3 bg-[#5E5E60]"></div></div> <h1 class="font-bold py-[6px] text-center w-full text-sm text-[#B6B8B9]">Hell</h1></button> <div class="relative bg-[#1C1E21]"><canvas id="bevy-canvas" class="shadow-2xl z-10 shadow-black/50 overflow-hidden rounded-xl border border-[#626264] border-t-0 rounded-t-none" height="480" width="640" style="image-rendering: pixelated;"></canvas> </div></div> <div class="hidden sm:flex mt-12" data-svelte-h="svelte-5z7chc"><img src="images/instructs.svg" alt="Instructions" width="250"></div> <div class="flex sm:hidden flex-col w-full px-4 justify-center items-center text-center text-[#636669] mt-12"><p class="text-xl text-[#F0DAA1]" data-svelte-h="svelte-tzs1r2">Looks like you&#39;re on mobile</p> <p class="mt-2" data-svelte-h="svelte-ng3af6">This demo is only available on a larger screen</p> <button class="w-full py-4 bg-[#393B3D] text-[#B7B7B9] font-bold mt-8 border border-[#626264] rounded-md"><p>Copy the link for later</p></button> <img src="images/thumbnail.png" alt="Thumbnail" class="w-full mt-4"></div> <div class="mt-12 text-sm text-[#636669] hidden sm:flex flex-col justify-center items-center space-y-1" data-svelte-h="svelte-taopac"><p>Made by <a href="https://www.hugoduprez.com/" target="_blank" class="underline">Hugo</a> with
<a href="https://www.rust-lang.org/" target="_blank" class="underline">Rust</a>
and <a href="https://kit.svelte.dev/" target="_blank" class="underline">Svelte</a></p> <a href="https://github.com/Hugo-Dz/rust-sandbox" target="_blank" class="underline">How to create games with Rust</a></div></div>
<script>
{
__sveltekit_1b4x11y = {
base: new URL(".", location).pathname.slice(0, -1),
env: {}
};
const element = document.currentScript.parentElement;
const data = [null,null];
Promise.all([
import("./_app/immutable/entry/start.7eabf570.js"),
import("./_app/immutable/entry/app.2398ac02.js")
]).then(([kit, app]) => {
kit.start(app, element, {
node_ids: [0, 2],
data,
form: null,
error: null
});
});
}
</script>
</div>
</body>
</html>