odo/dl.emersa.it
1
0
Fork 0
Code Issues Pull requests Releases 10 Packages Activity Actions

Add internal font

Browse source
This commit is contained in:
0d0 2025-02-05 13:23:42 +01:00
parent ebf8d8e67d
commit a712e9cb26
3 changed files with 23 additions and 21 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

37
src/app.html
View file

@ -6,26 +6,31 @@
<meta name="viewport" content="width=device-width, initial-scale=1" /> <meta name="viewport" content="width=device-width, initial-scale=1" />
%sveltekit.head% %sveltekit.head%
<style> <style>
@font-face {
font-family: 'Press Start 2P';
src: url('/fonts/PressStart2P-Regular.ttf');
}
* { * {
box-sizing: border-box; box-sizing: border-box;
padding: 0; padding: 0;
margin: 0; margin: 0;
} }
body { body {
background: black; /* Fallback */ background: black; /* Fallback */
background-image: radial-gradient(circle, #37ff1456 8%, transparent 8%), background-image: radial-gradient(circle, #37ff1456 8%, transparent 8%),
radial-gradient(circle, #37ff1456 8%, transparent 8%); radial-gradient(circle, #37ff1456 8%, transparent 8%);
background-size: background-size:
60px 60px, 60px 60px,
30px 30px; /* Larger grid sizes for more spacing */ 30px 30px; /* Larger grid sizes for more spacing */
background-position: background-position:
0 0, 0 0,
15px 15px; /* Offset the smaller pattern slightly */ 15px 15px; /* Offset the smaller pattern slightly */
font-family: "Press Start 2P", sans-serif; font-family: 'Press Start 2P', sans-serif;
color: #37ff1456; /* Retro green text */ color: #37ff1456; /* Retro green text */
margin: 0; margin: 0;
} }
</style> </style>
</head> </head>
<body data-sveltekit-preload-data="hover"> <body data-sveltekit-preload-data="hover">
<div style="display: contents">%sveltekit.body%</div> <div style="display: contents">%sveltekit.body%</div>

7
src/routes/+page.svelte
View file

@ -120,8 +120,8 @@
</div> </div>
<!-- Submit Button --> <!-- Submit Button -->
<a <button
{href} type="submit"
class="w-full rounded-lg border-4 border-pink-700 bg-pink-500 px-4 py-3 text-black transition hover:bg-pink-600 active:border-yellow-500" class="w-full rounded-lg border-4 border-pink-700 bg-pink-500 px-4 py-3 text-black transition hover:bg-pink-600 active:border-yellow-500"
> >
Start Download! Start Download!
@ -151,11 +151,8 @@
{/if} {/if}
<style> <style>
@import url('https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap');
* { * {
font-size: 12px; font-size: 12px;
font-family: 'Press Start 2P', sans-serif;
} }
.retro-radio { .retro-radio {
appearance: none; appearance: none;

BIN
static/fonts/PressStart2P-Regular.ttf Normal file
View file

Binary file not shown.