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,11 +1,245 @@
+# 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/08/2022
+
+1.  [](#bugfix)
+    * Fixed code in sidebar_navigation.html.twig and topmenu.html.twig
+    * Fixed code to choose columns number in portfolio and features templates.
+2.  [](#improved)
+    * Updated header.class to header.layout in several blueprints
+    * Updated CSS and SCSS assets
+    * Updated languages.yaml
+    * Improved several templates to include subtitle and primary image.
+3.  [](#new)
+    * Added centered alignment for images in portfolio template.
+    * Added option in theme to choose the miniposts category name.
+    * New logo twig template
 # v1.0.1
 ## 02/05/2022
 
-1.  [](#fixed)
+1.  [](#bugfix)
     * 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,33 +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, Twitter, Whatsapp and Telegram.
-- ~~Sharing buttons for Facebook and Twitter with share count.~~
-- Randomised page content in sidebar
 - 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
+### 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
 
+* 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
+
+[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/future2021.yaml

@@ -0,0 +1,60 @@
+enabled: true
+production-mode: false
+favicon:
+  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
+blog_page: /blog
+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 by <a href="https://unsplash.com/es/@davealmine" target="_blank">Dawid Zawiła</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'
+latestposts: true
+miniposts_category: minipost
+displaycustommenus:
+  enabled: true
+dropdown:
+  enabled: true
+custommenu:
+  -
+    text: Grav
+    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.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

@@ -0,0 +1,24 @@
+---
+title: 'Page one'
+visible: true
+media_order: juan_avataaars.jpg
+primaryImage: pic02.jpg
+taxonomy:
+    category:
+        - About
+    tag:
+        - tag2
+    author:
+        - '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. 
+
+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.
+
+Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Cras suscipit enim a magna accumsan bibendum. Suspendisse feugiat luctus tortor a rutrum. Curabitur leo leo, blandit sit amet suscipit sed, pretium et mauris. Etiam nec mauris ligula. Sed mattis erat in sem dignissim congue. Donec non facilisis metus. Phasellus risus erat, tincidunt non augue id, laoreet interdum nisi. Nullam ac metus vitae odio porta molestie. Nam consectetur erat vel eros dictum, nec tristique purus ultricies. Maecenas eu libero tempus, aliquam turpis ut, iaculis diam. Nulla facilisi. Vivamus porttitor euismod lorem nec mollis.

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

@@ -0,0 +1,24 @@
+---
+title: 'Subpage two'
+visible: true
+media_order: 'pic01.jpg,ana_avataaars.jpg'
+primaryImage: 'pic01.jpg'
+subtitle: 'Subtitle subpage 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.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

@@ -0,0 +1,30 @@
+---
+title: 'Page three'
+visible: true
+media_order: 'pedro_avataaars.png,Elements14-c1.svg'
+primaryImage: Elements14-c1.svg
+subtitle: 'Subtitle Item three'
+avatarImage: pedro_avataaars.png
+taxonomy:
+    category:
+        - About
+    tag:
+        - tag3
+    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

@@ -0,0 +1,38 @@
+---
+title: 'What is Grav?'
+media_order: 'Grav-dashboard.png.png,juan_avataaars.jpg'
+primaryImage: Grav-dashboard.png.png
+visible: true
+taxonomy:
+    category:
+        - About
+    tag:
+        - tag3
+        - tag1
+    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.
+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.
+The underlying architecture of Grav is built using well established and _best-in-class_ technologies. This is to ensure that Grav is simple to use and easy to extend. Some of these key technologies include:
+* [Twig Templating](https://twig.symfony.com/): for powerful control of the user interface
+* [Markdown](https://en.wikipedia.org/wiki/Markdown): for easy content creation
+* [YAML](https://yaml.org): for simple configuration
+* [Parsedown](https://parsedown.org/): for fast Markdown and Markdown Extra support
+* [Doctrine Cache](https://www.doctrine-project.org/projects/doctrine-orm/en/2.6/reference/caching.html): for performance
+* [Pimple Dependency Injection Container](https://pimple.symfony.com/): for extensibility and maintainability
+* [Symfony Event Dispatcher](https://symfony.com/doc/current/components/event_dispatcher.html): for plugin event handling
+* [Symfony Console](https://symfony.com/doc/current/components/console.html): for CLI interface
+* [Gregwar Image Library](https://github.com/Gregwar/Image): for dynamic image manipulation
+## Grav's Place in the Universe
+There are many powerful open source CMS solutions for building complex websites.  Some of the more commonly used ones are [Joomla](https://joomla.org), [WordPress](https://wordpress.org), and [Drupal](https://drupal.org). The downside of these platforms is that they have a steep learning curve associated with them. This requires a significant amount of your time - and this may be the time that you do not have.
+These platforms provide a wealth of features and functionality that you can extend with a wide variety of open source and proprietary plug-ins and themes.  These extensions and themes are themselves often feature-packed, requiring more knowledge and time on the part of the developer yet.
+In the end, you often find yourself creating a website that requires many plugins and extensions from many different vendors. This can make your design overly complicated and difficult to maintain over the long term.
+Grav tackles the problem differently.  It focuses primarily on your content and turns your content structure into a navigable site.  The underpinnings of Grav are simple, yet via extensive **events**, you have complete control over every step in the Grav workflow.
+This solution allows simple plugins to quickly and easily add powerful functionality. Using **Grav** also leads to a rapid development environment with an installation process that takes seconds, including a straightforward content creation method with a minimal learning curve. All of this contributes to making Grav friendly to the designer, the developer, and the end user.
+To get a basic site up-and-running requires minimal Web development experience. If you dig a little deeper, you will discover that there is very little Grav cannot accomplish.

_demo/pages/02.aboutgrav/default.md

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

_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

@@ -0,0 +1,29 @@
+---
+title: 'Post three'
+media_order: 'juan_avataaars.jpg,pic03.jpg'
+taxonomy:
+    tag:
+        - tag2
+        - tag4
+    author:
+        - 'Juan Villén'
+avatarImage: juan_avataaars.jpg
+subtitle: 'Donec dolor velit, posuere eget metus at, hendrerit malesuada magna'
+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.
+
+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.
+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/04.post-four/item.md

@@ -0,0 +1,32 @@
+---
+title: 'Post four'
+media_order: 'juan_avataaars.jpg,pic04.jpg'
+taxonomy:
+    category:
+        - minipost
+    tag:
+        - tag1
+        - tag4
+    author:
+        - 'Juan Villén'
+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.
+
+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.
+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/05.post-five/item.md

@@ -0,0 +1,33 @@
+---
+title: 'Post five'
+media_order: 'ana_avataaars.jpg,pic05.jpg'
+taxonomy:
+    category:
+        - minipost
+    tag:
+        - tag3
+        - tag1
+    author:
+        - 'Juan Villén'
+        - 'Ana Fernández'
+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.
+
+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.
+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/06.post-six/item.md

@@ -0,0 +1,34 @@
+---
+title: 'Post six'
+media_order: 'pedro_avataaars.png,pic01.jpg,pic02.jpg,pic06.jpg'
+primaryImage: pic06.jpg
+avatarImage: pedro_avataaars.png
+taxonomy:
+    tag:
+        - tag4
+    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.
+
+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

@@ -0,0 +1,30 @@
+---
+title: 'Post Seven'
+media_order: 'pedro_avataaars.png,pic07.jpg'
+primaryImage: pic07.jpg
+avatarImage: pedro_avataaars.png
+taxonomy:
+    category:
+        - minipost
+    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.
+
+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

@@ -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/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

@@ -0,0 +1,82 @@
+---
+title: 'Contact with us'
+form:
+    name: contact-form
+    template: form-messages
+    action: /
+    classes: 'row gtr-uniform'
+    refresh_prevention: true
+    fields:
+        -
+            name: name
+            label: false
+            placeholder: Name
+            validate:
+                required: true
+                message: 'The name is required'
+            autofocus: 'off'
+            autocomplete: 'on'
+            type: text
+            outerclasses: 'col-6 col-12-small'
+            classes: null
+        -
+            name: email
+            label: false
+            placeholder: Email
+            validate:
+                required: true
+                message: 'The email is required'
+            type: email
+            outerclasses: 'col-6 col-12-small'
+            classes: null
+        -
+            name: subject
+            label: false
+            type: text
+            placeholder: Subject
+            validate:
+                required: true
+                message: 'The subject is required'
+            outerclasses: 'col-12 col-12-small'
+            classes: null
+        -
+            name: message
+            label: false
+            placeholder: Message
+            validate:
+                required: true
+                message: 'The message is required'
+            type: textarea
+            outerclasses: 'col-12 col-12-small'
+            classes: null
+            rows: 10
+        -
+            name: privacy
+            type: checkbox
+            markdown: true
+            label: 'Accept our <a href="privacy">Privacy policy</a>'
+            outerclasses: col-12
+            validate:
+                required: true
+                message: 'You must agree to the privacy policy'
+    buttons:
+        -
+            type: submit
+            value: Enviar
+            outerclasses: col-12
+            classes: 'button primary'
+    process:
+        save:
+            fileprefix: contact-
+            dateformat: dmY-His-u
+            extension: txt
+            body: '{% include ''forms/data.txt.twig'' %}'
+        email:
+            subject: '[Form from future.juanvillen.es] {{ form.value.name|e }}'
+            body: '{% include ''forms/data.html.twig'' %}'
+        message: 'Thanks for your comments !'
+        display: /thankyou
+        reset: true
+---
+
+<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/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.

_demo/pages/07.privacy/default.md

@@ -0,0 +1,214 @@
+---
+title: 'Privacy policy'
+primaryImage: privacy-policy.jpg
+media_order: privacy-policy.jpg
+visible: false
+subtitle: 'Our privacy terms'
+show_pageimage: true
+image_width: 1038
+image_height: 200
+show_sidebar: true
+---
+
+Last updated: January 26, 2023
+
+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.
+
+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. 
+## Interpretation and Definitions
+
+### Interpretation
+
+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.
+
+### Definitions
+
+For the purposes of this Privacy Policy:
+
+*   **Account** means a unique account created for You to access our Service or parts of our Service.
+
+*   **Affiliate** means an entity that controls, is controlled by or is under common control with a party, where "control" means ownership of 50% or more of the shares, equity interest or other securities entitled to vote for election of directors or other managing authority.
+
+*   **Company** (referred to as either "the Company", "We", "Us" or "Our" in this Agreement) refers to Editorial Grav Theme.
+
+*   **Cookies** 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.
+
+*   **Country** refers to: Spain
+
+*   **Device** means any device that can access the Service such as a computer, a cellphone or a digital tablet.
+
+*   **Personal Data** is any information that relates to an identified or identifiable individual.
+
+*   **Service** refers to the Website.
+
+*   **Service Provider** 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.
+
+*   **Usage Data** 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).
+
+*   **Website** refers to Editorial Grav Theme, accessible from [https://future2021.pmdesign.dev](https://future2021.pmdesign.dev)
+
+*   **You** 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.
+
+## Collecting and Using Your Personal Data
+
+### Types of Data Collected
+
+#### Personal Data
+
+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:
+
+*   Email address
+
+*   First name and last name
+
+*   Usage Data
+
+#### Usage Data
+
+Usage Data is collected automatically when using the Service.
+
+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.
+
+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.
+
+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.
+
+#### Tracking Technologies and Cookies
+
+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:
+
+*   **Cookies or Browser Cookies.** 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.
+*   **Web Beacons.** 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).
+
+Cookies can be "Persistent" or "Session" 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. Learn more about cookies on the [Privacy Policies website](https://www.privacypolicies.com/blog/privacy-policy-template/#Use_Of_Cookies_Log_Files_And_Tracking) article.
+
+We use both Session and Persistent Cookies for the purposes set out below:
+
+*   **Necessary / Essential Cookies**
+
+    Type: Session Cookies
+
+    Administered by: Us
+
+    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.
+
+*   **Cookies Policy / Notice Acceptance Cookies**
+
+    Type: Persistent Cookies
+
+    Administered by: Us
+
+    Purpose: These Cookies identify if users have accepted the use of cookies on the Website.
+
+*   **Functionality Cookies**
+
+    Type: Persistent Cookies
+
+    Administered by: Us
+
+    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.
+
+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.
+
+### Use of Your Personal Data
+
+The Company may use Personal Data for the following purposes:
+
+*   **To provide and maintain our Service**, including to monitor the usage of our Service.
+
+*   **To manage Your Account:** 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.
+
+*   **For the performance of a contract:** 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.
+
+*   **To contact You:** 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.
+
+*   **To provide You** 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.
+
+*   **To manage Your requests:** To attend and manage Your requests to Us.
+
+*   **For business transfers:** 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.
+
+*   **For other purposes**: 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.
+
+We may share Your personal information in the following situations:
+
+*   **With Service Providers:** We may share Your personal information with Service Providers to monitor and analyze the use of our Service, to contact You.
+*   **For business transfers:** 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.
+*   **With Affiliates:** 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.
+*   **With business partners:** We may share Your information with Our business partners to offer You certain products, services or promotions.
+*   **With other users:** 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.
+*   **With Your consent**: We may disclose Your personal information for any other purpose with Your consent.
+
+### Retention of Your Personal Data
+
+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.
+
+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.
+
+### Transfer of Your Personal Data
+
+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.
+
+Your consent to this Privacy Policy followed by Your submission of such information represents Your agreement to that transfer.
+
+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.
+
+### Delete Your Personal Data
+
+You have the right to delete or request that We assist in deleting the Personal Data that We have collected about You.
+
+Our Service may give You the ability to delete certain information about You from within the Service.
+
+You may update, amend, or delete Your information at any time by signing in to Your Account, if you have one, and visiting the account settings section that allows you to manage Your personal information. You may also contact Us to request access to, correct, or delete any personal information that You have provided to Us.
+
+Please note, however, that We may need to retain certain information when we have a legal obligation or lawful basis to do so.
+
+### Disclosure of Your Personal Data
+
+#### Business Transactions
+
+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.
+
+#### Law enforcement
+
+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).
+
+#### Other legal requirements
+
+The Company may disclose Your Personal Data in the good faith belief that such action is necessary to:
+
+*   Comply with a legal obligation
+*   Protect and defend the rights or property of the Company
+*   Prevent or investigate possible wrongdoing in connection with the Service
+*   Protect the personal safety of Users of the Service or the public
+*   Protect against legal liability
+
+### Security of Your Personal Data
+
+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.
+
+## Children's Privacy
+
+Our Service does not address anyone under the age of 13\. We do not knowingly collect personally identifiable information from anyone under the age of 13\. If You are a parent or guardian and You are aware that Your child has provided Us with Personal Data, please contact Us. If We become aware that We have collected Personal Data from anyone under the age of 13 without verification of parental consent, We take steps to remove that information from Our servers.
+
+If We need to rely on consent as a legal basis for processing Your information and Your country requires consent from a parent, We may require Your parent's consent before We collect and use that information.
+
+## Links to Other Websites
+
+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.
+
+We have no control over and assume no responsibility for the content, privacy policies or practices of any third party sites or services.
+
+## Changes to this Privacy Policy
+
+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.
+
+We will let You know via email and/or a prominent notice on Our Service, prior to the change becoming effective and update the "Last updated" date at the top of this Privacy Policy.
+
+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.
+
+## Contact Us
+
+If you have any questions about this Privacy Policy, You can contact us:
+
+*   By visiting this page on our website: [https://future2021.pmdesign.dev](https://future2021.pmdesign.dev)

_demo/pages/08.shortcodes/default.md

@@ -0,0 +1,226 @@
+---
+title: Shortcodes
+show_pageimage: true
+image_width: 1000
+image_height: 300
+show_sidebar: true
+---
+
+## Box Shortcode
+
+### Usage
+
+Wrap some content block in [raw]`[sc-box]`[/raw] tags.  The [raw]`[sc-box]`[/raw] shortcode has some optional parameters:
+    
+* `heading` - The heading for box
+* `color` - `primary`, `secondary`, `success`, `warning` and `info`. 
+* `class` - `alt` (this class remove border from box). 
+
+An example of the Box shortcode is as follows:
+    
+[raw]
+```markdown
+[sc-box color="primary" heading="Primary Box Shortcode"]
+Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam sed eleifend magna, non tempor urna. 
+[/sc-box]
+[sc-box color="secondary" heading="Secondary Box Shortcode"]
+Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam sed eleifend magna, non tempor urna. 
+[/sc-box]
+[sc-box color="success" heading="Success Box Shortcode"]
+Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam sed eleifend magna, non tempor urna. 
+[/sc-box]
+[sc-box color="info" heading="Info Box Shortcode"]
+Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam sed eleifend magna, non tempor urna. 
+[/sc-box]
+[sc-box color="warning" heading="Warning Box Shortcode"]
+Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam sed eleifend magna, non tempor urna. 
+[/sc-box]
+[sc-box color="danger" heading="Danger Box Shortcode"]
+Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam sed eleifend magna, non tempor urna. 
+[/sc-box]
+```
+[/raw]
+
+#### Example
+    
+[sc-box color="primary" heading="Primary Box Shortcode"]
+Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam sed eleifend magna, non tempor urna. 
+[/sc-box]
+[sc-box color="secondary" heading="Secondary Box Shortcode"]
+Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam sed eleifend magna, non tempor urna. 
+[/sc-box]
+[sc-box color="success" heading="Success Box Shortcode"]
+Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam sed eleifend magna, non tempor urna. 
+[/sc-box]
+[sc-box color="info" heading="Info Box Shortcode"]
+Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam sed eleifend magna, non tempor urna. 
+[/sc-box]
+[sc-box color="warning" heading="Warning Box Shortcode"]
+Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam sed eleifend magna, non tempor urna. 
+[/sc-box]
+[sc-box color="danger" heading="Danger Box Shortcode"]
+Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam sed eleifend magna, non tempor urna. 
+[/sc-box]
+
+## Buttons Shortcode
+    
+### Usage
+
+Wrap some buttons in [raw]`[sc-buttons]`[/raw] tags.  The [raw]`[sc-buttons]`[/raw] has the parameter `ulclass` with the following values:  `stacked`, `special` or`fit`
+    
+The `[sc-button]` shortcode that defines each _button_ has the following parameters:
+    
+* `class`- custom classes for button
+* `type` - `primary`, `secondary`, `success`, `info`, `warning` or `danger`. 
+* `size` - `small`, `medium`or `large`
+* `url`- The button url
+* `target`- The target of url
+
+An example of the Buttons shortcode is as follows:
+
+[raw]
+```markdown
+[sc-buttons]
+    [sc-button type="primary"  url="#"]Primary[/sc-button]
+    [sc-button type="secondary" url="#"]Secondary[/sc-button]
+    [sc-button type="success" url="#"]Success[/sc-button]
+    [sc-button type="info" url="#"]Info[/sc-button]
+    [sc-button type="warning" url="#"]Warning[/sc-button]
+    [sc-button type="danger" url="#"]Danger[/sc-button]
+[/sc-buttons]
+[sc-buttons]
+    [sc-button type="primary" size="small"  url="#"]Primary[/sc-button]
+    [sc-button type="secondary" size="small"   url="#"]Secondary[/sc-button]
+    [sc-button type="success" size="small"   url="#"]Success[/sc-button]
+    [sc-button type="info" size="small" url="#"]Info[/sc-button]
+    [sc-button type="warning" size="small" url="#"]Warning[/sc-button]
+    [sc-button type="danger" size="small" url="#"]Danger[/sc-button]
+[/sc-buttons]
+[sc-buttons ulclass="special"]
+    [sc-button type="primary" size="small"  url="#"]Primary[/sc-button]
+    [sc-button type="secondary" size="small"   url="#"]Secondary[/sc-button]
+[/sc-buttons]
+[sc-buttons ulclass="stacked"]
+    [sc-button type="primary" size="small"  url="#"]Primary[/sc-button]
+    [sc-button type="secondary" size="small"   url="#"]Secondary[/sc-button]
+[/sc-buttons]
+[sc-buttons ulclass="fit"]
+    [sc-button type="primary" size="small"  url="#"]Primary[/sc-button]
+    [sc-button type="secondary" size="small"   url="#"]Secondary[/sc-button]
+[/sc-buttons]
+```
+[/raw]
+
+#### Example
+    
+[sc-buttons]
+    [sc-button type="primary"  url="#"]Primary[/sc-button]
+    [sc-button type="secondary" url="#"]Secondary[/sc-button]
+    [sc-button type="success" url="#"]Success[/sc-button]
+    [sc-button type="info" url="#"]Info[/sc-button]
+    [sc-button type="warning" url="#"]Warning[/sc-button]
+    [sc-button type="danger" url="#"]Danger[/sc-button]
+[/sc-buttons]
+[sc-buttons]
+    [sc-button type="primary" size="small"  url="#"]Primary[/sc-button]
+    [sc-button type="secondary" size="small"   url="#"]Secondary[/sc-button]
+    [sc-button type="success" size="small"   url="#"]Success[/sc-button]
+    [sc-button type="info" size="small" url="#"]Info[/sc-button]
+    [sc-button type="warning" size="small" url="#"]Warning[/sc-button]
+    [sc-button type="danger" size="small" url="#"]Danger[/sc-button]
+[/sc-buttons]
+[sc-buttons ulclass="special"]
+    [sc-button type="primary" size="small"  url="#"]Primary[/sc-button]
+    [sc-button type="secondary" size="small"   url="#"]Secondary[/sc-button]
+[/sc-buttons]
+[sc-buttons ulclass="stacked"]
+    [sc-button type="primary" size="small"  url="#"]Primary[/sc-button]
+    [sc-button type="secondary" size="small"   url="#"]Secondary[/sc-button]
+[/sc-buttons]
+[sc-buttons ulclass="fit"]
+    [sc-button type="primary disable" size="small"  url="#"]Primary[/sc-button]
+    [sc-button type="secondary" size="small"   url="#"]Secondary[/sc-button]
+[/sc-buttons]
+
+## Flex Shortcode
+    
+### Usage
+
+Use the [raw]`[sc-flex]`[/raw] shortcode to set the number of columns that best render your content and layout. The [raw]`[sc-flex]`[/raw] has the following parameters: 
+    * `class`- Row classes from Editorial theme (space separated): `gtr-uniform`, `gtr-0`, `gtr-25`, `gtr-50`, `gtr-150`, `gtr-200`, `aln-between`, `aln-around`, `aln-evenly`, `aln-left`, `aln-center`, `aln-right`, `aln-top`, `aln-bottom` and `aln-middle` . 
+    
+The [raw]`[column]`[/raw] shortcode that defines each to the individual columns (e.g., .col-4 col-12-medium),  has the following parameters:
+    
+* `class`- Column classes  from Editorial theme (space separated), indicate the number of columns you’d like to use out of the possible 12 per row. So, if you want three equal-width columns across, you can use col-4. To make the grid responsive, there are five grid breakpoints, one for each responsive breakpoint : `xsmall`, `small`, `medium`, `large` and `xlarge`.
+
+An example of the Flex row shortcode is as follows:
+    
+[raw]
+```markdown
+[sc-flex class="gtr-50"]
+[column class="col-3 col-12-medium"]
+[sc-box color="primary" heading="Primary"]
+Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam sed eleifend magna, non tempor urna. Integer maximus, velit non scelerisque ornare, ante libero porta lorem, ac eleifend felis sapien eu leo. Fusce mauris justo, ullamcorper ut urna a, scelerisque viverra magna.
+[/sc-box]
+[/column]
+    
+[column class="col-3 col-12-medium"]
+[sc-box color="secondary" heading="Secondary"]
+Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam sed eleifend magna, non tempor urna. Integer maximus, velit non scelerisque ornare, ante libero porta lorem, ac eleifend felis sapien eu leo. Fusce mauris justo, ullamcorper ut urna a, scelerisque viverra magna.
+[/sc-box]
+[/column]
+    
+[column class="col-3 col-12-medium"]
+[sc-box color="success" heading="Success"]
+Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam sed eleifend magna, non tempor urna. Integer maximus, velit non scelerisque ornare, ante libero porta lorem, ac eleifend felis sapien eu leo. Fusce mauris justo, ullamcorper ut urna a, scelerisque viverra magna.
+[/sc-box]
+[/column]
+    
+[column class="col-3 col-12-medium"]
+[sc-buttons  ulclass="stacked fit"]
+    [sc-button type="primary"  url="#"]Primary[/sc-button]
+    [sc-button type="secondary" url="#"]Secondary[/sc-button]
+    [sc-button type="success" url="#"]Success[/sc-button]
+    [sc-button type="info" url="#"]Info[/sc-button]
+    [sc-button type="warning" url="#"]Warning[/sc-button]
+    [sc-button type="danger" url="#"]Danger[/sc-button]
+[/sc-buttons]
+[/column]
+    
+[/sc-flex]
+```
+[/raw]
+
+#### Example
+    
+[sc-flex class="gtr-50"]
+[column class="col-3 col-12-medium"]
+[sc-box color="primary" heading="Primary"]
+Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam sed eleifend magna, non tempor urna. Integer maximus, velit non scelerisque ornare, ante libero porta lorem, ac eleifend felis sapien eu leo. Fusce mauris justo, ullamcorper ut urna a, scelerisque viverra magna.
+[/sc-box]
+[/column]
+    
+[column class="col-3 col-12-medium"]
+[sc-box color="secondary" heading="Secondary"]
+Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam sed eleifend magna, non tempor urna. Integer maximus, velit non scelerisque ornare, ante libero porta lorem, ac eleifend felis sapien eu leo. Fusce mauris justo, ullamcorper ut urna a, scelerisque viverra magna.
+[/sc-box]
+[/column]
+    
+[column class="col-3 col-12-medium"]
+[sc-box color="success" heading="Success"]
+Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam sed eleifend magna, non tempor urna. Integer maximus, velit non scelerisque ornare, ante libero porta lorem, ac eleifend felis sapien eu leo. Fusce mauris justo, ullamcorper ut urna a, scelerisque viverra magna.
+[/sc-box]
+[/column]
+    
+[column class="col-3 col-12-medium"]
+[sc-buttons ulclass="stacked fit"]
+    [sc-button type="primary"  url="#"]Primary[/sc-button]
+    [sc-button type="secondary" url="#"]Secondary[/sc-button]
+    [sc-button type="success" url="#"]Success[/sc-button]
+    [sc-button type="info" url="#"]Info[/sc-button]
+    [sc-button type="warning" url="#"]Warning[/sc-button]
+    [sc-button type="danger" url="#"]Danger[/sc-button]
+[/sc-buttons]
+[/column]
+    
+[/sc-flex]

_demo/pages/09.downloads/downloads.md

@@ -0,0 +1,9 @@
+---
+title: Downloads
+show_pageimage: false
+image_width: 1000
+image_height: 300
+media_order: 'pic01.jpg,pic02.jpg,pic03.jpg,pic04.jpg,pic05.jpg,pic06.jpg,pic07.jpg,pic08.jpg,pic09.jpg,pic10.jpg'
+show_sidebar: true
+---
+

_demo/pages/offline/offline.md

@@ -0,0 +1,10 @@
+---
+title: Offline
+visible: false
+---
+
+# [notice=warning]Sitio web en mantenimiento[/notice]
+
+Estamos realizando cambios en la web. En breve estaremos en funcionamiento.
+
+Por favor, inténtalo más tarde.

_demo/pages/thankyou/form.md

@@ -0,0 +1,12 @@
+---
+title: 'Email sent'
+process:
+    markdown: true
+    twig: true
+cache_enable: false
+visible: false
+---
+
+## Your form has been sent successful
+
+##### We will offer you a quickly response.

assets/css/custom.css

@@ -1,48 +0,0 @@
-#back-to-top {
-    display: inline-block;
-    font-family: 'FontAwesome';
-    font-weight: 400;
-    font-style: normal;
-    font-size: 2em;
-    line-height: 1.3em;
-    background-color: #ab1d35;
-    color: #fff;
-    width: 50px;
-    height: 50px;
-    text-align: center;
-    border-radius: 4px;
-    position: fixed;
-    bottom: 30px;
-    right: 30px;
-    transition: background-color .3s, 
-      opacity .5s, visibility .5s;
-    opacity: 0;
-    visibility: hidden;
-    z-index: 1000;
-  }
-  #back-to-top:hover {
-    cursor: pointer;
-    background-color: #333;
-    color:#fff !important;
-  }
-  #back-to-top:active,
-  #back-to-top:visited {
-    background-color: #ab1d35 !important;
-    color: #fff;
-  }
-  #back-to-top.show {
-    opacity: 1;
-    visibility: visible;
-  }
-
-
-#header .main ul li.langswitcher > a {
-      text-decoration: none;
-      border-bottom: 0;
-      color: #838383;
-      text-indent: 0em;
-      text-align: center;}
-
-@media screen and (max-width: 736px) {
-    #header .main ul li.langswitcher {
-      display: none; } }

assets/css/google-fonts-local.css

@@ -0,0 +1,261 @@
+/* cyrillic-ext */
+@font-face {
+    font-family: 'Raleway';
+    font-style: normal;
+    font-weight: 400;
+    src: url(../fonts/raleway-29-cyrillic-ext-400.woff2) format('woff2');
+    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+    font-display: swap;
+  }
+  /* cyrillic */
+  @font-face {
+    font-family: 'Raleway';
+    font-style: normal;
+    font-weight: 400;
+    src: url(../fonts/raleway-29-cyrillic-400.woff2) format('woff2');
+    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+    font-display: swap;
+  }
+  /* vietnamese */
+  @font-face {
+    font-family: 'Raleway';
+    font-style: normal;
+    font-weight: 400;
+    src: url(../fonts/raleway-29-vietnamese-400.woff2) format('woff2');
+    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
+    font-display: swap;
+  }
+  /* latin-ext */
+  @font-face {
+    font-family: 'Raleway';
+    font-style: normal;
+    font-weight: 400;
+    src: url(../fonts/raleway-29-latin-ext-400.woff2) format('woff2');
+    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+    font-display: swap;
+  }
+  /* latin */
+  @font-face {
+    font-family: 'Raleway';
+    font-style: normal;
+    font-weight: 400;
+    src: url(../fonts/raleway-29-latin-400.woff2) format('woff2');
+    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+    font-display: swap;
+  }
+  /* cyrillic-ext */
+  @font-face {
+    font-family: 'Raleway';
+    font-style: normal;
+    font-weight: 800;
+    src: url(../fonts/raleway-29-cyrillic-ext-800.woff2) format('woff2');
+    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+    font-display: swap;
+  }
+  /* cyrillic */
+  @font-face {
+    font-family: 'Raleway';
+    font-style: normal;
+    font-weight: 800;
+    src: url(../fonts/raleway-29-cyrillic-800.woff2) format('woff2');
+    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+    font-display: swap;
+  }
+  /* vietnamese */
+  @font-face {
+    font-family: 'Raleway';
+    font-style: normal;
+    font-weight: 800;
+    src: url(../fonts/raleway-29-vietnamese-800.woff2) format('woff2');
+    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
+    font-display: swap;
+  }
+  /* latin-ext */
+  @font-face {
+    font-family: 'Raleway';
+    font-style: normal;
+    font-weight: 800;
+    src: url(../fonts/raleway-29-latin-ext-800.woff2) format('woff2');
+    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+    font-display: swap;
+  }
+  /* latin */
+  @font-face {
+    font-family: 'Raleway';
+    font-style: normal;
+    font-weight: 800;
+    src: url(../fonts/raleway-29-latin-800.woff2) format('woff2');
+    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+    font-display: swap;
+  }
+  /* cyrillic-ext */
+  @font-face {
+    font-family: 'Raleway';
+    font-style: normal;
+    font-weight: 900;
+    src: url(../fonts/raleway-29-cyrillic-ext-900.woff2) format('woff2');
+    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+    font-display: swap;
+  }
+  /* cyrillic */
+  @font-face {
+    font-family: 'Raleway';
+    font-style: normal;
+    font-weight: 900;
+    src: url(../fonts/raleway-29-cyrillic-900.woff2) format('woff2');
+    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+    font-display: swap;
+  }
+  /* vietnamese */
+  @font-face {
+    font-family: 'Raleway';
+    font-style: normal;
+    font-weight: 900;
+    src: url(../fonts/raleway-29-vietnamese-900.woff2) format('woff2');
+    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
+    font-display: swap;
+  }
+  /* latin-ext */
+  @font-face {
+    font-family: 'Raleway';
+    font-style: normal;
+    font-weight: 900;
+    src: url(../fonts/raleway-29-latin-ext-900.woff2) format('woff2');
+    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+    font-display: swap;
+  }
+  /* latin */
+  @font-face {
+    font-family: 'Raleway';
+    font-style: normal;
+    font-weight: 900;
+    src: url(../fonts/raleway-29-latin-900.woff2) format('woff2');
+    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+    font-display: swap;
+  }
+  /* cyrillic-ext */
+  @font-face {
+    font-family: 'Source Sans Pro';
+    font-style: normal;
+    font-weight: 400;
+    src: url(../fonts/sourcesanspro-22-cyrillic-ext-400.woff2) format('woff2');
+    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+    font-display: swap;
+  }
+  /* cyrillic */
+  @font-face {
+    font-family: 'Source Sans Pro';
+    font-style: normal;
+    font-weight: 400;
+    src: url(../fonts/sourcesanspro-22-cyrillic-400.woff2) format('woff2');
+    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+    font-display: swap;
+  }
+  /* greek-ext */
+  @font-face {
+    font-family: 'Source Sans Pro';
+    font-style: normal;
+    font-weight: 400;
+    src: url(../fonts/sourcesanspro-22-greek-ext-400.woff2) format('woff2');
+    unicode-range: U+1F00-1FFF;
+    font-display: swap;
+  }
+  /* greek */
+  @font-face {
+    font-family: 'Source Sans Pro';
+    font-style: normal;
+    font-weight: 400;
+    src: url(../fonts/sourcesanspro-22-greek-400.woff2) format('woff2');
+    unicode-range: U+0370-03FF;
+    font-display: swap;
+  }
+  /* vietnamese */
+  @font-face {
+    font-family: 'Source Sans Pro';
+    font-style: normal;
+    font-weight: 400;
+    src: url(../fonts/raleway-29-vietnamese-400.woff2) format('woff2');
+    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
+    font-display: swap;
+  }
+  /* latin-ext */
+  @font-face {
+    font-family: 'Source Sans Pro';
+    font-style: normal;
+    font-weight: 400;
+    src: url(../fonts/sourcesanspro-22-latin-ext-400.woff2) format('woff2');
+    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+    font-display: swap;
+  }
+  /* latin */
+  @font-face {
+    font-family: 'Source Sans Pro';
+    font-style: normal;
+    font-weight: 400;
+    src: url(../fonts/sourcesanspro-22-latin-400.woff2) format('woff2');
+    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+    font-display: swap;
+  }
+  /* cyrillic-ext */
+  @font-face {
+    font-family: 'Source Sans Pro';
+    font-style: normal;
+    font-weight: 700;
+    src: url(../fonts/sourcesanspro-22-cyrillic-ext-700.woff2) format('woff2');
+    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+    font-display: swap;
+  }
+  /* cyrillic */
+  @font-face {
+    font-family: 'Source Sans Pro';
+    font-style: normal;
+    font-weight: 700;
+    src: url(../fonts/sourcesanspro-22-cyrillic-700.woff2) format('woff2');
+    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+    font-display: swap;
+  }
+  /* greek-ext */
+  @font-face {
+    font-family: 'Source Sans Pro';
+    font-style: normal;
+    font-weight: 700;
+    src: url(../fonts/sourcesanspro-22-greek-ext-700.woff2) format('woff2');
+    unicode-range: U+1F00-1FFF;
+    font-display: swap;
+  }
+  /* greek */
+  @font-face {
+    font-family: 'Source Sans Pro';
+    font-style: normal;
+    font-weight: 700;
+    src: url(../fonts/sourcesanspro-22-greek-700.woff2) format('woff2');
+    unicode-range: U+0370-03FF;
+    font-display: swap;
+  }
+  /* vietnamese */
+  @font-face {
+    font-family: 'Source Sans Pro';
+    font-style: normal;
+    font-weight: 700;
+    src: url(../fonts/sourcesanspro-22-vietnamese-700.woff2) format('woff2');
+    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
+    font-display: swap;
+  }
+  /* latin-ext */
+  @font-face {
+    font-family: 'Source Sans Pro';
+    font-style: normal;
+    font-weight: 700;
+    src: url(../fonts/sourcesanspro-22-latin-ext-700.woff2) format('woff2');
+    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+    font-display: swap;
+  }
+  /* latin */
+  @font-face {
+    font-family: 'Source Sans Pro';
+    font-style: normal;
+    font-weight: 700;
+    src: url(../fonts/sourcesanspro-22-latin-700.woff2) format('woff2');
+    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+    font-display: swap;
+  }

assets/css/google-fonts-remote.css

@@ -0,0 +1 @@
+@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700|Raleway:400,800,900&display=swap");

assets/css/misc.css

@@ -0,0 +1,127 @@
+/* Styles for Back to Top button */
+
+#back-to-top {
+    display: inline-block;
+    font-family: 'Font Awesome 5 Free';
+    font-weight: 400;
+    font-style: normal;
+    font-size: 1.5em;
+    line-height: 1.5em;
+    background-color: #ab1d35;
+    color: #fff;
+    width: 1.5em;
+    height: 1.5em;
+    text-align: center;
+    border-radius: 4px;
+    position: fixed;
+    bottom: 30px;
+    right: 30px;
+    transition: background-color .3s,
+      opacity .5s, visibility .5s;
+    opacity: 0;
+    visibility: hidden;
+    z-index: 1000;
+  }
+  #back-to-top:hover {
+    cursor: pointer;
+    background-color: #333;
+    color:#fff !important;
+  }
+  #back-to-top:active,
+  #back-to-top:visited {
+    background-color: #ab1d35 !important;
+    color: #fff;
+  }
+  #back-to-top.show {
+    opacity: 1;
+    visibility: visible;
+  }
+
+/* Styles to show Font Awesome 5 Free in shortcode core notices */
+
+.sc-notice > div:before {
+    position: absolute;
+    top: 2px;
+    color: #fff;
+    font-family: 'Font Awesome 5 Free';
+    content: '\f05a';
+    left: 10px;
+}
+
+/* Styles to support svg images in search results */
+
+.search-row {
+  display: flex;
+  flex-wrap: nowrap;
+  align-items: top;
+  padding-bottom: 1.25em;
+  margin-bottom: 1.5em;
+}
+.search-row:last-child {
+  border: 0;
+  padding-bottom: 0;
+}
+.search-row a {
+  border: 0;
+}
+.search-image img {
+  width: 100px;
+  height: 100px;
+  overflow:hidden;
+  object-fit: cover;
+  object-position: 0% 100%;
+}
+.search-image a {
+  border-bottom: none;
+}
+@media only all and (max-width: 47.938em) {
+  .search-image img {display:none;}
+}
+.search-item {
+  flex: 1;
+  margin-left: 30px;
+  margin-bottom: 50px;
+  border-bottom: solid 1px rgba(160, 160, 160, 0.3);
+  padding-bottom: 2em;
+}
+
+/* Styles for Archives plugin */
+
+.label-circle {
+  display: inline-block;
+  border-radius: 50%;
+  height: 1.5em;
+  width: 1.5em;
+  text-align: center;
+  line-height: 1.25;
+  padding: .1rem .2rem;
+  background: #ba2e5d;color: #ffffff;
+  font-family: "Raleway", Helvetica, sans-serif;
+}
+
+.archive_date {
+  font-family: "Raleway", Helvetica, sans-serif;
+  font-size: 0.9em;
+}
+
+/* Styles for Login plugin */
+
+@media screen and (max-width: 736px) {
+  #header .main ul li.login-logout {
+    display: none; } }
+
+/* Support for Editable with ContentTools plugin */
+.ct-widget.ct-ignition {
+  z-index: 10015;
+}
+
+/* Modified styles for Notices */
+
+.notices {
+  padding: 0.2em;
+  margin: 15px 0;
+}
+
+.notices p {
+  margin: 1em;
+}