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