mirror of
https://github.com/pmoreno-rodriguez/grav-theme-future2021.git
synced 2025-07-24 10:58:57 +00:00
Merge branch 'main' of https://github.com/pmoreno-rodriguez/grav-theme-future2021 into main
This commit is contained in:
pmoreno.rodriguez
commit
35bd63740e
6 changed files with 74 additions and 132 deletions
|
|
@ -3004,6 +3004,19 @@ body.single #wrapper {
|
|||
position: relative;
|
||||
width: 4em;
|
||||
}
|
||||
#intro .logo:before {
|
||||
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100px' height='100px' viewBox='0 0 100 100' preserveAspectRatio='none' zoomAndPan='disable'%3E%3Cpolygon points='0,0 100,0 100,25 50,0 0,25' style='fill:%23f4f4f4' /%3E%3Cpolygon points='0,100 100,100 100,75 50,100 0,75' style='fill:%23f4f4f4' /%3E%3C/svg%3E");
|
||||
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%;
|
||||
}
|
||||
#intro .logo img {
|
||||
display: block;
|
||||
margin-left: -0.25em;
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
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
|
|
@ -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%;
|
||||
}
|
||||
|
||||
img {
|
||||
display: block;
|
||||
margin-left: -0.25em;
|
||||
width: 4.5em;
|
||||
}
|
||||
&: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;
|
||||
}
|
||||
}
|
||||
|
||||
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.8em;
|
||||
font-size: 0.7em;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@include breakpoint('<=large') {
|
||||
margin: 0 0 _size(section-spacing) 0;
|
||||
text-align: center;
|
||||
@include breakpoint('<=small') {
|
||||
margin: 0 0 _size(section-spacing-small) 0;
|
||||
padding: 1.25em 0;
|
||||
|
||||
header {
|
||||
h2 {
|
||||
font-size: 2em;
|
||||
}
|
||||
|
||||
p {
|
||||
font-size: 0.7em;
|
||||
}
|
||||
}
|
||||
> :last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
@include breakpoint('<=small') {
|
||||
margin: 0 0 _size(section-spacing-small) 0;
|
||||
padding: 1.25em 0;
|
||||
.logo {
|
||||
margin: 0 0 (_size(element-margin) * 0.25) 0;
|
||||
}
|
||||
|
||||
header {
|
||||
h2 {
|
||||
font-size: 1.25em;
|
||||
}
|
||||
|
||||
> :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;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -56,7 +56,7 @@
|
|||
{% endif %}
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<footer>
|
||||
<ul class="actions">
|
||||
{% if truncate and page.summary != page.content %}
|
||||
|
|
@ -88,6 +88,4 @@
|
|||
</a></li>
|
||||
</ul>
|
||||
</footer>
|
||||
|
||||
|
||||
</article>
|
||||
|
|
|
|||
|
|
@ -1,62 +0,0 @@
|
|||
<article class="event-article">
|
||||
<header class="event-header">
|
||||
{% set image = page.media.images|first %}
|
||||
{% if image != null %}
|
||||
{{ image.cropZoom(960,280).html }}
|
||||
{% endif %}
|
||||
</header>
|
||||
|
||||
<section class="event">
|
||||
<div class="event-left-column"> {# date and time #}
|
||||
{% if single == true %} {# individual content page #}
|
||||
{% else %} {# main listing page #}
|
||||
<time class="event-datetime" datetime="{{ page.date|date("c") }}">
|
||||
<span class="event-day">{{ page.header.event.start|dateTranslate(config.plugins.events.event_item.day) }}</span>
|
||||
<span class="event-month">{{ page.header.event.start|dateTranslate(config.plugins.events.event_item.month) }}</span>
|
||||
<span class="event-year">{{ page.header.event.start|date("Y") }}</span>
|
||||
<span class="event-time">
|
||||
{{ page.header.event.start|dateTranslate(config.plugins.events.event_item.time) }}{{ " - " }}{{ page.header.event.end|dateTranslate(config.plugins.events.event_item.time) }}
|
||||
</span>
|
||||
</time>
|
||||
{% endif %}
|
||||
</div>
|
||||
|
||||
<div class="event-right-column"> {# title and content #}
|
||||
{% if single == true %} {# individual content page #}
|
||||
{% if (config.plugins.events.event_meta.display_location) and (page.header.event.location is not empty) %}
|
||||
<h3 class="event-location"><span class="location-pin"></span>{{ page.header.event.location }}</h3>
|
||||
{% endif %}
|
||||
{% if page.content %}
|
||||
<div class="event-content">{{ page.content|raw }}</div>
|
||||
{% else %}
|
||||
{{ "PLUGIN_EVENTS.EVENTS.NO_MORE_INFORMATION"|t }}
|
||||
{% endif %}
|
||||
{% include 'partials/event_meta.html.twig' with { 'page': page } %}
|
||||
|
||||
{% else %} {# main listing page #}
|
||||
{# {% if page.content %} #}
|
||||
<h2 class="event-title"><a href="{{ page.url }}">{{ page.title }}</a></h2>
|
||||
{#} {% else %}
|
||||
<h2 class="event-title">{{ page.title }}</h2>
|
||||
{% endif %} #}
|
||||
{% if (config.plugins.events.event_meta.display_location) and (page.header.event.location is not empty) %}
|
||||
<h3 class="event-location"><span class="location-pin"></span>{{ page.header.event.location }}</h3>
|
||||
{% endif %}
|
||||
{% if page.content %}
|
||||
<span class="event-read-more"><a href="{{ page.url }}">{{ "PLUGIN_EVENTS.EVENTS.MORE_INFORMATION"|t }}</a></span>
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
|
||||
{% if page.taxonomy.category and config.plugins.events.event_sidebar.enable_categories %}
|
||||
<div class="event-categories">
|
||||
<span class="event-tags">
|
||||
{% for category in page.taxonomy.category %}
|
||||
<a href="{{ event.url|rtrim('/') }}/category{{ config.system.param_sep }}{{ category }}">{{ category }}</a>
|
||||
{% endfor %}
|
||||
</span>
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
</section>
|
||||
</article>
|
||||
<article class="event-separator"></article>
|
||||
Loading…
Add table
Reference in a new issue