[SITE] add template, blueprint, css for photo pages
This commit is contained in:
parent
e810aa8071
commit
c79ea83e0d
20 changed files with 542 additions and 705 deletions
|
|
@ -1,6 +1,8 @@
|
|||
title: Page
|
||||
pages: true
|
||||
|
||||
files: true
|
||||
|
||||
fields:
|
||||
title:
|
||||
label: Title
|
||||
|
|
|
|||
22
site/blueprints/photo.yaml
Normal file
22
site/blueprints/photo.yaml
Normal file
|
|
@ -0,0 +1,22 @@
|
|||
title: Photo
|
||||
pages:
|
||||
build:
|
||||
- title: carousel
|
||||
uid: carousel
|
||||
template: carousel
|
||||
template:
|
||||
- photo
|
||||
- carousel
|
||||
|
||||
files: true
|
||||
|
||||
fields:
|
||||
title:
|
||||
label: Title
|
||||
type: text
|
||||
text:
|
||||
label: Text
|
||||
type: textarea
|
||||
text2:
|
||||
label: Text below masonry
|
||||
type: textarea
|
||||
19
site/blueprints/redirect.yaml
Normal file
19
site/blueprints/redirect.yaml
Normal file
|
|
@ -0,0 +1,19 @@
|
|||
title: Page
|
||||
pages: true
|
||||
|
||||
files: false
|
||||
|
||||
fields:
|
||||
title:
|
||||
label: Title (not used)
|
||||
type: text
|
||||
target:
|
||||
label: Target
|
||||
type: page
|
||||
red_type:
|
||||
label: Redirect Type
|
||||
type: radio
|
||||
default: temporarly
|
||||
options:
|
||||
temp: temporarly (302)
|
||||
perm: permanent (301)
|
||||
|
|
@ -3,6 +3,7 @@ Title: Site
|
|||
pages:
|
||||
template:
|
||||
- default
|
||||
- redirect
|
||||
|
||||
fields:
|
||||
title:
|
||||
|
|
|
|||
|
|
@ -31,17 +31,17 @@ Modules Configuration
|
|||
*/
|
||||
|
||||
// plg-carousel
|
||||
//c::set('plg_carousel.enable', true);
|
||||
//c::set('plg_carousel.sort', 'sort'); // sortBy parameter: sort, title, etc.
|
||||
//c::set('plg_carousel.dir', 'asc'); // sortBy direction: asc, desc
|
||||
c::set('plg_carousel.enable', true);
|
||||
c::set('plg_carousel.sort', 'sort'); // sortBy parameter: sort, title, etc.
|
||||
c::set('plg_carousel.dir', 'asc'); // sortBy direction: asc, desc
|
||||
|
||||
// plg-masonry
|
||||
//c::set('plg_masonry.enable', true);
|
||||
//c::set('plg_masonry.width', 170);
|
||||
c::set('plg_masonry.enable', true);
|
||||
c::set('plg_masonry.width', 170);
|
||||
//c::set('plg_masonry.sizelimit', 1300); // limit the source image size (long edge)
|
||||
//c::set('plg_masonry.sort', 'sort'); // sortBy parameter: sort, title, etc.
|
||||
//c::set('plg_masonry.dir', 'asc'); // sortBy direction: asc, desc
|
||||
//c::set('plg_masonry.lightbox', 'swipebox');
|
||||
c::set('plg_masonry.sort', 'sort'); // sortBy parameter: sort, title, etc.
|
||||
c::set('plg_masonry.dir', 'asc'); // sortBy direction: asc, desc
|
||||
c::set('plg_masonry.lightbox', 'swipebox');
|
||||
|
||||
// plg-navbar style:
|
||||
//c::set('navbar-class', 'navbar-inverse navbar-fixed-top');
|
||||
|
|
@ -49,8 +49,8 @@ Modules Configuration
|
|||
//c::set('navbar-affix', true);
|
||||
|
||||
// bastians columns.php plugin from https://github.com/getkirby/plugins/tree/master/columns
|
||||
//c::set('columns.container', 'row');
|
||||
//c::set('columns.item', 'col-sm-6 columns');
|
||||
c::set('columns.container', 'row');
|
||||
c::set('columns.item', 'col-sm-6 columns');
|
||||
|
||||
// enhanced sitemap by Jannik Beyerstedt:
|
||||
c::set('smap_ignoreSite', array('sitemap', 'error', 'home'));
|
||||
|
|
|
|||
|
|
@ -12,6 +12,7 @@
|
|||
<?php
|
||||
echo js('assets/vendors/bootstrap/js/dist/util.js');
|
||||
echo js('assets/vendors/bootstrap/js/dist/collapse.js');
|
||||
echo js('assets/vendors/bootstrap/js/dist/carousel.js');
|
||||
?>
|
||||
|
||||
<?php if (c::get('navbar-affix')) : ?>
|
||||
|
|
@ -32,14 +33,6 @@ echo js('assets/vendors/bootstrap/js/dist/collapse.js');
|
|||
echo js('assets/vendors/swipebox/src/js/jquery.swipebox.min.js');
|
||||
}?>
|
||||
|
||||
<?php if (c::get('plg_carousel.enable')) : ?>
|
||||
<script type="text/javascript">
|
||||
$(document).ready(function () {
|
||||
$('.carousel').carousel('cycle');
|
||||
});
|
||||
</script>
|
||||
<?php endif; ?>
|
||||
|
||||
<?php if ((c::get('plg_masonry.lightbox')=='swipebox')) : ?>
|
||||
<script type="text/javascript">
|
||||
$(document).ready(function () {
|
||||
|
|
|
|||
58
site/snippets/plg-carousel.php
Normal file
58
site/snippets/plg-carousel.php
Normal file
|
|
@ -0,0 +1,58 @@
|
|||
<?php
|
||||
// -------------------------------------------
|
||||
// kirby snippet GENERAL
|
||||
// Title: plg-carousel
|
||||
// funct: twitter bootstap carousel for photos in carousel subpage (folder)
|
||||
// modified for bootstrap 4 !
|
||||
|
||||
// copyright: Jannik Beyerstedt | http://jannikbeyerstedt.de | code@jannikbeyerstedt.de
|
||||
// license: http://www.gnu.org/licenses/gpl-3.0.txt GPLv3 License
|
||||
|
||||
// usage:
|
||||
// snippet('plg-carousel', array('currentPage'=>$page,
|
||||
// 'preNormal'=>'optional html to add before carousel',
|
||||
// 'preAlt'=>'html if snippet is not displayed (for other styles)'))
|
||||
|
||||
// and set these constants in config.php:
|
||||
//c::set('plg_carousel.sort', 'sort'); // sortBy parameter: sort, title, etc.
|
||||
//c::set('plg_carousel.dir', 'asc'); // sortBy direction: asc, desc
|
||||
// -------------------------------------------
|
||||
|
||||
// display carousel only if there are images
|
||||
$carouselFolder = $currentPage->children()->find('carousel');
|
||||
if (!isset($preNormal)) {$preNormal="";}
|
||||
if (!isset($preAlt)) {$preAlt="";}
|
||||
$sort = c::get('plg_carousel.sort', 'title');
|
||||
$sdir = c::get('plg_carousel.dir', 'desc');
|
||||
|
||||
// if folder exists
|
||||
if (!(false==$carouselFolder) && ($carouselFolder->hasImages())) : echo $preNormal
|
||||
?>
|
||||
|
||||
<div id="myCarousel" class="carousel slide" data-ride="carousel">
|
||||
|
||||
<!-- Indicators -->
|
||||
<ol class="carousel-indicators">
|
||||
<?php $n=-1; foreach($carouselFolder->images()->sortBy($sort, $sdir) as $image): $n++; ?>
|
||||
<li data-target="#myCarousel" data-slide-to="<?php echo $n ?>" class="<?php if($n==0) echo ' active' ?>"></li>
|
||||
<?php endforeach ?>
|
||||
</ol>
|
||||
|
||||
<div class="carousel-inner" role="listbox">
|
||||
<?php $n=-1; foreach($carouselFolder->images()->sortBy($sort, $sdir) as $image): $n++; ?>
|
||||
<div class="carousel-item<?php if($n==0) echo ' active' ?>">
|
||||
<img src="<?php echo $image->url() ?>" alt="<?php echo $image->title()->html() ?>" />
|
||||
<div class="carousel-caption">
|
||||
<h3><?php echo $image->heading()->kirbytext() ?></h3>
|
||||
<?php echo $image->caption()->kirbytext() ?>
|
||||
</div>
|
||||
</div>
|
||||
<?php endforeach ?>
|
||||
</div>
|
||||
<a class="left carousel-control" href="#myCarousel" data-slide="prev"><span class="glyphicon glyphicon-chevron-left"></span></a>
|
||||
<a class="right carousel-control" href="#myCarousel" data-slide="next"><span class="glyphicon glyphicon-chevron-right"></span></a>
|
||||
</div>
|
||||
|
||||
<?php else : echo $preAlt ?>
|
||||
|
||||
<?php endif ?>
|
||||
31
site/templates/photo.php
Normal file
31
site/templates/photo.php
Normal file
|
|
@ -0,0 +1,31 @@
|
|||
<?php
|
||||
// -------------------------------------------
|
||||
// kirby template FOR jannikbeyerstedt.de
|
||||
|
||||
// copyright: Jannik Beyerstedt | https://jannikbeyerstedt.de
|
||||
// license: http://www.gnu.org/licenses/gpl-3.0.txt GPLv3 License
|
||||
// -------------------------------------------
|
||||
|
||||
snippet('base/html-head');
|
||||
snippet('base/cont-header');
|
||||
?>
|
||||
|
||||
<main class="section photo">
|
||||
|
||||
<?php echo snippet('plg-carousel', array('currentPage'=>$page,
|
||||
'preNormal'=>'',
|
||||
'preAlt'=>'')); ?>
|
||||
|
||||
<div class="container">
|
||||
<?php echo $page->text()->kirbytext(); ?>
|
||||
</div>
|
||||
|
||||
<?php echo snippet('plg/plg-masonry-sb', array('currentPage'=>$page)) ; ?>
|
||||
|
||||
<div class="container">
|
||||
<?php echo $page->text2()->kirbytext(); ?>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<?php snippet('base/cont-footer') ?>
|
||||
<?php snippet('base/html-end') ?>
|
||||
18
site/templates/redirect.php
Normal file
18
site/templates/redirect.php
Normal file
|
|
@ -0,0 +1,18 @@
|
|||
<?php
|
||||
// -------------------------------------------
|
||||
// kirby template FOR jannikbeyerstedt.de
|
||||
|
||||
// copyright: Jannik Beyerstedt | https://jannikbeyerstedt.de
|
||||
// license: http://www.gnu.org/licenses/gpl-3.0.txt GPLv3 License
|
||||
// -------------------------------------------
|
||||
|
||||
$target = $page->target()->url();
|
||||
if ($page->red_type() == 'temp') {
|
||||
$code = 302;
|
||||
}else if ($page->red_type() == 'perm') {
|
||||
$code = 301;
|
||||
}else {
|
||||
$code = 302;
|
||||
}
|
||||
header::redirect($target, $code);
|
||||
?>
|
||||
Loading…
Add table
Add a link
Reference in a new issue