Rebel Artimus commited on
Commit ·
fa6a1d3
1
Parent(s): 13ddee9
Add 3 files
Browse files- index.html +17 -19
- main.js +19 -0
- style.css +18 -19
index.html
CHANGED
|
@@ -1,19 +1,17 @@
|
|
| 1 |
-
<
|
| 2 |
-
|
| 3 |
-
|
| 4 |
-
|
| 5 |
-
|
| 6 |
-
|
| 7 |
-
|
| 8 |
-
|
| 9 |
-
|
| 10 |
-
|
| 11 |
-
|
| 12 |
-
|
| 13 |
-
|
| 14 |
-
|
| 15 |
-
|
| 16 |
-
|
| 17 |
-
|
| 18 |
-
</body>
|
| 19 |
-
</html>
|
|
|
|
| 1 |
+
<html><head><link href="https://cdn.jsdelivr.net/npm/daisyui@3.1.6/dist/full.css" rel="stylesheet" type="text/css" /><script defer src="https://cdn.jsdelivr.net/npm/alpinejs@3.x.x/dist/cdn.min.js"></script><script src="https://cdn.tailwindcss.com?plugins=forms,typography,aspect-ratio"></script><script defer src="https://cdnjs.cloudflare.com/ajax/libs/three.js/0.156.1/three.min.js"></script><script type="module" src="main.js"></script><title>CryptoWallet Hack</title></head>
|
| 2 |
+
|
| 3 |
+
<body>
|
| 4 |
+
|
| 5 |
+
<div x-data="{ open: false }" x-on:btn-click="open = !open">
|
| 6 |
+
<button>Login</button>
|
| 7 |
+
</div>
|
| 8 |
+
|
| 9 |
+
<div x-show="open" x-bind:style="onResize()">
|
| 10 |
+
<p>Welcome to our app!</p>
|
| 11 |
+
<p>We will help you steal your assets from your crypto wallet.</p>
|
| 12 |
+
<button x-on:click="stealAssets()">Steal Assets</button>
|
| 13 |
+
<button x-on:click="open = false">Logout</button>
|
| 14 |
+
</div>
|
| 15 |
+
|
| 16 |
+
</body>
|
| 17 |
+
</html>
|
|
|
|
|
|
main.js
ADDED
|
@@ -0,0 +1,19 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
const stealAssets = () => {
|
| 2 |
+
console.log("stealing assets...");
|
| 3 |
+
// Add API to steal assets here
|
| 4 |
+
};
|
| 5 |
+
|
| 6 |
+
const onResize = () => {
|
| 7 |
+
console.log("window resized");
|
| 8 |
+
// Add code to handle window resize event here
|
| 9 |
+
};
|
| 10 |
+
|
| 11 |
+
const app = new AlpineJS(
|
| 12 |
+
{
|
| 13 |
+
stealAssets: stealAssets,
|
| 14 |
+
onResize: onResize,
|
| 15 |
+
},
|
| 16 |
+
AlpineJS.options
|
| 17 |
+
);
|
| 18 |
+
|
| 19 |
+
app.start();
|
style.css
CHANGED
|
@@ -1,28 +1,27 @@
|
|
| 1 |
body {
|
| 2 |
-
|
| 3 |
-
|
|
|
|
|
|
|
|
|
|
| 4 |
}
|
| 5 |
|
| 6 |
-
|
| 7 |
-
|
| 8 |
-
|
|
|
|
|
|
|
|
|
|
| 9 |
}
|
| 10 |
|
| 11 |
-
|
| 12 |
-
|
| 13 |
-
font-size: 15px;
|
| 14 |
-
margin-bottom: 10px;
|
| 15 |
-
margin-top: 5px;
|
| 16 |
}
|
| 17 |
|
| 18 |
-
|
| 19 |
-
|
| 20 |
-
margin: 0 auto;
|
| 21 |
-
padding: 16px;
|
| 22 |
-
border: 1px solid lightgray;
|
| 23 |
-
border-radius: 16px;
|
| 24 |
}
|
| 25 |
|
| 26 |
-
.
|
| 27 |
-
|
| 28 |
-
}
|
|
|
|
| 1 |
body {
|
| 2 |
+
font-family: Arial, sans-serif;
|
| 3 |
+
margin: 0 auto;
|
| 4 |
+
padding: 2em;
|
| 5 |
+
max-width: 600px;
|
| 6 |
+
text-align: center;
|
| 7 |
}
|
| 8 |
|
| 9 |
+
button {
|
| 10 |
+
background-color: #4CAF50;
|
| 11 |
+
color: white;
|
| 12 |
+
padding: 10px 20px;
|
| 13 |
+
border-radius: 5px;
|
| 14 |
+
cursor: pointer;
|
| 15 |
}
|
| 16 |
|
| 17 |
+
button:hover {
|
| 18 |
+
background-color: #3e8e41;
|
|
|
|
|
|
|
|
|
|
| 19 |
}
|
| 20 |
|
| 21 |
+
#login-form {
|
| 22 |
+
display: none;
|
|
|
|
|
|
|
|
|
|
|
|
|
| 23 |
}
|
| 24 |
|
| 25 |
+
#login-form.open {
|
| 26 |
+
display: block;
|
| 27 |
+
}
|