init
This commit is contained in:
commit
f5de43b179
7 changed files with 1481 additions and 0 deletions
6
.eleventy.js
Normal file
6
.eleventy.js
Normal file
|
|
@ -0,0 +1,6 @@
|
||||||
|
const { EleventyHtmlBasePlugin } = require("@11ty/eleventy");
|
||||||
|
|
||||||
|
module.exports = function (eleventyConfig) {
|
||||||
|
eleventyConfig.addPassthroughCopy("drip.css");
|
||||||
|
eleventyConfig.addPlugin(EleventyHtmlBasePlugin);
|
||||||
|
};
|
||||||
2
.gitignore
vendored
Normal file
2
.gitignore
vendored
Normal file
|
|
@ -0,0 +1,2 @@
|
||||||
|
_site/
|
||||||
|
node_modules/
|
||||||
20
0.md
Normal file
20
0.md
Normal file
|
|
@ -0,0 +1,20 @@
|
||||||
|
---
|
||||||
|
layout: episodio.html
|
||||||
|
title: nulex#0 - reactividad y stimulus
|
||||||
|
video_iframe_url: https://player.vimeo.com/video/856765398?badge=0&autopause=0&player_id=0&app_id=58479
|
||||||
|
---
|
||||||
|
en el que intento explicar una de las razones por la que no me gusta Stimulus
|
||||||
|
|
||||||
|
## Links
|
||||||
|
|
||||||
|
- [Stimulus](https://stimulus.hotwired.dev/)
|
||||||
|
- [Svelte](https://svelte.dev)
|
||||||
|
- [charla de Rich Harris (creador de Svelte): Rethinking reactivity](https://www.youtube.com/watch?v=AdNJ3fydeao)
|
||||||
|
|
||||||
|
### TodoMVC
|
||||||
|
|
||||||
|
- [TodoMVC](https://todomvc.com)
|
||||||
|
- [ejemplo en React](https://todomvc.com/examples/react/#/)
|
||||||
|
- [código en Svelte](https://github.com/sveltejs/svelte-todomvc/blob/master/src/TodoMVC.svelte)
|
||||||
|
- [código en Stimulus](https://github.com/chloerei/todomvc-stimulus/tree/master)
|
||||||
|
|
||||||
17
_includes/episodio.html
Normal file
17
_includes/episodio.html
Normal file
|
|
@ -0,0 +1,17 @@
|
||||||
|
<!doctype html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<link rel="stylesheet" href="/drip.css">
|
||||||
|
<title>{{ title }}</title>
|
||||||
|
</head>
|
||||||
|
<body class="episodio">
|
||||||
|
<iframe class="episodio-video-iframe" src="{{ video_iframe_url }}" frameborder="0" allow="autoplay; fullscreen; picture-in-picture"></iframe>
|
||||||
|
<main>
|
||||||
|
<h1>{{ title }}</h1>
|
||||||
|
{{ content }}
|
||||||
|
</main>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|
||||||
25
drip.css
Normal file
25
drip.css
Normal file
|
|
@ -0,0 +1,25 @@
|
||||||
|
:root {
|
||||||
|
color-scheme: dark light;
|
||||||
|
}
|
||||||
|
body {
|
||||||
|
margin: 0 auto;
|
||||||
|
}
|
||||||
|
main {
|
||||||
|
max-width: 300px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.episodio {
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
gap: 12px;
|
||||||
|
padding: 12px;
|
||||||
|
}
|
||||||
|
@media only screen and (max-width: 600px) {
|
||||||
|
.episodio {
|
||||||
|
flex-direction: column;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.episodio-video-iframe {
|
||||||
|
aspect-ratio: 16 / 9;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
16
package.json
Normal file
16
package.json
Normal file
|
|
@ -0,0 +1,16 @@
|
||||||
|
{
|
||||||
|
"name": "nulex",
|
||||||
|
"version": "1.0.0",
|
||||||
|
"description": "",
|
||||||
|
"main": "index.js",
|
||||||
|
"scripts": {
|
||||||
|
"build": "eleventy",
|
||||||
|
"serve": "eleventy --serve"
|
||||||
|
},
|
||||||
|
"keywords": [],
|
||||||
|
"author": "",
|
||||||
|
"license": "ISC",
|
||||||
|
"devDependencies": {
|
||||||
|
"@11ty/eleventy": "^2.0.1"
|
||||||
|
}
|
||||||
|
}
|
||||||
1395
pnpm-lock.yaml
Normal file
1395
pnpm-lock.yaml
Normal file
File diff suppressed because it is too large
Load diff
Loading…
Reference in a new issue