# ------------------------------------------------------------------------------
# ~/_data/modules/masonry.yml
# User configuration settings for J1 Masonry module
#
# Product/Info:
# //jekyll.one
#
# Copyright (C) 2023, 2024 Juergen Adams
#
# J1 Template is licensed under the MIT License.
# See: //github.com/jekyll-one/J1 Theme/blob/master/LICENSE
# ------------------------------------------------------------------------------
# ------------------------------------------------------------------------------
# Description
#
description:
caption: J1 Masonry
scope: User settings
location: _data/modules/masonry.yml
# ------------------------------------------------------------------------------
# User configuration settings
#
settings:
enabled: true
# ----------------------------------------------------------------------------
# All grids available
# ----------------------------------------------------------------------------
grids:
# --------------------------------------------------------------------------
# POSTS
# ------------------------------------------.-------------------------------
# --------------------------------------------------------------------------
# Post Series
#
- grid:
enabled: true
id: post_series_example
type: post
group: Featured # generate grid elements only for the group
gutters: 3
image_styles: img-fluid img-object--cover
image_height: 300px
translate_links: false # default: false
link_new_window: true # default: false
# ------------------------------------------------------------------------
# Bootstrap responsive options
#
responsive:
xs: 12
sm: 12
md: 6
lg: 4
xl: 4
# ------------------------------------------------------------------------
# Lightbox options (no lightbox available for posts)
# ------------------------------------------------------------------------
#
lightbox:
enabled: false
# ------------------------------------------------------------------------
# masonry options
#
options:
originTop: true
originLeft: true
initLayout: true
percentPosition: true
# ------------------------------------------------------------------------
# CSS filter options
#
filters:
enabled: true
grayscale: 1
contrast: 0.8
brightness: 0.4
# --------------------------------------------------------------------------
# COLLECTIONS
# ------------------------------------------.-------------------------------
# --------------------------------------------------------------------------
# Collection Portfolio
#
- grid:
enabled: true
id: collection_portfolio
type: collection
collection: portfolio # generate grid elements (articles) for the collection
gutters: 3
image_styles: img-fluid img-object--cover
image_height: 300px
image_width: 300px
translate_titles: false # default: false
# ------------------------------------------------------------------------
# Bootstrap responsive options
#
responsive:
xs: 12
sm: 12
md: 6
lg: 4
xl: 4
# ------------------------------------------------------------------------
# Lightbox options (no lightbox available for collections)
# ------------------------------------------------------------------------
#
lightbox:
enabled: false
# ------------------------------------------------------------------------
# Preview options
#
preview:
enabled: true
# ------------------------------------------------------------------------
# masonry options
#
options:
originTop: true
originLeft: true
initLayout: true
percentPosition: true
# --------------------------------------------------------------------------
# Collection Biography
#
- grid:
enabled: true
id: collection_biography
type: collection
collection: biography # generate grid elements (articles) for the collection
gutters: 3
image_styles: img-fluid img-object--cover
image_height: 470px
image_width: 400px
translate_titles: false # default: false
preview: true
# ------------------------------------------------------------------------
# Bootstrap responsive options
#
responsive:
xs: 12
sm: 12
md: 6
lg: 4
xl: 4
# ------------------------------------------------------------------------
# Lightbox options (no lightbox available for collections)
# ------------------------------------------------------------------------
#
lightbox:
enabled: false
# ------------------------------------------------------------------------
# masonry options
#
options:
originTop: true
originLeft: true
initLayout: true
percentPosition: true
# --------------------------------------------------------------------------
# Collection Fantasy
#
- grid:
enabled: true
id: collection_fantasy
type: collection
collection: fantasy # generate grid elements (articles) for the collection
gutters: 3
image_styles: img-fluid img-object--cover
image_height: 470px
image_width: 400px
translate_titles: false # default: false
preview: true
# ------------------------------------------------------------------------
# Bootstrap responsive options
#
responsive:
xs: 12
sm: 12
md: 6
lg: 4
xl: 4
# ------------------------------------------------------------------------
# Lightbox options (no lightbox available for collections)
# ------------------------------------------------------------------------
#
lightbox:
enabled: false
# ------------------------------------------------------------------------
# masonry options
#
options:
originTop: true
originLeft: true
initLayout: true
percentPosition: true
# --------------------------------------------------------------------------
# Collection Romance
#
- grid:
enabled: true
id: collection_romance
type: collection
translate_titles: true # default: false
collection: romance # generate grid elements (articles) for the collection
gutters: 3
image_styles: img-fluid img-object--cover
image_height: 470px
image_width: 400px
preview: true
# ------------------------------------------------------------------------
# Bootstrap responsive options
#
responsive:
xs: 12
sm: 12
md: 6
lg: 4
xl: 4
# ------------------------------------------------------------------------
# Lightbox options (no lightbox available for collections)
# ------------------------------------------------------------------------
#
lightbox:
enabled: false
# ------------------------------------------------------------------------
# masonry options
#
options:
originTop: true
originLeft: true
initLayout: true
percentPosition: true
# --------------------------------------------------------------------------
# IMAGES
# ------------------------------------------.-------------------------------
# --------------------------------------------------------------------------
# Images + Fixed Height + Gutters + Captions + Lightbox
#
- grid:
enabled: true
id: image_fixed_height_lb
type: image
gutters: 3
image_base_path: /assets/image/modules/gallery/mega_cities
image_styles: img-fluid
image_height: 300px
# ------------------------------------------------------------------------
# Bootstrap responsive options
#
responsive:
xs: 12
sm: 12
md: 6
lg: 4
xl: 4
# ------------------------------------------------------------------------
# lightbox settings
# ------------------------------------------------------------------------
#
lightbox:
enabled: true
type: lb # lb | lg
# ------------------------------------------------------------------------
# caption options
#
caption:
enabled: true
position: bottom # top|bottom|center
# ------------------------------------------------------------------------
# masonry options
#
options:
originTop: true
originLeft: true
initLayout: true
percentPosition: true
# ------------------------------------------------------------------------
# Images
#
images:
- image: # image 1
file: denys-nevozhai-1_b.jpg
caption: Man posing at the rooftop of Jin Mao Tower Shanghai - China
- image: # image 2
file: thomas-tucker_b.jpg
caption: Sunset over Taipei City - Taiwan
- image: # image 3
file: emmad-mazhari_b.jpg
caption: Chicago - United States
- image: # image 4
file: johan-mouchet_b.jpg
caption: The Queen Bee at the Eureka Tower - Melbourne Southbank Australia
- image: # image 5
file: federico-rizzarelli_b.jpg
caption: Shanghai - China
- image: # image 6
file: gints-gailis_b.jpg
caption: Shangri-La Hotel Jakarta - Indonesia
# --------------------------------------------------------------------------
# Images + Variable Height + Gutters + Captions + Lightbox
#
- grid:
enabled: true
id: image_variable_height_lb
type: image
gutters: 3
image_base_path: /assets/image/modules/gallery/mega_cities
image_styles: img-fluid
# ------------------------------------------------------------------------
# Bootstrap responsive options
#
responsive:
xs: 12
sm: 12
md: 6
lg: 4
xl: 4
# ------------------------------------------------------------------------
# Lightbox options
# ------------------------------------------------------------------------
#
lightbox:
enabled: true
type: lb # lb | lg
# ------------------------------------------------------------------------
# caption options
#
caption:
enabled: true
position: bottom # top|bottom|center
# ------------------------------------------------------------------------
# masonry options
#
options:
originTop: true
originLeft: true
initLayout: true
percentPosition: true
# ------------------------------------------------------------------------
# Images
#
images:
- image: # image 1
file: denys-nevozhai-1_b.jpg
caption: Man posing at the rooftop of Jin Mao Tower Shanghai - China
- image: # image 2
file: thomas-tucker_b.jpg
caption: Sunset over Taipei City - Taiwan
- image: # image 3
file: emmad-mazhari_b.jpg
caption: Chicago - United States
- image: # image 4
file: johan-mouchet_b.jpg
caption: The Queen Bee at the Eureka Tower - Melbourne Southbank Australia
- image: # image 5
file: federico-rizzarelli_b.jpg
caption: Shanghai - China
- image: # image 6
file: gints-gailis_b.jpg
caption: Shangri-La Hotel Jakarta - Indonesia
# --------------------------------------------------------------------------
# Images + Variable Height + Gutters + Captions + lightGallery
- grid:
enabled: true
id: image_variable_height_lg
type: image
gutters: 3
image_base_path: /assets/image/modules/gallery/mega_cities
image_styles: img-fluid
image_height: 300px
# ------------------------------------------------------------------------
# Bootstrap responsive options
#
responsive:
xs: 12
sm: 12
md: 6
lg: 4
xl: 4
# ------------------------------------------------------------------------
# VideoJS settings
# ------------------------------------------------------------------------
#
videojs:
enabled: false
# ------------------------------------------------------------------------
# lightbox settings
# ------------------------------------------------------------------------
#
lightbox:
enabled: true
type: lg # lb | lg
lightGallery:
plugins: lgFullscreen, lgRotate, lgThumbnail
options:
download: false
alignThumbnails: left
# ------------------------------------------------------------------------
# caption options
#
caption:
enabled: true
position: bottom # top|bottom|center
# ------------------------------------------------------------------------
# masonry options
#
options:
originTop: true
originLeft: true
initLayout: true
percentPosition: true
# ------------------------------------------------------------------------
# Images
#
images:
# image 1
- image:
file: denys-nevozhai-1_b.jpg
caption: Man posing at the rooftop of Jin Mao Tower Shanghai - China
# image 2
- image:
file: thomas-tucker_b.jpg
caption: Sunset over Taipei City - Taiwan
# image 3
- image:
file: emmad-mazhari_b.jpg
caption: Chicago - United States
# image 4
- image:
file: johan-mouchet_b.jpg
caption: The Queen Bee at the Eureka Tower - Melbourne Southbank Australia
# image 5
- image:
file: federico-rizzarelli_b.jpg
caption: Shanghai - China
# image 6
- image:
file: gints-gailis_b.jpg
caption: Shangri-La Hotel Jakarta - Indonesia
# --------------------------------------------------------------------------
# VIDEOS
# ------------------------------------------.-------------------------------
# --------------------------------------------------------------------------
# Video + Variable Height + Gutters + Captions + lightGallery
- grid:
enabled: true
id: mixed_video_example
type: video
gutters: 2
# ------------------------------------------------------------------------
# Bootstrap responsive options
#
responsive:
xs: 12
sm: 12
md: 6
lg: 6
xl: 6
# ------------------------------------------------------------------------
# VideoJS settings
# See settings: //jekyll.one/pages/public/manuals/videojs/videojs_api/
# ------------------------------------------------------------------------
#
videojs:
enabled: true
theme: uno
# ----------------------------------------------------------------------
# Player settings
# See: //jekyll.one/pages/public/manuals/videojs/lightgallery_api
# ----------------------------------------------------------------------
#
player:
enabled: true
# VideoJS
# --------------------------------------------------------------------
videojsPlayer:
enabled: true
options:
muted: false
preload: false
autoplayFirstVideo: true
playbackRates: [0.25, 0.5, 1, 1.5, 2]
controls: true
controlBar:
remainingTimeDisplay: true
pictureInPictureToggle: false
playbackRates: [0.25, 0.5, 1, 1.5, 2]
volumePanel:
inline: false
hotkeysPlugin:
enabled: true
options:
volumeStep: 0.2
skipButtonsPlugin:
enabled: true
options:
forward: 15
backward: 15
zoomPlugin:
enabled: true
options:
moveX: 0
moveY: 0
rotate: 0
zoom: 1
# Vimeo
# --------------------------------------------------------------------
vimeoPlayer:
enabled: true
options:
autoPlay: true
muted: true
# byline: 0
# portrait: 0
# color: var(--md-gray-100)
# Wistia
# --------------------------------------------------------------------
wistiaPlayer:
enabled: true
options:
autoPlay: true
fullscreenButton: true
muted: false
qualityControl: false
# Youtube
# --------------------------------------------------------------------
youTubePlayer:
enabled: true
options:
autoPlay: true
muted: true
showinfo: true
controls: true
# ------------------------------------------------------------------------
# Lightbox settings
# See settings for lightbox: //jekyll.one/pages/public/manuals/modules/lightbox
# See settings for lightGallery: //jekyll.one/pages/public/manuals/videojs/videojs_api
# ------------------------------------------------------------------------
#
lightbox:
enabled: true
type: lg
lightGallery:
plugins: lgThumbnail, lgVideo
options:
licenseKey: 0000-0000-000-0000
download: false
alignThumbnails: left
# addClass: lg-uno-thumbnails # customized thumbnails
# appendThumbnailsTo: .lg-outer # required for customized thumbnails
# animateThumb: false # required for customized thumbnails
# allowMediaOverlap: true # required for customized thumbnails
# ------------------------------------------------------------------------
# caption options
#
caption:
enabled: true
position: bottom # top|bottom|center
# ------------------------------------------------------------------------
# masonry options
#
options:
originTop: true
originLeft: true
initLayout: true
percentPosition: true
# ------------------------------------------------------------------------
# html5 video settings
# ------------------------------------------------------------------------
#
html5:
video_base_path: /assets/video/html5
poster_base_path: /assets/video/poster/html5
# ------------------------------------------------------------------------
# videos
#
videos:
# video 1
- video:
name: Planet Earth II
type: youtube
size: 1280-720
source: //youtu.be/IUN664s7N-c
pinterest_prefix: Pin video
tweet_prefix: Try video
description: >
Beauty of Nature
The BBC America presents breathtaking landscapes of
amazing habitats from their Planet Earth II series
on YouTube
poster:
style: img-responsive
source: //img.youtube.com/vi/IUN664s7N-c/maxresdefault.jpg
caption:
position: bottom
text: YouTube Video · Beauty of Nature
# video 2
- video:
name: Nature Video by Charlie Kaye
type: vimeo
size: 1280-720
source: //vimeo.com/112836958
pinterest_prefix: Pin video
tweet_prefix: Try video
description: >
Amazing Nature
poster:
style: img-responsive
source: /assets/video/poster/vimeo/amazing_nature.jpg
caption:
position: bottom
text: Vimeo Video · Amazing Nature
# video 3
- video:
name: Beginner Mat Pilates
type: dailymotion
size: 1280-720
source: //dai.ly/x87ycik
pinterest_prefix: Pin video
tweet_prefix: Try video
description: >
SELF Channel
Beginner Mat Pilates
poster:
style: img-responsive
source: /assets/video/poster/dailymotion/pilates.jpg
caption:
position: bottom
text: "Dailymotion Video · SELF Channel: Beginner Mat Pilates"
# video 4
- video:
name: Peck Pocketed
type: html5
size: 1280-720
source: peck_pocketed.mp4
pinterest_prefix: Pin video
tweet_prefix: Try video
description: >
Peck Pocketed by Kevin Herron
Student Academy Award winning cartoon clip on VideoJS
poster:
style: img-responsive
source: peck_pocketed.jpg
caption:
position: bottom
text: Local MP4 Video · Peck Pocketed
# ------------------------------------------------------------------------------
# END config