Using NodeJS and Puppeteer.
Creating a fake data server with ExpressJS, EJS and TailwindCSS.
- Add this files do any directory
- Run
npm install
| deploy: | |
| docker compose down -v && docker compose up -d |
| { | |
| "$schema": "./node_modules/@biomejs/biome/configuration_schema.json", | |
| "organizeImports": { | |
| "enabled": true | |
| }, | |
| "formatter": { | |
| "indentStyle": "space", | |
| "indentWidth": 2, | |
| "lineWidth": 80 | |
| }, |
| :root { | |
| --ff-body: "Heebo", sans-serif; | |
| --ff-heading: "Oswald", sans-serif; | |
| --fs-600: ''; | |
| --fs-400: ''; | |
| --c-base: 320; | |
| --c-primary-100: hsl(var(--c-base), 30%, 85%); | |
| --c-primary-200: hsl(var(--c-base), 40%, 60%); |
| /* this is for fronteditor.dev to export from some browser and import to another | |
| 1. Run this in the console of the browser where you and to copy the Fronteditor's content | |
| 2. Paste the results in the browser where you want to add that Fronteditor's content | |
| */ | |
| let itemName = 'fronteditor:' + location.pathname.replace('/', ''); | |
| let contentFromLocalstorage = JSON.stringify(localStorage.getItem(itemName)) | |
| copy(`localStorage.setItem('${itemName}', ${contentFromLocalstorage})`) |
| <html class="h-full bg-white"> | |
| <head> | |
| <link rel="stylesheet" href="https://rsms.me/inter/inter.css"> | |
| <script src="https://cdn.tailwindcss.com"></script> | |
| </head> | |
| <body class="h-full overflow-hidden"> | |
| <form class="mt-6 flex space-x-4" action="#"> | |
| <div class="flex-1 min-w-0"> | |
| <label for="search" class="sr-only">Search</label> |
| [ | |
| "Não existem limites para o que podemos imaginar, construir e transformar.", | |
| "Juntos, vamos construir o futuro.", | |
| "Esteja no meio de gigantes", | |
| "Seja protagonista do futuro", | |
| "Nós temos o poder de imaginar e construir o futuro.", | |
| "É através das linhas de código que as máquinas ganham vida.", | |
| "A tecnologia muda o mundo. Todas as inovações que estão presentes no nosso dia-a-dia, e as que ainda estão por vir, precisam de um Programador ou de uma Programadora para que se tornem realidade.", | |
| "A união de todo o ecossistema de tecnologia.", | |
| "#BuildTheFuture" |
| <!DOCTYPE html> | |
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>Paginate</title> | |
| <link rel="stylesheet" href="style.css"> | |
| </head> | |
| <body> |
| <!DOCTYPE html> | |
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>My URLS</title> | |
| <link rel="stylesheet" href="style.css"> | |
| </head> | |
| <body> | |
| <h1>My Links</h1> |