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,3 +1,164 @@
+# 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
 
@@ -12,7 +173,6 @@
     * 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
 

README.md

@@ -6,6 +6,10 @@ 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.
 
+**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)
 
@@ -18,13 +22,13 @@ 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, 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
 
@@ -38,6 +42,9 @@ Redesigned from scratch (version 2021)
     - 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
 
@@ -65,9 +72,11 @@ Future2021 comes with a few default options that can be set site-wide.  These op
 ```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)
@@ -76,12 +85,15 @@ blog-page: '/blog'            # The route to the blog listing page, useful for a
 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.
@@ -123,9 +135,19 @@ Alternatively, you can you use the drag-n-drop "Custom Logo" field in the Future
 | 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
 
 - Create a Flex Directory for authors and avatars.

_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'
+slogan: 'RESPONSIVE SITE TEMPLATE BY HTML5 UP PORTED TO GRAV'
-custom_logo: {  }
+custom_logo:
-custom_logo_mobile:
   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
-custommenus:
+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.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.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.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'
+media_order: 'pic01.jpg,ana_avataaars.jpg'
-primaryImage: 'daily (6)_&_ae7dd5e9-2081-4fe1-93b3-9da2f162ddfe.jpg'
+primaryImage: 'pic01.jpg'
-subtitle: 'Subtitle Item two'
+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/default.md

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

_demo/pages/02.sobregrav/default.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'
+media_order: 'pedro_avataaars.png,pic01.jpg,pic02.jpg,pic06.jpg'
-primaryImage: Elements14-b1.svg
+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'
+media_order: 'pedro_avataaars.png,pic07.jpg'
-primaryImage: Elements14-c1.svg
+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.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.md

@@ -7,9 +7,25 @@ content:
     order:
         by: date
         dir: desc
-    pagination: true
     url_taxonomy_filters: true
+    pagination: true
 sidebar: true
-show_breadcrumbs: false
+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.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.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
+            type: checkbox
-            label: 'Política de Privacidad'
+            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
+---
+

_demo/pages/05.contacto/modular.md

@@ -1,8 +0,0 @@
----
-title: 'Contacta con nosotros'
-content:
-    items: '@self.modular'
-body_classes: modular
-menu: Contacto
----
-

_demo/pages/06.privacy/default.md

@@ -1,179 +0,0 @@
----
-title: 'Política de Privacidad'
-primaryImage: privacy-policy.jpg
-media_order: privacy-policy.jpg
-visible: false
-subtitle: 'Our privacy terms'
----
-
-<p>Last updated: December 02, 2020</p>
-<p>This Privacy Policy describes Our policies and procedures on the collection, use and disclosure of Your information when You use the Service and tells You about Your privacy rights and how the law protects You.</p>
-<p>We use Your Personal data to provide and improve the Service. By using the Service, You agree to the collection and use of information in accordance with this Privacy Policy. This Privacy Policy has been created with the help of the <a href="https://www.termsfeed.com/privacy-policy-generator/" target="_blank">Privacy Policy Generator</a>.</p>
-<h2>Interpretation and Definitions</h2>
-<h3>Interpretation</h3>
-<p>The words of which the initial letter is capitalized have meanings defined under the following conditions. The following definitions shall have the same meaning regardless of whether they appear in singular or in plural.</p>
-<h3>Definitions</h3>
-<p>For the purposes of this Privacy Policy:</p>
-<ul>
-<li>
-<p><strong>Account</strong> means a unique account created for You to access our Service or parts of our Service.</p>
-</li>
-<li>
-<p><strong>Company</strong> (referred to as either &quot;the Company&quot;, &quot;We&quot;, &quot;Us&quot; or &quot;Our&quot; in this Agreement) refers to My site.</p>
-</li>
-<li>
-<p><strong>Cookies</strong> are small files that are placed on Your computer, mobile device or any other device by a website, containing the details of Your browsing history on that website among its many uses.</p>
-</li>
-<li>
-<p><strong>Country</strong> refers to:  Spain</p>
-</li>
-<li>
-<p><strong>Device</strong> means any device that can access the Service such as a computer, a cellphone or a digital tablet.</p>
-</li>
-<li>
-<p><strong>Personal Data</strong> is any information that relates to an identified or identifiable individual.</p>
-</li>
-<li>
-<p><strong>Service</strong> refers to the Website.</p>
-</li>
-<li>
-<p><strong>Service Provider</strong> means any natural or legal person who processes the data on behalf of the Company. It refers to third-party companies or individuals employed by the Company to facilitate the Service, to provide the Service on behalf of the Company, to perform services related to the Service or to assist the Company in analyzing how the Service is used.</p>
-</li>
-<li>
-<p><strong>Third-party Social Media Service</strong> refers to any website or any social network website through which a User can log in or create an account to use the Service.</p>
-</li>
-<li>
-<p><strong>Usage Data</strong> refers to data collected automatically, either generated by the use of the Service or from the Service infrastructure itself (for example, the duration of a page visit).</p>
-</li>
-<li>
-<p><strong>Website</strong> refers to My site, accessible from <a href="http://mysite.com" rel="external nofollow noopener" target="_blank">http://mysite.com</a></p>
-</li>
-<li>
-<p><strong>You</strong> means the individual accessing or using the Service, or the company, or other legal entity on behalf of which such individual is accessing or using the Service, as applicable.</p>
-</li>
-</ul>
-<h2>Collecting and Using Your Personal Data</h2>
-<h3>Types of Data Collected</h3>
-<h4>Personal Data</h4>
-<p>While using Our Service, We may ask You to provide Us with certain personally identifiable information that can be used to contact or identify You. Personally identifiable information may include, but is not limited to:</p>
-<ul>
-<li>
-<p>Email address</p>
-</li>
-<li>
-<p>First name and last name</p>
-</li>
-<li>
-<p>Phone number</p>
-</li>
-<li>
-<p>Usage Data</p>
-</li>
-</ul>
-<h4>Usage Data</h4>
-<p>Usage Data is collected automatically when using the Service.</p>
-<p>Usage Data may include information such as Your Device's Internet Protocol address (e.g. IP address), browser type, browser version, the pages of our Service that You visit, the time and date of Your visit, the time spent on those pages, unique device identifiers and other diagnostic data.</p>
-<p>When You access the Service by or through a mobile device, We may collect certain information automatically, including, but not limited to, the type of mobile device You use, Your mobile device unique ID, the IP address of Your mobile device, Your mobile operating system, the type of mobile Internet browser You use, unique device identifiers and other diagnostic data.</p>
-<p>We may also collect information that Your browser sends whenever You visit our Service or when You access the Service by or through a mobile device.</p>
-<h4>Tracking Technologies and Cookies</h4>
-<p>We use Cookies and similar tracking technologies to track the activity on Our Service and store certain information. Tracking technologies used are beacons, tags, and scripts to collect and track information and to improve and analyze Our Service. The technologies We use may include:</p>
-<ul>
-<li><strong>Cookies or Browser Cookies.</strong> A cookie is a small file placed on Your Device. You can instruct Your browser to refuse all Cookies or to indicate when a Cookie is being sent. However, if You do not accept Cookies, You may not be able to use some parts of our Service. Unless you have adjusted Your browser setting so that it will refuse Cookies, our Service may use Cookies.</li>
-<li><strong>Flash Cookies.</strong> Certain features of our Service may use local stored objects (or Flash Cookies) to collect and store information about Your preferences or Your activity on our Service. Flash Cookies are not managed by the same browser settings as those used for Browser Cookies. For more information on how You can delete Flash Cookies, please read &quot;Where can I change the settings for disabling, or deleting local shared objects?&quot; available at <a href="https://helpx.adobe.com/flash-player/kb/disable-local-shared-objects-flash.html#main_Where_can_I_change_the_settings_for_disabling__or_deleting_local_shared_objects_" rel="external nofollow noopener" target="_blank">https://helpx.adobe.com/flash-player/kb/disable-local-shared-objects-flash.html#main_Where_can_I_change_the_settings_for_disabling__or_deleting_local_shared_objects_</a></li>
-<li><strong>Web Beacons.</strong> Certain sections of our Service and our emails may contain small electronic files known as web beacons (also referred to as clear gifs, pixel tags, and single-pixel gifs) that permit the Company, for example, to count users who have visited those pages or opened an email and for other related website statistics (for example, recording the popularity of a certain section and verifying system and server integrity).</li>
-</ul>
-<p>Cookies can be &quot;Persistent&quot; or &quot;Session&quot; Cookies. Persistent Cookies remain on Your personal computer or mobile device when You go offline, while Session Cookies are deleted as soon as You close Your web browser. You can learn more about cookies here: <a href="https://www.termsfeed.com/blog/cookies/" target="_blank">All About Cookies by TermsFeed</a>.</p>
-<p>We use both Session and Persistent Cookies for the purposes set out below:</p>
-<ul>
-<li>
-<p><strong>Necessary / Essential Cookies</strong></p>
-<p>Type: Session Cookies</p>
-<p>Administered by: Us</p>
-<p>Purpose: These Cookies are essential to provide You with services available through the Website and to enable You to use some of its features. They help to authenticate users and prevent fraudulent use of user accounts. Without these Cookies, the services that You have asked for cannot be provided, and We only use these Cookies to provide You with those services.</p>
-</li>
-<li>
-<p><strong>Cookies Policy / Notice Acceptance Cookies</strong></p>
-<p>Type: Persistent Cookies</p>
-<p>Administered by: Us</p>
-<p>Purpose: These Cookies identify if users have accepted the use of cookies on the Website.</p>
-</li>
-<li>
-<p><strong>Functionality Cookies</strong></p>
-<p>Type: Persistent Cookies</p>
-<p>Administered by: Us</p>
-<p>Purpose: These Cookies allow us to remember choices You make when You use the Website, such as remembering your login details or language preference. The purpose of these Cookies is to provide You with a more personal experience and to avoid You having to re-enter your preferences every time You use the Website.</p>
-</li>
-</ul>
-<p>For more information about the cookies we use and your choices regarding cookies, please visit our Cookies Policy or the Cookies section of our Privacy Policy.</p>
-<h3>Use of Your Personal Data</h3>
-<p>The Company may use Personal Data for the following purposes:</p>
-<ul>
-<li>
-<p><strong>To provide and maintain our Service</strong>, including to monitor the usage of our Service.</p>
-</li>
-<li>
-<p><strong>To manage Your Account:</strong> to manage Your registration as a user of the Service. The Personal Data You provide can give You access to different functionalities of the Service that are available to You as a registered user.</p>
-</li>
-<li>
-<p><strong>For the performance of a contract:</strong> the development, compliance and undertaking of the purchase contract for the products, items or services You have purchased or of any other contract with Us through the Service.</p>
-</li>
-<li>
-<p><strong>To contact You:</strong> To contact You by email, telephone calls, SMS, or other equivalent forms of electronic communication, such as a mobile application's push notifications regarding updates or informative communications related to the functionalities, products or contracted services, including the security updates, when necessary or reasonable for their implementation.</p>
-</li>
-<li>
-<p><strong>To provide You</strong> with news, special offers and general information about other goods, services and events which we offer that are similar to those that you have already purchased or enquired about unless You have opted not to receive such information.</p>
-</li>
-<li>
-<p><strong>To manage Your requests:</strong> To attend and manage Your requests to Us.</p>
-</li>
-<li>
-<p><strong>For business transfers:</strong> We may use Your information to evaluate or conduct a merger, divestiture, restructuring, reorganization, dissolution, or other sale or transfer of some or all of Our assets, whether as a going concern or as part of bankruptcy, liquidation, or similar proceeding, in which Personal Data held by Us about our Service users is among the assets transferred.</p>
-</li>
-<li>
-<p><strong>For other purposes</strong>: We may use Your information for other purposes, such as data analysis, identifying usage trends, determining the effectiveness of our promotional campaigns and to evaluate and improve our Service, products, services, marketing and your experience.</p>
-</li>
-</ul>
-<p>We may share Your personal information in the following situations:</p>
-<ul>
-<li><strong>With Service Providers:</strong> We may share Your personal information with Service Providers to monitor and analyze the use of our Service,  to contact You.</li>
-<li><strong>For business transfers:</strong> We may share or transfer Your personal information in connection with, or during negotiations of, any merger, sale of Company assets, financing, or acquisition of all or a portion of Our business to another company.</li>
-<li><strong>With Affiliates:</strong> We may share Your information with Our affiliates, in which case we will require those affiliates to honor this Privacy Policy. Affiliates include Our parent company and any other subsidiaries, joint venture partners or other companies that We control or that are under common control with Us.</li>
-<li><strong>With business partners:</strong> We may share Your information with Our business partners to offer You certain products, services or promotions.</li>
-<li><strong>With other users:</strong> when You share personal information or otherwise interact in the public areas with other users, such information may be viewed by all users and may be publicly distributed outside. If You interact with other users or register through a Third-Party Social Media Service, Your contacts on the Third-Party Social Media Service may see Your name, profile, pictures and description of Your activity. Similarly, other users will be able to view descriptions of Your activity, communicate with You and view Your profile.</li>
-<li><strong>With Your consent</strong>: We may disclose Your personal information for any other purpose with Your consent.</li>
-</ul>
-<h3>Retention of Your Personal Data</h3>
-<p>The Company will retain Your Personal Data only for as long as is necessary for the purposes set out in this Privacy Policy. We will retain and use Your Personal Data to the extent necessary to comply with our legal obligations (for example, if we are required to retain your data to comply with applicable laws), resolve disputes, and enforce our legal agreements and policies.</p>
-<p>The Company will also retain Usage Data for internal analysis purposes. Usage Data is generally retained for a shorter period of time, except when this data is used to strengthen the security or to improve the functionality of Our Service, or We are legally obligated to retain this data for longer time periods.</p>
-<h3>Transfer of Your Personal Data</h3>
-<p>Your information, including Personal Data, is processed at the Company's operating offices and in any other places where the parties involved in the processing are located. It means that this information may be transferred to — and maintained on — computers located outside of Your state, province, country or other governmental jurisdiction where the data protection laws may differ than those from Your jurisdiction.</p>
-<p>Your consent to this Privacy Policy followed by Your submission of such information represents Your agreement to that transfer.</p>
-<p>The Company will take all steps reasonably necessary to ensure that Your data is treated securely and in accordance with this Privacy Policy and no transfer of Your Personal Data will take place to an organization or a country unless there are adequate controls in place including the security of Your data and other personal information.</p>
-<h3>Disclosure of Your Personal Data</h3>
-<h4>Business Transactions</h4>
-<p>If the Company is involved in a merger, acquisition or asset sale, Your Personal Data may be transferred. We will provide notice before Your Personal Data is transferred and becomes subject to a different Privacy Policy.</p>
-<h4>Law enforcement</h4>
-<p>Under certain circumstances, the Company may be required to disclose Your Personal Data if required to do so by law or in response to valid requests by public authorities (e.g. a court or a government agency).</p>
-<h4>Other legal requirements</h4>
-<p>The Company may disclose Your Personal Data in the good faith belief that such action is necessary to:</p>
-<ul>
-<li>Comply with a legal obligation</li>
-<li>Protect and defend the rights or property of the Company</li>
-<li>Prevent or investigate possible wrongdoing in connection with the Service</li>
-<li>Protect the personal safety of Users of the Service or the public</li>
-<li>Protect against legal liability</li>
-</ul>
-<h3>Security of Your Personal Data</h3>
-<p>The security of Your Personal Data is important to Us, but remember that no method of transmission over the Internet, or method of electronic storage is 100% secure. While We strive to use commercially acceptable means to protect Your Personal Data, We cannot guarantee its absolute security.</p>
-<h2>Links to Other Websites</h2>
-<p>Our Service may contain links to other websites that are not operated by Us. If You click on a third party link, You will be directed to that third party's site. We strongly advise You to review the Privacy Policy of every site You visit.</p>
-<p>We have no control over and assume no responsibility for the content, privacy policies or practices of any third party sites or services.</p>
-<h2>Changes to this Privacy Policy</h2>
-<p>We may update Our Privacy Policy from time to time. We will notify You of any changes by posting the new Privacy Policy on this page.</p>
-<p>We will let You know via email and/or a prominent notice on Our Service, prior to the change becoming effective and update the &quot;Last updated&quot; date at the top of this Privacy Policy.</p>
-<p>You are advised to review this Privacy Policy periodically for any changes. Changes to this Privacy Policy are effective when they are posted on this page.</p>
-<h2>Contact Us</h2>
-<p>If you have any questions about this Privacy Policy, You can contact us:</p>
-<ul>
-<li>By email: office@mycompany.com</li>
-</ul>

_demo/pages/06.readme/default.md

@@ -0,0 +1,144 @@
+---
+title: Readme
+show_pageimage: true
+toc_enabled: true
+image_width: 1038
+image_height: 437
+show_sidebar: true
+---
+
+## Future Theme for Grav CMS
+
+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
+Redesigned from scratch (version 2021)
+
+- HTML5 and CSS3
+- Fully Responsive
+- Microdata for blogs
+- ARIA accessibility conformance
+- Various templates for presenting your content
+- Full dropdown menu integrated in menu bar and sidebar.
+- Styling for all basic page elements
+- Styling for various modules
+- Cross browser compatible
+- 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 `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.
+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
+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. |
+## Demo page
+
+[https://future2021.pmdesign.dev/](https://future2021.pmdesign.dev/)
+## Future plans
+
+- Create a Flex Directory for authors and avatars.