Adobe. “Lightroom Classic Tutorials.” Learn How to Use Lightroom Classic, 2018, helpx.adobe.com/lightroom/tutorials.html
Adobe. “Apply Local Adjustments” Learn How to Apply Local Adjustments, 2018, https://helpx.adobe.com/lightroom/help/apply-local-adjustments.html#apply_local_adjustments
Adobe. “Add Interactivity to an InDesign Document.” To an InDesign Document | Adobe InDesign Tutorials 2018, helpx.adobe.com/indesign/how-to/create-interactive-document.html.
Adobe. “Add Audio, Video, and Interactive Objects to PDFs in Adobe Acrobat.” In Adobe Acrobat, helpx.adobe.com/acrobat/using/rich-media.html.
Flipsnack “Make Your PDFs Interactive and Engaging.” 2 Apr. 2019, flipsnack.com/make-pdf-interactive-engaging/.
Additional Credits to https://juxtapose.knightlab.com/which I used to make the comparison sliders embed code and https://www.cincopa.com/ which I used to make the Quick Start tutorial slideshow and lightbox. These websites provided the HTML embed code I embedded into my website using my own images I uploaded.
::SOURCE CODE::
(css source code for image integration embed)
/*@version2@version */
/*@createarg[
{'group':'controls','name':'theme_color','type':'color','title':'Controls color','default':'#ffffff',desc:'Customize Theme color for your player'},
{'group':'branded','name':'player_watermark_on_off','type':'bool','title':'Brand player','default':'false',desc:"Add your logo to the player control bar. If you don't want to add logo change the toggle button to 'Off'"},
{'group':'branded','name':'player_watermark','type':'text','title':'Player Logo URL','default':'','desc':'Type in the Logo file direct URL.', 'enableExp': 'param.player_watermark_on_off == "true"'},
{'group':'branded','name':'player_watermark_link','type':'text','title':'Player Logo click URL','default':'','desc':'Type in the click URL (target site URL when clicking the logo)', 'enableExp': 'param.player_watermark_on_off == "true"'},
{'group':'design','name':'arrows_color','type':'color','title':'Lightbox arrows color','default':'#ffffff',desc:'Customize lightbox arrows color'}
]@createarg
*/
/*@createarg[
{'group':'controls','name':'theme_color','type':'color','title':'Controls color','default':'#ffffff',desc:'Customize Theme color for your player'},
{'group':'branded','name':'player_watermark_on_off','type':'bool','title':'Brand player','default':'false',desc:"Add your logo to the player control bar. If you don't want to add logo change the toggle button to 'Off'"},
{'group':'branded','name':'player_watermark','type':'text','title':'Player Logo URL','default':'','desc':'Type in the Logo file direct URL.', 'enableExp': 'param.player_watermark_on_off == "true"'},
{'group':'branded','name':'player_watermark_link','type':'text','title':'Player Logo click URL','default':'','desc':'Type in the click URL (target site URL when clicking the logo)', 'enableExp': 'param.player_watermark_on_off == "true"'},
{'group':'design','name':'arrows_color','type':'color','title':'Lightbox arrows color','default':'#ffffff',desc:'Customize lightbox arrows color'}
]@createarg
*/
audio[controls] { height: auto !important; min-height: 40px; width: 100% !important; }
#~gallery_div~ .ze_search_cont { float: none; margin: 10px auto; }
#~gallery_div~ ul.ze_imagelist { margin:0px; padding:0px; position:relative; display: flex !important; flex-wrap: wrap; justify-content: center; }
#~gallery_div~ ul.ze_imagelist li {
display: inline-block; zoom:1; *display: inline; vertical-align: top;
display: flex; white-space: normal; flex-wrap: wrap;
border:none;
padding:0 0 7px 7px;
background-image:none;
list-style-type:none !important;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
display: inline-block; zoom:1; *display: inline; vertical-align: top;
display: flex; white-space: normal; flex-wrap: wrap;
border:none;
padding:0 0 7px 7px;
background-image:none;
list-style-type:none !important;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
#~gallery_div~ ul.ze_imagelist a {
display:block;
border:1px solid #D6D6D6;
padding:8px;
color:inherit;
overflow:hidden;
width:100px;
height: auto !important;
vertical-align:middle;
text-align:center; background: rgba(255,255,255,0.5);
}
#~gallery_div~ ul.ze_imagelist a:hover
{
background:#DBE6ED;
border:1px solid #BFCFD9;
color:#000;
}
{
background:#DBE6ED;
border:1px solid #BFCFD9;
color:#000;
}
#~gallery_div~ .ze_type_video .ico {
height: 130px !important;
background-image: url('data:image/png;base64,i
}
height: 130px !important;
background-image: url('data:image/png;base64,i
}
#~gallery_div~ ul.ze_imagelist .ze_item { height: auto !important; }
#~gallery_div~ ul.ze_imagelist img
{
margin:0px;
padding:0px;
border:0px solid white;
max-width:none; max-height:none; width: auto;
}
#~gallery_div~ ul.ze_imagelist .hide
{
display: none;
}
{
display: none;
}
/* this is for old wordpress templates */
#~gallery_div~ ul li:before,
#~gallery_div~ ul ul li:before {
content: '';
}
#~gallery_div~ ul li:before,
#~gallery_div~ ul ul li:before {
content: '';
}
#~gallery_div~ .ze_box {position:relative;text-decoration:none;}
#~gallery_div~ ul.pagination { padding:0; list-style:none !important;text-align: center; clear:both; position:relative}
#~gallery_div~ ul.pagination li a { text-decoration: none; color: #000; display: block; padding: 0 6px; background: rgb(224, 224, 224); margin: 1px; border-radius: 2px; font-size: 1.1em; }
#~gallery_div~ ul.pagination li a.firstBtn,
#~gallery_div~ ul.pagination li a.lastBtn,
#~gallery_div~ ul.pagination li a.prevBtn,
#~gallery_div~ ul.pagination li a.nextBtn { font-size: 0.8em; color: rgb(165, 165, 165); }
#~gallery_div~ ul.pagination li a { text-decoration: none; color: #000; display: block; padding: 0 6px; background: rgb(224, 224, 224); margin: 1px; border-radius: 2px; font-size: 1.1em; }
#~gallery_div~ ul.pagination li a.firstBtn,
#~gallery_div~ ul.pagination li a.lastBtn,
#~gallery_div~ ul.pagination li a.prevBtn,
#~gallery_div~ ul.pagination li a.nextBtn { font-size: 0.8em; color: rgb(165, 165, 165); }
#~gallery_div~ ul.pagination li { display:inline-block; vertical-align: middle; }
#~gallery_div~ ul.pagination li a:hover { background-color: #ECECEC; }
#~gallery_div~ ul.pagination li + li { }
#~gallery_div~ ul.pagination li a.active{ color: #f5911e; }
#~gallery_div~ ul.pagination li a:hover { background-color: #ECECEC; }
#~gallery_div~ ul.pagination li + li { }
#~gallery_div~ ul.pagination li a.active{ color: #f5911e; }
#~gallery_div~ .ze_imagelist li a,
.ze_imagelist li a img {
display: block;
position: relative;
}
#~gallery_div~ .ze_title {width:100%; color: inherit; font-size: 13px; position: relative; top: 0; line-height: 1.3; bottom: 35px; background: transparent; white-space: normal; text-overflow: ellipsis; overflow: hidden; text-align: left; }
#~gallery_div~ .ze_add_title { display: block; font-weight: bold; text-align: center; margin: .5em 0 .2em 0; font-size: 1.2em; }
#~gallery_div~ .ze_add_desc { display: block; }
#~gallery_div~ .ze_add_title { display: block; font-weight: bold; text-align: center; margin: .5em 0 .2em 0; font-size: 1.2em; }
#~gallery_div~ .ze_add_desc { display: block; }
#~gallery_div~ .ze_overlay_hover .ze_title{ position:absolute;bottom:0px;}
#~gallery_div~ .ze_overlay_hover {overflow:hidden;}
#~gallery_div~ ul.ze_imagelist li:hover .ze_title { opacity: 1; -webkit-transition: ease .5s opacity; }
#~gallery_div~ .ze_imagelist li a div.ze_overlay .ze_title { line-height: 1.1em;
font-size: 12px;
padding: 5px;
background: rgba(0,0,0,.7);
}
#~gallery_div~ ul
{
list-style:none !important;
list-style-image:none !important;
}
{
list-style:none !important;
list-style-image:none !important;
}
#~gallery_div~ .ze-swipebox .locationInfo {
position: absolute;z-index: 99;bottom: 6px;right: 12px;font-size: 10px;color: #FFFFFF;
}
position: absolute;z-index: 99;bottom: 6px;right: 12px;font-size: 10px;color: #FFFFFF;
}
.ze-swipebox-caption .locationInfo { font-size:10px;}
#~gallery_div~ .ze-swipebox .locationInfo:hover,
.ze-swipebox-caption .locationInfo:hover {
font-weight:bold;
text-decoration:underline;
color:#333FAF;
}
.ze-swipebox-caption .locationInfo:hover {
font-weight:bold;
text-decoration:underline;
color:#333FAF;
}
@font-face { font-family: 'cp-sliders'; src: url("data:application/x-font-ttf;charset=utf- format("truetype"); font-weight: normal; font-style: normal; }
#swipebox-overlay~gallery_div~ .ze-swipebox-action a { background: none !important; text-indent: 0; font-size: 0; line-height: 0; text-decoration: none; }
#swipebox-overlay~gallery_div~ .ze-swipebox-action a:before { font-size: 20px; padding: 14px; color: #fff; color:#~arg_arrows_color~; display: inline-block; font-family: 'cp-sliders' !important; text-indent: 0; speak: none; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
#swipebox-overlay~gallery_div~ .ze-swipebox-action a.ze-swipebox-prev:before { content: '\e911'; }
#swipebox-overlay~gallery_div~ .ze-swipebox-action a.ze-swipebox-next:before { content: '\e910'; }
#swipebox-overlay~gallery_div~ .ze-swipebox-action a.ze-swipebox-close:before { content: '\e907'; }
#swipebox-overlay~gallery_div~ .ze-swipebox-action a { background: none !important; text-indent: 0; font-size: 0; line-height: 0; text-decoration: none; }
#swipebox-overlay~gallery_div~ .ze-swipebox-action a:before { font-size: 20px; padding: 14px; color: #fff; color:#~arg_arrows_color~; display: inline-block; font-family: 'cp-sliders' !important; text-indent: 0; speak: none; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
#swipebox-overlay~gallery_div~ .ze-swipebox-action a.ze-swipebox-prev:before { content: '\e911'; }
#swipebox-overlay~gallery_div~ .ze-swipebox-action a.ze-swipebox-next:before { content: '\e910'; }
#swipebox-overlay~gallery_div~ .ze-swipebox-action a.ze-swipebox-close:before { content: '\e907'; }
div.videoTemplateVersion2 .mejs-container .mejs-overlay-play>.mejs-overlay-button:before{color:#~arg_theme_color~}
div.videoTemplateVersion2 .mejs-container .mejs-controls .mejs-time { color: #fff; color: #~arg_theme_color~; }
div.videoTemplateVersion2 .mejs-container .mejs-controls .mejs-time span { color: #fff; color: #~arg_theme_color~; }
div.videoTemplateVersion2 .mejs-container .mejs-controls .mejs-button button { color: #fff; color: #~arg_theme_color~ }
div.videoTemplateVersion2 .mejs-container .mediaElementVideoContainer .share-button:before { color: #fff; color: #~arg_theme_color~}
div.videoTemplateVersion2 .mejs-container .mejs-overlay.mejs-overlay-play .mejs-overlay-button { color: #FFF; color: #~arg_theme_color~; }
div.videoTemplateVersion2 .mejs-container .share-button:before {color: #fff; color: #~arg_theme_color~;}
div.videoTemplateVersion2 .mejs-container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {background: #~arg_theme_color~;}
div.videoTemplateVersion2 .mejs-container .mejs-controls .mejs-time { color: #fff; color: #~arg_theme_color~; }
div.videoTemplateVersion2 .mejs-container .mejs-controls .mejs-time span { color: #fff; color: #~arg_theme_color~; }
div.videoTemplateVersion2 .mejs-container .mejs-controls .mejs-button button { color: #fff; color: #~arg_theme_color~ }
div.videoTemplateVersion2 .mejs-container .mediaElementVideoContainer .share-button:before { color: #fff; color: #~arg_theme_color~}
div.videoTemplateVersion2 .mejs-container .mejs-overlay.mejs-overlay-play .mejs-overlay-button { color: #FFF; color: #~arg_theme_color~; }
div.videoTemplateVersion2 .mejs-container .share-button:before {color: #fff; color: #~arg_theme_color~;}
div.videoTemplateVersion2 .mejs-container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {background: #~arg_theme_color~;}