[
  {
    "path": ".replit",
    "content": "entrypoint = \"index.js\"\n\nhidden = [\".config\"]\n\n[interpreter]\ncommand = [\n    \"prybar-nodejs\",\n    \"-q\",\n    \"--ps1\",\n    \"\\u0001\\u001b[33m\\u0002\\u0001\\u001b[00m\\u0002 \",\n    \"-i\"\n]\n\n[[hints]]\nregex = \"Error \\\\[ERR_REQUIRE_ESM\\\\]\"\nmessage = \"We see that you are using require(...) inside your code. We currently do not support this syntax. Please use 'import' instead when using external modules. (https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/import)\"\n\n[nix]\nchannel = \"stable-22_05\"\n\n[env]\nXDG_CONFIG_HOME = \"/home/runner/.config\"\nPATH = \"/home/runner/$REPL_SLUG/.config/npm/node_global/bin:/home/runner/$REPL_SLUG/node_modules/.bin\"\nnpm_config_prefix = \"/home/runner/$REPL_SLUG/.config/npm/node_global\"\n\n[gitHubImport]\nrequiredFiles = [\".replit\", \"replit.nix\", \".config\"]\n\n[packager]\nlanguage = \"nodejs\"\n\n  [packager.features]\n  packageSearch = true\n  guessImports = true\n  enabledForHosting = false\n\n[unitTest]\nlanguage = \"nodejs\"\n\n[debugger]\nsupport = true\n\n  [debugger.interactive]\n  transport = \"localhost:0\"\n  startCommand = [ \"dap-node\" ]\n\n    [debugger.interactive.initializeMessage]\n    command = \"initialize\"\n    type = \"request\"\n\n      [debugger.interactive.initializeMessage.arguments]\n      clientID = \"replit\"\n      clientName = \"replit.com\"\n      columnsStartAt1 = true\n      linesStartAt1 = true\n      locale = \"en-us\"\n      pathFormat = \"path\"\n      supportsInvalidatedEvent = true\n      supportsProgressReporting = true\n      supportsRunInTerminalRequest = true\n      supportsVariablePaging = true\n      supportsVariableType = true\n\n    [debugger.interactive.launchMessage]\n    command = \"launch\"\n    type = \"request\"\n    \n      [debugger.interactive.launchMessage.arguments]  \n      args = []\n      console = \"externalTerminal\"\n      cwd = \".\"\n      environment = []\n      pauseForSourceMap = false\n      program = \"./index.js\"\n      request = \"launch\"\n      sourceMaps = true\n      stopOnEntry = false\n      type = \"pwa-node\"\n\n[languages]\n\n[languages.javascript]\npattern = \"**/{*.js,*.jsx,*.ts,*.tsx}\"\n\n[languages.javascript.languageServer]\nstart = \"typescript-language-server --stdio\"\n"
  },
  {
    "path": "README.md",
    "content": "![image](https://user-images.githubusercontent.com/74746579/194707352-752e27cf-a5ee-4c7f-ba56-ef2772b1d977.png)\n\n\n<div align=\"center\">\n  <br>\n\n  <h3> Star the Project + Follow me on github </h3>\n\n <img src=\"https://user-images.githubusercontent.com/74746579/168328818-6995ed8d-915d-4083-9279-3d94e1d150c5.png\" alt=\"help to star\">\n </div>\n           \n\n# Information\n\n- Watch the video carefully for instalizaion\n- You can read the `README.md` file for configration\n- This code can be made any anyone who is poor in coding\n- If any coding help need then open the issue [ Dont ask coding help of this code in server ]\n- Last thing make sure to star & fork this repo\n\n\n### Replit\n[![image](https://camo.githubusercontent.com/807ef293459e367b2769d7b590e00f31e35d6b2e1c7bc4f570e37abbc3650f3c/68747470733a2f2f7265706c2e69742f62616467652f6769746875622f5a65726f446973636f72642f4769766561776179426f74)](https://repl.it/github/diwasatreya/DiscordBot-Website)\n\n## Configration\n\n- No need to add any token of discord just fill the `config.json`\n```js\n{\n  \"port\": \"\", // server port\n  \"name\": \"\", // bot name\n  \"description\": \"\", // short bot description\n  \"invite\": \"\", // bot invite link\n  \"support\": \"\", // bot support server\n  \"pfp\": \"\", // bot profile link\n  \"feature1\": \"\", // bot feature 1\n  \"feature2\": \"\", // \"\"   \"\" \"\"  2\n  \"feature3\": \"\", // \"\"   \"\" \"\"  3\n  \"feature4\": \"\"  // \"\"   \"\" \"\"  4\n}\n```\n- Footer: Goto `/views/index.ejs` line 419\n\n### Profile Picture\n- If you want image in circle then add `style=\"border-radius:50%\"` in `/views/index.ejs` line  126\n\n\n### URL ShortCut\n- Goto `index.js` line 23 there you will code of url shortner.\n- EX: yourdomain.com/discord then it will redirect you to your server\n- If you want to add more the use this code\n```js\napp.get('/name after domain', async (req, res) => {\n    res.redirect(`link to go`)\n});\n```\n\n### Website Preview\n\n![image](image.png)\n![image](image_2.png)\n\n\n#### More Code Info\n- This is `nodejs` code. It can be run in html code also for that open issue & ask help. If you are developer you know how to do it.\n\n### Need help?\nIf you need help! Feel free to join our [Support server](https://aromaxdev.xyz/discord)\n"
  },
  {
    "path": "assets/css/style.css",
    "content": "/*-----------------------------------*\\\n  #style.css\n\\*-----------------------------------*/\n\n/**\n * copyright 2022 diwasatreya\n * github: diwasatreya\n * youtube: Diwas Atreya\n */\n\n\n\n\n\n/*-----------------------------------*\\\n  #CUSTOM PROPERTY\n\\*-----------------------------------*/\n\n:root {\n\n  /**\n   * colors\n   */\n\n  --ultramarine-blue: hsl(222, 100%, 55%);\n  --silver-metallic: hsl(240, 4%, 71%);\n  --fiery-rose_12: hsla(354, 86%, 65%, 0.12);\n  --eerie-black-1: hsl(0, 0%, 13%);\n  --eerie-black-2: hsl(0, 0%, 12%);\n  --smokey-black: hsl(40, 100%, 2%);\n  --silver-sand: hsl(240, 4%, 76%);\n  --ocean-green: hsl(161, 50%, 57%);\n  --fiery-rose: hsl(354, 86%, 65%);\n  --alice-blue: hsl(214, 32%, 91%);\n  --davys-gray: hsl(0, 0%, 34%);\n  --blue-ryb: hsl(222, 100%, 45%);\n  --white_50: hsla(0, 0%, 100%, 0.5);\n  --white: hsl(0, 0%, 100%);\n  --onyx-1: hsl(0, 0%, 23%);\n  --onyx-2: hsl(0, 0%, 20%);\n\n  /**\n   * typography\n   */\n\n  --ff-poppins: 'Poppins', sans-serif;\n  --ff-open-sans: 'Open Sans', sans-serif;\n\n  --fs-1: calc(2.3rem + 2.1vw);\n  --fs-2: calc(2.1rem + 0.9vw);\n  --fs-3: calc(2rem + 0.3vw);\n  --fs-4: 2rem;\n  --fs-5: 1.8rem;\n  --fs-6: 1.5rem;\n  --fs-7: 1.4rem;\n  --fs-8: 1.3rem;\n  --fs-9: 1.2rem;\n\n  --fw-400: 400;\n  --fw-500: 500;\n  --fw-600: 600;\n  --fw-700: 700;\n  --fw-800: 800;\n\n  /**\n   * spacing\n   */\n\n  --section-padding: 120px;\n\n  /**\n   * shadow\n   */\n\n  --shadow: 0 10px 30px hsla(0, 0%, 0%, 0.1);\n\n  /**\n   * radius\n   */\n\n  --radius-pill: 500px;\n  --radius-circle: 50%;\n  --radius-5: 5px;\n  --radius-8: 8px;\n  --radius-16: 16px;\n\n  /**\n   * transition\n   */\n\n  --transition: 0.25s ease;\n  --cubic-in: cubic-bezier(0.51, 0.03, 0.64, 0.28);\n  --cubic-out: cubic-bezier(0.33, 0.85, 0.4, 0.96);\n\n}\n\n\n\n\n\n/*-----------------------------------*\\\n  #RESET\n\\*-----------------------------------*/\n\n*,\n*::before,\n*::after {\n  margin: 0;\n  padding: 0;\n  box-sizing: border-box;\n}\n\nli { list-style: none; }\n\na,\nimg,\nspan,\nbutton,\nion-icon { display: block; }\n\na {\n  color: inherit;\n  text-decoration: none;\n}\n\nimg { height: auto; }\n\ninput,\nbutton {\n  background: none;\n  border: none;\n  font: inherit;\n  color: inherit;\n}\n\ninput,\ntable { width: 100%; }\n\nbutton { cursor: pointer; }\n\nion-icon { pointer-events: none; }\n\nhtml {\n  font-family: var(--ff-open-sans);\n  font-size: 10px;\n  scroll-behavior: smooth;\n}\n\nbody {\n  background-color: var(--smokey-black);\n  color: var(--silver-sand);\n  font-size: 1.6rem;\n  line-height: 1.75;\n}\n\nbody.active { overflow-y: hidden; }\n\n:focus-visible { outline-offset: 4px; }\n\n::-webkit-scrollbar { width: 10px; }\n\n::-webkit-scrollbar-track { background-color: hsl(0, 0%, 98%); }\n\n::-webkit-scrollbar-thumb { background-color: hsl(0, 0%, 80%); }\n\n::-webkit-scrollbar-thumb:hover { background-color: hsl(0, 0%, 70%); }\n\n\n\n\n\n/*-----------------------------------*\\\n  #REUSED STYLE\n\\*-----------------------------------*/\n\n.container { padding-inline: 15px; }\n\n.h1,\n.h2,\n.h3 {\n  color: var(--white);\n  font-family: var(--ff-poppins);\n  line-height: 1.2;\n}\n\n.h1 {\n  font-size: var(--fs-1);\n  font-weight: var(--fw-800);\n}\n\n.h2 { font-size: var(--fs-2); }\n\n.h3 { font-size: var(--fs-5); }\n\n.btn-group {\n  display: flex;\n  align-items: center;\n  flex-wrap: wrap;\n  gap: 15px;\n}\n\n.btn {\n  max-width: max-content;\n  padding: var(--padding-y, 13px) 28px;\n  font-family: var(--ff-poppins);\n  font-weight: var(--fw-500);\n}\n\n.btn-primary {\n  color: var(--white);\n  background-color: var(--ultramarine-blue);\n  font-size: var(--fs-6);\n  border-radius: var(--radius-pill);\n  transition: var(--transition);\n}\n\n.btn-primary:is(:hover, :focus) { background-color: var(--blue-ryb); }\n\n.w-100 { width: 100%; }\n\n.section { padding-block: var(--section-padding); }\n\n.section-title { margin-block-end: 24px; }\n\n.text-center { text-align: center; }\n\n.grid-list {\n  display: grid;\n  gap: 30px;\n}\n\n.bg-gray { background-color: var(--eerie-black-1); }\n\n.btn-link {\n  display: flex;\n  align-items: center;\n  gap: 5px;\n  color: var(--white);\n  font-family: var(--ff-poppins);\n  font-size: var(--fs-6);\n  font-weight: var(--fw-500);\n}\n\n.btn-link > * { transition: var(--transition); }\n\n.btn-link:is(:hover, :focus) { color: var(--ultramarine-blue); }\n\n.btn-link:is(:hover, :focus) ion-icon { transform: translateX(5px); }\n\n\n\n\n\n/*-----------------------------------*\\\n  #HEADER\n\\*-----------------------------------*/\n\n.header .btn-group { display: none; }\n\n.header {\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  padding-block: 28px;\n  background-color: var(--smokey-black);\n  transition: var(--transition);\n  z-index: 4;\n}\n\n.header.active {\n  background-color: var(--eerie-black-1);\n  padding-block: 18px;\n  box-shadow: var(--shadow);\n}\n\n.header .container,\n.navbar-top {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}\n\n.nav-open-btn {\n  color: var(--white_50);\n  font-size: 30px;\n  transition: var(--transition);\n}\n\n.nav-open-btn:is(:hover, :focus) { color: var(--ultramarine-blue); }\n\n.navbar {\n  position: fixed;\n  background-color: var(--eerie-black-1);\n  color: var(--alice-blue);\n  top: 0;\n  right: -400px;\n  max-width: 400px;\n  width: 100%;\n  height: 100vh;\n  padding: 40px 16px;\n  z-index: 2;\n  visibility: hidden;\n  transition: 0.25s var(--cubic-in);\n}\n\n.navbar.active {\n  visibility: visible;\n  transform: translateX(-400px);\n  transition: 0.5s var(--cubic-out);\n}\n\n.navbar-top { margin-block-end: 30px; }\n\n.nav-close-btn {\n  background-color: var(--fiery-rose_12);\n  color: var(--fiery-rose);\n  font-size: 20px;\n  padding: 5px;\n  border-radius: var(--radius-circle);\n}\n\n.nav-close-btn ion-icon { --ionicon-stroke-width: 45px; }\n\n.navbar-link {\n  font-family: var(--ff-poppins);\n  font-size: var(--fs-6);\n  padding: 8px 16px;\n  transition: var(--transition);\n}\n\n.navbar-link:is(:hover, :focus) { color: var(--ultramarine-blue); }\n\n.overlay {\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100vw;\n  height: 100vh;\n  background-color: var(--smokey-black);\n  transition: var(--transition);\n  pointer-events: none;\n  opacity: 0;\n  visibility: hidden;\n}\n\n.overlay.active {\n  pointer-events: all;\n  opacity: 0.75;\n  visibility: visible;\n}\n\n\n\n\n\n/*-----------------------------------*\\\n  #HERO\n\\*-----------------------------------*/\n\n.hero { padding-block-start: calc(var(--section-padding) + 50px); }\n\n.hero .container {\n  display: grid;\n  gap: 70px;\n}\n\n.hero-text {\n  font-size: var(--fs-4);\n  margin-block: 10px 50px;\n}\n\n.play-btn {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  font-size: var(--fs-7);\n  font-family: var(--ff-poppins);\n  font-weight: var(--fw-500);\n  transition: var(--transition);\n}\n\n.play-btn .icon {\n  width: 40px;\n  height: 40px;\n  display: grid;\n  place-items: center;\n  border: 2px solid var(--white);\n  border-radius: var(--radius-circle);\n  transition: var(--transition);\n}\n\n.play-btn .span {\n  color: var(--silver-metallic);\n  transition: var(--transition);\n}\n\n.play-btn:is(:hover, :focus) .span { color: var(--white); }\n\n.play-btn:is(:hover, :focus) .icon {\n  background-color: var(--white);\n  color: var(--ultramarine-blue);\n}\n\n\n\n\n\n/*-----------------------------------*\\\n  #PROMO\n\\*-----------------------------------*/\n\n.promo .section-text {\n  padding-inline: 8px;\n  margin-block-end: 50px;\n}\n\n.promo-card {\n  border-radius: var(--radius-5);\n  padding: 40px 25px;\n}\n\n.promo-card .card-icon {\n  background-color: var(--onyx-1);\n  color: var(--white);\n  width: max-content;\n  font-size: 24px;\n  padding: 20px;\n  border-radius: var(--radius-circle);\n  margin-block-end: 20px;\n}\n\n.promo-card .card-icon ion-icon { --ionicon-stroke-width: 50px; }\n\n.promo-card .card-text {\n  color: var(--alice-blue);\n  margin-block: 20px 16px;\n}\n\n\n\n\n\n/*-----------------------------------*\\\n  #STATS\n\\*-----------------------------------*/\n\n.stats .container {\n  display: grid;\n  gap: 50px;\n}\n\n.stats .section-text:last-of-type { margin-block: 16px; }\n\n.stats-list {\n  display: grid;\n  gap: 15px;\n}\n\n.stats-card {\n  padding: 17px;\n  border-radius: var(--radius-5);\n}\n\n.stats-card .card-title {\n  font-size: var(--fs-3);\n  margin-block-end: 10px;\n}\n\n.stats-card .card-text {\n  font-size: var(--fs-7);\n  color: var(--alice-blue);\n}\n\n\n\n\n\n/*-----------------------------------*\\\n  #MARKET\n\\*-----------------------------------*/\n\n.market .section-text { margin-block-end: 24px; }\n\n.table-container {\n  overflow-x: auto;\n  padding-block-end: 15px;\n}\n\n.table-container::-webkit-scrollbar { height: 10px; }\n\n.table-container::-webkit-scrollbar-track { background-color: var(--eerie-black-2); }\n\n.table-container::-webkit-scrollbar-thumb { background-color: var(--davys-gray); }\n\n.table-container::-webkit-scrollbar-button { width: 15px; }\n\n.market-table {\n  background-color: var(--eerie-black-2);\n  border-collapse: collapse;\n}\n\n.table-head { background-color: var(--onyx-2); }\n\n.table-heading {\n  color: var(--white);\n  font-size: var(--fs-7);\n  font-weight: var(--fw-600);\n  text-align: left;\n  padding: 16px 30px;\n}\n\n.table-body .table-row:not(:last-child) { border-block-end: 1px dashed var(--davys-gray); }\n\n.table-data { padding: 12px 30px; }\n\n.table-data.wrapper {\n  display: flex;\n  align-items: flex-start;\n  gap: 16px;\n}\n\n.table-data.wrapper img { width: 30px; }\n\n.table-data .coin-name {\n  font-size: var(--fs-6);\n  font-weight: var(--fw-600);\n  margin-block-end: 5px;\n}\n\n.table-data .span { font-size: var(--fs-8); }\n\n.table-data:not(.wrapper) {\n  vertical-align: top;\n  font-size: var(--fs-7);\n}\n\n.table-data .wrapper-flex {\n  display: flex;\n  align-items: center;\n  gap: 5px;\n}\n\n.table-data .icon { font-size: 12px; }\n\n.table-data .icon.red { color: var(--fiery-rose); }\n\n.table-data .icon.green { color: var(--ocean-green); }\n\n\n\n\n\n/*-----------------------------------*\\\n  #CTA\n\\*-----------------------------------*/\n\n.cta .btn-primary {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  gap: 5px;\n  margin-inline: auto;\n  margin-block-start: 30px;\n}\n\n\n\n\n\n/*-----------------------------------*\\\n  #INSTRUCTION\n\\*-----------------------------------*/\n\n.instruction .section-text { margin-block-end: 50px; }\n\n.instruction-card {\n  padding: 30px;\n  border-radius: var(--radius-8);\n}\n\n.instruction-card .card-icon {\n  background-color: var(--smokey-black);\n  width: 50px;\n  height: 50px;\n  display: grid;\n  place-items: center;\n  border-radius: var(--radius-circle);\n  margin-block-end: 15px;\n}\n\n\n\n\n\n/*-----------------------------------*\\\n  #APP\n\\*-----------------------------------*/\n\n.app-card {\n  padding: 25px;\n  border-radius: var(--radius-16);\n  display: grid;\n  gap: 50px;\n}\n\n.app-card .section-text { margin-block-end: 25px; }\n\n.app-card .btn-primary {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  border: 2px solid var(--ultramarine-blue);\n  --padding-y: 10px;\n}\n\n.app-card .btn-primary ion-icon { font-size: 25px; }\n\n.app-card :is(.btn-text, .btn-title) { font-family: var(--ff-open-sans); }\n\n.app-card .btn-text {\n  font-size: var(--fs-9);\n  font-weight: var(--fw-400);\n  line-height: 1;\n}\n\n.app-card .btn-primary:is(:hover, :focus) { background-color: transparent; }\n\n.app-card .btn-title { font-weight: var(--fw-600); }\n\n\n\n\n\n/*-----------------------------------*\\\n  #FOOTER\n\\*-----------------------------------*/\n\n.footer {\n  text-align: center;\n  color: var(--alice-blue);\n}\n\n.footer .logo {\n  max-width: max-content;\n  margin-inline: auto;\n  margin-block-end: 30px;\n}\n\n.footer-list {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  align-items: center;\n  gap: 10px 30px;\n  margin-block: 54px 50px;\n}\n\n.footer-link {\n  color: var(--white);\n  font-weight: var(--fw-600);\n  padding-block-end: 4px;\n  border-block-end: 2px solid transparent;\n  transition: var(--transition);\n}\n\n.footer-link:is(:hover, :focus) { border-color: var(--ultramarine-blue); }\n\n.social-list-title {\n  font-size: var(--fs-3);\n  font-weight: var(--fw-700);\n  margin-block-end: 24px;\n}\n\n.social-list {\n  display: flex;\n  justify-content: center;\n  gap: 10px;\n}\n\n.social-link {\n  background-color: var(--eerie-black-1);\n  color: var(--white);\n  font-size: 18px;\n  padding: 16px;\n  border-radius: var(--radius-circle);\n  transition: var(--transition);\n}\n\n.social-link:is(:hover, :focus) { background-color: var(--ultramarine-blue); }\n\n.footer-bottom {\n  border-block-start: 1px solid var(--eerie-black-2);\n  padding-block: 16px;\n}\n\n.copyright {\n  line-height: 1.3;\n  margin-block-end: 16px;\n}\n\n.footer-bottom-list {\n  display: flex;\n  justify-content: center;\n  gap: 20px;\n}\n\n\n\n\n\n/*-----------------------------------*\\\n  #MEDIA QUERIES\n\\*-----------------------------------*/\n\n/**\n * responsive for large than 575px screen\n */\n\n@media (min-width: 575px) {\n\n  /**\n   * REUSED STYLE\n   */\n\n  .container {\n    max-width: 540px;\n    width: 100%;\n    margin-inline: auto;\n  }\n\n\n\n  /**\n   * APP\n   */\n\n  .app-card .card-banner {\n    max-width: max-content;\n    margin-inline: auto;\n  }\n\n}\n\n\n\n\n\n/**\n * responsive for large than 768px screen\n */\n\n@media (min-width: 768px) {\n\n  /**\n   * REUSED STYLE\n   */\n\n  .container { max-width: 720px; }\n\n  .grid-list { grid-template-columns: 1fr 1fr; }\n\n\n\n  /**\n   * HEADER\n   */\n\n  .header .btn-group {\n    display: flex;\n    margin-inline: auto 30px;\n  }\n\n  .ghost-btn {\n    color: var(--alice-blue);\n    font-size: var(--fs-6);\n    transition: var(--transition);\n  }\n\n  .ghost-btn:is(:hover, :focus) { color: var(--ultramarine-blue); }\n\n  .header .btn-primary { border-radius: var(--radius-5); }\n\n\n\n  /**\n   * STATS\n   */\n\n  .stats-list {\n    grid-template-columns: repeat(3, 1fr);\n    gap: 25px;\n  }\n\n\n  /**\n   * APP\n   */\n\n  .app-card { padding: 50px; }\n\n\n\n  /**\n   * FOOTER\n   */\n\n  .footer-bottom { padding-block: 26px; }\n\n  .footer-bottom .container {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n  }\n\n  .copyright { margin-block-end: 0; }\n\n}\n\n\n\n\n\n/**\n * responsive for large than 992px screen\n */\n\n@media (min-width: 992px) {\n\n  /**\n   * REUSED STYLE\n   */\n\n  .container { max-width: 960px; }\n\n  .grid-list { grid-template-columns: repeat(3, 1fr); }\n\n  :is(.section-title, .section-text).text-center { margin-inline: auto; }\n\n  .section-text.text-center { max-width: 60ch; }\n\n  .section-title.text-center { max-width: 30ch; }\n\n\n\n  /**\n   * HERO\n   */\n\n  .hero .container {\n    grid-template-columns: 0.8fr 1fr;\n    align-items: center;\n    gap: 25px;\n  }\n\n\n\n  /**\n   * STATS\n   */\n\n  .stats .container {\n    grid-template-columns: 1fr 1fr;\n    align-items: center;\n  }\n\n\n\n  /**\n   * INSTRUCTION\n   */\n\n  .instruction .grid-list { grid-template-columns: repeat(4, 1fr); }\n\n\n\n  /**\n   * APP\n   */\n\n  .app-card {\n    grid-template-columns: 1fr 1fr;\n    align-items: center;\n  }\n\n\n\n  /**\n   * FOOTER\n   */\n\n  .footer-top .container { max-width: 580px; }\n\n  .footer-list { column-gap: 60px; }\n\n}\n\n\n\n\n\n/**\n * responsive for large than 1200px screen\n */\n\n@media (min-width: 1200px) {\n\n  /**\n   * REUSED STYLE\n   */\n\n  .container { max-width: 1140px; }\n\n\n\n  /**\n   * HEADER\n   */\n\n  .nav-open-btn,\n  .navbar-top { display: none; }\n\n  .navbar {\n    all: unset;\n    display: block;\n    margin-inline: auto;\n  }\n\n  .navbar-list { display: flex; }\n\n  .navbar-link { font-weight: var(--fw-600); }\n\n  .header .btn-group { margin-inline: 0; }\n\n\n\n  /**\n   * APP\n   */\n\n  .app-card { padding-inline: 80px; }\n\n}\n\n\n/* Thanks to codewithsadee for the code layout */"
  },
  {
    "path": "assets/js/script.js",
    "content": "'use strict';\n\n\n\n/**\n * add event on element\n */\n\nconst addEventOnElem = function (elem, type, callback) {\n  if (elem.length > 1) {\n    for (let i = 0; i < elem.length; i++) {\n      elem[i].addEventListener(type, callback);\n    }\n  } else {\n    elem.addEventListener(type, callback);\n  }\n}\n\n\n\n/**\n * navbar toggle\n */\n\nconst navbar = document.querySelector(\"[data-navbar]\");\nconst navTogglers = document.querySelectorAll(\"[data-nav-toggler]\");\nconst overlay = document.querySelector(\"[data-overlay]\");\n\nconst toggleNavbar = function () {\n  navbar.classList.toggle(\"active\");\n  overlay.classList.toggle(\"active\");\n  document.body.classList.toggle(\"active\");\n}\n\naddEventOnElem(navTogglers, \"click\", toggleNavbar);\n\n\n\n/**\n * active header when window scroll down to 100px\n */\n\nconst header = document.querySelector(\"[data-header]\");\n\nconst activeElemOnScroll = function () {\n  if (window.scrollY > 100) {\n    header.classList.add(\"active\");\n  } else {\n    header.classList.remove(\"active\");\n  }\n}\n\naddEventOnElem(window, \"scroll\", activeElemOnScroll);"
  },
  {
    "path": "config.json",
    "content": "{\n  \"port\": \"8000\",\n  \"name\": \"Recluse Bot\",\n  \"description\": \"Recluse is the only Discord bot you'll ever need. It has powerfull latest features which can manage discord server. It contains latest discord features like buttons, forms, menu, etc\",\n  \"invite\": \"https://discord.com/oauth2/authorize?scope=bot+applications.commands&client_id=235148962103951360&permissions=37088600\",\n  \"support\": \"https://discord.gg/whJeF4mDAX\",\n  \"pfp\": \"https://cdn.discordapp.com/attachments/1027603800153919600/1028236433439338496/1665221033192.png\",\n  \"feature1\": \"Music, It can play different kind of music from different platforms like spotify, apple, etc.\",\n  \"feature2\": \"Moderation, It has many moderation command with latest discord fetures like timeout.\",\n  \"feature3\": \"Anime, It contain anime commands where you can get information of chatacters, find images.\",\n  \"feature4\": \"Ticket, It is very easy to pull the ticket and close it. It has buttons to make more easy to use.\"\n}"
  },
  {
    "path": "index.js",
    "content": "const express = require('express')\nconst app = express()\napp.set('view engine', 'ejs');\napp.set('views', __dirname + '/views',);\nconst { name, description, invite, support, pfp, feature1, feature2, feature3, feature4 } = require(\"./config.json\")\nconst port = 8000\napp.listen(port, () => {\n  console.log(`Website is working `)\n})\n\napp.use(express.static(\"assets\"));\n// 35.186.245.55\n\napp.get('/', (req, res) => {\n \n        res.render(\"index\", {name: name, description: description, invite: invite, support: support, pfp: pfp, f1: feature1, f2: feature2, f3: feature3, f4: feature4});\n\n});\n\n\n\n// SOCIAL LINKS [Diwas Atreya]\napp.get('/discord', async (req, res) => {\n    res.redirect(support)\n});\n\napp.get('/server', async (req, res) => {\n    res.redirect(support)\n});\n\napp.get('/youtube', async (req, res) => {\n    res.redirect(`https://www.youtube.com/c/Kp18Gamer`)\n});\n\napp.get('/invite', async (req, res) => {\n    res.redirect(invite)\n});\n\napp.get('/github', async (req, res) => {\n    res.redirect(`https://github.com/diwasatreya`)\n});\n\napp.get('/git', async (req, res) => {\n    res.redirect(`https://github.com/diwasatreya`)\n});\n\napp.get('/instagram', async (req, res) => {\n    res.redirect(`https://www.instagram.com/atreyadiwas/`)\n});\n\napp.get('/ig', async (req, res) => {\n    res.redirect(`https://www.instagram.com/atreyadiwas/`)\n});\n\napp.get('/twitter', async (req, res) => {\n    res.redirect(`https://www.instagram.com/atreyadiwas/`)\n});\n\napp.get('/reddit', async (req, res) => {\n    res.redirect(`https://www.reddit.com/r/programmingwithmemes`)\n});\n"
  },
  {
    "path": "package.json",
    "content": "{\n  \"name\": \"Discord Bot Website\",\n  \"version\": \"1.0.0\",\n  \"description\": \"\",\n  \"main\": \"index.js\",\n  \"scripts\": {\n    \"test\": \"echo \\\"Error: no test specified\\\" && exit 1\"\n  },\n  \"keywords\": [],\n  \"author\": \"\",\n  \"license\": \"ISC\",\n  \"dependencies\": {\n    \"@types/node\": \"^18.0.6\",\n    \"ejs\": \"^3.1.8\",\n    \"express\": \"^4.18.1\",\n    \"node-fetch\": \"^3.2.6\"\n  },\n  \"devDependencies\": {\n    \"nodemon\": \"^2.0.20\"\n  }\n}\n"
  },
  {
    "path": "replit.nix",
    "content": "{ pkgs }: {\n\tdeps = [\n\t\tpkgs.nodejs-16_x\n        pkgs.nodePackages.typescript-language-server\n        pkgs.yarn\n        pkgs.replitPackages.jest\n\t];\n}\n"
  },
  {
    "path": "views/index.ejs",
    "content": "<!DOCTYPE html>\n<html lang=\"en\">\n\n<head>\n  <meta charset=\"UTF-8\">\n  <meta http-equiv=\"X-UA-Compatible\" content=\"IE=edge\">\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n\n  <!-- \n    - primary meta tags\n  -->\n  <title><%= name %></title>\n  <meta name=\"title\" content=\"<%= description %>\">\n  <meta name=\"description\" content=\"Github: diwasatreya\">\n\n  <!-- \n    - favicon\n  -->\n  <link rel=\"shortcut icon\" href=\"<%= pfp %>\" type=\"image/svg+xml\">\n\n  <!-- \n    - custom css link\n  -->\n  <link rel=\"stylesheet\" href=\"/css/style.css\">\n\n  <!-- \n    - google font link\n  -->\n  <link rel=\"preconnect\" href=\"https://fonts.googleapis.com\">\n  <link rel=\"preconnect\" href=\"https://fonts.gstatic.com\" crossorigin>\n  <link\n    href=\"https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;500;600;700&family=Poppins:wght@400;500;600;700;800&display=swap\"\n    rel=\"stylesheet\">\n\n  <!-- \n    - preload images\n  -->\n  <link rel=\"preload\" as=\"image\" href=\"/images/hero-banner.png\">\n\n</head>\n\n<body>\n\n  <!-- \n    - #HEADER\n  -->\n\n  <header class=\"header\" data-header>\n    <div class=\"container\">\n\n      <a href=\"#\" class=\"logo\"><h1 style=\"color:#FFFFFF;\" ><%= name %></h1>\n      \n      </a>\n\n      <nav class=\"navbar\" data-navbar>\n\n        <div class=\"navbar-top\">\n\n          <a href=\"#\" class=\"logo\"><h2><%= name %></h2>\n        \n          </a>\n\n          <button class=\"nav-close-btn\" aria-label=\"close menu\" data-nav-toggler>\n            <ion-icon name=\"close-outline\" aria-hidden=\"true\"></ion-icon>\n          </button>\n\n        </div>\n\n        <ul class=\"navbar-list\">\n\n          <li>\n            <a href=\"#\" class=\"navbar-link\">Home</a>\n          </li>\n\n          <li>\n            <a href=\"#service\" class=\"navbar-link\">Services</a>\n          </li>\n\n          <li>\n            <a href=\"#stat\" class=\"navbar-link\">Stats</a>\n          </li>\n\n          <li>\n            <a href=\"#feature\" class=\"navbar-link\">Features</a>\n          </li>\n\n          <li>\n            <a href=\"/server\" class=\"navbar-link\">Server</a>\n          </li>\n\n        </ul>\n\n      </nav>\n\n      <div class=\"btn-group\">\n      \n\n        <a href=\"<%= invite %>\" class=\"btn btn-primary\">Invite Bot</a>\n      </div>\n\n      <button class=\"nav-open-btn\" aria-label=\"open menu\" data-nav-toggler>\n        <ion-icon name=\"menu-outline\" aria-hidden=\"true\"></ion-icon>\n      </button>\n\n      <div class=\"overlay\" data-overlay data-nav-toggler></div>\n\n    </div>\n  </header>\n\n\n\n\n\n  <main>\n    <article>\n\n      <!-- \n        - #HERO\n      -->\n\n      <section class=\"hero\" aria-label=\"home\">\n        <div class=\"container\">\n\n <div class=\"hero-banner\">\n            <figure class=\"hero-banner\">\n              <img src=\"<%= pfp %>\" width=\"799\" height=\"823\" alt=\"hero banner\" class=\"w-100\">\n            </figure>\n          </div>\n          <div class=\"hero-content\">\n\n            <h1 class=\"h1 hero-title\">Perfect Discord Bot</h1>\n\n            <p class=\"hero-text\">\n              <%= description %>\n            </p>\n\n            <div class=\"btn-group\">\n              <a href=\"/invite\" class=\"btn btn-primary\">Invite Bot</a>\n\n              <a href=\"#\" class=\"play-btn\">\n                <div class=\"icon\">\n                  <ion-icon name=\"logo-discord\" aria-hidden=\"true\"></ion-icon>\n                </div>\n\n                <span class=\"span\"><a href=\"/server\">Support Server</a></span>\n              </a>\n            </div>\n\n          </div>\n\n         \n\n        </div>\n      </section>\n\n\n\n\n\n      <!-- \n        - #PROMO\n      -->\n\n      <section class=\"section promo\" aria-label=\"promo\">\n        <div class=\"container\" id=\"service\">\n\n          <h2 class=\"h2 section-title text-center\">What Bot Offers?</h2>\n\n          <p class=\"section-text text-center\">\n          It was made under Discord TOS & this bot follows all the policies of Discord\n          </p>\n\n          <ul class=\"grid-list\">\n\n            <li>\n              <div class=\"promo-card bg-gray\">\n\n                <div class=\"card-icon\">\n                  <ion-icon name=\"code-slash-outline\" aria-hidden=\"true\"></ion-icon>\n                </div>\n\n                <h3 class=\"h3 card-title\">Slash Command</h3>\n\n                <p class=\"card-text\">\n                 Recently we have moved to slash command. / is used in very command of this bot\n                </p>\n\n                <a href=\"https://discord.com/blog/slash-commands-are-here\" class=\"btn-link\">\n                  <span class=\"span\">Explore More</span>\n\n                  <ion-icon name=\"arrow-forward\" aria-hidden=\"true\"></ion-icon>\n                </a>\n\n              </div>\n            </li>\n\n            <li>\n              <div class=\"promo-card bg-gray\">\n\n                <div class=\"card-icon\">\n                  <ion-icon name=\"cog-outline\" aria-hidden=\"true\"></ion-icon>\n                </div>\n\n                <h3 class=\"h3 card-title\">Discord Buttons</h3>\n\n                <p class=\"card-text\">\n                 To make bot more reliable we have add buttons in this bot which makes you work easier\n                </p>\n\n                <a href=\"https://discordjs.guide/interactions/buttons.html#building-and-sending-buttons\" class=\"btn-link\">\n                  <span class=\"span\">Explore More</span>\n\n                  <ion-icon name=\"arrow-forward\" aria-hidden=\"true\"></ion-icon>\n                </a>\n\n              </div>\n            </li>\n\n            <li>\n              <div class=\"promo-card bg-gray\">\n\n                <div class=\"card-icon\">\n                  <ion-icon name=\"shield-checkmark-outline\" aria-hidden=\"true\"></ion-icon>\n                </div>\n\n                <h3 class=\"h3 card-title\">Trusted Security</h3>\n\n                <p class=\"card-text\">\n                  All the data of the user are kept in safe place. In case to remove the data you can contact as any time\n                </p>\n\n                <a href=\"https://www.mongodb.com/\" class=\"btn-link\">\n                  <span class=\"span\">Explore More</span>\n\n                  <ion-icon name=\"arrow-forward\" aria-hidden=\"true\"></ion-icon>\n                </a>\n\n              </div>\n            </li>\n\n          </ul>\n\n        </div>\n      </section>\n\n\n\n\n\n      <!-- \n        - #STATS\n      -->\n\n      <section class=\"stats\" aria-label=\"statistics\">\n        <div class=\"container\" id=\"stat\">\n\n          <div class=\"stats-content\">\n\n            <h2 class=\"h2 section-title\">Our Bot is in all over the Worldwide Coverage</h2>\n\n            <p class=\"section-text\">\n             Our developers worked very hard on this bot & we archive many things. Thanks to all the servers and users for using this bot\n            </p>\n\n            <p class=\"section-text\">\n             This bot was choosed by many servers they like the features of this bot. We have got many positive reviews on our bot\n            </p>\n\n            <ul class=\"stats-list\">\n\n              <li>\n                <div class=\"stats-card bg-gray\">\n\n                  <h3 class=\"h3 card-title\">150k+</h3>\n\n                  <p class=\"card-text\">\n                    Total Users\n                  </p>\n\n                </div>\n              </li>\n\n              <li>\n                <div class=\"stats-card bg-gray\">\n\n                  <h3 class=\"h3 card-title\">45k</h3>\n\n                  <p class=\"card-text\">\n                  Total Servers\n                  </p>\n\n                </div>\n              </li>\n\n              <li>\n                <div class=\"stats-card bg-gray\">\n\n                  <h3 class=\"h3 card-title\">16k+</h3>\n\n                  <p class=\"card-text\">\n                    Total Votes\n                  </p>\n\n                </div>\n              </li>\n\n            </ul>\n\n          </div>\n\n          <figure class=\"stats-banner\">\n            <img src=\"/images/stats-banner.png\" width=\"797\" height=\"454\" alt=\"map\" class=\"w-100\">\n          </figure>\n\n        </div>\n      </section>\n\n\n\n\n\n\n\n      <!-- \n        - #INSTRUCTION\n      -->\n\n      <section class=\"section instruction\" aria-label=\"instruction\">\n        <div class=\"container\" id=\"feature\">\n\n          <h2 class=\"h2 section-title text-center\">Features of Bot</h2>\n\n          <p class=\"section-text text-center\">\n           <%= name %> has many features but here are some main features of this bot.\n          </p>\n\n          <ul class=\"grid-list\">\n\n            <li>\n              <div class=\"instruction-card bg-gray\">\n\n                <div class=\"card-icon\">\n                  <ion-icon name=\"musical-notes-sharp\"></ion-icon>\n                </div>\n\n                <p class=\"card-text\">\n                <%= f1 %>\n                </p>\n\n              </div>\n            </li>\n\n            <li>\n              <div class=\"instruction-card bg-gray\">\n\n                <div class=\"card-icon\">\n                  <ion-icon name=\"hammer-sharp\"></ion-icon>\n                </div>\n\n                <p class=\"card-text\">\n                 <%= f2 %>\n                </p>\n\n              </div>\n            </li>\n\n            <li>\n              <div class=\"instruction-card bg-gray\">\n\n                <div class=\"card-icon\">\n                  <ion-icon name=\"happy-outline\"></ion-icon>\n                </div>\n\n                <p class=\"card-text\">\n                 <%= f3 %>\n                </p>\n\n              </div>\n            </li>\n\n            <li>\n              <div class=\"instruction-card bg-gray\">\n\n                <div class=\"card-icon\">\n                  <ion-icon name=\"ticket-sharp\"></ion-icon>\n                </div>\n\n                <p class=\"card-text\">\n                  <%= f4 %>\n                </p>\n\n              </div>\n            </li>\n\n          </ul>\n\n        </div>\n      </section>\n\n\n\n\n\n\n\n\n  <!-- \n    - #FOOTER\n  -->\n\n  <footer class=\"footer\">\n\n  \n\n    <div class=\"footer-bottom\">\n      <div class=\"container\">\n\n        <p class=\"copyright\">\n          Copyright diwasatreya 2022. All rights reserved.\n        </p>\n\n        <ul class=\"footer-bottom-list\">\n\n          <li>\n            <a href=\"#\" class=\"footer-bottom-link\">Support</a>\n          </li>\n\n          <li>\n            <a href=\"#\" class=\"footer-bottom-link\">Privacy Policy</a>\n          </li>\n\n        </ul>\n\n      </div>\n    </div>\n\n  </footer>\n\n\n<!-- Github: diwasatreya -->\n\n\n  <!-- \n    - custom js link\n  -->\n  <script src=\"/js/script.js\" defer></script>\n\n  <!-- \n    - ionicon-link\n  -->\n  <script type=\"module\" src=\"https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.esm.js\"></script>\n  <script nomodule src=\"https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.js\"></script>\n\n</body>\n\n</html>\n"
  }
]