Esta guía explica cómo instalar Django, configurar un proyecto básico, y usar plantillas HTML dinámicas para crear vistas enriquecidas.
- Instalar Python:
- Descarga Python desde: https://www.python.org/downloads/.
Esta guía explica cómo instalar Django, configurar un proyecto básico, y usar plantillas HTML dinámicas para crear vistas enriquecidas.
1° Instalar Sveltekit | |
2° Instalar Tailwind | |
3° Reemplazar todos estos archivos | |
4° Archivo 6, 25, 47, 57, 112, 190, 202, 217 | |
tailwind.config.js | |
/** @type {import('tailwindcss').Config} */ | |
export default { | |
content: ["./src/**/*.{html,js,svelte,ts}"], |
<!DOCTYPE html> | |
<html lang="es" class=""> | |
<head> | |
<meta charset="UTF-8"> | |
<meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
<title>Document</title> | |
<link href="./output.css" rel="stylesheet"> |
<!DOCTYPE html> | |
<html lang="es"> | |
<head> | |
<meta charset="UTF-8"> | |
<meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
<title>Document</title> | |
<link href="./output.css" rel="stylesheet"> | |
<script src="https://cdn.tailwindcss.com"></script> | |
<!-- FONTS --> |
<!DOCTYPE html> | |
<html lang="es" class=""> | |
<head> | |
<meta charset="UTF-8"> | |
<meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
<title>Document</title> | |
<link href="./output.css" rel="stylesheet"> | |
</head> |
<div id="qrcode-container"></div> | |
<script src="https://cdn.rawgit.com/davidshimjs/qrcodejs/gh-pages/qrcode.min.js"></script> | |
<script> | |
var qrcode = new QRCode(document.getElementById("qrcode-container"), { | |
text: "https://www.frontendmentor.io?ref=challenge", | |
width: 150, | |
height: 150, | |
}); | |
</script> |