Versión estable del sistema de desarrollo Landstorm

README.md

@@ -1 +1,23 @@
-"# Landstorm_Developer_System" 
+# Landstorm Developer System
+
+Es un sistema gratuito para desarrolladores web que genera un entorno de desarrollo específicamente para sitios web estáticos construidos a partir de componentes en pug, librerías javascript y el framework css nativo de landstorm.
+
+Esta construido con Gulp mediante tareas para realizar la construcción del sitio en desarrollo y en producción.
+
+
+## Instalación de Gulp y dependencias
+
+```bash
+npm install -g gulp
+npm install --save-dev gulp-cli gulp-watch gulp-util gulp-inject gulp-concat gulp-clean gulp-ext-replace gulp-zip gulp-htmlmin gulp-pug gulp-sass gulp-clean-css gulp-purgecss gulp-autoprefixer gulp-uglify gulp-imagemin gulp-sitemap critical node-sass browser-sync imagemin-webp
+```
+
+## Lista de comandos
+### gulp dev
+Genera un directorio con todos los archivos procesados de la carpeta src para inicializar un entorno de desarrollo.
+
+### gulp build
+Genera un directorio con todos los archivos minificados y listos para ser desplegados en producción.
+
+### gulp server
+Habilita un servidor con browsersync para trabajar en tiempo real con el desarrollo del sitio web.

gulpfile.js

@@ -42,7 +42,7 @@ const componentsRute = `./${srcFolder}/${coreFolder}/${componentsFolder}/`;
 const componentsExtension = `/*.{js,scss}`;
 
 const components = [
-    `${componentsRute}videoplayers/videoplayer_vanilla${componentsExtension}`,
+    `${componentsRute}headers/header_welcome${componentsExtension}`,
 ];
 
 // Configuración del Sitemap

src/core/components/headers/header_welcome/header_welcome_01.pug

@@ -0,0 +1,6 @@
+extends header_welcome_template
+
+block image
+  source(data-srcset="./images/landstorm-logo.webp" type="image/webp" alt="Luis Falcon - luisdark935" class="b-lazy" srcset="data:image/webp;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=")
+  source(data-srcset="./images/landstorm-logo.png" type="image/png" alt="Luis Falcon - luisdark935" class="b-lazy" srcset="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=")
+  img(data-src="./images/landstorm-logo.png" alt="Luis Falcon - luisdark935" class="b-lazy" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=")

src/core/components/headers/header_welcome/header_welcome_styles.scss

@@ -0,0 +1,3 @@
+.welcome{
+    height: 100vh;
+}

src/core/components/headers/header_welcome/header_welcome_template.pug

@@ -0,0 +1,9 @@
+main(class="container-full focus-whitesmoke mt-0 welcome")
+      div(class="row pb-0")
+        div(class="col-2 move-col-5")
+            picture
+                block image
+      div(class="row")
+        div(class="col-10 move-col-1 text-center")
+            h1(class="h2 mb-1") Landstorm Developer System
+            a(href="https://github.com/LuisDark123/Landstorm_Developer_System", target="_blank") Versión 1.0

src/core/pages/index.pug

@@ -28,16 +28,7 @@ block SEO
     meta(name="twitter:image" content="images/imagen.jpg")
 
 block BODY
-    div(class="container-full focus-whitesmoke mt-0")
-      div(class="row pb-0")
-        div(class="col-2 move-col-5")
-          picture
-            source(data-srcset="./images/landstorm-logo.webp" type="image/webp" alt="Luis Falcon - luisdark935" class="b-lazy" srcset="data:image/webp;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=")
-            source(data-srcset="./images/landstorm-logo.png" type="image/png" alt="Luis Falcon - luisdark935" class="b-lazy" srcset="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=")
-            img(data-src="./images/landstorm-logo.png" alt="Luis Falcon - luisdark935" class="b-lazy" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=")
-      div(class="row")
-        div(class="col-8 move-col-2")
-          include ../components/videoplayers/videoplayer_vanilla/videoplayer_vanilla_01
+  include ../components/headers/header_welcome/header_welcome_01
 
 block JSON-LD
     script(type='application/ld+json').