vault backup: 2025-12-16 00:07:49
This commit is contained in:
2
.obsidian/graph.json
vendored
2
.obsidian/graph.json
vendored
@@ -88,6 +88,6 @@
|
||||
"repelStrength": 10,
|
||||
"linkStrength": 1,
|
||||
"linkDistance": 250,
|
||||
"scale": 0.2778722009319019,
|
||||
"scale": 0.18524813395460127,
|
||||
"close": true
|
||||
}
|
||||
@@ -23,7 +23,7 @@
|
||||
"marginBottom": "10",
|
||||
"marginLeft": "10",
|
||||
"marginRight": "10",
|
||||
"displayHeader": false,
|
||||
"displayHeader": true,
|
||||
"displayFooter": true,
|
||||
"cssSnippet": "0"
|
||||
}
|
||||
|
||||
43
.obsidian/workspace.json
vendored
43
.obsidian/workspace.json
vendored
@@ -4,21 +4,21 @@
|
||||
"type": "split",
|
||||
"children": [
|
||||
{
|
||||
"id": "fad51cc483fae111",
|
||||
"id": "70040d3480c4df8e",
|
||||
"type": "tabs",
|
||||
"children": [
|
||||
{
|
||||
"id": "f680d743f846f5b9",
|
||||
"id": "43ea8ee768c9bbae",
|
||||
"type": "leaf",
|
||||
"state": {
|
||||
"type": "markdown",
|
||||
"state": {
|
||||
"file": "BDD/SQL/Apuntes generales de SQL.md",
|
||||
"file": "Documentación personal/Proyectos/LilCMS/JS_Version/LilCMS.JS - Concepto.md",
|
||||
"mode": "source",
|
||||
"source": false
|
||||
},
|
||||
"icon": "lucide-file",
|
||||
"title": "Apuntes generales de SQL"
|
||||
"title": "LilCMS.JS - Concepto"
|
||||
}
|
||||
}
|
||||
]
|
||||
@@ -53,7 +53,7 @@
|
||||
"state": {
|
||||
"type": "search",
|
||||
"state": {
|
||||
"query": "path:\"Documentación personal/Mecanica de Unix/1. Bash Scripting Avanzado/Funciones puras/Ejercicios/\" ",
|
||||
"query": "",
|
||||
"matchingCase": false,
|
||||
"explainSearch": false,
|
||||
"collapseAll": false,
|
||||
@@ -78,7 +78,7 @@
|
||||
}
|
||||
],
|
||||
"direction": "horizontal",
|
||||
"width": 248.50260543823242,
|
||||
"width": 252.5,
|
||||
"collapsed": true
|
||||
},
|
||||
"right": {
|
||||
@@ -96,7 +96,7 @@
|
||||
"state": {
|
||||
"type": "backlink",
|
||||
"state": {
|
||||
"file": "Documentación personal/Mecanica de Unix/1. Bash Scripting Avanzado/Funciones puras.md",
|
||||
"file": "BDD/SQL/Apuntes generales de SQL.md",
|
||||
"collapseAll": false,
|
||||
"extraContext": false,
|
||||
"sortOrder": "alphabetical",
|
||||
@@ -106,7 +106,7 @@
|
||||
"unlinkedCollapsed": true
|
||||
},
|
||||
"icon": "links-coming-in",
|
||||
"title": "Enlaces entrantes de Funciones puras"
|
||||
"title": "Enlaces entrantes de Apuntes generales de SQL"
|
||||
}
|
||||
},
|
||||
{
|
||||
@@ -154,16 +154,16 @@
|
||||
"state": {
|
||||
"type": "outgoing-link",
|
||||
"state": {
|
||||
"file": "Documentación personal/Mecanica de Unix/1. Bash Scripting Avanzado/Extra.md",
|
||||
"file": "BDD/SQL/Apuntes generales de SQL.md",
|
||||
"linksCollapsed": false,
|
||||
"unlinkedCollapsed": true
|
||||
},
|
||||
"icon": "links-going-out",
|
||||
"title": "Enlaces salientes de Extra"
|
||||
"title": "Enlaces salientes de Apuntes generales de SQL"
|
||||
}
|
||||
},
|
||||
{
|
||||
"id": "5bb933ee810d2703",
|
||||
"id": "f680d743f846f5b9",
|
||||
"type": "leaf",
|
||||
"state": {
|
||||
"type": "graph",
|
||||
@@ -173,18 +173,18 @@
|
||||
}
|
||||
},
|
||||
{
|
||||
"id": "25f1ae5d5a6a3979",
|
||||
"id": "3cca92a09a04b814",
|
||||
"type": "leaf",
|
||||
"state": {
|
||||
"type": "outline",
|
||||
"state": {
|
||||
"file": "BDD/SQL/Apuntes generales de SQL.md",
|
||||
"file": "Documentación personal/Proyectos/LilCMS/JS_Version/LilCMS.JS - Concepto.md",
|
||||
"followCursor": false,
|
||||
"showSearch": false,
|
||||
"searchQuery": ""
|
||||
},
|
||||
"icon": "lucide-list",
|
||||
"title": "Esquema de Apuntes generales de SQL"
|
||||
"title": "Esquema de LilCMS.JS - Concepto"
|
||||
}
|
||||
}
|
||||
],
|
||||
@@ -209,7 +209,7 @@
|
||||
}
|
||||
],
|
||||
"direction": "horizontal",
|
||||
"width": 388.5
|
||||
"width": 432.5
|
||||
},
|
||||
"left-ribbon": {
|
||||
"hiddenItems": {
|
||||
@@ -223,10 +223,15 @@
|
||||
"obsidian-git:Open Git source control": false
|
||||
}
|
||||
},
|
||||
"active": "f680d743f846f5b9",
|
||||
"active": "e615f9321ff830be",
|
||||
"lastOpenFiles": [
|
||||
"BDD/SQL/Tecnicismos/Tipos de datos.md",
|
||||
"Documentación personal/Proyectos/LilCMS/JS_Version",
|
||||
"BDD/SQL/Apuntes generales de SQL.md",
|
||||
"Documentación personal/Proyectos/LilCMS/JS_Version/LilCMS.JS - Concepto.md",
|
||||
"Documentación personal/Proyectos/LilCMS",
|
||||
"Documentación personal/Proyectos",
|
||||
"Documentación personal/Mecanica de Unix/1. Bash Scripting Avanzado/Funciones puras/Ejercicios/Ejercicios - Funciones puras.md",
|
||||
"BDD/SQL/Tecnicismos/Tipos de datos.md",
|
||||
"Imagenes/SQL/Mezcla-cartesiana_(CROSS_JOIN).png",
|
||||
"Imagenes/SQL",
|
||||
"Imagenes",
|
||||
@@ -240,7 +245,6 @@
|
||||
"BDD/SQL/Tecnicismos/Procedimientos almacenados.md",
|
||||
"BDD/SQL/Tecnicismos/Sintaxis (Keywords).md",
|
||||
"README.md",
|
||||
"Documentación personal/Mecanica de Unix/1. Bash Scripting Avanzado/Funciones puras/Ejercicios/Ejercicios - Funciones puras.md",
|
||||
"Documentación personal/Mecanica de Unix/1. Bash Scripting Avanzado/Extra.md",
|
||||
"Documentación personal/Mecanica de Unix/1. Bash Scripting Avanzado/Funciones puras/Ejercicios/validador_de_contraseñas.sh~",
|
||||
"Documentación personal/Mecanica de Unix/1. Bash Scripting Avanzado/Funciones puras/Ejercicios/test",
|
||||
@@ -252,15 +256,12 @@
|
||||
"BDD/SQL/Diario/Clase 4 de diciembre.md",
|
||||
"Programación/JavaScript/LDM-JavaScript.md",
|
||||
"Programación/HTML y CSS/CSS/LDM - CSS.md",
|
||||
"Programación/HTML y CSS/HTML",
|
||||
"Programación/HTML y CSS/CSS",
|
||||
"Programación/HTML y CSS/HTML/LDM - HTML.md",
|
||||
"Programación/PHP/M9-PHP.md",
|
||||
"Documentación personal/Mecanica de Unix/1. Bash Scripting Avanzado/Expansión de parámetros.md",
|
||||
"Programación/Python/Python.md",
|
||||
"Servidores/M5/M5 - ASIX.md",
|
||||
"Documentación personal/Mecanica de Unix/1. Bash Scripting Avanzado/Patrones de diseño en Bash.md",
|
||||
"Documentación personal/Mecanica de Unix/1. Bash Scripting Avanzado/Procesos hijos y paralelismo.md",
|
||||
"Documentación personal/Seguridad-Informatica/Vista General 1.canvas",
|
||||
"Documentación personal/Seguridad-Informatica/1_Imagenes/tools/software/specops.svg",
|
||||
"Documentación personal/Seguridad-Informatica/1_Imagenes/tools/software/satan.png",
|
||||
|
||||
@@ -0,0 +1,104 @@
|
||||
LilCMS.JS es, como su nombre indica, un CMS de creación propia basado en node.js y JavaScript. Es un sistema de renderizado en cliente (*Client-Side Rendering*).
|
||||
|
||||
La idea es simple: Crear un Gestor de contenidos simple, útil e intuitivo, en el cual se puedan definir diferentes elementos (web components) para cada cosa, como footer, content, headers, navbar, etc.
|
||||
|
||||
El motor de base de datos para la gestión de usuarios será MariaDB.
|
||||
|
||||
Estructura de ficheros (Base):
|
||||
```
|
||||
.
|
||||
├── assets
|
||||
│ ├── css
|
||||
│ ├── fonts
|
||||
│ ├── img
|
||||
│ └── js
|
||||
│ └── web-component.js
|
||||
├── favicon.ico
|
||||
├── index.html
|
||||
├── main
|
||||
│ └── components
|
||||
│ ├── content.html
|
||||
│ └── footer.html
|
||||
└── private
|
||||
|
||||
```
|
||||
|
||||
- **/assets**: Directorio contenedor de CSS, fuentes, imágenes a ser necesario y ficheros JS.
|
||||
- **/main**: Directorio contenedor de componentes de la página web. Estos sirven para ser insertados mediante web-component.js al index.html principal.
|
||||
- **/private**: Directorio contenedor experimental. Probablemente segurizado mediante identificación por servidor SQL.
|
||||
|
||||
|
||||
---
|
||||
## Contenido importante por el momento:
|
||||
|
||||
### `/index.html`
|
||||
```HTML
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Document</title>
|
||||
<script src="/assets/js/web-component.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<h1>Desde index</h1>
|
||||
<mi-content></mi-content>
|
||||
<mi-footer></mi-footer>
|
||||
</body>
|
||||
</html>
|
||||
```
|
||||
|
||||
### `/main/components/content.html`
|
||||
```HTML
|
||||
<h1>Contenido</h1>
|
||||
<ul>
|
||||
<li>
|
||||
<p>Poco texto</p>
|
||||
<p>Mucho texto</p>
|
||||
<p>Medio texto</p>
|
||||
<p>Completo texto</p>
|
||||
<p>Final de texto</p>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
```
|
||||
|
||||
### `/main/components/footer.html`
|
||||
```HTML
|
||||
<h1>Contenido</h1>
|
||||
<ul>
|
||||
<li>
|
||||
<p>Poco texto</p>
|
||||
<p>Mucho texto</p>
|
||||
<p>Medio texto</p>
|
||||
<p>Completo texto</p>
|
||||
<p>Final de texto</p>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
```
|
||||
|
||||
### `/assets/js/web-components.js`
|
||||
```JavaScript
|
||||
class MiFooter extends HTMLElement {
|
||||
connectedCallback() {
|
||||
fetch('../main/components/footer.html')
|
||||
.then(r => r.text())
|
||||
.then(html => this.innerHTML = html);
|
||||
}
|
||||
}
|
||||
customElements.define('mi-footer', MiFooter);
|
||||
|
||||
class MiContent extends HTMLElement {
|
||||
connectedCallback() {
|
||||
fetch('../main/components/content.html')
|
||||
.then(r => r.text())
|
||||
.then(html => this.innerHTML = html);
|
||||
|
||||
}
|
||||
}
|
||||
customElements.define('mi-content', MiContent);
|
||||
|
||||
```
|
||||
|
||||
Reference in New Issue
Block a user