makary/grav-theme-future2021
1
0
Fork 0
mirror of https://github.com/pmoreno-rodriguez/grav-theme-future2021.git synced 2025-07-03 00:28:55 +00:00
Code Issues Projects Releases Packages Wiki Activity

Revert "Update to version 1.0.4" (#32)

Browse source 
Reverts pmoreno-rodriguez/grav-theme-future2021#30
This commit is contained in:
pmoreno.rodriguez 2023-03-02 21:02:27 +01:00 • committed by GitHub
commit afd93e27f0
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
51 changed files with 418 additions and 1573 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

41
CHANGELOG.md
View file

@ -1,49 +1,26 @@
# 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 # v1.0.3
## 02/08/2023 ## 02/08/2023
1. [](#bugfix) 1. [](#bugfix)
* Fixed logo display when only mobile logo is chosen. * 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 bug in simplesearch item (added `striptags` filter in page.summary).
* Fixed demo content removing .es prefix [#1](https://github.com/pmoreno-rodriguez/grav-theme-future2021/issues/1). * Fixed demo content removing .es prefix.
* Fixed search results image with `|raw` filter. * Fixed search results image with `|raw` filter.
* Fixed display of svg in search results. * Fixed display of svg in search results.
2. [](#improved) 2. [](#improved)
* Autoformatted some twigs (thanks to [@pikim](https://github.com/pikim)). * Autoformatted some twigs (thanks @pikim).
* Improved the definition of variables in twig templates. * Improved the definition of variables in twig templates.
* Minimal options in future2021.yaml file. * Minimal options in future2021.yaml file.
* Added German translation (thanks to [@pikim](https://github.com/pikim)). * Added German translation (thanks @pikim).
* Renamed custom.css to misc.css. * Renamed custom.css to misc.css.
* Update author and avatar variables in blog. * Update author and avatar variables in blog.
3. [](#new) 3. [](#new)
* Added filter by URI on results page by taxonomy. * 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. * Added support for translate-date (thanks @pikim) and twig-extensions plugins.
* Allow disabling sidebar in all pages. * Allow disabling sidebar in all pages.
* Added support to Login Form * Added support to Login Form
# v1.0.2 # v1.0.2
## 11/08/2022 ## 09/11/2022
1. [](#bugfix) 1. [](#bugfix)
* Fixed code in sidebar_navigation.html.twig and topmenu.html.twig * Fixed code in sidebar_navigation.html.twig and topmenu.html.twig
@ -58,13 +35,13 @@
* Added option in theme to choose the miniposts category name. * Added option in theme to choose the miniposts category name.
* New logo twig template * New logo twig template
# v1.0.1 # v1.0.1
## 02/05/2022 ## 05/09/2022
1. [](#bugfix) 1. [](#bugfix)
* Updated CSS Styles to show FontAwesome 5 * Updated CSS Styles to show FontAwesome 5
# v1.0.0 # v1.0.0
## 02/04/2022 ## 12/05/2021
1. [](#new) 1. [](#new)
* Drop down menu functionality * Drop down menu functionality
@ -76,4 +53,4 @@
* Added option to choose the number of miniposts will be showed in sidebar (in Theme options) * Added option to choose the number of miniposts will be showed in sidebar (in Theme options)
* Added the order option in the blog item to order the miniposts as you want * Added the order option in the blog item to order the miniposts as you want
* Add shadown to header * Add shadown to header
* Added avatarImage and subtitle options in blueprints * Added avatarImage and subtitle options in blueprints

117
README.md
View file

@ -6,7 +6,7 @@ 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. 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 # Features
Redesigned from scratch (version 2021) Redesigned from scratch (version 2021)
- HTML5 and CSS3 - HTML5 and CSS3
@ -19,119 +19,38 @@ Redesigned from scratch (version 2021)
- Styling for various modules - Styling for various modules
- Cross browser compatible - Cross browser compatible
- Dynamic avatar images based on author - 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 - Top content pages in sidebar
- Fully responsive with full-page mobile navigation - Fully responsive with full-page mobile navigation
- SCSS based CSS source files for easy customization - SCSS based CSS source files for easy customization
- Blueprints for Footer, Slogan and Social icons. - Blueprints for Footer, Slogan and Social icons.
- Full Portfolio template with Glightbox library - Full Portfolio template with Glightbox library
### Supported Page Templates # Supported Page Templates
- Default view template
* Default view template `default.md` - Error view template
* Error view template `error.md` - Blog view template
* Blog view template `blog.md` - Blog item view template
* Blog item view template `item.md` - Single view template
* Portfolio view template - Portfolio view template
* Form view template `form.md` - Form view template
* Modular view templates: `modular.md` - Modular view templates:
- Features Modular view template `features.md` - Features Modular view template
- Banner Modular view template `banner.md` - Banner Modular view template
- Contact Modular view template `contact.md` - Contact Modular view template
# Installation # 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. 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)](http://learn.getgrav.org/advanced/grav-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
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
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 # Demo page
[http://future.juanvillen.es/](http://future.juanvillen.es/) [http://future.juanvillen.es/](http://future.juanvillen.es/)
# Future plans # Future plans
- ~~Translations English - Spanish for administration and front-end~~
- Custom templates for Login plugin (login form, forgot form, etc.)
- Improve the portfolio template with Glightbox JS features.
- Create a Flex Directory for authors and avatars. - Create a Flex Directory for authors and avatars.

184
assets/css/main.css
View file

@ -1,3 +1,4 @@
@import 'fontawesome-all.min.css';
@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700|Raleway:400,800,900"); @import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700|Raleway:400,800,900");
/* /*
Future Imperfect by HTML5 UP Future Imperfect by HTML5 UP
@ -1478,14 +1479,14 @@ button,
font-family: "Raleway", Helvetica, sans-serif; font-family: "Raleway", Helvetica, sans-serif;
font-size: 0.6em; font-size: 0.6em;
font-weight: 800; font-weight: 800;
height: auto; height: 4.8125em;
letter-spacing: 0.25em; letter-spacing: 0.25em;
line-height: 4.125em; line-height: 4.8125em;
padding: 0 2.5em; padding: 0 2.5em;
text-align: center; text-align: center;
text-decoration: none; text-decoration: none;
text-transform: uppercase; text-transform: uppercase;
white-space: normal; white-space: nowrap;
} }
input[type=submit]:hover, input[type=submit]:hover,
input[type=reset]:hover, input[type=reset]:hover,
@ -2005,14 +2006,6 @@ ul.actions.fit li > * {
ul.actions.fit.stacked { ul.actions.fit.stacked {
width: 100%; width: 100%;
} }
@media screen and (max-width: 736px) {
ul.actions {
-moz-justify-content: center;
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;
}
}
@media screen and (max-width: 480px) { @media screen and (max-width: 480px) {
ul.actions:not(.fixed) { ul.actions:not(.fixed) {
-moz-flex-direction: column; -moz-flex-direction: column;
@ -2042,17 +2035,17 @@ ul.actions.fit.stacked {
padding-top: 0; padding-top: 0;
} }
ul.actions:not(.fixed) li input[type=submit], ul.actions:not(.fixed) li input[type=submit],
ul.actions:not(.fixed) li input[type=reset], ul.actions:not(.fixed) li input[type=reset],
ul.actions:not(.fixed) li input[type=button], ul.actions:not(.fixed) li input[type=button],
ul.actions:not(.fixed) li button, ul.actions:not(.fixed) li button,
ul.actions:not(.fixed) li .button { ul.actions:not(.fixed) li .button {
width: 100%; width: 100%;
} }
ul.actions:not(.fixed) li input[type=submit].icon:before, ul.actions:not(.fixed) li input[type=submit].icon:before,
ul.actions:not(.fixed) li input[type=reset].icon:before, ul.actions:not(.fixed) li input[type=reset].icon:before,
ul.actions:not(.fixed) li input[type=button].icon:before, ul.actions:not(.fixed) li input[type=button].icon:before,
ul.actions:not(.fixed) li button.icon:before, ul.actions:not(.fixed) li button.icon:before,
ul.actions:not(.fixed) li .button.icon:before { ul.actions:not(.fixed) li .button.icon:before {
margin-left: -0.5em; margin-left: -0.5em;
} }
} }
@ -2174,7 +2167,7 @@ ul.posts article header > :last-child {
transform: scale(1.05); transform: scale(1.05);
} }
.mini-post header { .mini-post header {
padding: 1.25em 4.25em 0.5em 1.25em; padding: 1.25em 4.25em 0.1em 1.25em;
min-height: 4em; min-height: 4em;
position: relative; position: relative;
-moz-flex-grow: 1; -moz-flex-grow: 1;
@ -2332,11 +2325,7 @@ ul.posts article header > :last-child {
.post > footer .stats { .post > footer .stats {
cursor: default; cursor: default;
list-style: none; list-style: none;
padding: 0 1em; padding: 0;
display: flex;
flex-wrap: nowrap;
justify-content: center;
align-content: center;
} }
.post > footer .stats li { .post > footer .stats li {
border-left: solid 1px rgba(160, 160, 160, 0.3); border-left: solid 1px rgba(160, 160, 160, 0.3);
@ -2345,6 +2334,7 @@ ul.posts article header > :last-child {
font-size: 0.6em; font-size: 0.6em;
font-weight: 400; font-weight: 400;
letter-spacing: 0.25em; letter-spacing: 0.25em;
line-height: 1;
margin: 0 0 0 2em; margin: 0 0 0 2em;
padding: 0 0 0 2em; padding: 0 0 0 2em;
text-transform: uppercase; text-transform: uppercase;
@ -2360,28 +2350,6 @@ ul.posts article header > :last-child {
.post > footer .stats li .icon:before { .post > footer .stats li .icon:before {
margin-right: 0.75em; margin-right: 0.75em;
} }
.post > footer .share {
cursor: default;
list-style: none;
display: flex;
flex-wrap: nowrap;
justify-content: center;
align-content: center;
}
.post > footer .share li {
border-left: solid 1px rgba(160, 160, 160, 0.3);
display: inline-block;
font-size: larger;
font-weight: 400;
margin: 0 0 0 1em;
padding: 0 0 0 1em;
text-transform: uppercase;
}
.post > footer .share li:first-child {
border-left: 0;
margin-left: 0;
padding-left: 0;
}
@media screen and (max-width: 980px) { @media screen and (max-width: 980px) {
.post { .post {
border-left: 0; border-left: 0;
@ -2453,7 +2421,7 @@ ul.posts article header > :last-child {
} }
@media screen and (max-width: 736px) { @media screen and (max-width: 736px) {
.post { .post {
padding: 1.5em 1.5em 0.5em 1.5em; padding: 1.5em 1.5em 0.1em 1.5em;
left: -1.5em; left: -1.5em;
margin: 0 0 2em 0; margin: 0 0 2em 0;
width: calc(100% + (1.5em * 2)); width: calc(100% + (1.5em * 2));
@ -2467,16 +2435,6 @@ ul.posts article header > :last-child {
.post > header .title h2 { .post > header .title h2 {
font-size: 1.1em; font-size: 1.1em;
} }
.post > footer {
-moz-align-items: -moz-stretch;
-webkit-align-items: -webkit-stretch;
-ms-align-items: -ms-stretch;
align-items: stretch;
-moz-flex-direction: column-reverse;
-webkit-flex-direction: column-reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
} }
@media screen and (max-width: 480px) { @media screen and (max-width: 480px) {
.post > header .meta { .post > header .meta {
@ -2502,6 +2460,23 @@ ul.posts article header > :last-child {
margin-top: calc(-1.5em - 1px); margin-top: calc(-1.5em - 1px);
width: calc(100% + 3em); width: calc(100% + 3em);
} }
.post > footer {
-moz-align-items: -moz-stretch;
-webkit-align-items: -webkit-stretch;
-ms-align-items: -ms-stretch;
align-items: stretch;
-moz-flex-direction: column-reverse;
-webkit-flex-direction: column-reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
.post > footer .stats {
text-align: center;
}
.post > footer .stats li {
margin: 0 0 0 1.25em;
padding: 0 0 0 1.25em;
}
} }
/* Section/Article */ /* Section/Article */
@ -2730,16 +2705,18 @@ table.alt tfoot {
position: relative; position: relative;
float: left; float: left;
text-transform: uppercase; text-transform: uppercase;
font-size: 14pt; font-size: 12pt;
height: inherit; height: inherit;
} }
#header .dropdown li a { #header .dropdown li a {
font-family: "Raleway", Helvetica, sans-serif; font-family: "Raleway", Helvetica, sans-serif;
font-size: 0.7em; font-size: 0.8em;
font-weight: 400; font-weight: 400;
letter-spacing: 0.2em; letter-spacing: 0.15em;
display: block;
border-bottom: none; border-bottom: none;
padding: 0 0.8rem; padding: 0 0.8rem;
height: inherit;
} }
#header .dropdown li ul { #header .dropdown li ul {
position: absolute; position: absolute;
@ -2754,10 +2731,11 @@ table.alt tfoot {
} }
#header .dropdown li ul li a { #header .dropdown li ul li a {
font-family: "Raleway", Helvetica, sans-serif; font-family: "Raleway", Helvetica, sans-serif;
font-size: 0.7em; font-size: 0.8em;
font-weight: 400; font-weight: 400;
letter-spacing: 0.2em; letter-spacing: 0.15em;
text-transform: uppercase; text-transform: uppercase;
display: block;
border-bottom: none; border-bottom: none;
padding: 0.3rem 0.8rem; padding: 0.3rem 0.8rem;
line-height: 2.5em; line-height: 2.5em;
@ -2916,84 +2894,6 @@ ul.subitem_hide > li {
padding-right: 8px; padding-right: 8px;
} }
/* CSS for Headings */
/* by Pedro Moreno */
.heading {
padding: 3em 3em 1em 3em;
background: #ffffff;
border: solid 1px rgba(160, 160, 160, 0.3);
margin: 0 0 1.5em 0;
position: relative;
}
.heading #breadcrumbs {
font-family: "Raleway", Helvetica, sans-serif;
font-size: 0.6em;
font-weight: 400;
letter-spacing: 0.25em;
text-transform: uppercase;
margin-top: -1em;
height: 3em;
line-height: 3em;
padding-inline-start: 0;
}
.heading #breadcrumbs span {
padding: 0;
}
.heading #breadcrumbs i {
padding: 0 1em;
width: 0;
}
.heading .title h2 {
font-weight: 900;
font-size: 1.8em;
}
.heading .title p {
font-family: "Raleway", Helvetica, sans-serif;
font-size: 0.8em;
font-weight: 700;
letter-spacing: 0.25em;
line-height: 2.5;
margin-top: -1em;
text-transform: uppercase;
}
@media screen and (max-width: 980px) {
.heading {
border-left: 0;
border-right: 0;
left: -3em;
width: calc(100% + (3em * 2));
}
.heading #breadcrumbs {
margin: 0 0 2em 0;
padding: 0;
text-align: center;
}
.heading .title {
-ms-flex: 0 1 auto;
margin: 0 0 2em 0;
padding: 0;
text-align: center;
}
}
@media screen and (max-width: 736px) {
.heading {
padding: 1.5em 1.5em 0.5em 1.5em;
left: -1.5em;
margin: 0 0 2em 0;
width: calc(100% + (1.5em * 2));
}
.heading .title h2 {
font-size: 1.1em;
}
}
@media screen and (max-width: 480px) {
.heading > .image.featured {
margin-left: -1.5em;
margin-top: calc(-1.5em - 1px);
width: calc(100% + 3em);
}
}
/* Header */ /* Header */
body { body {
padding-top: 3.5em; padding-top: 3.5em;
@ -3393,4 +3293,4 @@ body.is-menu-visible #menu {
#menu > * { #menu > * {
padding: 1.5em; padding: 1.5em;
} }
} }/*# sourceMappingURL=main.css.map */

2
assets/css/main.min.css vendored
View file

File diff suppressed because one or more lines are too long

22
assets/css/misc.css
View file

@ -39,9 +39,6 @@
/* Styles for Langswitcher plugin */ /* Styles for Langswitcher plugin */
#header .main ul li.langswitcher {
margin-left: 0em !important;
}
#header .main ul li.langswitcher > a { #header .main ul li.langswitcher > a {
text-decoration: none; text-decoration: none;
border-bottom: 0; border-bottom: 0;
@ -102,10 +99,17 @@
} }
/* Styles modified from Breadcrumbs */ /* Styles modified from Breadcrumbs */
/* Included in headings.scss */
/* Styles for Login plugin */ #breadcrumbs {
padding-inline-start: 0rem;
@media screen and (max-width: 736px) { margin: 1em 0;
#header .main ul li.login-logout { height: auto;
display: none; } } line-height: 2em;
}
#breadcrumbs span {
padding: 0rem;
}
#breadcrumbs i {
padding: 0 1rem;
width: 0 !important;
}

4
assets/sass/components/_actions.scss
View file

@ -60,9 +60,7 @@
width: 100%; width: 100%;
} }
} }
@include breakpoint('<=small') {
@include vendor('justify-content', 'center');
}
@include breakpoint('<=xsmall') { @include breakpoint('<=xsmall') {
&:not(.fixed) { &:not(.fixed) {
@include vendor('flex-direction', 'column'); @include vendor('flex-direction', 'column');

8
assets/sass/components/_banner.scss
View file

@ -1,3 +1,9 @@
///
/// Editorial by HTML5 UP
/// html5up.net | @ajlkn
/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
///
/* Banner */ /* Banner */
#banner { #banner {
@ -71,4 +77,4 @@
} }
} }
} }
} }

6
assets/sass/components/_button.scss
View file

@ -26,14 +26,14 @@
font-family: _font(family-heading); font-family: _font(family-heading);
font-size: 0.6em; font-size: 0.6em;
font-weight: _font(weight-heading-bold); font-weight: _font(weight-heading-bold);
height: auto; height: _size(element-height) * 1.75;
letter-spacing: _font(kerning-heading); letter-spacing: _font(kerning-heading);
line-height: _size(element-height) * 1.5; line-height: _size(element-height) * 1.75;
padding: 0 2.5em; padding: 0 2.5em;
text-align: center; text-align: center;
text-decoration: none; text-decoration: none;
text-transform: uppercase; text-transform: uppercase;
white-space: normal; white-space: nowrap;
&:hover { &:hover {
box-shadow: inset 0 0 0 1px _palette(accent); box-shadow: inset 0 0 0 1px _palette(accent);

13
assets/sass/components/_dropdownmenu.scss
View file

@ -12,15 +12,17 @@
position: relative; position: relative;
float: left; float: left;
text-transform: uppercase; text-transform: uppercase;
font-size: 14pt; font-size: 12pt;
height: inherit; height: inherit;
a { a {
font-family: _font(family-heading); font-family: _font(family-heading);
font-size: 0.7em; font-size: 0.8em;
font-weight: _font(weight); font-weight: _font(weight);
letter-spacing: 0.20em; letter-spacing: 0.15em;
@include vendor('display', 'block');
border-bottom: none; border-bottom: none;
padding: 0 0.8rem; padding: 0 0.8rem;
height: inherit;
} }
ul { ul {
@ -38,10 +40,11 @@
a { a {
font-family: _font(family-heading); font-family: _font(family-heading);
font-size: 0.7em; font-size: 0.8em;
font-weight: _font(weight); font-weight: _font(weight);
letter-spacing: 0.20em; letter-spacing: 0.15em;
text-transform: uppercase; text-transform: uppercase;
@include vendor('display', 'block');
border-bottom: none; border-bottom: none;
padding: 0.3rem 0.8rem; padding: 0.3rem 0.8rem;
line-height: 2.5em; line-height: 2.5em;

88
assets/sass/components/_headings.scss
View file

@ -1,88 +0,0 @@
/* CSS for Headings */
/* by Pedro Moreno */
.heading {
@include padding(_size(section-spacing), _size(section-spacing));
background: _palette(bg);
border: solid 1px _palette(border);
margin: 0 0 _size(section-spacing-small) 0;
position: relative;
#breadcrumbs {
font-family: _font(family-heading);
font-size: 0.6em;
font-weight: _font(weight-heading);
letter-spacing: _font(kerning-heading);
text-transform: uppercase;
margin-top: -1em;
height: _size(section-spacing);
line-height: _size(section-spacing);
padding-inline-start: 0;
span {
padding: 0;
}
i {
padding: 0 1em;
width: 0;
}
}
.title {
h2 {
font-weight: _font(weight-heading-extrabold);
font-size: 1.8em;
}
p {
font-family: _font(family-heading);
font-size: 0.8em;
font-weight: _font(weight-bold);
letter-spacing: _font(kerning-heading);
line-height: 2.5;
margin-top: -1em;
text-transform: uppercase;
}
}
@include breakpoint('<=medium') {
border-left: 0;
border-right: 0;
left: _size(section-spacing) * -1;
width: calc(100% + (#{_size(section-spacing)} * 2));
#breadcrumbs {
margin: 0 0 _size(element-margin) 0;
padding: 0;
text-align: center;
}
.title {
-ms-flex: 0 1 auto;
margin: 0 0 _size(element-margin) 0;
padding: 0;
text-align: center;
}
}
@include breakpoint('<=small') {
@include padding(_size(section-spacing-small), _size(section-spacing-small));
left: _size(section-spacing-small) * -1;
margin: 0 0 _size(element-margin) 0;
width: calc(100% + (#{_size(section-spacing-small)} * 2));
.title {
h2 {
font-size: 1.1em;
}
}
}
@include breakpoint('<=xsmall') {
> .image.featured {
margin-left: _size(section-spacing-small) * -1;
margin-top: calc(#{_size(section-spacing-small) * -1} - 1px);
width: calc(100% + #{_size(section-spacing-small) * 2});
}
}
}

50
assets/sass/components/_post.scss
View file

@ -98,11 +98,7 @@
.stats { .stats {
cursor: default; cursor: default;
list-style: none; list-style: none;
padding: 0 1em; padding: 0;
display: flex;
flex-wrap: nowrap;
justify-content: center;
align-content: center;
li { li {
border-left: solid 1px _palette(border); border-left: solid 1px _palette(border);
@ -111,7 +107,7 @@
font-size: 0.6em; font-size: 0.6em;
font-weight: _font(weight-heading); font-weight: _font(weight-heading);
letter-spacing: _font(kerning-heading); letter-spacing: _font(kerning-heading);
// line-height: 1; line-height: 1;
margin: 0 0 0 2em; margin: 0 0 0 2em;
padding: 0 0 0 2em; padding: 0 0 0 2em;
text-transform: uppercase; text-transform: uppercase;
@ -132,30 +128,6 @@
} }
} }
} }
.share {
cursor: default;
list-style: none;
display: flex;
flex-wrap: nowrap;
justify-content: center;
align-content: center;
li {
border-left: solid 1px _palette(border);
display: inline-block;
font-size: larger;
font-weight: _font(weight-heading);
margin: 0 0 0 1em;
padding: 0 0 0 1em;
text-transform: uppercase;
&:first-child {
border-left: 0;
margin-left: 0;
padding-left: 0;
}
}
}
} }
@include breakpoint('<=medium') { @include breakpoint('<=medium') {
@ -238,10 +210,6 @@
} }
} }
} }
> footer {
@include vendor('align-items', 'stretch');
@include vendor('flex-direction', 'column-reverse');
}
} }
@include breakpoint('<=xsmall') { @include breakpoint('<=xsmall') {
@ -269,5 +237,19 @@
margin-top: calc(#{_size(section-spacing-small) * -1} - 1px); margin-top: calc(#{_size(section-spacing-small) * -1} - 1px);
width: calc(100% + #{_size(section-spacing-small) * 2}); width: calc(100% + #{_size(section-spacing-small) * 2});
} }
> footer {
@include vendor('align-items', 'stretch');
@include vendor('flex-direction', 'column-reverse');
.stats {
text-align: center;
li {
margin: 0 0 0 1.25em;
padding: 0 0 0 1.25em;
}
}
}
} }
} }

2
assets/sass/components/_sidebarmenu.scss
View file

@ -2,7 +2,7 @@
#sidebarmenu {display: none;} #sidebarmenu {display: none;}
@include breakpoint('<=medium') { @media screen and (max-width: 980px) {
#sidebarmenu { #sidebarmenu {
display: block; } display: block; }

4
assets/sass/libs/_mixins.scss
View file

@ -48,10 +48,10 @@
$important: '!important'; $important: '!important';
} }
$x: 0.5em; $x: 0.1em;
@if unit(_size(element-margin)) == 'rem' { @if unit(_size(element-margin)) == 'rem' {
$x: 0.5rem; $x: 0.1rem;
} }
padding: ($tb + nth($pad,1)) ($lr + nth($pad,2)) max($x, $tb - _size(element-margin) + nth($pad,3)) ($lr + nth($pad,4)) #{$important}; padding: ($tb + nth($pad,1)) ($lr + nth($pad,2)) max($x, $tb - _size(element-margin) + nth($pad,3)) ($lr + nth($pad,4)) #{$important};

2
assets/sass/main.scss
View file

@ -4,6 +4,7 @@
@import 'libs/vendor'; @import 'libs/vendor';
@import 'libs/breakpoints'; @import 'libs/breakpoints';
@import 'libs/html-grid'; @import 'libs/html-grid';
@import 'fontawesome-all.min.css';
@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700|Raleway:400,800,900'); @import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700|Raleway:400,800,900');
/* /*
@ -52,7 +53,6 @@
@import 'components/logo'; @import 'components/logo';
@import 'components/dropdownmenu'; @import 'components/dropdownmenu';
@import 'components/sidebarmenu'; @import 'components/sidebarmenu';
@import 'components/headings.scss';
// Layout. // Layout.

65
blueprints.yaml
View file

@ -1,7 +1,7 @@
name: Future 2021 name: Future 2021
slug: future2021 slug: future2021
type: theme type: theme
version: 1.0.4 version: 1.0.3
description: Grav Future Imperfect by HTML5 UP (Version 2021) description: Grav Future Imperfect by HTML5 UP (Version 2021)
icon: microchip icon: microchip
author: author:
@ -87,47 +87,6 @@ form:
slogan: slogan:
type: text type: text
label: FUTURE.ADMIN.THEME.SLOGAN label: FUTURE.ADMIN.THEME.SLOGAN
menu_options:
type: section
title: FUTURE.ADMIN.THEME.MENU.TITLE
underline: true
menu_langswitcher:
type: toggle
label: FUTURE.ADMIN.THEME.MENU.LANGSWITCHER
help: FUTURE.ADMIN.THEME.MENU.LANGSWITCHER_HELP
default: 1
highlight: 1
options:
1: PLUGIN_ADMIN.ENABLED
0: PLUGIN_ADMIN.DISABLED
validate:
type: bool
menu_search:
type: toggle
label: FUTURE.ADMIN.THEME.MENU.SEARCH
help: FUTURE.ADMIN.THEME.MENU.SEARCH_HELP
default: 1
highlight: 1
options:
1: PLUGIN_ADMIN.ENABLED
0: PLUGIN_ADMIN.DISABLED
validate:
type: bool
menu_login:
type: toggle
label: FUTURE.ADMIN.THEME.MENU.LOGIN
help: FUTURE.ADMIN.THEME.MENU.LOGIN_HELP
default: 1
highlight: 1
options:
1: PLUGIN_ADMIN.ENABLED
0: PLUGIN_ADMIN.DISABLED
validate:
type: bool
blog_section: blog_section:
type: fieldset type: fieldset
@ -203,19 +162,9 @@ form:
collapsible: true collapsible: true
collapsed: true collapsed: true
icon: share-alt icon: share-alt
title: FUTURE.ADMIN.THEME.FOOTER_SOCIAL_ICONS title: FUTURE.ADMIN.THEME.FOOTER_SOCIALS_ICONS
fields: fields:
enable_social:
type: toggle
label: FUTURE.ADMIN.THEME.FOOTER_SOCIAL_ENABLE
highlight: 1
default: 1
options:
1: PLUGIN_ADMIN.ENABLED
0: PLUGIN_ADMIN.DISABLED
validate:
type: bool
social: social:
name: social name: social
type: list type: list
@ -225,13 +174,13 @@ form:
fields: fields:
.name: .name:
type: text type: text
label: FUTURE.ADMIN.THEME.FOOTER_SOCIAL_ICON_NAME label: FUTURE.ADMIN.THEME.FOOTER_SOCIALS_ICON_NAME
.url: .url:
type: text type: text
label: FUTURE.ADMIN.THEME.FOOTER_SOCIAL_ICON_URL label: FUTURE.ADMIN.THEME.FOOTER_SOCIALS_ICON_URL
.icon: .icon:
type: iconpicker type: iconpicker
label: FUTURE.ADMIN.THEME.FOOTER_SOCIAL_ICON_ICON label: FUTURE.ADMIN.THEME.FOOTER_SOCIALS_ICON_ICON
custommenu_options_section: custommenu_options_section:
type: fieldset type: fieldset
@ -245,11 +194,11 @@ form:
type: toggle type: toggle
label: FUTURE.ADMIN.THEME.CUSTOM_MENU_ENABLE label: FUTURE.ADMIN.THEME.CUSTOM_MENU_ENABLE
help: FUTURE.ADMIN.THEME.CUSTOM_MENU_ENABLE_HELP help: FUTURE.ADMIN.THEME.CUSTOM_MENU_ENABLE_HELP
default: 1 default: 0
highlight: 1 highlight: 1
options: options:
1: PLUGIN_ADMIN.ENABLED
0: PLUGIN_ADMIN.DISABLED 0: PLUGIN_ADMIN.DISABLED
1: PLUGIN_ADMIN.ENABLED
validate: validate:
type: bool type: bool
custommenu: custommenu:

27
blueprints/blog.yaml
View file

@ -31,8 +31,7 @@ form:
fields: fields:
content_title: content_title:
type: section type: spacer
underline: true
title: FUTURE.ADMIN.BLOG.BLOG_CONTENT_TITLE title: FUTURE.ADMIN.BLOG.BLOG_CONTENT_TITLE
header.content.items: header.content.items:
@ -105,27 +104,3 @@ form:
0: PLUGIN_ADMIN.DISABLED 0: PLUGIN_ADMIN.DISABLED
validate: validate:
type: bool type: bool
shareicons_title:
type: section
underline: true
title: FUTURE.ADMIN.BLOG.BLOG_CONTENT_SHAREICONS_TITLE
header.shareicons:
type: checkboxes
style: vertical
label: FUTURE.ADMIN.BLOG.BLOG_CONTENT_SHAREICONS
help: FUTURE.ADMIN.BLOG.BLOG_CONTENT_SHAREICONS_HELP
default:
facebook: true
twitter: true
whatsapp: true
telegram: true
options:
facebook: Facebook
twitter: Twitter
whatsapp: Whatsapp
telegram: Telegram
use: keys

13
blueprints/default.yaml
View file

@ -37,7 +37,7 @@ form:
header.show_sidebar: header.show_sidebar:
type: toggle type: toggle
toggleable: true toggleable: true
label: FUTURE.ADMIN.DEFAULT.SHOW_SIDEBAR label: FUTURE.ADMIN.BLOG.BLOG_CONTENT_ITEMS_SIDEBAR
ordering@: -99 ordering@: -99
default: 0 default: 0
highlight: 0 highlight: 0
@ -45,13 +45,4 @@ form:
1: PLUGIN_ADMIN.ENABLED 1: PLUGIN_ADMIN.ENABLED
0: PLUGIN_ADMIN.DISABLED 0: PLUGIN_ADMIN.DISABLED
validate: validate:
type: bool type: bool
advanced:
fields:
columns:
fields:
column1:
fields:
header.body_classes:
markdown: true
description: FUTURE.ADMIN.DEFAULT.BODY_CLASSES

17
blueprints/item.yaml
View file

@ -14,18 +14,6 @@ form:
fields: fields:
options_title:
type: section
underline: true
title: FUTURE.ADMIN.ITEM.ITEM_OPTIONS
header.avatarImage:
type: pagemediaselect
toggleable: true
size: medium
label: FUTURE.ADMIN.ITEM.ITEM_AVATAR
preview_images: true
header.show_breadcrumbs: header.show_breadcrumbs:
type: toggle type: toggle
toggleable: true toggleable: true
@ -78,3 +66,8 @@ form:
classes: large classes: large
placeholder: === placeholder: ===
header.avatarImage:
type: pagemediaselect
toggleable: true
label: FUTURE.ADMIN.ITEM.ITEM_AVATAR
preview_images: true

245
blueprints/portfolio.yaml
View file

@ -7,46 +7,28 @@ form:
fields: fields:
portfolio: portfolio:
type: tab type: tab
title: FUTURE.ADMIN.PORTFOLIO.TAB title: FUTURE.ADMIN.PORTFOLIO.PORTFOLIO_TAB
fields: fields:
content_title: content_title:
type: spacer type: spacer
title: FUTURE.ADMIN.PORTFOLIO.TITLE title: FUTURE.ADMIN.PORTFOLIO.PORTFOLIO_TITLE
header.layout: header.layout:
type: select type: select
label: FUTURE.ADMIN.PORTFOLIO.LAYOUT.LABEL label: FUTURE.ADMIN.PORTFOLIO.PORTFOLIO_LAYOUT
default: standard default: standard
size: medium size: medium
options: options:
medium: FUTURE.ADMIN.PORTFOLIO.LAYOUT.TWOCOLS medium: FUTURE.ADMIN.PORTFOLIO.PORTFOLIO_LAYOUT_TWOCOLS
standard: FUTURE.ADMIN.PORTFOLIO.LAYOUT.THREECOLS standard: FUTURE.ADMIN.PORTFOLIO.PORTOFOLIO_LAYOUT_THREECOLS
header.thumb_width:
type: number
label: FUTURE.ADMIN.PORTFOLIO.THUMB_WIDTH
help: FUTURE.ADMIN.PORTFOLIO.THUMB_WIDTH_HELP
size: small
default: 600
validate:
min: 50
max: 1000
header.thumb_height:
type: number
label: FUTURE.ADMIN.PORTFOLIO.THUMB_HEIGHT
help: FUTURE.ADMIN.PORTFOLIO.THUMB_HEIGHT_HELP
size: small
default: 450
validate:
min: 50
max: 1000
header.images: header.images:
type: list type: list
style: vertical style: vertical
label: FUTURE.ADMIN.PORTFOLIO.IMAGES.LABEL label: FUTURE.ADMIN.PORTFOLIO.PORTFOLIO_IMAGES
collapsed: true collapsed: true
fields: fields:
.image: .image:
type: pagemediaselect type: pagemediaselect
label: FUTURE.ADMIN.PORTFOLIO.IMAGES.IMAGE label: FUTURE.ADMIN.PORTFOLIO.PORTFOLIO_IMAGE
preview_images: true preview_images: true
accept: accept:
- .png - .png
@ -55,206 +37,17 @@ form:
- .svg - .svg
.title: .title:
type: text type: text
label: FUTURE.ADMIN.PORTFOLIO.IMAGES.IMAGE_TITLE label: FUTURE.ADMIN.PORTFOLIO.PORTFOLIO_IMAGE_TITLE
.description: .description:
type: text type: text
label: FUTURE.ADMIN.PORTFOLIO.IMAGES.IMAGE_DESCRIPTION label: FUTURE.ADMIN.PORTFOLIO.PORTFOLIO_IMAGE_DESCRIPTION
.descPosition: .thumb:
type: select type: filepicker
label: FUTURE.ADMIN.PORTFOLIO.IMAGES.DESCPOSITION.LABEL folder: 'self@'
help: FUTURE.ADMIN.PORTFOLIO.IMAGES.DESCPOSITION.HELP label: FUTURE.ADMIN.PORTFOLIO.PORTFOLIO_IMAGE_THUMB
default: bottom preview_images: true
size: medium accept:
options: - .png
bottom: FUTURE.ADMIN.PORTFOLIO.IMAGES.DESCPOSITION.BOTTOM - .jpg
top: FUTURE.ADMIN.PORTFOLIO.IMAGES.DESCPOSITION.TOP - .gif
left: FUTURE.ADMIN.PORTFOLIO.IMAGES.DESCPOSITION.LEFT - .svg
right: FUTURE.ADMIN.PORTFOLIO.IMAGES.DESCPOSITION.RIGHT
portfolio_options:
type: tab
title: FUTURE.ADMIN.PORTFOLIO.OPTIONS.TAB
fields:
Effects_title:
type: spacer
title: FUTURE.ADMIN.PORTFOLIO.OPTIONS.EFFECTS_TITLE
header.open_effect:
type: select
label: FUTURE.ADMIN.PORTFOLIO.OPTIONS.OPEN_EFFECT.LABEL
default: zoom
size: medium
options:
zoom: FUTURE.ADMIN.PORTFOLIO.OPTIONS.OPEN_EFFECT.ZOOM
fade: FUTURE.ADMIN.PORTFOLIO.OPTIONS.OPEN_EFFECT.FADE
none: FUTURE.ADMIN.PORTFOLIO.OPTIONS.OPEN_EFFECT.NONE
header.close_effect:
type: select
label: FUTURE.ADMIN.PORTFOLIO.OPTIONS.CLOSE_EFFECT.LABEL
default: zoom
size: medium
options:
zoom: FUTURE.ADMIN.PORTFOLIO.OPTIONS.CLOSE_EFFECT.ZOOM
fade: FUTURE.ADMIN.PORTFOLIO.OPTIONS.CLOSE_EFFECT.FADE
none: FUTURE.ADMIN.PORTFOLIO.OPTIONS.CLOSE_EFFECT.NONE
header.slide_effect:
type: select
label: FUTURE.ADMIN.PORTFOLIO.OPTIONS.SLIDE_EFFECT.LABEL
default: slide
size: medium
options:
slide: FUTURE.ADMIN.PORTFOLIO.OPTIONS.SLIDE_EFFECT.SLIDE
zoom: FUTURE.ADMIN.PORTFOLIO.OPTIONS.SLIDE_EFFECT.ZOOM
fade: FUTURE.ADMIN.PORTFOLIO.OPTIONS.SLIDE_EFFECT.FADE
none: FUTURE.ADMIN.PORTFOLIO.OPTIONS.SLIDE_EFFECT.NONE
header.more_text:
type: text
label: FUTURE.ADMIN.PORTFOLIO.OPTIONS.MORE_TEXT
help: FUTURE.ADMIN.PORTFOLIO.OPTIONS.MORE_TEXT_HELP
default: FUTURE.ADMIN.PORTFOLIO.OPTIONS.MORE_TEXT_DEFAULT
size: medium
header.more_length:
type: number
label: FUTURE.ADMIN.PORTFOLIO.OPTIONS.MORE_LENGTH
help: FUTURE.ADMIN.PORTFOLIO.OPTIONS.MORE_LENGTH_HELP
size: small
default: 60
validate:
min: 0
max: 500
Actions_title:
type: spacer
title: FUTURE.ADMIN.PORTFOLIO.OPTIONS.ACTIONS_TITLE
header.close_button:
type: toggle
label: FUTURE.ADMIN.PORTFOLIO.OPTIONS.CLOSE_BUTTON
help: FUTURE.ADMIN.PORTFOLIO.OPTIONS.CLOSE_BUTTON_HELP
default: 1
highlight: 1
options:
1: PLUGIN_ADMIN.ENABLED
0: PLUGIN_ADMIN.DISABLED
header.touch_navigation:
type: toggle
label: FUTURE.ADMIN.PORTFOLIO.OPTIONS.TOUCH_NAVIGATION
help: FUTURE.ADMIN.PORTFOLIO.OPTIONS.TOUCH_NAVIGATION_HELP
default: 1
highlight: 1
options:
1: PLUGIN_ADMIN.ENABLED
0: PLUGIN_ADMIN.DISABLED
header.touch_axis:
type: toggle
label: FUTURE.ADMIN.PORTFOLIO.OPTIONS.TOUCH_AXIS
help: FUTURE.ADMIN.PORTFOLIO.OPTIONS.TOUCH_AXIS_HELP
default: 1
highlight: 1
options:
1: PLUGIN_ADMIN.ENABLED
0: PLUGIN_ADMIN.DISABLED
header.keyboard_navigation:
type: toggle
label: FUTURE.ADMIN.PORTFOLIO.OPTIONS.KEYBOARD
help: FUTURE.ADMIN.PORTFOLIO.OPTIONS.KEYBOARD_HELP
default: 1
highlight: 1
options:
1: PLUGIN_ADMIN.ENABLED
0: PLUGIN_ADMIN.DISABLED
header.closeOutside:
type: toggle
label: FUTURE.ADMIN.PORTFOLIO.OPTIONS.CLOSE_OUTSIDE
help: FUTURE.ADMIN.PORTFOLIO.OPTIONS.CLOSE_OUTSIDE_HELP
default: 1
highlight: 1
options:
1: PLUGIN_ADMIN.ENABLED
0: PLUGIN_ADMIN.DISABLED
header.startAt:
type: number
label: FUTURE.ADMIN.PORTFOLIO.OPTIONS.MORE_STARTAT
help: FUTURE.ADMIN.PORTFOLIO.OPTIONS.MORE_STARTAT_HELP
size: small
validate:
min: 0
max: 1000
Styling_title:
type: spacer
title: FUTURE.ADMIN.PORTFOLIO.OPTIONS.STYLING_TITLE
header.width:
type: text
label: FUTURE.ADMIN.PORTFOLIO.OPTIONS.WIDTH
help: FUTURE.ADMIN.PORTFOLIO.OPTIONS.WIDTH_HELP
placeholder: 'auto'
size: small
header.height:
type: text
label: FUTURE.ADMIN.PORTFOLIO.OPTIONS.HEIGHT
help: FUTURE.ADMIN.PORTFOLIO.OPTIONS.HEIGHT_HELP
placeholder: 'auto'
size: small
Behavior_title:
type: spacer
title: FUTURE.ADMIN.PORTFOLIO.OPTIONS.BEHAVIOR_TITLE
header.loop:
type: toggle
label: FUTURE.ADMIN.PORTFOLIO.OPTIONS.LOOP
help: FUTURE.ADMIN.PORTFOLIO.OPTIONS.LOOP_HELP
default: 0
highlight: 0
options:
1: PLUGIN_ADMIN.ENABLED
0: PLUGIN_ADMIN.DISABLED
header.zoomable:
type: toggle
label: FUTURE.ADMIN.PORTFOLIO.OPTIONS.ZOOMABLE
help: FUTURE.ADMIN.PORTFOLIO.OPTIONS.ZOOMABLE_HELP
default: 1
highlight: 1
options:
1: PLUGIN_ADMIN.ENABLED
0: PLUGIN_ADMIN.DISABLED
header.draggable:
type: toggle
label: FUTURE.ADMIN.PORTFOLIO.OPTIONS.DRAGGABLE
help: FUTURE.ADMIN.PORTFOLIO.OPTIONS.DRAGGABLE_HELP
default: 1
highlight: 1
options:
1: PLUGIN_ADMIN.ENABLED
0: PLUGIN_ADMIN.DISABLED
header.draggableX:
type: number
label: FUTURE.ADMIN.PORTFOLIO.OPTIONS.DRAGGABLE_X
help: FUTURE.ADMIN.PORTFOLIO.OPTIONS.DRAGGABLE_X_HELP
size: small
default: 40
validate:
min: 1
max: 500
header.draggableY:
type: number
label: FUTURE.ADMIN.PORTFOLIO.OPTIONS.DRAGGABLE_Y
help: FUTURE.ADMIN.PORTFOLIO.OPTIONS.DRAGGABLE_Y_HELP
size: small
default: 65
validate:
min: 1
max: 500
header.dragAuto:
type: toggle
label: FUTURE.ADMIN.PORTFOLIO.OPTIONS.DRAG_AUTO_SNAP
help: FUTURE.ADMIN.PORTFOLIO.OPTIONS.DRAG_AUTO_SNAP_HELP
default: 0
highlight: 0
options:
1: PLUGIN_ADMIN.ENABLED
0: PLUGIN_ADMIN.DISABLED
header.preload:
type: toggle
label: FUTURE.ADMIN.PORTFOLIO.OPTIONS.PRELOAD
help: FUTURE.ADMIN.PORTFOLIO.OPTIONS.PRELOAD_HELP
default: 1
highlight: 1
options:
1: PLUGIN_ADMIN.ENABLED
0: PLUGIN_ADMIN.DISABLED

401
languages.yaml
View file

@ -11,14 +11,6 @@ en:
CUSTOM_LOGO_DESCRIPTION: Will be used instead of default logo `theme://images/grav-logo.svg` CUSTOM_LOGO_DESCRIPTION: Will be used instead of default logo `theme://images/grav-logo.svg`
CUSTOM_LOGO_MOBILE: Mobile Custom Logo CUSTOM_LOGO_MOBILE: Mobile Custom Logo
SLOGAN: Slogan SLOGAN: Slogan
MENU:
TITLE: Top Menu Configuration
LANGSWITCHER: Enable Langswitcher icon
LANGSWITCHER_HELP: With Langswitcher plugin enabled and multi-language setup in your site, you can enable or disable the langswitcher functionality appearing in the top menu.
SEARCH: Enable Search icon
SEARCH_HELP: With SimpleSearch plugin enabled you can enable or disable the search block in top menu.
LOGIN: Enable Login icon
LOGIN_HELP: You can enable or disable Login icon in top menu, to show login status.
BLOG_DEFAULTS: Blog Defaults BLOG_DEFAULTS: Blog Defaults
BLOG_PAGE: Blog Page BLOG_PAGE: Blog Page
BLOG_PAGE_HELP: The route to the blog page when working with blog sidebar BLOG_PAGE_HELP: The route to the blog page when working with blog sidebar
@ -35,13 +27,12 @@ en:
FOOTER_COPYRIGHT: Copyright Text FOOTER_COPYRIGHT: Copyright Text
FOOTER_BUTTON_TEXT: Button Text FOOTER_BUTTON_TEXT: Button Text
FOOTER_BUTTON_URL: Button URL FOOTER_BUTTON_URL: Button URL
FOOTER_SOCIAL_ENABLE: Enable Social Icons FOOTER_SOCIALS_ICONS: Social Icons
FOOTER_SOCIAL_ICONS: Social Icons FOOTER_SOCIALS_ICON_NAME: Social Name
FOOTER_SOCIAL_ICON_NAME: Social Name FOOTER_SOCIALS_ICON_URL: URL Link to Social
FOOTER_SOCIAL_ICON_URL: URL Link to Social FOOTER_SOCIALS_ICON_ICON: Icon to Social
FOOTER_SOCIAL_ICON_ICON: Icon to Social
CUSTOM_MENU_TITLE: 'Custom Menu Items' CUSTOM_MENU_TITLE: 'Custom Menu Items'
CUSTOM_MENU_ENABLE: 'Enable Custom Menu Items' CUSTOM_MENU_ENABLE: 'Display Custom Menu Items'
CUSTOM_MENU_ENABLE_HELP: 'Determines if any defined custom menu entries are displayed in the menubar.' CUSTOM_MENU_ENABLE_HELP: 'Determines if any defined custom menu entries are displayed in the menubar.'
CUSTOM_MENU_ITEM_TEXT: 'Text' CUSTOM_MENU_ITEM_TEXT: 'Text'
CUSTOM_MENU_ITEM_TEXT_DESCRIPTION: 'Text label for menu item.' CUSTOM_MENU_ITEM_TEXT_DESCRIPTION: 'Text label for menu item.'
@ -56,8 +47,6 @@ en:
CUSTOM_MENU_ITEM_TARGET_TOP: 'Open in the full body of the window' CUSTOM_MENU_ITEM_TARGET_TOP: 'Open in the full body of the window'
DEFAULT: DEFAULT:
PRIMARY_IMAGE: Primary image PRIMARY_IMAGE: Primary image
SHOW_SIDEBAR: Show Sidebar
BODY_CLASSES: 'You can create new CSS classes for the body and add them here'
MODULAR: MODULAR:
BANNER: BANNER:
BANNER_TAB: Banner BANNER_TAB: Banner
@ -94,10 +83,8 @@ en:
BLOG_CONTENT_ITEMS_ORDER_DIR_DESC: Descending BLOG_CONTENT_ITEMS_ORDER_DIR_DESC: Descending
BLOG_CONTENT_ITEMS_BREADCRUMBS: Show Breadcrumbs BLOG_CONTENT_ITEMS_BREADCRUMBS: Show Breadcrumbs
BLOG_CONTENT_ITEMS_PAGINATION: Show Pagination BLOG_CONTENT_ITEMS_PAGINATION: Show Pagination
BLOG_CONTENT_ITEMS_SIDEBAR: Show Sidebar
BLOG_CONTENT_ITEMS_URL_TAXONOMY_FILTERS: URL Taxonomy Filters BLOG_CONTENT_ITEMS_URL_TAXONOMY_FILTERS: URL Taxonomy Filters
BLOG_CONTENT_SHAREICONS_TITLE: Social Media Icons
BLOG_CONTENT_SHAREICONS: Select Social Media Icons
BLOG_CONTENT_SHAREICONS_HELP: Select which social media icons you want to display on articles
ITEM: ITEM:
ITEM_TAB: Blog Item ITEM_TAB: Blog Item
ITEM_OPTIONS: Options ITEM_OPTIONS: Options
@ -112,86 +99,16 @@ en:
ITEM_SUBTITLE: Subtitle ITEM_SUBTITLE: Subtitle
ITEM_AVATAR: Avatar Image ITEM_AVATAR: Avatar Image
PORTFOLIO: PORTFOLIO:
TAB: Portfolio PORTFOLIO_TAB: Portfolio
TITLE: Portfolio Images PORTFOLIO_TITLE: Portfolio Images
LAYOUT: PORTFOLIO_LAYOUT: Layout
LABEL: Layout PORTFOLIO_LAYOUT_TWOCOLS: Medium = 2 / 1 columns
TWOCOLS: Medium = 2 / 1 columns PORTOFOLIO_LAYOUT_THREECOLS: Standard = 3 / 2 / 1 columns
THREECOLS: Standard = 3 / 2 / 1 columas PORTFOLIO_IMAGES: Images
THUMB_WIDTH: Thumbnail Width PORTFOLIO_IMAGE: Image
THUMB_WIDTH_HELP: Set width for thumbnails PORTFOLIO_IMAGE_TITLE: Title
THUMB_HEIGHT: Thumbnail Height PORTFOLIO_IMAGE_DESCRIPTION: Description
THUMB_HEIGHT_HELP: Set height for thumbnails PORTFOLIO_IMAGE_THUMB: Thumbnails
IMAGES:
LABEL: Images
IMAGE: Image
IMAGE_TITLE: Title
IMAGE_DESCRIPTION: Description
DESCPOSITION:
LABEL: Description position
HELP: Global position for slides description, you can define a specific position on each slide (bottom, top, left, right)
BOTTOM: Bottom
TOP: Top
LEFT: Left
RIGHT: Right
IMAGE_THUMB: Thumbnail
OPTIONS:
TAB: Portfolio Options
EFFECTS_TITLE: Appearance & Effects
ACTIONS_TITLE: Actions
STYLING_TITLE: Styling
BEHAVIOR_TITLE: Behaviors
OPEN_EFFECT:
LABEL: Open Effect
ZOOM: Zoom
FADE: Fade
NONE: None
CLOSE_EFFECT:
LABEL: Close Effect
ZOOM: Zoom
FADE: Fade
NONE: None
SLIDE_EFFECT:
LABEL: Slide Effect
SLIDE: Slide
ZOOM: Zoom
FADE: Fade
NONE: None
MORE_TEXT: More Text
MORE_TEXT_HELP: More text for descriptions on mobile devices.
MORE_TEXT_DEFAULT: More text
MORE_LENGTH: More Length
MORE_LENGTH_HELP: Number of characters to display on the description before adding the moreText link (only for mobiles), if 0 it will display the entire description.
CLOSE_BUTTON: Close Button
CLOSE_BUTTON_HELP: Show or hide the close button
TOUCH_NAVIGATION: Touch Navigation
TOUCH_NAVIGATION_HELP: Enable or disable the touch navigation (swipe)
TOUCH_AXIS: Touch Follow Axis
TOUCH_AXIS_HELP: Image follow axis when dragging on mobile.
KEYBOARD: Keyboard Navigation
KEYBOARD_HELP: Enable or disable the keyboard navigation
CLOSE_OUTSIDE: Close with Outside Click
CLOSE_OUTSIDE_HELP: Close the lightbox when clicking outside the active slide.
MORE_STARTAT: 'Start At:'
MORE_STARTAT_HELP: Start lightbox at defined index (0 is the first slide). If it is not defined, the clicked image is shown
WIDTH: Width
WIDTH_HELP: '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: Height
HEIGHT_HELP: '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'
LOOP: Loop
LOOP_HELP: Loop slides on end
ZOOMABLE: Zoomable
ZOOMABLE_HELP: Enable or disable zoomable images you can also use `data-zoomable="false"` on individual nodes.
DRAGGABLE: Draggable
DRAGGABLE_HELP: 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.
DRAGGABLE_X: Drag Tolerance X
DRAGGABLE_X_HELP: Used with draggable. Number of pixels the user has to drag to go to prev or next slide.
DRAGGABLE_Y: Drag Tolerance Y
DRAGGABLE_Y_HELP: Used with draggable. Number of pixels the user has to drag up or down to close the lightbox (Set 0 to disable vertical drag).
DRAG_AUTO_SNAP: Drag Auto-Snap
DRAG_AUTO_SNAP_HELP: 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: Preload
PRELOAD_HELP: Enable or disable preloading.
BLOG: BLOG:
LISTING_TITLE_CATEGORY: 'Posts in Category: ' LISTING_TITLE_CATEGORY: 'Posts in Category: '
@ -223,13 +140,12 @@ en:
HEADLINE: Archives HEADLINE: Archives
SYNDICATE: SYNDICATE:
HEADLINE: Syndicate HEADLINE: Syndicate
LOGIN: Log in
LATESTPOSTS: Latest posts LATESTPOSTS: Latest posts
FEATURED: Featured FEATURED: Featured
PRIVACY: By using this form you agree our terms PRIVACY: By using this form you agree our terms
FORM_SUMMARY: Here is the summary of what you wrote to us FORM_SUMMARY: Here is the summary of what you wrote to us
MISC:
SHARE_ON: Share on
BACK_TO_TOP: Back to top
de: de:
FUTURE: FUTURE:
@ -244,14 +160,6 @@ de:
CUSTOM_LOGO_DESCRIPTION: Dieses Logo wird anstelle des Standardlogos `theme://images/grav-logo.svg` verwendet CUSTOM_LOGO_DESCRIPTION: Dieses Logo wird anstelle des Standardlogos `theme://images/grav-logo.svg` verwendet
CUSTOM_LOGO_MOBILE: Benutzerdefiniertes Logo für Mobilgeräte CUSTOM_LOGO_MOBILE: Benutzerdefiniertes Logo für Mobilgeräte
SLOGAN: Motto SLOGAN: Motto
MENU:
TITLE: Menü-Konfiguration
LANGSWITCHER: Sprachauswahl aktivieren
LANGSWITCHER_HELP: Sprachauswahl bei mehrsprachigen Seiten im oberen Menü de-/aktivieren (erfordert Langswitcher-Plugin).
SEARCH: Suchfeld aktivieren
SEARCH_HELP: Suchfeld im oberen Menü de-/aktivieren (erfordert Simplesearch-Plugin).
LOGIN: Login-Symbol aktivieren
LOGIN_HELP: Login-Symbol im oberen Menü de-/aktivieren um den Login-Status zu sehen.
BLOG_DEFAULTS: Blog-Optionen BLOG_DEFAULTS: Blog-Optionen
BLOG_PAGE: Blog-Seite BLOG_PAGE: Blog-Seite
BLOG_PAGE_HELP: Der Pfad zur Blog-Seite wenn die Blog-Seitenleiste aktiv ist BLOG_PAGE_HELP: Der Pfad zur Blog-Seite wenn die Blog-Seitenleiste aktiv ist
@ -268,29 +176,26 @@ de:
FOOTER_COPYRIGHT: Copyright-Text FOOTER_COPYRIGHT: Copyright-Text
FOOTER_BUTTON_TEXT: Schaltflächentext FOOTER_BUTTON_TEXT: Schaltflächentext
FOOTER_BUTTON_URL: Schaltflächen-URL FOOTER_BUTTON_URL: Schaltflächen-URL
FOOTER_SOCIAL_ENABLE: Symbole für soziale Medien aktivieren FOOTER_SOCIALS_ICONS: Symbole für soziale Medien
FOOTER_SOCIAL_ICONS: Symbole für soziale Medien FOOTER_SOCIALS_ICON_NAME: Name des sozialen Netzwerks
FOOTER_SOCIAL_ICON_NAME: Name des sozialen Netzwerks FOOTER_SOCIALS_ICON_URL: URL-Link zum sozialen Netzwerk
FOOTER_SOCIAL_ICON_URL: URL-Link zum sozialen Netzwerk FOOTER_SOCIALS_ICON_ICON: Symbol des sozialen Netzwerks
FOOTER_SOCIAL_ICON_ICON: Symbol des sozialen Netzwerks CUSTOM_MENU_TITLE: 'Benutzerdefinierte Menüpunkte'
CUSTOM_MENU_TITLE: Benutzerdefinierte Menüpunkte CUSTOM_MENU_ENABLE: 'Benutzerdefinierte Menüpunkte aktivieren'
CUSTOM_MENU_ENABLE: Benutzerdefinierte Menüpunkte aktivieren CUSTOM_MENU_ENABLE_HELP: 'Legt fest, ob definierte benutzerdefinierte Menüeinträge in der Menüleiste angezeigt werden.'
CUSTOM_MENU_ENABLE_HELP: Legt fest, ob definierte benutzerdefinierte Menüeinträge in der Menüleiste angezeigt werden. CUSTOM_MENU_ITEM_TEXT: 'Text'
CUSTOM_MENU_ITEM_TEXT: Text CUSTOM_MENU_ITEM_TEXT_DESCRIPTION: 'Textbeschriftung für Menüpunkt.'
CUSTOM_MENU_ITEM_TEXT_DESCRIPTION: Textbeschriftung für Menüpunkt. CUSTOM_MENU_ITEM_ICON: 'Symbol'
CUSTOM_MENU_ITEM_ICON: Symbol CUSTOM_MENU_ITEM_ICON_DESCRIPTION: 'FontAwesome-Symbol für Menüelement.'
CUSTOM_MENU_ITEM_ICON_DESCRIPTION: FontAwesome-Symbol für Menüelement. CUSTOM_MENU_ITEM_URL: 'URL'
CUSTOM_MENU_ITEM_URL: URL CUSTOM_MENU_ITEM_URL_DESCRIPTION: 'URL für Menüpunkt.'
CUSTOM_MENU_ITEM_URL_DESCRIPTION: URL für Menüpunkt. CUSTOM_MENU_ITEM_TARGET: 'Ziel'
CUSTOM_MENU_ITEM_TARGET: Ziel CUSTOM_MENU_ITEM_TARGET_BLANK: 'In neuem Fenster öffnen'
CUSTOM_MENU_ITEM_TARGET_BLANK: In neuem Fenster öffnen CUSTOM_MENU_ITEM_TARGET_PARENT: 'In übergeordnetem Frame öffnen'
CUSTOM_MENU_ITEM_TARGET_PARENT: In übergeordnetem Frame öffnen CUSTOM_MENU_ITEM_TARGET_SELF: 'In selbem Frame öffnen'
CUSTOM_MENU_ITEM_TARGET_SELF: In selbem Frame öffnen CUSTOM_MENU_ITEM_TARGET_TOP: 'In vollem Fensterkörper öffnen'
CUSTOM_MENU_ITEM_TARGET_TOP: In vollem Fensterkörper öffnen
DEFAULT: DEFAULT:
PRIMARY_IMAGE: Hauptbild PRIMARY_IMAGE: Hauptbild
SHOW_SIDEBAR: Seitenleiste anzeigen
BODY_CLASSES: 'Sie können neue CSS-Klassen für den body erstellen und hier hinzufügen.'
MODULAR: MODULAR:
BANNER: BANNER:
BANNER_TAB: Banner BANNER_TAB: Banner
@ -314,7 +219,7 @@ de:
BLOG: BLOG:
BLOG_TAB: Blog-Einstellungen BLOG_TAB: Blog-Einstellungen
BLOG_CONTENT_TITLE: Inhaltseinstellungen BLOG_CONTENT_TITLE: Content Definition
BLOG_CONTENT_ITEMS: Artikel BLOG_CONTENT_ITEMS: Artikel
BLOG_CONTENT_ITEMS_LIMIT: Maximale Artikel-Anzahl BLOG_CONTENT_ITEMS_LIMIT: Maximale Artikel-Anzahl
BLOG_CONTENT_ITEMS_ORDER_BY: Sortieren nach BLOG_CONTENT_ITEMS_ORDER_BY: Sortieren nach
@ -325,8 +230,9 @@ de:
BLOG_CONTENT_ITEMS_ORDER_DIR: Reihenfolge BLOG_CONTENT_ITEMS_ORDER_DIR: Reihenfolge
BLOG_CONTENT_ITEMS_ORDER_DIR_ASC: Aufsteigend BLOG_CONTENT_ITEMS_ORDER_DIR_ASC: Aufsteigend
BLOG_CONTENT_ITEMS_ORDER_DIR_DESC: Absteigend BLOG_CONTENT_ITEMS_ORDER_DIR_DESC: Absteigend
BLOG_CONTENT_ITEMS_BREADCRUMBS: Brotkrümelnavigation anzeigen BLOG_CONTENT_ITEMS_BREADCRUMBS: Paniermehl anzeigen
BLOG_CONTENT_ITEMS_PAGINATION: Seitennummerierung BLOG_CONTENT_ITEMS_PAGINATION: Seitennummerierung
BLOG_CONTENT_ITEMS_SIDEBAR: Seitenleiste anzeigen
BLOG_CONTENT_ITEMS_URL_TAXONOMY_FILTERS: Taxonomie filtern nach URL BLOG_CONTENT_ITEMS_URL_TAXONOMY_FILTERS: Taxonomie filtern nach URL
ITEM: ITEM:
ITEM_TAB: Blog-Artikel ITEM_TAB: Blog-Artikel
@ -342,86 +248,16 @@ de:
ITEM_SUBTITLE: Untertitel ITEM_SUBTITLE: Untertitel
ITEM_AVATAR: Avatar-Bild ITEM_AVATAR: Avatar-Bild
PORTFOLIO: PORTFOLIO:
TAB: Portfolio PORTFOLIO_TAB: Portfolio
TITLE: Portfolio-Bilder PORTFOLIO_TITLE: Portfolio-Bild
LAYOUT: PORTFOLIO_LAYOUT: Layout
LABEL: Layout PORTFOLIO_LAYOUT_TWOCOLS: Mittel = 2 / 1 Spalten
TWOCOLS: Mittel = 2 / 1 Spalten PORTOFOLIO_LAYOUT_THREECOLS: Standard = 3 / 2 / 1 Spalten
THREECOLS: Standard = 3 / 2 / 1 Spalten PORTFOLIO_IMAGES: Bilder
THUMB_WIDTH: Breite der Miniaturansicht PORTFOLIO_IMAGE: Bild
THUMB_WIDTH_HELP: Breite der Miniaturansicht einstellen PORTFOLIO_IMAGE_TITLE: Titel
THUMB_HEIGHT: Höhe der Miniaturansicht PORTFOLIO_IMAGE_DESCRIPTION: Beschreibung
THUMB_HEIGHT_HELP: Höhe der Miniaturansicht einstellen PORTFOLIO_IMAGE_THUMB: Miniaturansicht
IMAGES:
LABEL: Bilder
IMAGE: Bild
IMAGE_TITLE: Titel
IMAGE_DESCRIPTION: Beschreibung
DESCPOSITION:
LABEL: Position der Beschreibung
HELP: Sie können eine spezifische Position angeben (unten, oben, links, rechts)
BOTTOM: Unten
TOP: Oben
LEFT: Links
RIGHT: Rechts
IMAGE_THUMB: Miniaturansicht
OPTIONS:
TAB: Portfolio-Optionen
EFFECTS_TITLE: Erscheinung & Effekte
ACTIONS_TITLE: Aktionen
STYLING_TITLE: Aussehen
BEHAVIOR_TITLE: Verhalten
OPEN_EFFECT:
LABEL: Effekt beim Öffnen
ZOOM: zoomen
FADE: einblenden
NONE: keiner
CLOSE_EFFECT:
LABEL: Effekt beim Schließen
ZOOM: zoomen
FADE: ausblenden
NONE: keiner
SLIDE_EFFECT:
LABEL: Effekt beim Verschieben
SLIDE: verschieben
ZOOM: zoomen
FADE: ausblenden
NONE: keiner
MORE_TEXT: Mehr Text
MORE_TEXT_HELP: Mehr Text für Beschreibungen auf Mobilgeräten
MORE_TEXT_DEFAULT: Mehr Text
MORE_LENGTH: Text-Länge
MORE_LENGTH_HELP: Anzahl der anzuzeigenden Zeichen bevor der Mehr-Text-Link eingebettet wird (nur auf Mobilgeräten), 0 zeigt den gesamten Text an.
CLOSE_BUTTON: Schließen
CLOSE_BUTTON_HELP: Den Schließen-Button anzeigen oder ausblenden.
TOUCH_NAVIGATION: Touch-Navigation
TOUCH_NAVIGATION_HELP: Die Touch-Navigation de-/aktivieren (swipen).
TOUCH_AXIS: Achse der Touch-Navigation
TOUCH_AXIS_HELP: Bildfolge-Achse beim Schieben auf Mobilgeräten.
KEYBOARD: Tastatur-Navigation
KEYBOARD_HELP: Die Tastatur-Navigation de-/aktivieren.
CLOSE_OUTSIDE: Außerhalb schließen
CLOSE_OUTSIDE_HELP: Die Lightbox schließen wenn außerhalb der aktiven Fläche geklickt wird.
MORE_STARTAT: Beginnen bei
MORE_STARTAT_HELP: Lightbox bei definiertem Index starten (0 wählt das erste Bild).
WIDTH: Breite
WIDTH_HELP: Standard-Breite für Inline-Elemente und -iframes. Es kann eine spezifische Breite für jede Diashow eingestellt werden. Sie können beliebige Einheiten verwenden, z.B. 90% oder 100vw für die volle Breite.
HEIGHT: Höhe
HEIGHT_HELP: Standard-Höhe für Inline-Elemente und -iframes. Es kann eine spezifische Höhe für jede Diashow eingestellt werden. Sie können beliebige Einheiten verwenden, z.B. 90% oder 100vh. Für Inline-Elemente kann auch auto gesetzt werden.
LOOP: Schleife
LOOP_HELP: Am Ende der Diashow von vorne beginnen.
ZOOMABLE: Zoombar
ZOOMABLE_HELP: Zoom de-/aktivieren. Sie können auch `data-zoomable="false"` für individuelle Knoten definieren.
DRAGGABLE: Verschiebbar
DRAGGABLE_HELP: Verschieben via Maus de-/aktivieren (nur Bilder und Inline-Elemente). Sie können auch `data-draggable="false"` für individuelle Knoten definieren.
DRAGGABLE_X: Verschiebe-Toleranz in X-Richtung
DRAGGABLE_X_HELP: Anzahl der Pixel, um die links/rechts geschoben werden muss um vor oder zurück zu gehen.
DRAGGABLE_Y: Verschiebe-Toleranz in Y-Richtung
DRAGGABLE_Y_HELP: Anzahl der Pixel, um die oben/unten geschoben werden muss um die Lightbox zu schließen. 0 deaktiviert das Verschieben in Y-Richtung.
DRAG_AUTO_SNAP: Auto-Einrasten beim Verschieben
DRAG_AUTO_SNAP_HELP: Wenn aktiv wird direkt auf das Erreichen der X-/Y-Toleranz reagiert, andernfalls wird auf das Loslassen der Maustaste gewartet.
PRELOAD: Vorladen
PRELOAD_HELP: Vorladen de-/aktivieren
BLOG: BLOG:
LISTING_TITLE_CATEGORY: 'Beiträge in der Kategorie: ' LISTING_TITLE_CATEGORY: 'Beiträge in der Kategorie: '
@ -453,13 +289,12 @@ de:
HEADLINE: Letzte Einträge HEADLINE: Letzte Einträge
SYNDICATE: SYNDICATE:
HEADLINE: Verteilen HEADLINE: Verteilen
LOGIN: Einloggen
LATESTPOSTS: Letzte Beiträge LATESTPOSTS: Letzte Beiträge
FEATURED: Hervorgehoben FEATURED: Hervorgehoben
PRIVACY: Durch die Nutzung dieses Formulars stimmen Sie unseren Bedingungen zu PRIVACY: Durch die Nutzung dieses Formulars stimmen Sie unseren Bedingungen zu
FORM_SUMMARY: Hier ist die Zusammenfassung dessen, was Sie uns geschrieben haben FORM_SUMMARY: Hier ist die Zusammenfassung dessen, was Sie uns geschrieben haben
MISC:
SHARE_ON: Teilen auf
BACK_TO_TOP: Nach oben
es: es:
FUTURE: FUTURE:
@ -474,14 +309,6 @@ es:
CUSTOM_LOGO_DESCRIPTION: Este logo se usará en lugar del log por defecto `theme://images/grav-logo.svg` CUSTOM_LOGO_DESCRIPTION: Este logo se usará en lugar del log por defecto `theme://images/grav-logo.svg`
CUSTOM_LOGO_MOBILE: Logo personalizado para dispositivos móviles CUSTOM_LOGO_MOBILE: Logo personalizado para dispositivos móviles
SLOGAN: Slogan SLOGAN: Slogan
MENU:
TITLE: Configuración del Menú Superior
LANGSWITCHER: Habilitar icono Idioma
LANGSWITCHER_HELP: Con el complemento Langswitcher habilitado y la configuración multilingüe en su sitio, puede habilitar o deshabilitar la funcionalidad de cambiar de idioma, que aparece en el menú superior.
SEARCH: Habilitar icono Buscar
SEARCH_HELP: Con el complemento SimpleSearch habilitado, puede habilitar o deshabilitar el bloque de búsqueda en el menú superior.
LOGIN: Habilitar icono Login
LOGIN_HELP: Puede habilitar o deshabilitar el icono de inicio de sesión en el menú superior para mostrar el estado de la sesión.
BLOG_DEFAULTS: Opciones de Blog BLOG_DEFAULTS: Opciones de Blog
BLOG_PAGE: Página de Blog BLOG_PAGE: Página de Blog
BLOG_PAGE_HELP: Ruta de la página de Blog cuando funciona con el blog de barra lateral BLOG_PAGE_HELP: Ruta de la página de Blog cuando funciona con el blog de barra lateral
@ -498,29 +325,12 @@ es:
FOOTER_COPYRIGHT: Texto del Copyright FOOTER_COPYRIGHT: Texto del Copyright
FOOTER_BUTTON_TEXT: Texto del botón FOOTER_BUTTON_TEXT: Texto del botón
FOOTER_BUTTON_URL: URL del botón FOOTER_BUTTON_URL: URL del botón
FOOTER_SOCIAL_ENABLE: Habilitar iconos de redes sociales FOOTER_SOCIALS_ICONS: Iconos Redes Sociales
FOOTER_SOCIAL_ICONS: Iconos Redes Sociales FOOTER_SOCIALS_ICON_NAME: Nombre de Red Social
FOOTER_SOCIAL_ICON_NAME: Nombre de Red Social FOOTER_SOCIALS_ICON_URL: URL Link to Social
FOOTER_SOCIAL_ICON_URL: URL Link to Social FOOTER_SOCIALS_ICON_ICON: Icono de Red Social
FOOTER_SOCIAL_ICON_ICON: Icono de Red Social
CUSTOM_MENU_TITLE: 'Entradas de menú personalizados'
CUSTOM_MENU_ENABLE: 'Habilitar entradas de menú personalizados'
CUSTOM_MENU_ENABLE_HELP: 'Determina si se muestra alguna entrada de menú personalizada definida en la barra de menú.'
CUSTOM_MENU_ITEM_TEXT: 'Texto'
CUSTOM_MENU_ITEM_TEXT_DESCRIPTION: 'Etiqueta de texto para entrada de menú.'
CUSTOM_MENU_ITEM_ICON: 'Icono'
CUSTOM_MENU_ITEM_ICON_DESCRIPTION: 'Icono Font Awesome para entrada de menú.'
CUSTOM_MENU_ITEM_URL: 'URL'
CUSTOM_MENU_ITEM_URL_DESCRIPTION: 'URL para entrada de menú.'
CUSTOM_MENU_ITEM_TARGET: 'Destino'
CUSTOM_MENU_ITEM_TARGET_BLANK: 'Abrir en nueva ventana'
CUSTOM_MENU_ITEM_TARGET_PARENT: 'Abrir en el marco principal'
CUSTOM_MENU_ITEM_TARGET_SELF: 'Abrir en el mismo marco en el que se hizo clic'
CUSTOM_MENU_ITEM_TARGET_TOP: 'Abrir en todo el cuerpo de la ventana'
DEFAULT: DEFAULT:
PRIMARY_IMAGE: Imagen principal PRIMARY_IMAGE: Imagen principal
SHOW_SIDEBAR: Mostrar Barra Lateral
BODY_CLASSES: 'Puede crear nuevas clases CSS para el body y añadirlas aquí.'
MODULAR: MODULAR:
BANNER: BANNER:
BANNER_TAB: Banner BANNER_TAB: Banner
@ -557,10 +367,8 @@ es:
BLOG_CONTENT_ITEMS_ORDER_DIR_DESC: Descendente BLOG_CONTENT_ITEMS_ORDER_DIR_DESC: Descendente
BLOG_CONTENT_ITEMS_BREADCRUMBS: Mostrar Migas de Pan BLOG_CONTENT_ITEMS_BREADCRUMBS: Mostrar Migas de Pan
BLOG_CONTENT_ITEMS_PAGINATION: Mostrar Paginación BLOG_CONTENT_ITEMS_PAGINATION: Mostrar Paginación
BLOG_CONTENT_ITEMS_SIDEBAR: Mostrar Barra Lateral
BLOG_CONTENT_ITEMS_URL_TAXONOMY_FILTERS: Filtros de taxonomía por URL BLOG_CONTENT_ITEMS_URL_TAXONOMY_FILTERS: Filtros de taxonomía por URL
BLOG_CONTENT_SHAREICONS_TITLE: Iconos de Redes Sociales
BLOG_CONTENT_SHAREICONS: Mostrar iconos de Redes Sociales
BLOG_CONTENT_SHAREICONS_HELP: Seleccione qué iconos de redes sociales desea mostrar en los artículos
ITEM: ITEM:
ITEM_TAB: Artículo de Blog ITEM_TAB: Artículo de Blog
ITEM_OPTIONS: Opciones ITEM_OPTIONS: Opciones
@ -575,86 +383,16 @@ es:
ITEM_SUBTITLE: Subtítulo ITEM_SUBTITLE: Subtítulo
ITEM_AVATAR: Imagen de Avatar ITEM_AVATAR: Imagen de Avatar
PORTFOLIO: PORTFOLIO:
TAB: Portafolio PORTFOLIO_TAB: Portafolio
TITLE: Imágenes de Portafolio PORTFOLIO_TITLE: Imágenes de Portafolio
LAYOUT: PORTFOLIO_LAYOUT: Diseño
LABEL: Diseño PORTFOLIO_LAYOUT_TWOCOLS: Medio = 2 / 1 columnas
TWOCOLS: Medio = 2 / 1 columnas PORTOFOLIO_LAYOUT_THREECOLS: Estándar = 3 / 2 / 1 columnas
THREECOLS: Estándar = 3 / 2 / 1 columnas PORTFOLIO_IMAGES: Imágenes
THUMB_WIDTH: Ancho de Minitaura PORTFOLIO_IMAGE: Imagen
THUMB_WIDTH_HELP: Fije el ancho para las miniaturas PORTFOLIO_IMAGE_TITLE: Título
THUMB_HEIGHT: Alto de Miniatura PORTFOLIO_IMAGE_DESCRIPTION: Descripción
THUMB_HEIGHT_HELP: Fije el alto para las miniaturas PORTFOLIO_IMAGE_THUMB: Miniatura
IMAGES:
LABEL: Imágenes
IMAGE: Imagen
IMAGE_TITLE: Título
IMAGE_DESCRIPTION: Descripción
DESCPOSITION:
LABEL: Posición de Descripción
HELP: Posición global para la descripción de las diapositivas, puede definir una posición específica en cada diapositiva (inferior, superior, izquierda, derecha).
BOTTOM: Abajo
TOP: Arriba
LEFT: Izquierda
RIGHT: Derecha
IMAGE_THUMB: Miniatura
OPTIONS:
TAB: Opciones Portafolio
EFFECTS_TITLE: Apariencia y efectos
ACTIONS_TITLE: Acciones
STYLING_TITLE: Estilos
BEHAVIOR_TITLE: Comportamiento
OPEN_EFFECT:
LABEL: Efecto de apertura
ZOOM: Zoom
FADE: Desvanecer
NONE: Ninguno
CLOSE_EFFECT:
LABEL: Efecto de cierre
ZOOM: Zoom
FADE: Desvanecimiento
NONE: Ninguno
SLIDE_EFFECT:
LABEL: Efecto de diapositiva
SLIDE: Deslizar
ZOOM: Zoom
FADE: Desvanecer
NONE: Ninguno
MORE_TEXT: Texto `Ver más`
MORE_TEXT_HELP: Texto `Ver más` personalizado (para dispositivos móviles)
MORE_TEXT_DEFAULT: Ver más
MORE_LENGTH: Número de caracteres `Ver más`
MORE_LENGTH_HELP: Número de caracteres a mostrar en la descripción antes de agregar el enlace `Ver más` (solo para móviles), si es 0 mostrará la descripción completa.
CLOSE_BUTTON: Botón Cerrar
CLOSE_BUTTON_HELP: Mostrar u ocultar el botón de cerrar
TOUCH_NAVIGATION: Navegación táctil
TOUCH_NAVIGATION_HELP: Activa o desactiva la navegación táctil (deslizar)
TOUCH_AXIS: Seguir eje
TOUCH_AXIS_HELP: La imagen sigue el eje cuando se arrastra en el móvil.
KEYBOARD: Navegación con teclado
KEYBOARD_HELP: Activa o desactiva la navegación por teclado
CLOSE_OUTSIDE: Cerrar al pulsar fuera
CLOSE_OUTSIDE_HELP: Cierra el cuadro de luz al hacer clic fuera de la diapositiva activa.
MORE_STARTAT: 'Comenzar en:'
MORE_STARTAT_HELP: Iniciar lightbox en el índice definido (0 es la primera diapositiva). Si no se define, se muestra la imagen en la que se hizo clic
WIDTH: Ancho
WIDTH_HELP: 'Ancho predeterminado para elementos en línea e iframes, puede definir un tamaño específico en cada diapositiva. Puede usar cualquier unidad, por ejemplo, 90% o 100vw para ancho completo'
HEIGHT: Alto
HEIGHT_HELP: 'Altura predeterminada para elementos en línea e iframes, puede definir un tamaño específico en cada diapositiva. Puede usar cualquier unidad, por ejemplo, 90% o 100vh Para elementos en línea, puede establecer la altura en automático'
LOOP: Bucle
LOOP_HELP: Reproduce las diapositivas en bucle al llegar al final
ZOOMABLE: Ampliable
ZOOMABLE_HELP: Habilite o deshabilite las imágenes con zoom, también puede usar `data-zoomable="false"` en nodos individuales.
DRAGGABLE: Arrastrable
DRAGGABLE_HELP: Habilite o deshabilite el arrastre del mouse para ir a la diapositiva anterior y siguiente (solo imágenes y contenido en línea), también puede usar `data-draggable="false"` en nodos individuales.
DRAGGABLE_X: Tolerancia de arrastre X
DRAGGABLE_X_HELP: Usado con arrastrable. Número de píxeles que el usuario tiene que arrastrar para ir a la diapositiva anterior o siguiente.
DRAGGABLE_Y: Tolerancia de arrastre Y
DRAGGABLE_Y_HELP: Usado con arrastrable. Número de píxeles que el usuario tiene que arrastrar hacia arriba o hacia abajo para cerrar el cuadro de luz (establezca 0 para deshabilitar el arrastre vertical).
DRAG_AUTO_SNAP: Arrastre automático
DRAG_AUTO_SNAP_HELP: Si es verdadero, la diapositiva cambiará automáticamente a anterior/siguiente o se cerrará si se alcanza dragToleranceX o dragToleranceY; de lo contrario, esperará hasta que se suelte el mouse.
PRELOAD: Precarga
PRELOAD_HELP: Activa o desactiva la precarga.
BLOG: BLOG:
LISTING_TITLE_CATEGORY: 'Publicaciones en la categoría: ' LISTING_TITLE_CATEGORY: 'Publicaciones en la categoría: '
@ -686,10 +424,9 @@ es:
HEADLINE: Últimas entradas HEADLINE: Últimas entradas
SYNDICATE: SYNDICATE:
HEADLINE: Distribuir HEADLINE: Distribuir
LOGIN: Iniciar sesión
LATESTPOSTS: Últimos posts LATESTPOSTS: Últimos posts
FEATURED: Destacados FEATURED: Destacados
PRIVACY: Al usar este formulario estás de acuerdo con nuestra PRIVACY: Al usar este formulario estás de acuerdo con nuestra
FORM_SUMMARY: Aquí está el resumen de lo que nos escribió FORM_SUMMARY: Aquí está el resumen de lo que nos escribió
MISC:
SHARE_ON: Compartir en
BACK_TO_TOP: Volver arriba

35
templates/blog.html.twig
View file

@ -33,25 +33,26 @@
{% endblock %} {% endblock %}
{% block content %} {% block content %}
<article class="heading"> <header>
{% if image %} <div class="title">
<span class="image featured"> <h2>{{ title }}</h2>
{{ image.cropZoom(1038,437).loading('lazy').attribute('decoding','async').html(title, title)|raw }} {% if listing_title %}
</span> <p>{{ listing_title|raw }}</p>
{% endif %} {% endif %}
<div class="title"> </div>
<h2>{{ title }}</h2> </header>
{% if listing_title %}
<p>{{ listing_title|raw }}</p>
{% endif %}
</div>
{{ page.content|raw }}
{% if show_breadcrumbs and config.plugins.breadcrumbs.enabled %} {% if show_breadcrumbs and config.plugins.breadcrumbs.enabled %}
{% include 'partials/breadcrumbs.html.twig' %} {% include 'partials/breadcrumbs.html.twig' %}
{% endif %} {% endif %}
</article>
{% if image %}
<span class="image featured">
{{ image.cropZoom(1038,437).loading('lazy').html(title, title)|raw }}
</span>
{% endif %}
{{ page.content|raw }}
{% for child in collection %} {% for child in collection %}
{% include 'partials/blog_item.html.twig' with {'page':child, 'truncate':true} %} {% include 'partials/blog_item.html.twig' with {'page':child, 'truncate':true} %}
{% endfor %} {% endfor %}
@ -68,5 +69,7 @@
{% endblock %} {% endblock %}
{% block sidebar %} {% block sidebar %}
{% if show_sidebar == true %}
{% include 'partials/sidebar_left.html.twig' %} {% include 'partials/sidebar_left.html.twig' %}
{% endif %}
{% endblock %} {% endblock %}

26
templates/default.html.twig
View file

@ -1,7 +1,6 @@
{% extends 'partials/base.html.twig' %} {% extends 'partials/base.html.twig' %}
{% set show_sidebar = header_var('show_sidebar')|defined(false) %} {% set show_sidebar = header_var('show_sidebar')|defined(false) %}
{% set image = page.media[page.header.primaryImage] ? : page.media.images|first {% set image = page.media[page.header.primaryImage] ?: page.media.images|first %}
%}
{% set title = page.title|raw %} {% set title = page.title|raw %}
{% set subtitle = page.header.subtitle|raw %} {% set subtitle = page.header.subtitle|raw %}
@ -13,24 +12,21 @@
<article class="post"> <article class="post">
<header> <header>
<div class="title"> <div class="title">
<h2> <h2>{{ title }}</h2>
{{ title }}
</h2>
{% if subtitle %} {% if subtitle %}
<p> <p>{{ subtitle }}</p>
{{ subtitle }}
</p>
{% endif %} {% endif %}
</div> </div>
</header> </header>
{% if image %} {% if image %}
<span class="image featured"> <span class="image featured">
{{ image.cropZoom(1038, 437).loading('lazy').attribute('decoding','async').html(title, title)|raw }} {{ image.cropZoom(1038,437).loading('lazy').html(title, title)|raw }}
</span> </span>
{% endif %} {% endif %}
{{ page.content|raw }} {{ page.content|raw }}
</article> </article>
{% if show_sidebar == false %} {% if show_sidebar == false %}
@ -41,5 +37,7 @@
{% endblock %} {% endblock %}
{% block sidebar %} {% block sidebar %}
{% include 'partials/sidebar_left.html.twig' %} {% if show_sidebar == true %}
{% include 'partials/sidebar_left.html.twig' %}
{% endif %}
{% endblock %} {% endblock %}

2
templates/error.html.twig
View file

@ -8,7 +8,7 @@
<article class="post"> <article class="post">
<header> <header>
<div class="title"> <div class="title">
<h2><span class="icon solid fa-exclamation-triangle"></span> Error {{ page.header.http_response_code }}</h2> <h2><span class="icon fa-exclamation-triangle"></span> Error {{ page.header.http_response_code }}</h2>
<p>{{ page.content|raw }}</p> <p>{{ page.content|raw }}</p>
</div> </div>
</header> </header>

45
templates/forgot.html.twig
View file

@ -1,45 +0,0 @@
{% extends 'partials/base.html.twig' %}
{% block stylesheets %}
{{ parent() }}
{% set styles %}
#grav-login {
max-width: 36em;
}
#grav-login .form-actions {
text-align: right;
padding: 1em 0;
display: flex;
justify-content: center;
align-items: center;
margin-top: 1em;
flex-wrap: wrap;}
#grav-login p {font-size: inherit;}
#grav-login
input[type=submit].primary,
input[type=reset].primary,
input[type=button].primary,
button.primary,
.button.primary {
width: 100%;
font-size: 0.7em;
line-height: 3em;
margin: 1em 0;
}
@media screen and (max-width: 480px) {
#grav-login .form-actions {
flex-direction: column;
}
{% endset %}
{% do assets.addInlineCss(styles) %}
{% endblock %}
{% block menu %}
{% include 'partials/sidebar_right.html.twig' %}
{% endblock %}
{% block content %}
{% include 'partials/messages.html.twig' %}
{% include 'partials/forgot-form.html.twig' %}
{% endblock %}

62
templates/form.html.twig
View file

@ -1,49 +1,13 @@
{% extends 'partials/base.html.twig' %} {% extends 'partials/base.html.twig' %}
{% block content %}
{% block stylesheets %} <article class="post">
{{ parent() }} <header>
{% set styles %} <div class="title">
#user-register .buttons { <h2>{{ page.header.title }}</h2>
display: flex; </div>
flex-wrap: nowrap; <div class="meta"></div>
align-content: center; </header>
justify-content: flex-start; {{ content|raw }}
align-items: center; {% include "forms/form.html.twig" %}
margin: 1em 0; </article>
} {% endblock %}
#user-register .button {
margin: 0 1em;
}
#user-register .button:first-child {
margin: 0;
}
@media screen and (max-width: 480px) {
#user-register .buttons {
flex-direction: column;
}
#user-register .button {
width: 100%;
margin: 1em 0;
}
}
{% endset %}
{% do assets.addInlineCss(styles) %}
{% endblock %}
{% block menu %}
{% include 'partials/sidebar_right.html.twig' %}
{% endblock %}
{% block content %}
<article class="post">
<header>
<div class="title">
<h2>{{ page.header.title }}</h2>
</div>
<div class="meta"></div>
</header>
{{ content|raw }}
{% include "forms/form.html.twig" %}
</article>
{% endblock %}

4
templates/formdata.html.twig
View file

@ -1,5 +1,3 @@
{% set lang = grav.language.getActive ?: grav.config.site.default_lang %}
{% extends 'partials/base.html.twig' %} {% extends 'partials/base.html.twig' %}
{% block content %} {% block content %}
<article class="post"> <article class="post">
@ -10,8 +8,6 @@
<div class="meta"> <div class="meta">
{% if config.plugins["translate-date"].enabled %} {% if config.plugins["translate-date"].enabled %}
<time class="published" datetime="{{ form.date|td(null, "Y-m-d") }}">{{ form.date|td(null, "M j, Y") }}</time> <time class="published" datetime="{{ form.date|td(null, "Y-m-d") }}">{{ form.date|td(null, "M j, Y") }}</time>
{% elseif config.plugins["twig-extensions"].enabled %}
<time class="published" datetime="{{ form.date|localizeddate('medium', 'none', lang) }}">{{ form.date|localizeddate('medium', 'none', lang) }}</time>
{% else %} {% else %}
<time class="published" datetime="{{ form.date|date("Y-m-d") }}">{{ form.date|date("M j, Y") }}</time> <time class="published" datetime="{{ form.date|date("Y-m-d") }}">{{ form.date|date("M j, Y") }}</time>
{% endif %} {% endif %}

32
templates/item.html.twig
View file

@ -6,33 +6,33 @@
{% set show_sidebar = header_var('show_sidebar')|defined(false) %} {% set show_sidebar = header_var('show_sidebar')|defined(false) %}
{% if base_url == '/' %} {% if base_url == '/' %}
{% set base_url = '' %} {% set base_url = '' %}
{% endif %} {% endif %}
{% if base_url == base_url_relative %} {% if base_url == base_url_relative %}
{% set feed_url = base_url~'/'~page.parent.slug %} {% set feed_url = base_url~'/'~page.parent.slug %}
{% endif %} {% endif %}
{% block menu %} {% block menu %}
{% include 'partials/sidebar_right.html.twig' %} {% include 'partials/sidebar_right.html.twig' %}
{% endblock %} {% endblock %}
{% block content %} {% block content %}
{% if show_breadcrumbs and config.plugins.breadcrumbs.enabled %} {% if show_breadcrumbs and config.plugins.breadcrumbs.enabled %}
<div class="heading"> {% include 'partials/breadcrumbs.html.twig' %}
{% include 'partials/breadcrumbs.html.twig' %} {% endif %}
</div>
{% endif %}
{% include 'partials/blog_item.html.twig' with {'truncate':false} %} {% include 'partials/blog_item.html.twig' with {'truncate':false} %}
{% if show_sidebar == false %} {% if show_sidebar == false %}
<section id="footer" class="align-center"> <section id="footer" class="align-center">
{% include 'partials/footer.html.twig' %} {% include 'partials/footer.html.twig' %}
</section> </section>
{% endif %} {% endif %}
{% endblock %} {% endblock %}
{% block sidebar %} {% block sidebar %}
{% include 'partials/sidebar_left.html.twig' %} {% if show_sidebar == true %}
{% include 'partials/sidebar_left.html.twig' %}
{% endif %}
{% endblock %} {% endblock %}

32
templates/login.html.twig
View file

@ -1,37 +1,5 @@
{% extends 'partials/base.html.twig' %} {% extends 'partials/base.html.twig' %}
{% block stylesheets %}
{{ parent() }}
{% set styles %}
#grav-login {
max-width: 36em;
}
#grav-login .form-actions {
text-align: right;
padding: 1em 0;
display: flex;
justify-content: space-between;
align-items: center;
margin-top: 1em;
flex-wrap: wrap;}
#grav-login button {
margin: 1em 0;
}
@media screen and (max-width: 736px) {
#grav-login .form-actions {
flex-direction: column;
}
#grav-login .button {
width: 100%;
}
#grav-login .rememberme {
align-self: flex-start;
}
}
{% endset %}
{% do assets.addInlineCss(styles) %}
{% endblock %}
{% block menu %} {% block menu %}
{% include 'partials/sidebar_right.html.twig' %} {% include 'partials/sidebar_right.html.twig' %}
{% endblock %} {% endblock %}

3
templates/macros/topmenu.html.twig
View file

@ -8,9 +8,10 @@
{% if p.header.icon %} {% if p.header.icon %}
<i class="fa fa-{{ p.header.icon }}"></i> <i class="fa fa-{{ p.header.icon }}"></i>
{% endif %} {% endif %}
{{ p.menu }} <span>{{ p.menu }}
{% if p.routable ?? false %}&nbsp;<i class="fa fa-angle-down"></i> {% if p.routable ?? false %}&nbsp;<i class="fa fa-angle-down"></i>
{% endif %} {% endif %}
</span>
</a> </a>
<ul> <ul>
{{ macros.nav_loop(p) }} {{ macros.nav_loop(p) }}

4
templates/modular.html.twig
View file

@ -28,7 +28,7 @@
{% if image %} {% if image %}
<span class="image featured"> <span class="image featured">
{{ image.cropZoom(1038,437).loading('lazy').attribute('decoding','async').html(title, title)|raw }} {{ image.cropZoom(1038,437).loading('lazy').html(title, title)|raw }}
</span> </span>
{% endif %} {% endif %}
@ -41,5 +41,7 @@
{% endblock %} {% endblock %}
{% block sidebar %} {% block sidebar %}
{% if show_sidebar == true %}
{% include 'partials/sidebar_left.html.twig' %} {% include 'partials/sidebar_left.html.twig' %}
{% endif %}
{% endblock %} {% endblock %}

2
templates/modular/banner.html.twig
View file

@ -19,7 +19,7 @@
</div> </div>
{% if image %} {% if image %}
<span class="image object fit"> <span class="image object fit">
{{image.loading('lazy').attribute('decoding','async').html(title,title)|raw}} {{image.loading('lazy').html(title,title)|raw}}
</span> </span>
{% endif %} {% endif %}
</section> </section>

2
templates/modular/features.html.twig
View file

@ -12,7 +12,7 @@
</header> </header>
{% if image %} {% if image %}
{{ image.cropZoom(1038,437).loading('lazy').attribute('decoding','async').html(title, title, 'image featured')|raw }} {{ image.cropZoom(1038,437).loading('lazy').html(title, title, 'image featured')|raw }}
{% endif %} {% endif %}
{{ page.content|raw }} {{ page.content|raw }}

4
templates/partials/archives.html.twig
View file

@ -15,8 +15,8 @@
<time class="published" datetime="{{ p.date|date("Y-m-d") }}">{{ p.date|date("M j, Y") }}</time> <time class="published" datetime="{{ p.date|date("Y-m-d") }}">{{ p.date|date("M j, Y") }}</time>
{% endif %} {% endif %}
</header> </header>
<a href="{{p.url}}" class="image" aria-label="{{ title }}"> <a href="{{p.url}}" class="image">
{{ image.cropZoom(64,64).quality(60).loading('lazy').attribute('decoding','async').html(title,title)|raw }} {{ image.cropZoom(64,64).quality(60).loading('lazy').html(title,title)|raw }}
</a> </a>
</article> </article>
</li> </li>

39
templates/partials/base.html.twig
View file

@ -18,10 +18,14 @@
{% block stylesheets %} {% block stylesheets %}
{% do assets.addCss('theme://assets/css/main'~compress) %} {% do assets.addCss('theme://assets/css/main'~compress) %}
{% do assets.addCss('theme://assets/css/fontawesome-all.min.css',{'rel':'preload','as':'style','onload':'this.rel="stylesheet"'}) %} {% do assets.addCss('theme://assets/css/fontawesome-all.min.css') %}
{% do assets.addCss('theme://assets/css/misc.css', 10) %} {% do assets.addCss('theme://assets/css/misc.css') %}
{% do assets.addCss('theme://assets/css/custom.css', 15) %} {% do assets.addCss('theme://assets/css/custom.css', 5) %}
{% if page.template() == 'portfolio' %}
{% do assets.addCss('theme://assets/css/glightbox.min.css') %}
{% endif %}
{% endblock %} {% endblock %}
{{ assets.css()|raw }}
{% block javascripts %} {% block javascripts %}
{% do assets.add('jquery',101) %} {% do assets.add('jquery',101) %}
@ -30,15 +34,15 @@
{% do assets.addJs('theme://assets/js/util.js', {group:'bottom'}) %} {% do assets.addJs('theme://assets/js/util.js', {group:'bottom'}) %}
{% do assets.addJs('theme://assets/js/main.js', {group:'bottom'}) %} {% do assets.addJs('theme://assets/js/main.js', {group:'bottom'}) %}
{% do assets.addJs('theme://assets/js/custom.js', {group:'bottom'}) %} {% do assets.addJs('theme://assets/js/custom.js', {group:'bottom'}) %}
{% if page.template() == 'portfolio' %}
{% do assets.addJs('theme://assets/js/glightbox.min.js', {group:'bottom'}) %}
{% endif %}
{% endblock %} {% endblock %}
{{ assets.js()|raw }}
{% block assets deferred %}
{{ assets.css()|raw }}
{{ assets.js()|raw }}
{% endblock %}
</head> </head>
<body class="{% block body_classes %}{{ page.header.body_classes }}{% endblock %} is-preload"> <body
class="is-preload">
<!-- Wrapper --> <!-- Wrapper -->
<div id="wrapper"> <div id="wrapper">
@ -54,19 +58,28 @@
<div id="main"> <div id="main">
{% block content %}{% endblock %} {% block content %}{% endblock %}
</div> </div>
{% if show_sidebar == true %} {% block sidebar %}{% endblock %}
{% block sidebar %}{% endblock %}
{% endif %}
{% endblock %} {% endblock %}
{% endblock %} {% endblock %}
<a id="back-to-top" href="#" aria-label="{{ 'FUTURE.MISC.BACK_TO_TOP'|t }}" title="{{ 'FUTURE.MISC.BACK_TO_TOP'|t }}"> <a id="back-to-top" href="#">
<i class="fa fa-chevron-up"></i> <i class="fa fa-chevron-up"></i>
</a> </a>
{% block bottom %} {% block bottom %}
{{ assets.js('bottom')|raw }} {{ assets.js('bottom')|raw }}
{% if page.template() == 'portfolio' %}
<script>
const lightbox = GLightbox({
touchNavigation: true,
loop: true,
autoplayVideos: true,
openEffect: 'zoom',
closeEffect: 'fade'
});
</script>
{% endif %}
{% endblock %} {% endblock %}
</div> </div>
</body> </body>

57
templates/partials/blog_item.html.twig
View file

@ -1,5 +1,3 @@
{% set lang = grav.language.getActive ?: grav.config.site.default_lang %}
<article class="post" itemprop="liveBlogUpdate" itemscope itemtype="http://schema.org/BlogPosting"> <article class="post" itemprop="liveBlogUpdate" itemscope itemtype="http://schema.org/BlogPosting">
{% if page.header.metadata.author %} {% if page.header.metadata.author %}
@ -9,23 +7,23 @@
{% else %} {% else %}
{% set author = page.taxonomy.author[0] %} {% set author = page.taxonomy.author[0] %}
{% endif %} {% endif %}
{% set avatar = page.media[page.header.avatarImage].url|e %}
{% set image = page.media[page.header.primaryImage] ?: page.media.images|first %}
{% set title = page.title|raw %} {% set title = page.title|raw %}
{% set avatar = page.media[page.header.avatarImage].url|e %}
{% set image = page.media[page.header.primaryImage] ?: page.media.all|filter((v, k) => k != page.header.avatarImage and (v.type == 'image' or v.type == 'vector'))|first %}
<header> <header>
<div class="title"> <div class="title">
{% if page.header.link %} {% if page.header.link %}
<h2 itemprop="headline"> <h2 itemprop="headline">
{% if page.header.continue_link is not sameas(false) %} {% if page.header.continue_link is not sameas(false) %}
<a href="{{ page.url }}" aria-label="{{ title }}"></a> <a href="{{ page.url }}"></a>
{% endif %} {% endif %}
<a href="{{ page.header.link }}" aria-label="{{ title }}">{{ title }}</a> <a href="{{ page.header.link }}">{{ page.title }}</a>
</h2> </h2>
{% else %} {% else %}
<h2 itemprop="headline"> <h2 itemprop="headline">
<a href="{{ page.url }}" aria-label="{{ title }}">{{ title }}</a> <a href="{{ page.url }}">{{ page.title }}</a>
</h2> </h2>
{% endif %} {% endif %}
{% if page.header.subtitle %} {% if page.header.subtitle %}
@ -35,25 +33,25 @@
<div class="meta"> <div class="meta">
{% if config.plugins["translate-date"].enabled %} {% if config.plugins["translate-date"].enabled %}
<time class="published" itemprop="datePublished" datetime="{{ page.date|td(null, "Y-m-d") }}">{{ page.date|td(null, "M j, Y") }}</time> <time class="published" itemprop="datePublished" datetime="{{ page.date|td(null, "Y-m-d") }}">{{ page.date|td(null, "M j, Y") }}</time>
{% elseif config.plugins["twig-extensions"].enabled %}
<time class="published" itemprop="datePublished" datetime="{{ page.date|localizeddate('medium', 'none', lang) }}">{{ page.date|localizeddate('medium', 'none', lang) }}</time>
{% else %} {% else %}
<time class="published" itemprop="datePublished" datetime="{{ page.date|date("Y-m-d") }}">{{ page.date|date("M j, Y") }}</time> <time class="published" itemprop="datePublished" datetime="{{ page.date|date("Y-m-d") }}">{{ page.date|date("M j, Y") }}</time>
{% endif %} {% endif %}
{% if author %} {% if author %}
<span itemprop="author" itemscope itemtype="http://schema.org/Person"/> <span itemprop="author" itemscope itemtype="http://schema.org/Person"/>
<a {% if page.taxonomy.author %}href="{{ base_url }}/author{{ config.system.param_sep }}{{ author }}" itemprop="url" {% endif %}class="author" aria-label="{{ author }}" rel="nofollow"> <a {% if page.taxonomy.author %}href="{{ base_url }}/author{{ config.system.param_sep }}{{ author }}" itemprop="url" {% endif %}class="author">
<span class="name" rel="author">{{ author }}</span> <span class="name" rel="author">{{ author }}</span>
{% if avatar %}<img src="{{ avatar }}" alt="{{ author }}" />{% endif %} {% if avatar %}<img src="{{ avatar }}" alt="{{ author }}" />{% endif %}
</a> </a>
{% endif %} {% endif %}
</div> </div>
</header> </header>
{% if image %} {% if image %}
<a class="image featured" href="{{ page.url }}" title="{{ title|raw }}" rel="nofollow"> <span class="image featured">
{{ image.cropZoom(1038,437).loading('lazy').attribute('decoding','async').html(title, title)|raw }} {{ image.cropZoom(1038,437).loading('lazy').html(title, title)|raw }}
</a> </span>
{% endif %} {% endif %}
<div itemprop="articleBody"> <div itemprop="articleBody">
{% if page.header.continue_link is sameas(false) %} {% if page.header.continue_link is sameas(false) %}
{{ page.content|raw }} {{ page.content|raw }}
@ -73,22 +71,22 @@
<footer> <footer>
<ul class="actions"> <ul class="actions">
{% if truncate and page.summary != page.content %} {% if truncate and page.summary != page.content %}
<li><a href="{{ page.url }}" class="button" rel="nofollow">{{'FUTURE.BLOG.ITEM.CONTINUE_READING'|t}}</a></li> <li><a href="{{ page.url }}" class="button">{{'FUTURE.BLOG.ITEM.CONTINUE_READING'|t}}</a></li>
{% elseif truncate %} {% elseif truncate %}
<li><a href="{{ page.url }}" class="button" rel="nofollow">{{'FUTURE.BLOG.ITEM.CONTINUE_READING'|t}}</a></li> <li><a href="{{ page.url }}" class="button">{{'FUTURE.BLOG.ITEM.CONTINUE_READING'|t}}</a></li>
{% endif %} {% endif %}
{% if show_prev_next %} {% if show_prev_next %}
{% if not page.isLast %} {% if not page.isLast %}
<li> <li>
<a class="button" href="{{ page.prevSibling.url }}" rel="prev"> <a class="button" href="{{ page.prevSibling.url }}">
<i class="fa fa-chevron-left"></i> <i class="fa fa-chevron-left"></i>
{{'FUTURE.BLOG.ITEM.PREV_POST'|t}}</a> {{'FUTURE.BLOG.ITEM.PREV_POST'|t}}</a>
</li> </li>
{% endif %} {% endif %}
{% if not page.isFirst %} {% if not page.isFirst %}
<li> <li>
<a class="button" href="{{ page.nextSibling.url }}" rel="next">{{'FUTURE.BLOG.ITEM.NEXT_POST'|t}} <a class="button" href="{{ page.nextSibling.url }}">{{'FUTURE.BLOG.ITEM.NEXT_POST'|t}}
<i class="fa fa-chevron-right"></i> <i class="fa fa-chevron-right"></i>
</a> </a>
</li> </li>
@ -96,25 +94,14 @@
{% endif %} {% endif %}
</ul> </ul>
{% if page.taxonomy.tag %}
<ul class="stats"> <ul class="stats">
{% if page.taxonomy.tag %}
{% for tag in page.taxonomy.tag %} {% for tag in page.taxonomy.tag %}
<li><a href="{{ base_url }}/tag{{ config.system.param_sep }}{{ tag }}" itemprop="keywords" rel="nofollow">{{ tag }}</a></li> <li><a href="{{ base_url }}/tag{{ config.system.param_sep }}{{ tag }}" itemprop="keywords">{{ tag }}</a></li>
{% endfor %} {% endfor %}
</ul> {% endif %}
{% endif %} <li><a href="https://twitter.com/share" data-url="{{ page.url(true) }}" data-text="{{ page.title }}" class="icon brands fa-twitter"></a></li>
<ul class="share"> <li><a href="http://www.facebook.com/sharer.php?u={{ page.url(true) }}" class="icon brands fa-facebook"></a></li>
{% set share = [
{ 'name': 'facebook', 'icon': 'fa-facebook', 'enabled': header_var('shareicons.facebook')|defined(true), 'url': 'https://www.facebook.com/sharer/sharer.php?', 'params': {'u': page.url(true)} },
{ 'name': 'twitter', 'icon': 'fa-twitter', 'enabled': header_var('shareicons.twitter')|defined(true), 'url': 'https://twitter.com/intent/tweet?', 'params': {'text': page.title, 'url': page.url(true)} },
{ 'name': 'whatsapp', 'icon': 'fa-whatsapp', 'enabled': header_var('shareicons.whatsapp')|defined(true), 'url': 'https://wa.me/?', 'params': {'text': page.title ~ '. ' ~ page.url(true)}, 'action': 'share/whatsapp/share' },
{ 'name': 'telegram', 'icon': 'fa-telegram', 'enabled': header_var('shareicons.telegram')|defined(true), 'url': 'https://t.me/share/url?', 'params': {'url': page.url(true), 'text': page.title} },
] %}
{% for item in share %}
{% if item.enabled|defined(true) %}
<li><a class="icon brands {{ item.icon }}" target="_blank" href="{{- item.url -}}{{- item.params|url_encode-}}" {% if item.action is defined %}data-action="{{ item.action }}"{% endif %} aria-label="{{ 'FUTURE.MISC.SHARE_ON'|t }} {{ item.name|capitalize }}" title="{{ 'FUTURE.MISC.SHARE_ON'|t }} {{item.name|capitalize }}"></a></li>
{% endif %}
{% endfor %}
</ul> </ul>
</footer> </footer>
</article> </article>

2
templates/partials/footer.html.twig
View file

@ -1,6 +1,4 @@
{% if theme_var('enable_social') %}
<ul class="icons"> <ul class="icons">
{% include 'partials/social.html.twig' %} {% include 'partials/social.html.twig' %}
</ul> </ul>
{% endif %}
<p class="copyright">&copy; {{ "now"|date("Y") }} {{ site.author.name }}. {{config.theme.footer.copyright_text|raw}}.</p> <p class="copyright">&copy; {{ "now"|date("Y") }} {{ site.author.name }}. {{config.theme.footer.copyright_text|raw}}.</p>

19
templates/partials/header.html.twig
View file

@ -1,7 +1,3 @@
{% set icon_lang = theme_var('menu_langswitcher')|defined('true') %}
{% set icon_search = theme_var('menu_search')|defined('true') %}
{% set icon_login = theme_var('menu_login')|defined('true') %}
<header id="header"> <header id="header">
<h1 class="logo"> <h1 class="logo">
<a href="{{ home_url }}">{{ site.title }}</a> <a href="{{ home_url }}">{{ site.title }}</a>
@ -14,21 +10,10 @@
<nav class="main"> <nav class="main">
{% block header_extra %} {% block header_extra %}
<ul> <ul>
{% if icon_login %} {% if config.plugins.langswitcher.enabled and system.languages.supported is not null %}
<li class="login-logout">
{% if not grav.user.authenticated %}
<a class="fa-sign-in-alt" href="{{ base_url_absolute }}/login" title="{{ 'PLUGIN_LOGIN.BTN_LOGIN'|t }}">{{ 'PLUGIN_LOGIN.BTN_LOGIN'|t }}</a>
{% else %}
<a class="fa-sign-out-alt" href="{{ url(uri.addNonce((uri.path)|trim('/') ~ '/task' ~ config.system.param_sep ~ 'login.logout', 'logout-form', 'logout-nonce'))|e }}" title="{{ 'PLUGIN_LOGIN.BTN_LOGOUT'|t }} {{ grav.user.fullname ?: grav.user.username }}">{{ 'PLUGIN_LOGIN.BTN_LOGOUT'|t }}</a>
{% endif %}
</li>
{% endif %}
{% if icon_lang and config.plugins.langswitcher.enabled and system.languages.supported is not null %}
{% include 'partials/langswitcher.html.twig' %} {% include 'partials/langswitcher.html.twig' %}
{% endif %} {% endif %}
{% if config.plugins.simplesearch.enabled %}
{% if config.plugins.simplesearch.enabled and icon_search %}
{% include 'partials/simplesearch_searchbox.html.twig' %} {% include 'partials/simplesearch_searchbox.html.twig' %}
{% endif %} {% endif %}
<li class="menu"> <li class="menu">

2
templates/partials/logo.html.twig
View file

@ -1,5 +1,5 @@
{% set logo = theme_var('custom_logo_mobile') ?: theme_var('custom_logo') %} {% set logo = theme_var('custom_logo_mobile') ?: theme_var('custom_logo') %}
<a href="{{ home_url }}" class="logo" rel="nofollow" title="{{ site.title }}"> <a href="{{ home_url }}" class="logo">
{% if logo %} {% if logo %}
{% set logo_file = (logo|first).name %} {% set logo_file = (logo|first).name %}
<img src="{{ url('theme://images/logo/' ~ logo_file) }}" alt="{{ site.title }}"/> <img src="{{ url('theme://images/logo/' ~ logo_file) }}" alt="{{ site.title }}"/>

45
templates/partials/metadata.html.twig
View file

@ -1,48 +1,3 @@
{% for meta in page.metadata %} {% for meta in page.metadata %}
<meta {% if meta.name %} name="{{ meta.name }}" {% endif %} {% if meta.http_equiv %} http-equiv="{{ meta.http_equiv }}" {% endif %} {% if meta.charset %} charset="{{ meta.charset }}" {% endif %} {% if meta.property %} property="{{ meta.property }}" {% endif %} {% if meta.content %} content="{{ meta.content }}" {% endif %}/> <meta {% if meta.name %} name="{{ meta.name }}" {% endif %} {% if meta.http_equiv %} http-equiv="{{ meta.http_equiv }}" {% endif %} {% if meta.charset %} charset="{{ meta.charset }}" {% endif %} {% if meta.property %} property="{{ meta.property }}" {% endif %} {% if meta.content %} content="{{ meta.content }}" {% endif %}/>
{% endfor %} {% endfor %}
{% set image = page.media[page.header.primaryImage] ?: page.media.all|filter((v, k) => k != page.header.avatarImage and (v.type == 'image' or v.type == 'vector'))|first %}
{# Open Graph #}
{# Partial code from https://github.com/paulcmal/grav-plugin-socialmeta #}
{% if not page.metadata["og:sitename"] %}
<meta name="og:site_name" property="og:site_name" content="{{ site.title }}" />
{% endif %}
{% if not page.metadata["og:title"] %}
<meta name="og:title" property="og:title" content="{{ page.title }}" />
{% endif %}
{% if not page.metadata["og:description"] %}
<meta name="og:description" property="og:description" content="{{ page.summary|striptags|truncate(150)|raw }}" />
{% endif %}
{% if not page.metadata["og:type"] %}
<meta name="og:type" property="og:type" content="article" />
{% endif %}
{% if not page.metadata["og:url"] %}
<meta name="og:url" property="og:url" content="{{ page.url(true)|e }}" />
{% endif %}
{% if not page.metadata["og:image"] and image %}
<meta name="og:image" property="og:image" content="{{ uri.base ~ image.url|raw }}" />
{% endif %}
{# Twitter Cards #}
{# Partial code from https://github.com/paulcmal/grav-plugin-socialmeta #}
{% if not page.metadata["twitter:card"] %}
<meta name="twitter:card" property="twitter:card" content="summary" />
{% endif %}
{% if not page.metadata["twitter:site"] %}
{% for item in theme_config.social if item.name|lower == 'twitter' %}
<meta name="twitter:site" property="twitter:site" content="{{ item.url }}" />
{% endfor %}
{% endif %}
{% if not page.metadata["twitter:title"] %}
<meta name="twitter:title" property="twitter:title" content="{{ page.title }}" />
{% endif %}
{% if not page.metadata["twitter:description"] %}
<meta name="twitter:description" property="twitter:description" content="{{ page.summary|striptags|truncate(150)|raw }}" />
{% endif %}
{% if not page.metadata["twitter:image"] and image %}
<meta name="twitter:image" property="twitter:image" content="{{ uri.base ~ image.url|raw }}" />
{% endif %}

20
templates/partials/miniposts.html.twig
View file

@ -8,22 +8,12 @@
</header> </header>
<div class="mini-posts"> <div class="mini-posts">
{% for p in page.evaluate({'@taxonomy.category':miniposts_category}).order('header.order', 'asc').slice(0,miniposts_number) %} {% for p in page.evaluate({'@taxonomy.category':miniposts_category}).order('header.order', 'asc').slice(0,miniposts_number) %}
{% set image = p.media[p.header.primaryImage] ?: p.media.images|first %}
{% if p.header.metadata.author %}
{% set author = p.header.metadata.author %}
{% elseif p.header.author %}
{% set author = p.header.author %}
{% else %}
{% set author = p.taxonomy.author[0] %}
{% endif %}
{% set title = p.title|raw %} {% set title = p.title|raw %}
{% set avatar = p.media[p.header.avatarImage].url|e %}
{% set image = p.media[p.header.primaryImage] ?: p.media.all|filter((v, k) => k != p.header.avatarImage and (v.type == 'image' or v.type == 'vector'))|first %}
<article class="mini-post"> <article class="mini-post">
<header> <header>
<h3> <h3>
<a href="{{ p.url }}" aria-label="{{ title }}">{{ title }}</a> <a href="{{ p.url }}">{{ p.title }}</a>
</h3> </h3>
{% if config.plugins["translate-date"].enabled %} {% if config.plugins["translate-date"].enabled %}
<time class="published" itemprop="datePublished" datetime="{{ page.date|td(null, "Y-m-d") }}">{{ page.date|td(null, "M j, Y") }}</time> <time class="published" itemprop="datePublished" datetime="{{ page.date|td(null, "Y-m-d") }}">{{ page.date|td(null, "M j, Y") }}</time>
@ -33,12 +23,12 @@
<time class="published" itemprop="datePublished" datetime="{{ page.date|date("Y-m-d") }}">{{ page.date|date("M j, Y") }}</time> <time class="published" itemprop="datePublished" datetime="{{ page.date|date("Y-m-d") }}">{{ page.date|date("M j, Y") }}</time>
{% endif %} {% endif %}
{% if avatar %} {% if avatar %}
<a href="{{ p.url }}" class="author" title="{{ author }}"><img src="{{ avatar }}" alt="{{ author }}"/></a> <a href="{{ p.url }}" class="author"><img src="{{ p.media[p.header.avatarImage].url}}" alt=""/></a>
{% endif %} {% endif %}
</header> </header>
{% if image %} {% if image %}
<a href="{{ p.url }}" class="image" title="{{ title|raw }}" rel="nofollow"> <a href="{{ p.url }}" class="image">
{{ image.cropZoom(1038,437).loading('lazy').attribute('decoding','async').html(title,title)|raw}} {{ image.cropZoom(1038,437).loading('lazy').html(title,title)|raw}}
</a> </a>
{% endif %} {% endif %}
</article> </article>

2
templates/partials/navigation.html.twig
View file

@ -10,7 +10,7 @@
{% if mitem.icon %} {% if mitem.icon %}
<i class="fa fa-{{ mitem.icon }}"></i> <i class="fa fa-{{ mitem.icon }}"></i>
{% endif %} {% endif %}
{{ mitem.text }} <span>{{ mitem.text }}</span>
</a> </a>
</li> </li>
{% endfor %} {% endfor %}

2
templates/partials/pagination.html.twig
View file

@ -15,7 +15,7 @@
<li><span class="disabled button large">{{ paginate.number }}</span></li> <li><span class="disabled button large">{{ paginate.number }}</span></li>
{% elseif paginate.isInDelta %} {% elseif paginate.isInDelta %}
{% set url = (base_url ~ pagination.params ~ paginate.url)|replace({'//':'/'}) %} {% set url = (base_url ~ pagination.params ~ paginate.url)|replace({'//':'/'}) %}
<li><a class="button large" href="{{ url }}" rel="nofollow">{{ paginate.number }}</a></li> <li><a class="button large" href="{{ url }}">{{ paginate.number }}</a></li>
{% elseif paginate.isDeltaBorder %} {% elseif paginate.isDeltaBorder %}
<li class="gap"><span>&hellip;</span></li> <li class="gap"><span>&hellip;</span></li>
{% endif %} {% endif %}

2
templates/partials/sidebar_left.html.twig
View file

@ -19,7 +19,7 @@
<h2>{{theme_config.footer.title}}</h2> <h2>{{theme_config.footer.title}}</h2>
<p>{{theme_config.footer.description}}</p> <p>{{theme_config.footer.description}}</p>
<ul class="actions"> <ul class="actions">
<li><a href="{{theme_config.footer.button_url}}" class="button" aria-label="{{theme_config.footer.title}}">{{theme_config.footer.button_text}}</a></li> <li><a href="{{theme_config.footer.button_url}}" class="button">{{theme_config.footer.button_text}}</a></li>
</ul> </ul>
</section> </section>
{% endif %} {% endif %}

12
templates/partials/sidebar_navigation.html.twig
View file

@ -45,15 +45,3 @@
{% endif %} {% endif %}
</ul> </ul>
{% endblock %} {% endblock %}
{% block javascripts %}
<script>
if ((window.innerWidth || document.documentElement.clientWidth) < 980){
/* Script for dropdown menu in sidebar */
$(".subitem_hide").hide(); /* this hides the list initially */
$(".dropdown-btn").click(function () {
$(this).next(".subitem_hide").slideToggle();
});
}
</script>
{% endblock %}

28
templates/partials/sidebar_right.html.twig
View file

@ -35,15 +35,29 @@
</section> </section>
{% endif %} {% endif %}
{% if config.plugins.login.enabled %} {% if config.plugins.login.enabled %}
<section> <section>
<ul class="actions stacked">
{% if not grav.user.authenticated %} {% if not grav.user.authenticated %}
<li><a href="{{ base_url_absolute }}{{config.plugins.login.route}}" class="button large fit">{{ 'PLUGIN_LOGIN.BTN_LOGIN'|t }}</a></li> <ul class="actions stacked">
{% else %} <li><a href="{{ base_url_absolute }}/login" class="button large fit">{{ 'FUTURE.LOGIN'|t }}</a></li>
<li>Logged as: <strong>{{ grav.user.fullname ?: grav.user.username }}</strong></li>
<li><a class="button large fit" href="{{ url(uri.addNonce((uri.path)|trim('/') ~ '/task' ~ config.system.param_sep ~ 'login.logout', 'logout-form', 'logout-nonce'))|e }}">{{ 'PLUGIN_LOGIN.BTN_LOGOUT'|t }}</a></li>
{% endif %}
</ul> </ul>
{% else %}
{% include 'partials/login-status.html.twig' %}
{% endif %}
</section> </section>
{% endif %} {% endif %}
</section> </section>
<script>
{% if p.routable == false and p.children.count > 0 %}
$(".subitem_hide").hide(); // this hides the list initially
$(".dropdown-btn").click(function () {
$(this).next(".subitem_hide").slideToggle();
});
{% else %}
$(".subitem").attr("style", "display:block"); // this shows the list if it is routable
$(".dropdown-btn").click(function () {
$(this).next(".subitem_hide").slideToggle();
});
{% endif %}
</script>

2
templates/partials/simplesearch_item.html.twig
View file

@ -5,7 +5,7 @@
{% if thumb %} {% if thumb %}
<div class="search-image"> <div class="search-image">
<a href="{{ page.url }}">{{ thumb.loading('lazy').attribute('decoding','async').html(title,title)|raw }}</a> <a href="{{ page.url }}">{{ thumb.loading('lazy').html(title,title)|raw }}</a>
</div> </div>
{% endif %} {% endif %}
<div class="search-item"> <div class="search-item">

2
templates/partials/taxonomylist.html.twig
View file

@ -5,7 +5,7 @@
<li> <li>
{% for tax,value in taxlist[taxonomy]|sort %} {% for tax,value in taxlist[taxonomy]|sort %}
{% set active = uri.param(taxonomy) == tax? 'active' : '' %} {% set active = uri.param(taxonomy) == tax? 'active' : '' %}
<a class="tags {{ active }}" rel="nofollow" href="{{ base_url }}/{{ taxonomy }}{{ config.system.param_sep }}{{ tax }}">{{ tax }}</a> <a class="tags {{ active }}" href="{{ base_url }}/{{ taxonomy }}{{ config.system.param_sep }}{{ tax }}">{{ tax }}</a>
{% endfor %} {% endfor %}
</li> </li>
</ul> </ul>

127
templates/portfolio.html.twig
View file

@ -5,103 +5,54 @@
{% set subtitle = page.header.subtitle|raw %} {% set subtitle = page.header.subtitle|raw %}
{% set columns = page.header.layout == 'standard' ? 'col-4 col-6-medium col-12-small' : 'col-6 col-12-small' %} {% set columns = page.header.layout == 'standard' ? 'col-4 col-6-medium col-12-small' : 'col-6 col-12-small' %}
{% block stylesheets %}
{{ parent() }}
{% do assets.addCss('theme://assets/css/glightbox.min.css') %}
{% set styling %}
button.gclose.gbtn, button.gnext.gbtn, button.gprev.gbtn {
box-shadow: none !important;
}
{% endset %}
{% do assets.addInlineCss(styling) %}
{% endblock %}
{% set gallery = page.header.images %}
{% set thumb_w = page.header.thumb_width|default(600) %}
{% set thumb_h = page.header.thumb_height|default(450) %}
{% block menu %} {% block menu %}
{% include 'partials/sidebar_right.html.twig' %} {% include 'partials/sidebar_right.html.twig' %}
{% endblock %} {% endblock %}
{% block content %} {% block content %}
<article class="post"> <article class="post">
<header> <header>
<div class="title"> <div class="title">
<h2> <h2>{{ title }}</h2>
{{ title }} {% if subtitle %}
</h2> <p>{{ subtitle }}</p>
{% if subtitle %} {% endif %}
<p> </div>
{{ subtitle }} </header>
</p> {% if image %}
{% endif %} <span class="image featured">
</div> {{ image.cropZoom(1038,437).loading('lazy').html(title, title)|raw }}
</header> </span>
{% if image %} {% endif %}
<span class="image featured">
{{ image.cropZoom(1038,437).loading('lazy').attribute('decoding','async').html(title, title)|raw }}
</span>
{% endif %}
{{ page.content|raw}} {{ page.content|raw}}
<!-- Portfolio --> <!-- Portfolio -->
{% block portfolio %} {% block portfolio %}
<section> <section>
<div class="row aln-center"> <div class="row aln-center">
{% for item in gallery %} {% for item in page.header.images %}
{% set item_image = page.media[item.image] %} <div class="{{columns}} portfolio_item">
{% set item_title = item.title %} <a href="{{page.media[item.image].url}}" class="glightbox" data-width="100vw" data-zoomable="true" data-glightbox='title: {{item.title}}; description: {{item.description|raw}}'>
{% set item_desc = item.description %} <span class="image fit"><img src="{{page.media[item.thumb].url}}" alt="image"/></span>
{% set thumbnail = item_image.cropZoom(thumb_w, thumb_h).loading('lazy').attribute('decoding','async').attribute('itemprop','http://schema.org/image').html(item_title,item_title) %} </a>
<div class="{{columns}} portfolio_item"> </div>
<a href="{{item_image.url}}" class="glightbox"data-height="{{page.header.height}}" data-width="{{page.header.width}}" data-title="{{item_title}}" data-description="{{item_desc|raw}}" data-desc-position="{{item.descPosition}}" data-zoomable="{{page.header.zoomable}}" data-draggable="{{page.header.draggable}}" data-type="image"> {% endfor %}
<span class="image fit"> </div>
{{ thumbnail }} </section>
</span> {% endblock %}
</a> </article>
</div>
{% endfor %}
</div>
</section>
{% endblock %}
</article>
{% if show_sidebar == false %} {% if show_sidebar == false %}
<section id="footer" class="align-center"> <section id="footer" class="align-center">
{% include 'partials/footer.html.twig' %} {% include 'partials/footer.html.twig' %}
</section> </section>
{% endif %} {% endif %}
{% endblock %} {% endblock %}
{% block sidebar %} {% block sidebar %}
{% include 'partials/sidebar_left.html.twig' %} {% if show_sidebar == true %}
{% endblock %} {% include 'partials/sidebar_left.html.twig' %}
{% endif %}
{% block javascripts %}
{{ parent() }}
{% set script %}
const lightbox = GLightbox({
closeButton: {{ page.header.close_button }},
touchFollowAxis: {{ page.header.touch_axis }},
touchNavigation: {{ page.header.touch_navigation }},
keyboardNavigation: {{ page.header.keyboard_navigation }},
loop: {{ page.header.loop }},
openEffect: '{{ page.header.open_effect }}',
closeEffect: '{{ page.header.close_effect }}',
slideEffect: '{{ page.header.slide_effect }}',
closeOnOutsideClick: {{ page.header.closeOutside }},
dragToleranceX: {{ page.header.draggableX }},
dragToleranceY: {{ page.header.draggableY }},
preload: {{ page.header.preload }},
dragAutoSnap: {{ page.header.dragAuto }},
moreText: '{{ page.header.more_text }}',
{% if page.header.startAt is defined %}startAt: {{ page.header.startAt }},{% endif %}
moreLength: {{page.header.more_length}}
});
{% endset %}
{% do assets.addJs('theme://assets/js/glightbox.min.js', {group:'bottom'}) %}
{% do assets.addInlineJs(script,{'group':'bottom'}) %}
{% endblock %} {% endblock %}

44
templates/profile.html.twig
View file

@ -1,44 +0,0 @@
{% extends 'partials/base.html.twig' %}
{% block stylesheets %}
{{ parent() }}
{% set styles %}
#user-profile .buttons {
display: flex;
flex-wrap: nowrap;
align-content: center;
justify-content: flex-start;
align-items: center;
margin: 1em 0;
}
#user-profile .button {
margin: 0 1em;
}
#user-profile .button:first-child {
margin: 0;
}
@media screen and (max-width: 480px) {
#user-profile .buttons {
flex-direction: column;
}
#user-profile .button {
width: 100%;
margin: 1em 0;
}
}
{% endset %}
{% do assets.addInlineCss(styles) %}
{% endblock %}
{% do form.setAllData(grav.user.toArray) %}
{% block menu %}
{% include 'partials/sidebar_right.html.twig' %}
{% endblock %}
{% block content %}
{% include 'partials/messages.html.twig' %}
{{ page.content|raw }}
{% include 'forms/form.html.twig' %}
{% endblock %}

20
templates/reset.html.twig
View file

@ -1,20 +0,0 @@
{% extends 'partials/base.html.twig' %}
{% block menu %}
{% include 'partials/sidebar_right.html.twig' %}
{% endblock %}
{% block content %}
<article class="post">
<header>
<div class="title">
<h2>{{ page.header.title }}</h2>
</div>
<div class="meta"></div>
</header>
{% include 'partials/messages.html.twig' %}
{% include 'partials/reset-form.html.twig' %}
</article>
{% endblock %}

2
templates/simplesearch_results.html.twig
View file

@ -43,5 +43,7 @@
{% endblock %} {% endblock %}
{% block sidebar %} {% block sidebar %}
{% if show_sidebar == true %}
{% include 'partials/sidebar_left.html.twig' %} {% include 'partials/sidebar_left.html.twig' %}
{% endif %}
{% endblock %} {% endblock %}