-
Notifications
You must be signed in to change notification settings - Fork 0
/
main.html
33 lines (26 loc) · 5.55 KB
/
main.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
body{display:flex;}[class~=btn]{--button-background:rgba(100,181,246,.2);}[class~=btn]:hover::before{transform:skew(45deg) rotate(180deg) translate(-50%,-50%);}[class~=btn]{--button-text:white;}[class~=btn]{--button-hover-background:rgba(255,76,59,.5);}body{flex-direction:column;}[class~=btn]{width:150pt;}body{align-items:center;}[class~=btn],[class~=btn]:hover{color:var(--button-text);}body{justify-content:center;}body{height:100vh;}[class~=btn]{padding-left:1.75em;}[class~=btn]{padding-bottom:.8em;}[class~=btn]{padding-right:1.75em;}[class~=btn]{padding-top:.8em;}[class~=btn]::after{content:"";}[class~=btn]{background-color:var(--button-background);}[class~=btn]{border-radius:6px;}[class~=btn]{border-left-width:.225pt;}body{margin-left:0;}[class~=btn]::after{display:block;}[class~=btn]{border-bottom-width:.225pt;}[class~=btn]{border-right-width:.225pt;}[class~=btn]{border-top-width:.225pt;}[class~=btn]{border-left-style:solid;}[class~=btn]{border-bottom-style:solid;}[class~=btn]{border-right-style:solid;}[class~=btn]{border-top-style:solid;}[class~=btn]{border-left-color:var(--button-background);}[class~=btn]{border-bottom-color:var(--button-background);}[class~=btn]::after{height:100%;}[class~=btn]{border-right-color:var(--button-background);}[class~=btn]{border-top-color:var(--button-background);}body{margin-bottom:0;}body{margin-right:0;}body{margin-top:0;}[class~=btn]{border-image:none;}[class~=btn]::after{width:100%;}[class~=btn]{transition:background-color .5s,color .5s;}[class~=btn]{position:relative;}[class~=btn],[class~=btn]{overflow:hidden;}body{background-image:url("https://4kwallpapers.com/images/wallpapers/macos-big-sur-apple-layers-fluidic-colorful-wwdc-stock-4096x2304-1455.jpg");}[class~=btn]{cursor:pointer;}body{background-size:cover;}[class~=btn]{z-index:1;}[class~=btn]::after{transform:skew(90deg) translate(-50%,-50%);}[class~=btn]{font-weight:bold;}[class~=btn]{font-weight:400;}body{background-position:center;}[class~=btn]{font-size:17px;}[class~=btn]{font-family:"San Francisco","Roboto","Segoe UI",sans-serif;}[class~=btn]:hover{background-color:var(--button-hover-background);}[class~=btn]{text-transform:uppercase;}[class~=btn]:active{filter:brightness(.7);}.watermark,[class~=btn]::after{position:absolute;}[class~=btn]:hover::after{transform:skew(45deg) translate(-50%,-50%);}body{backdrop-filter:blur(10px);}[class~=btn]{margin-bottom:10px;}[class~=btn]::after{inset:50%;}.watermark{bottom:7.5pt;}.watermark{left:50%;}.watermark{transform:translateX(-50%);}.watermark{background-color:rgba(255,62,162,0);}[class~=btn]:active{transform:scale(.98);}.watermark{box-shadow:0 0 7.5pt rgba(149,245,80,0);}[class~=btn]::after,[class~=btn]::before{left:25%;}body{display:flex;}body{flex-direction:column;}[class~=btn]::before,[class~=btn]::after{z-index:-1;}.watermark{padding-left:3.75pt;}.watermark{padding-bottom:.020833333in;}.watermark{padding-right:3.75pt;}[class~=watermark]:hover{box-shadow:0 0 .208333333in rgba(245,80,80,0);}body{align-items:center;}.watermark{padding-top:.020833333in;}body{justify-content:center;}.watermark{color:white;}body{height:100vh;}.watermark{font-size:.5pc;}.watermark{border-radius:2.25pt;}.watermark{text-align:left;}body{margin-left:0;}.watermark{text-shadow:.010416667in 1px .125pc rgba(0,0,0,0);}[class~=icon-container]{text-align:center;}[class~=icon-container]{margin-top:1.25pc;}[class~=btn]::before,[class~=btn]::after{transition:.5s ease-out;}[class~=icon-container]{position:relative;}[class~=btn]::before,[class~=btn]::after{background-color:var(--button-background);}[class~=qr-icon]{width:37.5pt;}[class~=qr-icon]{height:3.125pc;}[class~=qr-icon]{border-radius:25%;}[class~=qr-icon]{z-index:2;}[class~=animation-circle],[class~=btn]::before{position:absolute;}[class~=animation-circle]{top:0;}[class~=animation-circle]{left:0;}[class~=animation-circle]{width:200%;}[class~=animation-circle]{height:200%;}[class~=btn]::before{content:"";}body{margin-bottom:0;}body{margin-right:0;}body{margin-top:0;}[class~=animation-circle]{border-radius:10%;}[class~=btn]::before{display:block;}[class~=animation-circle]{background-color:white;}[class~=btn]::before{height:100%;}[class~=animation-circle]{opacity:.5;}[class~=btn]::before{width:100%;}[class~=btn]::before{transform:skew(90deg) translate(-50%,-50%);}[class~=animation-circle]{animation:pulse 5s infinite;}[class~=btn]::before{inset:50%;}body{background-color:black;}[class~=btn]::before{top:-50%;}[class~=btn]::before{left:-25%;}[class~=btn]::before{transform:skew(90deg) rotate(180deg) translate(-50%,-50%);}@keyframes pulse{0%{transform:scale(0);opacity:.7;}50%{transform:scale(1);opacity:0;}100%{transform:scale(0);opacity:.7;}}
</style>
</head>
<body>
<div class="icon-container">
<img src="https://tinyurl.com/24odlsqs" alt="QR Code Icon" class="qr-icon">
</div>
<button onclick="window.open(`/qr`)" class="btn">Qr Code</button>
<button onclick="window.open(`/pair`)" class="btn">Pair Code</button>
<button onclick="window.open(`https://github.com/whiteshadowofficial/Jessi-md/fork`)" class="btn">Frok Jessi</button>
<button onclick="window.open(`https://github.com/whiteshadowofficial/Jessi-md`)" class="btn">Bot Repo</button>
<button onclick="window.open(`https://chat.whatsapp.com/I1uZccqxoqx5sOPrYHsbyc`)" class="btn">Support GC</button>
<!-- HTML code -->
<a href="https://github.com/whiteshadowofficial" target="_blank">
<div class="watermark">
<p>© 2024 JessiMD. All rights reserved.</p>
</div>
</a>
</body>
</html>