Release 2.1.2

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

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

CHANGELOG.md

@@ -1,3 +1,129 @@
+# 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
 

README.md

@@ -72,9 +72,11 @@ Future2021 comes with a few default options that can be set site-wide.  These op
 ```yaml
 production-mode: true         # In production mode, only minified CSS is used. When disabled, nested CSS are enabled
 sidebar:                      # Enable/Disable sidebar in non-editable pages such as simplesearch results, offline, etc.
+google_fonts_local:           # Option to load Google Fonts from the theme or from Google servers.
 favicon:                      # Choosse your own favicon
 custom_logo:                  # A custom logo rather than the default (see below)  
 custom_logo_mobile:           # A custom logo to use for mobile navigation
+type_logo_header:             # Choose how the logo is displayed in header. Options: Image, Text or Both
 slogan:                       # Custom text for slogan
 menu_langswitcher:            # Enable/Disable langswitcher icon in menu (langswitcher plugin needed)
 menu_search:                  # Enable/Disable search icon in menu (simplesearch plugin needed)
@@ -133,9 +135,19 @@ Alternatively, you can you use the drag-n-drop "Custom Logo" field in the Future
 | dragToleranceY | number | `65` | Used with draggable. Number of pixels the user has to drag up or down to close the lightbox (Set 0 to disable vertical drag). |
 | dragAutoSnap | boolean | `false` | If true the slide will automatically change to prev/next or close if dragToleranceX or dragToleranceY is reached, otherwise it will wait till the mouse is released. |
 | preload | boolean | `true` | Enable or disable preloading. |
+
+# Downloads template
+
+Future2021 theme includes a simple template to manage downloads of files uploaded to a page. These files are automatically found and processed by Grav using `page.media.all` and displayed in a table with four columns: name, size, modification date and download button.
+
 # Demo page
 
-[http://future.juanvillen.es/](http://future.juanvillen.es/)
+[https://future2021.pmdesign.dev](https://future2021.pmdesign.dev)
+
+# Documentation 
+
+You can read extra documentation of Future2021 Theme at [https://pmoreno-rodriguez.github.io/#/./gravthemes/future2021/index](https://pmoreno-rodriguez.github.io/#/./gravthemes/future2021/index). This is [Spanish document site for Future2021 Theme](https://pmdesign.dev/temas/future2021)
+
 # Future plans
 
 - Create a Flex Directory for authors and avatars.

_demo/config/themes/future2021.yaml

@@ -18,7 +18,7 @@ custom_logo_mobile: {  }
 footer:
   title: ABOUT
   description: 'Mauris neque quam, fermentum ut nisl vitae, convallis maximus nisl. Sed mattis nunc id lorem euismod amet placerat. Vivamus porttitor magna enim, ac accumsan tortor cursus at phasellus sed ultricies.'
-  copyright_text: 'DESIGN: <a href="https://html5up.net/" target="_blank">HTML5 UP</a>. IMAGES: <a href="http://wallpaperswide.com/" target="_blank">WALLPAPESWIDE</a>.'
+  copyright_text: 'DESIGN: <a href="https://html5up.net/" target="_blank">HTML5 UP</a>. IMAGES by <a href="https://unsplash.com/es/@davealmine" target="_blank">Dawid Zawiła</a>.'
   button_url: about
   button_text: 'Show more'
 social:

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

@@ -1,10 +1,10 @@
 ---
 title: 'About me'
-media_order: 'undraw_polaroid_re_481f.svg,pic07.jpg,undraw_Video_call_re_4p26.png'
+media_order: 'pic07.jpg'
 subtitle: 'Who am I?'
 buttontext: 'Read more'
 buttonurl: 'https://github.com/pmoreno-rodriguez'
-image: undraw_Video_call_re_4p26.png
+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.

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

@@ -1,5 +1,5 @@
 ---
-title: 'Item one'
+title: 'Page one'
 visible: true
 media_order: juan_avataaars.jpg
 primaryImage: pic02.jpg

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

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

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

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

_demo/pages/02.aboutgrav/03.item-two/default.md

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

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

@@ -1,5 +1,5 @@
 ---
-title: 'Item three'
+title: 'Page three'
 visible: true
 media_order: 'pedro_avataaars.png,Elements14-c1.svg'
 primaryImage: Elements14-c1.svg
@@ -21,9 +21,9 @@ show_sidebar: true
 
 | Cell A | Cell B | Cell C | Cell D | Cell E |
 |--------|--------|--------|--------|--------|
-| Pedro  | Ana    | Juan   | Pablo  | Silvia |
-| Pedro  | Ana    | Juan   | Pablo  | Silvia |
-| Pedro  | Ana    | Juan   | Pablo  | Silvia |
+| 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.
 

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

@@ -13,6 +13,9 @@ taxonomy:
         - 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.

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

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

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

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

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

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

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

@@ -1,7 +1,7 @@
 ---
 title: 'Post six'
-media_order: 'pedro_avataaars.png,pic08.jpg'
-primaryImage: pic08.jpg
+media_order: 'pedro_avataaars.png,pic01.jpg,pic02.jpg,pic06.jpg'
+primaryImage: pic06.jpg
 avatarImage: pedro_avataaars.png
 taxonomy:
     tag:
@@ -12,6 +12,10 @@ 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.
@@ -20,8 +24,11 @@ Vivamus egestas feugiat pellentesque. Donec eu est bibendum, fermentum mauris et
 
 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)
-![](pic03.jpg?cropZoom=1024,400)
+![](pic06.jpg?cropZoom=1024,400)
 [/owl-carousel]

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

@@ -1,7 +1,7 @@
 ---
 title: 'Post Seven'
-media_order: 'pedro_avataaars.png,home.jpg'
-primaryImage: home.jpg
+media_order: 'pedro_avataaars.png,pic07.jpg'
+primaryImage: pic07.jpg
 avatarImage: pedro_avataaars.png
 taxonomy:
     category:
@@ -17,6 +17,10 @@ show_pagination: true
 show_pageimage: true
 image_width: 1038
 image_height: 437
+date: '10-09-2023 22:27'
+feed:
+    limit: 10
+visible: false
 ---
 
 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam tincidunt diam at tortor volutpat placerat. Duis a dolor pharetra neque euismod porttitor. Ut pellentesque neque a odio pretium, eu feugiat lorem efficitur. Nunc pulvinar, dolor non facilisis semper, libero nisl auctor dolor, vitae dictum justo elit aliquet arcu. Curabitur quis posuere libero. Phasellus auctor purus turpis, non fringilla arcu scelerisque in. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam commodo tempus nisi, nec euismod augue commodo in.

_demo/pages/04.portfolio/portfolio.md

@@ -9,35 +9,35 @@ content:
         dir: desc
     pagination: true
     url_taxonomy_filters: true
-media_order: 'headphones_black_and_white-wallpaper-1920x1080.jpg,deep_sea_monster-wallpaper-1920x1080.jpg,howls_moving_castle-wallpaper-1920x1080.jpg,mushroom_forest-wallpaper-1920x1080.jpg,magic_butterfly-wallpaper-1920x1080.jpg,the_forest_house-wallpaper-1920x1080.jpg,thumb_headphones_black_and_white-wallpaper-1920x1080.jpg,thumb_deep_sea_monster-wallpaper-1920x1080.jpg,thumb_howls_moving_castle-wallpaper-1920x1080.jpg,thumb_magic_butterfly-wallpaper-1920x1080.jpg,thumb_mushroom_forest-wallpaper-1920x1080.jpg,thumb_the_forest_house-wallpaper-1920x1080.jpg'
+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: headphones_black_and_white-wallpaper-1920x1080.jpg
+        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: the_forest_house-wallpaper-1920x1080.jpg
+        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: deep_sea_monster-wallpaper-1920x1080.jpg
+        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: howls_moving_castle-wallpaper-1920x1080.jpg
+        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: mushroom_forest-wallpaper-1920x1080.jpg
+        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: magic_butterfly-wallpaper-1920x1080.jpg
+        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

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

@@ -52,8 +52,10 @@ form:
             rows: 10
         -
             name: privacy
-            type: privacy
-            label: 'Privacy policy'
+            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'
@@ -61,7 +63,7 @@ form:
         -
             type: submit
             value: Enviar
-            outerclasses: form-field
+            outerclasses: col-12
             classes: 'button primary'
     process:
         save:

_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

@@ -45,7 +45,7 @@ For the purposes of this Privacy Policy:
 
 *   **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 [http://future.juanvillen.es](http://future.juanvillen.es)
+*   **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.
 
@@ -211,4 +211,4 @@ You are advised to review this Privacy Policy periodically for any changes. Chan
 
 If you have any questions about this Privacy Policy, You can contact us:
 
-*   By visiting this page on our website: [http://future.juanvillen.es](http://future.juanvillen.es)
+*   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
+---
+

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

@@ -37,22 +37,6 @@
     visibility: visible;
   }
 
-/* Styles for Langswitcher plugin */
-
-#header .main ul li.langswitcher {
-  margin-left: 0em !important;
-}
-#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; } }
-
 /* Styles to show Font Awesome 5 Free in shortcode core notices */
 
 .sc-notice > div:before {
@@ -130,3 +114,14 @@
 .ct-widget.ct-ignition {
   z-index: 10015;
 }
+
+/* Modified styles for Notices */
+
+.notices {
+  padding: 0.2em;
+  margin: 15px 0;
+}
+
+.notices p {
+  margin: 1em;
+}