Using NodeJS and Puppeteer.
Creating a fake data server with ExpressJS, EJS and TailwindCSS.
- Add this files do any directory
- Run
npm install
{ | |
"$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> |
<p> | |
Ficar em casa em períodos longos, não deve ser nada fácil. | |
</p> | |
<p> | |
Iremos catalogar ideias, brincadeiras, jogos, filmes, livros, cursos, dicas e tudo que for necessário para tornar esse momento mais interessante. | |
</p> | |
<p> | |
Comece clicando em ver ideias para ver as ideias cadastradas e contribua adicioando a sua ideia. | |
</p> |