Basically works :D
This commit is contained in:
parent
8568dbcc2d
commit
e574f3b4b5
8 changed files with 1462 additions and 0 deletions
41
static/embedStyle.css
Normal file
41
static/embedStyle.css
Normal file
|
@ -0,0 +1,41 @@
|
|||
@import url("https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css");
|
||||
@import url('https://fonts.googleapis.com/css2?family=Rubik&family=Source+Code+Pro&display=swap');
|
||||
|
||||
body, input {
|
||||
font-family: 'Rubik', Verdana, Geneva, Tahoma, sans-serif;
|
||||
text-align: center;
|
||||
color: white;
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
body {
|
||||
max-width: 750px;
|
||||
max-height: 400px;
|
||||
}
|
||||
|
||||
#card {
|
||||
background-color: rgb(40, 35, 45);
|
||||
background: linear-gradient(45deg, rgb(30, 25, 35), rgb(50, 45, 55));
|
||||
padding: 15px;
|
||||
border: 2px darkgray solid;
|
||||
border-radius: 15px;
|
||||
max-width: 750px;
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
.pfp {
|
||||
border-radius: 15px;
|
||||
border: darkgray 4px solid;
|
||||
width: 60%;
|
||||
transform: scale(0.9);
|
||||
border-radius: 50%;
|
||||
max-width: 135px;
|
||||
margin: 15px;
|
||||
transition: all 1.5s cubic-bezier(0.075, 0.82, 0.165, 1);
|
||||
}
|
||||
|
||||
.pfp:hover {
|
||||
transform: scale(1);
|
||||
border-color: rgb(255, 200, 255);
|
||||
object-fit: cover;
|
||||
}
|
21
static/index.html
Normal file
21
static/index.html
Normal file
|
@ -0,0 +1,21 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
|
||||
<link rel="stylesheet" href="./style.css">
|
||||
|
||||
<title>Discord Embedder</title>
|
||||
</head>
|
||||
<body>
|
||||
<h1>Discord Embedder</h1>
|
||||
<form action="./getUser">
|
||||
<input type="text" name="discordid" placeholder="Your Discord ID">
|
||||
</form>
|
||||
|
||||
<p>You can get your Discord ID by:</p>
|
||||
<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Aspernatur odio dolores reiciendis recusandae ad explicabo repellendus possimus dignissimos quam quo necessitatibus error excepturi cumque sapiente quos, autem obcaecati quidem enim.</p>
|
||||
</body>
|
||||
</html>
|
26
static/style.css
Normal file
26
static/style.css
Normal file
|
@ -0,0 +1,26 @@
|
|||
@import url("https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css");
|
||||
@import url('https://fonts.googleapis.com/css2?family=Rubik&display=swap');
|
||||
|
||||
body {
|
||||
background-color: rgb(40, 30, 60);
|
||||
padding: 2.5%;
|
||||
}
|
||||
|
||||
body, input {
|
||||
font-family: 'Rubik', Verdana, Geneva, Tahoma, sans-serif;
|
||||
text-align: center;
|
||||
color: white;
|
||||
}
|
||||
|
||||
input[type="text"] {
|
||||
font-size: 1.5rem;
|
||||
margin: 15vh auto;
|
||||
padding: 15px;
|
||||
width: 90%;
|
||||
max-width: 500px;
|
||||
}
|
||||
|
||||
input {
|
||||
background-color: black;
|
||||
border: 2px gray solid;
|
||||
}
|
Loading…
Add table
Add a link
Reference in a new issue