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

Compare commits

base: chandlerswift:b5531b7231aa7d32a1a972fbcce392708cd54713
Branches Tags
chandlerswift:main
..
compare: chandlerswift:c1d004863972cae9016fcc5f60ec3999500ec1bf
Branches Tags
chandlerswift:main

No commits in common. "b5531b7231aa7d32a1a972fbcce392708cd54713" and "c1d004863972cae9016fcc5f60ec3999500ec1bf" have entirely different histories.
b5531b7231 ... c1d0048639

9 changed files with 44 additions and 122 deletions
Show stats Expand all files Collapse all files

2
.gitignore vendored
View file

@ -1,2 +0,0 @@
old/
unused-pictures/

6
Makefile
View file

@ -1,9 +1,7 @@
.PHONY: deploy .PHONY: deploy
deploy: deploy:
rsync --archive --verbose --delete --delete-excluded --no-i-r --info=progress2 \ rsync --archive --verbose --delete --no-i-r --info=progress2 \
--exclude-from=.gitignore \ --exclude=unused-pictures/ \
--exclude=.git/ \ --exclude=.git/ \
--exclude=.gitignore \
--exclude=Makefile \ --exclude=Makefile \
--exclude=README.md \
./ bert:/srv/www/katherineandchandler.com/2024/ireland/ ./ bert:/srv/www/katherineandchandler.com/2024/ireland/

16
data.json
View file

@ -62,7 +62,7 @@
{ {
"text": { "text": {
"headline": "Knowth Tomb", "headline": "Knowth Tomb",
"text": "<p>Almost immediately after arriving, we went off to visit the passage tombs at Knowth and Newgrange. Thought to be built around 3200BC (before Stonehenge or the Pyramids at Giza!), the mounds at Knowth were thought to have been used for housing, defense, and burial, as well as having some astronomical significance. Particularly, the passage at Newgrange is aligned so that the sun only shines into the tomb on the winter solstice.</p><p>More information on <a href='https://whc.unesco.org/en/list/659/documents/'>the UNESCO World Heritage Site page</a></p>" "text": "<p>Almost immediately after arriving, we went off to visit the passage tombs at Knowth and Newgrange. Thought to be built around 3200BC (before Stonehenge or the Pyramids at Giza!), the mounds at Knowth were thought to have been used for housing, defense, and burial.</p><p>More information on <a href='https://whc.unesco.org/en/list/659/documents/'>the UNESCO World Heritage Site page</a></p>"
}, },
"location": { "location": {
"lat": 53.7012, "lat": 53.7012,
@ -77,7 +77,7 @@
{ {
"text": { "text": {
"headline": "Newgrange Tomb", "headline": "Newgrange Tomb",
"text": "<p>Almost immediately after arriving, we went off to visit the passage tombs at Knowth and Newgrange. Thought to be built around 3200BC (before Stonehenge or the Pyramids at Giza!), the mounds at Knowth were thought to have been used for housing, defense, and burial, as well as having some astronomical significance. Particularly, the passage at Newgrange is aligned so that the sun only shines into the tomb on the winter solstice.</p><p>More information on <a href='https://whc.unesco.org/en/list/659/documents/'>the UNESCO World Heritage Site page</a></p>" "text": "<p>Almost immediately after arriving, we went off to visit the passage tombs at Knowth and Newgrange. Thought to be built around 3200BC (before Stonehenge or the Pyramids at Giza!), the mounds at Knowth were thought to have been used for housing, defense, and burial.</p><p>More information on <a href='https://whc.unesco.org/en/list/659/documents/'>the UNESCO World Heritage Site page</a></p>"
}, },
"location": { "location": {
"lat": 53.6946, "lat": 53.6946,
@ -121,7 +121,7 @@
{ {
"text": { "text": {
"headline": "Clonmacnoise", "headline": "Clonmacnoise",
"text": "<p>Heading west! We stopped to see Clonmacnoise (pronounced phonetically), a ninth-century monastery founded by Saint Ciarán (definitely <i>not</i> phonetic! Pronounced, as far as I can tell, roughly as KEE-ran), with notably well-preserved carved stone <a href='https://en.wikipedia.org/wiki/High_cross'>High Crosses</a>. Clonmacnoise enjoyed a brief period of prosperity before being repeatedly sacked and declining in the 12th century. (<a href='https://en.wikipedia.org/wiki/Clonmacnoise'>more at Wikipedia</a>)</p>" "text": "<p>Heading west! We stopped to see Clonmacnoise (pronounced phonetically), a ninth-century monastery founded by Saint Ciarán (definitely <i>not</i> phonetic! Pronounced, as far as I can tell, roughly as KEE-ran), with notably well-preserved carved stone <a href='https://en.wikipedia.org/wiki/High_cross'>High Crosses</a>. (<a href='https://en.wikipedia.org/wiki/Clonmacnoise'>more at Wikipedia</a>)</p>"
}, },
"location": { "location": {
"lat": 53.3259, "lat": 53.3259,
@ -151,7 +151,7 @@
{ {
"text": { "text": {
"headline": "Daly's House", "headline": "Daly's House",
"text": "<p>Nights four and five were spent at Daly's House in Doolin, County Clare, at a B&B hosted by Susan Daly (and Lab/Retriever mix Bob and furry mop-creature Ted, a name which caused confusion to no end). Susan is a lifelong Doolin resident; her father owned and operated O'Connor's pub in town.</p>" "text": "<p>Nights four and five were spent at Daly's House in Doolin, County Clare, at a B&B hosted by Susan Daly (and Lab/Retriever mix Bob and furry mop-creature Ted, a name which caused confusion to no end).</p>"
}, },
"location": { "location": {
"lat": 53.0142, "lat": 53.0142,
@ -306,7 +306,7 @@
"media": { "media": {
"url": "pictures/skellig-michael-sm.jpg", "url": "pictures/skellig-michael-sm.jpg",
"link": "pictures/skellig-michael.jpg", "link": "pictures/skellig-michael.jpg",
"caption": "Don, Chandler, Käthe, Ted, and Sharon on the ~11 mile, hour-long boat ride out to Skellig Michael" "caption": "On the ~11 mile, hour-long boat ride out to Skellig Michael"
} }
}, },
{ {
@ -381,7 +381,7 @@
"media": { "media": {
"url": "pictures/from-bray-tower-2-sm.jpg", "url": "pictures/from-bray-tower-2-sm.jpg",
"link": "pictures/from-bray-tower-2.jpg", "link": "pictures/from-bray-tower-2.jpg",
"caption": "A picture by Ted of Sharon taking the previous picture of Skellig Michael" "caption": "A picture by Ted of Sharon taking the previous picture"
} }
}, },
{ {
@ -396,7 +396,7 @@
"media": { "media": {
"url": "pictures/from-bray-tower-3-sm.jpg", "url": "pictures/from-bray-tower-3-sm.jpg",
"link": "pictures/from-bray-tower-3.jpg", "link": "pictures/from-bray-tower-3.jpg",
"caption": "A picture by Käthe of Ted taking the previous picture of Sharon taking a picture of Skellig Michael" "caption": "A picture by Käthe of Ted taking the previous picture"
} }
}, },
{ {
@ -411,7 +411,7 @@
"media": { "media": {
"url": "pictures/from-bray-tower-4-sm.jpg", "url": "pictures/from-bray-tower-4-sm.jpg",
"link": "pictures/from-bray-tower-4.jpg", "link": "pictures/from-bray-tower-4.jpg",
"caption": "A picture by Chandler of Käthe taking the previous picture of Ted taking a picture of Sharon a picture of Skellig Michael" "caption": "A picture by Chandler of Käthe taking the previous picture"
} }
}, },
{ {

115
dist/css/storymap.css vendored
View file

@ -1225,26 +1225,22 @@
/* 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;
@ -1260,8 +1256,7 @@
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;
@ -1269,39 +1264,31 @@
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;
@ -1316,10 +1303,8 @@
} }
.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;
@ -1339,20 +1324,6 @@
.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;
@ -1368,16 +1339,13 @@
} }
/* 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;
@ -1392,44 +1360,34 @@
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;
@ -1437,20 +1395,17 @@
} }
/* 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;
@ -1474,16 +1429,14 @@
/* 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;
@ -1498,39 +1451,29 @@
.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 {
@ -1544,12 +1487,10 @@
.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
View file

@ -1,4 +0,0 @@
/* @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

16
index.html
View file

@ -4,7 +4,6 @@
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Ireland 2024</title> <title>Ireland 2024</title>
<link rel="stylesheet" href="dist/css/storymap.css">
<style> <style>
html, body { html, body {
margin: 0; margin: 0;
@ -15,17 +14,8 @@
width: 100vw; width: 100vw;
height: 100vh; height: 100vh;
} }
.vco-storymap .vco-caption {
font-size: 16px !important;
line-height: 18px !important;
}
.vco-storymap p {
font-size: 20px !important;
}
.vco-storymap p a {
background-position: 0 24px !important;
}
</style> </style>
<link rel="stylesheet" href="dist/css/storymap.css">
</head> </head>
<body> <body>
<div id="mapdiv"></div> <div id="mapdiv"></div>
@ -33,9 +23,9 @@
<script> <script>
const storymap_options = {}; const storymap_options = {};
const storymap = new KLStoryMap.StoryMap('mapdiv', 'data.json', storymap_options); const storymap = new KLStoryMap.StoryMap('mapdiv', 'data.json', storymap_options);
document.addEventListener("resize", function(event) { window.onresize = function(event) {
storymap.updateDisplay(); // this isn't automatic storymap.updateDisplay(); // this isn't automatic
}); }
</script> </script>
</body> </body>
</html> </html>