mirror of
https://github.com/pmoreno-rodriguez/grav-theme-future2021.git
synced 2025-07-02 16:18:54 +00:00
Fix version 1.0.2
This commit is contained in:
pmoreno.rodriguez
parent
656c2a59e4
commit
a0982cbacf
7 changed files with 81 additions and 3234 deletions
|
|
@ -6,82 +6,82 @@
|
|||
|
||||
/* Intro */
|
||||
|
||||
#intro {
|
||||
.logo {
|
||||
border-bottom: 0;
|
||||
display: inline-block;
|
||||
margin: 0 0 (_size(element-margin) * 0.5) 0;
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
width: 4em;
|
||||
#intro {
|
||||
.logo {
|
||||
border-bottom: 0;
|
||||
display: inline-block;
|
||||
margin: 0 0 (_size(element-margin) * 0.5) 0;
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
width: 4em;
|
||||
|
||||
&: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-position: top left;
|
||||
background-repeat: no-repeat;
|
||||
background-size: 100% 100%;
|
||||
content: '';
|
||||
display: block;
|
||||
height: 100%;
|
||||
left: 0;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
&: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-position: top left;
|
||||
background-repeat: no-repeat;
|
||||
background-size: 100% 100%;
|
||||
content: '';
|
||||
display: block;
|
||||
height: 100%;
|
||||
left: 0;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
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 {
|
||||
h2 {
|
||||
font-size: 2em;
|
||||
font-weight: _font(weight-heading-extrabold);
|
||||
}
|
||||
|
||||
p {
|
||||
font-size: 0.7em;
|
||||
font-size: 0.8em;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@include breakpoint('<=small') {
|
||||
margin: 0 0 _size(section-spacing-small) 0;
|
||||
padding: 1.25em 0;
|
||||
@include breakpoint('<=large') {
|
||||
margin: 0 0 _size(section-spacing) 0;
|
||||
text-align: center;
|
||||
|
||||
> :last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
header {
|
||||
h2 {
|
||||
font-size: 2em;
|
||||
}
|
||||
|
||||
.logo {
|
||||
margin: 0 0 (_size(element-margin) * 0.25) 0;
|
||||
}
|
||||
|
||||
header {
|
||||
h2 {
|
||||
font-size: 1.25em;
|
||||
p {
|
||||
font-size: 0.7em;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@include breakpoint('<=small') {
|
||||
margin: 0 0 _size(section-spacing-small) 0;
|
||||
padding: 1.25em 0;
|
||||
|
||||
> :last-child {
|
||||
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
3150
assets/sass/main.css
File diff suppressed because it is too large
Load diff
|
|
@ -2,10 +2,10 @@
|
|||
{% block content %}
|
||||
<article class="post">
|
||||
<div class="title">
|
||||
<h2>{{ form.message }}</h2>
|
||||
<h2>{{ form.message }}</h2>
|
||||
</div>
|
||||
<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>
|
||||
</header>
|
||||
<p>{{'FUTURE.FORM_SUMMARY'|t}}</p>
|
||||
|
|
|
|||
|
|
@ -1,8 +1,8 @@
|
|||
<section>
|
||||
<ul class="posts">
|
||||
{% 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]%}
|
||||
{% else %}
|
||||
{% set bannerimage = p.media.images|first %}
|
||||
|
|
@ -11,7 +11,7 @@
|
|||
<article>
|
||||
<header>
|
||||
<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>
|
||||
<a href="{{p.url}}" class="image">
|
||||
{{ bannerimage.cropZoom(64,64).quality(60).loading('lazy').html('',p.title)|raw }}
|
||||
|
|
|
|||
|
|
@ -1,16 +1,12 @@
|
|||
<article class="post" itemprop="liveBlogUpdate" itemscope itemtype="http://schema.org/BlogPosting">
|
||||
|
||||
{% if page.header.metadata.author %}
|
||||
{% set author = page.header.metadata.author %}
|
||||
{% elseif page.header.author %}
|
||||
{% set author = page.header.author %}
|
||||
{% else %}
|
||||
{% set author = page.header.taxonomy.author[0] %}
|
||||
{% endif %}
|
||||
|
||||
{% if author %}
|
||||
{% set avatar = author|replace(' ', '-')|lower %}
|
||||
{% endif %}
|
||||
{% if page.header.author %}
|
||||
{% set author = page.header.author %}
|
||||
{% else %}
|
||||
{% set author = page.header.taxonomy.author[0] %}
|
||||
{% endif %}
|
||||
{% if author %}
|
||||
{% set avatar = author|replace(' ', '-')|lower %}
|
||||
{% endif %}
|
||||
|
||||
<header>
|
||||
<div class="title">
|
||||
|
|
@ -37,9 +33,9 @@
|
|||
</header>
|
||||
|
||||
{% 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 %}
|
||||
<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 %}
|
||||
|
||||
|
||||
|
|
@ -93,4 +89,5 @@
|
|||
</ul>
|
||||
</footer>
|
||||
|
||||
</article>
|
||||
|
||||
</article>
|
||||
|
|
|
|||
|
|
@ -6,16 +6,16 @@
|
|||
<h3>{{ 'FUTURE.FEATURED'|t }}</h3>
|
||||
</header>
|
||||
<div class="mini-posts">
|
||||
|
||||
|
||||
{% for p in page.evaluate({'@taxonomy.category':miniposts_category}).order('header.order', 'asc').slice(0,miniposts_number) %}
|
||||
<article class="mini-post">
|
||||
<header>
|
||||
<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>
|
||||
</header>
|
||||
<a href="{{ p.url }}" class="image">
|
||||
|
||||
|
||||
{% if p.header.primaryImage %}
|
||||
{{ p.media[p.header.primaryImage].cropZoom(1038,437).loading('lazy').html('',p.title)|raw}}
|
||||
{% else %}
|
||||
|
|
@ -23,7 +23,7 @@
|
|||
{% endif %}
|
||||
</a>
|
||||
</article>
|
||||
|
||||
|
||||
{% endfor %}
|
||||
</div>
|
||||
</section>
|
||||
|
|
|
|||
|
|
@ -13,7 +13,7 @@
|
|||
</div>
|
||||
|
||||
<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>
|
||||
|
||||
<p>{{ page.summary|truncate(200)|raw }}</p>
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue