{"_id":"11ty-nunjucks-md","name":"11ty-nunjucks-md","dist-tags":{"latest":"1.0.0"},"versions":{"1.0.0":{"name":"11ty-nunjucks-md","version":"1.0.0","description":"Estos son los archivos de inicio utilizados por [Manuel Ruiz](https://digitalstrategy.es) para crear un blog personal utilizando JAMStack para el desafío [DevProjects](https://www.codementor.io/projects/web/create-a-fast-and-secure-blog-using-jamstack-c93","main":"index.js","scripts":{"watch:eleventy":"eleventy --serve --incremental","watch:sass":"sass  --no-source-map --watch src/assets/sass:src/assets/css","build:eleventy":"eleventy","build:sass":"sass  --no-source-map --style=expanded src//assets/sass:src//assets/css","start":"npm-run-all build:sass --parallel watch:*","build":"npm-run-all build:*","debug":"DEBUG=* npx eleventy","format":"npm run format:md && npm run prettier -- --write","format:md":"prettier --write 'src/**/*.md'","prettier":"prettier 'src/assets/sass/**/*.+(css|scss)'","component":"npm run generate-component","generate-component":"node src/assets/js/newComponent.js","tokencomponent":"npm run generate-token-component","generate-token-component":"node src/assets/js/newTokenComponent.js","template":"npm run generate-template","generate-template":"node src/assets/js/newTemplate.js","tokentemplate":"npm run generate-token-template","generate-token-template":"node src/assets/js/newTokenTemplate.js","parrilla":"npm run generate-template","generate-parrilla":"node src/assets/js/newParrilla.js"},"repository":{"type":"git","url":"git+https://github.com/Allchorne3/11ty-nunjucks.git"},"keywords":[],"author":"","license":"ISC","bugs":{"url":"https://github.com/Allchorne3/11ty-nunjucks/issues"},"homepage":"https://github.com/Allchorne3/11ty-nunjucks#readme","devDependencies":{"@11ty/eleventy":"^2.0.1","@11ty/eleventy-img":"^3.1.0","@11ty/eleventy-navigation":"^0.3.5","@11ty/eleventy-plugin-webc":"^0.11.1","@fullhuman/postcss-purgecss":"^5.0.0","eleventy-plugin-toc":"^1.1.5"},"dependencies":{"holygrail2":"^1.0.86","aos":"^2.3.4","eleventy-plugin-embed-everything":"^1.16.0","fs":"^0.0.1-security","markdown-it":"^13.0.1","markdown-it-anchor":"^8.6.6","markdown-it-highlightjs":"^4.0.1","npm-run-all":"^4.1.5","nunjucks":"^3.2.4","prettier":"^2.8.4","rellax":"^1.12.1","sass":"^1.62.0"},"prettier":{"overrides":[{"files":"**/*.md","options":{"parser":"markdown"}},{"files":"**/*.njk","options":{"parser":"nunjucks"}}]},"gitHead":"b4b73c173fbc649e377accc6c0c2fda0286067db","_id":"11ty-nunjucks-md@1.0.0","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-3klbHMrMyq9xHq3/mW11UkUs9TKjbbXkeD/HIVCQW7BN5+ppSgdkzlJ9i5156uJSdU4nFHsrdspkdUGA4BieOA==","shasum":"9d777e07e9fafce52a050cc10d2ade99ce570585","tarball":"https://registry.npmjs.org/11ty-nunjucks-md/-/11ty-nunjucks-md-1.0.0.tgz","fileCount":542,"unpackedSize":7732842,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFlyLsrpyRpgGWENiLGFzm0NbKb4o9FCT80LEp58oA+pAiBuH1yl6wx4kmVfS+RIB41Xrpl86YdClDNGl/WH3ZFxBA=="}]},"_npmUser":{"name":"holygrail","email":"manuelruizredondo@gmail.com"},"directories":{},"maintainers":[{"name":"holygrail","email":"manuelruizredondo@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/11ty-nunjucks-md_1.0.0_1708018671746_0.13905610818009784"},"_hasShrinkwrap":false}},"time":{"created":"2024-02-15T17:37:51.745Z","1.0.0":"2024-02-15T17:37:52.082Z","modified":"2024-02-15T17:37:52.619Z"},"maintainers":[{"name":"holygrail","email":"manuelruizredondo@gmail.com"}],"description":"Estos son los archivos de inicio utilizados por [Manuel Ruiz](https://digitalstrategy.es) para crear un blog personal utilizando JAMStack para el desafío [DevProjects](https://www.codementor.io/projects/web/create-a-fast-and-secure-blog-using-jamstack-c93","homepage":"https://github.com/Allchorne3/11ty-nunjucks#readme","keywords":[],"repository":{"type":"git","url":"git+https://github.com/Allchorne3/11ty-nunjucks.git"},"bugs":{"url":"https://github.com/Allchorne3/11ty-nunjucks/issues"},"license":"ISC","readme":"# Blog personal JAMStack: Archivos iniciales\r\n\r\nEstos son los archivos de inicio utilizados por [Manuel Ruiz](https://digitalstrategy.es) para crear un blog personal utilizando JAMStack para el desafío [DevProjects](https://www.codementor.io/projects/web/create-a-fast-and-secure-blog-using-jamstack-c93coupnxb) de [Codementor](https://www.codementor.io/). Eres libre de utilizarlos como desees para comenzar con el desafío, si deseas comenzar a trabajar en la creación del sitio sin preocuparte por el contenido en sí mismo.\r\n\r\nLos archivos proporcionados son páginas terminadas utilizando HTML y CSS regular. Los archivos HTML se pueden descomponer y utilizar para construir las diferentes plantillas y archivos parciales utilizando el lenguaje de plantillas de tu elección.\r\n\r\nLa estilización de las páginas ya está completa. Dicho esto, la carpeta `design-files` contiene un archivo Figma y un archivo .webp de un diseño si deseas intentar construirlo desde cero. No es necesario utilizar este diseño en absoluto, depende de cómo desees abordar el desafío.\r\n\r\nLa carpeta `src` contiene archivos para que puedas poner en marcha tu proyecto sin preocuparte por el contenido de las publicaciones/artículos. Esa carpeta contiene:\r\n\r\n- Archivos HTML que puedes utilizar como base para los diferentes diseños de página. Estos pueden convertirse en las plantillas que se utilizarán.\r\n- Archivo CSS para la estilización de las páginas.\r\n- 5 artículos de blog en la carpeta `blog`.\r\n- Imágenes y un logotipo en la carpeta `assets`.\r\n\r\nLos artículos están escritos en Markdown y contienen Front Matter. Dependiendo del Generador de Sitios Estáticos que utilices, es posible que debas modificarlos un poco si deseas utilizarlos.\r\n\r\n## Desafío DevProjects\r\n\r\nComo se mencionó, estos archivos están aquí para ayudarte a comenzar con el desafío DevProjects. Por favor, visita la [página del desafío](#) para obtener más información sobre el mismo.\r\n\r\n## Tutorial\r\n\r\nPuedes [ver este video](https://youtu.be/4wD00RT6d-g) para ver cómo Manuel utiliza Eleventy, Netlify y Netlify CMS para crear un sitio de blog completo construido completamente con archivos estáticos.\r\n\r\n\r\nhttps://www.tablesgenerator.com/markdown_tables\r\n\r\n## cheatsheet markdown\r\n\r\n# H1\r\n## H2\r\n### H3\r\n#### H4\r\n##### H5\r\n###### H6\r\n\r\nAlternatively, for H1 and H2, an underline-ish style:\r\n\r\nAlt-H1\r\n======\r\n\r\nAlt-H2\r\n------\r\n\r\nEmphasis, aka italics, with *asterisks* or _underscores_.\r\n\r\nStrong emphasis, aka bold, with **asterisks** or __underscores__.\r\n\r\nCombined emphasis with **asterisks and _underscores_**.\r\n\r\nStrikethrough uses two tildes. ~~Scratch this.~~\r\n\r\n\r\n1. First ordered list item\r\n2. Another item\r\n⋅⋅* Unordered sub-list. \r\n1. Actual numbers don't matter, just that it's a number\r\n⋅⋅1. Ordered sub-list\r\n4. And another item.\r\n\r\n⋅⋅⋅You can have properly indented paragraphs within list items. Notice the blank line above, and the leading spaces (at least one, but we'll use three here to also align the raw Markdown).\r\n\r\n⋅⋅⋅To have a line break without a paragraph, you will need to use two trailing spaces.⋅⋅\r\n⋅⋅⋅Note that this line is separate, but within the same paragraph.⋅⋅\r\n⋅⋅⋅(This is contrary to the typical GFM line break behaviour, where trailing spaces are not required.)\r\n\r\n* Unordered list can use asterisks\r\n- Or minuses\r\n+ Or pluses\r\n\r\n\r\n[I'm an inline-style link](https://www.google.com)\r\n\r\n[I'm an inline-style link with title](https://www.google.com \"Google's Homepage\")\r\n\r\n[I'm a reference-style link][Arbitrary case-insensitive reference text]\r\n\r\n[I'm a relative reference to a repository file](../blob/master/LICENSE)\r\n\r\n[You can use numbers for reference-style link definitions][1]\r\n\r\nOr leave it empty and use the [link text itself].\r\n\r\nURLs and URLs in angle brackets will automatically get turned into links. \r\nhttp://www.example.com or <http://www.example.com> and sometimes \r\nexample.com (but not on Github, for example).\r\n\r\nSome text to show that the reference links can follow later.\r\n\r\n[arbitrary case-insensitive reference text]: https://www.mozilla.org\r\n[1]: http://slashdot.org\r\n[link text itself]: http://www.reddit.com\r\n\r\nHere's our logo (hover to see the title text):\r\n\r\nInline-style: \r\n![alt text](https://github.com/adam-p/markdown-here/raw/master/src/common/images/icon48.png \"Logo Title Text 1\")\r\n\r\nReference-style:\r\n `code` has `back-ticks around` it.\r\n\r\n\r\n```javascript\r\nvar s = \"JavaScript syntax highlighting\";\r\nalert(s);\r\n```\r\n \r\n```python\r\ns = \"Python syntax highlighting\"\r\nprint s\r\n```\r\n \r\n```\r\nNo language indicated, so no syntax highlighting. \r\nBut let's throw in a <b>tag</b>.\r\n```\r\n\r\n\r\nHere is a simple footnote[^1].\r\n\r\nA footnote can also have multiple lines[^2].  \r\n\r\nYou can also use words, to fit your writing style more closely[^note].\r\n\r\n[^1]: My reference.\r\n[^2]: Every new line should be prefixed with 2 spaces.  \r\n  This allows you to have a footnote with multiple lines.\r\n[^note]:\r\n    Named footnotes will still render with numbers instead of the text but allow easier identification and linking.  \r\n    This footnote also has been made with a different syntax using 4 spaces for new lines.\r\n\r\n\r\n## Tipos de macros\r\n\r\n```\r\n{% for Type in global.ButtonType %}\r\n    <button class=\" btn  {{Type.class}} hover  \"> {{Type.class}} </button>\r\n{% endfor %}\r\n\r\n\r\n{% call helper.insert(elementType='button',['btn btn-primary', 'btn btn-limited' , 'btn btn-feel', 'btn btn-blue']) %} {% endcall %}\r\n```\r\n\r\n\r\n## Proceso mediante iconos\r\n\r\n✅: Finished and reviewed\r\n👀: In revision\r\n⚙️: In progress\r\n❌: Rejected\r\n⚰️: Discarded\r\n\r\n\r\n⚪️ 1- To do\r\n✍️ 4- Work in progress\r\n\r\n🔴🟣🟡⚫⚪🟢🔵🟠🟤\r\n\r\n## Creación de nuevos elementos Templates\r\n\r\n`npm run template nombreDeLaPaginaTemplate`\r\n`npm run tokentemplate nombreDelToken`\r\n\r\n\r\n`npm run component nombreDeLaPaginaComponent`\r\n`npm run tokencomponent nombreDelcomponent`\r\n\r\n\r\n## Crearemos las fuentes si las necesitamos en el proyecto\r\n\r\n@include typesFluids($headersFluids);","readmeFilename":"README.md"}