diff --git a/public/img/locations/image_not_found.webp b/public/img/locations/image_not_found.webp new file mode 100644 index 0000000..84a1e6f Binary files /dev/null and b/public/img/locations/image_not_found.webp differ diff --git a/public/img/locations/magic_tower.webp b/public/img/locations/magic_tower.webp new file mode 100644 index 0000000..1e51e87 Binary files /dev/null and b/public/img/locations/magic_tower.webp differ diff --git a/src/components/map/tooltips/MapLocationTooltip.tsx b/src/components/map/tooltips/MapLocationTooltip.tsx index a54233d..2ee62e5 100644 --- a/src/components/map/tooltips/MapLocationTooltip.tsx +++ b/src/components/map/tooltips/MapLocationTooltip.tsx @@ -19,6 +19,7 @@ const MapLocationTooltip: React.FC = ({ location }) => src={location.image.url} alt={location.image.name ?? location.name} title={location.image.credit ?? ""} + onError={(e) => {e.currentTarget.src = "img/locations/image_not_found.webp"}} /> )} {location.url && ( diff --git a/src/components/map/tooltips/Tooltip.scss b/src/components/map/tooltips/Tooltip.scss index 4358b82..d286f0f 100644 --- a/src/components/map/tooltips/Tooltip.scss +++ b/src/components/map/tooltips/Tooltip.scss @@ -42,7 +42,9 @@ img.locationimg { width: 100%; height: auto; + max-height: 40vh; border-radius: 5px; + object-fit: cover; } a.more { diff --git a/src/data/capitals.ts b/src/data/capitals.ts index 05f49c1..1943352 100644 --- a/src/data/capitals.ts +++ b/src/data/capitals.ts @@ -3,7 +3,7 @@ import {MapLocation} from "../types/MapLocation.ts"; const capitals: MapLocation[] = [ { name: "Lune", - description: "The capital of the Holy Empire Lubelius, home of God Luminous.", + description: "The capital of the Holy Empire of Lubelius, is a majestic, white-stone city of faith and power, dominated by grand cathedrals and a strict devotion to order.", image: { url: "img/locations/lune.webp", name: "Lune from Episode 50", diff --git a/src/data/nations.ts b/src/data/nations.ts index 64d3c85..be48e0e 100644 --- a/src/data/nations.ts +++ b/src/data/nations.ts @@ -16,7 +16,7 @@ const nations: MapRegion[] = [ ruler: "Youm Farmenas (King)
Mjur Farmenas(Queen)
King Edward
King Edomalis", capital: "Marris", population: "30M Citizens
10M Free People", - description: "One of the major powers among the western countries, a feudalistic society that stronly favors the nobility. Prospers as a trade route between the eastern and western sides of the continent.
The country has been established following a coup d'état within the Kingdom of Falmuth.", + description: "One of the major powers among the western countries, a feudalistic society that strongly favors the nobility. Prospers as a trade route between the eastern and western sides of the continent.
The country has been established following a coup d'état within the Kingdom of Falmuth.", points: "1377, 970, 1351, 975, 1318, 975, 1326, 996, 1346, 1012, 1377, 1034, 1401, 1049, 1423, 1060, 1445, 1067, 1462, 1069, 1476, 1067, 1493, 1056, 1505, 1048, 1521, 1039, 1537, 1030, 1549, 1027, 1557, 1026, 1567, 1027, 1575, 1015, 1598, 991, 1610, 977, 1630, 955, 1605, 940, 1584, 928, 1566, 915, 1547, 901, 1533, 887, 1519, 866, 1509, 845, 1503, 826, 1497, 803, 1490, 784, 1474, 799, 1462, 816, 1449, 829, 1444, 851, 1432, 870, 1420, 882, 1407, 899, 1391, 912, 1382, 933, 1372, 946, 1380, 956" }, { diff --git a/src/data/pois.ts b/src/data/pois.ts index 8adb484..78d6899 100644 --- a/src/data/pois.ts +++ b/src/data/pois.ts @@ -76,6 +76,11 @@ const pois: MapLocation[] = [ name: "Magic Tower", description: "The scholarly facility created by the Trinity Wisemen.", url: "https://tensura.fandom.com/wiki/Magic%20Tower", + image: { + url: "img/locations/magic_tower.webp", + name: "Magic Tower", + credit: "Screenshot from How to Spend a Certain Vacation Volume 1. Sourced from the Tensei Shitara Slime Datta Ken Wiki" + }, position: { x: "1138", y: "1355" } }, {