mirror of
https://github.com/pmoreno-rodriguez/grav-theme-future2021.git
synced 2025-06-07 11:58:53 +00:00
Version 1.0.2
This commit is contained in:
pmoreno.rodriguez
parent
ef62ebd5eb
commit
b5621e7728
46 changed files with 622 additions and 186 deletions
12
CHANGELOG.md
12
CHANGELOG.md
|
|
@ -1,28 +1,28 @@
|
|||
# v1.0.2
|
||||
## 10/31/2022
|
||||
## 11/09/2022
|
||||
|
||||
1. [](#fixed)
|
||||
* Changed header.class to header.layout in several blueprints
|
||||
1. [](#bugfix)
|
||||
* Fixed code in sidebar_navigation.html.twig and topmenu.html.twig
|
||||
* Fixed code to choose columns number in portfolio and features templates.
|
||||
2. [](#improved)
|
||||
* Updated header.class to header.layout in several blueprints
|
||||
* Updated CSS and SCSS assets
|
||||
* Updated languages.yaml
|
||||
* Improved several templates to include subtitle and primary image.
|
||||
3. [](#new)
|
||||
* Added centered alignment for images in portfolio template.
|
||||
* Added option in theme to choose the miniposts category name.
|
||||
|
||||
* New logo twig template
|
||||
# v1.0.1
|
||||
## 02/05/2022
|
||||
|
||||
1. [](#bugfix)
|
||||
1. [](#bugfix)
|
||||
* Updated CSS Styles to show FontAwesome 5
|
||||
|
||||
# v1.0.0
|
||||
## 05/12/2021
|
||||
|
||||
1. [](#new)
|
||||
1. [](#new)
|
||||
* Drop down menu functionality
|
||||
* Fixed autoescaping in all twig templates
|
||||
* Added slidedown functionality for sidebar menu with JQuery
|
||||
|
|
|
|||
|
|
@ -39,8 +39,6 @@ Redesigned from scratch (version 2021)
|
|||
- Features Modular view template
|
||||
- Banner Modular view template
|
||||
- Contact Modular view template
|
||||
- Portfolio view template
|
||||
|
||||
|
||||
# Installation
|
||||
|
||||
|
|
|
|||
50
_demo/config/themes/future2021.yaml
Normal file
50
_demo/config/themes/future2021.yaml
Normal file
|
|
@ -0,0 +1,50 @@
|
|||
enabled: true
|
||||
production-mode: false
|
||||
favicon:
|
||||
user/themes/future2021/images/logo/Grav_logo.png:
|
||||
name: Grav_logo.png
|
||||
type: image/png
|
||||
size: 15355
|
||||
path: user/themes/future2021/images/logo/Grav_logo.png
|
||||
blog_page: /blog
|
||||
slogan: 'AYUDA DE GRAV EN ESPAÑOL'
|
||||
custom_logo: { }
|
||||
custom_logo_mobile:
|
||||
user/themes/future2021/images/logo/Grav_logo.png:
|
||||
name: Grav_logo.png
|
||||
type: image/png
|
||||
size: 15355
|
||||
path: user/themes/future2021/images/logo/Grav_logo.png
|
||||
footer:
|
||||
title: ABOUT
|
||||
description: 'Mauris neque quam, fermentum ut nisl vitae, convallis maximus nisl. Sed mattis nunc id lorem euismod amet placerat. Vivamus porttitor magna enim, ac accumsan tortor cursus at phasellus sed ultricies.'
|
||||
copyright_text: 'DESIGN: <a href="https://html5up.net/" target="_blank">HTML5 UP</a>. IMAGES: <a href="http://wallpaperswide.com/" target="_blank">WALLPAPESWIDE</a>.'
|
||||
button_url: about
|
||||
button_text: 'Show more'
|
||||
social:
|
||||
-
|
||||
name: Twitter
|
||||
url: 'https://www.twitter.com'
|
||||
icon: 'fa fa-twitter'
|
||||
-
|
||||
name: Facebook
|
||||
url: 'https://www.facebook.com'
|
||||
icon: 'fa fa-facebook'
|
||||
-
|
||||
name: Instagram
|
||||
url: 'https://www.instagram.com'
|
||||
icon: 'fa fa-instagram'
|
||||
miniposts: true
|
||||
miniposts_number: 3
|
||||
latestposts: true
|
||||
miniposts_category: minipost
|
||||
displaycustommenus:
|
||||
enabled: false
|
||||
dropdown:
|
||||
enabled: true
|
||||
custommenu:
|
||||
-
|
||||
text: Grav
|
||||
icon: arrow-circle-right
|
||||
url: 'https://getgrav.org'
|
||||
target: _blank
|
||||
|
|
@ -25,5 +25,6 @@ features:
|
|||
buttonurl_target: '1'
|
||||
media_order: 'Elements14-c1.svg,Elements14-b1.svg,Elements14-a1.svg'
|
||||
class: standard
|
||||
layout: standard
|
||||
---
|
||||
|
||||
|
|
|
|||
|
|
@ -1,24 +1,24 @@
|
|||
---
|
||||
title: 'Subitem Item two'
|
||||
visible: true
|
||||
media_order: 'daily (6)_&_ae7dd5e9-2081-4fe1-93b3-9da2f162ddfe.jpg,ana_avataaars.jpg'
|
||||
primaryImage: 'daily (6)_&_ae7dd5e9-2081-4fe1-93b3-9da2f162ddfe.jpg'
|
||||
subtitle: 'Subtitle Item two'
|
||||
avatarImage: ana_avataaars.jpg
|
||||
taxonomy:
|
||||
category:
|
||||
- About
|
||||
tag:
|
||||
- tag1
|
||||
- tag4
|
||||
author:
|
||||
- 'Ana Fernández'
|
||||
---
|
||||
|
||||
# Lorem Ipsum
|
||||
|
||||
[notice=note]
|
||||
"Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit..."[/notice]
|
||||
|
||||
"There is no one who loves pain itself, who seeks after it and wants to have it, simply because it is pain..."
|
||||
---
|
||||
title: 'Subitem Item two'
|
||||
visible: true
|
||||
media_order: 'daily (6)_&_ae7dd5e9-2081-4fe1-93b3-9da2f162ddfe.jpg,ana_avataaars.jpg'
|
||||
primaryImage: 'daily (6)_&_ae7dd5e9-2081-4fe1-93b3-9da2f162ddfe.jpg'
|
||||
subtitle: 'Subtitle Item two'
|
||||
avatarImage: ana_avataaars.jpg
|
||||
taxonomy:
|
||||
category:
|
||||
- About
|
||||
tag:
|
||||
- tag1
|
||||
- tag4
|
||||
author:
|
||||
- 'Ana Fernández'
|
||||
---
|
||||
|
||||
# Lorem Ipsum
|
||||
|
||||
[notice=note]
|
||||
"Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit..."[/notice]
|
||||
|
||||
"There is no one who loves pain itself, who seeks after it and wants to have it, simply because it is pain..."
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin imperdiet aliquet nunc, in dapibus ante gravida sed. Nulla facilisi. Integer ac finibus justo. Aenean scelerisque sollicitudin dui ut aliquet. Aliquam porta arcu magna, a interdum tortor consequat id. Cras fringilla luctus erat eget dictum. Etiam auctor sit amet risus nec volutpat. Integer bibendum interdum nisi non tincidunt. Morbi sed finibus nisi, et maximus orci. Duis luctus, dui in sodales aliquet, nisl mauris tristique diam, eget aliquet odio lectus sit amet eros. Quisque ex augue, convallis non aliquet aliquet, feugiat vitae lorem.
|
||||
|
|
@ -5,6 +5,5 @@ primaryImage: WhitePocket_EN-US11956274200_1920x1200.jpg
|
|||
taxonomy:
|
||||
tag:
|
||||
- tag3
|
||||
routable: false
|
||||
---
|
||||
|
||||
|
|
|
|||
|
|
@ -1,5 +1,4 @@
|
|||
---
|
||||
title: 'Sobre Grav'
|
||||
routable: false
|
||||
---
|
||||
|
||||
|
|
|
|||
|
|
@ -10,5 +10,6 @@ content:
|
|||
pagination: true
|
||||
url_taxonomy_filters: true
|
||||
sidebar: true
|
||||
show_breadcrumbs: false
|
||||
---
|
||||
|
||||
|
|
|
|||
|
|
@ -42,7 +42,7 @@ images:
|
|||
description: 'Description 6'
|
||||
thumb: thumb_magic_butterfly-wallpaper-1920x1080.jpg
|
||||
published: true
|
||||
class: standard
|
||||
layout: standard
|
||||
---
|
||||
|
||||
## Some pictures for your portfolio
|
||||
## [center]Some pictures for your portfolio[/center]
|
||||
|
|
@ -1,7 +1,5 @@
|
|||
---
|
||||
title: 'Contacta con nosotros'
|
||||
routable: false
|
||||
cache_enable: false
|
||||
form:
|
||||
name: contact-form
|
||||
template: form-messages
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
---
|
||||
title: 'Privacy Policy'
|
||||
title: 'Política de Privacidad'
|
||||
primaryImage: privacy-policy.jpg
|
||||
media_order: privacy-policy.jpg
|
||||
visible: false
|
||||
|
|
|
|||
|
|
@ -1,14 +1,16 @@
|
|||
/* Styles for Back to Top button */
|
||||
|
||||
#back-to-top {
|
||||
display: inline-block;
|
||||
font-family: 'FontAwesome';
|
||||
font-family: 'Font Awesome 5 Free';
|
||||
font-weight: 400;
|
||||
font-style: normal;
|
||||
font-size: 2em;
|
||||
line-height: 1.3em;
|
||||
font-size: 1.5em;
|
||||
line-height: 1.5em;
|
||||
background-color: #ab1d35;
|
||||
color: #fff;
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
width: 1.5em;
|
||||
height: 1.5em;
|
||||
text-align: center;
|
||||
border-radius: 4px;
|
||||
position: fixed;
|
||||
|
|
@ -35,6 +37,7 @@
|
|||
visibility: visible;
|
||||
}
|
||||
|
||||
/* Styles for Langswitcher plugin */
|
||||
|
||||
#header .main ul li.langswitcher > a {
|
||||
text-decoration: none;
|
||||
|
|
@ -46,3 +49,36 @@
|
|||
@media screen and (max-width: 736px) {
|
||||
#header .main ul li.langswitcher {
|
||||
display: none; } }
|
||||
|
||||
/* Styles to show Font Awesome 5 Free in shortcode core notices */
|
||||
|
||||
.sc-notice > div:before {
|
||||
position: absolute;
|
||||
top: 2px;
|
||||
color: #fff;
|
||||
font-family: 'Font Awesome 5 Free';
|
||||
content: '\f05a';
|
||||
left: 10px;
|
||||
}
|
||||
|
||||
/* Styles to support svg images in search results */
|
||||
|
||||
.search-row {
|
||||
display: flex;
|
||||
align-items: top;
|
||||
|
||||
}
|
||||
.search-image img {
|
||||
overflow:hidden;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
object-fit: cover;
|
||||
object-position: 0 100%;
|
||||
}
|
||||
@media only all and (max-width: 47.938em) {
|
||||
.search-image img {display:none;}
|
||||
}
|
||||
.search-item {
|
||||
margin-left: 30px;
|
||||
margin-bottom: 50px;
|
||||
}
|
||||
226
assets/css/fontawesome-all.min.css
vendored
Normal file
226
assets/css/fontawesome-all.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
|
|
@ -1,4 +1,4 @@
|
|||
@import 'font-awesome.min.css';
|
||||
@import 'fontawesome-all.min.css';
|
||||
@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700|Raleway:400,800,900");
|
||||
/*
|
||||
Future Imperfect by HTML5 UP
|
||||
|
|
@ -1570,7 +1570,7 @@ form.search:before {
|
|||
text-rendering: auto;
|
||||
line-height: 1;
|
||||
text-transform: none !important;
|
||||
font-family: "FontAwesome";
|
||||
font-family: "Font Awesome 5 Free";
|
||||
font-weight: 900;
|
||||
}
|
||||
form.search:before {
|
||||
|
|
@ -1649,7 +1649,7 @@ textarea:focus {
|
|||
text-rendering: auto;
|
||||
line-height: 1;
|
||||
text-transform: none !important;
|
||||
font-family: "FontAwesome";
|
||||
font-family: "Font Awesome 5 Free";
|
||||
font-weight: 900;
|
||||
}
|
||||
.select-wrapper:before {
|
||||
|
|
@ -1734,7 +1734,7 @@ input[type=radio] + label:before {
|
|||
text-rendering: auto;
|
||||
line-height: 1;
|
||||
text-transform: none !important;
|
||||
font-family: "FontAwesome";
|
||||
font-family: "Font Awesome 5 Free";
|
||||
font-weight: 900;
|
||||
}
|
||||
input[type=checkbox] + label:before,
|
||||
|
|
@ -1804,7 +1804,7 @@ input[type=radio] + label:before {
|
|||
text-rendering: auto;
|
||||
line-height: 1;
|
||||
text-transform: none !important;
|
||||
font-family: "FontAwesome";
|
||||
font-family: "Font Awesome 5 Free";
|
||||
font-weight: 400;
|
||||
}
|
||||
.icon > .label {
|
||||
|
|
@ -1817,7 +1817,7 @@ input[type=radio] + label:before {
|
|||
font-weight: 900;
|
||||
}
|
||||
.icon.brands:before {
|
||||
font-family: "FontAwesome";
|
||||
font-family: "Font Awesome 5 Brands";
|
||||
}
|
||||
.icon.suffix:before {
|
||||
float: right;
|
||||
|
|
@ -2461,9 +2461,6 @@ table.alt tfoot {
|
|||
}
|
||||
|
||||
/* Portofolio */
|
||||
.portfolio_item {
|
||||
padding: 0.5em;
|
||||
}
|
||||
.portfolio_item .image {
|
||||
overflow: hidden;
|
||||
width: 100%;
|
||||
|
|
@ -2608,7 +2605,7 @@ table.alt tfoot {
|
|||
letter-spacing: 0.15em;
|
||||
display: block;
|
||||
border-bottom: none;
|
||||
padding: 0.3rem 0.8rem;
|
||||
padding: 0 0.8rem;
|
||||
height: inherit;
|
||||
}
|
||||
#header .dropdown li ul {
|
||||
|
|
@ -2624,10 +2621,10 @@ table.alt tfoot {
|
|||
}
|
||||
#header .dropdown li ul li a {
|
||||
font-family: "Raleway", Helvetica, sans-serif;
|
||||
font-size: 0.7em;
|
||||
font-size: 0.8em;
|
||||
font-weight: 400;
|
||||
letter-spacing: 0.15em;
|
||||
text-transform: initial;
|
||||
text-transform: uppercase;
|
||||
display: block;
|
||||
border-bottom: none;
|
||||
padding: 0.3rem 0.8rem;
|
||||
|
|
@ -2656,7 +2653,7 @@ table.alt tfoot {
|
|||
flex-wrap: nowrap;
|
||||
min-width: 15em;
|
||||
border: solid 1px rgba(160, 160, 160, 0.3);
|
||||
background-color: #f4f4f4;
|
||||
background-color: #ffffff;
|
||||
box-shadow: 0 0.05rem 1rem rgba(0, 0, 0, 0.15) !important;
|
||||
}
|
||||
@media screen and (max-width: 980px) {
|
||||
|
|
@ -2858,7 +2855,7 @@ body {
|
|||
text-rendering: auto;
|
||||
line-height: 1;
|
||||
text-transform: none !important;
|
||||
font-family: "FontAwesome";
|
||||
font-family: "Font Awesome 5 Free";
|
||||
font-weight: 900;
|
||||
}
|
||||
#header .main ul li > a:before {
|
||||
|
|
|
|||
2
assets/css/main.min.css
vendored
2
assets/css/main.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -21,7 +21,7 @@
|
|||
letter-spacing: 0.15em;
|
||||
@include vendor('display', 'block');
|
||||
border-bottom: none;
|
||||
padding: 0.3rem 0.8rem;
|
||||
padding: 0 0.8rem;
|
||||
height: inherit;
|
||||
|
||||
}
|
||||
|
|
@ -40,10 +40,10 @@
|
|||
|
||||
a {
|
||||
font-family: _font(family-heading);
|
||||
font-size: 0.7em;
|
||||
font-size: 0.8em;
|
||||
font-weight: _font(weight);
|
||||
letter-spacing: 0.15em;
|
||||
text-transform: initial;
|
||||
text-transform: uppercase;
|
||||
@include vendor('display', 'block');
|
||||
border-bottom: none;
|
||||
padding: 0.3rem 0.8rem;
|
||||
|
|
@ -81,7 +81,7 @@
|
|||
@include vendor('flex-wrap', 'nowrap');
|
||||
min-width: 15em;
|
||||
border: solid 1px rgba(160, 160, 160, 0.3);
|
||||
background-color: _palette(bg-alt);
|
||||
background-color: _palette(bg);
|
||||
box-shadow: 0 0.05rem 1rem _palette(border-dropdown) !important;
|
||||
}
|
||||
|
||||
|
|
@ -99,4 +99,4 @@
|
|||
margin-right: -1rem; }
|
||||
.dropdown .fixed {
|
||||
margin: 0; } }
|
||||
}
|
||||
}
|
||||
|
|
@ -27,7 +27,7 @@
|
|||
|
||||
&.brands {
|
||||
&:before {
|
||||
font-family: 'FontAwesome';
|
||||
font-family: 'Font Awesome 5 Brands';
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -3,7 +3,7 @@
|
|||
|
||||
.portfolio_item {
|
||||
|
||||
padding: 0.5em;
|
||||
|
||||
|
||||
.image {
|
||||
overflow: hidden;
|
||||
|
|
|
|||
|
|
@ -93,4 +93,4 @@ ul.subitem_hide > li {
|
|||
.fa-caret-down {
|
||||
float: right;
|
||||
padding-right: 8px;
|
||||
}
|
||||
}
|
||||
|
|
@ -147,4 +147,4 @@
|
|||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -22,14 +22,14 @@
|
|||
text-transform: none !important;
|
||||
|
||||
@if ($category == brands) {
|
||||
font-family: 'FontAwesome';
|
||||
font-family: 'Font Awesome 5 Brands';
|
||||
}
|
||||
@else if ($category == solid) {
|
||||
font-family: 'FontAwesome';
|
||||
font-family: 'Font Awesome 5 Free';
|
||||
font-weight: 900;
|
||||
}
|
||||
@else {
|
||||
font-family: 'FontAwesome';
|
||||
font-family: 'Font Awesome 5 Free';
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -46,4 +46,4 @@ $palette: (
|
|||
border-alt: rgba(160,160,160,0.65),
|
||||
border-dropdown: rgba(0, 0, 0, 0.15),
|
||||
accent: #ba2e5d
|
||||
);
|
||||
);
|
||||
|
|
@ -4,7 +4,7 @@
|
|||
@import 'libs/vendor';
|
||||
@import 'libs/breakpoints';
|
||||
@import 'libs/html-grid';
|
||||
@import 'font-awesome.min.css';
|
||||
@import 'fontawesome-all.min.css';
|
||||
@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700|Raleway:400,800,900');
|
||||
|
||||
/*
|
||||
|
|
|
|||
|
|
@ -12,10 +12,15 @@ homepage: https://github.com/pmoreno-rodriguez/grav-theme-future2021
|
|||
demo: http://future.juanvillen.es
|
||||
keywords: future imperfect, html5up, theme, core, modern, fast, responsive, html5, css3
|
||||
bugs: https://github.com/pmoreno-rodriguez/grav-theme-future2021/issues
|
||||
license: MIT
|
||||
license: CC-BY-3.0
|
||||
|
||||
dependencies:
|
||||
- { name: grav, version: '>=1.7.0' }
|
||||
- { name: grav, version: '>=1.6.0' }
|
||||
- archives
|
||||
- breadcrumbs
|
||||
- pagination
|
||||
- simplesearch
|
||||
- taxonomylist
|
||||
|
||||
form:
|
||||
validation: loose
|
||||
|
|
@ -33,6 +38,11 @@ form:
|
|||
validate:
|
||||
type: bool
|
||||
|
||||
header_section:
|
||||
type: section
|
||||
title: FUTURE.ADMIN.THEME.HEADER_SECTION
|
||||
underline: true
|
||||
|
||||
favicon:
|
||||
type: file
|
||||
label: FUTURE.ADMIN.THEME.FAVICON
|
||||
|
|
@ -53,7 +63,7 @@ form:
|
|||
markdown: true
|
||||
description: FUTURE.ADMIN.THEME.CUSTOM_LOGO_DESCRIPTION
|
||||
accept:
|
||||
- image/png
|
||||
- image/*
|
||||
|
||||
custom_logo_mobile:
|
||||
type: file
|
||||
|
|
@ -62,7 +72,7 @@ form:
|
|||
destination: 'theme://images/logo'
|
||||
multiple: false
|
||||
accept:
|
||||
- image/png
|
||||
- image/*
|
||||
|
||||
slogan:
|
||||
type: text
|
||||
|
|
@ -169,3 +179,49 @@ form:
|
|||
.icon:
|
||||
type: iconpicker
|
||||
label: FUTURE.ADMIN.THEME.FOOTER_SOCIALS_ICON_ICON
|
||||
custommenu_options:
|
||||
type: fieldset
|
||||
collapsible: true
|
||||
collapsed: true
|
||||
icon: bars
|
||||
title: 'Custom Menu Items'
|
||||
fields:
|
||||
displaycustommenus.enabled:
|
||||
type: toggle
|
||||
label: 'Display Custom Menu Items'
|
||||
help: 'Determines if any defined custom menu entries are displayed in the menubar.'
|
||||
default: 0
|
||||
highlight: 1
|
||||
options:
|
||||
'0': No
|
||||
'1': Yes
|
||||
validate:
|
||||
type: bool
|
||||
custommenu:
|
||||
name: menu
|
||||
type: list
|
||||
label: 'Custom Menu Items'
|
||||
fields:
|
||||
.text:
|
||||
type: text
|
||||
label: Text
|
||||
description: 'Text label for menu item.'
|
||||
.icon:
|
||||
type: text
|
||||
label: Icon
|
||||
description: 'Font Awesome icon for menu item.'
|
||||
.url:
|
||||
type: text
|
||||
label: URL
|
||||
description: 'URL for menu item.'
|
||||
.target:
|
||||
type: select
|
||||
label: Target
|
||||
default: _self
|
||||
size: medium
|
||||
options:
|
||||
_blank: 'Open in a new window'
|
||||
_parent: 'Open in the parent frame'
|
||||
_top: 'Open in the full body of the window'
|
||||
_self: 'Open in the same frame as clicked'
|
||||
|
||||
|
|
|
|||
|
|
@ -69,6 +69,17 @@ form:
|
|||
asc: FUTURE.ADMIN.BLOG.BLOG_CONTENT_ITEMS_ORDER_DIR_ASC
|
||||
desc: FUTURE.ADMIN.BLOG.BLOG_CONTENT_ITEMS_ORDER_DIR_DESC
|
||||
|
||||
header.show_breadcrumbs:
|
||||
type: toggle
|
||||
toggleable: true
|
||||
label: Show Breadcrumbs
|
||||
highlight: 1
|
||||
options:
|
||||
1: PLUGIN_ADMIN.ENABLED
|
||||
0: PLUGIN_ADMIN.DISABLED
|
||||
validate:
|
||||
type: bool
|
||||
|
||||
header.content.pagination:
|
||||
type: toggle
|
||||
label: FUTURE.ADMIN.BLOG.BLOG_CONTENT_ITEMS_PAGINATION
|
||||
|
|
|
|||
|
|
@ -23,15 +23,10 @@ form:
|
|||
type: text
|
||||
style: vertical
|
||||
label: FUTURE.ADMIN.ITEM.ITEM_SUBTITLE
|
||||
header.image:
|
||||
type: column
|
||||
fields:
|
||||
header.primaryImage:
|
||||
ordering@: header.subtitle
|
||||
style: vertical
|
||||
size: medium
|
||||
type: pagemediaselect
|
||||
label: FUTURE.ADMIN.DEFAULT.PRIMARY_IMAGE
|
||||
preview_images: true
|
||||
header.avatarImage:
|
||||
ordering@: header.primaryImage
|
||||
type: pagemediaselect
|
||||
label: FUTURE.ADMIN.ITEM.ITEM_AVATAR
|
||||
preview_images: true
|
||||
|
|
|
|||
|
|
@ -53,4 +53,10 @@ form:
|
|||
toggleable: true
|
||||
label: FUTURE.ADMIN.ITEM.ITEM_SUMMARY_DELIMITER
|
||||
classes: large
|
||||
placeholder: ===
|
||||
placeholder: ===
|
||||
|
||||
header.avatarImage:
|
||||
type: pagemediaselect
|
||||
toggleable: true
|
||||
label: FUTURE.ADMIN.ITEM.ITEM_AVATAR
|
||||
preview_images: true
|
||||
|
|
@ -5,13 +5,19 @@ form:
|
|||
fields:
|
||||
tabs:
|
||||
fields:
|
||||
content:
|
||||
type: tab
|
||||
fields:
|
||||
header.options:
|
||||
fields:
|
||||
header.content:
|
||||
fields:
|
||||
header.primaryImage:
|
||||
unset@: true
|
||||
banner:
|
||||
type: tab
|
||||
title: FUTURE.ADMIN.MODULAR.BANNER.BANNER_TAB
|
||||
fields:
|
||||
header.subtitle:
|
||||
type: text
|
||||
label: FUTURE.ADMIN.MODULAR.BANNER.BANNER_SUBTITLE
|
||||
header.buttontext:
|
||||
type: text
|
||||
label: FUTURE.ADMIN.MODULAR.BANNER.BANNER_BUTTON_TEXT
|
||||
|
|
|
|||
|
|
@ -43,4 +43,4 @@ form:
|
|||
label: FUTURE.ADMIN.MODULAR.FEATURES.FEATURES_BUTTON_URL
|
||||
.buttonurl_target:
|
||||
type: checkbox
|
||||
label: FUTURE.ADMIN.MODULAR.FEATURES.FEATURES_BUTTON_URL_TARGET
|
||||
label: FUTURE.ADMIN.MODULAR.FEATURES.FEATURES_BUTTON_URL_TARGET
|
||||
|
|
@ -1,23 +1,17 @@
|
|||
extends@: default
|
||||
title: Portfolio
|
||||
'@extends': default
|
||||
|
||||
form:
|
||||
fields:
|
||||
tabs:
|
||||
type: tabs
|
||||
active: 1
|
||||
|
||||
fields:
|
||||
|
||||
portfolio:
|
||||
type: tab
|
||||
title: FUTURE.ADMIN.PORTFOLIO.PORTFOLIO_TAB
|
||||
|
||||
fields:
|
||||
|
||||
content_title:
|
||||
type: spacer
|
||||
title: FUTURE.ADMIN.PORTFOLIO.PORTFOLIO_TITLE
|
||||
|
||||
header.layout:
|
||||
type: select
|
||||
label: FUTURE.ADMIN.PORTFOLIO.PORTFOLIO_LAYOUT
|
||||
|
|
@ -25,8 +19,7 @@ form:
|
|||
size: medium
|
||||
options:
|
||||
medium: FUTURE.ADMIN.PORTFOLIO.PORTFOLIO_LAYOUT_TWOCOLS
|
||||
standard: FUTURE.ADMIN.PORTFOLIO.PORTOFOLIO_LAYOUT_THREECOLS
|
||||
|
||||
standard: FUTURE.ADMIN.PORTFOLIO.PORTOFOLIO_LAYOUT_THREECOLS
|
||||
header.images:
|
||||
type: list
|
||||
style: vertical
|
||||
|
|
@ -34,27 +27,27 @@ form:
|
|||
collapsed: true
|
||||
fields:
|
||||
.image:
|
||||
type: pagemediaselect
|
||||
label: FUTURE.ADMIN.PORTFOLIO.PORTFOLIO_IMAGE
|
||||
preview_images: true
|
||||
accept:
|
||||
- .png
|
||||
- .jpg
|
||||
- .gif
|
||||
- .svg
|
||||
type: pagemediaselect
|
||||
label: FUTURE.ADMIN.PORTFOLIO.PORTFOLIO_IMAGE
|
||||
preview_images: true
|
||||
accept:
|
||||
- .png
|
||||
- .jpg
|
||||
- .gif
|
||||
- .svg
|
||||
.title:
|
||||
type: text
|
||||
label: FUTURE.ADMIN.PORTFOLIO.PORTFOLIO_IMAGE_TITLE
|
||||
type: text
|
||||
label: FUTURE.ADMIN.PORTFOLIO.PORTFOLIO_IMAGE_TITLE
|
||||
.description:
|
||||
type: text
|
||||
label: FUTURE.ADMIN.PORTFOLIO.PORTFOLIO_IMAGE_DESCRIPTION
|
||||
type: text
|
||||
label: FUTURE.ADMIN.PORTFOLIO.PORTFOLIO_IMAGE_DESCRIPTION
|
||||
.thumb:
|
||||
type: filepicker
|
||||
folder: 'self@'
|
||||
label: FUTURE.ADMIN.PORTFOLIO.PORTFOLIO_IMAGE_THUMB
|
||||
preview_images: true
|
||||
accept:
|
||||
- .png
|
||||
- .jpg
|
||||
- .gif
|
||||
- .svg
|
||||
type: filepicker
|
||||
folder: 'self@'
|
||||
label: FUTURE.ADMIN.PORTFOLIO.PORTFOLIO_IMAGE_THUMB
|
||||
preview_images: true
|
||||
accept:
|
||||
- .png
|
||||
- .jpg
|
||||
- .gif
|
||||
- .svg
|
||||
|
|
@ -1,9 +1,22 @@
|
|||
<?php
|
||||
namespace Grav\Theme;
|
||||
|
||||
use Grav\Common\Grav;
|
||||
use Grav\Common\Theme;
|
||||
|
||||
class Future2021 extends Theme
|
||||
{
|
||||
public function onThemeInitialized()
|
||||
{
|
||||
|
||||
}
|
||||
|
||||
// Add images to twig template paths to allow inclusion of SVG files
|
||||
public function onTwigLoader()
|
||||
{
|
||||
$theme_paths = Grav::instance()['locator']->findResources('theme://images');
|
||||
foreach($theme_paths as $images_path) {
|
||||
$this->grav['twig']->addPath($images_path, 'images');
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
enabled: true
|
||||
production-mode: true
|
||||
production-mode: false
|
||||
favicon:
|
||||
user/themes/future2021/images/logo/Grav_logo.png:
|
||||
name: Grav_logo.png
|
||||
|
|
@ -36,3 +36,7 @@ social:
|
|||
icon: 'fa fa-instagram'
|
||||
miniposts: true
|
||||
miniposts_number: 3
|
||||
latestposts: true
|
||||
miniposts_category: minipost
|
||||
displaycustommenus:
|
||||
enabled: true
|
||||
1
images/grav-logo.svg
Normal file
1
images/grav-logo.svg
Normal file
|
|
@ -0,0 +1 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" viewBox="0 0 504 140" clip-rule="evenodd"><path d="M235.83 71.56h-7.98c-1.2 0-2.2 1-2.2 2.2V89.1l-.15.13c-4.7 3.96-10.64 6.14-16.72 6.14-14.36 0-26.04-11.68-26.04-26.04s11.68-26.04 26.04-26.04c5.58 0 10.92 1.76 15.44 5.1.87.66 2.1.57 2.86-.2l5.7-5.7c.44-.44.67-1.05.63-1.68-.02-.62-.32-1.2-.82-1.6-6.76-5.35-15.2-8.3-23.8-8.3-21.18 0-38.42 17.23-38.42 38.4 0 21.2 17.24 38.42 38.42 38.42 10.93 0 21.4-4.7 28.7-12.9.35-.4.55-.93.55-1.47v-19.6c0-1.22-.98-2.2-2.2-2.2M502.8 34.44c-.4-.6-1.1-.98-1.84-.98h-8.7c-.87 0-1.66.52-2 1.32l-24.5 56.84-24.9-56.85c-.36-.8-1.15-1.3-2.02-1.3h-8.72c-.74 0-1.44.36-1.84.98-.4.62-.48 1.4-.17 2.1l30.2 68.85c.34.8 1.13 1.32 2 1.32h11c.88 0 1.67-.53 2.02-1.33l29.66-68.87c.3-.68.22-1.47-.2-2.1"/><path d="M388.68 34.77c-.35-.8-1.14-1.32-2-1.32h-11c-.88 0-1.67.53-2.02 1.33L344 103.64c-.3.68-.22 1.47.18 2.08.4.62 1.1 1 1.84 1h8.7c.86 0 1.66-.53 2-1.33l24.5-56.86 24.9 56.86c.36.8 1.15 1.32 2.02 1.32h8.72c.74 0 1.44-.38 1.84-1 .4-.62.47-1.4.17-2.1l-30.2-68.85zM309.2 81.52l.47-.22c8.68-4.2 14.28-13.1 14.28-22.67 0-13.88-11.3-25.18-25.17-25.18H266.9c-1.2 0-2.2 1-2.2 2.2v68.86c0 1.23 1 2.22 2.2 2.22h8c1.2 0 2.2-1 2.2-2.2V45.8h21.68c7.05 0 12.8 5.75 12.8 12.8 0 5.9-4 11-9.73 12.42-1.04.26-2.07.4-3.07.4h-7.98c-.83 0-1.6.46-1.96 1.2-.38.73-.3 1.62.2 2.3l22.6 30.87c.42.58 1.08.92 1.78.92h9.9c.84 0 1.6-.47 1.97-1.2.37-.75.3-1.64-.2-2.3l-15.9-21.7zM107.2 80.97c-7.26-4.8-11.4-8.85-15.02-16.1-2.47 4.97-8.24 12.37-17.96 18.2-4.86 15.1-27.96 44-35.43 39.9-2.22-1.2-2.64-2.8-2.15-4.45.54-4.13 9.08-13.62 9.08-13.62s.18 2 2.92 6.18c-3.6-11.2 5.96-25.03 8.5-29.73 3.98-1.27 4.27-6.4 4.27-6.4.26-7.9-3.28-13.63-6.7-17.05 2.46 3 3.25 7.54 3.37 11.7v.02c0 .47 0 .93 0 1.4-.12 3.43-1.16 8.18-3.38 8.18v.03c-2.28-.1-5.1.4-7.63 1.18l-5.6 1.34s2.98-.13 4.6 1.25c-1.8 2.9-5.78 6.53-10.22 8.58-6.45 3-8.3-2.96-5.03-6.84.8-.94 1.62-1.74 2.38-2.4-.5-.5-.8-1.2-.88-2.06 0 0 0 0 0-.02-.46-1.97-.2-4.54 2.6-8.62.54-.86 1.2-1.75 2-2.65.02-.04.04-.07.07-.1.03-.04.07-.08.1-.12.02-.02.04-.04.06-.06.2-.23.42-.45.64-.67 3.34-3.4 8.6-6.96 16.9-10.15C64.4 43.68 67.94 41 67.94 41c1.07-1.1 2.94-2.45 3.63-2.8-5.05-8.77-6.07-21.15-4.75-24.5-.1.2-.2.38-.3.57.5-1.14.83-1.5 1.34-2.1 1.38-1.64 6.06-2.5 7.74.96.9 1.84 1.06 4.23 1.03 6.02-3.7-.2-7.06 4.04-7.06 4.04s3.07-1.46 6.88-1.5c0 0 1 .9 2.28 2.56-1.7 3.2-4.52 10.02-2.5 17.16.35 1.4.86 2.62 1.5 3.65.02.05.04.1.07.14.05.07.1.13.14.2 3.37 5.06 9.54 5.66 9.54 5.66-2.9-1.45-5.27-3.76-6.8-6.56-.82-1.5-1.3-2.77-1.6-3.77-1.64-6.3.77-10 2.14-12.47 3.17-4.9 8.95-7.9 15.15-7.18 8.72 1 14.97 8.86 13.98 17.57-.6 5.32-3.78 9.72-8.15 12.12 1.05 2.84-.07 6.28-.07 6.28 2.64 3.32 2.76 5.23 2.67 7-3.36-.55-6.62 1.7-6.62 1.7s6.48-1.53 10.24 1.82c2.44 2.64 4.08 5 5.05 6.77 1.4 2.5 7.86 2.68 7.12 7.2-.74 4.5-5.68 4.53-13.4-.57M69.56 0C31.15 0 0 31.15 0 69.57c0 38.42 31.15 69.57 69.57 69.57 38.42 0 69.57-31.15 69.57-69.57C139.14 31.15 108 0 69.57 0M73.8 51.7c.8-.82.8-2.14 0-2.95-.82-.82-2.14-.82-2.95 0-.82.8-.82 2.13 0 2.94.8.8 2.13.8 2.95 0M66.45 53.15c-.82.8-.82 2.13 0 2.95.8.8 2.13.8 2.94 0 .8-.82.8-2.14 0-2.95-.82-.8-2.14-.8-2.95 0"/><path d="M79.23 54.23c-1.27-1.27-3.34-1.27-4.6 0l-2.72 2.7c-1.27 1.3-1.27 3.35 0 4.63l3 2.97c1.26 1.28 3.32 1.28 4.6 0l2.7-2.7c1.28-1.28 1.28-3.35 0-4.62l-2.97-2.97zM95.76 41.44c-2.15-2.57 1.87-7.25 4.4-4.46 4.64 5.15-2.25 7.04-4.4 4.46m9.24 2.7c3.45-6.56-1.42-10.4-4.77-13.53-5.36-5.03-10.7-7.2-16.8-.23-6.1 6.98-2.24 15.07 3.35 19.06 5.58 4 14.78 1.25 18.22-5.3"/></svg>
|
||||
|
After Width: | Height: | Size: 3.4 KiB |
|
|
@ -2,8 +2,10 @@ en:
|
|||
FUTURE:
|
||||
ADMIN:
|
||||
THEME:
|
||||
DROPDOWN_MENU: Dropdown menu
|
||||
PRODUCTION_MODE: Production Mode
|
||||
PRODUCTION_MODE_HELP: When enabled, Future will render with minified CSS
|
||||
HEADER_SECTION: Header Section
|
||||
FAVICON: Choose your own favicon
|
||||
CUSTOM_LOGO: Custom Logo
|
||||
CUSTOM_LOGO_DESCRIPTION: Will be used instead of default logo `theme://images/grav-logo.svg`
|
||||
|
|
@ -131,6 +133,7 @@ es:
|
|||
DROPDOWN_MENU: Menu Desplegable
|
||||
PRODUCTION_MODE: Modo Producción
|
||||
PRODUCTION_MODE_HELP: Si está activado, Future cargará con CSS minificado
|
||||
HEADER_SECTION: Sección de encabezado
|
||||
FAVICON: Elige tu propio favicon
|
||||
CUSTOM_LOGO: Logo personalizado
|
||||
CUSTOM_LOGO_DESCRIPTION: Este logo se usará en lugar del log por defecto `theme://images/grav-logo.svg`
|
||||
|
|
@ -249,3 +252,4 @@ es:
|
|||
FEATURED: Destacados
|
||||
PRIVACY: Al usar este formulario estás de acuerdo con nuestra
|
||||
FORM_SUMMARY: Aquí está el resumen de lo que nos escribió.
|
||||
|
||||
|
|
|
|||
|
|
@ -3,6 +3,16 @@
|
|||
{% set collection = page.collection() %}
|
||||
{% set base_url = page.url %}
|
||||
{% set feed_url = base_url %}
|
||||
{% if page.header.show_breadcrumbs is defined %}
|
||||
{% set show_breadcrumbs = page.header.show_breadcrumbs %}
|
||||
{% else %}
|
||||
{% set show_breadcrumbs = true %}
|
||||
{% endif %}
|
||||
{% if page.header.show_pagination is defined %}
|
||||
{% set show_pagination = page.header.show_pagination %}
|
||||
{% else %}
|
||||
{% set show_pagination = true %}
|
||||
{% endif %}
|
||||
|
||||
{% if base_url == '/' %}
|
||||
{% set base_url = '' %}
|
||||
|
|
@ -17,16 +27,16 @@
|
|||
{% endblock %}
|
||||
|
||||
{% block content %}
|
||||
{% if config.plugins.breadcrumbs.enabled %}
|
||||
{% include 'partials/breadcrumbs.html.twig' %}
|
||||
{% if show_breadcrumbs and config.plugins.breadcrumbs.enabled %}
|
||||
{% include 'partials/breadcrumbs.html.twig' %}
|
||||
{% endif %}
|
||||
|
||||
{% for child in collection %}
|
||||
{% include 'partials/blog_item.html.twig' with {'page':child, 'truncate':true} %}
|
||||
{% endfor %}
|
||||
|
||||
{% if config.plugins.pagination.enabled and collection.params.pagination %}
|
||||
{% include 'partials/pagination.html.twig' with {'pagination':collection.params.pagination} %}
|
||||
{% if show_pagination and config.plugins.pagination.enabled and collection.params.pagination %}
|
||||
{% include 'partials/pagination.html.twig' with {base_url: page.url, pagination: collection.params.pagination} %}
|
||||
{% endif %}
|
||||
{% endblock %}
|
||||
|
||||
|
|
|
|||
|
|
@ -1,29 +1,31 @@
|
|||
{% embed 'partials/base.html.twig' %}
|
||||
{% set base_url = page.parent.url %}
|
||||
{% set feed_url = base_url %}
|
||||
{% set base_url = page.parent.url %}
|
||||
{% set feed_url = base_url %}
|
||||
{% set show_breadcrumbs = header_var('show_breadcrumbs', [page, blog]) %}
|
||||
|
||||
{% if base_url == '/' %}
|
||||
{% set base_url = '' %}
|
||||
{% endif %}
|
||||
|
||||
{% if base_url == base_url_relative %}
|
||||
{% set feed_url = base_url~'/'~page.parent.slug %}
|
||||
{% endif %}
|
||||
|
||||
{% block menu %}
|
||||
{% include 'partials/sidebar_right.html.twig' %}
|
||||
{% endblock %}
|
||||
|
||||
{% block content %}
|
||||
{% if config.plugins.breadcrumbs.enabled %}
|
||||
{% include 'partials/breadcrumbs.html.twig' %}
|
||||
{% if base_url == '/' %}
|
||||
{% set base_url = '' %}
|
||||
{% endif %}
|
||||
|
||||
{% include 'partials/blog_item.html.twig' with {'truncate':false,'big_header':true} %}
|
||||
{% if base_url == base_url_relative %}
|
||||
{% set feed_url = base_url~'/'~page.parent.slug %}
|
||||
{% endif %}
|
||||
|
||||
{% block menu %}
|
||||
{% include 'partials/sidebar_right.html.twig' %}
|
||||
{% endblock %}
|
||||
|
||||
<section id="footer" class="align-center">
|
||||
{% include 'partials/footer.html.twig' %}
|
||||
</section>
|
||||
{% endblock %}
|
||||
{% block content %}
|
||||
|
||||
{% if show_breadcrumbs and config.plugins.breadcrumbs.enabled %}
|
||||
{% include 'partials/breadcrumbs.html.twig' %}
|
||||
{% endif %}
|
||||
|
||||
{% include 'partials/blog_item.html.twig' with {'truncate':false} %}
|
||||
|
||||
<section id="footer" class="align-center">
|
||||
{% include 'partials/footer.html.twig' %}
|
||||
</section>
|
||||
{% endblock %}
|
||||
|
||||
{% endembed %}
|
||||
|
|
|
|||
|
|
@ -6,7 +6,7 @@
|
|||
<li class="{{ current_page }}">
|
||||
<a>
|
||||
{% if p.header.icon %}<i class="fa fa-{{ p.header.icon }}"></i>{% endif %}
|
||||
<span>{{ p.menu }}{% if p.routable == false %} <i class="fa fa-angle-down"></i>{% endif %}</span>
|
||||
<span>{{ p.menu }}{% if p.routable ?? false %} <i class="fa fa-angle-down"></i>{% endif %}</span>
|
||||
</a>
|
||||
<ul>
|
||||
{{ macros.nav_loop(p) }}
|
||||
|
|
@ -21,4 +21,4 @@
|
|||
</li>
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
{% endmacro %}
|
||||
{% endmacro %}
|
||||
|
|
@ -11,19 +11,16 @@
|
|||
<article class="post">
|
||||
<header>
|
||||
<div class="title">
|
||||
<h2>{{ page.header.title }}</h2>
|
||||
{% if page.header.subtitle %}
|
||||
<p>{{ page.header.subtitle }}</p>
|
||||
{% endif %}
|
||||
<h2>{{ page.header.title }}</h2>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
{% if page.header.primaryImage %}
|
||||
{{ page.media[page.header.primaryImage].cropZoom(1038,437).loading('lazy').html(page.title, page.title, 'image featured')|raw }}
|
||||
{% else %}
|
||||
{{ page.media.images|first.cropZoom(1038,437).loading('lazy').html(page.title, page.title, 'image featured')|raw }}
|
||||
{% endif %}
|
||||
{{ page.content|raw}}
|
||||
{% if page.header.primaryImage %}
|
||||
{{ page.media[page.header.primaryImage].cropZoom(1038,437).loading('lazy').html(page.title, page.title, 'image featured')|raw }}
|
||||
{% else %}
|
||||
{{ page.media.images|first.cropZoom(1038,437).loading('lazy').html(page.title, page.title, 'image featured')|raw }}
|
||||
{% endif %}
|
||||
{{ page.content|raw}}
|
||||
{% for module in page.collection() %}
|
||||
{{ module.content|raw }}
|
||||
{% endfor %}
|
||||
|
|
|
|||
|
|
@ -1,10 +1,14 @@
|
|||
<section id="banner">
|
||||
<div class="content">
|
||||
<header>
|
||||
<h1>{{ page.title}}</h1>
|
||||
<p>{{page.header.subtitle}}</p>
|
||||
<h2>{{ page.title}}</h2>
|
||||
{% if page.header.subtitle %}
|
||||
<p>{{ page.header.subtitle }}</p>
|
||||
{% endif %}
|
||||
</header>
|
||||
<p>{{page.content|raw}}</p>
|
||||
|
||||
{{page.content|raw}}
|
||||
|
||||
<ul class="actions">
|
||||
<li><a href="{{page.header.buttonurl}}" class="button">{{page.header.buttontext}}</a></li>
|
||||
</ul>
|
||||
|
|
|
|||
|
|
@ -3,6 +3,9 @@
|
|||
<section id="features">
|
||||
<header>
|
||||
<h2>{{ page.title }}</h2>
|
||||
{% if page.header.subtitle %}
|
||||
<p>{{ page.header.subtitle }}</p>
|
||||
{% endif %}
|
||||
</header>
|
||||
{{ content|raw }}
|
||||
|
||||
|
|
|
|||
|
|
@ -1,7 +1,6 @@
|
|||
{% set theme_config = attribute(config.themes, config.system.pages.theme) %}
|
||||
{% set compress = theme_var('production-mode') ? '.min.css' : '.css' %}
|
||||
{% set favicon = theme_config.favicon ? theme_config.favicon|first : { type:'image/png', path: url('theme://images/logo.png') } %}
|
||||
{% set customlogo = theme_config.custom_logo ? theme_config.custom_logo|first : {type:'image/png', path: url('theme://images/logo.png') } %}
|
||||
{% set favicon = theme_config.favicon ? theme_config.favicon|first : { type:'image/png', path: url('theme://images/favicon.png') } %}
|
||||
{% set new_base_url = base_url_absolute ~ theme_config.blog_page %}
|
||||
|
||||
<!DOCTYPE html>
|
||||
|
|
@ -19,7 +18,7 @@
|
|||
|
||||
{% block stylesheets %}
|
||||
{% do assets.addCss('theme://assets/css/main'~compress) %}
|
||||
{% do assets.addCss('theme://assets/css/font-awesome.min.css') %}
|
||||
{% do assets.addCss('theme://assets/css/fontawesome-all.min.css') %}
|
||||
{% do assets.addCss('theme://assets/css/custom.css', 10) %}
|
||||
{% if page.template() == 'portfolio' %}
|
||||
{% do assets.addCss('theme://assets/css/glightbox.min.css') %}
|
||||
|
|
@ -62,6 +61,8 @@
|
|||
|
||||
{% endblock %}
|
||||
|
||||
<a id="back-to-top" href="#"><i class="fa fa-chevron-up"></i></a>
|
||||
|
||||
{% block bottom %}
|
||||
{{ assets.js('bottom')|raw }}
|
||||
{% if page.template() == 'portfolio' %}
|
||||
|
|
@ -77,7 +78,6 @@
|
|||
{% endif %}
|
||||
{% endblock %}
|
||||
</div>
|
||||
<a id="back-to-top" href="#"><i class="fa fa-chevron-up"></i></a>
|
||||
</body>
|
||||
</html>
|
||||
<!--
|
||||
|
|
|
|||
9
templates/partials/logo.html.twig
Normal file
9
templates/partials/logo.html.twig
Normal file
|
|
@ -0,0 +1,9 @@
|
|||
{% set logo = theme_var(mobile ? 'custom_logo_mobile' : 'custom_logo') %}
|
||||
<a href="{{ home_url }}" class="logo">
|
||||
{% if logo %}
|
||||
{% set logo_file = (logo|first).name %}
|
||||
<img src="{{ url('theme://images/logo/' ~ logo_file) }}" alt="{{ site.title }}" />
|
||||
{% else %}
|
||||
{% include('@images/grav-logo.svg') %}
|
||||
{% endif %}
|
||||
</a>
|
||||
|
|
@ -2,5 +2,17 @@
|
|||
|
||||
<ul>
|
||||
{{ macros.nav_loop(pages) }}
|
||||
</ul>
|
||||
|
||||
{% if theme_var('displaycustommenus.enabled') %}
|
||||
{% for mitem in theme_var('custommenu') %}
|
||||
<li>
|
||||
<a href="{{ mitem.url }}" target="{{ mitem.target }}">
|
||||
{% if mitem.icon %}
|
||||
<i class="fa fa-{{ mitem.icon }}"></i>
|
||||
{% endif %}
|
||||
<span>{{ mitem.text }}</span>
|
||||
</a>
|
||||
</li>
|
||||
{% endfor %}
|
||||
{% endif %}
|
||||
</ul>
|
||||
|
|
|
|||
|
|
@ -1,7 +1,7 @@
|
|||
<section id="sidebar">
|
||||
<!-- Intro -->
|
||||
<section id="intro">
|
||||
<a href="{{home_url}}" class="logo">{% if customlogo %}<img src="{{ url( customlogo.path ) }}" alt="{{site.title}}" /></a>{% else %}<a href="{{home_url}}" class="">{{site.title}}</a>{% endif %}
|
||||
{% include 'partials/logo.html.twig' %}
|
||||
<header>
|
||||
<h2>{{ site.title|e('html') }}</h2>
|
||||
<p>{{theme_config.slogan|raw}}</a></p>
|
||||
|
|
|
|||
|
|
@ -1,35 +1,40 @@
|
|||
{% block menu_navigation %}
|
||||
{% macro loop(page) %}
|
||||
{% for p in page.children.visible %}
|
||||
{% for p in page.children.visible %}
|
||||
{% set current_page = (p.active or p.activeChild) ? 'active' : '' %}
|
||||
{% if p.children.visible.count > 0 %}
|
||||
<li class="{{ current_page }}">
|
||||
{% if p.routable == false and p.children.count > 0%}
|
||||
<a class="dropdown-btn">
|
||||
{% if p.header.icon %}<i class="fa fa-{{ p.header.icon }}"></i>{% endif %}
|
||||
<i class="fa fa-caret-down"></i>
|
||||
<span>{{ p.menu }}</span>
|
||||
<span>{{ p.menu }}{% if p.routable ?? false %} <i class="fa fa-caret-down"></i>{% endif %}</span>
|
||||
</a>
|
||||
<ul class="subitem_hide">
|
||||
{{ _self.loop(p) }}
|
||||
</ul>
|
||||
{% else %}
|
||||
</li>
|
||||
{% else %}
|
||||
<li class="{{ current_page }}">
|
||||
<a href="{{ p.url }}">
|
||||
{% if p.header.icon %}<i class="fa fa-{{ p.header.icon }}"></i>{% endif %}
|
||||
<span>{{ p.menu }}</span>
|
||||
</a>
|
||||
{% endif %}
|
||||
</li>
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
{% endmacro %}
|
||||
<ul class="menulink">
|
||||
{{ _self.loop(pages) }}
|
||||
{% for mitem in site.menu %}
|
||||
<li>
|
||||
<a href="{{ mitem.url }}">
|
||||
{% if mitem.icon %}<i class="fa fa-{{ mitem.icon }}"></i>{% endif %}
|
||||
{{ mitem.text }}
|
||||
</a>
|
||||
</li>
|
||||
{% endfor %}
|
||||
{{ _self.loop(pages) }}
|
||||
{% if theme_var('displaycustommenus.enabled') %}
|
||||
{% for mitem in theme_var('menu') %}
|
||||
<li>
|
||||
<a href="{{ mitem.url }}" target="{{ mitem.target }}">
|
||||
{% if mitem.icon %}
|
||||
<i class="fa fa-{{ mitem.icon }}"></i>
|
||||
{% endif %}
|
||||
<span>{{ mitem.text }}</span>
|
||||
</a>
|
||||
</li>
|
||||
{% endfor %}
|
||||
{% endif %}
|
||||
</ul>
|
||||
{% endblock %}
|
||||
{% endblock %}
|
||||
|
|
@ -1,10 +1,10 @@
|
|||
<section class="search-row">
|
||||
|
||||
{% set banner = page.media.images|first %}
|
||||
{% set banner = page.media[page.header.primaryImage].loading('lazy').html(page.title,page.title)|raw ?: page.media.images|first %}
|
||||
|
||||
{% if banner %}
|
||||
<div class="search-image">
|
||||
<a href="{{ page.url }}">{{ banner.cropZoom(100,100).html|raw }}</a>
|
||||
<a href="{{ page.url }}">{{ banner }}</a>
|
||||
</div>
|
||||
{% endif %}
|
||||
<div class="search-item">
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue