mirror/php-flextype
1
0
Fork 0
mirror of https://github.com/flextype/flextype.git synced 2025-08-18 19:01:40 +02:00
Code Issues Releases Wiki Activity

Flextype Core: Default Theme #165

Browse Source 
- look and feel updates
This commit is contained in:
Awilum
2019-07-03 13:38:13 +03:00
parent b012b940ef
commit 360ff28b3c
6 changed files with 76 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
site/themes/default/templates/about.html
View File

@@ -2,7 +2,7 @@
{% block content %}
<h1>{{ entry.title }}</h1>
<h1 class="text-center">{{ entry.title }}</h1>
{{ entry.content|shortcode|raw}}

2
site/themes/default/templates/blog-post.html
View File

@@ -1,7 +1,7 @@
{% extends "themes/default/templates/partials/base.html" %}
{% block content %}
<h1>{{ entry.title }}</h1>
<h1 class="text-center">{{ entry.title }}</h1>
<div class="blog-post">
{{ entry.content|shortcode|raw}}
</div>

2
site/themes/default/templates/blog.html
View File

@@ -2,7 +2,7 @@
{% block content %}
<h1>{{ entry.title }}</h1>
<h1 class="text-center">{{ entry.title }}</h1>
{# pagination #}
{% set entries_limit = entries.fetch('blog').entries_limit %}

21
site/themes/default/templates/gallery-item.html Normal file
View File

@@ -0,0 +1,21 @@
{% extends "themes/default/templates/partials/base.html" %}
{% block content %}
<h1 class="text-center">{{ entry.title }}</h1>
{% set media = filesystem_list_contents(PATH_ENTRIES ~ '/' ~ entry.slug) %}
<div class="gallery-grid are-images-unloaded">
{% for image in media %}
{% if image.extension == 'jpg' %}
<div class="gallery-grid-item animated fadeIn">
<a href="{{ base_url() }}/image/{{ entry.slug }}/{{ image.filename }}?dpr=2&w=800&q=70">
<img src="{{ base_url() }}/image/{{ entry.slug }}/{{ image.filename }}?dpr=2&w=350&q=60" class="gallery-grid-item-img" alt="">
</a>
</div>
{% endif %}
{% endfor %}
</div>
{% endblock %}

23
site/themes/default/templates/gallery.html Normal file
View File

@@ -0,0 +1,23 @@
{% extends "themes/default/templates/partials/base.html" %}
{% block content %}
<h1 class="text-center">{{ entry.title }}</h1>
{% set entries_gallery = entries.fetchAll(entry.slug) %}
<div class="row">
<div class="col-12">
<div class="gallery-grid-sizer"></div>
{% for entry_gallery in entries_gallery %}
<div class="gallery-grid-item animated fadeIn">
<a href="{{ entry_gallery.slug }}">
<h4 class="gallery-grid-item-title">{{ entry_gallery.title }}</h4>
<img src="{{ base_url() }}/image/{{ entry_gallery.slug }}/{{ entry_gallery.gallery_img }}?dpr=2&w=350&q=60" class="grid-item-img" alt="">
</a>
</div>
{% endfor %}
</div>
</div>
{% endblock %}

30
site/themes/default/templates/partials/base.html
View File

@@ -16,14 +16,19 @@
<link href="https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,500i,700,700i,900,900i&display=swap&subset=cyrillic,cyrillic-ext,latin-ext" rel="stylesheet">
{% set bootstrap = base_url() ~ '/site/themes/' ~ registry.settings.theme ~ '/assets/dist/css/bootstrap.min.css' %}
{% set animate = base_url() ~ '/site/themes/' ~ registry.settings.theme ~ '/assets/dist/css/animate.min.css' %}
{% set lightbox = base_url() ~ '/site/themes/' ~ registry.settings.theme ~ '/assets/dist/css/simplelightbox.min.css' %}
{% set default = base_url() ~ '/site/themes/' ~ registry.settings.theme ~ '/assets/dist/css/default.min.css' %}
{% do assets.add('css', bootstrap, 'site', 1) %}
{% do assets.add('css', default, 'site', 2) %}
{% do assets.add('css', animate, 'site', 2) %}
{% do assets.add('css', lightbox, 'site', 3) %}
{% do assets.add('css', default, 'site', 4) %}
{% for assets_site in assets.get('css', 'site') %}
{% for assets_by_priorities in assets_site %}
<link href="{{ assets_by_priorities.asset }}" rel="stylesheet">
{% endfor %}
{% endfor %}
{{ emitter.emit('onThemeHeader') }}
{{ snippets.exec('google-analytics')|raw }}
{% endblock %}
@@ -57,12 +62,35 @@
</div>
</main>
{% set default = base_url() ~ '/site/themes/' ~ registry.settings.theme ~ '/assets/dist/js/default.min.js' %}
{% set lightbox = base_url() ~ '/site/themes/' ~ registry.settings.theme ~ '/assets/dist/js/simple-lightbox.min.js' %}
{% do assets.add('js', default, 'site', 1) %}
{% do assets.add('js', lightbox, 'site', 2) %}
{% for assets_site in assets.get('js', 'site') %}
{% for assets_by_priorities in assets_site %}
<script src="{{ assets_by_priorities.asset }}"></script>
{% endfor %}
{% endfor %}
<script src="//cdnjs.cloudflare.com/ajax/libs/vanilla-lazyload/8.7.1/lazyload.min.js"></script>
<script src="//unpkg.com/imagesloaded@4/imagesloaded.pkgd.min.js"></script>
<script src="//unpkg.com/masonry-layout@4/dist/masonry.pkgd.min.js"></script>
<script type="text/javascript">
var lightbox = $('.gallery-grid a').simpleLightbox({'fileExt': false});
var $grid = $('.gallery-grid').imagesLoaded()
.done( function( instance ) {
$('.preloader').hide();
$grid.masonry({
visibleStyle: { transform: 'translateY(0)', opacity: 1 },
hiddenStyle: { transform: 'translateY(100px)', opacity: 0 },
});
})
.progress( function( instance, image ) {
});
</script>
{{ emitter.emit('onThemeTail') }}
</body>
</html>