#LilCMS-JS
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*). El repositorio original es este:
### - [LilCMS - A personal-made CMS](https://github.com/Lil-Carpi/LilCMS)
### TENED EN CUENTA:
- La versión original estará hecha en `PHP`, un lenguaje deprogramaciónn queaúnn no controlo.
El repositorio de ESTE proyecto será
### - [LilCMS.JS - A personal-made CMS, but on JavaScript](https://github.com/Lil-Carpi/LilCMS.js)
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
Document
Desde index
```
### `/main/components/content.html`
```HTML
Contenido
-
Poco texto
Mucho texto
Medio texto
Completo texto
Final de texto
```
### `/main/components/footer.html`
```HTML
Contenido
-
Poco texto
Mucho texto
Medio texto
Completo texto
Final de texto
```
### `/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);
```