2021-12-22 18:40:46 +01:00
|
|
|
import Head from "next/head";
|
2021-12-22 19:05:07 +01:00
|
|
|
import Script from "next/script";
|
2021-12-22 18:40:46 +01:00
|
|
|
|
|
|
|
|
export default function Home() {
|
|
|
|
|
return (
|
|
|
|
|
<div>
|
|
|
|
|
<Head>
|
2021-12-22 19:05:07 +01:00
|
|
|
<title>Roles Bot</title>
|
|
|
|
|
<link rel="icon" href="logo.ico" />
|
2021-12-22 18:40:46 +01:00
|
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.3.1/styles/default.min.css" />
|
|
|
|
|
</Head>
|
|
|
|
|
<section className="flex-container">
|
|
|
|
|
<div className="container animate__animated animate__fadeIn">
|
|
|
|
|
<h1>Generate</h1>
|
|
|
|
|
<form>
|
|
|
|
|
<input placeholder="Your Message" name="message" id="message"/><br />
|
|
|
|
|
<input placeholder="Channel Id" name="channel" id="channel"/>
|
|
|
|
|
</form>
|
|
|
|
|
<button id="addRole">Add Role</button>
|
|
|
|
|
<button id="buttonCopy">Copy</button>
|
|
|
|
|
<pre className={`hljs language-json copy`} id="jsonPre"><code id="json" className="code"></code></pre>
|
|
|
|
|
</div>
|
|
|
|
|
</section>
|
|
|
|
|
|
2021-12-22 19:05:07 +01:00
|
|
|
<Script src="https://kit.fontawesome.com/5acf4d9e80.js" crossOrigin="anonymous"></Script>
|
|
|
|
|
<Script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></Script>
|
|
|
|
|
<Script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.3.1/highlight.min.js"></Script>
|
|
|
|
|
<Script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></Script>
|
|
|
|
|
<Script src="script.js"></Script>
|
|
|
|
|
<Script id='hljs'>hljs.initHighlightingOnLoad();</Script>
|
2021-12-22 18:40:46 +01:00
|
|
|
</div>
|
|
|
|
|
)
|
|
|
|
|
}
|
