chandlerswift/ireland-trip-site
1
0
Fork 0
Code Issues 3 Pull requests Actions Packages Projects Releases Wiki Activity

Update to StoryMapJS@30965a6b42

Browse source
This commit is contained in:
Chandler Swift 2025-01-04 14:42:34 -06:00
parent 63484296b7
commit a04cf86640
Signed by: chandlerswift
GPG key ID: A851D929D52FB93F
5 changed files with 95 additions and 31 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

115
dist/css/storymap.css vendored
View file

@ -1225,22 +1225,26 @@
/* NAVIGATION
================================================== */
.vco-slidenav-previous,
.vco-slidenav-next {
.vco-slidenav-next,
.vco-slidenav-back {
position: absolute;
top: 45%;
z-index: 10;
cursor: pointer;
}
.vco-slidenav-previous .vco-slidenav-content-container,
.vco-slidenav-next .vco-slidenav-content-container {
.vco-slidenav-next .vco-slidenav-content-container,
.vco-slidenav-back .vco-slidenav-content-container {
height: 200px;
width: 00px;
position: absolute;
}
.vco-slidenav-previous .vco-slidenav-title,
.vco-slidenav-next .vco-slidenav-title,
.vco-slidenav-back .vco-slidenav-title,
.vco-slidenav-previous .vco-slidenav-description,
.vco-slidenav-next .vco-slidenav-description {
.vco-slidenav-next .vco-slidenav-description,
.vco-slidenav-back .vco-slidenav-description {
width: 100%;
-ms-word-break: break-all;
word-break: break-all;
@ -1256,7 +1260,8 @@
opacity: 0.15;
}
.vco-slidenav-previous .vco-slidenav-title,
.vco-slidenav-next .vco-slidenav-title {
.vco-slidenav-next .vco-slidenav-title,
.vco-slidenav-back .vco-slidenav-title {
margin-top: 10px;
font-size: 15px;
line-height: 15px;
@ -1264,31 +1269,39 @@
line-height: 11px;
}
.vco-slidenav-previous .vco-slidenav-description,
.vco-slidenav-next .vco-slidenav-description {
.vco-slidenav-next .vco-slidenav-description,
.vco-slidenav-back .vco-slidenav-description {
font-size: 11px;
}
/* ICONS AND NAVIGATION HOVER AND COLOR
================================================== */
.vco-slidenav-next .vco-slidenav-content-container .vco-slidenav-icon,
.vco-slidenav-previous .vco-slidenav-content-container .vco-slidenav-icon,
.vco-slidenav-back .vco-slidenav-content-container .vco-slidenav-icon,
.vco-slidenav-next .vco-slidenav-content-container .vco-slidenav-title,
.vco-slidenav-previous .vco-slidenav-content-container .vco-slidenav-title,
.vco-slidenav-back .vco-slidenav-content-container .vco-slidenav-title,
.vco-slidenav-next .vco-slidenav-content-container .vco-slidenav-description,
.vco-slidenav-previous .vco-slidenav-content-container .vco-slidenav-description {
.vco-slidenav-previous .vco-slidenav-content-container .vco-slidenav-description,
.vco-slidenav-back .vco-slidenav-content-container .vco-slidenav-description {
text-shadow: 1px 1px 1px #FFF;
color: #FFF;
}
.vco-slidenav-next .vco-slidenav-content-container.vco-slidenav-inverted .vco-slidenav-icon,
.vco-slidenav-previous .vco-slidenav-content-container.vco-slidenav-inverted .vco-slidenav-icon,
.vco-slidenav-back .vco-slidenav-content-container.vco-slidenav-inverted .vco-slidenav-icon,
.vco-slidenav-next .vco-slidenav-content-container.vco-slidenav-inverted .vco-slidenav-title,
.vco-slidenav-previous .vco-slidenav-content-container.vco-slidenav-inverted .vco-slidenav-title,
.vco-slidenav-back .vco-slidenav-content-container.vco-slidenav-inverted .vco-slidenav-title,
.vco-slidenav-next .vco-slidenav-content-container.vco-slidenav-inverted .vco-slidenav-description,
.vco-slidenav-previous .vco-slidenav-content-container.vco-slidenav-inverted .vco-slidenav-description {
.vco-slidenav-previous .vco-slidenav-content-container.vco-slidenav-inverted .vco-slidenav-description,
.vco-slidenav-back .vco-slidenav-content-container.vco-slidenav-inverted .vco-slidenav-description {
color: #333;
text-shadow: 1px 1px 1px #333;
}
.vco-slidenav-next .vco-slidenav-icon,
.vco-slidenav-previous .vco-slidenav-icon {
.vco-slidenav-previous .vco-slidenav-icon,
.vco-slidenav-back .vco-slidenav-icon {
font-family: 'vco-icons';
speak: none;
font-style: normal;
@ -1303,8 +1316,10 @@
}
.vco-slidenav-next:hover .vco-slidenav-title,
.vco-slidenav-previous:hover .vco-slidenav-title,
.vco-slidenav-back:hover .vco-slidenav-title,
.vco-slidenav-next:hover .vco-slidenav-description,
.vco-slidenav-previous:hover .vco-slidenav-description {
.vco-slidenav-previous:hover .vco-slidenav-description,
.vco-slidenav-back:hover .vco-slidenav-description {
filter: alpha(opacity=100);
-khtml-opacity: 1;
-moz-opacity: 1;
@ -1324,6 +1339,20 @@
.vco-slidenav-next:hover .vco-slidenav-icon {
margin-left: 80px;
}
.vco-slidenav-back {
text-align: right;
margin-right: 10px;
right: 100px;
}
.vco-slidenav-back .vco-slidenav-icon {
margin-left: 76px;
}
.vco-slidenav-back .vco-slidenav-icon:before {
content: "\e63e";
}
.vco-slidenav-back:hover .vco-slidenav-icon {
margin-left: 80px;
}
.vco-slidenav-previous {
text-align: left;
margin-left: 10px;
@ -1339,13 +1368,16 @@
}
/* Skinny
================================================== */
.vco-skinny .vco-slidenav-next {
.vco-skinny .vco-slidenav-next,
.vco-skinny .vco-slidenav-back {
right: 32px;
}
.vco-skinny .vco-slidenav-next .vco-slidenav-icon {
.vco-skinny .vco-slidenav-next .vco-slidenav-icon,
.vco-skinny .vco-slidenav-back .vco-slidenav-icon {
margin-left: 8px;
}
.vco-skinny .vco-slidenav-next:hover .vco-slidenav-icon {
.vco-skinny .vco-slidenav-next:hover .vco-slidenav-icon,
.vco-skinny .vco-slidenav-back:hover .vco-slidenav-icon {
margin-left: 12px;
filter: alpha(opacity=100);
-khtml-opacity: 1;
@ -1360,34 +1392,44 @@
opacity: 1;
}
.vco-skinny .vco-slidenav-previous .vco-slidenav-content-container,
.vco-skinny .vco-slidenav-next .vco-slidenav-content-container {
.vco-skinny .vco-slidenav-next .vco-slidenav-content-container,
.vco-skinny .vco-slidenav-back .vco-slidenav-content-container {
width: 32px;
height: 32px;
}
.vco-skinny .vco-slidenav-previous .vco-slidenav-content-container .vco-slidenav-icon,
.vco-skinny .vco-slidenav-next .vco-slidenav-content-container .vco-slidenav-icon,
.vco-skinny .vco-slidenav-back .vco-slidenav-content-container .vco-slidenav-icon,
.vco-skinny .vco-slidenav-previous .vco-slidenav-content-container .vco-slidenav-title,
.vco-skinny .vco-slidenav-next .vco-slidenav-content-container .vco-slidenav-title,
.vco-skinny .vco-slidenav-back .vco-slidenav-content-container .vco-slidenav-title,
.vco-skinny .vco-slidenav-previous .vco-slidenav-content-container .vco-slidenav-description,
.vco-skinny .vco-slidenav-next .vco-slidenav-content-container .vco-slidenav-description {
.vco-skinny .vco-slidenav-next .vco-slidenav-content-container .vco-slidenav-description,
.vco-skinny .vco-slidenav-back .vco-slidenav-content-container .vco-slidenav-description {
color: #333;
}
.vco-skinny .vco-slidenav-previous .vco-slidenav-content-container.vco-slidenav-inverted .vco-slidenav-icon,
.vco-skinny .vco-slidenav-next .vco-slidenav-content-container.vco-slidenav-inverted .vco-slidenav-icon,
.vco-skinny .vco-slidenav-back .vco-slidenav-content-container.vco-slidenav-inverted .vco-slidenav-icon,
.vco-skinny .vco-slidenav-previous .vco-slidenav-content-container.vco-slidenav-inverted .vco-slidenav-title,
.vco-skinny .vco-slidenav-next .vco-slidenav-content-container.vco-slidenav-inverted .vco-slidenav-title,
.vco-skinny .vco-slidenav-back .vco-slidenav-content-container.vco-slidenav-inverted .vco-slidenav-title,
.vco-skinny .vco-slidenav-previous .vco-slidenav-content-container.vco-slidenav-inverted .vco-slidenav-description,
.vco-skinny .vco-slidenav-next .vco-slidenav-content-container.vco-slidenav-inverted .vco-slidenav-description {
.vco-skinny .vco-slidenav-next .vco-slidenav-content-container.vco-slidenav-inverted .vco-slidenav-description,
.vco-skinny .vco-slidenav-back .vco-slidenav-content-container.vco-slidenav-inverted .vco-slidenav-description {
color: #FFF;
}
.vco-skinny .vco-slidenav-previous .vco-slidenav-title,
.vco-skinny .vco-slidenav-next .vco-slidenav-title,
.vco-skinny .vco-slidenav-back .vco-slidenav-title,
.vco-skinny .vco-slidenav-previous .vco-slidenav-description,
.vco-skinny .vco-slidenav-next .vco-slidenav-description {
.vco-skinny .vco-slidenav-next .vco-slidenav-description,
.vco-skinny .vco-slidenav-back .vco-slidenav-description {
display: none;
}
.vco-skinny .vco-slidenav-previous .vco-slidenav-icon,
.vco-skinny .vco-slidenav-next .vco-slidenav-icon {
.vco-skinny .vco-slidenav-next .vco-slidenav-icon,
.vco-skinny .vco-slidenav-back .vco-slidenav-icon {
filter: alpha(opacity=33);
-khtml-opacity: 0.33;
-moz-opacity: 0.33;
@ -1395,17 +1437,20 @@
}
/* Mobile and Landscape
================================================== */
.vco-layout-landscape.vco-mobile .vco-slidenav-next:hover {
.vco-layout-landscape.vco-mobile .vco-slidenav-next:hover,
.vco-layout-landscape.vco-mobile .vco-slidenav-back:hover {
right: 70px;
}
.vco-layout-landscape.vco-mobile .vco-slidenav-next:hover .vco-slidenav-icon {
.vco-layout-landscape.vco-mobile .vco-slidenav-next:hover .vco-slidenav-icon,
.vco-layout-landscape.vco-mobile .vco-slidenav-back:hover .vco-slidenav-icon {
margin-left: 8px;
filter: alpha(opacity=100);
-khtml-opacity: 1;
-moz-opacity: 1;
opacity: 1;
}
.vco-layout-landscape.vco-mobile .vco-slidenav-next:active .vco-slidenav-icon {
.vco-layout-landscape.vco-mobile .vco-slidenav-next:active .vco-slidenav-icon,
.vco-layout-landscape.vco-mobile .vco-slidenav-back:active .vco-slidenav-icon {
margin-left: 0px;
filter: alpha(opacity=100);
-khtml-opacity: 1;
@ -1429,14 +1474,16 @@
/* Mobile and Portrait
================================================== */
.vco-layout-portrait.vco-mobile .vco-slidenav-next:hover .vco-slidenav-icon,
.vco-layout-portrait.vco-mobile .vco-slidenav-previous:hover .vco-slidenav-icon {
.vco-layout-portrait.vco-mobile .vco-slidenav-previous:hover .vco-slidenav-icon,
.vco-layout-portrait.vco-mobile .vco-slidenav-back:hover .vco-slidenav-icon {
filter: alpha(opacity=33);
-khtml-opacity: 0.33;
-moz-opacity: 0.33;
opacity: 0.33;
}
.vco-layout-portrait.vco-mobile .vco-slidenav-next:active .vco-slidenav-icon,
.vco-layout-portrait.vco-mobile .vco-slidenav-previous:active .vco-slidenav-icon {
.vco-layout-portrait.vco-mobile .vco-slidenav-previous:active .vco-slidenav-icon,
.vco-layout-portrait.vco-mobile .vco-slidenav-back:active .vco-slidenav-icon {
filter: alpha(opacity=100);
-khtml-opacity: 1;
-moz-opacity: 1;
@ -1451,29 +1498,39 @@
.vco-mobile .vco-slidenav-next,
.vco-skinny.vco-mobile .vco-slidenav-next,
.vco-skinny.vco-layout-landscape.vco-mobile .vco-slidenav-next,
.vco-skinny.vco-layout-portrait.vco-mobile .vco-slidenav-next {
.vco-skinny.vco-layout-portrait.vco-mobile .vco-slidenav-next,
.vco-mobile .vco-slidenav-back,
.vco-skinny.vco-mobile .vco-slidenav-back,
.vco-skinny.vco-layout-landscape.vco-mobile .vco-slidenav-back,
.vco-skinny.vco-layout-portrait.vco-mobile .vco-slidenav-back {
display: none;
}
/* Landscape
================================================== */
.vco-layout-landscape .vco-storyslider .vco-slidenav-next .vco-slidenav-icon:before,
.vco-layout-landscape .vco-storyslider .vco-slidenav-previous .vco-slidenav-icon:before {
.vco-layout-landscape .vco-storyslider .vco-slidenav-previous .vco-slidenav-icon:before,
.vco-layout-landscape .vco-storyslider .vco-slidenav-back .vco-slidenav-icon:before {
background-color: #333;
padding: 20px;
border: 1px solid #b3b3b3;
}
.vco-layout-landscape .vco-storyslider .vco-slidenav-next .vco-slidenav-icon,
.vco-layout-landscape .vco-storyslider .vco-slidenav-previous .vco-slidenav-icon,
.vco-layout-landscape .vco-storyslider .vco-slidenav-back .vco-slidenav-icon,
.vco-layout-landscape .vco-storyslider .vco-slidenav-next .vco-slidenav-title,
.vco-layout-landscape .vco-storyslider .vco-slidenav-previous .vco-slidenav-title,
.vco-layout-landscape .vco-storyslider .vco-slidenav-back .vco-slidenav-title,
.vco-layout-landscape .vco-storyslider .vco-slidenav-next .vco-slidenav-description,
.vco-layout-landscape .vco-storyslider .vco-slidenav-previous .vco-slidenav-description {
.vco-layout-landscape .vco-storyslider .vco-slidenav-previous .vco-slidenav-description,
.vco-layout-landscape .vco-storyslider .vco-slidenav-back .vco-slidenav-description {
text-shadow: none;
}
.vco-layout-landscape .vco-storyslider .vco-slidenav-next .vco-slidenav-title,
.vco-layout-landscape .vco-storyslider .vco-slidenav-previous .vco-slidenav-title,
.vco-layout-landscape .vco-storyslider .vco-slidenav-back .vco-slidenav-title,
.vco-layout-landscape .vco-storyslider .vco-slidenav-next .vco-slidenav-description,
.vco-layout-landscape .vco-storyslider .vco-slidenav-previous .vco-slidenav-description {
.vco-layout-landscape .vco-storyslider .vco-slidenav-previous .vco-slidenav-description,
.vco-layout-landscape .vco-storyslider .vco-slidenav-back .vco-slidenav-description {
display: none;
}
.vco-layout-landscape .vco-storyslider .vco-slidenav-previous {
@ -1487,10 +1544,12 @@
.vco-layout-landscape .vco-storyslider .vco-slidenav-previous:hover .vco-slidenav-icon {
margin-left: -4px;
}
.vco-layout-landscape .vco-storyslider .vco-slidenav-next {
.vco-layout-landscape .vco-storyslider .vco-slidenav-next,
.vco-layout-landscape .vco-storyslider .vco-slidenav-back {
right: 130px;
}
.vco-layout-landscape .vco-storyslider .vco-slidenav-next .vco-slidenav-icon:before {
.vco-layout-landscape .vco-storyslider .vco-slidenav-next .vco-slidenav-icon:before,
.vco-layout-landscape .vco-storyslider .vco-slidenav-back .vco-slidenav-icon:before {
border-bottom-left-radius: 7px;
border-top-left-radius: 7px;
}

2
dist/css/storymap.css.map vendored
View file

File diff suppressed because one or more lines are too long

3
dist/js/storymap.js vendored
View file

File diff suppressed because one or more lines are too long

4
dist/js/storymap.js.LICENSE.txt vendored Normal file
View file

@ -0,0 +1,4 @@
/* @preserve
* Leaflet 1.9.4, a JS library for interactive maps. https://leafletjs.com
* (c) 2010-2023 Vladimir Agafonkin, (c) 2010-2011 CloudMade
*/

2
dist/js/storymap.js.map vendored
View file

File diff suppressed because one or more lines are too long