modif order
This commit is contained in:
File diff suppressed because one or more lines are too long
+1
-1
File diff suppressed because one or more lines are too long
@@ -9,9 +9,9 @@
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
|
||||
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
|
||||
width="90.390999"
|
||||
height="87.431"
|
||||
viewBox="0 0 23.915951 23.132786"
|
||||
width="100"
|
||||
height="96.724998"
|
||||
viewBox="0 0 26.458332 25.591823"
|
||||
version="1.1"
|
||||
id="svg1109"
|
||||
inkscape:version="0.92.4 5da689c313, 2019-01-14"
|
||||
@@ -26,16 +26,16 @@
|
||||
inkscape:pageopacity="0.0"
|
||||
inkscape:pageshadow="2"
|
||||
inkscape:zoom="0.35"
|
||||
inkscape:cx="-105.71429"
|
||||
inkscape:cx="-611.42858"
|
||||
inkscape:cy="560"
|
||||
inkscape:document-units="px"
|
||||
inkscape:current-layer="layer1"
|
||||
showgrid="false"
|
||||
units="px"
|
||||
inkscape:window-width="1920"
|
||||
inkscape:window-height="1006"
|
||||
inkscape:window-height="1029"
|
||||
inkscape:window-x="0"
|
||||
inkscape:window-y="0"
|
||||
inkscape:window-y="22"
|
||||
inkscape:window-maximized="1" />
|
||||
<metadata
|
||||
id="metadata1106">
|
||||
@@ -53,7 +53,7 @@
|
||||
inkscape:label="Calque 1"
|
||||
inkscape:groupmode="layer"
|
||||
id="layer1"
|
||||
transform="translate(0,-273.86719)">
|
||||
transform="translate(0,-271.40814)">
|
||||
<path
|
||||
sodipodi:type="star"
|
||||
style="display:inline;opacity:1;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.16906723;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
|
||||
@@ -69,7 +69,8 @@
|
||||
inkscape:rounded="0"
|
||||
inkscape:randomized="0"
|
||||
d="m 494.32891,31.578537 -6.59395,3.359786 -7.30945,-1.157703 -5.23299,-5.232988 -1.1577,-7.309449 3.35978,-6.59395 6.59395,-3.359785 7.30945,1.157703 5.23299,5.232988 1.1577,7.309449 z"
|
||||
inkscape:transform-center-x="-3.8790373e-06"
|
||||
transform="rotate(30.000001,-240.59015,-730.04399)" />
|
||||
inkscape:transform-center-x="1.8058652e-06"
|
||||
transform="matrix(0.95809007,0.5531536,-0.5531536,0.95809007,-439.48605,-6.6948511)"
|
||||
inkscape:transform-center-y="9.361659e-06" />
|
||||
</g>
|
||||
</svg>
|
||||
|
||||
|
Before Width: | Height: | Size: 2.5 KiB After Width: | Height: | Size: 2.6 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 12 KiB After Width: | Height: | Size: 2.7 KiB |
@@ -0,0 +1,68 @@
|
||||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<!-- Created with Inkscape (http://www.inkscape.org/) -->
|
||||
|
||||
<svg
|
||||
xmlns:dc="http://purl.org/dc/elements/1.1/"
|
||||
xmlns:cc="http://creativecommons.org/ns#"
|
||||
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
|
||||
xmlns:svg="http://www.w3.org/2000/svg"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
|
||||
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
|
||||
width="20"
|
||||
height="20"
|
||||
viewBox="0 0 5.2916665 5.2916668"
|
||||
version="1.1"
|
||||
id="svg8"
|
||||
inkscape:version="0.92.4 5da689c313, 2019-01-14"
|
||||
sodipodi:docname="fb.svg">
|
||||
<defs
|
||||
id="defs2" />
|
||||
<sodipodi:namedview
|
||||
id="base"
|
||||
pagecolor="#ffffff"
|
||||
bordercolor="#666666"
|
||||
borderopacity="1.0"
|
||||
inkscape:pageopacity="0.0"
|
||||
inkscape:pageshadow="2"
|
||||
inkscape:zoom="0.7"
|
||||
inkscape:cx="-578.48485"
|
||||
inkscape:cy="149.95248"
|
||||
inkscape:document-units="px"
|
||||
inkscape:current-layer="layer1"
|
||||
showgrid="false"
|
||||
units="px"
|
||||
inkscape:window-width="1920"
|
||||
inkscape:window-height="1029"
|
||||
inkscape:window-x="0"
|
||||
inkscape:window-y="22"
|
||||
inkscape:window-maximized="1" />
|
||||
<metadata
|
||||
id="metadata5">
|
||||
<rdf:RDF>
|
||||
<cc:Work
|
||||
rdf:about="">
|
||||
<dc:format>image/svg+xml</dc:format>
|
||||
<dc:type
|
||||
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
|
||||
<dc:title></dc:title>
|
||||
</cc:Work>
|
||||
</rdf:RDF>
|
||||
</metadata>
|
||||
<g
|
||||
inkscape:label="Calque 1"
|
||||
inkscape:groupmode="layer"
|
||||
id="layer1"
|
||||
transform="translate(0,-291.70832)">
|
||||
<path
|
||||
inkscape:connector-curvature="0"
|
||||
id="path825"
|
||||
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:74.66666412px;line-height:1.25;font-family:Syne;-inkscape-font-specification:Syne;text-align:start;letter-spacing:0px;word-spacing:0px;text-anchor:start;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.0809927"
|
||||
d="m 5.2916667,292.27539 v 4.15757 q 0,0.23623 -0.1653977,0.40159 -0.1653977,0.16539 -0.4015945,0.16539 H 3.7206884 v -2.0906 h 0.7086902 l 0.1063986,-0.80316 H 3.7207684 v -0.50788 q 0,-0.189 0.070799,-0.28347 0.094399,-0.1062 0.3189155,-0.1062 h 0.4252142 v -0.70867 q -0.2480566,-0.0354 -0.6142115,-0.0354 -0.4724535,0 -0.7559296,0.28347 -0.2716762,0.27165 -0.2716762,0.76773 v 0.59056 h -0.72051 v 0.80316 h 0.72051 v 2.0906 H 0.56699214 q -0.23623672,0 -0.40159443,-0.16539 Q 0,296.66919 0,296.43296 v -4.15757 q 0,-0.23621 0.16539771,-0.40158 0.16539771,-0.1654 0.40159443,-0.1654 H 4.7246745 q 0.2362368,0 0.4015945,0.1654 0.1653977,0.16539 0.1653977,0.40158 z" />
|
||||
<path
|
||||
inkscape:connector-curvature="0"
|
||||
id="path827"
|
||||
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:74.66666412px;line-height:1.25;font-family:Syne;-inkscape-font-specification:Syne;text-align:start;letter-spacing:0px;word-spacing:0px;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.04258886"
|
||||
d="m -15.820628,246.12853 h 1.117947 q 0.32297,0.006 0.54035,0.22359 0.21738,0.21738 0.22359,0.54034 v 1.11796 q -0.006,0.32297 -0.22359,0.54035 -0.21738,0.21738 -0.54035,0.22359 h -1.117947 q -0.32297,-0.006 -0.54035,-0.22359 -0.21738,-0.21738 -0.22359,-0.54035 v -1.11796 q 0.006,-0.32296 0.22359,-0.54034 0.21738,-0.21738 0.54035,-0.22359 z m -0.0248,0.26085 q -0.20496,0.006 -0.34159,0.14285 -0.13043,0.13043 -0.13664,0.33539 v 1.16764 q 0.006,0.20496 0.13664,0.3416 0.13663,0.13043 0.34159,0.13664 h 1.167647 q 0.20496,-0.006 0.33539,-0.13664 0.13664,-0.13664 0.14285,-0.3416 v -1.16764 q -0.006,-0.20496 -0.14285,-0.33539 -0.13043,-0.13664 -0.33539,-0.14285 z m 1.279447,0.19875 q 0.0683,0.006 0.11179,0.0559 0.0497,0.0435 0.0497,0.11179 0,0.0683 -0.0497,0.11801 -0.0435,0.0435 -0.11179,0.0435 -0.0683,0 -0.11801,-0.0435 -0.0435,-0.0497 -0.0435,-0.11801 0,-0.0683 0.0435,-0.11179 0.0497,-0.0497 0.11801,-0.0559 z m -0.69562,0.19875 q 0.27949,0.006 0.46581,0.19875 0.19254,0.18632 0.19875,0.46581 -0.006,0.27949 -0.19875,0.47203 -0.18632,0.18633 -0.46581,0.19254 -0.279487,-0.006 -0.472027,-0.19254 -0.18633,-0.19254 -0.19254,-0.47203 0.006,-0.27949 0.19254,-0.46581 0.19254,-0.19254 0.472027,-0.19875 z m 0,0.26707 q -0.167697,0.006 -0.279487,0.118 -0.1118,0.1118 -0.1118,0.27949 0,0.1677 0.1118,0.27949 0.11179,0.1118 0.279487,0.1118 0.16769,0 0.27949,-0.1118 0.11179,-0.11179 0.11179,-0.27949 0,-0.16769 -0.11179,-0.27949 -0.1118,-0.11179 -0.27949,-0.118 z" />
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 4.5 KiB |
@@ -0,0 +1,63 @@
|
||||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<!-- Created with Inkscape (http://www.inkscape.org/) -->
|
||||
|
||||
<svg
|
||||
xmlns:dc="http://purl.org/dc/elements/1.1/"
|
||||
xmlns:cc="http://creativecommons.org/ns#"
|
||||
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
|
||||
xmlns:svg="http://www.w3.org/2000/svg"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
|
||||
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
|
||||
width="20"
|
||||
height="20"
|
||||
viewBox="0 0 5.2916665 5.2916668"
|
||||
version="1.1"
|
||||
id="svg8"
|
||||
inkscape:version="0.92.4 5da689c313, 2019-01-14"
|
||||
sodipodi:docname="insta.svg">
|
||||
<defs
|
||||
id="defs2" />
|
||||
<sodipodi:namedview
|
||||
id="base"
|
||||
pagecolor="#ffffff"
|
||||
bordercolor="#666666"
|
||||
borderopacity="1.0"
|
||||
inkscape:pageopacity="0.0"
|
||||
inkscape:pageshadow="2"
|
||||
inkscape:zoom="0.7"
|
||||
inkscape:cx="-189.91342"
|
||||
inkscape:cy="149.95248"
|
||||
inkscape:document-units="px"
|
||||
inkscape:current-layer="layer1"
|
||||
showgrid="false"
|
||||
units="px"
|
||||
inkscape:window-width="1920"
|
||||
inkscape:window-height="1029"
|
||||
inkscape:window-x="0"
|
||||
inkscape:window-y="22"
|
||||
inkscape:window-maximized="1" />
|
||||
<metadata
|
||||
id="metadata5">
|
||||
<rdf:RDF>
|
||||
<cc:Work
|
||||
rdf:about="">
|
||||
<dc:format>image/svg+xml</dc:format>
|
||||
<dc:type
|
||||
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
|
||||
<dc:title></dc:title>
|
||||
</cc:Work>
|
||||
</rdf:RDF>
|
||||
</metadata>
|
||||
<g
|
||||
inkscape:label="Calque 1"
|
||||
inkscape:groupmode="layer"
|
||||
id="layer1"
|
||||
transform="translate(0,-291.70832)">
|
||||
<path
|
||||
inkscape:connector-curvature="0"
|
||||
id="path827"
|
||||
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:74.66666412px;line-height:1.25;font-family:Syne;-inkscape-font-specification:Syne;text-align:start;letter-spacing:0px;word-spacing:0px;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.08517788"
|
||||
d="M 1.5278837,291.70832 H 3.763783 q 0.6459415,0.012 1.0807026,0.44718 0.434761,0.43476 0.447181,1.08069 v 2.23592 q -0.012,0.64594 -0.447181,1.0807 -0.4347611,0.43476 -1.0807026,0.44718 H 1.5278837 Q 0.88194211,296.98799 0.44718107,296.55281 0.01242003,296.11805 0,295.47211 v -2.23592 q 0.01200003,-0.64593 0.44718107,-1.08069 0.43476104,-0.43476 1.08070263,-0.44718 z m -0.0496,0.5217 q -0.4099209,0.012 -0.6831816,0.2857 -0.26086062,0.26086 -0.27328065,0.67079 v 2.33528 q 0.012,0.40992 0.27328065,0.6832 0.2732607,0.26086 0.6831816,0.27328 h 2.3352996 q 0.409921,-0.012 0.6707816,-0.27328 0.2732807,-0.27328 0.2857007,-0.6832 v -2.33528 q -0.012,-0.40993 -0.2857007,-0.67079 -0.2608606,-0.27328 -0.6707816,-0.2857 z m 2.5589002,0.3975 q 0.1366003,0.012 0.2235805,0.1118 0.0994,0.087 0.0994,0.22358 0,0.13661 -0.0994,0.23603 -0.087,0.087 -0.2235805,0.087 -0.1366004,0 -0.2360206,-0.087 -0.087,-0.0994 -0.087,-0.23603 0,-0.1366 0.087,-0.22358 0.0994,-0.0994 0.2360206,-0.1118 z m -1.3912434,0.39751 q 0.5589814,0.012 0.9316223,0.3975 0.3850809,0.37264 0.3975009,0.93162 -0.012,0.55898 -0.3975009,0.94406 -0.3726409,0.37266 -0.9316223,0.38508 -0.5589753,-0.012 -0.9440562,-0.38508 -0.3726609,-0.38508 -0.385081,-0.94406 0.012,-0.55898 0.385081,-0.93162 0.3850809,-0.38508 0.9440562,-0.3975 z m 0,0.53414 q -0.3353948,0.012 -0.5589753,0.236 -0.2236005,0.2236 -0.2236005,0.55898 0,0.3354 0.2236005,0.55898 0.2235805,0.2236 0.5589753,0.2236 0.3353808,0 0.5589814,-0.2236 0.2235805,-0.22358 0.2235805,-0.55898 0,-0.33538 -0.2235805,-0.55898 -0.2236006,-0.22358 -0.5589814,-0.236 z" />
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 3.5 KiB |
@@ -54,22 +54,22 @@ function filteritem() {
|
||||
}
|
||||
|
||||
function contact() {
|
||||
var $contact = $('header .contact');
|
||||
var $contact = $('header .contact h3');
|
||||
|
||||
$contact.on('click', function() {
|
||||
if ($(this).hasClass('open')) {
|
||||
$(this).removeClass('open');
|
||||
$(this).addClass('close');
|
||||
if ($(this).parent(".contact").hasClass('open')) {
|
||||
$(this).parent(".contact").removeClass('open');
|
||||
$(this).parent(".contact").addClass('close');
|
||||
} else {
|
||||
$(this).addClass('open');
|
||||
$(this).removeClass('close');
|
||||
$(this).parent(".contact").addClass('open');
|
||||
$(this).parent(".contact").removeClass('close');
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
var $page = $('#page-wrapper.blog');
|
||||
function customscroll($page_item) {
|
||||
var $page_item = $("body.blog #start, body.item");
|
||||
var $page_item = $("#page-wrapper.item");
|
||||
|
||||
$page_item.mCustomScrollbar({
|
||||
theme: "dark",
|
||||
@@ -85,20 +85,21 @@ function customscroll($page_item) {
|
||||
}
|
||||
});
|
||||
|
||||
$("body").mCustomScrollbar({
|
||||
$("#page-wrapper.blog").mCustomScrollbar({
|
||||
theme: "dark",
|
||||
scrollbarPosition: "outside",
|
||||
callbacks: {
|
||||
whileScrolling: function() {
|
||||
var pct = this.mcs.topPct;
|
||||
if (pct < 1) {
|
||||
if ( ($page.hasClass('down')) ) {
|
||||
} else {
|
||||
$page.addClass("down");
|
||||
$page_item.mCustomScrollbar("disable",true);
|
||||
$("#page-wrapper").addClass("down");
|
||||
$(this).mCustomScrollbar("disable",true);
|
||||
setTimeout(function(){
|
||||
console.log('time');
|
||||
$("#page-wrapper").mCustomScrollbar("update");
|
||||
}, 500);
|
||||
}
|
||||
setTimeout(function(){
|
||||
$page_item.mCustomScrollbar("update");
|
||||
}, 2000);
|
||||
}
|
||||
}
|
||||
});
|
||||
@@ -111,34 +112,10 @@ function clickscroll() {
|
||||
})
|
||||
}
|
||||
|
||||
function transitionPage() {
|
||||
// var $links = $('a');
|
||||
// $links.on('click', function(e) {
|
||||
// var $link = $(this).attr("href");
|
||||
// setTimeout(function() {
|
||||
// window.location.href = $link;
|
||||
// }, 10000);
|
||||
//
|
||||
// $links.parents('#top').fadeOut()
|
||||
// })
|
||||
|
||||
$("a:not(.filter)").click(function(e) {
|
||||
var link = $(this).attr("href");
|
||||
$(this).parents('#top').fadeOut()
|
||||
setTimeout(function() {
|
||||
window.location.href = link;
|
||||
}, 600);
|
||||
e.preventDefault();
|
||||
});
|
||||
$('#top').fadeIn(1000).removeClass('hidden');
|
||||
}
|
||||
|
||||
jQuery(document).ready(function($) {
|
||||
masonry();
|
||||
filteritem();
|
||||
contact();
|
||||
customscroll();
|
||||
clickscroll();
|
||||
transitionPage();
|
||||
// $('#top').fadeIn();
|
||||
});
|
||||
|
||||
@@ -0,0 +1,23 @@
|
||||
{% extends 'partials/base.html.twig' %}
|
||||
{% set blog_image = page.media.images[page.header.hero_image] ?: page.media.images|first %}
|
||||
{% set collection = page.collection() %}
|
||||
{% set blog = page.find(header_var('blog_url')|defined(theme_var('blog-page'))) %}
|
||||
{% set show_breadcrumbs = header_var('show_breadcrumbs', [page, blog])|defined(true) %}
|
||||
{% set show_sidebar = header_var('show_sidebar', [page, blog])|defined(true) %}
|
||||
{% set show_pagination = header_var('show_pagination', [page, blog])|defined(true) %}
|
||||
|
||||
|
||||
{% block body %}
|
||||
<section id="body-wrapper">
|
||||
{% embed 'partials/layout.html.twig' with {blog: page} %}
|
||||
{% block item %}
|
||||
<div class="works full-works">
|
||||
{% for child in collection if child.template == 'item' %}
|
||||
{% include 'partials/blog-list-item.html.twig' with {blog: page, page: child} %}
|
||||
{% endfor %}
|
||||
</div>
|
||||
{% endblock %}
|
||||
{% endembed %}
|
||||
</section>
|
||||
|
||||
{% endblock %}
|
||||
@@ -0,0 +1,17 @@
|
||||
{% block content %}
|
||||
<div class="txt">
|
||||
{{ page.content|raw }}
|
||||
<div class="reso">
|
||||
<div class="fb">
|
||||
<a href="https://www.facebook.com/gilles.acezat" target="_blank">
|
||||
<img src="user/themes/gilles_acezat/images/fb.svg" alt="logo facebook">
|
||||
</a>
|
||||
</div>
|
||||
<div class="insta">
|
||||
<a href="https://www.instagram.com/acezatgilles/" target="_blank">
|
||||
<img src="user/themes/gilles_acezat/images/insta.svg" alt="logo instagram">
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endblock %}
|
||||
@@ -0,0 +1,12 @@
|
||||
{% extends 'partials/base.html.twig' %}
|
||||
|
||||
{% block content %}
|
||||
<div id="error">
|
||||
<div>
|
||||
<h1>{{ 'PLUGIN_ERROR.ERROR'|t }} {{ page.header.http_response_code }}</h1>
|
||||
<p>
|
||||
{{ page.content|raw }}
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
{% endblock %}
|
||||
@@ -0,0 +1,32 @@
|
||||
{% extends "forms/field.html.twig" %}
|
||||
|
||||
{% block label %}
|
||||
{% endblock %}
|
||||
|
||||
{% block input %}
|
||||
{% set id = field.id|default(field.name) ~ '-' ~ key %}
|
||||
<div class="{{ form_field_wrapper_classes ?: 'form-input-wrapper' }} {{ field.size }} {{ field.wrapper_classes }}">
|
||||
<label class="{{ form_field_checkbox_classes }}" for="{{ id|e }}">
|
||||
<input
|
||||
{# required attribute structures #}
|
||||
name="{{ (scope ~ field.name)|fieldName }}"
|
||||
value="{{ value|join(', ') }}"
|
||||
type="checkbox"
|
||||
{% if value == true %} checked="checked" {% endif %}
|
||||
|
||||
{# input attribute structures #}
|
||||
{% block input_attributes %}
|
||||
id="{{ id|e }}"
|
||||
{% if field.classes is defined %}class="{{ field.classes }}" {% endif %}
|
||||
{% if field.style is defined %}style="{{ field.style|e }}" {% endif %}
|
||||
{% if field.disabled or isDisabledToggleable %}disabled="disabled"{% endif %}
|
||||
{% if field.autofocus in ['on', 'true', 1] %}autofocus="autofocus"{% endif %}
|
||||
{% if field.novalidate in ['on', 'true', 1] %}novalidate="novalidate"{% endif %}
|
||||
{% if required %}required="required"{% endif %}
|
||||
{% endblock %}
|
||||
/>
|
||||
<i class="form-icon"></i>
|
||||
{{ field.label|t|e }} {{ field.validate.required in ['on', 'true', 1] ? '<span class="required">*</span>' }}
|
||||
</label>
|
||||
</div>
|
||||
{% endblock %}
|
||||
@@ -0,0 +1,44 @@
|
||||
{% extends "forms/field.html.twig" %}
|
||||
|
||||
{% set originalValue = value %}
|
||||
{% set value = (value is null ? field.default : value) %}
|
||||
{% if field.use == 'keys' and field.default %}
|
||||
{% set value = field.default|merge(value) %}
|
||||
{% endif %}
|
||||
|
||||
{% block global_attributes %}
|
||||
{{ parent() }}
|
||||
data-grav-keys="{{ field.use == 'keys' ? 'true' : 'false' }}"
|
||||
data-grav-field-name="{{ (scope ~ field.name)|fieldName }}"
|
||||
{% endblock %}
|
||||
|
||||
{% block input %}
|
||||
{% for key, text in field.options %}
|
||||
|
||||
{% set id = field.id|default(field.name) ~ '-' ~ key %}
|
||||
{% set name = field.use == 'keys' ? key : id %}
|
||||
{% set val = field.use == 'keys' ? '1' : key %}
|
||||
{% set checked = (field.use == 'keys' ? value[key] : key in value) %}
|
||||
{% set help = (key in field.help_options|keys ? field.help_options[key] : false) %}
|
||||
|
||||
<div class="checkboxes {{ form_field_wrapper_classes }} {{ field.wrapper_classes }}">
|
||||
<label class="{{ form_field_checkbox_classes }}" for="{{ id|e }}">
|
||||
<input type="checkbox"
|
||||
id="{{ id|e }}"
|
||||
value="{{ val|e }}"
|
||||
name="{{ (scope ~ field.name)|fieldName ~ '[' ~ name ~ ']' }}"
|
||||
{% if checked %}checked="checked"{% endif %}
|
||||
{% if field.classes is defined %}class="{{ field.classes }}" {% endif %}
|
||||
{% if field.disabled or isDisabledToggleable %}disabled="disabled"{% endif %}
|
||||
|
||||
>
|
||||
<i class="form-icon"></i>
|
||||
{% if help %}
|
||||
<span class="hint--bottom" data-hint="{{ help|t|e('html_attr') }}">{{ text|t|e }}</span>
|
||||
{% else %}
|
||||
{{ text|t|e }}
|
||||
{% endif %}
|
||||
</label>
|
||||
</div>
|
||||
{% endfor %}
|
||||
{% endblock %}
|
||||
@@ -0,0 +1,26 @@
|
||||
{% extends "forms/field.html.twig" %}
|
||||
|
||||
{% set originalValue = value %}
|
||||
{% set value = (value is null ? field.default : value) %}
|
||||
|
||||
{% block input %}
|
||||
{% for key, text in field.options %}
|
||||
{% set id = field.id|default(field.name) ~ '-' ~ key %}
|
||||
|
||||
<div class="radio {{ form_field_wrapper_classes }} {{ field.wrapper_classes }}">
|
||||
<label class="{{ form_field_radio_classes }}" for="{{ id|e }}">
|
||||
<input type="radio"
|
||||
value="{{ key|e }}"
|
||||
id="{{ id|e }}"
|
||||
name="{{ (scope ~ field.name)|fieldName }}"
|
||||
{% if field.classes is defined %}class="{{ field.classes }}" {% endif %}
|
||||
{% if key == value %}checked="checked" {% endif %}
|
||||
{% if field.disabled or isDisabledToggleable %}disabled="disabled"{% endif %}
|
||||
{% if required %}required="required"{% endif %}
|
||||
/>
|
||||
<i class="form-icon"></i>
|
||||
{% if grav.twig.twig.filters['tu'] is defined %}{{ text|tu|raw }}{% else %}{{ text|t|raw }}{% endif %}
|
||||
</label>
|
||||
</div>
|
||||
{% endfor %}
|
||||
{% endblock %}
|
||||
@@ -0,0 +1,3 @@
|
||||
{% set form_field_checkbox_classes = 'form-switch' %}
|
||||
{% extends "forms/fields/checkbox/checkbox.html.twig" %}
|
||||
|
||||
@@ -0,0 +1,40 @@
|
||||
{% extends 'partials/base.html.twig' %}
|
||||
{% set blog = page.find(header_var('blog_url')|defined(theme_var('blog-page'))) %}
|
||||
{% set show_breadcrumbs = header_var('show_breadcrumbs', [page, blog])|defined(true) %}
|
||||
{% set show_sidebar = header_var('show_sidebar', [page, blog])|defined(true) %}
|
||||
{% set show_pagination = header_var('show_pagination', [page, blog])|defined(true) %}
|
||||
{% set hero_image_name = page.header.hero_image %}
|
||||
|
||||
{% block hero %}
|
||||
{% if hero_image_name %}
|
||||
{% set hero_image = page.media[hero_image_name] %}
|
||||
{% set content %}
|
||||
<h1>{{ page.title }}</h1>
|
||||
<h2>{{ page.header.subtitle }}</h2>
|
||||
{% include 'partials/blog/date.html.twig' %}
|
||||
{% include 'partials/blog/taxonomy.html.twig' %}
|
||||
{% endset %}
|
||||
{% include 'partials/hero.html.twig' with {id: 'blog-hero'} %}
|
||||
|
||||
{% endif %}
|
||||
{% endblock %}
|
||||
|
||||
{% block body %}
|
||||
<section id="body-wrapper" class="section blog-listing">
|
||||
<section class="container {{ grid_size }}">
|
||||
|
||||
{% if show_breadcrumbs and config.plugins.breadcrumbs.enabled %}
|
||||
{% include 'partials/breadcrumbs.html.twig' %}
|
||||
{% endif %}
|
||||
|
||||
{% embed 'partials/layout.html.twig' %}
|
||||
{% block item %}
|
||||
{% include 'partials/blog-item.html.twig' %}
|
||||
{% endblock %}
|
||||
{% block sidebar %}
|
||||
{% include 'partials/sidebar.html.twig' %}
|
||||
{% endblock %}
|
||||
{% endembed %}
|
||||
</section>
|
||||
</section>
|
||||
{% endblock %}
|
||||
@@ -0,0 +1,8 @@
|
||||
{% macro nav_loop(page) %}
|
||||
{% import _self as macros %}
|
||||
|
||||
{% for p in page.children.visible if p.template == 'default' %}
|
||||
{% set active_page = (p.active or p.activeChild) ? ' class="active"' : '' %}
|
||||
{% include 'default.html.twig' with {blog: page, page: p} %}
|
||||
{% endfor %}
|
||||
{% endmacro %}
|
||||
@@ -0,0 +1,42 @@
|
||||
{% extends 'partials/base.html.twig' %}
|
||||
|
||||
{% macro pageLinkName(text) %}{{ text|lower|replace({' ':'_'}) }}{% endmacro %}
|
||||
|
||||
{% import _self as macro %}
|
||||
|
||||
{% set show_onpage_menu = header.onpage_menu == true or header.onpage_menu is null %}
|
||||
|
||||
{% block header_navigation %}
|
||||
{% if show_onpage_menu %}
|
||||
<ul class="navigation">
|
||||
{% for module in page.collection() if module.header.visible is not same as(false) %}
|
||||
{% set current_module = (module.active or module.activeChild) ? 'active' : '' %}
|
||||
<li><a class="{{ current_module }}" href="#{{ macro.pageLinkName(module.menu) }}">{{ module.menu }}</a></li>
|
||||
{% endfor %}
|
||||
{% for mitem in site.menu %}
|
||||
<li>
|
||||
<a {% if mitem.class %}class="{{ mitem.class }}"{% endif %} href="{{ mitem.url }}">
|
||||
{% if mitem.icon %}<i class="fa fa-{{ mitem.icon }}"></i>{% endif %}
|
||||
{{ mitem.text }}
|
||||
</a>
|
||||
</li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
{% else %}
|
||||
{{ parent() }}
|
||||
{% endif %}
|
||||
{% endblock %}
|
||||
|
||||
{% block hero %}
|
||||
{% for module in page.collection() if module.template == 'modular/hero' %}
|
||||
<div id="{{ macro.pageLinkName(module.menu) }}"></div>
|
||||
{{ module.content|raw }}
|
||||
{% endfor %}
|
||||
{% endblock %}
|
||||
|
||||
{% block body %}
|
||||
{% for module in page.collection() if module.template != 'modular/hero' %}
|
||||
<div id="{{ macro.pageLinkName(module.menu) }}"></div>
|
||||
{{ module.content|raw }}
|
||||
{% endfor %}
|
||||
{% endblock %}
|
||||
@@ -0,0 +1,30 @@
|
||||
{% set grid_size = theme_var('grid-size') %}
|
||||
{% set columns = page.header.class == 'small' ? 'col-3 col-md-4 col-sm-6' : 'col-4 col-md-6 col-sm-12' %}
|
||||
<section class="section modular-features {{ page.header.class}}">
|
||||
<section class="container {{ grid_size }}">
|
||||
<div class="frame-box">
|
||||
|
||||
{{ content|raw }}
|
||||
|
||||
<div class="columns">
|
||||
{% for feature in page.header.features %}
|
||||
<div class="column {{ columns }}">
|
||||
{% if feature.url %}<a href="{{feature.url}}">{% endif %}
|
||||
<div class="feature-icon">
|
||||
<i class="fa fa-fw {{ feature.icon }}"></i>
|
||||
{% if feature.header %}
|
||||
<h6>{{ feature.header }}</h6>
|
||||
{% endif %}
|
||||
</div>
|
||||
{% if feature.url %}</a>{% endif %}
|
||||
<div class="feature-content">
|
||||
{% if feature.text %}
|
||||
<p>{{ feature.text }}</p>
|
||||
{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</section>
|
||||
@@ -0,0 +1,4 @@
|
||||
{% set grid_size = theme_var('grid-size') %}
|
||||
{% set hero_image = page.header.hero_image ? page.media[page.header.hero_image] : page.media.images|first %}
|
||||
|
||||
{% include 'partials/hero.html.twig' %}
|
||||
@@ -0,0 +1,23 @@
|
||||
{% set grid_size = theme_var('grid-size') %}
|
||||
{% set image = page.media.images|first %}
|
||||
|
||||
<section class="section modular-text {{ page.header.class}} bg-gray">
|
||||
<section class="container {{ grid_size }}">
|
||||
<div class="columns {{ page.header.image_align|default('align-right') }}">
|
||||
{% if image %}
|
||||
<div class="column col-6 col-md-12">
|
||||
{{ content|raw }}
|
||||
</div>
|
||||
<div class="column col-6 col-md-12">
|
||||
{% if image %}
|
||||
{{ image.html|raw }}
|
||||
{% endif %}
|
||||
</div>
|
||||
{% else %}
|
||||
<div class="column col-12">
|
||||
{{ content|raw }}
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
</section>
|
||||
</section>
|
||||
@@ -0,0 +1,13 @@
|
||||
<ul class="archives">
|
||||
|
||||
{% for month,items in archives_data %}
|
||||
<li>
|
||||
<a href="{{ base_url }}/{{ config.plugins.archives.taxonomy_names.month }}{{ config.system.param_sep }}{{ month|date('M_Y')|lower|e('url') }}">
|
||||
{% if archives_show_count %}
|
||||
<span class="label label-rounded label-primary">{{ items|length }}</span>
|
||||
{% endif %}
|
||||
<span class="archive_date">{{ month }}</span>
|
||||
</a>
|
||||
</li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
@@ -0,0 +1,177 @@
|
||||
{% set body_classes = body_class(['header-fixed', 'header-animated', 'header-dark', 'header-transparent', 'sticky-footer']) %}
|
||||
{% set grid_size = theme_var('grid-size') %}
|
||||
{% set compress = theme_var('production-mode') ? '.min.css' : '.css' %}
|
||||
<!DOCTYPE html>
|
||||
<html lang="{{ grav.language.getActive ?: grav.config.site.default_lang }}">
|
||||
<head>
|
||||
{% block head %}
|
||||
<meta charset="utf-8" />
|
||||
<title>{% if header.title %}{{ header.title|e('html') }} | {% endif %}{{ site.title|e('html') }}</title>
|
||||
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
{% include 'partials/metadata.html.twig' %}
|
||||
|
||||
<link rel="icon" type="image/png" href="{{ url('theme://images/favicon.png') }}" />
|
||||
<link rel="canonical" href="{{ page.url(true, true) }}" />
|
||||
|
||||
{% block stylesheets %}
|
||||
{% do assets.addCss('theme://css-compiled/theme'~compress) %}
|
||||
{% endblock %}
|
||||
{{ assets.css()|raw }}
|
||||
|
||||
{% block javascripts %}
|
||||
{% do assets.addJs('jquery', 101) %}
|
||||
{% do assets.addJs('theme://js/jquery.easing.1.3.js', {group:'bottom'}) %}
|
||||
{% do assets.addJs('theme://js/imagesloaded.pkgd.min.js', {group:'bottom'}) %}
|
||||
{% do assets.addJs('theme://js/masonry.filter.js', {group:'bottom'}) %}
|
||||
{% do assets.addJs('theme://js/masonry.pkgd.min.js', {group:'bottom'}) %}
|
||||
{% do assets.addJs('theme://js/jquery.mCustomScrollbar.js', {group:'bottom'}) %}
|
||||
{% do assets.addJs('theme://js/jquery.mousewheel.min.js', {group:'bottom'}) %}
|
||||
{% do assets.addJs('theme://js/site.js', {group:'bottom'}) %}
|
||||
{% endblock %}
|
||||
|
||||
{{ assets.js()|raw }}
|
||||
|
||||
{% endblock head %}
|
||||
</head>
|
||||
|
||||
<body id="top" class="{{page.template}}">
|
||||
<div id="page-wrapper" class=" {{page.template}}">
|
||||
{% block header %}
|
||||
<header class="section">
|
||||
<div class="head">
|
||||
<div class="contact">
|
||||
<svg viewBox="0 0 100 100" shape-rendering="geometricPrecision" >
|
||||
<polygon points="34.2,87.4 12.3,65.5 12.3,34.5 34.2,12.6 65.2,12.6 87.1,34.5 87.1,65.5 65.2,87.4" fill="black"/>
|
||||
</svg>
|
||||
|
||||
<h3>Contact</h3>
|
||||
{% include 'partials/navigation.html.twig' %}
|
||||
</div>
|
||||
<nav class="title">
|
||||
<a href="/">
|
||||
<div class="svg-container">
|
||||
<svg
|
||||
version="1.1"
|
||||
viewBox="0 0 1700 230"
|
||||
preserveAspectRatio="xMinYMin meet"
|
||||
class="svg-content"
|
||||
shape-rendering="geometricPrecision"
|
||||
>
|
||||
<path
|
||||
d="M 1,224.86667 V 14.186658 h 51.52 q 34.653332,0 50.29333,11.653342 15.94667,11.653341 15.94667,39.866682 0,9.199975 -2.14667,17.173304 -1.84,7.666696 -4.90667,13.8 -2.76,6.133344 -6.74666,10.733364 -3.98667,4.59999 -7.973337,7.66666 12.879997,8.58667 18.706667,22.08 6.13333,13.49333 6.13333,31.27997 0,15.9467 -4.6,26.68003 -4.6,10.73333 -13.49333,17.47997 -8.893333,6.44002 -21.466668,9.50669 -12.266664,2.76 -27.906663,2.76 z m 32.199998,-26.67999 h 19.933333 q 8.893334,0 15.640002,-1.22668 6.746665,-1.53332 11.039996,-5.21333 4.600003,-3.98669 7.053335,-10.73333 2.453333,-6.74668 2.453333,-17.48001 0,-19.62667 -8.893334,-27.90667 -8.586667,-8.28 -26.986665,-8.28 h -20.24 z m 0,-95.37335 h 18.706668 q 8.28,0 14.719998,-0.91998 6.440001,-0.92001 10.733332,-4.293351 4.293336,-3.373342 6.440001,-9.506646 2.453333,-6.133342 2.453333,-16.253367 0,-10.733329 -2.453333,-16.866632 -2.453332,-6.133342 -7.053331,-9.200013 -4.600003,-3.066671 -11.04,-3.986683 -6.440001,-0.919975 -14.720001,-0.919975 H 33.199998 Z"
|
||||
style="fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-width:3;stroke-miterlimit:4;stroke-dasharray:none"
|
||||
id="path854"
|
||||
/>
|
||||
<path
|
||||
d="m 184.05124,58.959999 v 88.933341 q 0,17.78664 0.61333,28.82664 0.92,11.04 3.06667,17.17335 2.14667,5.82667 6.13333,7.97333 3.98667,2.14665 10.12,2.14665 14.10667,0 19.93333,-11.34663 5.82667,-11.65334 5.82667,-42.32001 V 58.959999 h 30.36 V 224.86667 h -23 l -6.74667,-16.25333 q -7.05333,9.81331 -16.56,14.71997 -9.2,4.60003 -21.15999,4.60003 -21.77334,0 -30.36,-15.64003 -8.58667,-15.94665 -8.58667,-58.5733 V 58.959999 Z"
|
||||
style="fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-width:3;stroke-miterlimit:4;stroke-dasharray:none"
|
||||
id="path856"
|
||||
/>
|
||||
<path
|
||||
d="M 295.64437,224.86667 V 58.959999 h 23 l 6.44,16.253329 q 7.66667,-11.346671 19.32,-15.639987 11.96,-4.293354 25.14666,-2.76 v 26.679987 q -1.83999,-0.613342 -3.98666,-0.613342 -2.14667,-0.30652 -4.29334,-0.30652 -14.71999,0 -25.14666,8.893304 -10.42667,8.89334 -10.42667,33.42667 v 99.97334 z"
|
||||
style="fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-width:3;stroke-miterlimit:4;stroke-dasharray:none"
|
||||
id="path858"
|
||||
/>
|
||||
<path
|
||||
d="m 380.28914,141.45333 q 0,-46.920002 12.87999,-66.240002 13.18666,-19.32 44.16,-19.32 31.27997,0 44.16,19.32 13.18665,19.32 13.18665,66.240002 0,46.61333 -13.18665,66.54667 -12.88003,19.93334 -44.16,19.93334 -30.97334,0 -44.16,-19.93334 -12.87999,-19.93334 -12.87999,-66.54667 z m 30.36,0 q 0,36.80001 5.52,49.68 5.52,12.87998 21.15999,12.87998 15.63998,0 21.15998,-12.87998 5.82667,-12.87999 5.82667,-49.68 0,-36.79998 -5.82667,-49.066661 -5.52,-12.573316 -21.15998,-12.573316 -15.63999,0 -21.15999,12.573316 -5.52,12.266681 -5.52,49.066661 z"
|
||||
style="fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-width:3;stroke-miterlimit:4;stroke-dasharray:none"
|
||||
id="path860"
|
||||
/>
|
||||
<path
|
||||
d="m 601.0843,1 h 29.74666 v 196.57334 l 3.68001,27.29333 h -27.29333 l -3.37334,-14.72001 q -7.97333,8.58667 -17.47998,13.18665 -9.20001,4.60003 -21.46669,4.60003 -24.53333,0 -34.65332,-20.24001 -10.11998,-20.54665 -10.11998,-65.01332 0,-42.933353 9.81331,-64.706682 9.81336,-22.08 35.88,-22.08 13.49333,0 21.77333,5.826671 8.28,5.52 13.49333,13.493329 z m 0.61334,141.06667 q 0,-35.88 -6.44001,-49.066659 -6.43998,-13.186658 -20.85332,-13.186658 -14.72001,0 -19.62667,12.879987 -4.90666,12.87999 -4.90666,48.75999 0,36.49334 4.90666,49.68 4.90666,12.87998 19.62667,12.87998 14.41334,0 20.85332,-12.87998 6.44001,-13.18666 6.44001,-49.06666 z"
|
||||
style="fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-width:3;stroke-miterlimit:4;stroke-dasharray:none"
|
||||
id="path862"
|
||||
/>
|
||||
<path
|
||||
d="m 716.69286,204.01331 q 10.11999,0 15.63999,-6.43997 5.52,-6.44001 7.36003,-23.92003 h 29.74665 q -3.98668,28.82669 -16.25332,41.70667 -12.26669,12.57336 -36.80002,12.57336 -29.13331,0 -42.01334,-19.93334 -12.57331,-19.93334 -12.57331,-66.54667 0,-46.613331 12.87998,-65.933331 12.88003,-19.626671 42.01334,-19.626671 15.94666,0 26.37332,5.52 10.73337,5.52 16.86667,15.946658 6.13334,10.426696 8.58667,26.066684 2.76,15.33332 2.76,35.57333 v 10.42666 h -79.11998 q 0.61334,31.89335 5.52,43.24002 5.21332,11.34663 19.01332,11.34663 z m 0,-124.199957 q -12.87998,0 -18.39998,9.813317 -5.21333,9.813316 -5.82667,37.41332 h 48.45331 q -0.61334,-27.600004 -6.13334,-37.41332 -5.52,-9.813317 -18.09332,-9.813317 z"
|
||||
style="fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-width:3;stroke-miterlimit:4;stroke-dasharray:none"
|
||||
id="path864"
|
||||
/>
|
||||
<path
|
||||
d="m 899.76807,184.08001 q 0,19.9333 -12.26664,31.89332 -12.26668,11.96001 -36.80001,11.96001 -26.37332,0 -38.33333,-14.72001 -11.65334,-14.72002 -12.57332,-39.56002 h 27.29333 q 0.6133,15.33336 5.82663,23.00002 5.52,7.35998 16.86667,7.35998 9.81336,0 15.02669,-5.21333 5.52,-5.21332 5.52,-15.02664 0,-11.96001 -8.58667,-19.32 -8.58667,-7.36003 -20.24002,-14.41334 -12.87998,-7.97333 -25.4533,-19.01333 -12.26668,-11.04 -12.26668,-32.199988 0,-19.626671 12.26668,-30.973341 12.57332,-11.653342 34.03997,-11.653342 23.61336,0 35.57333,13.8 11.96002,13.493329 13.1867,40.173351 h -27.29337 q -0.91997,-15.640022 -5.82663,-23.00001 -4.60003,-7.359987 -14.72001,-7.359987 -8.28,0 -13.49333,5.213329 -4.90666,4.906658 -4.90666,14.413304 0,9.813354 6.74665,16.560004 6.74668,6.44001 17.78668,13.18669 17.1733,9.50665 29.74666,20.85332 12.87998,11.34667 12.87998,34.04001 z"
|
||||
style="fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-width:3;stroke-miterlimit:4;stroke-dasharray:none"
|
||||
id="path866"
|
||||
/>
|
||||
<path
|
||||
d="M 964.03867,224.86667 H 933.98535 V 82.879986 H 915.27869 V 58.959999 h 19.62667 v -3.680012 q 0,-16.866633 3.68001,-27.293329 3.67998,-10.733329 10.73333,-16.56 7.35999,-6.1333037 18.09332,-8.2799997 Q 978.14535,1 991.94535,1 v 23.920025 q -7.66666,0 -12.87999,0.919975 -4.90666,0.613341 -8.28,3.373341 -3.06667,2.76 -4.59999,8.28 -1.22668,5.52 -1.22668,15.333317 v 6.133341 h 27.29333 v 23.919987 h -28.21335 z"
|
||||
style="fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-width:3;stroke-miterlimit:4;stroke-dasharray:none"
|
||||
id="path868"
|
||||
/>
|
||||
<path
|
||||
d="m 1003.8048,141.45333 q 0,-46.920002 12.88,-66.240002 13.1867,-19.32 44.16,-19.32 31.28,0 44.16,19.32 13.1867,19.32 13.1867,66.240002 0,46.61333 -13.1867,66.54667 -12.88,19.93334 -44.16,19.93334 -30.9733,0 -44.16,-19.93334 -12.88,-19.93334 -12.88,-66.54667 z m 30.36,0 q 0,36.80001 5.52,49.68 5.52,12.87998 21.16,12.87998 15.64,0 21.16,-12.87998 5.8267,-12.87999 5.8267,-49.68 0,-36.79998 -5.8267,-49.066661 -5.52,-12.573316 -21.16,-12.573316 -15.64,0 -21.16,12.573316 -5.52,12.266681 -5.52,49.066661 z"
|
||||
style="fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-width:3;stroke-miterlimit:4;stroke-dasharray:none"
|
||||
id="path870"
|
||||
/>
|
||||
<path
|
||||
d="M 1149.1599,224.86667 V 58.959999 h 23 l 6.44,16.253329 q 7.6666,-11.346671 19.32,-15.639987 11.96,-4.293354 25.1467,-2.76 v 26.679987 q -1.84,-0.613342 -3.9867,-0.613342 -2.1467,-0.30652 -4.2933,-0.30652 -14.7201,0 -25.1467,8.893304 -10.4267,8.89334 -10.4267,33.42667 v 99.97334 z"
|
||||
style="fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-width:3;stroke-miterlimit:4;stroke-dasharray:none"
|
||||
id="path872"
|
||||
/>
|
||||
<path
|
||||
d="M 1241.342,224.86667 V 58.959999 h 23.3067 l 6.7467,16.253329 q 6.1333,-7.973329 15.64,-13.493329 9.5066,-5.826671 22.08,-5.826671 8.5866,0 16.2533,3.986684 7.9733,3.986645 13.1867,15.946658 7.36,-9.506684 17.1733,-14.720013 9.8133,-5.213329 24.84,-5.213329 21.4667,0 28.8267,16.56 7.6666,16.56 7.6666,59.493352 v 92.91999 h -30.36 v -90.77333 q 0,-16.56 -0.6133,-26.98666 -0.6133,-10.733327 -2.4533,-16.866669 -1.5334,-6.133341 -5.2134,-8.28 -3.3733,-2.146658 -9.2,-2.146658 -6.1333,0 -11.04,1.839988 -4.6,1.533316 -7.6666,6.746645 -3.0667,5.213367 -4.6,14.413344 -1.5334,8.89334 -1.5334,23.92002 v 98.13332 h -30.3599 v -90.77333 q 0,-33.42667 -3.0667,-43.853329 -3.0667,-10.426658 -14.72,-10.426658 -13.8,0 -19.32,12.573316 -5.2134,12.266681 -5.2134,41.706671 v 90.77333 z"
|
||||
style="fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-width:3;stroke-miterlimit:4;stroke-dasharray:none"
|
||||
id="path874"
|
||||
/>
|
||||
<path
|
||||
d="m 1502.5262,204.01331 q 10.12,0 15.64,-6.43997 5.52,-6.44001 7.3599,-23.92003 h 29.7467 q -3.9866,28.82669 -16.2533,41.70667 -12.2667,12.57336 -36.8,12.57336 -29.1333,0 -42.0133,-19.93334 -12.5734,-19.93334 -12.5734,-66.54667 0,-46.613331 12.88,-65.933331 12.88,-19.626671 42.0134,-19.626671 15.9466,0 26.3733,5.52 10.7333,5.52 16.8667,15.946658 6.1333,10.426696 8.5866,26.066684 2.76,15.33332 2.76,35.57333 v 10.42666 h -79.12 q 0.6134,31.89335 5.52,43.24002 5.2134,11.34663 19.0134,11.34663 z m 0,-124.199957 q -12.8801,0 -18.4,9.813317 -5.2134,9.813316 -5.8267,37.41332 h 48.4533 q -0.6133,-27.600004 -6.1333,-37.41332 -5.52,-9.813317 -18.0933,-9.813317 z"
|
||||
style="fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-width:3;stroke-miterlimit:4;stroke-dasharray:none"
|
||||
id="path876"
|
||||
/>
|
||||
<path
|
||||
d="m 1685.6014,184.08001 q 0,19.9333 -12.2667,31.89332 -12.2666,11.96001 -36.8,11.96001 -26.3733,0 -38.3333,-14.72001 -11.6533,-14.72002 -12.5734,-39.56002 h 27.2934 q 0.6133,15.33336 5.8266,23.00002 5.52,7.35998 16.8667,7.35998 9.8133,0 15.0267,-5.21333 5.52,-5.21332 5.52,-15.02664 0,-11.96001 -8.5867,-19.32 -8.5866,-7.36003 -20.24,-14.41334 -12.88,-7.97333 -25.4533,-19.01333 -12.2667,-11.04 -12.2667,-32.199988 0,-19.626671 12.2667,-30.973341 12.5733,-11.653342 34.04,-11.653342 23.6133,0 35.5733,13.8 11.96,13.493329 13.1867,40.173351 h -27.2934 q -0.92,-15.640022 -5.8266,-23.00001 -4.6,-7.359987 -14.72,-7.359987 -8.28,0 -13.4934,5.213329 -4.9066,4.906658 -4.9066,14.413304 0,9.813354 6.7467,16.560004 6.7466,6.44001 17.7866,13.18669 17.1733,9.50665 29.7467,20.85332 12.88,11.34667 12.88,34.04001 z"
|
||||
style="fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-width:3;stroke-miterlimit:4;stroke-dasharray:none"
|
||||
id="path878"
|
||||
/>
|
||||
</svg>
|
||||
</div>
|
||||
</a>
|
||||
<h2>{{site.header.status|upper}}</h2></a>
|
||||
</nav>
|
||||
</div>
|
||||
<div class="works works-mea">
|
||||
{% for child in collection %}
|
||||
{% set mea = child.header.mea == 'true' %}
|
||||
{% if mea %}
|
||||
{% include 'partials/blog-list-mea.html.twig' with {blog: page, page: child} %}
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
</div>
|
||||
<div class="scroll">
|
||||
<p>
|
||||
<svg
|
||||
version="1.1"
|
||||
width="9.2404556"
|
||||
height="8.180007">
|
||||
<path
|
||||
inkscape:connector-curvature="0"
|
||||
id="path984"
|
||||
d="M 0.50358559,0.50617384 4.6454375,7.6800572 8.7368705,0.59348093"
|
||||
style="fill:#000000;fill-opacity:0;stroke:#000000;stroke-width:0.99999994;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
|
||||
</svg>
|
||||
|
||||
</p>
|
||||
</div>
|
||||
</header>
|
||||
{% endblock %}
|
||||
|
||||
<section id="start" class="section">
|
||||
<div class="cat-list btn-toolbar">
|
||||
<ul>
|
||||
{% include 'partials/taxonomylist.html.twig' with {base_url: my_url, taxonomy: 'category', children_only: true} %}
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
{% block body %}
|
||||
{% block content %}{% endblock %}
|
||||
{% endblock %}
|
||||
</section>
|
||||
</div>
|
||||
|
||||
{% block bottom %}
|
||||
{{ assets.js('bottom')|raw }}
|
||||
{% endblock %}
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,101 @@
|
||||
{% if not hero_image_name %}
|
||||
<div class="header-item">
|
||||
<div class="info">
|
||||
<div class="title">
|
||||
{% include 'partials/blog/title.html.twig' with {title_level: 'h2'} %}
|
||||
{% if page.header.subtitle %}
|
||||
<h3 >{{ page.header.subtitle }}</h3>
|
||||
{% endif %}
|
||||
{% include 'partials/blog/category.html.twig' %}
|
||||
{% include 'partials/blog/date.html.twig' %}
|
||||
</div>
|
||||
<div class="tags">
|
||||
{% include 'partials/blog/taxonomy.html.twig' %}
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
<div class="content">
|
||||
<div class="txt">
|
||||
{{ page.content|raw }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="prev-next">
|
||||
|
||||
{% if not page.isLast %}
|
||||
<a class="btn" href="{{ page.prevSibling.url }}">
|
||||
<div class="btn-info">
|
||||
|
||||
<span class="title">{{ page.prevSibling.title }}</span>
|
||||
|
||||
{% if page.prevSibling.taxonomy.category %}
|
||||
<span class="tags">
|
||||
{% for category in page.prevSibling.taxonomy.category %}
|
||||
{{ category }}
|
||||
{% endfor %}
|
||||
</span>
|
||||
{% endif %}
|
||||
<span class="blog-date">
|
||||
<time class="dt-published" datetime="{{ page.date|date("c") }}">
|
||||
{{ page.prevSibling.date|date("Y") }}
|
||||
</time>
|
||||
</span>
|
||||
</div>
|
||||
<img src="user/themes/gilles_acezat/images/arrow.svg" alt="">
|
||||
</a>
|
||||
{% endif %}
|
||||
|
||||
{% if page.isLast %}
|
||||
{% set parent = page.parent %}
|
||||
{% for first_item in parent.collection.slice(0, 1) %}
|
||||
|
||||
<a class="btn" href="{{ first_item.url }}">
|
||||
<div class="btn-info">
|
||||
<span class="title">{{ first_item.title }}</span>
|
||||
{% if first_item.taxonomy.category %}
|
||||
<span class="tags">
|
||||
{% for category in first_item.taxonomy.category %}
|
||||
{{ category }}
|
||||
{% endfor %}
|
||||
</span>
|
||||
{% endif %}
|
||||
|
||||
<span class="blog-date">
|
||||
<time class="dt-published" datetime="{{ first_item.date|date("c") }}">
|
||||
{{ first_item.date|date("Y") }}
|
||||
</time>
|
||||
</span>
|
||||
</div>
|
||||
<img src="user/themes/gilles_acezat/images/arrow.svg" alt="">
|
||||
</a>
|
||||
|
||||
{% endfor %}
|
||||
{% endif %}
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="img">
|
||||
{% for image in page.media.images %}
|
||||
<div class="img-card">
|
||||
{{ image.html }}
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
|
||||
<div class="top">
|
||||
<!-- <img src="user/themes/gilles_acezat/images/arrow-top.svg" alt=""> -->
|
||||
<svg
|
||||
version="1.1"
|
||||
width="9.2404556"
|
||||
height="8.180007">
|
||||
<path
|
||||
style="fill:#000000;fill-opacity:0;stroke:#000000;stroke-width:0.99999994;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
|
||||
d="M 8.7368705,7.6738333 4.5950186,0.49994998 0.50358559,7.5865262"
|
||||
id="path995"
|
||||
inkscape:connector-curvature="0" />
|
||||
</svg>
|
||||
|
||||
<!-- <p>top</p> -->
|
||||
</div>
|
||||
@@ -0,0 +1,36 @@
|
||||
{% for category in page.taxonomy.category %}
|
||||
<div class="card" data-filter ="{{category}}">
|
||||
|
||||
{% set image = page.media.images|first %}
|
||||
{% if image %}
|
||||
<div class="card-image">
|
||||
<a href="{{ page.url }}">{{ image.html }}</a>
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
<div class="card-header">
|
||||
<div class="card-title">
|
||||
{% include 'partials/blog/title.html.twig' with {title_level: 'h5'} %}
|
||||
</div>
|
||||
|
||||
|
||||
{% if page.taxonomy.category %}
|
||||
<div class="card-category">
|
||||
{% include 'partials/blog/category.html.twig' %}
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
{% if page.date %}
|
||||
<div class="card-date">
|
||||
{% include 'partials/blog/date.html.twig' %}
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
|
||||
{% if page.taxonomy.tag %}
|
||||
<div class="card-footer">
|
||||
{% include 'partials/blog/taxonomy.html.twig' %}
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
{% endfor %}
|
||||
@@ -0,0 +1,33 @@
|
||||
{% for category in page.taxonomy.category %}
|
||||
<div class="card {{ category }}">
|
||||
|
||||
<div class="card-image">
|
||||
<a href="{{ page.url }}"><img src="{{page.url}}/{{page.header.meaimg}}" alt="{{page.header.meaimg}}"></a>
|
||||
</div>
|
||||
|
||||
<div class="card-header">
|
||||
<div class="card-title">
|
||||
{% include 'partials/blog/title.html.twig' with {title_level: 'h5'} %}
|
||||
</div>
|
||||
|
||||
|
||||
{% if page.taxonomy.category %}
|
||||
<div class="card-category">
|
||||
{% include 'partials/blog/category.html.twig' %}
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
{% if page.date %}
|
||||
<div class="card-date">
|
||||
{% include 'partials/blog/date.html.twig' %}
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
|
||||
{% if page.taxonomy.tag %}
|
||||
<div class="card-footer">
|
||||
{% include 'partials/blog/taxonomy.html.twig' %}
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
{% endfor %}
|
||||
@@ -0,0 +1,7 @@
|
||||
{% if page.taxonomy.category %}
|
||||
<span class="category">
|
||||
{% for category in page.taxonomy.category %}
|
||||
<a class="label label-rounded {{ label_style ?: 'label-secondary' }} p-category" href="{{page.url}}">{{ category }}</a>
|
||||
{% endfor %}
|
||||
</span>
|
||||
{% endif %}
|
||||
@@ -0,0 +1,3 @@
|
||||
<time datetime="{{ page.date|date("c") }}">
|
||||
{{ page.date|date("Y") }}
|
||||
</time>
|
||||
@@ -0,0 +1,8 @@
|
||||
<div class="p-summary e-content">
|
||||
{% if page.summary != page.content %}
|
||||
{{ page.summary|raw }}
|
||||
{% else %}
|
||||
{{ page.content|raw }}
|
||||
{% endif %}
|
||||
</div>
|
||||
|
||||
@@ -0,0 +1,7 @@
|
||||
{% if page.taxonomy.tag %}
|
||||
<span class="tags">
|
||||
{% for tag in page.taxonomy.tag %}
|
||||
<a class="label label-rounded {{ label_style ?: 'label-secondary' }} p-tag" href="{{page.url}}">{{ tag }}</a>
|
||||
{% endfor %}
|
||||
</span>
|
||||
{% endif %}
|
||||
@@ -0,0 +1,11 @@
|
||||
{% set title_level = title_level ?: 'h2' %}
|
||||
{% if page.header.link %}
|
||||
<{{ title_level }}>
|
||||
{% if page.header.continue_link is not same as(false) %}
|
||||
<a href="{{ page.url }}"><i class="fa fa-angle-double-right u-url"></i></a>
|
||||
{% endif %}
|
||||
<a href="{{ page.header.link }}" class="u-url">{{ page.title }}</a>
|
||||
</{{ title_level }}>
|
||||
{% else %}
|
||||
<a href="{{ page.url }}"><{{ title_level }}>{{ page.title }}</{{ title_level }}></a>
|
||||
{% endif %}
|
||||
@@ -0,0 +1,5 @@
|
||||
<section id="footer" class="section bg-gray">
|
||||
<section class="container {{ grid_size }}">
|
||||
<p><a href="http://getgrav.org">Grav</a> was <i class="fa fa-code"></i> with <i class="fa fa-heart-o pulse "></i> by <a href="https://trilby.media">Trilby Media</a>.</p>
|
||||
</section>
|
||||
</section>
|
||||
@@ -0,0 +1,6 @@
|
||||
{% if form.message %}
|
||||
{% set inline_errors = form.inline_errors is not null ? form.inline_errors : config.plugins.form.inline_errors(false) %}
|
||||
{% set status_mapping = {'success':'green', 'error': 'red', 'warning': 'yellow'} %}
|
||||
{% set message = inline_errors and form.messages ? "FORM.VALIDATION_FAIL"|t : form.message %}
|
||||
<div class="toast toast-{{ form.status }} {{ status_mapping[form.status] ?: 'green' }} mt-2 mb-2">{{ message|raw }}</div>
|
||||
{% endif %}
|
||||
@@ -0,0 +1,7 @@
|
||||
<section id="{{ id }}" class="section modular-hero hero {{ page.header.hero_classes }} {{ page.header.background.parallax ? 'parallax' : '' }}" {% if hero_image %}style="background-image: url({{ hero_image.url }});"{% endif %}>
|
||||
<div class="image-overlay"></div>
|
||||
<section class="container {{ grid_size }}" style="text-align: {{ page.header.hero_align|default('center') }}">
|
||||
{{ content|raw }}
|
||||
</section>
|
||||
<i id="to-start" class="pulse fa fa-angle-down"></i>
|
||||
</section>
|
||||
@@ -0,0 +1,3 @@
|
||||
<div id="items">
|
||||
{% block item %}{% endblock %}
|
||||
</div>
|
||||
@@ -0,0 +1,9 @@
|
||||
{% set logo = theme_var(mobile ? 'custom_logo_mobile' : 'custom_logo') %}
|
||||
<a href="{{ home_url }}" class="navbar-brand mr-10">
|
||||
{% if logo %}
|
||||
{% set logo_file = (logo|first).name %}
|
||||
<img src="{{ url('theme://images/logo/' ~ logo_file) }}" alt="{{ site.name }}" />
|
||||
{% else %}
|
||||
{% include('@images/grav-logo.svg') %}
|
||||
{% endif %}
|
||||
</a>
|
||||
@@ -0,0 +1,17 @@
|
||||
{% set type_mapping = {'info':'success', 'error': 'error', 'warning': 'warning'} %}
|
||||
{% set icon_mapping = {'info':'checkmark', 'error':'wrong', 'warning':'information'} %}
|
||||
|
||||
{% if grav.messages.all %}
|
||||
<div id="messages">
|
||||
{% for message in grav.messages.fetch %}
|
||||
|
||||
{% set scope = message.scope|e %}
|
||||
{% set type = type_mapping[scope] %}
|
||||
{% set icon = icon_mapping[scope] %}
|
||||
|
||||
<div class="toast toast-{{ type }} {{ scope }}">
|
||||
<i class="icon dripicons-{{ icon }}"></i> {{ message.message|raw }}
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
{% endif %}
|
||||
@@ -0,0 +1,3 @@
|
||||
{% import 'macros/macros.html.twig' as macros %}
|
||||
|
||||
{{ macros.nav_loop(pages) }}
|
||||
@@ -0,0 +1,15 @@
|
||||
<ul class="related-pages menu">
|
||||
{% for related_path, score in related_pages %}
|
||||
{% set related = grav['pages'].get(related_path) %}
|
||||
{% if related %}
|
||||
<li class="menu-item">
|
||||
{% if config.plugins.relatedpages.show_score %}
|
||||
<div class="menu-badge">
|
||||
<span class="label lable-primary">{{ score }}</span>
|
||||
</div>
|
||||
{% endif %}
|
||||
<a href="{{ related.url }}" title="{{ related.title }}">{{ related.title }}</a>
|
||||
</li>
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
</ul>
|
||||
@@ -0,0 +1,43 @@
|
||||
{% set feed_url = blog.url == '/' or blog.url == base_url_relative ? (base_url_relative~'/'~blog.slug) : blog.url %}
|
||||
{% set new_base_url = blog.url == '/' ? '' : blog.url %}
|
||||
|
||||
{% if config.plugins.simplesearch.enabled %}
|
||||
<div class="sidebar-content">
|
||||
{% include 'partials/simplesearch_searchbox.html.twig' %}
|
||||
</div>
|
||||
{% endif %}
|
||||
{% if config.plugins.relatedpages.enabled and related_pages|length > 0 %}
|
||||
<div class="sidebar-content">
|
||||
<h4>{{ 'THEME_QUARK.SIDEBAR.RELATED_POSTS.HEADLINE'|t }}</h4>
|
||||
{% include 'partials/relatedpages.html.twig' %}
|
||||
</div>
|
||||
{% endif %}
|
||||
{% if config.plugins.random.enabled %}
|
||||
<div class="sidebar-content">
|
||||
<h4>{{ 'THEME_QUARK.SIDEBAR.RANDOM_ARTICLE.HEADLINE'|t }}</h4>
|
||||
<a class="button" href="{{ base_url }}/random"><i class="fa fa-retweet"></i> {{ 'THEME_QUARK.SIDEBAR.RANDOM_ARTICLE.FEELING_LUCKY'|t }}</a>
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
{{ page.find('/modules/sidebar').content|raw }}
|
||||
|
||||
{% if config.plugins.taxonomylist.enabled %}
|
||||
<div class="sidebar-content">
|
||||
<h4>{{ 'THEME_QUARK.SIDEBAR.POPULAR_TAGS.HEADLINE'|t }}</h4>
|
||||
{% include 'partials/taxonomylist.html.twig' with {'base_url':new_base_url, 'taxonomy':'tag'} %}
|
||||
</div>
|
||||
{% endif %}
|
||||
{% if config.plugins.archives.enabled %}
|
||||
<div class="sidebar-content">
|
||||
<h4>{{ 'THEME_QUARK.SIDEBAR.ARCHIVES.HEADLINE'|t }}</h4>
|
||||
{% include 'partials/archives.html.twig' with {'base_url':new_base_url} %}
|
||||
</div>
|
||||
{% endif %}
|
||||
{% if config.plugins.feed.enabled %}
|
||||
<div class="sidebar-content syndicate">
|
||||
<h4>{{ 'THEME_QUARK.SIDEBAR.SYNDICATE.HEADLINE'|t }}</h4>
|
||||
<a class="btn" href="{{ feed_url }}.atom"><i class="fa fa-rss-square"></i> Atom 1.0</a>
|
||||
<a class="btn" href="{{ feed_url }}.rss"><i class="fa fa-rss-square"></i> RSS</a>
|
||||
{% if config.plugins.feed.enable_json_feed %}<a class="btn" href="{{ feed_url }}.json"><i class="fa fa-rss-square"></i> JSON</a>{% endif %}
|
||||
</div>
|
||||
{% endif %}
|
||||
@@ -0,0 +1,15 @@
|
||||
{% set taxlist = children_only is defined ? taxonomylist.getChildPagesTags() : taxonomylist.get() %}
|
||||
|
||||
{% if taxlist %}
|
||||
<div data-toggle="buttons" class="btn-group">
|
||||
<label class="btn btn-default">
|
||||
<a class="filter" href="#" data-filter="">Tous</a>
|
||||
</label>
|
||||
{% for tax,value in taxlist[taxonomy] %}
|
||||
{% set label_class = uri.param(taxonomy) == tax ? 'label-primary' : 'label-secondary' %}
|
||||
<label class="btn btn-default">
|
||||
<a class="filter" href="#" data-filter="{{ tax }}">{{tax}}</a>
|
||||
</label>
|
||||
{% endfor %}
|
||||
</div>
|
||||
{% endif %}
|
||||
@@ -236,7 +236,6 @@
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@-webkit-keyframes showcard {
|
||||
0%{
|
||||
opacity: 0;
|
||||
@@ -248,7 +247,6 @@
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@keyframes showcard {
|
||||
0%{
|
||||
opacity: 0;
|
||||
|
||||
@@ -1,39 +1 @@
|
||||
body{
|
||||
#start{
|
||||
height: 100%;
|
||||
}
|
||||
#page-wrapper.blog{
|
||||
#start{
|
||||
width: calc(100% - 20px);
|
||||
height: calc(100% - 5rem);
|
||||
position: fixed;
|
||||
top: 100vh;
|
||||
left: 10px;
|
||||
right: 10px;
|
||||
}
|
||||
}
|
||||
#page-wrapper.down{
|
||||
#start{
|
||||
top: 5rem;
|
||||
}
|
||||
#items{
|
||||
-webkit-animation: showcard 1.5s 2.5s ease forwards;
|
||||
animation: showcard 1.5s 2.5s ease forwards;
|
||||
.card{
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.blog{
|
||||
#items{
|
||||
opacity: 0;
|
||||
.full-works{
|
||||
width: 100%;
|
||||
margin-top: 30px;
|
||||
}
|
||||
.card{
|
||||
margin-bottom: 10px;
|
||||
min-width: 200px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -1,235 +1,163 @@
|
||||
// home
|
||||
body {
|
||||
.blog {
|
||||
margin: 0 10px;
|
||||
header {
|
||||
height:100vh;
|
||||
width: calc(100% - 22px);
|
||||
display: inline-flex;
|
||||
flex-direction: column;
|
||||
align-content: space-around;
|
||||
& > div{
|
||||
position: fixed;
|
||||
&.head{
|
||||
z-index: 999;
|
||||
padding-top: 25px;
|
||||
width: inherit;
|
||||
.svg-container {
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
width: calc( ( 100% / 3 ) * 2 - 22px ) ;
|
||||
padding-bottom: 9%;
|
||||
vertical-align: middle;
|
||||
overflow: hidden;
|
||||
.svg-content {
|
||||
display: inline-block;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
}
|
||||
}
|
||||
h2 {
|
||||
margin-left: -4px;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
}
|
||||
&::after {
|
||||
display: block;
|
||||
content: " ";
|
||||
width: 0%;
|
||||
height: 1px;
|
||||
background: black;
|
||||
}
|
||||
}
|
||||
&.works-mea {
|
||||
display: inline-flex;
|
||||
align-self: flex-end;
|
||||
height: calc(100% - 25px);
|
||||
align-items: flex-end;
|
||||
width: inherit;
|
||||
.card{
|
||||
&:nth-child(2){
|
||||
margin:0 10px;
|
||||
}
|
||||
&:not(:nth-child(2)){
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
&.scroll{
|
||||
bottom: 0;
|
||||
text-align: center;
|
||||
width: inherit;
|
||||
}
|
||||
}
|
||||
}
|
||||
&.down{
|
||||
header{
|
||||
.head{
|
||||
.svg-container {
|
||||
width: 250px;
|
||||
transition: all 1s 0.9s ease;
|
||||
padding-bottom: calc(70px - 7px);
|
||||
.svg-content {
|
||||
path{
|
||||
transition: all 1s 0.9s ease;
|
||||
fill: black!important;
|
||||
stroke-width:0!important;
|
||||
}
|
||||
}
|
||||
}
|
||||
&::after{
|
||||
-webkit-animation: showborder 2.5s 1.5s ease forwards;
|
||||
animation: showborder 2.5s 1.5s ease forwards;
|
||||
}
|
||||
|
||||
h2{
|
||||
opacity: 0;
|
||||
left: -40%;
|
||||
transition: left 3s linear, opacity 0.3s 0.1s ease;
|
||||
}
|
||||
}
|
||||
.card{
|
||||
&:nth-child(1){
|
||||
-webkit-animation: translateY 1s ease forwards;
|
||||
animation: translateY 1s ease forwards;
|
||||
}
|
||||
&:nth-child(2){
|
||||
-webkit-animation: translateY 1.3s ease forwards;
|
||||
animation: translateY 1.3s ease forwards;
|
||||
}
|
||||
&:nth-child(3){
|
||||
-webkit-animation: translateY 1.6s ease forwards;
|
||||
animation: translateY 1.6s ease forwards;
|
||||
}
|
||||
}
|
||||
.scroll{
|
||||
opacity: 0;
|
||||
transition: all 1s ease;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.contact{
|
||||
width: 90px;
|
||||
height: auto;
|
||||
z-index: 999;
|
||||
position: fixed;
|
||||
top: 0px;
|
||||
right: 0px;
|
||||
transition: width 0.5s ease;
|
||||
cursor: pointer;
|
||||
&:hover{
|
||||
width: 80px;
|
||||
transition: width 0.5s ease;
|
||||
}
|
||||
svg{
|
||||
cursor: pointer;
|
||||
-webkit-animation: rotation 6s infinite linear;
|
||||
animation: rotation 6s infinite linear;
|
||||
}
|
||||
h3{
|
||||
color: white;
|
||||
-webkit-transform: rotate(35deg);
|
||||
transform: rotate(35deg);
|
||||
header{
|
||||
position: relative;
|
||||
margin-right: 10px;
|
||||
height: 100vh;
|
||||
&:after{
|
||||
position: absolute;
|
||||
top: 35px;
|
||||
left: 19px;
|
||||
width: 0%;
|
||||
bottom: 0;
|
||||
content: "";
|
||||
}
|
||||
.txt{
|
||||
position: fixed;
|
||||
right: -200px;
|
||||
}
|
||||
&.open{
|
||||
-webkit-transform: scale(15);
|
||||
transform: scale(15);
|
||||
height: auto;
|
||||
transition: -webkit-transform 0.5s ease;
|
||||
transition: transform 0.5s ease;
|
||||
transition: transform 0.5s ease, -webkit-transform 0.5s ease;
|
||||
h3{
|
||||
color: transparent;
|
||||
left: 500px;
|
||||
transition: visibility 0.5 ease left 1s ease;
|
||||
}
|
||||
svg{
|
||||
-webkit-animation: rotation 12s infinite linear;
|
||||
animation: rotation 12s infinite linear;
|
||||
}
|
||||
.txt{
|
||||
position: fixed;
|
||||
color: white;
|
||||
-webkit-transform: scale(0.1);
|
||||
transform: scale(0.1);
|
||||
top: -10px;
|
||||
right: -20px;
|
||||
text-align: center;
|
||||
line-height: 1.5rem;
|
||||
z-index: 9999;
|
||||
.head{
|
||||
width:100%;
|
||||
padding-top: 22px;
|
||||
nav{
|
||||
width: calc((100% / 3) * 2);
|
||||
position: relative;
|
||||
h2{
|
||||
position: absolute;
|
||||
}
|
||||
}
|
||||
}
|
||||
&.close{
|
||||
-webkit-transform: scale(1);
|
||||
transform: scale(1);
|
||||
transition: -webkit-transform 0.5s 0.1s ease;
|
||||
transition: transform 0.5s 0.1s ease;
|
||||
transition: transform 0.5s 0.1s ease, -webkit-transform 0.5s 0.1s ease;
|
||||
& + .txt{
|
||||
top: 190px;
|
||||
text-align: center;
|
||||
line-height: 1.5rem;
|
||||
z-index: 9999;
|
||||
-webkit-animation: translateleft 1s ease forwards;
|
||||
animation: translateleft 1s ease forwards;
|
||||
}
|
||||
h3{
|
||||
transition: color 0.5s 0.5s ease, left 0.5s ease;
|
||||
}
|
||||
&:hover{
|
||||
transition: -webkit-transform 0.5s ease!important;
|
||||
transition: transform 0.5s ease!important;
|
||||
transition: transform 0.5s ease, -webkit-transform 0.5s ease!important;
|
||||
-webkit-transform: scale(0.9)!important;
|
||||
transform: scale(0.9)!important;
|
||||
}
|
||||
}
|
||||
}
|
||||
// page
|
||||
body {
|
||||
#page-wrapper.item {
|
||||
header {
|
||||
z-index: 999;
|
||||
padding-top: 25px;
|
||||
width: inherit;
|
||||
border-bottom: 1px solid black;
|
||||
position: fixed;
|
||||
height: 5rem;
|
||||
background: white;
|
||||
top: 0;
|
||||
left: 10px;
|
||||
right: 10px;
|
||||
z-index: 999;
|
||||
.head{
|
||||
.svg-container {
|
||||
width: 250px;
|
||||
transition: all 1s 0.9s ease;
|
||||
.svg-content {
|
||||
path{
|
||||
transition: all 1s 0.9s ease;
|
||||
fill: black!important;
|
||||
stroke-width:0!important;
|
||||
}
|
||||
}
|
||||
.works-mea{
|
||||
position: absolute;
|
||||
bottom: 20px;
|
||||
width: calc((100%) + (10px) );
|
||||
display: -webkit-inline-box;
|
||||
display: -ms-inline-flexbox;
|
||||
display: inline-flex;
|
||||
height: 50%;
|
||||
.card{
|
||||
height: calc(100% - 30px);
|
||||
.card-image{
|
||||
overflow: hidden;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
a{
|
||||
display: block;
|
||||
height: 100%;
|
||||
img{
|
||||
object-fit: cover;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
h1 {
|
||||
// color: black;
|
||||
// line-height: 5rem;
|
||||
}
|
||||
h2, .scroll {
|
||||
display: none;
|
||||
&:first-child{
|
||||
margin-right: 10px;
|
||||
}
|
||||
&:last-child{
|
||||
margin-left: 10px;
|
||||
}
|
||||
}
|
||||
}
|
||||
.scroll{
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
bottom: 0;
|
||||
height: 20px;
|
||||
p{
|
||||
svg{
|
||||
display: block;
|
||||
margin: auto;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.item{
|
||||
#start{
|
||||
margin-top: 115px;
|
||||
.cat-list{
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.down, .item{
|
||||
header{
|
||||
background: white;
|
||||
z-index: 999;
|
||||
width: calc(100% - 20px);
|
||||
height: 90px;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
&:after{
|
||||
width: 100%;
|
||||
height: 1px;
|
||||
background: black;
|
||||
}
|
||||
.head{
|
||||
nav{
|
||||
width: calc((100% / 6));
|
||||
min-width: 300px;
|
||||
path{
|
||||
fill:black!important;
|
||||
}
|
||||
h2{
|
||||
-webkit-transform: translateX(-150%);
|
||||
transform: translateX(-150%);
|
||||
-webkit-transition: 2s -webkit-transform ease;
|
||||
transition: 2s -webkit-transform ease;
|
||||
transition: 2s transform ease;
|
||||
transition: 2s transform ease, 2s -webkit-transform ease;
|
||||
}
|
||||
}
|
||||
}
|
||||
.works-mea{
|
||||
bottom: 65px;
|
||||
-webkit-transition: 0s 1s bottom;
|
||||
transition: 0s 1s bottom;
|
||||
.card{
|
||||
opacity: 0;
|
||||
margin-top: -20px;
|
||||
}
|
||||
}
|
||||
}
|
||||
.scroll{
|
||||
opacity: 0;
|
||||
margin-bottom: -20px;
|
||||
-webkit-transition: 1s all ease;
|
||||
transition: 1s all ease;
|
||||
}
|
||||
}
|
||||
|
||||
.down{
|
||||
header{
|
||||
-webkit-transition: 1s 1s height ease;
|
||||
transition: 1s 1s height ease;
|
||||
&:after{
|
||||
-webkit-transition: 1.5s 2s width ease;
|
||||
transition: 1.5s 2s width ease;
|
||||
}
|
||||
.head{
|
||||
nav{
|
||||
-webkit-transition:1s 1s width ease;
|
||||
transition:1s 1s width ease;
|
||||
path{
|
||||
-webkit-transition:1s 1s fill ease;
|
||||
transition:1s 1s fill ease;
|
||||
}
|
||||
}
|
||||
}
|
||||
.works-mea{
|
||||
bottom: 65px;
|
||||
-webkit-transition: 0s 1s bottom;
|
||||
transition: 0s 1s bottom;
|
||||
.card{
|
||||
opacity: 0;
|
||||
margin-top: -20px;
|
||||
&:nth-child(1){
|
||||
-webkit-transition: 0.5s 0.3s all ease;
|
||||
transition: 0.5s 0.3s all ease;
|
||||
}
|
||||
&:nth-child(2){
|
||||
-webkit-transition: 0.5s 0.5s all ease;
|
||||
transition: 0.5s 0.5s all ease;
|
||||
}
|
||||
&:nth-child(3){
|
||||
-webkit-transition: 0.5s 0.7s all ease;
|
||||
transition: 0.5s 0.7s all ease;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -1,63 +1,95 @@
|
||||
.blog{
|
||||
#start{
|
||||
.cat-list {
|
||||
width: 100%;
|
||||
z-index: 999;
|
||||
left: -100%;
|
||||
&::after {
|
||||
display: block;
|
||||
.cat-list{
|
||||
width: calc(100% - 10px);
|
||||
height: 50px;
|
||||
margin-bottom: 20px;
|
||||
display: -webkit-inline-box;
|
||||
display: -ms-inline-flexbox;
|
||||
display: inline-flex;
|
||||
position: relative;
|
||||
&:after{
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
display: block;
|
||||
content: "";
|
||||
width: 0%;
|
||||
}
|
||||
& > ul{
|
||||
margin: auto 0 auto 10px;
|
||||
label{
|
||||
margin-right: 10px;
|
||||
opacity: 0;
|
||||
margin-left: -10px;
|
||||
a{
|
||||
&::after{
|
||||
position: absolute;
|
||||
content: " ";
|
||||
width: 0%;
|
||||
height: 1px;
|
||||
background: black;
|
||||
width: 5px;
|
||||
}
|
||||
ul {
|
||||
opacity: 0;
|
||||
display: -webkit-inline-box;
|
||||
display: -ms-inline-flexbox;
|
||||
display: inline-flex;
|
||||
margin: 10px 0;
|
||||
.btn-group{
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
.btn a{
|
||||
margin-right: 10px;
|
||||
&::after{
|
||||
position: absolute;
|
||||
content: " ";
|
||||
width: 5px;
|
||||
}
|
||||
&:hover, &.active{
|
||||
&::after{
|
||||
content: "\002022";
|
||||
}
|
||||
}
|
||||
input{
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
&:hover, &.active{
|
||||
&::after{
|
||||
content: "\002022";
|
||||
}
|
||||
}
|
||||
}
|
||||
#items{
|
||||
.full-works{
|
||||
.card{
|
||||
width: calc( (100vw / 3 - calc( 41px / 3 ) ) );
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.down{
|
||||
.cat-list{
|
||||
&::after{
|
||||
-webkit-animation: showborder 2.5s 1.6s ease forwards;
|
||||
animation: showborder 2.5s 1.6s ease forwards;
|
||||
}
|
||||
ul{
|
||||
-webkit-animation: ultranslate 1s 2.5s ease forwards;
|
||||
animation: ultranslate 1s 2.5s ease forwards;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#page-wrapper{
|
||||
padding-left: 10px;
|
||||
z-index: 1000;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.scroll{
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.full-works{
|
||||
.card{
|
||||
opacity: 0;
|
||||
margin-top: 30px;
|
||||
}
|
||||
}
|
||||
|
||||
.down{
|
||||
#start{
|
||||
margin-top: 90px;
|
||||
height: 100%;
|
||||
}
|
||||
.cat-list{
|
||||
&:after{
|
||||
width: 100%;
|
||||
height: 1px;
|
||||
background: black;
|
||||
}
|
||||
& > ul{
|
||||
label{
|
||||
opacity: 1;
|
||||
margin-left: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
.full-works{
|
||||
.card{
|
||||
opacity: 1;
|
||||
transition: 1.5s opacity 1s ease, 1.5s margin-top 1s ease;
|
||||
margin-top: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.down{
|
||||
.cat-list{
|
||||
&:after{
|
||||
-webkit-transition: 2s 1.5s width ease;
|
||||
transition: 2s 1.5s width ease;
|
||||
}
|
||||
& > ul{
|
||||
label{
|
||||
-webkit-transition: 2s 1.5s all ease;
|
||||
transition: 2s 1.5s all ease;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -2,7 +2,6 @@ body, html {
|
||||
margin: 0;
|
||||
overflow: hidden;
|
||||
-webkit-transition: opacity 400ms;
|
||||
-moz-transition: opacity 400ms;
|
||||
transition: opacity 400ms;
|
||||
}
|
||||
|
||||
@@ -30,7 +29,7 @@ header{
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
|
||||
.onepage-pagination {
|
||||
position: absolute;
|
||||
right: 10px;
|
||||
@@ -82,7 +81,6 @@ header{
|
||||
}
|
||||
.disabled-onepage-scroll .onepage-wrapper {
|
||||
-webkit-transform: none !important;
|
||||
-moz-transform: none !important;
|
||||
transform: none !important;
|
||||
-ms-transform: none !important;
|
||||
min-height: 100%;
|
||||
|
||||
@@ -93,7 +93,7 @@ time{
|
||||
font-size: $fs;
|
||||
}
|
||||
.card-footer{
|
||||
line-height: 0.2rem;
|
||||
line-height: 0.5rem;
|
||||
.tags{
|
||||
a{
|
||||
color: $grey!important;
|
||||
|
||||
@@ -2,38 +2,119 @@ html, body{
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.blog{
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
&.down{
|
||||
height: 5rem;
|
||||
}
|
||||
}
|
||||
|
||||
#start{
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.card{
|
||||
width: calc((100% / 3));
|
||||
line-height: 0.8rem!important;
|
||||
width: calc((100% / 3) - (10px));
|
||||
margin-bottom: 7px;
|
||||
.card-header{
|
||||
margin-top: 5px;
|
||||
width: 100%;
|
||||
display: -webkit-inline-box;
|
||||
display: -ms-inline-flexbox;
|
||||
display: inline-flex;
|
||||
-webkit-box-align: baseline;
|
||||
-ms-flex-align: baseline;
|
||||
align-items: baseline;
|
||||
& > div{
|
||||
& > div {
|
||||
margin-right: 5px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.scroll{
|
||||
cursor: pointer;
|
||||
}
|
||||
#top{
|
||||
display: none;
|
||||
.contact{
|
||||
z-index: 999;
|
||||
position: fixed;
|
||||
right: 0;
|
||||
top: 0;
|
||||
width: 90px;
|
||||
height: 90px;
|
||||
-webkit-transition: width 0.5s ease, margin 0.5s;
|
||||
transition: width 0.5s ease, margin 0.5s;
|
||||
& > svg{
|
||||
-webkit-animation: rotation 12s infinite linear;
|
||||
animation: rotation 12s infinite linear;
|
||||
}
|
||||
h3{
|
||||
cursor: pointer;
|
||||
z-index: 999;
|
||||
position: fixed;
|
||||
top: 34px;
|
||||
right: 37px;
|
||||
color: white;
|
||||
-webkit-transform: rotate(45deg);
|
||||
transform: rotate(45deg);
|
||||
transition: transform 0.5s ease;
|
||||
}
|
||||
.txt{
|
||||
text-align: right;
|
||||
position: fixed;
|
||||
right: -200%;
|
||||
left: 200%;
|
||||
-webkit-transition: color 0.5s ease, right 0s;
|
||||
color: transparent;
|
||||
transition: color 0.5s ease, right 0s;
|
||||
p{
|
||||
margin-top: 1rem;
|
||||
font-size: 1.5rem;
|
||||
line-height: 2rem;
|
||||
a{
|
||||
display: inline-block;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
}
|
||||
em{
|
||||
font-size: 1rem;
|
||||
}
|
||||
&:nth-last-of-type(2){
|
||||
font-size: 1.2rem;
|
||||
line-height: 1.6rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
&.open{
|
||||
width: 2000px;
|
||||
height: auto;
|
||||
margin: -550px;
|
||||
-webkit-transition: width 0.5s ease, margin 0.5s;
|
||||
transition: width 0.5s ease, margin 0.5s;
|
||||
.txt{
|
||||
color: white;
|
||||
-webkit-transition: color 0.5s ease, right 0s;
|
||||
transition: color 0.5s ease, right 0s;
|
||||
text-align: right;
|
||||
position: fixed;
|
||||
top: 50px;
|
||||
left: auto;
|
||||
right: 70px;
|
||||
width: 650px;
|
||||
.reso{
|
||||
& > div{
|
||||
opacity: 1;
|
||||
-webkit-transition: opacity 0.5s 0.5s ease;
|
||||
transition: opacity 0.5s 0.5s ease;
|
||||
}
|
||||
}
|
||||
}
|
||||
h3{
|
||||
color: transparent;
|
||||
-webkit-transform: rotate(0deg);
|
||||
transform: rotate(0deg);
|
||||
transition: transform 0.5s ease;
|
||||
}
|
||||
}
|
||||
&.close{
|
||||
width: 90px;
|
||||
height: 90px;
|
||||
.txt{
|
||||
color: transparent;
|
||||
text-align: right;
|
||||
position: fixed;
|
||||
right: -200%;
|
||||
-webkit-transition: color 0.5s ease, right 0s;
|
||||
transition: color 0.5s ease, right 0s;
|
||||
}
|
||||
h3{
|
||||
-webkit-transform: rotate(45deg);
|
||||
transform: rotate(45deg);
|
||||
transition: transform 0.5s ease;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -1,136 +1,57 @@
|
||||
body{
|
||||
#page-wrapper.item{
|
||||
margin: 0 10px;
|
||||
.contact{
|
||||
.txt{
|
||||
display: none
|
||||
.item{
|
||||
#start{
|
||||
width: calc(100% - 10px);
|
||||
}
|
||||
}
|
||||
#items{
|
||||
.header-item{
|
||||
width: 100%;
|
||||
display: -webkit-inline-box;
|
||||
display: -ms-inline-flexbox;
|
||||
display: inline-flex;
|
||||
-webkit-box-pack: justify;
|
||||
-ms-flex-pack: justify;
|
||||
justify-content: space-between;
|
||||
margin-bottom: 1rem;
|
||||
.info{
|
||||
width: calc(100% / 3);
|
||||
.title{
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
h2{
|
||||
text-transform: uppercase;
|
||||
}
|
||||
& > *{
|
||||
margin-right: 0.5rem;
|
||||
}
|
||||
}
|
||||
.content{
|
||||
margin-top: 1rem;
|
||||
}
|
||||
}
|
||||
.prev-next{
|
||||
width: calc(100% / 3);
|
||||
position: relative;
|
||||
.btn-info{
|
||||
width: 250px;
|
||||
position: absolute;
|
||||
top: 20px;
|
||||
left: -80px;
|
||||
-webkit-transform: rotate(-17deg);
|
||||
transform: rotate(-17deg);
|
||||
}
|
||||
}
|
||||
}
|
||||
#start{
|
||||
margin-top: 5rem;
|
||||
}
|
||||
#body-wrapper.blog-listing {
|
||||
.img-card{
|
||||
width: calc( (100vw / 3 - calc( 41px / 3 ) ) );
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.header-item{
|
||||
position: relative;
|
||||
margin-bottom: 1.5rem;
|
||||
padding-top: 1.5rem;
|
||||
.title{
|
||||
display: -webkit-inline-box;
|
||||
display: -ms-inline-flexbox;
|
||||
display: inline-flex;
|
||||
-webkit-box-align: baseline;
|
||||
-ms-flex-align: baseline;
|
||||
align-items: baseline;
|
||||
h2{
|
||||
margin-right: 5px;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
time{
|
||||
margin-right: 5px;
|
||||
}
|
||||
span{
|
||||
margin-right: 5px;
|
||||
}
|
||||
}
|
||||
.content{
|
||||
width: calc((100% / 3) - 15px);
|
||||
margin-top: 20px;
|
||||
}
|
||||
.prev-next{
|
||||
width: calc(100% / 3);
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
top: calc( 50% + 1.5rem );
|
||||
-webkit-transform: translateY(-50%);
|
||||
transform: translateY(-50%);
|
||||
right: 0px;
|
||||
.btn{
|
||||
display: block;
|
||||
width: auto;
|
||||
height: 100%;
|
||||
.btn-info{
|
||||
position: absolute;
|
||||
-webkit-transform: rotate(-15deg);
|
||||
transform: rotate(-15deg);
|
||||
margin-left: 40px;
|
||||
margin-top: 20px;
|
||||
}
|
||||
img{
|
||||
float: right;
|
||||
width: 80%;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.top{
|
||||
text-align: center;
|
||||
margin: 20px auto 20px auto;
|
||||
width: 50px;
|
||||
img{
|
||||
width: 20px;
|
||||
margin-bottom:5px;
|
||||
}
|
||||
p{
|
||||
-webkit-transform: rotate(-10deg);
|
||||
transform: rotate(-10deg);
|
||||
}
|
||||
}
|
||||
.top{
|
||||
cursor: pointer;
|
||||
text-align: center;
|
||||
width: 100%;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 960px) {
|
||||
body{
|
||||
#page-wrapper.item{
|
||||
#body-wrapper.blog-listing{
|
||||
.header-item{
|
||||
.content{
|
||||
width: calc((100% / 2) - 5px);
|
||||
}
|
||||
.prev-next{
|
||||
width: calc((100% / 2) - 5px);
|
||||
}
|
||||
}
|
||||
.img-card{
|
||||
width: calc((100% / 2) - 5px);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 600px) {
|
||||
body{
|
||||
#page-wrapper.item{
|
||||
#body-wrapper.blog-listing{
|
||||
.header-item{
|
||||
.content{
|
||||
width: calc((100%) - 15px);
|
||||
}
|
||||
.prev-next{
|
||||
width: calc((100%) - 15px);
|
||||
position: relative;
|
||||
-webkit-transform: translateY(0%);
|
||||
transform: translateY(0%);
|
||||
.btn{
|
||||
.btn-info{
|
||||
display: none;
|
||||
}
|
||||
img{
|
||||
float: none;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.img-card{
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.img-card{
|
||||
width: calc((100% / 3) - (10px));
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
@@ -1,37 +1,160 @@
|
||||
@media screen and (max-width: 960px) {
|
||||
|
||||
@media screen and (max-width: 1024px) {
|
||||
.card{
|
||||
width: calc((100% / 2) - 10px);
|
||||
}
|
||||
.works-mea{
|
||||
& > div:last-child{
|
||||
display: none;
|
||||
.card{
|
||||
&:nth-child(3){
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
.card{
|
||||
width: calc((100% / 2) - 5px )!important;
|
||||
|
||||
#items{
|
||||
.header-item{
|
||||
.info{
|
||||
width: calc(100% / 2);
|
||||
}
|
||||
}
|
||||
}
|
||||
.img-card{
|
||||
width: calc((100% / 2) - 5px);
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 600px) {
|
||||
@media screen and (orientation:landscape) and (max-width: 812px) {
|
||||
.blog{
|
||||
header{
|
||||
.head{
|
||||
padding: 0!important;
|
||||
}
|
||||
h1{
|
||||
font-size: 2.5rem!important;
|
||||
line-height: 5rem!important;
|
||||
-webkit-text-stroke: 1px black!important;
|
||||
}
|
||||
h2{
|
||||
font-size: 1.5rem;
|
||||
line-height: 0rem!important;
|
||||
margin: -0.7rem 0 0 0!important;
|
||||
nav{
|
||||
margin-top: 50vh;
|
||||
transform: translate(0, -100%);
|
||||
}
|
||||
}
|
||||
}
|
||||
.works-mea{
|
||||
& > div:nth-child(2){
|
||||
display: none;
|
||||
.down{
|
||||
header{
|
||||
.head{
|
||||
nav{
|
||||
margin-top: 0!important;
|
||||
transform: translate(0)!important;
|
||||
transition: all 0.5s 1s ease;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.works-mea{
|
||||
display: none!important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 414px) {
|
||||
.down header, .item header{
|
||||
height: 70px;
|
||||
}
|
||||
header{
|
||||
.head{
|
||||
padding-top: 10px;
|
||||
nav{
|
||||
width: 80%!important;
|
||||
min-width: 80%!important;
|
||||
}
|
||||
}
|
||||
.contact{
|
||||
width: 70px;
|
||||
height: 70px;
|
||||
h3{
|
||||
top: 24px;
|
||||
right: 27px;
|
||||
}
|
||||
&.open{
|
||||
.txt{
|
||||
right: 25px;
|
||||
width: calc(100% - 30px);
|
||||
height: calc(100% - 50px);
|
||||
overflow-y: auto;
|
||||
p{
|
||||
font-size: 1rem;
|
||||
line-height: 1.4rem;
|
||||
&:nth-last-of-type(2){
|
||||
font-size: 0.8rem;
|
||||
line-height: 1.2rem;
|
||||
a{
|
||||
width: 15px;
|
||||
margin-left: 5px;
|
||||
}
|
||||
}
|
||||
em{
|
||||
font-size: 0.5rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
&.close{
|
||||
width: 70px;
|
||||
height: 70px;
|
||||
}
|
||||
}
|
||||
.works-mea{
|
||||
.card{
|
||||
width: 100%;
|
||||
&:nth-child(2){
|
||||
display: none;
|
||||
}
|
||||
&:nth-child(3){
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.blog{
|
||||
h2{
|
||||
line-height: 9vw;
|
||||
font-size: 6vw;
|
||||
}
|
||||
}
|
||||
.down, .item{
|
||||
#start{
|
||||
margin-top: 70px;
|
||||
}
|
||||
}
|
||||
.card{
|
||||
width: 100%!important;
|
||||
width: calc(100% - 10px);
|
||||
}
|
||||
|
||||
#items{
|
||||
.header-item{
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-box-direction: reverse;
|
||||
-ms-flex-direction: column-reverse;
|
||||
flex-direction: column-reverse;
|
||||
& > div{
|
||||
width: 100%!important;
|
||||
}
|
||||
& > .info{
|
||||
margin-top: 25px;
|
||||
.title{
|
||||
display: block;
|
||||
& > a {
|
||||
margin-right: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
.prev-next{
|
||||
.btn-info{
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.img-card{
|
||||
width: calc(100%);
|
||||
}
|
||||
.item{
|
||||
#items{
|
||||
padding-top: 25px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -6,34 +6,16 @@
|
||||
{% set show_sidebar = header_var('show_sidebar', [page, blog])|defined(true) %}
|
||||
{% set show_pagination = header_var('show_pagination', [page, blog])|defined(true) %}
|
||||
|
||||
|
||||
{% block body %}
|
||||
<section id="body-wrapper">
|
||||
<section>
|
||||
|
||||
{% embed 'partials/layout.html.twig' with {blog: page} %}
|
||||
{% block item %}
|
||||
|
||||
<div class="works full-works">
|
||||
{% for child in collection if child.template == 'item' %}
|
||||
{% include 'partials/blog-list-item.html.twig' with {blog: page, page: child} %}
|
||||
{% endfor %}
|
||||
</div>
|
||||
|
||||
|
||||
{% if show_pagination and config.plugins.pagination.enabled and collection.params.pagination %}
|
||||
<div id="listing-footer">
|
||||
{% include 'partials/pagination.html.twig' with {base_url: page.url, pagination: collection.params.pagination} %}
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
{% endblock %}
|
||||
|
||||
{% block sidebar %}
|
||||
{% include 'partials/sidebar.html.twig' %}
|
||||
{% endblock %}
|
||||
{% endembed %}
|
||||
</section>
|
||||
</section>
|
||||
|
||||
{% endblock %}
|
||||
|
||||
@@ -29,9 +29,8 @@
|
||||
{% do assets.addJs('theme://js/jquery.mCustomScrollbar.js', {group:'bottom'}) %}
|
||||
{% do assets.addJs('theme://js/jquery.mousewheel.min.js', {group:'bottom'}) %}
|
||||
{% do assets.addJs('theme://js/site.js', {group:'bottom'}) %}
|
||||
|
||||
|
||||
{% endblock %}
|
||||
|
||||
{{ assets.js()|raw }}
|
||||
|
||||
{% endblock head %}
|
||||
@@ -42,6 +41,76 @@
|
||||
{% block header %}
|
||||
<header class="section">
|
||||
<div class="head">
|
||||
<div class="contact">
|
||||
<svg viewBox="0 0 100 100" shape-rendering="geometricPrecision" >
|
||||
<polygon points="34.2,87.4 12.3,65.5 12.3,34.5 34.2,12.6 65.2,12.6 87.1,34.5 87.1,65.5 65.2,87.4" fill="black"/>
|
||||
</svg>
|
||||
<h3>
|
||||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<!-- Created with Inkscape (http://www.inkscape.org/) -->
|
||||
|
||||
<svg
|
||||
xmlns:dc="http://purl.org/dc/elements/1.1/"
|
||||
xmlns:cc="http://creativecommons.org/ns#"
|
||||
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
|
||||
xmlns:svg="http://www.w3.org/2000/svg"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
|
||||
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
|
||||
version="1.1"
|
||||
id="svg965"
|
||||
width="20"
|
||||
height="20">
|
||||
<metadata
|
||||
id="metadata971">
|
||||
<rdf:RDF>
|
||||
<cc:Work
|
||||
rdf:about="">
|
||||
<dc:format>image/svg+xml</dc:format>
|
||||
<dc:type
|
||||
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
|
||||
</cc:Work>
|
||||
</rdf:RDF>
|
||||
</metadata>
|
||||
<defs
|
||||
id="defs969" />
|
||||
<sodipodi:namedview
|
||||
pagecolor="#ffffff"
|
||||
bordercolor="#666666"
|
||||
borderopacity="1"
|
||||
objecttolerance="10"
|
||||
gridtolerance="10"
|
||||
guidetolerance="10"
|
||||
inkscape:pageopacity="0"
|
||||
inkscape:pageshadow="2"
|
||||
inkscape:window-width="640"
|
||||
inkscape:window-height="480"
|
||||
id="namedview967" />
|
||||
<inkscape:clipboard
|
||||
style="font-variant-east_asian:normal;opacity:1;vector-effect:none;fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:2.46460448;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
|
||||
min="1864.7122,919.53475"
|
||||
max="1884.7122,939.53475" />
|
||||
<g
|
||||
style="display:inline;fill:#ffffff;stroke:#ffffff;stroke-width:1.08238637;stroke-miterlimit:4;stroke-dasharray:none"
|
||||
transform="matrix(1.6100891,1.6100891,-1.6100891,1.6100891,-713.59607,-797.57947)"
|
||||
id="g1175">
|
||||
<path
|
||||
style="fill:#ffffff;stroke:#ffffff;stroke-width:1.08238637;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
|
||||
d="M 475.49404,20.410717 V 31.750003"
|
||||
id="path1169"
|
||||
inkscape:connector-curvature="0" />
|
||||
<path
|
||||
inkscape:connector-curvature="0"
|
||||
id="path1171"
|
||||
d="M 481.16368,26.08036 H 469.8244"
|
||||
style="fill:#ffffff;stroke:#ffffff;stroke-width:1.08238637;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
|
||||
</g>
|
||||
</svg>
|
||||
|
||||
</h3>
|
||||
|
||||
{% include 'partials/navigation.html.twig' %}
|
||||
</div>
|
||||
<nav class="title">
|
||||
<a href="/">
|
||||
<div class="svg-container">
|
||||
@@ -122,35 +191,20 @@
|
||||
</a>
|
||||
<h2>{{site.header.status|upper}}</h2></a>
|
||||
</nav>
|
||||
<div class="contact">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
|
||||
<polygon points="34.2,87.4 12.3,65.5 12.3,34.5 34.2,12.6 65.2,12.6 87.1,34.5 87.1,65.5 65.2,87.4" fill="black"/>
|
||||
</svg>
|
||||
|
||||
<h3>Contact</h3>
|
||||
{% include 'partials/navigation.html.twig' %}
|
||||
</div>
|
||||
</div>
|
||||
<div class="works works-mea">
|
||||
{% set options = { items: {'@page.children': '/'}, 'order': {'by': 'folder', 'dir': 'asc'} } %}
|
||||
{% set collection = page.collection(options) %}
|
||||
|
||||
{% for child in collection %}
|
||||
{% set mea = child.header.mea == 'true' %}
|
||||
{% if mea %}
|
||||
{% include 'partials/blog-list-mea.html.twig' with {blog: page, page: child} %}
|
||||
{% include 'partials/blog-list-mea.html.twig' with {blog: page, page: child} %}
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
</div>
|
||||
<div class="scroll">
|
||||
<p>
|
||||
<!-- <svg
|
||||
version="1.1"
|
||||
id="svg942"
|
||||
width="14.285693"
|
||||
height="21.176479">
|
||||
<path
|
||||
d="M 7.2954407,1.0142422 7.1691705,19.380554 M 1.0081461,10.47474 7.1691705,19.380554 13.277893,9.9696436"
|
||||
style="fill:none;stroke:#000000;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
|
||||
</svg> -->
|
||||
|
||||
<svg
|
||||
version="1.1"
|
||||
width="9.2404556"
|
||||
|
||||
@@ -1,5 +1,6 @@
|
||||
{% if not hero_image_name %}
|
||||
<div class="header-item">
|
||||
<div class="info">
|
||||
<div class="title">
|
||||
{% include 'partials/blog/title.html.twig' with {title_level: 'h2'} %}
|
||||
{% if page.header.subtitle %}
|
||||
@@ -18,6 +19,7 @@
|
||||
{{ page.content|raw }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="prev-next">
|
||||
|
||||
@@ -94,6 +96,4 @@
|
||||
id="path995"
|
||||
inkscape:connector-curvature="0" />
|
||||
</svg>
|
||||
|
||||
<p>top</p>
|
||||
</div>
|
||||
|
||||
@@ -1,3 +1,4 @@
|
||||
|
||||
{% for category in page.taxonomy.category %}
|
||||
<div class="card {{ category }}">
|
||||
|
||||
|
||||
@@ -1,6 +1,3 @@
|
||||
{% set item_col = show_sidebar ? 'col-9 col-md-12' : 'col-12' %}
|
||||
{% set sidebar_col = show_sidebar ? 'col-3 col-md-12' : 'col-12' %}
|
||||
|
||||
<div id="items">
|
||||
{% block item %}{% endblock %}
|
||||
</div>
|
||||
<div id="items">
|
||||
{% block item %}{% endblock %}
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user