{"version":"1.0","type":"rich","provider_name":"Catalogus Fastīdiī","provider_url":"https://imknowles.co.uk/CatalogusFastīdiī","width":450,"height":350,"title":"#2504 - stout smoldering skeleton","iframe_url":"https://imknowles.co.uk/CatalogusFast%C4%ABdi%C4%AB/monsters/2504/embed","html":"\r\n\r\n<!DOCTYPE html>\r\n<html lang=\"en\">\r\n\t<head>\r\n\t\t<meta charset=\"UTF-8\" />\r\n\t\t<meta name=\"viewport\" content=\"width=device-width, initial-scale=1, shrink-to-fit=no\" />\r\n\t\t<meta name=\"color-scheme\" content=\"dark light\" />\r\n\t\t<title>monster #2504 - stout smoldering skeleton Embed | Catalogus Fastīdiī</title>\r\n\t\t<link rel=\"stylesheet\" media=\"screen\" type=\"text/css\" href=\"/CatalogusFast%C4%ABdi%C4%AB/assets/stylesheets/generated/d6c63a6d2f2a83e3884c8cddab745594-main.css\" />\r\n\t\t<link rel=\"preload\" as=\"image\" type=\"image/svg+xml\" href=\"/CatalogusFast%C4%ABdi%C4%AB/assets/lib/bootstrap-icons/56d35f893abc0e3d3fd3234943b7e66f-bootstrap-icons.svg\" />\r\n\t</head>\r\n\t<body data-bs-theme=\"dark\" style=\"--sidebarWidth: 0px;overflow-x: visible !important;\">\r\n\t\t<main>\r\n\t\t\r\n\t<section id=\"content\">\r\n\t\r\n<div class=\"card\" id=\"monster-2504\">\r\n\t\r\n\t<div class=\"row g-0\">\r\n\t\t<div class=\"col card-header\">\r\n\t\t\t<div class=\"btn-toolbar justify-content-between\" role=\"toolbar\" aria-label=\"Toolbar with button groups\">\r\n\t\t\t\t<a class=\"d-flex align-items-end fs-5\" href=\"/CatalogusFast%C4%ABdi%C4%AB/monsters/2504\">2504 - a stout smoldering skeleton</a>\r\n\t\t\t\t<div>\r\n<span class=\"badge bg-success-subtle border border-success-subtle\">\r\n\tFactoids <span class=\"badge bg-body-secondary\">✓</span>\r\n</span>\r\n\r\n\t\t\t\t<div class=\"btn-group\" role=\"group\" aria-label=\"First group\">\r\n\t\t\t\t\t<button type=\"button\" class=\"btn btn-outline-secondary\"><a rel=\"noreferrer\" target=\"_blank\" href=\"https://wiki.kingdomofloathing.com/Stout%20smoldering%20skeleton\" class=\"card-link\" data-bs-toggle=\"tooltip\" data-bs-placement=\"top\" title=\"Open kolwiki article\">wiki</a></button>\r\n\t\t\t\t\t<button type=\"button\" class=\"btn btn-outline-secondary\"><a data-bs-toggle=\"tooltip\" data-bs-placement=\"top\" title=\"Download .json data\" class=\"\" href=\"/CatalogusFast%C4%ABdi%C4%AB/monsters/2504.json\"><svg fill=\"currentColor\" style=\"width: 16px; height: 16px;\">\r\n\t\t\t\t\t\t<use xlink:href=\"/CatalogusFast%C4%ABdi%C4%AB/assets/lib/bootstrap-icons/56d35f893abc0e3d3fd3234943b7e66f-bootstrap-icons.svg#filetype-json\"/>\r\n\t\t\t\t\t</svg></a></button>\r\n\t\t\t\t</div></div>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t</div>\r\n\t<div class=\"row g-0\">\r\n\t\t<div class=\"col\">\r\n\t\t\t<div class=\"d-flex justify-content-center align-items-center h-100 flex-wrap\">\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t<img src=\"https://s3.amazonaws.com/images.kingdomofloathing.com/adventureimages/c25mobmus4.gif?\" class=\"rounded text-dark\" alt=\"stout smoldering skeleton\">\r\n\t\t\t\t\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t\t<div class=\"col-md-5\">\r\n\t\t\t<ul class=\"list-group list-group-flush\">\r\n\t\t\t\t<li class=\"list-group-item d-flex justify-content-between\">\r\n\t\t\t\t\t<span class=\"\">Attack:</span><span class=\"\">?</span>\r\n\t\t\t\t</li>\r\n\t\t\t\t<li class=\"list-group-item d-flex justify-content-between\">Defence: <span class=\"text-end\">?</span></li>\r\n\t\t\t\t<li class=\"list-group-item d-flex justify-content-between\">HP: <span class=\"text-end\">?</span></li>\r\n\t\t\t</ul>\r\n\t\t</div>\r\n\t\t<div class=\"col-md-5\">\r\n\t\t\t<ul class=\"list-group list-group-flush\">\r\n\t\t\t\t<li class=\"list-group-item d-flex justify-content-between\"><span>Phylum:</span><span>undead</span><meta itemprop=\"phylum\" content=\"undead\"></li>\r\n\t\t\t\t<li class=\"list-group-item d-flex justify-content-between\"><span>Element:</span><span itemprop=\"element\">hot</span></li>\r\n\t\t\t\t<li class=\"list-group-item d-flex justify-content-between\"><span>Initiative:</span><span itemprop=\"initiative\">-10000</span></li>\r\n\t\t\t</ul>\r\n\t\t</div>\r\n\t</div>\r\n\t\r\n\t<div class=\"row g-0\"><div class=\"col\">\r\n\t\t<div class=\"col card-header card-footer d-flex flex-row justify-content-between\">\r\n\t\t\t<span>Parts</span>\r\n\t\t\t<div class=\"d-flex flex-row\">\r\n\t\t\t\t<ul class=\"list-group list-group-horizontal\">\r\n\t\t\t\t\r\n\t\t\t\t\t<li class=\"list-group-item d-flex justify-content-between\">armbone</li>\r\n\t\t\t\t\r\n\t\t\t\t\t<li class=\"list-group-item d-flex justify-content-between\">legbone</li>\r\n\t\t\t\t\r\n\t\t\t\t\t<li class=\"list-group-item d-flex justify-content-between\">pelvis</li>\r\n\t\t\t\t\r\n\t\t\t\t\t<li class=\"list-group-item d-flex justify-content-between\">rib cage</li>\r\n\t\t\t\t\r\n\t\t\t\t\t<li class=\"list-group-item d-flex justify-content-between\">skull</li>\r\n\t\t\t\t\r\n\t\t\t\t</ul>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t\t<div class=\"card-body\">\r\n\t\t\t<div class=\"d-flex flex-row my-1\">\r\n\t\t\t\t<div class=\"ms-2\">\r\n\t\t\t\t\t\r\n<span class=\"badge bg-success-subtle border border-success-subtle\">\r\n\tDisarm <span class=\"badge bg-body-secondary\">✓</span>\r\n</span>\r\n\r\n\t\t\t\t\t\r\n<span class=\"badge bg-success-subtle border border-success-subtle\">\r\n\tEntangle <span class=\"badge bg-body-secondary\">✓</span>\r\n</span>\r\n\r\n\t\t\t\t\t\r\n<span class=\"badge bg-danger-subtle border border-danger-subtle\">\r\n\tStrangle <span class=\"badge bg-body-secondary\">✗</span>\r\n</span>\r\n\r\n\t\t\t\t</div>\r\n\t\t\t\t<div class=\"ms-2\">\r\n\t\t\t\t\t\r\n<span class=\"badge bg-success-subtle border border-success-subtle\">\r\n\tEl Vibrato restraints <span class=\"badge bg-body-secondary\">✓</span>\r\n</span>\r\n\r\n\t\t\t\t</div>\r\n\t\t\t\t<div class=\"ms-2\">\r\n\t\t\t\t\t\r\n<span class=\"badge bg-success-subtle border border-success-subtle\">\r\n\tHogtie <span class=\"badge bg-body-secondary\">✓</span>\r\n</span>\r\n\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t\t<div class=\"d-flex flex-row my-1\">\r\n\t\t\t\t<div class=\"ms-2\"><a href=\"https://wiki.kingdomofloathing.com/Reanimated_Reanimator\">Reanimated Reanimator</a><ul class=\"list-group list-group-horizontal\">\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t</ul></div>\r\n\t\t\t</div>\r\n\t\t\t<div class=\"d-flex flex-row my-1\">\r\n\t\t\t\t<div class=\"ms-2\"><a href=\"https://wiki.kingdomofloathing.com/Everfull_Dart_Holster\">Everfull Dart Holster</a><ul class=\"list-group list-group-horizontal\">\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t<li class=\"list-group-item d-flex flex-column\"><small>skull</small><div>decrease defence</div></li>\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t</ul></div>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t\t<div class=\"col card-header card-footer d-flex flex-row justify-content-between\">\r\n\t\t\t<span>Combat</span>\r\n\t\t\t<div class=\"ms-2\">\r\n\t\t\t\t\r\n<span class=\"badge bg-success-subtle border border-success-subtle\">\r\n\tInsta-killable <span class=\"badge bg-body-secondary\">✓</span>\r\n</span>\r\n\r\n\t\t\t\t\r\n<span class=\"badge bg-danger-subtle border border-danger-subtle\">\r\n\tBanishable <span class=\"badge bg-body-secondary\">✗</span>\r\n</span>\r\n\r\n\t\t\t\t\r\n<span class=\"badge bg-danger-subtle border border-danger-subtle\">\r\n\tFree fight <span class=\"badge bg-body-secondary\">✗</span>\r\n</span>\r\n\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t\t<div class=\"col card-header card-footer d-flex flex-row justify-content-between\">\r\n\t\t\t<span>Copies</span>\r\n\t\t\t<div class=\"ms-2\">\r\n\t\t\t\t\r\n<span class=\"badge bg-success-subtle border border-success-subtle\">\r\n\tCopyable <span class=\"badge bg-body-secondary\">✓</span>\r\n</span>\r\n\r\n\t\t\t\t\r\n<span class=\"badge bg-success-subtle border border-success-subtle\">\r\n\tWishable <span class=\"badge bg-body-secondary\">✓</span>\r\n</span>\r\n\r\n\t\t\t\t\r\n<span class=\"badge bg-danger-subtle border border-danger-subtle\">\r\n\tWanderlust <span class=\"badge bg-body-secondary\">✗</span>\r\n</span>\r\n\r\n\t\t\t</div>\r\n\t\t</div>\r\n\r\n\t\t<div class=\"card-body\">\r\n\t\t\t\t<div class=\"d-flex flex-row\">\r\n\t\t\t\t\t<div class=\"d-inline-flex\">\r\n\t\t\t\t\t\t<div class=\"input-group m-1\" role=\"group\" aria-label=\"First group\">\r\n\t\t\t\t\t\t\t<div class=\"input-group-text btn-outline-secondary\"><svg fill=\"currentColor\" style=\"width: 16px; height: 16px;\">\r\n\t\t\t\t\t\t\t\t<use xlink:href=\"/CatalogusFast%C4%ABdi%C4%AB/assets/lib/bootstrap-icons/56d35f893abc0e3d3fd3234943b7e66f-bootstrap-icons.svg#egg-fill\"/>\r\n\t\t\t\t\t\t\t</svg></div>\r\n\t\t\t\t\t\t\t<div class=\"input-group-text btn-outline-secondary\" data-bs-toggle=\"tooltip\" data-bs-placement=\"top\" title=\"Unlocked 2025-12-19T05:27:02.283433Z[UTC]  in DNA Bank\">✓\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t<div class=\"input-group-text btn-outline-secondary\">2025-12-19</div>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<div class=\"d-inline-flex\">\r\n\t\t\t\t\t\t<div class=\"input-group m-1 visually-hidden\" role=\"group\" aria-label=\"First group\">\r\n\t\t\t\t\t\t\t<div class=\"input-group-text btn-outline-secondary\"><svg fill=\"currentColor\" style=\"width: 16px; height: 16px;\">\r\n\t\t\t\t\t\t\t\t<use xlink:href=\"/CatalogusFast%C4%ABdi%C4%AB/assets/lib/bootstrap-icons/56d35f893abc0e3d3fd3234943b7e66f-bootstrap-icons.svg#heart-fill\"/>\r\n\t\t\t\t\t\t\t</svg></div>\r\n\t\t\t\t\t\t\t<div class=\"input-group-text btn-outline-secondary\">?</div>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\r\n\t\t\t\t</div>\r\n\t\t\t<div class=\"d-flex flex-column visually-hidden\" id=\"graph\"><svg id=\"svg\"></svg>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\r\n\t\t\r\n\t\t\t\t<div class=\"card-header card-footer\">Habitats</div>\r\n\t\t\t\t<ul class=\"list-group list-group-flush\">\r\n\t\t\t\t\r\n\t\t\t\t\t<li class=\"list-group-item flex-fill\">\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n<div class=\"card my-2\" id=\"area-596\">\r\n\t\r\n\t<div class=\"row g-0\">\r\n\t\t<div class=\"col card-header\"> \r\n\t\t\t<div class=\"btn-toolbar justify-content-between\" role=\"toolbar\" aria-label=\"Toolbar with button groups\">\r\n\t\t\t\t\r\n\t\t\t\t<a class=\"d-flex align-items-end fs-5\" href=\"/CatalogusFast%C4%ABdi%C4%AB/locations/596\">596 - Smoldering Fingerbones</a>\r\n\t\t\t\t<div>\r\n\t\t\t\t<div class=\"btn-group\" role=\"group\" aria-label=\"First group\">\r\n\t\t\t\t\t\r\n<a rel=\"noreferrer\" target=\"_blank\" href=\"https://wiki.kingdomofloathing.com/Smoldering%20Fingerbones\" class=\"btn btn-outline-light\" data-bs-toggle=\"tooltip\" data-bs-placement=\"top\" title=\"Open wiki article\"><span class=\"btn-link\">wiki</span></a>\r\n\r\n\t\t\t\t\t\r\n<a data-bs-toggle=\"tooltip\" data-bs-placement=\"top\" title=\"Download .json data\" class=\"btn btn-outline-light\" href=\"\"><svg fill=\"currentColor\" style=\"width: 16px; height: 16px;\">\r\n\t<use xlink:href=\"/CatalogusFast%C4%ABdi%C4%AB/assets/lib/bootstrap-icons/56d35f893abc0e3d3fd3234943b7e66f-bootstrap-icons.svg#filetype-json\"/>\r\n</svg></a>\r\n\t\t\t\t</div></div>\r\n\r\n\t\t\t</div>\r\n\r\n\t\t\t\r\n\t\t</div>\r\n\t</div>\r\n\t<div class=\"row g-0\">\r\n\t\t\r\n\t\t\t\t\r\n\t\t\r\n\t\t<div class=\"col-md-6\">\r\n\t\t\t<ul class=\"list-group list-group-flush\">\r\n\t\t\t\t<li class=\"list-group-item d-flex justify-content-between\">\r\n\t\t\t\t\t<span class=\"\">Stat</span><span class=\"\"></span>\r\n\t\t\t\t</li>\r\n\t\t\t\t<li class=\"list-group-item d-flex justify-content-between\">Difficulty: <span class=\"text-end\"></span></li>\r\n\t\t\t\t<li class=\"list-group-item d-flex justify-content-between\">environment <span class=\"text-end\"></span></li>\r\n\t\t\t</ul>\r\n\t\t</div>\r\n\t\t<div class=\"col-md-6\">\r\n\t\t\t<ul class=\"list-group list-group-flush\">\r\n\t\t\t\t<li class=\"list-group-item d-flex justify-content-between\"><span>Place</span><span></span></li>\r\n\t\t\t\t<li class=\"list-group-item d-flex justify-content-between\"><span>Citizen of Smoldering Fingerbones</span><div class=\"col-md-3 d-flex justify-content-between\"><span>6:</span><span>+10 Stench, 20-30 MP Regen</span></div></li>\r\n\t\t\t\t<li class=\"list-group-item d-flex justify-content-between\"><span></span><div class=\"col-md-3 d-flex justify-content-between\"><span>2:</span><span>Mox +10</span></div></li>\r\n\t\t\t</ul>\r\n\t\t</div>\r\n\t</div>\r\n\t<div class=\"row g-0\"><div class=\"col\">\r\n\t\t<ul class=\"list-group list-group-flush\">\r\n\t\t\t<li class=\"list-group-item\">\r\n\t\t\t\t\r\n<span class=\"badge bg-success-subtle border border-success-subtle\">\r\n\tWanderers <span class=\"badge bg-body-secondary\">✓</span>\r\n</span>\r\n\r\n\t\t\t\t\r\n<span class=\"badge bg-danger-subtle border border-danger-subtle\">\r\n\tOverdrunk <span class=\"badge bg-body-secondary\">✗</span>\r\n</span>\r\n\r\n\t\t\t</li>\r\n\t\t</ul>\r\n\r\n\t\t\t\r\n\t\t\t\t<div class=\"card-header card-footer\">Combats<span> ? %</span></div>\r\n\t\t\r\n\t\t\r\n\t\t\t\r\n\r\n\t</div></div>\r\n</div>\r\n\t\t\t\t\t</li>\r\n\t\t\t\t\r\n\t\t\t\t</ul>\r\n\t\t\r\n\t</div>\r\n\t</div>\r\n</div>\r\n\t</section>\r\n\r\n\t\t</main>\r\n\t\t<script type=\"text/javascript\">\r\n\t\t\t\tfunction setCssScrollVars() {\r\n\t\t\t\t\tdocument.documentElement.style.setProperty('--scrollbar-width', (window.innerWidth - document.documentElement.offsetWidth) + 'px');\r\n\t\t\t\t\tconst headerElem = document.getElementById(\"contentHeader\");\r\n\t\t\t\t\tconst headerHeight = headerElem ? headerElem.offsetHeight : 0;\r\n\t\t\t\t\tdocument.documentElement.style.setProperty('--header-height', headerHeight + 'px');\r\n\t\t\t\t}\r\n\t\t\t\tsetCssScrollVars();\r\n\t\t\t\twindow.addEventListener(\"resize\", (event) => setCssScrollVars());\r\n\t\t</script>\r\n\t\t<script src=\"/CatalogusFast%C4%ABdi%C4%AB/webjars/bootstrap/5.3.2/js/bootstrap.min.js\" ></script>\r\n\t\t\r\n\t<script src=\"/CatalogusFast%C4%ABdi%C4%AB/assets/javascripts/187f632d1293a2cfc41dddd594cf6c25-d3.v7.min.js\" type=\"text/javascript\"></script>\r\n\t\r\n\t<script id=\"eggTimes\" type=\"application/json\">{\"completeTime\":\"2025-12-19T05:27:02.283433Z[UTC]\",\"times\":[{\"timestamp\":\"2025-12-17T03:47:01.93244Z\",\"eggsRequired\":98},{\"timestamp\":\"2025-12-17T04:27:03.389691Z\",\"eggsRequired\":98},{\"timestamp\":\"2025-12-17T04:37:03.490856Z\",\"eggsRequired\":97},{\"timestamp\":\"2025-12-17T05:07:02.679986Z\",\"eggsRequired\":97},{\"timestamp\":\"2025-12-17T05:17:02.314821Z\",\"eggsRequired\":96},{\"timestamp\":\"2025-12-17T08:37:01.876682Z\",\"eggsRequired\":96},{\"timestamp\":\"2025-12-17T08:47:01.898994Z\",\"eggsRequired\":93},{\"timestamp\":\"2025-12-17T13:57:02.098476Z\",\"eggsRequired\":93},{\"timestamp\":\"2025-12-17T14:07:02.4546Z\",\"eggsRequired\":90},{\"timestamp\":\"2025-12-17T14:17:02.194456Z\",\"eggsRequired\":89},{\"timestamp\":\"2025-12-17T14:27:01.854681Z\",\"eggsRequired\":89},{\"timestamp\":\"2025-12-17T14:37:02.225381Z\",\"eggsRequired\":88},{\"timestamp\":\"2025-12-17T14:47:02.321444Z\",\"eggsRequired\":87},{\"timestamp\":\"2025-12-17T15:07:02.101716Z\",\"eggsRequired\":87},{\"timestamp\":\"2025-12-17T15:17:02.135303Z\",\"eggsRequired\":86},{\"timestamp\":\"2025-12-17T15:47:01.764862Z\",\"eggsRequired\":86},{\"timestamp\":\"2025-12-17T15:57:02.089765Z\",\"eggsRequired\":81},{\"timestamp\":\"2025-12-17T17:47:01.804123Z\",\"eggsRequired\":81},{\"timestamp\":\"2025-12-17T17:57:01.886535Z\",\"eggsRequired\":80},{\"timestamp\":\"2025-12-17T18:47:02.131947Z\",\"eggsRequired\":80},{\"timestamp\":\"2025-12-17T18:57:02.019073Z\",\"eggsRequired\":79},{\"timestamp\":\"2025-12-17T20:57:02.253639Z\",\"eggsRequired\":79},{\"timestamp\":\"2025-12-17T21:07:02.372981Z\",\"eggsRequired\":78},{\"timestamp\":\"2025-12-17T22:07:02.179087Z\",\"eggsRequired\":78},{\"timestamp\":\"2025-12-17T22:17:02.671137Z\",\"eggsRequired\":75},{\"timestamp\":\"2025-12-17T22:37:01.880865Z\",\"eggsRequired\":75},{\"timestamp\":\"2025-12-17T22:47:02.278902Z\",\"eggsRequired\":74},{\"timestamp\":\"2025-12-17T23:37:02.0728Z\",\"eggsRequired\":74},{\"timestamp\":\"2025-12-17T23:47:02.459994Z\",\"eggsRequired\":70},{\"timestamp\":\"2025-12-17T23:57:02.208223Z\",\"eggsRequired\":67},{\"timestamp\":\"2025-12-18T00:57:02.05502Z\",\"eggsRequired\":67},{\"timestamp\":\"2025-12-18T01:07:02.408144Z\",\"eggsRequired\":66},{\"timestamp\":\"2025-12-18T02:27:02.682275Z\",\"eggsRequired\":66},{\"timestamp\":\"2025-12-18T02:37:02.712092Z\",\"eggsRequired\":60},{\"timestamp\":\"2025-12-18T03:57:02.238357Z\",\"eggsRequired\":60},{\"timestamp\":\"2025-12-18T04:07:03.244934Z\",\"eggsRequired\":57},{\"timestamp\":\"2025-12-18T05:17:02.424428Z\",\"eggsRequired\":57},{\"timestamp\":\"2025-12-18T05:27:02.545428Z\",\"eggsRequired\":54},{\"timestamp\":\"2025-12-18T06:07:02.155015Z\",\"eggsRequired\":54},{\"timestamp\":\"2025-12-18T06:17:02.322449Z\",\"eggsRequired\":51},{\"timestamp\":\"2025-12-18T06:57:02.151751Z\",\"eggsRequired\":51},{\"timestamp\":\"2025-12-18T07:07:02.234481Z\",\"eggsRequired\":45},{\"timestamp\":\"2025-12-18T07:17:01.546431Z\",\"eggsRequired\":42},{\"timestamp\":\"2025-12-18T07:27:02.251975Z\",\"eggsRequired\":40},{\"timestamp\":\"2025-12-18T08:07:01.606877Z\",\"eggsRequired\":40},{\"timestamp\":\"2025-12-18T08:17:01.561478Z\",\"eggsRequired\":39},{\"timestamp\":\"2025-12-18T10:57:02.15191Z\",\"eggsRequired\":39},{\"timestamp\":\"2025-12-18T11:07:01.92945Z\",\"eggsRequired\":36},{\"timestamp\":\"2025-12-18T12:27:02.65604Z\",\"eggsRequired\":36},{\"timestamp\":\"2025-12-18T12:37:01.935357Z\",\"eggsRequired\":33},{\"timestamp\":\"2025-12-18T13:57:02.171399Z\",\"eggsRequired\":33},{\"timestamp\":\"2025-12-18T14:07:02.564934Z\",\"eggsRequired\":30},{\"timestamp\":\"2025-12-18T14:17:02.127039Z\",\"eggsRequired\":27},{\"timestamp\":\"2025-12-18T14:47:02.651664Z\",\"eggsRequired\":27},{\"timestamp\":\"2025-12-18T14:57:02.392373Z\",\"eggsRequired\":24},{\"timestamp\":\"2025-12-18T15:17:02.672142Z\",\"eggsRequired\":24},{\"timestamp\":\"2025-12-18T15:27:02.315588Z\",\"eggsRequired\":23},{\"timestamp\":\"2025-12-18T18:37:02.200807Z\",\"eggsRequired\":23},{\"timestamp\":\"2025-12-18T18:47:01.741128Z\",\"eggsRequired\":20},{\"timestamp\":\"2025-12-18T18:57:02.086716Z\",\"eggsRequired\":19},{\"timestamp\":\"2025-12-18T19:07:02.25364Z\",\"eggsRequired\":16},{\"timestamp\":\"2025-12-18T21:37:01.877665Z\",\"eggsRequired\":16},{\"timestamp\":\"2025-12-18T21:47:02.33759Z\",\"eggsRequired\":13},{\"timestamp\":\"2025-12-18T23:47:02.481068Z\",\"eggsRequired\":13},{\"timestamp\":\"2025-12-18T23:57:02.271139Z\",\"eggsRequired\":12},{\"timestamp\":\"2025-12-19T00:07:02.365453Z\",\"eggsRequired\":11},{\"timestamp\":\"2025-12-19T00:17:02.467936Z\",\"eggsRequired\":10},{\"timestamp\":\"2025-12-19T00:47:02.792925Z\",\"eggsRequired\":10},{\"timestamp\":\"2025-12-19T00:57:02.451091Z\",\"eggsRequired\":7},{\"timestamp\":\"2025-12-19T02:07:02.723038Z\",\"eggsRequired\":7},{\"timestamp\":\"2025-12-19T02:17:02.738541Z\",\"eggsRequired\":3},{\"timestamp\":\"2025-12-19T02:47:02.886988Z\",\"eggsRequired\":3},{\"timestamp\":\"2025-12-19T02:57:02.648577Z\",\"eggsRequired\":1},{\"timestamp\":\"2025-12-19T05:17:02.63443Z\",\"eggsRequired\":1},{\"timestamp\":\"2025-12-19T05:27:02.283433Z\",\"eggsRequired\":0}]}</script>\r\n\t<script type=\"text/javascript\">\r\n\t\t\tconst data = JSON.parse(document.getElementById('eggTimes').innerHTML)//.map(([d, value]) => {let date = new Date(d); return { date, value }})\r\n\t\t\t//console.log(data)\r\n\t\t\tchart = (data) => {\r\n\t\t\t\tif (data.times.length <= 1) return\r\n\t\t\t\tconsole.log(data)\r\n\t\t\t\tconst width = 928;\r\n\t\t\t\tconst height = 600;\r\n\t\t\t\t//const height = 200;\r\n\t\t\t\tconst marginTop = 20;\r\n\t\t\t\tconst marginRight = 30;\r\n\t\t\t\tconst marginBottom = 30;\r\n\t\t\t\tconst marginLeft = 40;\r\n\r\n\t\t\t\tconst x = d3.scaleUtc()\r\n\t\t\t\t\t\t.domain(d3.extent(data.times, d => new Date(d.timestamp)))\r\n\t\t\t\t\t\t.range([marginLeft, width - marginRight]);\r\n\r\n\t\t\t\tconst y = d3.scaleLinear()\r\n\t\t\t\t\t\t.domain([100, 0])\r\n\t\t\t\t\t\t.range([height - marginBottom, marginTop]);\r\n\r\n\t\t\t\t// Declare the line generator.\r\n\t\t\t\tconst line = d3.line()\r\n\t\t\t\t\t\t.x(d => x(new Date(d.timestamp)))\r\n\t\t\t\t\t\t.y(d => y(d.eggsRequired));\r\n\r\n\t\t\t\tconsole.log(data.times[0].timestamp)\r\n\t\t\t\tconsole.log(new Date(data.times[0].timestamp))\r\n\t\t\t\tconsole.log(x(new Date(data.times[0].timestamp)))\r\n\t\t\t\tconsole.log(y(data.times[0].eggsRequired))\r\n\t\t\t\tconsole.log(line(data.times[0]))\r\n\t\t\t\tconsole.log(line(data.times))\r\n\r\n\t\t\t\tconst max = 100;\r\n\r\n\t\t\t\t// Create a symmetric diverging color scale.\r\n\t\t\t\tconst color = d3.scaleSequential()\r\n\t\t\t\t\t\t.domain([max, 0])\r\n\t\t\t\t\t\t.interpolator(d3.interpolateRdBu);\r\n\r\n\t\t\t\t//.attr(\"style\", \"max-width: 100%; height: auto;\");\r\n\r\n\t\t\t\tconst svg = d3.select(\"#svg\")\r\n\t\t\t\t\t\t.attr(\"viewBox\", [0, 0, width, height])\r\n\t\t\t\t\t\t.attr(\"width\", width)\r\n\t\t\t\t\t\t.attr(\"height\", height)\r\n\t\t\t\t\t\t.attr(\"style\", \"max-width: 100%; height: auto; font: 10px sans-serif;\");\r\n\r\n\t\t\t\tsvg.append(\"g\")\r\n\t\t\t\t\t\t.attr(\"transform\", `translate(0,${height - marginBottom})`)\r\n\t\t\t\t\t\t.call(d3.axisBottom(x).ticks(width / 80))\r\n\t\t\t\t//.call(g => g.select(\".domain\").remove());\r\n\r\n\t\t\t\tsvg.append(\"g\")\r\n\t\t\t\t\t\t.attr(\"transform\", `translate(${marginLeft},0)`)\r\n\t\t\t\t\t\t.call(d3.axisLeft(y).ticks(10))\r\n\t\t\t\t\t\t//.call(g => g.select(\".domain\").remove())\r\n\t\t\t\t\t\t.call(g => g.selectAll(\".tick line\")\r\n\t\t\t\t\t\t\t\t.clone()\r\n\t\t\t\t\t\t\t\t.attr(\"x2\", width - marginRight - marginLeft)\r\n\t\t\t\t\t\t\t\t.attr(\"stroke-opacity\", d => d === 0 ? 1 : 0.1))\r\n\t\t\t\t//.call(g => g.append(\"text\")\r\n\t\t\t\t//\t\t.attr(\"fill\", \"#000\")\r\n\t\t\t\t//\t\t.attr(\"x\", 5)\r\n\t\t\t\t//\t\t.attr(\"y\", marginTop)\r\n\t\t\t\t//\t\t.attr(\"dy\", \"0.32em\")\r\n\t\t\t\t//\t\t.attr(\"text-anchor\", \"start\")\r\n\t\t\t\t//\t\t.attr(\"font-weight\", \"bold\")\r\n\t\t\t\t//\t\t.text(\"Anomaly (°C)\"));\r\n\r\n\t\t\t\t//svg.append(\"g\")\r\n\t\t\t\t//\t\t.attr(\"stroke\", \"#000\")\r\n\t\t\t\t//\t\t.attr(\"stroke-opacity\", 0.2)\r\n\t\t\t\t//\t\t.selectAll()\r\n\t\t\t\t//\t\t.data(data)\r\n\t\t\t\t//\t\t.join(\"circle\")\r\n\t\t\t\t//\t\t.attr(\"cx\", d => x(d.date))\r\n\t\t\t\t//\t\t.attr(\"cy\", d => y(d.value))\r\n\t\t\t\t//\t\t.attr(\"fill\", d => color(d.value))\r\n\t\t\t\t//\t\t.attr(\"r\", 2.5);\r\n\r\n\t\t\t\t// Append a path for the line.\r\n\t\t\t\tsvg.append(\"path\")\r\n\t\t\t\t\t\t.attr(\"fill\", \"none\")\r\n\t\t\t\t\t\t.attr(\"stroke\", \"steelblue\")\r\n\t\t\t\t\t\t.attr(\"stroke-width\", 1.5)\r\n\t\t\t\t\t\t.attr(\"d\", line(data.times));\r\n\t\t\t\tdocument.getElementById('graph').classList.remove(\"visually-hidden\")\r\n\t\t\t\treturn svg.node();\r\n\t\t\t}\r\n\t\t\tchart(data)\r\n\t\t\t//d3.json(`/CatalogusFast%C4%ABdi%C4%AB/monsters/2504/egg`).then(chart)\r\n\t</script>\r\n\r\n\t</body>\r\n</html>\r\n"}