Release 2.1.2

I think the menu-part was missing in downloads.html.twig:

{% block menu %}
  {% include 'partials/sidebar_right.html.twig' %}
{% endblock %}

CHANGELOG.md

@@ -1,5 +1,224 @@
+# v2.1.2
+## 03/13/2025
+
+1.  [](#improved)
+    * Upgraded Glightbox library to version 3.3.0 
+
+# v2.1.1
+## 02/16/2025
+
+1.  [](#improved)
+    * Updated `parials/taxonomylist.html.twig` to support latest updates in that plugin
+  
+# v2.1.0
+## 01/24/2025
+
+1.  [](#new)
+    * New demo page for download template
+2.  [](#bugfix)
+    * Fixed z-index property in dropdown menu ([https://github.com/pmoreno-rodriguez/grav-theme-future2021/issues/61](https://github.com/pmoreno-rodriguez/grav-theme-future2021/issues/61))
+  
+# v2.0.0
+## 08/14/2024
+
+1.  [](#new)
+    * New styles for buttons and boxes
+    * New Box, Buttons and Flex shortcodes
+2.  [](#improved)
+    * Updated Shortcodes demo page
+3.  [](#bugfix)
+    * Fixed invalid value in `itemtype` field in gallery template
+  
+# v1.4.0
+## 07/16/2024
+
+1.  [](#new)
+    * Removed the `custom.js` and `custom.css` files from the theme, to avoid overwriting user customizations with the release of new versions. These files are now loaded, if they exist in the theme's `assets/css` or `assets/js` folder, using the `onTwigSiteVariables` function within `future2021.php` and can be enabled from the theme settings.
+2.  [](#improved)
+    * Fixed the escaping of an html string in the metadata description
+    * Integrated "Back to Top" button code in main.js
+  
+# v1.3.3
+## 05/15/2024
+
+1.  [](#improved)
+    * Updated `taxonomylist` partial template to latest changes of [taxonomylist plugin](https://github.com/getgrav/grav-plugin-taxonomylist/releases/tag/1.3.6)
+  
+# v1.3.2
+## 03/19/2024
+
+1.  [](#bugfix)
+    * Fixed missing block menu in the right sidebar in the downloads template (thanks [mjz68](https://github.com/mjz68))
+
+# v1.3.1
+## 03/17/2024
+
+1.  [](#new)
+    * New Dutch language (thanks [Gilles van Eeden](https://github.com/gigago))
+
+# v1.3.0
+## 03/04/2024
+
+1.  [](#new)
+    * New Downloads template
+2.  [](#improved)
+    * Updated README
+    * Updated translations
+    * Updated styles
+    * Updated author info in theme blueprints
+    * Removed partial Privacy template for contact form
+    * Updated contact demo page
+  
+# v1.2.5
+## 01/08/2024
+
+1.  [](#new)
+    * New demo page url
+2.  [](#improved)
+    * Added language selector on mobile
+    * Added display swap when loading Google fonts
+    * Updated CSS Styles
+
+# v1.2.4
+## 01/04/2024
+
+1.  [](#new)
+    * Added option to display image logo in header
+2.  [](#improved)
+    * Updated CSS styles
+    * Updated translations
+  
+# v1.2.3
+## 11/26/2023
+
+1.  [](#improved)
+    * Updated CSS styles
+    * Macros redefined for navigation (now, clickable parent menu items)
+2.  [](#bugfix)
+    * Fixed pimary image definition in base template
+  
+# v1.2.2
+## 10/28/2023
+
+1.  [](#new)
+    * Added option to load Google fonts from local folder.
+    * New captions on hover for portfolio images.
+2.  [](#improved)
+    * Updated translations
+    * Updated CSS styles
+    * Redefined macros for navigation and page toc plugin
+3.  [](#bugfix)
+    * Fixed sort filter error when taxonomy is empty 
+  
+# v1.2.1
+## 09/28/2023
+
+1.  [](#new)
+    * New template for Page Toc plugin compatibility
+2.  [](#improved)
+    * Removed the extra text from the checkbox label, from the privacy.html.twig template (Note: use the `markdown` attribute on the form field to be able to use html tags within the privacy field)
+    * Code restructured in some twig templates
+    * Redesigned default template layout
+    * Improved code for datestamp on blog pages
+    * Improved css styles
+3.  [](#bugfix)
+    * Fixed `blog_page` variable in blog templates.
+    * Fixed links in recent posts images
+# v1.2.0
+## 08/13/2023
+
+1.  [](#new)
+    * New recent posts partial template and theme option to enable it.
+    * New related pages partial template
+    * New demo content
+2.  [](#improved)
+    * Updated CSS styles
+    * Updated translations
+    * Readme updated
+    * Relocated the templates for the sidebar
+    * Redefined the url of the base page for the blog
+3.  [](#bugfix)
+    * Fixed archives templates 
+# v1.0.7
+## 07/20/2023
+
+1.  [](#bugfix)
+    * Fixed page date in miniposts [#43](https://github.com/pmoreno-rodriguez/grav-theme-future2021/issues/43)
+2.  [](#improved)
+    * Updated css to avoid content overflow [#42](https://github.com/pmoreno-rodriguez/grav-theme-future2021/issues/42)
+# v1.0.6
+## 07/13/2023
+
+1.  [](#improved)
+    * Updated demo content [#38](https://github.com/pmoreno-rodriguez/grav-theme-future2021/issues/38)
+    * Relocated some variables used in all theme templates
+    * Improved css styles
+    * Updated translations
+    * Improved html header tags (h1,h2,etc), to improve SEO
+2.  [](#new)
+    * New option to choose the style of social media icons [#34](https://github.com/pmoreno-rodriguez/grav-theme-future2021/issues/34)
+    * Added crossmark to close the side menu [#24](https://github.com/pmoreno-rodriguez/grav-theme-future2021/issues/24)
+    * Added css styles to support plugin `Editable with ContentTools` [#39](https://github.com/pmoreno-rodriguez/grav-theme-future2021/issues/39)
+# v1.0.5
+## 04/17/2023
+
+1.  [](#bugfix)
+    * Fixed raw filter in several templates.
+    * Fixed pagination in blog
+2.  [](#improved)
+    * Updated translations.
+    * Updated css styles.
+    * Improved author styles in blog items.
+3.  [](#new)
+    * Added support for Owl Carousel plugin
+    * Added support for Reading time plugin in blog
+    * Added option to enable or disable primary image in pages
+# v1.0.4
+## 02/27/2023
+
+1.  [](#bugfix)
+    * Fixed Spanish translation for custom menu items.
+    * Fixed support for the twig-extensions plugin in blog posts.
+    * Fixed issues with login [#27](https://github.com/pmoreno-rodriguez/grav-theme-future2021/issues/27)
+2.  [](#improved)
+    * Updated translations.
+    * Updated css styles.
+    * Optimized js loading for sidebar menu.
+    * Improved loading of FontAwesome styles with the `preload` option
+    * Improved `aria-label` attribute in all templates
+3.  [](#new)
+    * New styles for login forms.
+    * New option to show icons in the top menu.
+    * Added option on blog posts to choose to share on social media. (thanks to [b.da](https://discourse.getgrav.org/u/b.da))
+    * Added body classes to default template.
+    * Added option to show custom menu items.
+    * New options in portofolio template.
+    * Added OpenGraph metadata
+    * Added `decoding=async` option for all images.
+    * Added quick README instructions for configuring Future2021
+# v1.0.3
+## 02/08/2023
+
+1.  [](#bugfix)
+    * Fixed logo display when only mobile logo is chosen.
+    * Fixed bug in simplesearch item (added `striptags` filter in page.summary)[#26](https://github.com/pmoreno-rodriguez/grav-theme-future2021/issues/26).
+    * Fixed demo content removing .es prefix [#1](https://github.com/pmoreno-rodriguez/grav-theme-future2021/issues/1).
+    * Fixed search results image with `|raw` filter.
+    * Fixed display of svg in search results.
+2.  [](#improved)
+    * Autoformatted some twigs (thanks to [@pikim](https://github.com/pikim)).
+    * Improved the definition of variables in twig templates.
+    * Minimal options in future2021.yaml file.
+    * Added German translation (thanks to [@pikim](https://github.com/pikim)).
+    * Renamed custom.css to misc.css.
+    * Update author and avatar variables in blog.
+3.  [](#new)
+    * Added filter by URI on results page by taxonomy.
+    * Added support for translate-date (thanks to [@pikim](https://github.com/pikim)) and twig-extensions plugins.
+    * Allow disabling sidebar in all pages.
+    * Added support to Login Form
 # v1.0.2
-## 11/09/2022
+## 11/08/2022
 
 1.  [](#bugfix)
     * Fixed code in sidebar_navigation.html.twig and topmenu.html.twig
@@ -20,7 +239,7 @@
     * Updated CSS Styles to show FontAwesome 5
 
 # v1.0.0
-## 05/12/2021
+## 02/04/2022
 
 1.  [](#new)
     * Drop down menu functionality

README.md

@@ -6,7 +6,11 @@ Future Imperfect theme by HTML5UP ported from scratch to Grav. Version 2021
 
 Future Imperfect by HTML5UP, features a clean, minimalistic design, styling for all basic page elements and HTML5/CSS3 code designed for quick and easy customization.
 
-# Features
+**If you enjoy this theme, please consider sponsoring:**
+
+<a href="https://www.buymeacoffee.com/birdydesign" target="_blank"><img src="https://cdn.buymeacoffee.com/buttons/v2/default-yellow.png" alt="Buy Me A Coffee" style="height: 60px !important;width: 217px !important;" ></a>
+
+## Features
 Redesigned from scratch (version 2021)
 
 - HTML5 and CSS3
@@ -18,36 +22,132 @@ Redesigned from scratch (version 2021)
 - Styling for all basic page elements
 - Styling for various modules
 - Cross browser compatible
-- Dynamic avatar images based on author
-- ~~Sharing buttons for Facebook and Twitter with share count.~~
-- Randomised page content in sidebar
+- Sharing buttons for Facebook, Twitter, Whatsapp and Telegram.
 - Top content pages in sidebar
 - Fully responsive with full-page mobile navigation
 - SCSS based CSS source files for easy customization
 - Blueprints for Footer, Slogan and Social icons.
 - Full Portfolio template with Glightbox library
+- Ready to work with Archives, Breadcrumbs, Editable with Contenttools, Feed, Langswitcher, Maintenance, Reading time, Related pages, Twig extensions, Simplesearch and Taxonomylist.
 
-# Supported Page Templates
-- Default view template
-- Error view template
-- Blog view template
-- Blog item view template
-- Single view template
-- Portfolio view template
-- Form view template
-- Modular view templates:
-    - Features Modular view template
-    - Banner Modular view template
-    - Contact Modular view template
+### Supported Page Templates
+
+* Default view template `default.md`
+* Error view template `error.md`
+* Blog view template `blog.md`
+* Blog item view template `item.md`
+* Portfolio view template
+* Form view template `form.md`
+* Modular view templates: `modular.md`
+    - Features Modular view template `features.md`
+    - Banner Modular view template `banner.md`
+    - Contact Modular view template `contact.md`
+* Owlcarousel template
+* Recent posts partial template
+* Related posts partial template
 
 # Installation
 
 Installing the Future 2021 theme can be done in one of two ways. Our GPM (Grav Package Manager) installation method enables you to quickly and easily install the theme with a simple terminal command, while the manual method enables you to do so via a zip file.
 
+## GPM Installation (Preferred)
+
+The simplest way to install this theme is via the [Grav Package Manager (GPM)](https://learn.getgrav.org/17/cli-console/grav-cli-gpm) through your system's Terminal (also called the command line).  From the root of your Grav install type:
+
+    bin/gpm install future2021
+
+This will install the Future2021 theme into your `/user/themes` directory within Grav. Its files can be found under `/your/site/grav/user/themes/future2021`.
+
+## Manual Installation
+
+To install this theme, just download the zip version of this repository and unzip it under `/your/site/grav/user/themes`. Then, rename the folder to `future2021`. You can find these files either on [GitHub](https://github.com/pmoreno-rodriguez/grav-theme-future2021) or via [GetGrav.org](http://getgrav.org/downloads/themes).
+
+You should now have all the theme files under
+
+    /your/site/grav/user/themes/future2021
+## Default Options
+
+Future2021 comes with a few default options that can be set site-wide.  These options are:
+
+```yaml
+production-mode: true         # In production mode, only minified CSS is used. When disabled, nested CSS are enabled
+sidebar:                      # Enable/Disable sidebar in non-editable pages such as simplesearch results, offline, etc.
+google_fonts_local:           # Option to load Google Fonts from the theme or from Google servers.
+favicon:                      # Choosse your own favicon
+custom_logo:                  # A custom logo rather than the default (see below)  
+custom_logo_mobile:           # A custom logo to use for mobile navigation
+type_logo_header:             # Choose how the logo is displayed in header. Options: Image, Text or Both
+slogan:                       # Custom text for slogan
+menu_langswitcher:            # Enable/Disable langswitcher icon in menu (langswitcher plugin needed)
+menu_search:                  # Enable/Disable search icon in menu (simplesearch plugin needed)
+menu_login:                   # Enable/Disable login icon in menu
+blog-page: '/blog'            # The route to the blog listing page, useful for a blog style layout
+miniposts:                    # Enable/Disable miniposts in left sidebar
+miniposts_category:           # Select category name for miniposts (configured in taxonomies)
+miniposts_number:             # The number of mini posts will be displayed on the left sidebar
+recent_posts_enabled:         # Enable/Disable recent posts in left sidebar
+recent_posts_number:          # The number of recent posts will be displayed on the left sidebar
+footer.title:                 # Footer block title in left sidebar
+footer.description:           # Footer block description in left sidebar
+footer.copyright_text:        # Footer block copyright text in left sidebar
+footer.button_text:           # Footer block button text in left sidebar
+footer.button_url:            # Footer block button url in left sidebar
+enable_social:                # Enable/Disable social icons in footer
+social_style:                 # Select the style for Fontawesome icons
+custommenus.enabled:          # Enable/Disable custom menus in top menu
+```
+To make modifications, you can copy the `user/themes/future2021/future2021.yaml` file to `user/config/themes/` folder and modify, or you can use the admin plugin.
+
+> NOTE: Do not modify the `user/themes/future2021/future2021.yaml` file directly or your changes will be lost with any updates
+## Custom Logos
+
+To add a custom logo, you should put the log into the `user/themes/future2021/images/logo` folder.  Standard image formats are support (`.png`,`.jpg`, `.gif`, `.svg`, etc.).  Then reference the logo via the YAML like so:
+
+```yaml
+custom_logo:
+    - name: 'my-custom-logo.png'
+custom_logo_mobile:
+    - name: 'my-custom-mobile-logo.png'    
+```
+Alternatively, you can you use the drag-n-drop "Custom Logo" field in the Future2021 theme options.
+## Portfolio Options
+
+| Option | Type | Default | Description |
+| --- | --- | --- | --- |
+| openEffect | string | `zoom` | Name of the effect on lightbox open. (zoom, fade, none) |
+| closeEffect | string | `zoom` | Name of the effect on lightbox close. (zoom, fade, none) |
+| slideEffect | string | `slide` | Name of the effect on slide change. (slide, fade, zoom, none) |
+| moreText | string | `See more` | More text for descriptions on mobile devices. |
+| moreLength | number | `60` | Number of characters to display on the description before adding the moreText link (only for mobiles), if 0 it will display the entire description. |
+| closeButton | boolean | `true` | Show or hide the close button. |
+| touchNavigation | boolean | `true` | Enable or disable the touch navigation (swipe). |
+| touchFollowAxis | boolean | `true` | Image follow axis when dragging on mobile. |
+| keyboardNavigation | boolean | `true` | Enable or disable the keyboard navigation. |
+| closeOnOutsideClick | boolean | `true` | Close the lightbox when clicking outside the active slide. |
+| startAt | number | `0` | Start lightbox at defined index. |
+| width | number | `900px` | Default width for inline elements and iframes, you can define a specific size on each slide. You can use any unit for example 90% or 100vw for full width |
+| height | number | `506px` | Default height for inline elements and iframes, you can define a specific size on each slide.You can use any unit for example 90% or 100vh **For inline elements you can set the height to auto**. |
+| descPosition | string | `bottom` | Global position for slides description, you can define a specific position on each slide (bottom, top, left, right). |
+| loop | boolean | `false` | Loop slides on end. |
+| zoomable | boolean | `true` | Enable or disable zoomable images you can also use data-zoomable="false" on individual nodes. |
+| draggable | boolean | `true` | Enable or disable mouse drag to go prev and next slide (only images and inline content), you can also use data-draggable="false" on individual nodes. |
+| dragToleranceX | number | `40` | Used with draggable. Number of pixels the user has to drag to go to prev or next slide. |
+| dragToleranceY | number | `65` | Used with draggable. Number of pixels the user has to drag up or down to close the lightbox (Set 0 to disable vertical drag). |
+| dragAutoSnap | boolean | `false` | If true the slide will automatically change to prev/next or close if dragToleranceX or dragToleranceY is reached, otherwise it will wait till the mouse is released. |
+| preload | boolean | `true` | Enable or disable preloading. |
+
+# Downloads template
+
+Future2021 theme includes a simple template to manage downloads of files uploaded to a page. These files are automatically found and processed by Grav using `page.media.all` and displayed in a table with four columns: name, size, modification date and download button.
+
 # Demo page
 
-[http://future.juanvillen.es/](http://future.juanvillen.es/)
+[https://future2021.pmdesign.dev](https://future2021.pmdesign.dev)
+
+# Documentation 
+
+You can read extra documentation of Future2021 Theme at [https://pmoreno-rodriguez.github.io/#/./gravthemes/future2021/index](https://pmoreno-rodriguez.github.io/#/./gravthemes/future2021/index). This is [Spanish document site for Future2021 Theme](https://pmdesign.dev/temas/future2021)
 
 # Future plans
 
-- ~~Translations English - Spanish for administration and front-end~~
+- Create a Flex Directory for authors and avatars.

_demo/config/themes/future.yaml

@@ -1,41 +0,0 @@
-enabled: true
-production-mode: true
-favicon:
-  user/themes/future2021/images/Grav_logo.png:
-    name: Grav_logo.png
-    type: image/png
-    size: 15355
-    path: user/themes/future2021/images/Grav_logo.png
-blog_page: /blog
-slogan: 'AYUDA DE GRAV EN ESPAÑOL'
-latestposts: true
-custom_logo:
-  user/themes/future2021/images/logo/Grav_logo.png:
-    name: Grav_logo.png
-    type: image/png
-    size: 15355
-    path: user/themes/future2021/images/logo/Grav_logo.png
-custom_logo_mobile: {  }
-footer:
-  title: ABOUT
-  description: 'Mauris neque quam, fermentum ut nisl vitae, convallis maximus nisl. Sed mattis nunc id lorem euismod amet placerat. Vivamus porttitor magna enim, ac accumsan tortor cursus at phasellus sed ultricies.'
-  copyright_text: 'DESIGN: <a href="https://html5up.net/" target="_blank">HTML5 UP</a>. IMAGES: <a href="http://wallpaperswide.com/" target="_blank">WALLPAPESWIDE</a>.'
-  button_url: about
-  button_text: 'Show more'
-social:
-  -
-    name: Twitter
-    url: 'https://www.twitter.com'
-    icon: 'fa fa-twitter'
-  -
-    name: Facebook
-    url: 'https://www.facebook.com'
-    icon: 'fa fa-facebook'
-  -
-    name: Instagram
-    url: 'https://www.instagram.com'
-    icon: 'fa fa-instagram'
-dropdown:
-  enabled: true
-miniposts: true
-miniposts_number: 3

_demo/config/themes/future2021.yaml

@@ -7,18 +7,18 @@ favicon:
     size: 15355
     path: user/themes/future2021/images/logo/Grav_logo.png
 blog_page: /blog
-slogan: 'AYUDA DE GRAV EN ESPAÑOL'
-custom_logo: {  }
-custom_logo_mobile:
+slogan: 'RESPONSIVE SITE TEMPLATE BY HTML5 UP PORTED TO GRAV'
+custom_logo:
   user/themes/future2021/images/logo/Grav_logo.png:
     name: Grav_logo.png
     type: image/png
     size: 15355
     path: user/themes/future2021/images/logo/Grav_logo.png
+custom_logo_mobile: {  }
 footer:
   title: ABOUT
   description: 'Mauris neque quam, fermentum ut nisl vitae, convallis maximus nisl. Sed mattis nunc id lorem euismod amet placerat. Vivamus porttitor magna enim, ac accumsan tortor cursus at phasellus sed ultricies.'
-  copyright_text: 'DESIGN: <a href="https://html5up.net/" target="_blank">HTML5 UP</a>. IMAGES: <a href="http://wallpaperswide.com/" target="_blank">WALLPAPESWIDE</a>.'
+  copyright_text: 'DESIGN: <a href="https://html5up.net/" target="_blank">HTML5 UP</a>. IMAGES by <a href="https://unsplash.com/es/@davealmine" target="_blank">Dawid Zawiła</a>.'
   button_url: about
   button_text: 'Show more'
 social:
@@ -34,12 +34,10 @@ social:
     name: Instagram
     url: 'https://www.instagram.com'
     icon: 'fa fa-instagram'
-miniposts: true
-miniposts_number: 3
 latestposts: true
 miniposts_category: minipost
 displaycustommenus:
-  enabled: false
+  enabled: true
 dropdown:
   enabled: true
 custommenu:
@@ -48,3 +46,15 @@ custommenu:
     icon: arrow-circle-right
     url: 'https://getgrav.org'
     target: _blank
+sidebar: true
+custommenus:
+  enabled: true
+menu_langswitcher: false
+menu_search: true
+menu_login: true
+enable_social: true
+social_style: brands
+miniposts: true
+miniposts_number: 3
+recent_posts_enabled: true
+recent_posts_number: 5

_demo/pages/01.bienvenido/01._caracteristicas/features.es.md

@@ -1,30 +0,0 @@
----
-title: Características
-body_classes: modular
-features:
-    -
-        image: Elements14-c1.svg
-        title: 'Flat-File CMS'
-        text: 'Grav es una plataforma web basada en archivos rápida, simple y flexible. No se requiere instalación. Simplemente extraiga el archivo ZIP y ya estará en funcionamiento. Aunque Grav sigue principios similares a otras plataformas CMS de archivos planos, tiene una filosofía de diseño diferente a la mayoría.'
-        buttontext: 'Ver más'
-        buttonurl: 'https://getgrav.org/'
-        buttonurl_target: '1'
-    -
-        image: Elements14-b1.svg
-        title: 'Requisitos mínimos'
-        text: "Puede ejecutar Grav fácilmente en su ordenador local, así como en el 99% de todos los proveedores de alojamiento web. Éstos son los requisitos del sistema Grav: <br>\n<strong>Servidor Web</strong> (Apache, Nginx, LiteSpeed, Lightly, IIS, etc.) y\n<strong>PHP </strong>7.3.6 o superior</strong>.<br>¡ Eso es todo !"
-        buttontext: 'Ver más'
-        buttonurl: 'https://learn.getgrav.org/17/basics/requirements'
-        buttonurl_target: '1'
-    -
-        image: Elements14-a1.svg
-        title: Soporte
-        text: 'Grav dispone de una amplia documentación, eso sí, en inglés, pero muy detallada, que permitirá a cualquiera con un mínimo conocimiento de programación web, empezar a diseñar páginas web con Grav.'
-        buttontext: 'Ver más'
-        buttonurl: 'https://learn.getgrav.org/17/basics/getting-help'
-        buttonurl_target: '1'
-media_order: 'Elements14-c1.svg,Elements14-b1.svg,Elements14-a1.svg'
-class: standard
-layout: standard
----
-

_demo/pages/01.bienvenido/02._banner/banner.es.md

@@ -1,21 +0,0 @@
----
-title: About
-subtitulo: Subtitle
-textoboton: More
-enlaceboton: 'https://juanvillen.es'
-primaryImage: 426-compressor.jpg
-media_order: 'undraw_polaroid_re_481f.svg,undraw_Video_call_re_4p26.png'
-titulo: About
-contenido: 'Nam elementum, justo sed faucibus imperdiet, mi sapien cursus dui, id tristique felis mauris ut metus. Sed quis tempor enim, nec pretium ante. Quisque in ante mi. Fusce in odio at magna venenatis aliquam. Aliquam mollis vel magna eu condimentum. Suspendisse a purus dui. Phasellus et tristique ipsum, quis feugiat sem. Proin luctus semper ligula, vel ultrices quam. Praesent feugiat est sem, ut imperdiet ante mollis ac. Vivamus scelerisque risus pharetra, placerat orci faucibus, scelerisque nunc. Proin pharetra pretium eros, non fermentum quam dapibus ut. Fusce augue erat, viverra non porta vitae, tempor id lorem. Sed fringilla elementum ante. Aenean facilisis tellus mauris, sed dapibus libero maximus non.'
-subtitle: Subtitle
-buttontext: 'View more'
-buttonurl: '#'
-image: undraw_Video_call_re_4p26.png
-buttons:
-    -
-        text: DFADSFADSF
-        url: DFASDFADSF
-        primary: true
----
-
-Sed vel urna vitae elit viverra dignissim sit amet nec ex. Proin varius sed ex eu viverra. Suspendisse orci nibh, gravida ut purus quis, laoreet luctus augue. Nulla ornare neque nec nibh commodo auctor. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Proin sed luctus magna. Suspendisse at gravida libero, sed porttitor odio. Aenean lacinia imperdiet risus a tincidunt.

_demo/pages/01.bienvenido/modular.es.md

@@ -1,13 +0,0 @@
----
-title: Bienvenido
-content:
-    items: '@self.modular'
-    order: {  }
-sidebar: true
----
-
-Bienvenido/a a la web ES-GRAV.COM, un sitio web dedicado en exclusiva al popular gestor de contenido GRAV, uno de los Flat-File CMS más reconocidos del mundo. El objetivo de este sitio es ser un punto de partida para conocer este popular CMS, el cual dispone de poca documentación en nuestro idioma, a la vez que servir de base documental para realizar tus proyectos con Grav, incluyendo algunos de los documentos oficiales de Grav, traducidos al castellano, así como pequeños tutoriales que harán más fácil la creación de un sitio web con Grav.
-
-Esperamos que este sitio web sea el punto de inicio para que conozcas Grav en profundidad y puedas sacarle el máximo provecho posible. Te animo a dejar tus comentarios y/o sugerencias en la sección de [CONTACTO](/contacto).
-
-Adelante !

_demo/pages/01.welcome/01._features/features.md

@@ -0,0 +1,33 @@
+---
+title: Features
+body_classes: modular
+features:
+    -
+        image: Elements14-c1.svg
+        title: 'Flat-File CMS'
+        text: 'Grav is a fast, simple and flexible file-based web platform. No installation required. Just extract the ZIP file and you''re up and running. Although Grav follows similar principles to other flat file CMS platforms, it has a different design philosophy than most.'
+        buttontext: 'Read more'
+        buttonurl: 'https://getgrav.org/'
+        buttonurl_target: '1'
+    -
+        image: Elements14-b1.svg
+        title: 'Minimum requirements'
+        text: "You can easily run Grav on your local computer, as well as on 99% of all web hosts. These are the Grav system requirements: <br>\n<strong>Web server</strong> (Apache, Nginx, LiteSpeed, Lightly, IIS, etc.) and\n<strong>PHP </strong>7.3.6 or higher</strong>.<br>That's all!"
+        buttontext: 'Read more'
+        buttonurl: 'https://learn.getgrav.org/17/basics/requirements'
+        buttonurl_target: '1'
+    -
+        image: Elements14-a1.svg
+        title: Support
+        text: 'Grav has extensive documentation, yes, in English, but very detailed, which will allow anyone with minimal knowledge of web programming to start designing web pages with Grav.'
+        buttontext: 'Read more'
+        buttonurl: 'https://learn.getgrav.org/17/basics/getting-help'
+        buttonurl_target: '1'
+media_order: 'Elements14-c1.svg,Elements14-b1.svg,Elements14-a1.svg'
+class: standard
+layout: standard
+show_pageimage: false
+image_width: 800
+image_height: 200
+---
+

_demo/pages/01.welcome/02._banner/banner.md

@@ -0,0 +1,12 @@
+---
+title: 'About me'
+media_order: 'pic07.jpg'
+subtitle: 'Who am I?'
+buttontext: 'Read more'
+buttonurl: 'https://github.com/pmoreno-rodriguez'
+image: pic07.jpg
+---
+
+My name is Pedro, I am Spanish and I discovered Grav CMS back in 2020. I like to learn and play with CMS to create simple websites. When I discovered Grav, I thought it could be a good system for building simple websites. Over time I discovered its potential and decided to actively help the Grav community.
+
+So I decided to start creating themes for Grav and collaborate on other projects, like Gantry, another powerful web design framework. I hope that my topics help more and more people to approach Grav CMS and try all its benefits.

_demo/pages/01.welcome/03._contact/contact.md

@@ -0,0 +1,8 @@
+---
+title: Contact
+body_classes: modular
+show_pageimage: true
+image_width: 1038
+image_height: 437
+---
+

_demo/pages/01.welcome/modular.md

@@ -0,0 +1,15 @@
+---
+title: Welcome
+content:
+    items: '@self.modular'
+    order: {  }
+sidebar: true
+show_pageimage: true
+image_width: 1038
+image_height: 437
+show_sidebar: true
+---
+
+Grav is a **Fast**, **Simple**, and **Flexible**, file-based Web-platform. There is **Zero** installation required. Just extract the ZIP archive, and you are already up and running. It follows similar principles to other flat-file CMS platforms, but has a different design philosophy than most. Grav comes with a powerful **Package Management System** to allow for simple installation and upgrading of plugins and themes, as well as simple updating of Grav itself.
+
+The name **Grav** is just a shortened version of the word **Gravity**. The shared namespace of our platform and a movie starring Sandra Bullock is pure coincidence! More importantly, gravity is also a fundamental physical principle that describes the forces of attraction between objects. Frankly, the name was chosen as a temporary "codename" for the project, and it just stuck.

_demo/pages/02.aboutgrav/01.page-one/default.md

@@ -1,8 +1,8 @@
 ---
-title: 'Item one'
+title: 'Page one'
 visible: true
 media_order: juan_avataaars.jpg
-primaryImage: Elements14-c1.svg
+primaryImage: pic02.jpg
 taxonomy:
     category:
         - About
@@ -12,6 +12,9 @@ taxonomy:
         - 'Juan Villén'
 subtitle: Subtitle
 avatarImage: juan_avataaars.jpg
+show_pageimage: true
+image_width: 1080
+image_height: 300
 ---
 
 Donec placerat nibh ac tellus sagittis ullamcorper. Proin sapien ipsum, malesuada eget felis quis, luctus iaculis neque. Fusce convallis orci ac sem efficitur, quis dictum enim auctor. Morbi aliquet, eros at consequat luctus, sapien tellus imperdiet felis, et maximus diam sem at nisi. 

_demo/pages/02.aboutgrav/02.page-two/01.subpage-two/default.md

@@ -1,9 +1,9 @@
 ---
-title: 'Subitem Item two'
+title: 'Subpage two'
 visible: true
-media_order: 'daily (6)_&_ae7dd5e9-2081-4fe1-93b3-9da2f162ddfe.jpg,ana_avataaars.jpg'
-primaryImage: 'daily (6)_&_ae7dd5e9-2081-4fe1-93b3-9da2f162ddfe.jpg'
-subtitle: 'Subtitle Item two'
+media_order: 'pic01.jpg,ana_avataaars.jpg'
+primaryImage: 'pic01.jpg'
+subtitle: 'Subtitle subpage two'
 avatarImage: ana_avataaars.jpg
 taxonomy:
     category:

_demo/pages/02.aboutgrav/02.page-two/default.md

@@ -0,0 +1,8 @@
+---
+title: 'Page two'
+visible: true
+taxonomy:
+    tag:
+        - tag3
+---
+

_demo/pages/02.aboutgrav/03.page-three/default.md

@@ -1,5 +1,5 @@
 ---
-title: 'Item three'
+title: 'Page three'
 visible: true
 media_order: 'pedro_avataaars.png,Elements14-c1.svg'
 primaryImage: Elements14-c1.svg
@@ -13,8 +13,18 @@ taxonomy:
     author:
         - 'Juan Villén'
         - 'Pedro Moreno'
+show_pageimage: true
+image_width: 1038
+image_height: 437
+show_sidebar: true
 ---
 
+| Cell A | Cell B | Cell C | Cell D | Cell E |
+|--------|--------|--------|--------|--------|
+| Data1  | Data2  | Data3  | Data4  | Data5  |
+| Data1  | Data2  | Data3  | Data4  | Data5  |
+| Data1  | Data2  | Data3  | Data4  | Data5  |
+
 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin imperdiet aliquet nunc, in dapibus ante gravida sed. Nulla facilisi. Integer ac finibus justo. Aenean scelerisque sollicitudin dui ut aliquet. Aliquam porta arcu magna, a interdum tortor consequat id. Cras fringilla luctus erat eget dictum. Etiam auctor sit amet risus nec volutpat. Integer bibendum interdum nisi non tincidunt. Morbi sed finibus nisi, et maximus orci. Duis luctus, dui in sodales aliquet, nisl mauris tristique diam, eget aliquet odio lectus sit amet eros. Quisque ex augue, convallis non aliquet aliquet, feugiat vitae lorem.
 
 Donec placerat nibh ac tellus sagittis ullamcorper. Proin sapien ipsum, malesuada eget felis quis, luctus iaculis neque. Fusce convallis orci ac sem efficitur, quis dictum enim auctor. Morbi aliquet, eros at consequat luctus, sapien tellus imperdiet felis, et maximus diam sem at nisi. Donec quis est vel nunc semper dignissim. Suspendisse nec ante condimentum, tempor velit id, gravida tortor. Nullam efficitur egestas erat ac pellentesque. Pellentesque non ultrices odio, et gravida ligula. Ut convallis augue non congue rutrum. Praesent vel tellus eros. Aliquam aliquam felis eu mauris faucibus, ut consequat odio dapibus. Pellentesque molestie lacus vel mi auctor fermentum. Vestibulum ut eros commodo, eleifend odio ut, aliquam ex.

_demo/pages/02.aboutgrav/04.what-is-grav/default.md

@@ -12,6 +12,9 @@ taxonomy:
     author:
         - 'Juan Villén'
 avatarImage: juan_avataaars.jpg
+show_pageimage: true
+image_width: 1038
+image_height: 300
 ---
 
 Grav is a **Fast**, **Simple**, and **Flexible** file-based Web-platform. There is **Zero** installation required.  Just extract the ZIP archive, and you are already up and running.  Although Grav follows principles similar to other flat-file CMS platforms, it has a different design philosophy than most.

_demo/pages/02.aboutgrav/default.md

@@ -0,0 +1,7 @@
+---
+title: 'About Grav'
+show_pageimage: true
+image_width: 1038
+image_height: 437
+---
+

_demo/pages/02.sobregrav/03.item-two/04.item-two-one/single.es.md

@@ -1,24 +0,0 @@
----
-title: 'Subitem Item two'
-visible: true
-media_order: 'daily (6)_&_ae7dd5e9-2081-4fe1-93b3-9da2f162ddfe.jpg,ana_avataaars.jpg'
-primaryImage: 'daily (6)_&_ae7dd5e9-2081-4fe1-93b3-9da2f162ddfe.jpg'
-subtitle: 'Subtitle Item two'
-avatarImage: ana_avataaars.jpg
-taxonomy:
-    category:
-        - About
-    tag:
-        - tag1
-        - tag4
-    author:
-        - 'Ana Fernández'
----
-
-# Lorem Ipsum
-
-[notice=note]
-"Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit..."[/notice]
-
-"There is no one who loves pain itself, who seeks after it and wants to have it, simply because it is pain..."
-Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin imperdiet aliquet nunc, in dapibus ante gravida sed. Nulla facilisi. Integer ac finibus justo. Aenean scelerisque sollicitudin dui ut aliquet. Aliquam porta arcu magna, a interdum tortor consequat id. Cras fringilla luctus erat eget dictum. Etiam auctor sit amet risus nec volutpat. Integer bibendum interdum nisi non tincidunt. Morbi sed finibus nisi, et maximus orci. Duis luctus, dui in sodales aliquet, nisl mauris tristique diam, eget aliquet odio lectus sit amet eros. Quisque ex augue, convallis non aliquet aliquet, feugiat vitae lorem.

_demo/pages/02.sobregrav/03.item-two/default.es.md

@@ -1,9 +0,0 @@
----
-title: 'Item two'
-visible: true
-primaryImage: WhitePocket_EN-US11956274200_1920x1200.jpg
-taxonomy:
-    tag:
-        - tag3
----
-

_demo/pages/02.sobregrav/default.es.md

@@ -1,4 +0,0 @@
----
-title: 'Sobre Grav'
----
-

_demo/pages/03.blog/01.post-one/item.md

@@ -0,0 +1,22 @@
+---
+title: 'Post one'
+show_pageimage: true
+image_width: 1038
+image_height: 437
+primaryImage: pic03.jpg
+media_order: pic03.jpg
+visible: false
+taxonomy:
+    category:
+        - minipost
+    tag:
+        - tag4
+    author:
+        - 'Ana Fernández'
+---
+
+Aenean luctus elit at pharetra faucibus. Morbi ex dui, lobortis nec massa ac, facilisis hendrerit libero. Vestibulum aliquet est ut urna ultrices, vel rhoncus ex bibendum. Nam tempus at arcu ac aliquet. Aliquam dolor nisl, dignissim sed ante eleifend, malesuada semper lorem. Duis lacinia erat ut elit porta finibus. Aenean volutpat suscipit nunc, ut vestibulum augue malesuada sed. Quisque ultrices nec nisi ut ornare. Sed tortor sem, eleifend sit amet tincidunt in, viverra at velit.
+
+Duis elementum magna mauris, nec bibendum tellus bibendum ut. Sed est velit, volutpat eu enim et, aliquet maximus sapien. Integer tincidunt nulla ex. Morbi dapibus arcu mi, id eleifend ipsum commodo vitae. Aliquam auctor ornare neque. Vestibulum nec sollicitudin enim, vitae varius massa. Quisque consectetur mollis leo at mattis. Ut blandit, mi ut feugiat hendrerit, enim diam mollis sem, non dictum libero nulla at turpis. Fusce viverra velit nec neque gravida interdum. Suspendisse elementum diam vel volutpat accumsan.
+
+Pellentesque maximus ex eget quam vehicula vestibulum. Pellentesque pellentesque tempor enim quis pulvinar. Cras congue urna orci, non suscipit quam dignissim at. Donec at lacus eleifend, molestie arcu porttitor, consequat ex. Quisque rhoncus massa id neque tristique, eget commodo justo auctor. Etiam mollis pulvinar facilisis. Aliquam volutpat est est, ac congue felis efficitur a. Etiam eget venenatis felis. Nulla facilisi.

_demo/pages/03.blog/02.post-two/item.md

@@ -0,0 +1,25 @@
+---
+title: 'Post two'
+show_pageimage: true
+image_width: 1038
+image_height: 437
+primaryImage: pic02.jpg
+media_order: pic02.jpg
+visible: false
+taxonomy:
+    category:
+        - blog
+    tag:
+        - tag1
+    author:
+        - 'Pedro Moreno'
+publish_date: '13-03-2023 22:28'
+feed:
+    limit: 10
+---
+
+Aenean luctus elit at pharetra faucibus. Morbi ex dui, lobortis nec massa ac, facilisis hendrerit libero. Vestibulum aliquet est ut urna ultrices, vel rhoncus ex bibendum. Nam tempus at arcu ac aliquet. Aliquam dolor nisl, dignissim sed ante eleifend, malesuada semper lorem. Duis lacinia erat ut elit porta finibus. Aenean volutpat suscipit nunc, ut vestibulum augue malesuada sed. Quisque ultrices nec nisi ut ornare. Sed tortor sem, eleifend sit amet tincidunt in, viverra at velit.
+
+Duis elementum magna mauris, nec bibendum tellus bibendum ut. Sed est velit, volutpat eu enim et, aliquet maximus sapien. Integer tincidunt nulla ex. Morbi dapibus arcu mi, id eleifend ipsum commodo vitae. Aliquam auctor ornare neque. Vestibulum nec sollicitudin enim, vitae varius massa. Quisque consectetur mollis leo at mattis. Ut blandit, mi ut feugiat hendrerit, enim diam mollis sem, non dictum libero nulla at turpis. Fusce viverra velit nec neque gravida interdum. Suspendisse elementum diam vel volutpat accumsan.
+
+Pellentesque maximus ex eget quam vehicula vestibulum. Pellentesque pellentesque tempor enim quis pulvinar. Cras congue urna orci, non suscipit quam dignissim at. Donec at lacus eleifend, molestie arcu porttitor, consequat ex. Quisque rhoncus massa id neque tristique, eget commodo justo auctor. Etiam mollis pulvinar facilisis. Aliquam volutpat est est, ac congue felis efficitur a. Etiam eget venenatis felis. Nulla facilisi.

_demo/pages/03.blog/03.post-three/item.md

@@ -1,6 +1,6 @@
 ---
 title: 'Post three'
-media_order: 'juan_avataaars.jpg,Elements14-b1.svg'
+media_order: 'juan_avataaars.jpg,pic03.jpg'
 taxonomy:
     tag:
         - tag2
@@ -9,7 +9,14 @@ taxonomy:
         - 'Juan Villén'
 avatarImage: juan_avataaars.jpg
 subtitle: 'Donec dolor velit, posuere eget metus at, hendrerit malesuada magna'
-primaryImage: Elements14-b1.svg
+primaryImage: pic03.jpg
+show_pageimage: true
+image_width: 1038
+image_height: 437
+date: '01-11-2022 22:27'
+feed:
+    limit: 10
+visible: false
 ---
 
 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam tincidunt diam at tortor volutpat placerat. Duis a dolor pharetra neque euismod porttitor. Ut pellentesque neque a odio pretium, eu feugiat lorem efficitur. Nunc pulvinar, dolor non facilisis semper, libero nisl auctor dolor, vitae dictum justo elit aliquet arcu. Curabitur quis posuere libero. Phasellus auctor purus turpis, non fringilla arcu scelerisque in. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam commodo tempus nisi, nec euismod augue commodo in.

_demo/pages/03.blog/04.post-four/item.md

@@ -1,6 +1,6 @@
 ---
 title: 'Post four'
-media_order: 'juan_avataaars.jpg,Elements14-b1.svg'
+media_order: 'juan_avataaars.jpg,pic04.jpg'
 taxonomy:
     category:
         - minipost
@@ -9,10 +9,17 @@ taxonomy:
         - tag4
     author:
         - 'Juan Villén'
-primaryImage: Elements14-b1.svg
+primaryImage: pic04.jpg
 avatarImage: juan_avataaars.jpg
 subtitle: 'Nulla consequat auctor odio non vehicula'
 order: 4
+show_pageimage: true
+image_width: 1038
+image_height: 437
+publish_date: '09-04-2023 22:27'
+feed:
+    limit: 10
+visible: false
 ---
 
 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam tincidunt diam at tortor volutpat placerat. Duis a dolor pharetra neque euismod porttitor. Ut pellentesque neque a odio pretium, eu feugiat lorem efficitur. Nunc pulvinar, dolor non facilisis semper, libero nisl auctor dolor, vitae dictum justo elit aliquet arcu. Curabitur quis posuere libero. Phasellus auctor purus turpis, non fringilla arcu scelerisque in. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam commodo tempus nisi, nec euismod augue commodo in.

_demo/pages/03.blog/05.post-five/item.md

@@ -1,6 +1,6 @@
 ---
 title: 'Post five'
-media_order: 'ana_avataaars.jpg,Elements14-c1.svg'
+media_order: 'ana_avataaars.jpg,pic05.jpg'
 taxonomy:
     category:
         - minipost
@@ -8,11 +8,19 @@ taxonomy:
         - tag3
         - tag1
     author:
+        - 'Juan Villén'
         - 'Ana Fernández'
-primaryImage: Elements14-c1.svg
+primaryImage: pic05.jpg
 avatarImage: ana_avataaars.jpg
 subtitle: 'Morbi ultricies interdum turpis, nec tincidunt nulla gravida varius'
 order: 3
+show_pageimage: true
+image_width: 1038
+image_height: 437
+publish_date: '04-07-2023 22:27'
+feed:
+    limit: 10
+visible: false
 ---
 
 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam tincidunt diam at tortor volutpat placerat. Duis a dolor pharetra neque euismod porttitor. Ut pellentesque neque a odio pretium, eu feugiat lorem efficitur. Nunc pulvinar, dolor non facilisis semper, libero nisl auctor dolor, vitae dictum justo elit aliquet arcu. Curabitur quis posuere libero. Phasellus auctor purus turpis, non fringilla arcu scelerisque in. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam commodo tempus nisi, nec euismod augue commodo in.

_demo/pages/03.blog/06.post-six/item.md

@@ -1,7 +1,7 @@
 ---
 title: 'Post six'
-media_order: 'pedro_avataaars.png,Elements14-b1.svg'
-primaryImage: Elements14-b1.svg
+media_order: 'pedro_avataaars.png,pic01.jpg,pic02.jpg,pic06.jpg'
+primaryImage: pic06.jpg
 avatarImage: pedro_avataaars.png
 taxonomy:
     tag:
@@ -9,6 +9,13 @@ taxonomy:
     author:
         - 'Pedro Moreno'
 subtitle: 'Cras ac dolor sit amet mi convallis lacinia non non massa'
+show_pageimage: true
+image_width: 1038
+image_height: 437
+publish_date: '13-08-2023 22:27'
+feed:
+    limit: 10
+visible: false
 ---
 
 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam tincidunt diam at tortor volutpat placerat. Duis a dolor pharetra neque euismod porttitor. Ut pellentesque neque a odio pretium, eu feugiat lorem efficitur. Nunc pulvinar, dolor non facilisis semper, libero nisl auctor dolor, vitae dictum justo elit aliquet arcu. Curabitur quis posuere libero. Phasellus auctor purus turpis, non fringilla arcu scelerisque in. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam commodo tempus nisi, nec euismod augue commodo in.
@@ -16,3 +23,12 @@ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam tincidunt diam
 Vivamus egestas feugiat pellentesque. Donec eu est bibendum, fermentum mauris et, fringilla libero. Duis ultrices iaculis ipsum in pharetra. Curabitur a quam volutpat ex mollis rhoncus. Nam cursus magna non nisl posuere porttitor. Ut eget porttitor arcu. Vivamus ut imperdiet turpis, nec laoreet turpis. Morbi efficitur risus vehicula blandit convallis. Nulla eget metus bibendum, ornare metus eu, dignissim lorem. Nulla non tortor sed erat ullamcorper volutpat a vel justo.
 
 Sed eleifend ligula nec leo efficitur iaculis. Integer a vulputate dui, sit amet blandit dui. In lacinia congue nisl nec congue. Suspendisse ornare, dui non tincidunt iaculis, justo lorem viverra urna, sed vestibulum enim risus vitae nunc. Proin pretium faucibus libero. Sed vulputate commodo risus, semper varius lectus auctor quis. Aliquam a ex a augue ultricies dignissim. Vivamus est tellus, consequat vitae tempus ac, tempus id leo.
+
+## Owl-carousel sample
+! Owl-carousel plugin is required to see the next images
+
+[owl-carousel items=1 margin=10 loop=true autoplay=true autoplayHoverPause=true nav=true]
+![](pic01.jpg?cropZoom=1024,400)
+![](pic02.jpg?cropZoom=1024,400)
+![](pic06.jpg?cropZoom=1024,400)
+[/owl-carousel]

_demo/pages/03.blog/07.post-seven/item.md

@@ -1,7 +1,7 @@
 ---
 title: 'Post Seven'
-media_order: 'pedro_avataaars.png,Elements14-c1.svg'
-primaryImage: Elements14-c1.svg
+media_order: 'pedro_avataaars.png,pic07.jpg'
+primaryImage: pic07.jpg
 avatarImage: pedro_avataaars.png
 taxonomy:
     category:
@@ -9,9 +9,18 @@ taxonomy:
     tag:
         - tag2
     author:
+        - 'Ana Fernández'
         - 'Pedro Moreno'
 subtitle: 'Quisque et neque interdum, sodales metus id, ullamcorper est'
 order: 5
+show_pagination: true
+show_pageimage: true
+image_width: 1038
+image_height: 437
+date: '10-09-2023 22:27'
+feed:
+    limit: 10
+visible: false
 ---
 
 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam tincidunt diam at tortor volutpat placerat. Duis a dolor pharetra neque euismod porttitor. Ut pellentesque neque a odio pretium, eu feugiat lorem efficitur. Nunc pulvinar, dolor non facilisis semper, libero nisl auctor dolor, vitae dictum justo elit aliquet arcu. Curabitur quis posuere libero. Phasellus auctor purus turpis, non fringilla arcu scelerisque in. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam commodo tempus nisi, nec euismod augue commodo in.

_demo/pages/03.blog/admin01/item.es.md

@@ -1,22 +0,0 @@
----
-title: 'Panel de Administración. Parte 1'
-media_order: 'pedro_avataaars.png,admin01.svg'
-primaryImage: admin01.svg
-avatarImage: pedro_avataaars.png
-taxonomy:
-    category:
-        - minipost
-    tag:
-        - tag3
-    author:
-        - 'Pedro Moreno'
-subtitle: Configuración
-order: 1
-summary: {  }
----
-
-Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam tincidunt diam at tortor volutpat placerat. Duis a dolor pharetra neque euismod porttitor. Ut pellentesque neque a odio pretium, eu feugiat lorem efficitur. Nunc pulvinar, dolor non facilisis semper, libero nisl auctor dolor, vitae dictum justo elit aliquet arcu. Curabitur quis posuere libero. Phasellus auctor purus turpis, non fringilla arcu scelerisque in. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam commodo tempus nisi, nec euismod augue commodo in.
-
-Vivamus egestas feugiat pellentesque. Donec eu est bibendum, fermentum mauris et, fringilla libero. Duis ultrices iaculis ipsum in pharetra. Curabitur a quam volutpat ex mollis rhoncus. Nam cursus magna non nisl posuere porttitor. Ut eget porttitor arcu. Vivamus ut imperdiet turpis, nec laoreet turpis. Morbi efficitur risus vehicula blandit convallis. Nulla eget metus bibendum, ornare metus eu, dignissim lorem. Nulla non tortor sed erat ullamcorper volutpat a vel justo.
-
-Sed eleifend ligula nec leo efficitur iaculis. Integer a vulputate dui, sit amet blandit dui. In lacinia congue nisl nec congue. Suspendisse ornare, dui non tincidunt iaculis, justo lorem viverra urna, sed vestibulum enim risus vitae nunc. Proin pretium faucibus libero. Sed vulputate commodo risus, semper varius lectus auctor quis. Aliquam a ex a augue ultricies dignissim. Vivamus est tellus, consequat vitae tempus ac, tempus id leo.

_demo/pages/03.blog/blog.es.md

@@ -1,15 +0,0 @@
----
-title: Blog
-content:
-    items:
-        - '@self.children'
-    limit: 5
-    order:
-        by: date
-        dir: desc
-    pagination: true
-    url_taxonomy_filters: true
-sidebar: true
-show_breadcrumbs: false
----
-

_demo/pages/03.blog/blog.md

@@ -0,0 +1,31 @@
+---
+title: Blog
+content:
+    items:
+        - '@self.children'
+    limit: 5
+    order:
+        by: date
+        dir: desc
+    url_taxonomy_filters: true
+    pagination: true
+sidebar: true
+show_sidebar: true
+subtitle: 'Últimas entradas de Blog'
+facebook: '0'
+twitter: '1'
+whatsapp: '1'
+Telegram: '1'
+telegram: '1'
+shareicons:
+    facebook: true
+    twitter: true
+    whatsapp: true
+    telegram: true
+show_pageimage: true
+image_width: 1038
+image_height: 437
+sticky: true
+---
+
+Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam tincidunt diam at tortor volutpat placerat. Duis a dolor pharetra neque euismod porttitor. Ut pellentesque neque a odio pretium, eu feugiat lorem efficitur. 

_demo/pages/03.blog/instalaciongrav/item.es.md

@@ -1,26 +0,0 @@
----
-title: 'Instalación de Grav'
-taxonomy:
-    category:
-        - minipost
-    tag:
-        - tag3
-        - tag1
-    author:
-        - 'Ana Fernández'
-media_order: 'ana_avataaars.jpg,instalaciongrav.svg'
-primaryImage: instalaciongrav.svg
-avatarImage: ana_avataaars.jpg
-subtitle: 'Nullam convallis tempor mauris, in ornare lorem tristique sit amet'
-order: 2
----
-
-Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam tincidunt diam at tortor volutpat placerat. Duis a dolor pharetra neque euismod porttitor. Ut pellentesque neque a odio pretium, eu feugiat lorem efficitur. Nunc pulvinar, dolor non facilisis semper, libero nisl auctor dolor, vitae dictum justo elit aliquet arcu. Curabitur quis posuere libero. Phasellus auctor purus turpis, non fringilla arcu scelerisque in. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam commodo tempus nisi, nec euismod augue commodo in.
-
-Vivamus egestas feugiat pellentesque. Donec eu est bibendum, fermentum mauris et, fringilla libero. Duis ultrices iaculis ipsum in pharetra. Curabitur a quam volutpat ex mollis rhoncus. Nam cursus magna non nisl posuere porttitor. Ut eget porttitor arcu. Vivamus ut imperdiet turpis, nec laoreet turpis. Morbi efficitur risus vehicula blandit convallis. Nulla eget metus bibendum, ornare metus eu, dignissim lorem. Nulla non tortor sed erat ullamcorper volutpat a vel justo.
-
-Sed eleifend ligula nec leo efficitur iaculis. Integer a vulputate dui, sit amet blandit dui. In lacinia congue nisl nec congue. Suspendisse ornare, dui non tincidunt iaculis, justo lorem viverra urna, sed vestibulum enim risus vitae nunc. Proin pretium faucibus libero. Sed vulputate commodo risus, semper varius lectus auctor quis. Aliquam a ex a augue ultricies dignissim. Vivamus est tellus, consequat vitae tempus ac, tempus id leo.
-
-Maecenas tincidunt, risus sit amet sodales dignissim, felis felis ullamcorper magna, quis posuere leo nisl nec dolor. Nullam ullamcorper eros consequat tristique aliquam. Pellentesque varius diam turpis, molestie vulputate justo facilisis sit amet. Sed tempus, mi at posuere lobortis, elit massa iaculis nisl, eu porta orci mi ac turpis. Phasellus dignissim, nunc ac maximus auctor, augue elit gravida leo, vel imperdiet felis libero sed est. Ut faucibus diam vitae justo consequat, non commodo neque mattis. Sed lacinia ultricies urna, vel pharetra nunc tempor a. Nulla suscipit ex a ex suscipit efficitur.
-
-Pellentesque dignissim nulla eu ipsum pharetra ornare. Nam sit amet quam leo. Aenean iaculis ipsum id maximus rhoncus. Proin id imperdiet elit. Integer ac nibh augue. Maecenas ullamcorper venenatis est in varius. Nam eu hendrerit purus, id tincidunt dui. In placerat, ipsum id pellentesque aliquam, nisl odio ultrices erat, sit amet lacinia tortor nulla vitae arcu. Nullam tincidunt odio eu orci tempus, a semper lectus fermentum. Integer pulvinar ex ut ipsum vehicula egestas. Pellentesque sit amet erat iaculis, facilisis augue sit amet, venenatis turpis. Ut at hendrerit sem. Vestibulum massa turpis, congue ut viverra eu, tincidunt et massa. Donec porttitor at magna viverra porttitor. Vestibulum posuere arcu et metus blandit faucibus tempus vitae dolor. Nullam vehicula justo sed ultricies varius.

_demo/pages/04.portafolio/portfolio.es.md

@@ -1,48 +0,0 @@
----
-title: Portafolio
-content:
-    items:
-        - '@self.children'
-    limit: 5
-    order:
-        by: date
-        dir: desc
-    pagination: true
-    url_taxonomy_filters: true
-media_order: 'headphones_black_and_white-wallpaper-1920x1080.jpg,deep_sea_monster-wallpaper-1920x1080.jpg,howls_moving_castle-wallpaper-1920x1080.jpg,mushroom_forest-wallpaper-1920x1080.jpg,magic_butterfly-wallpaper-1920x1080.jpg,the_forest_house-wallpaper-1920x1080.jpg,thumb_headphones_black_and_white-wallpaper-1920x1080.jpg,thumb_deep_sea_monster-wallpaper-1920x1080.jpg,thumb_howls_moving_castle-wallpaper-1920x1080.jpg,thumb_magic_butterfly-wallpaper-1920x1080.jpg,thumb_mushroom_forest-wallpaper-1920x1080.jpg,thumb_the_forest_house-wallpaper-1920x1080.jpg'
-images:
-    -
-        image: headphones_black_and_white-wallpaper-1920x1080.jpg
-        title: 'Title 1'
-        description: 'Description 1'
-        thumb: thumb_headphones_black_and_white-wallpaper-1920x1080.jpg
-    -
-        image: the_forest_house-wallpaper-1920x1080.jpg
-        title: 'Title 2'
-        description: 'Description 2'
-        thumb: thumb_the_forest_house-wallpaper-1920x1080.jpg
-    -
-        image: deep_sea_monster-wallpaper-1920x1080.jpg
-        title: 'Title 3'
-        description: 'Description 3'
-        thumb: thumb_deep_sea_monster-wallpaper-1920x1080.jpg
-    -
-        image: howls_moving_castle-wallpaper-1920x1080.jpg
-        title: 'Title 4'
-        description: 'Description 4'
-        thumb: thumb_howls_moving_castle-wallpaper-1920x1080.jpg
-    -
-        image: mushroom_forest-wallpaper-1920x1080.jpg
-        title: 'Title 5'
-        description: 'Description 5'
-        thumb: thumb_mushroom_forest-wallpaper-1920x1080.jpg
-    -
-        image: magic_butterfly-wallpaper-1920x1080.jpg
-        title: 'Title 6'
-        description: 'Description 6'
-        thumb: thumb_magic_butterfly-wallpaper-1920x1080.jpg
-published: true
-layout: standard
----
-
-## [center]Some pictures for your portfolio[/center]

_demo/pages/04.portfolio/portfolio.md

@@ -0,0 +1,77 @@
+---
+title: Portfolio
+content:
+    items:
+        - '@self.children'
+    limit: 5
+    order:
+        by: date
+        dir: desc
+    pagination: true
+    url_taxonomy_filters: true
+media_order: 'pic01.jpg,pic02.jpg,pic03.jpg,pic04.jpg,pic05.jpg,pic06.jpg,thumb_pic01.jpg,thumb_pic02.jpg,thumb_pic03.jpg,thumb_pic04.jpg,thumb_pic05.jpg,thumb_pic06.jpg'
+images:
+    -
+        image: pic01.jpg
+        title: 'Title 1'
+        description: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam vitae vulputate risus. Aliquam sed mi vel nisi luctus scelerisque a quis est. Morbi ac ligula sit amet risus gravida sollicitudin nec et urna.'
+        descPosition: top
+    -
+        image: pic02.jpg
+        title: 'Title 2'
+        description: 'Aliquam erat volutpat. Phasellus malesuada eu orci quis malesuada. Sed sit amet suscipit ligula, et pellentesque mauris. '
+        descPosition: bottom
+    -
+        image: pic03.jpg
+        title: 'Title 3'
+        description: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam vitae vulputate risus. Aliquam sed mi vel nisi luctus scelerisque a quis est. Morbi ac ligula sit amet risus gravida sollicitudin nec et urna.'
+        descPosition: left
+    -
+        image: pic04.jpg
+        title: 'Title 4'
+        description: 'Donec hendrerit leo tincidunt diam pharetra venenatis. Nullam at venenatis ex. Mauris nisi quam, mattis vel sem vitae, ultrices ullamcorper augue'
+        descPosition: right
+    -
+        image: pic05.jpg
+        title: 'Title 5'
+        description: 'Donec eu orci libero. Integer est arcu, malesuada quis tincidunt vel, cursus et mauris. Vivamus interdum sed lectus eget tempus.'
+        descPosition: bottom
+    -
+        image: pic06.jpg
+        title: 'Title 6'
+        description: 'Mauris ultrices turpis vel justo mollis, eget lacinia enim efficitur. Cras consectetur neque id purus mattis, quis finibus sapien ornare'
+        descPosition: bottom
+layout: standard
+class: standard
+thumb_width: 450
+thumb_height: 300
+open_effect: zoom
+close_effect: zoom
+slide_effect: slide
+more_text: 'Ver más'
+more_length: 60
+close_button: '1'
+touch_navigation: '1'
+touch_axis: '1'
+keyboard_navigation: '1'
+closeOutside: '1'
+loop: '1'
+zoomable: '1'
+draggable: '1'
+draggableX: 40
+draggableY: 65
+dragAuto: '0'
+preload: '1'
+width: 100vw
+height: auto
+show_pageimage: false
+image_width: 1038
+image_height: 150
+show_sidebar: true
+---
+
+[center]
+## Some pictures for your portfolio
+
+Portfolio is a template for displaying an image gallery, based on the [Glightbox](https://biati-digital.github.io/glightbox/) Javascript library.
+[/center]

_demo/pages/05.contact/04._contact-us/contact.md

@@ -1,5 +1,5 @@
 ---
-title: 'Contacta con nosotros'
+title: 'Contact with us'
 form:
     name: contact-form
     template: form-messages
@@ -10,10 +10,10 @@ form:
         -
             name: name
             label: false
-            placeholder: Nombre
+            placeholder: Name
             validate:
                 required: true
-                message: 'El nombre es obligatorio'
+                message: 'The name is required'
             autofocus: 'off'
             autocomplete: 'on'
             type: text
@@ -25,7 +25,7 @@ form:
             placeholder: Email
             validate:
                 required: true
-                message: 'El Email es obligatorio'
+                message: 'The email is required'
             type: email
             outerclasses: 'col-6 col-12-small'
             classes: null
@@ -33,35 +33,37 @@ form:
             name: subject
             label: false
             type: text
-            placeholder: Asunto
+            placeholder: Subject
             validate:
                 required: true
-                message: 'El asunto es obligatorio'
+                message: 'The subject is required'
             outerclasses: 'col-12 col-12-small'
             classes: null
         -
             name: message
             label: false
-            placeholder: Mensaje
+            placeholder: Message
             validate:
                 required: true
-                message: 'El mensaje es obligatorio'
+                message: 'The message is required'
             type: textarea
             outerclasses: 'col-12 col-12-small'
             classes: null
             rows: 10
         -
             name: privacy
-            type: privacy
-            label: 'Política de Privacidad'
+            type: checkbox
+            markdown: true
+            label: 'Accept our <a href="privacy">Privacy policy</a>'
+            outerclasses: col-12
             validate:
                 required: true
-                message: 'Al usar este formulario estás de acuerdo con nuestra política de privacidad'
+                message: 'You must agree to the privacy policy'
     buttons:
         -
             type: submit
             value: Enviar
-            outerclasses: form-field
+            outerclasses: col-12
             classes: 'button primary'
     process:
         save:
@@ -70,11 +72,11 @@ form:
             extension: txt
             body: '{% include ''forms/data.txt.twig'' %}'
         email:
-            subject: '[Formulario desde ES-GRAV.COM] {{ form.value.name|e }}'
+            subject: '[Form from future.juanvillen.es] {{ form.value.name|e }}'
             body: '{% include ''forms/data.html.twig'' %}'
-        message: 'Gracias por su comentario !'
+        message: 'Thanks for your comments !'
         display: /thankyou
         reset: true
 ---
 
-<h3>Envíenos sus comentarios</h3>
+<h3>Send us your comments</h3>

_demo/pages/05.contact/modular.md

@@ -0,0 +1,12 @@
+---
+title: 'Contact with us'
+content:
+    items: '@self.modular'
+body_classes: modular
+menu: Contact
+show_sidebar: true
+show_pageimage: true
+image_width: 1038
+image_height: 437
+---
+