j1-template 2022.4.7 → 2022.4.10

data/assets/themes/j1/modules/masterslider/css/skins/minimal.svg

@@ -0,0 +1,11 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="310.032" height="19" viewBox="0 0 310.032 19">
+  <defs>
+    <style>
+      .cls-1 {
+        fill: #3d3d3d;
+        fill-rule: evenodd;
+      }
+    </style>
+  </defs>
+  <path id="thin_cross_medium" data-name="thin cross medium" class="cls-1" d="M1157.97,520h-1v-1h1v1Zm1,1h-1v-1h1v1Zm1,1h-1v-1h1v1Zm1,1h-1v-1h1v1Zm1,1h-1v-1h1v1Zm-6-5v-1h1v1h-1Zm-1,1v-1h1v1h-1Zm-1,1v-1h1v1h-1Zm-1,1v-1h1v1h-1Zm-1,1v-1h1v1h-1Zm-1,1v-1h1v1h-1Zm4-7h1v1h-1v-1Zm-1-1h1v1h-1v-1Zm-1-1h1v1h-1v-1Zm-1-1h1v1h-1v-1Zm-1-1h1v1h-1v-1Zm7,4v1h-1v-1h1Zm1-1v1h-1v-1h1Zm1-1v1h-1v-1h1Zm1-1v1h-1v-1h1Zm1-1v1h-1v-1h1ZM1060,527h1v1h-1v-1Zm-1-1h1v1h-1v-1Zm-1-1h1v1h-1v-1Zm-1-1h1v1h-1v-1Zm-1-1h1v1h-1v-1Zm-1-1h1v1h-1v-1Zm-1-1h1v1h-1v-1Zm-1-1h1v1h-1v-1Zm-1-1h1v1h-1v-1Zm-1-1h1v1h-1v-1Zm2-1v1h-1v-1h1Zm1-1v1h-1v-1h1Zm1-1v1h-1v-1h1Zm1-1v1h-1v-1h1Zm1-1v1h-1v-1h1Zm1-1v1h-1v-1h1Zm1-1v1h-1v-1h1Zm1-1v1h-1v-1h1Zm1-1v1h-1v-1h1ZM958.938,520v-1h1v1h-1Zm-1,1v-1h1v1h-1Zm-1,1v-1h1v1h-1Zm-1,1v-1h1v1h-1Zm-1,1v-1h1v1h-1Zm-1,1v-1h1v1h-1Zm-1,1v-1h1v1h-1Zm-1,1v-1h1v1h-1Zm-1,1v-1h1v1h-1Zm9-10h1v1h-1v-1Zm-1-1h1v1h-1v-1Zm-1-1h1v1h-1v-1Zm-1-1h1v1h-1v-1Zm-1-1h1v1h-1v-1Zm-1-1h1v1h-1v-1Zm-1-1h1v1h-1v-1Zm-1-1h1v1h-1v-1Zm-1-1h1v1h-1v-1Zm-1-1h1v1h-1v-1Zm-92,10v1h-1v1h-1v1h-1v1h-1v1h-1v1h-1v1h-1v-1H852V511h1v1h1v1h1v1h1v1h1v1h1v1h1v1h0.938v1h-1Z" transform="translate(-851.938 -509)"/>
+</svg>

data/assets/themes/j1/modules/masterslider/css/theme/uno.css

@@ -0,0 +1,95 @@
+/*
+ # -----------------------------------------------------------------------------
+ # ~/assets/themes/j1/modules/masterslider/css/theme/uno.css
+ # Provides MasterSlider styles for J1 Theme Uno
+ #
+ # Product/Info:
+ # https://jekyll.one
+ #
+ # Copyright (C) 2022 Juergen Adams
+ #
+ # J1 Template is licensed under the MIT License.
+ # See: https://github.com/jekyll-one-org/J1 Template/blob/master/LICENSE
+ # -----------------------------------------------------------------------------
+*/
+
+.icon-flex, .icon-wrapper-2x {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+.icon-wrapper-2x {
+  width: 45px;
+  height: 45px;
+  border-radius: 50%;
+  background: white;
+  overflow: hidden;
+}
+
+.ms-nav-lightbox {
+  top: 5%;
+  right: 33px;
+  left: auto;
+  position: fixed;
+  z-index: 110;
+}
+
+.j1-ms-info {
+  font-family: "Lato";
+  padding-top: 10px;
+  padding-right: 90px;
+  padding-bottom: 10px;
+  padding-left: 90px;
+  line-height: normal;
+  color: #f3f3f3;
+}
+
+.j1-ms-info-boxed {
+  font-family: "Lato";
+  padding-top: 10px;
+  padding-right: 90px;
+  padding-bottom: 10px;
+  padding-left: 90px;
+  line-height: normal;
+  color: #f3f3f3;
+  background-color: rgba(0,0,0,.75);
+}
+
+.j1-ms-info-title {
+  text-align: center;
+  font-size: 24px;
+  font-weight: 600;
+  color: ##BDBDBD;
+}
+
+.j1-ms-info-tagline {
+  text-align: center;
+  font-style: italic;
+  font-size: 18px;
+  font-weight: 400;
+  color: #9E9E9E;
+  margin-bottom: 1rem;
+}
+
+.j1-ms-info-description {
+  text-align: center;
+  font-size: 18px;
+  font-weight: 300;
+}
+
+.j1-ms-thumb-title {
+  font-size: 18px;
+  font-weight: 600;
+}
+
+.j1-ms-thumb-tagline {
+  font-size: 16px;
+  font-weight: 400;
+  font-style: italic;
+  margin-bottom: 1rem;
+}
+
+.j1-ms-thumb-description {
+  font-size: 16px;
+  font-weight: 300;
+}

data/assets/themes/j1/modules/masterslider/css/theme/uno.min.css

@@ -0,0 +1,95 @@
+/*
+ # -----------------------------------------------------------------------------
+ # ~/assets/themes/j1/modules/masterslider/css/theme/uno.css
+ # Provides MasterSlider styles for J1 Theme Uno
+ #
+ # Product/Info:
+ # https://jekyll.one
+ #
+ # Copyright (C) 2022 Juergen Adams
+ #
+ # J1 Template is licensed under the MIT License.
+ # See: https://github.com/jekyll-one-org/J1 Template/blob/master/LICENSE
+ # -----------------------------------------------------------------------------
+*/
+
+.icon-flex, .icon-wrapper-2x {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+.icon-wrapper-2x {
+  width: 45px;
+  height: 45px;
+  border-radius: 50%;
+  background: white;
+  overflow: hidden;
+}
+
+.ms-nav-lightbox {
+  top: 5%;
+  right: 33px;
+  left: auto;
+  position: fixed;
+  z-index: 110;
+}
+
+.j1-ms-info {
+  font-family: "Lato";
+  padding-top: 10px;
+  padding-right: 90px;
+  padding-bottom: 10px;
+  padding-left: 90px;
+  line-height: normal;
+  color: #f3f3f3;
+}
+
+.j1-ms-info-boxed {
+  font-family: "Lato";
+  padding-top: 10px;
+  padding-right: 90px;
+  padding-bottom: 10px;
+  padding-left: 90px;
+  line-height: normal;
+  color: #f3f3f3;
+  background-color: rgba(0,0,0,.75);
+}
+
+.j1-ms-info-title {
+  text-align: center;
+  font-size: 24px;
+  font-weight: 600;
+  color: ##BDBDBD;
+}
+
+.j1-ms-info-tagline {
+  text-align: center;
+  font-style: italic;
+  font-size: 18px;
+  font-weight: 400;
+  color: #9E9E9E;
+  margin-bottom: 1rem;
+}
+
+.j1-ms-info-description {
+  text-align: center;
+  font-size: 18px;
+  font-weight: 300;
+}
+
+.j1-ms-thumb-title {
+  font-size: 18px;
+  font-weight: 600;
+}
+
+.j1-ms-thumb-tagline {
+  font-size: 16px;
+  font-weight: 400;
+  font-style: italic;
+  margin-bottom: 1rem;
+}
+
+.j1-ms-thumb-description {
+  font-size: 16px;
+  font-weight: 300;
+}

data/assets/themes/j1/modules/masterslider/css/themes/ms-skin-sample.css

@@ -0,0 +1,172 @@
+/**
+ *  Master Slider Sample Skin
+ *
+ * This file does not load by Masterslider and is just for those who wants 
+ * to know how skin file is structured and let them to create their own custom skin
+ * If you want to create your own custom skin you need to replace "ms-skin-default" with your unique skin name
+ */
+
+.ms-skin-default .ms-slide .ms-slide-vpbtn,
+.ms-skin-default .ms-video-btn{
+	width: 50px;
+	height: 51px;
+	background: url(skins/light-skin-1.png) no-repeat -14px -150px;
+	top: 50%;
+	left: 50%;
+	margin: -25px 0 0 -25px;
+}
+
+.ms-skin-default .ms-slide .ms-slide-vcbtn {
+	width: 30px;
+	height: 30px;
+	background: url(skins/light-skin-1.png) no-repeat -24px -28px;
+	top: 18px;
+	right: 30px;
+}
+
+/* controls */
+
+.ms-skin-default .ms-nav-next,
+.ms-skin-default .ms-nav-prev {
+	width: 30px;
+	background: url(skins/light-skin-1.png);
+	background-position: -89px -26px;
+	height: 40px;
+	cursor: pointer;
+	top: 50%;
+	left: 30px;
+	margin-top: -20px;
+	position: absolute;
+	z-index: 10;
+}
+.ms-skin-default .ms-nav-next {
+	right: 30px;
+	left: auto;
+	background-position: -89px -103px;
+}
+
+
+
+.ms-skin-default .ms-bullet {
+	width: 10px;
+	height: 10px;
+	background: url(skins/light-skin-1.png) no-repeat;
+	margin: 4px;
+	background-position: -34px -117px;
+}
+
+.ms-skin-default .ms-bullet-selected {
+	background-position: -34px -84px;
+}
+
+.ms-skin-default .ms-tooltip{
+	position: absolute;
+	z-index: 110;
+	cursor: auto;
+}
+
+.ms-skin-default .ms-tooltip-top .ms-tooltip-arrow,
+.ms-skin-default .ms-tooltip-bottom .ms-tooltip-arrow{
+	border-left: solid 10px transparent;
+	border-right: solid 10px transparent;
+	position: absolute;
+	left: 50%;
+	margin-left: -10px;
+}
+
+.ms-skin-default .ms-tooltip-top .ms-tooltip-arrow{
+	border-top: solid 10px;
+	border-top-color: silver;
+	border-top-color: rgba(240, 240, 240, 0.88);
+	bottom: -10px;
+}
+
+.ms-skin-default .ms-tooltip-bottom .ms-tooltip-arrow {
+	border-bottom: solid 10px;
+	border-bottom-color: silver;
+	border-bottom-color: rgba(240, 240, 240, 0.88);
+	top: -10px;
+}
+
+.ms-skin-default .ms-tooltip-right .ms-tooltip-arrow,
+.ms-skin-default .ms-tooltip-left .ms-tooltip-arrow{
+	border-top: solid 10px transparent;
+	border-bottom: solid 10px transparent;
+	position: absolute;
+	top: 50%;
+	margin-top: -10px;
+}
+
+.ms-skin-default .ms-tooltip-right .ms-tooltip-arrow{
+	border-right: solid 10px;
+	border-right-color: silver;
+	border-right-color: rgba(240, 240, 240, 0.88);
+	left: -10px;
+}
+
+.ms-skin-default .ms-tooltip-left .ms-tooltip-arrow {
+	border-left: solid 10px;
+	border-left-color: silver;
+	border-left-color: rgba(240, 240, 240, 0.88);
+	right: -10px;
+}
+
+.ms-skin-default .ms-tooltip-point {cursor: pointer;}
+.ms-skin-default .ms-tooltip-point .ms-point-center {
+	width: 12px;
+	height: 12px; 
+	border-radius: 15px;
+	border: solid 2px #BBB;
+	background: white;
+	margin: -8px 0 0 -8px;
+	position: absolute;
+	z-index: 5;
+}
+
+.ms-skin-default .ms-tooltip-point .ms-point-border {
+	width: 22px;
+	height: 22px; 
+	background: black;
+	background:rgba(0, 0, 0, 0.36);
+	margin: -11px 0 0 -11px;
+	position: absolute;
+	border-radius: 15px;
+	
+	animation: point-anim 1.5s infinite ;
+	-moz-animation: point-anim 1.5s infinite;
+	-webkit-animation: point-anim 1.5s infinite;
+	-o-animation: point-anim 1.5s infinite;
+}
+
+.ms-skin-default .ms-tooltip {
+	max-width:200px;
+}
+
+.ms-skin-default .ms-tooltip-cont {
+	padding: 10px;
+	background: silver;
+	background: rgba(240, 240, 240, 0.88);
+	text-shadow: 0 1px 0px white;
+	margin-left: -1px;
+}
+
+/* retina */
+@media 
+only screen and (-webkit-min-device-pixel-ratio: 2),
+only screen and (   min--moz-device-pixel-ratio: 2),
+only screen and (     -o-min-device-pixel-ratio: 2/1),
+only screen and (        min-device-pixel-ratio: 2),
+only screen and (                min-resolution: 192dpi),
+only screen and (                min-resolution: 2dppx) {
+	
+	.ms-skin-default .ms-slide .ms-slide-vpbtn,
+	.ms-skin-default .ms-video-btn,
+	.ms-skin-default .ms-slide .ms-slide-vcbtn,
+	.ms-skin-default .ms-nav-next,
+	.ms-skin-default .ms-nav-prev,
+	.ms-skin-default .ms-bullet{
+		background-image:url(skins/light-skin-1-retina.png);
+		background-size: 152px 225px;
+	}
+	
+}

data/assets/themes/j1/modules/masterslider/css/themes/ms-skin-sample.min.css

@@ -0,0 +1,172 @@
+/**
+ *  Master Slider Sample Skin
+ *
+ * This file does not load by Masterslider and is just for those who wants 
+ * to know how skin file is structured and let them to create their own custom skin
+ * If you want to create your own custom skin you need to replace "ms-skin-default" with your unique skin name
+ */
+
+.ms-skin-default .ms-slide .ms-slide-vpbtn,
+.ms-skin-default .ms-video-btn{
+	width: 50px;
+	height: 51px;
+	background: url(skins/light-skin-1.png) no-repeat -14px -150px;
+	top: 50%;
+	left: 50%;
+	margin: -25px 0 0 -25px;
+}
+
+.ms-skin-default .ms-slide .ms-slide-vcbtn {
+	width: 30px;
+	height: 30px;
+	background: url(skins/light-skin-1.png) no-repeat -24px -28px;
+	top: 18px;
+	right: 30px;
+}
+
+/* controls */
+
+.ms-skin-default .ms-nav-next,
+.ms-skin-default .ms-nav-prev {
+	width: 30px;
+	background: url(skins/light-skin-1.png);
+	background-position: -89px -26px;
+	height: 40px;
+	cursor: pointer;
+	top: 50%;
+	left: 30px;
+	margin-top: -20px;
+	position: absolute;
+	z-index: 10;
+}
+.ms-skin-default .ms-nav-next {
+	right: 30px;
+	left: auto;
+	background-position: -89px -103px;
+}
+
+
+
+.ms-skin-default .ms-bullet {
+	width: 10px;
+	height: 10px;
+	background: url(skins/light-skin-1.png) no-repeat;
+	margin: 4px;
+	background-position: -34px -117px;
+}
+
+.ms-skin-default .ms-bullet-selected {
+	background-position: -34px -84px;
+}
+
+.ms-skin-default .ms-tooltip{
+	position: absolute;
+	z-index: 110;
+	cursor: auto;
+}
+
+.ms-skin-default .ms-tooltip-top .ms-tooltip-arrow,
+.ms-skin-default .ms-tooltip-bottom .ms-tooltip-arrow{
+	border-left: solid 10px transparent;
+	border-right: solid 10px transparent;
+	position: absolute;
+	left: 50%;
+	margin-left: -10px;
+}
+
+.ms-skin-default .ms-tooltip-top .ms-tooltip-arrow{
+	border-top: solid 10px;
+	border-top-color: silver;
+	border-top-color: rgba(240, 240, 240, 0.88);
+	bottom: -10px;
+}
+
+.ms-skin-default .ms-tooltip-bottom .ms-tooltip-arrow {
+	border-bottom: solid 10px;
+	border-bottom-color: silver;
+	border-bottom-color: rgba(240, 240, 240, 0.88);
+	top: -10px;
+}
+
+.ms-skin-default .ms-tooltip-right .ms-tooltip-arrow,
+.ms-skin-default .ms-tooltip-left .ms-tooltip-arrow{
+	border-top: solid 10px transparent;
+	border-bottom: solid 10px transparent;
+	position: absolute;
+	top: 50%;
+	margin-top: -10px;
+}
+
+.ms-skin-default .ms-tooltip-right .ms-tooltip-arrow{
+	border-right: solid 10px;
+	border-right-color: silver;
+	border-right-color: rgba(240, 240, 240, 0.88);
+	left: -10px;
+}
+
+.ms-skin-default .ms-tooltip-left .ms-tooltip-arrow {
+	border-left: solid 10px;
+	border-left-color: silver;
+	border-left-color: rgba(240, 240, 240, 0.88);
+	right: -10px;
+}
+
+.ms-skin-default .ms-tooltip-point {cursor: pointer;}
+.ms-skin-default .ms-tooltip-point .ms-point-center {
+	width: 12px;
+	height: 12px; 
+	border-radius: 15px;
+	border: solid 2px #BBB;
+	background: white;
+	margin: -8px 0 0 -8px;
+	position: absolute;
+	z-index: 5;
+}
+
+.ms-skin-default .ms-tooltip-point .ms-point-border {
+	width: 22px;
+	height: 22px; 
+	background: black;
+	background:rgba(0, 0, 0, 0.36);
+	margin: -11px 0 0 -11px;
+	position: absolute;
+	border-radius: 15px;
+	
+	animation: point-anim 1.5s infinite ;
+	-moz-animation: point-anim 1.5s infinite;
+	-webkit-animation: point-anim 1.5s infinite;
+	-o-animation: point-anim 1.5s infinite;
+}
+
+.ms-skin-default .ms-tooltip {
+	max-width:200px;
+}
+
+.ms-skin-default .ms-tooltip-cont {
+	padding: 10px;
+	background: silver;
+	background: rgba(240, 240, 240, 0.88);
+	text-shadow: 0 1px 0px white;
+	margin-left: -1px;
+}
+
+/* retina */
+@media 
+only screen and (-webkit-min-device-pixel-ratio: 2),
+only screen and (   min--moz-device-pixel-ratio: 2),
+only screen and (     -o-min-device-pixel-ratio: 2/1),
+only screen and (        min-device-pixel-ratio: 2),
+only screen and (                min-resolution: 192dpi),
+only screen and (                min-resolution: 2dppx) {
+	
+	.ms-skin-default .ms-slide .ms-slide-vpbtn,
+	.ms-skin-default .ms-video-btn,
+	.ms-skin-default .ms-slide .ms-slide-vcbtn,
+	.ms-skin-default .ms-nav-next,
+	.ms-skin-default .ms-nav-prev,
+	.ms-skin-default .ms-bullet{
+		background-image:url(skins/light-skin-1-retina.png);
+		background-size: 152px 225px;
+	}
+	
+}

data/assets/themes/j1/modules/masterslider/js/addons/masterslider.flickr.min.js

@@ -0,0 +1 @@
+(function(){var i=function(n,t,i){return"http://api.flickr.com/services/rest/?method=flickr.photosets.getPhotos&api_key="+n+"&photoset_id="+t+"&per_page="+i+"&format=json&jsoncallback=?"},r=function(n,t,i){return"http://api.flickr.com/services/rest/?&method=flickr.people.getPublicPhotos&api_key="+n+"&user_id="+t+"&per_page="+i+"&format=json&jsoncallback=?"},u=function(n,t){return"http://api.flickr.com/services/rest/?&method=flickr.photos.getInfo&api_key="+n+"&photo_id="+t+"&format=json&jsoncallback=?"},t=function(n,t,i,r,u){return"http://farm"+n+".staticflickr.com/"+t+"/"+i+"_"+r+u+".jpg"},n;window.MSFlickr=function(n,t){var f={count:10,type:"photoset",desc:!0,title:!0,author:!0,thumbs:!0,descEff:"fade",titleEff:"fade",authorEff:"fade",autoplayDelay:4,thumbSize:"q",imgSize:"c"},u;if(this.count=0,this.slider=n,this.slider.preventInit=!0,!t.key){this.errMsg("Flickr API Key required. Please add it in gallery options.");return}$.extend(f,t),this.options=f,u=this,this.options.type==="photoset"?$.getJSON(i(this.options.key,this.options.id,this.options.count),function(n){u._photosData(n)}):$.getJSON(r(this.options.key,this.options.id,this.options.count),function(n){u.options.type="photos",u._photosData(n)}),this.options.imgSize!==""&&(this.options.imgSize="_"+this.options.imgSize),this.options.thumbSize="_"+this.options.thumbSize},n=MSFlickr.prototype,n._photosData=function(n){if(n.stat==="fail"){this.errMsg("Flickr API ERROR#"+n.code+": "+n.message);return}var i=this,r=this.options.author||this.options.desc;$.each(n[this.options.type].photo,function(n,f){var e='<div class="ms-slide" id="slide-'+n+'" data-delay="'+i.options.autoplayDelay+'">',o=f.title;e+='<img src="masterslider/blank.gif" data-src="'+t(f.farm,f.server,f.id,f.secret,i.options.imgSize)+'" alt="'+o+'" />',i.options.thumbs&&(e+='<img class="ms-thumb" src="'+t(f.farm,f.server,f.id,f.secret,i.options.thumbSize)+'" alt="'+o+'" />'),i.options.title&&(e+='<div class="ms-layer ms-fkr-title" data-effect="'+i.options.titleEff+'" data-duration = "1000"  data-ease = "easeOutQuad"  data-type = "text">'+o+"<\/div>"),e+="<\/div>",r&&(i.count++,$.getJSON(u(i.options.key,f.id),function(t){i.options.desc&&$("#slide-"+n).append('<div class="ms-layer ms-fkr-desc" data-effect="'+i.options.descEff+'" data-duration = "1000"  data-ease = "easeOutQuad"  data-type = "text">'+t.photo.description._content+"<\/div>"),i.options.author&&$("#slide-"+n).append('<div class="ms-layer ms-fkr-author" data-effect="'+i.options.authorEff+'" data-duration = "1000"  data-ease = "easeOutQuad"  data-type = "text">'+t.photo.owner.realname+"<\/div>"),i.count--,i.count===0&&i._initSlider()})),$(e).appendTo(i.slider.$element)}),this.count===0&&i._initSlider()},n.errMsg=function(n){this.slider.$element.css("display","block"),this.errEle||(this.errEle=$('<div style="font-family:Arial; color:red; font-size:12px; position:absolute; top:10px; left:10px"><\/div>').appendTo(this.slider.$loading)),this.errEle.html(n)},n._initSlider=function(){this.slider.preventInit=!1,this.slider._init()}})()

data/assets/themes/j1/modules/masterslider/js/addons/public.js

@@ -0,0 +1,10 @@
+(function ( $ ) {
+	"use strict";
+
+	$(function () {
+
+		// Place your public-facing JavaScript here
+
+	});
+
+}(jQuery));