Spaces:

wudysoft
/

card

Paused

App Files Files Community

wudysoft commited on Nov 27, 2024

Commit

13e582b

verified ·

1 Parent(s): 8c7d831

Update app.js

Browse files

Files changed (1) hide show

app.js +720 -391

app.js CHANGED Viewed

@@ -13,196 +13,746 @@ const config = {
     userAgent: 'Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/120.0.0.0 Safari/537.36'
 };
-let browser, page;
-const utils = {
-    async initialize() {
-        if (!browser) {
-            browser = await chromium.launch({ headless: true });
-            const context = await browser.newContext({
-                viewport: config.viewport,
-                userAgent: config.userAgent
-            });
-            await context.route('**/*', (route) => {
-                const url = route.request().url();
-                if (url.endsWith('.png') || url.endsWith('.jpg') || url.includes('google-analytics')) {
-                    return route.abort();
-                }
-                route.continue();
-            });
-            page = await context.newPage();
-            await page.goto('https://www.bratgenerator.com/', { waitUntil: 'domcontentloaded', timeout: 10000 });
-            try {
-                await page.click('#onetrust-accept-btn-handler', { timeout: 2000 });
-            } catch { }
-            await page.evaluate(() => setupTheme('white'));
-        }
-    },
-    async generateBrat(text) {
-        await page.fill('#textInput', text);
-        const overlay = page.locator('#textOverlay');
-        return overlay.screenshot({ timeout: 3000 });
-    },
-    async close() {
-        if (browser) await browser.close();
-    }
-};
-const app = express();
-app.use(express.json());
-app.use(cors());
-app.get('/', (req, res) => {
-  res.send('<h1>Welcome to the Web Scraping API</h1>');
-});
-app.get('/brat', async (req, res) => {
-    try {
-        const { text: q } = req.query;
-        if (!q) {
-            return res.json({
-                name: 'HD Bart Generator API',
-                message: 'Parameter text di perlukan',
-                version: '2.1.0',
-                runtime: {
-                    os: os.type(),
-                    platform: os.platform(),
-                    architecture: os.arch(),
-                    cpuCount: os.cpus().length,
-                    uptime: `${os.uptime()} seconds`,
-                    memoryUsage: `${Math.round((os.totalmem() - os.freemem()) / 1024 / 1024)} MB used of ${Math.round(os.totalmem() / 1024 / 1024)} MB`
-                }
-            });
-        }
-        const imageBuffer = await utils.generateBrat(q);
-        res.set('Content-Type', 'image/png');
-        res.send(imageBuffer);
-    } catch (error) {
-        console.error(error);
-        res.status(500).json({
-            status: false,
-            message: 'Error generating image',
-            error: process.env.NODE_ENV === 'development' ? error.message : undefined
-        });
-    }
-});
-app.get('/screenshot', async (req, res) => {
-  const { url } = req.query;
-  if (!url) {
-    return res.status(400).send('URL is required');
-  }
-  try {
-    const browser = await chromium.launch();
-    const page = await browser.newPage();
-    await page.goto(url);
-    const screenshotBuffer = await page.screenshot();
-    await browser.close();
-    res.type('image/png').send(screenshotBuffer);
-  } catch (error) {
-    res.status(500).send('Internal Server Error');
-  }
-});
-function generateRandomString(length) {
-    const characters = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789';
-    let result = '';
-    for (let i = 0; i < length; i++) {
-        result += characters.charAt(Math.floor(Math.random() * characters.length));
-    }
-    return result;
 }
-class MicrosoftBingAutoLogin {
-    constructor(bing_account, bing_password) {
-        console.log('Initializing auto login for Microsoft Bing ...');
-        this.bing_account = bing_account;
-        this.bing_password = bing_password;
-        this.init();
-    }
-    async init() {
-        this.browser = await chromium.launch(); // Launch browser with Playwright
-    }
-    /** Login to Microsoft Bing */
-    async login() {
-        const sig = generateRandomString(32);
-        const CSRFToken = generateRandomString(8) + '-' + generateRandomString(4) + '-' + generateRandomString(4) + '-' + generateRandomString(4) + '-' + generateRandomString(12);
-        const loginUrl = `https://login.live.com/login.srf?wa=wsignin1.0&rpsnv=13&id=264960&wreply=https%3a%2f%2fwww.bing.com%2fsecure%2fPassport.aspx%3fedge_suppress_profile_switch%3d1%26requrl%3dhttps%253a%252f%252fwww.bing.com%252fsearch%253ftoWww%253d1%2526redig%253d9220EACAFFCA40508E4E7BD52023921B%2526q%253dBing%252bAI%2526showconv%253d1%2526wlexpsignin%253d1%26sig=${sig}&wp=MBI_SSL&lc=1028&CSRFToken=${CSRFToken}&aadredir=1`;
-        // Open Microsoft Bing login page
-        const page = await this.browser.newPage();
-        await page.goto(loginUrl);
-        // Enter the Bing account and password
-        const accountInput = await page.$('input[name="loginfmt"]');
-        await accountInput.type(this.bing_account);
-        const passwordInput = await page.$('input[name="passwd"]');
-        await passwordInput.type(this.bing_password);
-        // Submit login form
-        const submitButton = await page.$('input[type="submit"]');
-        await submitButton.click();
-        // Wait for login to complete (you can adjust the wait time or use a more sophisticated wait)
-        await page.waitForNavigation();
-    }
-    async getCookies() {
-        const page = await this.browser.newPage();
-        await page.goto('https://bing.com/chat'); // Navigate to Bing Chat to get the cookies
-        const cookies = await page.cookies();
-        return cookies;
-    }
 }
-// Create the API route for login
-app.get('/login', async (req, res) => {
-    const { user, pass } = req.query;
-    if (!user || !pass) {
-        return res.status(400).send('Missing username or password.');
-    }
     try {
-        const bingLogin = new MicrosoftBingAutoLogin(user, pass);
-        await bingLogin.login(); // Perform login
-        const cookies = await bingLogin.getCookies(); // Get cookies after login
-        res.json(cookies); // Send cookies as response
     } catch (error) {
-        res.status(500).send('Error during login: ' + error.message);
     }
 });
-app.get('/cookie', async (req, res) => {
-  const { url } = req.query;
-  if (!url) {
-    return res.status(400).send('URL is required');
-  }
-  try {
-    const browser = await chromium.launch();
-    const page = await browser.newPage();
-    await page.goto(url);
-    const cookies = await page.context().cookies();
-    await browser.close();
-    res.json(cookies);
-  } catch (error) {
-    res.status(500).send('Internal Server Error');
-  }
 });
 app.get('/welcome', async (req, res) => {
@@ -587,8 +1137,21 @@ close_btn.addEventListener('click', () => {
 </html>`;
     try {
-        const browser = await chromium.launch(); // Launch Playwright Chromium browser
-        const page = await browser.newPage();
         await page.setContent(html);
         const buffer = await page.screenshot({ type: 'png' });
         await browser.close();
@@ -601,247 +1164,13 @@ close_btn.addEventListener('click', () => {
     }
 });
-app.get('/youtube-videos', async (req, res) => {
-  const channelName = req.query.name || 'YasoobKhalid'; // Default to 'YasoobKhalid' if no name is provided
-  const url = `https://www.youtube.com/@${channelName}/videos`;
-  const browser = await chromium.launch({ headless: true });
-  const page = await browser.newPage();
-  await page.goto(url);
-  const channelTitle = "Title" || await page.locator('yt-formatted-string[class*="ytd-channel-name"]').textContent();
-  const handle = await page.locator('yt-formatted-string#channel-handle').textContent();
-  const subscriberCount = await page.locator('yt-formatted-string#subscriber-count').textContent();
-  let lastHeight = await page.evaluate(() => {
-    return document.documentElement.scrollHeight;
-  });
-  const WAIT_IN_SECONDS = 5;
-  while (true) {
-    await page.evaluate('window.scrollTo(0, document.documentElement.scrollHeight)');
-    await page.waitForTimeout(WAIT_IN_SECONDS * 1000); // convert seconds to milliseconds
-    const newHeight = await page.evaluate(() => {
-      return document.documentElement.scrollHeight;
-    });
-    if (newHeight === lastHeight) {
-      break;
-    }
-    lastHeight = newHeight;
-  }
-  const videoData = await page.evaluate(() => {
-    const thumbnails = Array.from(document.querySelectorAll('a#thumbnail yt-image img'));
-    const views = Array.from(document.querySelectorAll('div#metadata-line span:nth-child(1)'));
-    const titles = Array.from(document.querySelectorAll('#video-title'));
-    const links = Array.from(document.querySelectorAll('#video-title-link'));
-    return titles.map((title, index) => ({
-      title: title.textContent.trim(),
-      views: views[index]?.textContent.trim(),
-      thumbnail: thumbnails[index]?.src,
-      link: links[index]?.href,
-    }));
-  });
-  await browser.close();
-  res.json({
-    channelTitle,
-    handle,
-    subscriberCount,
-    videos: videoData,
-  });
-});
-// Define regex patterns
-const Patterns = {
-  channel: {
-    name: /channelMetadataRenderer\":{\"title\":\"(.*?)\"/,
-    id: /channelId\":\"(.*?)\"/,
-    verified: /"label":"Verified"/,
-    check_live: /{"text":"LIVE"}/,
-    live: /thumbnailOverlays\":\[(.*?)]/,
-    video_id: /videoId\":\"(.*?)\"/,
-    uploads: /gridVideoRenderer\":{\"videoId\":\"(.*?)\"/,
-    subscribers: /\"subscriberCountText\":{\"accessibility\":(.*?),/,
-    views: /viewCountText\":{\"simpleText\":\"(.*?)\"}/,
-    creation: /{\"text\":\"Joined \"},{\"text\":\"(.*?)\"}/,
-    country: /country\":{\"simpleText\":\"(.*?)\"}/,
-    custom_url: /canonicalChannelUrl\":\"(.*?)\"/,
-    description: /{\"description\":{\"simpleText\":\"(.*?)\"}/,
-    avatar: /height\":88},{\"url\":\"(.*?)\"/,
-    banner: /width\":1280,\"height\":351},{\"url\":\"(.*?)\"/,
-    playlists: /{\"url\":\"\/playlist\?list=(.*?)\"/,
-    video_count: /videoCountText\":{\"runs\":\[{\"text\":(.*?)}\]/,
-    socials: /q=https%3A%2F%2F(.*?)\"/,
-    upload_ids: /videoId\":\"(.*?)\"/,
-    stream_ids: /videoId\":\"(.*?)\"/,
-    upload_chunk: /gridVideoRenderer\":{(.*?)\"navigationEndpoint/,
-    upload_chunk_fl_1: /simpleText\":\"Streamed/,
-    upload_chunk_fl_2: /default_live./,
-    upcoming_check: /\"title\":\"Upcoming live streams\"/,
-    upcoming: /gridVideoRenderer\":{\"videoId\":\"(.*?)\"/,
-  },
-  video: {
-    video_id: /videoId\":\"(.*?)\"/,
-    title: /title\":\"(.*?)\"/,
-    duration: /approxDurationMs\":\"(.*?)\"/,
-    upload_date: /uploadDate\":\"(.*?)\"/,
-    author_id: /channelIds\":\[\"(.*?)\"/,
-    description: /shortDescription\":\"(.*)\",\"isCrawlable/,
-    tags: /<meta name=\"keywords\" content=\"(.*?)\">/,
-    is_streamed: /simpleText\":\"Streamed live/,
-    is_premiered: /dateText\":{\"simpleText\":\"Premiered/,
-    views: /videoViewCountRenderer\":{\"viewCount\":{\"simpleText\":\"(.*?)\"/,
-    likes: /toggledText\":{\"accessibility\":{\"accessibilityData\":{\"label\":\"(.*?) /,
-    thumbnail: /playerMicroformatRenderer\":{\"thumbnail\":{\"thumbnails\":\[{\"url\":\"(.*?)\"/,
-  },
-  playlist: {
-    name: /{\"title\":\"(.*?)\"/,
-    video_count: /stats\":\[{\"runs\":\[{\"text\":\"(.*?)\"/,
-    video_id: /videoId\":\"(.*?)\"/,
-    thumbnail: /og:image\" content=\"(.*?)\?"/,
-  },
-  extra: {
-    video_id: /videoId\":\"(.*?)\"/,
-  },
-  query: {
-    channel_id: /channelId\":\"(.*?)\"/,
-    video_id: /videoId\":\"(.*?)\"/,
-    playlist_id: /playlistId\":\"(.*?)\"/,
-  },
-};
-// Utility function to match patterns
-const matchPattern = (pattern, data) => {
-  const matches = [];
-  let match;
-  while ((match = pattern.exec(data)) !== null) {
-    matches.push(match[1] || match[0]);
-  }
-  return matches;
-};
-// Fetch YouTube channel data by name
-const fetchChannelData = async (channelName) => {
-  try {
-    const url = `https://www.youtube.com/@${channelName}/videos`;
-    const response = await axios.get(url);
-    return response.data; // return raw HTML content for pattern matching
-  } catch (error) {
-    throw new Error('Error fetching YouTube channel data: ' + error.message);
-  }
-};
-// API Endpoint
-app.get('/youtube-info', async (req, res) => {
-  const { name } = req.query; // Get channel name from query parameter
-  if (!name) {
-    return res.status(400).json({ error: 'Channel name is required' });
-  }
-  try {
-    const data = await fetchChannelData(name); // Fetch the page content from YouTube
-    const results = {};
-    // Apply patterns for channel data extraction
-    Object.keys(Patterns.channel).forEach((key) => {
-      const pattern = Patterns.channel[key];
-      results[key] = matchPattern(pattern, data);
-    });
-    res.json({ channelName: name, data: results });
-  } catch (error) {
-    res.status(500).json({ error: error.message });
-  }
-});
-const playwright = {
-  avLang: ['javascript', 'python', 'java', 'csharp'],
-  request: async function(language = 'javascript', code) {
-    if (!this.avLang.includes(language.toLowerCase())) {
-      throw new Error(`Language "${language}" is not supported. Choose from available languages: ${this.avLang.join(', ')}`);
-    }
-    const url = 'https://try.playwright.tech/service/control/run';
-    const headers = {
-      'authority': 'try.playwright.tech',
-      'accept': '*/*',
-      'content-type': 'application/json',
-      'origin': 'https://try.playwright.tech',
-      'referer': 'https://try.playwright.tech/?l=playwright-test',
-      'user-agent': 'Postify/1.0.0',
-    };
-    const data = {
-      code: code,
-      language: language
-    };
-    try {
-      const response = await axios.post(url, data, { headers });
-      const { success, error, version, duration, output, files } = response.data;
-      return { success, error, version, duration, output, files };
-    } catch (error) {
-      if (error.response) {
-        const { success, error: errMsg, version, duration, output, files } = error.response.data;
-        return { success, error: errMsg, version, duration, output, files };
-      } else {
-        throw new Error(error.message);
-      }
-    }
-  }
-};
-app.get('/view', async (req, res) => {
-  const { url, count } = req.query;
-  if (!url || !count) {
-    return res.status(400).json({ error: 'Missing required parameters: url and count' });
-  }
-  const language = 'javascript';
-  const code = `
-    const { chromium } = require('playwright');
-    (async () => {
-        const browser = await chromium.launch({ headless: true });
-        const page = await browser.newPage();
-        const targetUrl = '${url}';
-        for (let i = 0; i < ${count}; i++) {
-            await page.goto(targetUrl);
-            console.log(\`View \${i + 1}: \${targetUrl}\`);
-            await page.waitForTimeout(3000);  // Delay for 3 seconds before next view
-        }
-        await browser.close();
-    })();
-  `;
-  try {
-    const data = await playwright.request(language, code);
-    return res.status(200).json(data);
-  } catch (error) {
-    console.error('Error:', error);
-    return res.status(500).json({ error: error.message });
-  }
-})
 const PORT = process.env.PORT || 7860;
 app.listen(PORT, async () => {
     console.log(`Server running on port ${PORT}`);
-    await utils.initialize();
 });
 process.on('SIGINT', async () => {
-    await utils.close();
     process.exit(0);
 });

     userAgent: 'Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/120.0.0.0 Safari/537.36'
 };
+const app = express();
+app.use(express.json());
+app.use(cors());
+app.get('/', (req, res) => {
+  res.send('<h1>Welcome to the Web Scraping API</h1>');
+});
+app.get('/discord', async (req, res) => {
+    const { logo, text, text1, text2, text3, text4, text5, text6, text7, text8, text9 } = req.query;
+    if (!(logo)) {
+        return res.status(400).json({ error: 'Missing logo parameters' });
+    }
+    const html = `<!DOCTYPE html>
+<html lang="en" >
+<head>
+  <meta charset="UTF-8">
+  <title>Discord Profile Card With Webhook</title>
+  <style>
+@import url("https://fonts.googleapis.com/css?family=Roboto:400,400i,700");
+* {
+  margin: 0;
+  padding: 0;
+  font-family: Roboto, sans-serif;
+  box-sizing: border-box;
+}
+body,
+html {
+  height: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: #0b0b0b;
+}
+.tooltip {
+  display: block;
+  position: absolute;
+  color: #b6b7b7;
+  background: #18191c;
+  padding: 0.4rem;
+  border-radius: 3px;
+  max-width: 150px;
+  width: max-content;
+  font-size: 0.8rem;
+  transform: scale(0);
+  transition: 0.055s ease-in-out transform;
+  z-index: 10;
+  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.35);
+  -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.35);
+}
+.tooltip-up {
+  bottom: 30px;
+}
+.tooltip-up::before {
+  content: "";
+  position: absolute;
+  bottom: -5px;
+  left: 50%;
+  transform: translateX(-50%);
+  width: 0;
+  height: 0;
+  border-left: 6px solid transparent;
+  border-right: 6px solid transparent;
+  border-top: 6px solid #18191c;
+}
+.btn {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  text-decoration: none;
+  background-color: #535353;
+  padding: 10px;
+  border-radius: 3px;
+  color: #fff;
+  font-size: 0.85rem;
+  transition: 0.2s ease-in-out;
+  margin-top: 12px;
+}
+.btn:hover {
+  background-color: #747474;
+}
+/* Card */
+.card-container {
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  width: 1450px;
+  z-index: 0;
+}
+.card {
+  background: #292b2f;
+  width: 345px;
+  max-height: 95%;
+  height: max-content;
+  border-radius: 9px;
+  box-shadow: 0px 0px 16px 3px rgba(0, 0, 0, 0.2);
+  -webkit-box-shadow: 0px 0px 16px 3px rgba(0, 0, 0, 0.2);
+  scrollbar-width: none;
+}
+.card::-webkit-scrollbar {
+  display: none;
+}
+.card-header .banner {
+  width: 100%;
+  height: 60px;
+  background: #ef5b0d;
+  border-radius: 6px 6px 0 0;
+  overflow: hidden;
+}
+.card-header .banner-img {
+  width: 100%;
+  height: 120px;
+  background-position: center !important;
+  background-size: 100% auto !important;
+  border-radius: 6px 6px 0 0;
+  overflow: hidden;
+}
+.card-body {
+  padding: 15px;
+  position: relative;
 }
+.card-body .profile-header {
+  position: absolute;
+  display: flex;
+  flex-direction: row;
+  align-items: flex-end;
+  justify-content: space-between;
+  width: calc(100% - 30px);
+  top: -50px;
+}
+.card-body .profile-header .profil-logo {
+  position: relative;
+  border: 6px solid #292b2f;
+  border-radius: 50%;
+}
+.card-body .profile-header .profil-logo img {
+  display: block;
+  width: 80px;
+  height: 80px;
+  border-radius: 50%;
+}
+.card-body .profile-header .profil-logo::before {
+  content: "VIEW PRPFILE";
+  position: absolute;
+  right: 0;
+  top: 0;
+  cursor: pointer;
+  opacity: 0;
+  width: 100%;
+  height: 100%;
+  color: #eeeeee;
+  background: #000000;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: 50%;
+  font-size: 0.6rem;
+  font-weight: 600;
+  text-transform: uppercase;
+  transition-duration: 0.15s;
+}
+.card-body .profile-header .profil-logo:hover::before {
+  opacity: 1;
+}
+.card-body .profile-header .badges-container {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: flex-end;
+  max-width: 220px;
+  background: #18191c;
+  border-radius: 7px;
+  padding: 3px;
+}
+.card-body .profile-header .badges-container .badge-item {
+  position: relative;
+  margin: 5px;
+  width: 15px;
+  height: 15px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  cursor: pointer;
+}
+.card-body .profile-header .badges-container .badge-item img {
+  height: 110%;
 }
+.card-body .profile-header .badges-container .badge-item:hover > .tooltip {
+  transform: scale(1);
+}
+.card-body .profile-body {
+  background: #18191c;
+  border-radius: 7px;
+  padding: 13px;
+  margin-top: 40px;
+}
+.card-body .profile-body .username {
+  color: #eeeeee;
+  font-weight: 600;
+  font-size: 1.3rem;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+}
+.card-body .profile-body .username span {
+  color: #b9bbbe;
+}
+.card-body .profile-body .username .badge {
+  font-size: 0.65rem;
+  background-color: #5865f2;
+  text-transform: uppercase;
+  font-weight: 300;
+  width: max-content;
+  padding: 2px 5px;
+  margin-left: 5px;
+  border-radius: 3px;
+}
+.card-body .profile-body hr {
+  border: none;
+  border-top: 0.5px solid #33353b;
+}
+.card-body .profile-body .category-title {
+  color: #d6d6d6;
+  font-weight: 700;
+  text-transform: uppercase;
+  font-size: 0.8rem;
+  margin-bottom: 8px;
+}
+.card-body .profile-body .basic-infos {
+  margin-bottom: 14px;
+  margin-top: 12px;
+}
+.card-body .profile-body .basic-infos p {
+  color: #bdbebf;
+  font-size: 0.9rem;
+}
+.card-body .profile-body .basic-infos p a {
+  color: #02a5e6;
+  text-decoration: none;
+}
+.card-body .profile-body .basic-infos p a:hover {
+  text-decoration: underline;
+}
+.card-body .profile-body .basic-infos p b {
+  color: #ddd;
+}
+.card-body .profile-body .roles {
+  margin-bottom: 14px;
+}
+.card-body .profile-body .roles .roles-list {
+  display: flex;
+  flex-wrap: wrap;
+}
+.card-body .profile-body .roles .roles-list .role {
+  background: #292b2f;
+  color: #c4c4c4;
+  border-radius: 3px;
+  font-size: 0.75rem;
+  font-weight: 300;
+  padding: 3px 6px;
+  margin-right: 4px;
+  margin-top: 4px;
+  display: flex;
+  align-items: center;
+  flex-direction: row;
+}
+.card-body .profile-body .roles .roles-list .role .role-color {
+  position: relative;
+  width: 12px;
+  height: 12px;
+  border-radius: 50%;
+  margin-right: 5px;
+}
+.card-body .profile-body .roles .roles-list .role .role-color:hover::before {
+  content: "✕";
+  position: relative;
+  top: -2px;
+  right: 1px;
+  font-size: 0.65rem;
+  color: #f5f5f5;
+  background: rgba(41, 43, 47, 0);
+  border-radius: 50%;
+  width: 15px;
+  height: 15px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+}
+.card-body .profile-body .roles .roles-list .role-add {
+  cursor: pointer;
+}
+.card-body .profile-body .note textarea {
+  border: none;
+  outline: none;
+  background: transparent;
+  width: 100%;
+  min-height: 30px;
+  color: #e0e0e0;
+  resize: none;
+  font-size: 0.8rem;
+  border-radius: 3px;
+  padding: 5px;
+  box-sizing: border-box;
+  scrollbar-width: none;
+}
+.card-body .profile-body .note textarea::-webkit-scrollbar {
+  display: none;
+}
+.card-body .profile-body .note textarea::placeholder {
+  font-size: 0.8rem;
+}
+.card-body .profile-body .note textarea:focus::placeholder {
+  opacity: 0;
+}
+.card-body .profile-body .message input {
+  background: transparent;
+  outline: none;
+  border: 1.2px solid #272727;
+  padding: 13px;
+  width: 100%;
+  border-radius: 4px;
+  color: #eeeeee;
+  margin-top: 14px;
+}
+.nitro-card {
+  position: relative;
+  background-image: linear-gradient(0, #000000, #a77311);
+  background-blend-mode: multiply;
+  background-color: #0000006c;
+}
+.nitro-card:before {
+  content: "";
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  z-index: -1;
+  margin: -5px;
+  border-radius: 12px;
+  background: linear-gradient(0, #000000, #e09200);
+}
+.nitro-card .card-body .profile-body {
+background: linear-gradient(0, #000000, #18191c91);
+}
+.nitro-card .card-body .profile-header .profil-logo {
+  position: relative;
+  border-color: transparent;
+  z-index: 0;
+}
+.nitro-card .card-body .profile-header .profil-logo:after {
+  content: "";
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  z-index: -1;
+  margin: -6px;
+  border-radius: 50%;
+  background-color: rgb(74, 50, 7);
+}
+.nitro-card .card-body .profile-header .badges-container {
+  background: #18191c77;
+}
+.nitro-card .card-body .profile-body .roles .roles-list .role {
+  background: #18191c4d;
+  border: 1px solid #3f4149;
+}
+/* Media Queries */
+@media screen and (max-width: 1470px) {
+  .card-container {
+    width: 1100px;
+  }
+  .card:last-child {
+    display: none;
+  }
+}
+@media screen and (max-width: 1150px) {
+  .card-container {
+    width: 720px;
+  }
+  .card:nth-child(3) {
+    display: none;
+  }
+}
+@media screen and (max-width: 770px) {
+  .card-container {
+    width: max-content;
+  }
+  .card:nth-child(2) {
+    display: none;
+  }
+}
+</style>
+</head>
+<body>
+<!-- partial:index.partial.html -->
+<div class="card-container">
+      <!-- nitro card -->
+      <div class="card nitro-card">
+        <div class="card-header">
+          <div
+            style="background: url('https://i.ibb.co/wyZxFzw/banner.gif')"
+            class="banner-img">
+        </div>
+        </div>
+        <div class="card-body">
+          <div class="profile-header">
+            <div class="profil-logo">
+              <img src=${logo} />
+            </div>
+            <div class="badges-container">
+                <div class="badge-item">
+                <img src="https://svgur.com/i/xLC.svg" alt="" />
+                <div class="tooltip tooltip-up">${text}</div>
+              </div>
+                <div class="badge-item">
+                <img src="https://svgur.com/i/xN3.svg" alt="" />
+                <div class="tooltip tooltip-up">${text1}</div>
+              </div>
+              <div class="badge-item">
+                <img src="https://svgur.com/i/xMp.svg" alt="" />
+                <div class="tooltip tooltip-up">${text2}</div>
+              </div>
+                <div class="badge-item">
+                <img src="https://svgur.com/i/xNq.svg" alt="" />
+                <div class="tooltip tooltip-up">${text3}</div>
+              </div>
+                <div class="badge-item">
+                <img src="https://svgur.com/i/xNK.svg" alt="" />
+                <div class="tooltip tooltip-up">${text4}</div>
+              </div>
+              <div class="badge-item">
+                <img src="https://svgur.com/i/xLD.svg" alt="" />
+                <div class="tooltip tooltip-up">${text5}</div>
+              </div>
+                <div class="badge-item">
+                <img src="https://svgur.com/i/xNF.svg" alt="" />
+                <div class="tooltip tooltip-up">${text6}</div>
+              </div>
+              <div class="badge-item">
+                <img src="https://svgur.com/i/xNe.svg" alt="" />
+                <div class="tooltip tooltip-up">
+                  ${text7}
+                </div>
+              </div>
+            </div>
+          </div>
+          <div class="profile-body">
+            <div class="username">
+              <a> ${text8} </a>
+            </div>
+            <p style="color: white;">d11b</p>
+            <hr/>
+            <div class="basic-infos">
+              <div class="category-title">${text9}</div>
+              <p>
+                 <b>Discord</b> Verified Account User <br>Joined since &rarr; 2016<br>
+                 <b>Discord</b> Verified Active Developer<br> since &rarr; Oct 1, 2022
+              </p>
+            </div>
+            <div class="basic-infos">
+              <div class="category-title">Member Since</div>
+              <div style="display: flex; align-items: center;">
+              <img src="https://i.ibb.co/HpbSK8B/icons8-discord-16.png" style="margin-right: 10px;">
+                  <p style="margin: 0;">Jan 8, 2016</p>
+            </div>
+            </div>
+             <div class="roles">
+              <div class="category-title">Roles</div>
+              <div class="roles-list">
+                <div class="role">
+                  <div class="role-color" style="background: lightyellow"></div>
+                  <p>JavaScript</p>
+                </div>
+                <div class="role">
+                  <div class="role-color" style="background: darkred"></div>
+                  <p>HTML</p>
+                </div>
+                <div class="role">
+                  <div class="role-color" style="background: darkgreen"></div>
+                  <p>C++</p>
+                </div>
+                <div class="role">
+                  <div class="role-color" style="background: yellow"></div>
+                  <p>Python</p>
+                </div>
+                <div class="role">
+                  <div class="role-color" style="background: darkblue"></div>
+                  <p>C#</p>
+                </div>
+                <div class="role">
+                  <div class="role-color" style="background: orange"></div>
+                  <p>IT</p>
+                </div>
+                <div class="role role-add">
+                  <div class="role-add-text">+</div>
+                </div>
+              </div>
+            </div>
+            <div class="note">
+              <div class="category-title">Note</div>
+               <textarea placeholder="Click to add a note"></textarea>
+            </div>
+            <div class="message">
+              <input id="content" type="text" placeholder=${text9}/>
+            </div>
+              <div id="message-status" style="display: none;"><b>Message Sent!</b></div>
+          </div>
+        </div>
+      </div>
+    </div>
+<!-- partial -->
+  <script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js'></script><script  src="./script.js"></script>
+</body>
+</html>
+`;
     try {
+        const browser = await chromium.launch({ headless: true }); // Launch Playwright Chromium browser
+        const context = await browser.newContext({
+                viewport: config.viewport,
+                userAgent: config.userAgent
+            });
+            await context.route('**/*', (route) => {
+                const url = route.request().url();
+                if (url.endsWith('.png') || url.endsWith('.jpg') || url.includes('google-analytics')) {
+                    return route.abort();
+                }
+                route.continue();
+            });
+            const page = await context.newPage();
+        await page.setContent(html);
+        const buffer = await page.screenshot({ type: 'png' });
+        await browser.close();
+        res.set('Content-Type', 'image/png');
+        return res.send(buffer);
     } catch (error) {
+        console.error('Error generating PNG:', error);
+        res.status(500).json({ error: 'Failed to convert HTML to PNG' });
     }
 });
+app.get('/darkcard', async (req, res) => {
+    const { avatar, name, job, button, desc } = req.query;
+    if (!(avatar || name || job || button || desc)) {
+        return res.status(400).json({ error: 'Missing avatar, name, job, button, desc parameters' });
+    }
+    const html = `<!DOCTYPE html>
+<html lang="en" >
+<head>
+  <meta charset="UTF-8">
+  <title>Glassmorph dark card</title>
+  <link rel='stylesheet' href='https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.0.2/css/bootstrap.min.css'><style>
+body {
+  background-color: #001320;
+  background: -webkit-linear-gradient(90deg, 0, #1b121d 50%, #1b121d 100%);
+  min-height: 100vh;
+  font-size: 1.2rem;
+  letter-spacing: 1px;
+}
+.container {
+  min-height: 100vh;
+}
+.card-container {
+  position: relative;
+}
+.card-container::before, .card-container::after {
+  width: 200px;
+  height: 200px;
+  border-radius: 100%;
+  position: absolute;
+  filter: blur(20px);
+  z-index: 0;
+}
+.card-container::before {
+  content: "";
+  left: -80px;
+  top: -80px;
+  background: linear-gradient(#1845ad, #23a2f6);
+}
+.card-container::after {
+  content: "";
+  right: -30px;
+  bottom: -80px;
+  background: linear-gradient(to right, #ff512f, #f09819);
+}
+.card {
+  backdrop-filter: blur(16px) saturate(180%);
+  -webkit-backdrop-filter: blur(16px) saturate(180%);
+  background-color: rgba(17, 25, 40, 0.75);
+  border-radius: 12px;
+  border: 1px solid rgba(255, 255, 255, 0.125);
+  text-align: center;
+  z-index: 2;
+}
+.card .card-body {
+  padding: 1.5rem;
+}
+.card .card-title {
+  color: white;
+}
+.card .card-subtitle {
+  color: #c0f;
+  font-size: 1rem;
+  text-transform: uppercase;
+  letter-spacing: 2px;
+  font-weight: 700;
+  opacity: 0.7;
+}
+.card .card-description {
+  color: #9ca3af;
+}
+.card .card-img img {
+  height: 9rem;
+  width: 9rem;
+  border: 1px solid rgba(209, 213, 219, 0.3);
+  padding: 1rem;
+}
+</style>
+</head>
+<body>
+<!-- partial:index.partial.html -->
+<body>
+  <div class="container d-flex flex-column justify-content-center align-items center h-100">
+    <div class="row">
+      <div class="col-md-4 mx-auto">
+        <div class="card-container">
+          <div class="card">
+            <div class="card-body">
+              <div class="card-img mb-4"><img class="rounded-circle" src=${avatar}/></div>
+              <h2 class="card-title">${name}</h2>
+              <h3 class="card-subtitle">${job}</h3>
+              <div class="btn btn-primary mt-4">${button}</div>
+              <p class="card-description mb-0 mt-4">${desc}</p>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</body>
+<!-- partial -->
+</body>
+</html>
+`;
+    try {
+        const browser = await chromium.launch({ headless: true }); // Launch Playwright Chromium browser
+        const context = await browser.newContext({
+                viewport: config.viewport,
+                userAgent: config.userAgent
+            });
+            await context.route('**/*', (route) => {
+                const url = route.request().url();
+                if (url.endsWith('.png') || url.endsWith('.jpg') || url.includes('google-analytics')) {
+                    return route.abort();
+                }
+                route.continue();
+            });
+            const page = await context.newPage();
+        await page.setContent(html);
+        const buffer = await page.screenshot({ type: 'png' });
+        await browser.close();
+        res.set('Content-Type', 'image/png');
+        return res.send(buffer);
+    } catch (error) {
+        console.error('Error generating PNG:', error);
+        res.status(500).json({ error: 'Failed to convert HTML to PNG' });
+    }
 });
 app.get('/welcome', async (req, res) => {
 </html>`;
     try {
+        const browser = await chromium.launch({ headless: true }); // Launch Playwright Chromium browser
+        const context = await browser.newContext({
+                viewport: config.viewport,
+                userAgent: config.userAgent
+            });
+            await context.route('**/*', (route) => {
+                const url = route.request().url();
+                if (url.endsWith('.png') || url.endsWith('.jpg') || url.includes('google-analytics')) {
+                    return route.abort();
+                }
+                route.continue();
+            });
+            const page = await context.newPage();
         await page.setContent(html);
         const buffer = await page.screenshot({ type: 'png' });
         await browser.close();
     }
 });
 const PORT = process.env.PORT || 7860;
 app.listen(PORT, async () => {
     console.log(`Server running on port ${PORT}`);
 });
 process.on('SIGINT', async () => {
     process.exit(0);
 });