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

Fix version 1.0.2

Browse source
This commit is contained in:
pmoreno.rodriguez 2023-01-05 22:17:26 +01:00
parent 656c2a59e4
commit a0982cbacf
7 changed files with 81 additions and 3234 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

118
assets/sass/layout/_intro.scss
View file

@ -6,82 +6,82 @@
/* Intro */ /* Intro */
#intro { #intro {
.logo { .logo {
border-bottom: 0; border-bottom: 0;
display: inline-block; display: inline-block;
margin: 0 0 (_size(element-margin) * 0.5) 0; margin: 0 0 (_size(element-margin) * 0.5) 0;
overflow: hidden; overflow: hidden;
position: relative; position: relative;
width: 4em; width: 4em;
&:before { &:before {
background-image: svg-url('<svg xmlns="http://www.w3.org/2000/svg" width="100px" height="100px" viewBox="0 0 100 100" preserveAspectRatio="none" zoomAndPan="disable"><polygon points="0,0 100,0 100,25 50,0 0,25" style="fill:#{_palette(bg-alt)}" /><polygon points="0,100 100,100 100,75 50,100 0,75" style="fill:#{_palette(bg-alt)}" /></svg>'); background-image: svg-url('<svg xmlns="http://www.w3.org/2000/svg" width="100px" height="100px" viewBox="0 0 100 100" preserveAspectRatio="none" zoomAndPan="disable"><polygon points="0,0 100,0 100,25 50,0 0,25" style="fill:#{_palette(bg-alt)}" /><polygon points="0,100 100,100 100,75 50,100 0,75" style="fill:#{_palette(bg-alt)}" /></svg>');
background-position: top left; background-position: top left;
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
content: ''; content: '';
display: block; display: block;
height: 100%; height: 100%;
left: 0; left: 0;
position: absolute; position: absolute;
top: 0; top: 0;
width: 100%; width: 100%;
}
img {
display: block;
margin-left: -0.25em;
width: 4.5em;
}
} }
img {
display: block;
margin-left: -0.25em;
width: 4.5em;
}
}
header {
h2 {
font-size: 2em;
font-weight: _font(weight-heading-extrabold);
}
p {
font-size: 0.8em;
}
}
@include breakpoint('<=large') {
margin: 0 0 _size(section-spacing) 0;
text-align: center;
header { header {
h2 { h2 {
font-size: 2em; font-size: 2em;
font-weight: _font(weight-heading-extrabold);
} }
p { p {
font-size: 0.7em; font-size: 0.8em;
} }
} }
}
@include breakpoint('<=small') { @include breakpoint('<=large') {
margin: 0 0 _size(section-spacing-small) 0; margin: 0 0 _size(section-spacing) 0;
padding: 1.25em 0; text-align: center;
> :last-child { header {
margin-bottom: 0; h2 {
} font-size: 2em;
}
.logo { p {
margin: 0 0 (_size(element-margin) * 0.25) 0; font-size: 0.7em;
} }
header {
h2 {
font-size: 1.25em;
} }
}
@include breakpoint('<=small') {
margin: 0 0 _size(section-spacing-small) 0;
padding: 1.25em 0;
> :last-child { > :last-child {
margin-bottom: 0; margin-bottom: 0;
} }
.logo {
margin: 0 0 (_size(element-margin) * 0.25) 0;
}
header {
h2 {
font-size: 1.25em;
}
> :last-child {
margin-bottom: 0;
}
}
} }
} }
}

3150
assets/sass/main.css
View file

File diff suppressed because it is too large Load diff

4
templates/formdata.html.twig
View file

@ -2,10 +2,10 @@
{% block content %} {% block content %}
<article class="post"> <article class="post">
<div class="title"> <div class="title">
<h2>{{ form.message }}</h2> <h2>{{ form.message }}</h2>
</div> </div>
<div class="meta"> <div class="meta">
<time class="published" datetime="{{form.date|date("Y-m-d")}}">{{ form.date|date("M j, Y")}}</time> <time class="published" datetime="{{form.date|dateTranslate(grav.config.system.pages.dateformat.short)}}">{{ form.date|dateTranslate(grav.config.system.pages.dateformat.short)}}</time>
</div> </div>
</header> </header>
<p>{{'FUTURE.FORM_SUMMARY'|t}}</p> <p>{{'FUTURE.FORM_SUMMARY'|t}}</p>

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

@ -1,8 +1,8 @@
<section> <section>
<ul class="posts"> <ul class="posts">
{% for p in page.find(theme_config.blog_page).children.order('date', 'desc').slice(0, 5) %} {% for p in page.find(theme_config.blog_page).children.order('date', 'desc').slice(0, 5) %}
{% if p.header.primaryImage %} {% if p.header.primaryImage %}
{% set bannerimage = p.media[p.header.primaryImage]%} {% set bannerimage = p.media[p.header.primaryImage]%}
{% else %} {% else %}
{% set bannerimage = p.media.images|first %} {% set bannerimage = p.media.images|first %}
@ -11,7 +11,7 @@
<article> <article>
<header> <header>
<h3><a href="{{p.url}}">{{ p.title }}</a></h3> <h3><a href="{{p.url}}">{{ p.title }}</a></h3>
<time class="published" datetime="{{p.date|date("Y-m-d")}}">{{ p.date|date("M j, Y")}}</time> <time class="published" datetime="{{p.date|dateTranslate(grav.config.system.pages.dateformat.short)}}">{{ p.date|dateTranslate(grav.config.system.pages.dateformat.short)}}</time>
</header> </header>
<a href="{{p.url}}" class="image"> <a href="{{p.url}}" class="image">
{{ bannerimage.cropZoom(64,64).quality(60).loading('lazy').html('',p.title)|raw }} {{ bannerimage.cropZoom(64,64).quality(60).loading('lazy').html('',p.title)|raw }}

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

@ -1,16 +1,12 @@
<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.author %}
{% if page.header.metadata.author %} {% set author = page.header.author %}
{% set author = page.header.metadata.author %} {% else %}
{% elseif page.header.author %} {% set author = page.header.taxonomy.author[0] %}
{% set author = page.header.author %} {% endif %}
{% else %} {% if author %}
{% set author = page.header.taxonomy.author[0] %} {% set avatar = author|replace(' ', '-')|lower %}
{% endif %} {% endif %}
{% if author %}
{% set avatar = author|replace(' ', '-')|lower %}
{% endif %}
<header> <header>
<div class="title"> <div class="title">
@ -37,9 +33,9 @@
</header> </header>
{% if page.header.primaryImage %} {% if page.header.primaryImage %}
<a href="{{ page.url }}">{{ page.media[page.header.primaryImage].cropZoom(1038,437).loading('lazy').html(page.title, page.title, 'image featured')|raw }}</a> <a href="{{ page.url }}" class="image featured">{{ page.media[page.header.primaryImage].cropZoom(1038,437).loading('lazy').html(page.title, page.title, 'image featured')|raw }}</a>
{% else %} {% else %}
<a href="{{ page.url }}">{{ page.media.images|first.cropZoom(1038,437).loading('lazy').html(page.title, page.title, 'image featured')|raw }}</a> <a href="{{ page.url }}" class="image featured">{{ page.media.images|first.cropZoom(1038,437).loading('lazy').html(page.title, page.title, 'image featured')|raw }}</a>
{% endif %} {% endif %}
@ -93,4 +89,5 @@
</ul> </ul>
</footer> </footer>
</article>
</article>

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

@ -6,16 +6,16 @@
<h3>{{ 'FUTURE.FEATURED'|t }}</h3> <h3>{{ 'FUTURE.FEATURED'|t }}</h3>
</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) %}
<article class="mini-post"> <article class="mini-post">
<header> <header>
<h3><a href="{{ p.url }}">{{ p.title }}</a></h3> <h3><a href="{{ p.url }}">{{ p.title }}</a></h3>
<time class="published" datetime="2015-10-20">{{ p.date|date("M j, Y")}}</time> <time class="published" datetime="{{p.date|dateTranslate(grav.config.system.pages.dateformat.short)}}">{{ p.date|dateTranslate(grav.config.system.pages.dateformat.short)}}</time>
<a href="{{ p.url }}" class="author"><img src="{{ p.media[p.header.avatarImage].url}}" alt="" /></a> <a href="{{ p.url }}" class="author"><img src="{{ p.media[p.header.avatarImage].url}}" alt="" /></a>
</header> </header>
<a href="{{ p.url }}" class="image"> <a href="{{ p.url }}" class="image">
{% if p.header.primaryImage %} {% if p.header.primaryImage %}
{{ p.media[p.header.primaryImage].cropZoom(1038,437).loading('lazy').html('',p.title)|raw}} {{ p.media[p.header.primaryImage].cropZoom(1038,437).loading('lazy').html('',p.title)|raw}}
{% else %} {% else %}
@ -23,7 +23,7 @@
{% endif %} {% endif %}
</a> </a>
</article> </article>
{% endfor %} {% endfor %}
</div> </div>
</section> </section>

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

@ -13,7 +13,7 @@
</div> </div>
<div class="search-details"> <div class="search-details">
<span class="search-date">{{ page.date|date(config.system.pages.dateformat.short) }}</span> <span class="search-date">{{ page.date|dateTranslate(config.system.pages.dateformat.short) }}</span>
</div> </div>
<p>{{ page.summary|truncate(200)|raw }}</p> <p>{{ page.summary|truncate(200)|raw }}</p>