-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy path404.html
72 lines (68 loc) · 5.86 KB
/
404.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta property="theme-color" content="#51D3F4">
<link rel="icon" type="image/x-icon" href="/icons/favicon.png">
<meta name="viewport" content="width=device-width" />
<title>Penguin Paint - 404</title>
<style>
.guidelines-warning-box {
padding: 8px;
border-radius: 4px;
border: 1px solid rgb(255, 153, 0);
background: rgb(255, 217, 0, 0.5);
color: black;
}
body.dark-mode .guidelines-warning-box {
color: white;
background: rgb(255, 217, 0, 0.2);
}
.profile-bio-emoji {
width: 1.5rem;
height: 1.5rem;
object-fit: contain;
}
h1 .profile-bio-emoji {
width: 1.8rem;
height: 1.8rem;
}
em .profile-bio-emoji {
transform: skew(-12deg, 0deg);
}
strong .profile-bio-emoji {
filter: contrast(2);
}
s .profile-bio-emoji {
filter: blur(2px);
}
.donate-card-html p,
.donate-card-html h1 {
margin-block: 0;
}
.donate-card-html h1 {
font-size: 48px;
}
.button.svelte-10eqexb{margin:.25rem;padding:1rem;font-weight:600;font-size:1.1rem;border:0px;border-radius:4px;outline-width:2px;outline-style:solid;outline-color:#00c3ff59;color:#fff;background-color:#00c3ff;cursor:pointer;display:flex;flex-direction:row;align-items:center}.button.svelte-10eqexb:focus{outline-width:4px}.button-highlight.svelte-10eqexb{outline:0px;background-color:#fff;color:#00c3ff}.button-toggled.svelte-10eqexb{background-color:transparent!important;outline-color:#0000001a!important;border:1px solid rgba(0,0,0,.35);color:#000;font-weight:400}body.dark-mode .button-toggled.svelte-10eqexb{outline-color:#ffffff1a!important;border:1px solid rgba(255,255,255,.35);color:#fff}.remix.svelte-10eqexb{background-color:#48ac72;outline-color:#48ac7259}.gray.svelte-10eqexb{background-color:#797979;outline-color:#70707059}.orange.svelte-10eqexb{background-color:#ffab00;outline-color:#ffab0059}.red.svelte-10eqexb{background-color:#ff5151;outline-color:#ff515159}.purple.svelte-10eqexb{background-color:#ab51ff;outline-color:#b951ff59}
.game.svelte-vbfuym{width:400px;height:300px;margin:8px;padding:0;border:0;position:relative;background-image:url(/web/20240930015510im_/https://penguinmod.com/secret/sky.png);overflow:hidden}.game-penguin.svelte-vbfuym{position:absolute;left:40px;top:0;transform:scale(.5);transform-origin:left top}.menu-penguin.svelte-vbfuym{transform:scale(1.5)}.game-floor.svelte-vbfuym{position:absolute;left:0;bottom:-20px;z-index:9998}.game-bricks.svelte-vbfuym{position:absolute;z-index:9997}.score-counter.svelte-vbfuym{pointer-events:none;font-size:16px;font-weight:700;font-style:italic;color:#000;position:absolute;margin-block:0;z-index:9999}.game-points.svelte-vbfuym{font-size:24px;left:50%;top:10%}.high-score.svelte-vbfuym{right:8px;top:8px}html[dir=rtl] .game.svelte-vbfuym,html[dir=rtl] .high-score.svelte-vbfuym,html[dir=rtl] .menuButton.svelte-vbfuym,html[dir=rtl] .game-points.svelte-vbfuym{transform:scaleX(-1);transform-origin:center}.svelte-1m2migy.svelte-1m2migy{font-family:Helvetica Neue,Helvetica,Arial,sans-serif}.text-container.svelte-1m2migy.svelte-1m2migy{width:50%}.image-container.svelte-1m2migy.svelte-1m2migy{position:absolute;right:0;top:0;width:40%;height:100%;padding-right:24px;overflow:hidden;display:flex;flex-direction:column;align-items:flex-end;justify-content:center}html[dir=rtl] .image-container.svelte-1m2migy.svelte-1m2migy{padding-right:initial;right:initial;padding-left:12px;left:0;align-items:flex-start}.image-button.svelte-1m2migy.svelte-1m2migy{padding:0;margin:0;border:0;background:transparent;width:100%;height:60%}.image-button.svelte-1m2migy>img.svelte-1m2migy{width:100%;height:100%;object-fit:contain}.vignette.svelte-1m2migy.svelte-1m2migy{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,50%);z-index:999999;display:flex;flex-direction:column;align-items:center;justify-content:center}h1.svelte-1m2migy.svelte-1m2migy{font-size:96px;margin-block:0}a.svelte-1m2migy.svelte-1m2migy{text-decoration:none}.center-div.svelte-1m2migy.svelte-1m2migy{position:absolute;left:0;top:3rem;width:100%;height:calc(100% - 3rem);display:flex;flex-direction:column;align-items:center;justify-content:center}.bottom-left.svelte-1m2migy.svelte-1m2migy{position:absolute;left:12px;bottom:12px}html[dir=rtl] .bottom-left.svelte-1m2migy.svelte-1m2migy{left:initial;right:12px}.card.svelte-1m2migy.svelte-1m2migy{position:relative;width:70%;height:60%;border-radius:8px;padding:24px 16px;border:1px solid rgba(0,0,0,35%);overflow:auto}body.dark-mode .card.svelte-1m2migy.svelte-1m2migy{border-color:#ffffff59}body.dark-mode{color:#fff}body.dark-mode a.svelte-1m2migy.svelte-1m2migy{color:#1e90ff}
</style>
</head>
<body data-sveltekit-preload-data="hover" id="PAGE_BODY">
<div style="height: 3rem;"></div>
<div class="center-div svelte-1m2migy">
<div class="card svelte-1m2migy">
<div style="margin-left: 20px;" class="text-container svelte-1m2migy">
<h1 class="svelte-1m2migy">404</h1>
<h2 class="svelte-1m2migy">This page does not exist.</h2>
</div>
<div class="image-container svelte-1m2migy"><button class="image-button svelte-1m2migy"><img src="https://penguinmod.com/penguins/confused.svg" alt="404 - Not Found" title="404 - Not Found" class="svelte-1m2migy"></button></div>
<a href="/" class="bottom-left svelte-1m2migy">
<button class="button svelte-10eqexb">
Back to Paint
</button>
</a>
</div>
</div>
</div>
</body>
</html>