mirror of
https://github.com/pmoreno-rodriguez/grav-theme-future2021.git
synced 2025-07-25 11:28:56 +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;
|
position: relative;
|
||||||
width: 4em;
|
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 {
|
#intro .logo img {
|
||||||
display: block;
|
display: block;
|
||||||
margin-left: -0.25em;
|
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 */
|
||||||
|
|
||||||
#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.8em;
|
font-size: 0.7em;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
|
||||||
@include breakpoint('<=large') {
|
@include breakpoint('<=small') {
|
||||||
margin: 0 0 _size(section-spacing) 0;
|
margin: 0 0 _size(section-spacing-small) 0;
|
||||||
text-align: center;
|
padding: 1.25em 0;
|
||||||
|
|
||||||
header {
|
> :last-child {
|
||||||
h2 {
|
margin-bottom: 0;
|
||||||
font-size: 2em;
|
|
||||||
}
|
|
||||||
|
|
||||||
p {
|
|
||||||
font-size: 0.7em;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
@include breakpoint('<=small') {
|
.logo {
|
||||||
margin: 0 0 _size(section-spacing-small) 0;
|
margin: 0 0 (_size(element-margin) * 0.25) 0;
|
||||||
padding: 1.25em 0;
|
}
|
||||||
|
|
||||||
|
header {
|
||||||
|
h2 {
|
||||||
|
font-size: 1.25em;
|
||||||
|
}
|
||||||
|
|
||||||
> :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;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
|
@ -56,7 +56,7 @@
|
||||||
{% endif %}
|
{% endif %}
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<footer>
|
<footer>
|
||||||
<ul class="actions">
|
<ul class="actions">
|
||||||
{% if truncate and page.summary != page.content %}
|
{% if truncate and page.summary != page.content %}
|
||||||
|
|
@ -88,6 +88,4 @@
|
||||||
</a></li>
|
</a></li>
|
||||||
</ul>
|
</ul>
|
||||||
</footer>
|
</footer>
|
||||||
|
|
||||||
|
|
||||||
</article>
|
</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