diff --git a/dist/extension.zip b/dist/extension.zip index d65dd81..2a1745b 100644 Binary files a/dist/extension.zip and b/dist/extension.zip differ diff --git a/dist/extension/birb.js b/dist/extension/birb.js index e209bc1..85b45eb 100644 --- a/dist/extension/birb.js +++ b/dist/extension/birb.js @@ -237,6 +237,8 @@ "bluebird": { "name": "Eastern Bluebird", "description": "Native to North American and very social, though can be timid around people.", + "latinName": "Sialia sialis", + "url": "https://en.wikipedia.org/wiki/Eastern_bluebird", "colors": { "foot": "#af8e75", "face": "#639bff", @@ -249,6 +251,8 @@ "shimaEnaga": { "name": "Shima Enaga", "description": "Small, fluffy birds found in the snowy regions of Japan, these birds are highly sought after by ornithologists and nature photographers.", + "latinName": "Aegithalos caudatus", + "url": "https://en.wikipedia.org/wiki/Long-tailed_tit", "colors": { "foot": "#af8e75", "face": "#ffffff", @@ -262,6 +266,8 @@ "tuftedTitmouse": { "name": "Tufted Titmouse", "description": "Native to the eastern United States, full of personality, and notably my wife's favorite bird.", + "latinName": "Baeolophus bicolor", + "url": "https://en.wikipedia.org/wiki/Tufted_titmouse", "colors": { "foot": "#af8e75", "face": "#c7cad7", @@ -278,6 +284,8 @@ "europeanRobin": { "name": "European Robin", "description": "Native to western Europe, this is the quintessential robin. Quite friendly, you'll often find them searching for worms.", + "latinName": "Erithacus rubecula", + "url": "https://en.wikipedia.org/wiki/European_robin", "colors": { "foot": "#af8e75", "face": "#ffaf34", @@ -292,6 +300,8 @@ "redCardinal": { "name": "Red Cardinal", "description": "Native to the eastern United States, this strikingly red bird is hard to miss.", + "latinName": "Cardinalis cardinalis", + "url": "https://en.wikipedia.org/wiki/Red_cardinal", "colors": { "beak": "#d93619", "foot": "#af8e75", @@ -311,6 +321,8 @@ "americanGoldfinch": { "name": "American Goldfinch", "description": "Coloured a brilliant yellow, this bird feeds almost entirely on the seeds of plants such as thistle, sunflowers, and coneflowers.", + "latinName": "Spinus tristis", + "url": "https://en.wikipedia.org/wiki/American_goldfinch", "colors": { "beak": "#ffaf34", "foot": "#af8e75", @@ -327,6 +339,8 @@ "barnSwallow": { "name": "Barn Swallow", "description": "Agile birds that often roost in man-made structures, these birds are known to build nests near Ospreys for protection.", + "latinName": "Hirundo rustica", + "url": "https://en.wikipedia.org/wiki/Barn_swallow", "colors": { "foot": "#af8e75", "face": "#db7c4d", @@ -340,6 +354,8 @@ "mistletoebird": { "name": "Mistletoebird", "description": "Native to Australia, these birds eat mainly mistletoe and in turn spread the seeds far and wide.", + "latinName": "Dicaeum hirundinaceum", + "url": "https://en.wikipedia.org/wiki/Mistletoebird", "colors": { "foot": "#6c6a7c", "face": "#352e6d", @@ -352,6 +368,8 @@ "scarletRobin": { "name": "Scarlet Robin", "description": "Native to Australia, this striking robin can be found in Eucalyptus forests.", + "latinName": "Petroica boodang", + "url": "https://en.wikipedia.org/wiki/Scarlet_robin", "colors": { "foot": "#494949", "face": "#3d3d3d", @@ -366,6 +384,8 @@ "americanRobin": { "name": "American Robin", "description": "While not a true robin, this social North American bird is so named due to its orange coloring. It seems unbothered by nearby humans.", + "latinName": "Turdus migratorius", + "url": "https://en.wikipedia.org/wiki/American_robin", "colors": { "beak": "#e89f30", "foot": "#9f8075", @@ -380,6 +400,8 @@ "carolinaWren": { "name": "Carolina Wren", "description": "Native to the eastern United States, these little birds are known for their curious and energetic nature.", + "latinName": "Thryothorus ludovicianus", + "url": "https://en.wikipedia.org/wiki/Carolina_wren", "colors": { "foot": "#af8e75", "face": "#edc7a9", @@ -394,6 +416,8 @@ "blackCappedChickadee": { "name": "Black-capped Chickadee", "description": "Native to North America, these small and curious birds are known for their distinctive call from which they get their name.", + "latinName": "Poecile atricapillus", + "url": "https://en.wikipedia.org/wiki/Black-capped_chickadee", "colors": { "hood": "#363636", "cheek": "#363636", @@ -413,6 +437,8 @@ "blueJay": { "name": "Blue Jay", "description": "This loud and rambunctious bird is native to North America and is known for challenging anything in its path.", + "latinName": "Cyanocitta cristata", + "url": "https://en.wikipedia.org/wiki/Blue_jay", "colors": { "foot": "#5a626b", "face": "#ebf2ff", @@ -432,6 +458,8 @@ "darkEyedJunco": { "name": "Dark-eyed Junco", "description": "Native across North America, these social birds will often be seen hopping along the ground in winter.", + "latinName": "Junco hyemalis", + "url": "https://en.wikipedia.org/wiki/Dark-eyed_junco", "colors": { "face": "#55565e", "wing": "#5c5f69", @@ -445,6 +473,8 @@ "houseFinch": { "name": "House Finch", "description": "Native to North America, these highly social birds sing cheerful songs and are often seen at bird feeders.", + "latinName": "Haemorhous mexicanus", + "url": "https://en.wikipedia.org/wiki/House_finch", "colors": { "face": "#cc3a3f", "wing": "#ae8e78", @@ -461,6 +491,8 @@ "pigeon": { "name": "Pigeon", "description": "Descended from the Rock Dove, these once domesticated birds are often found in cities worldwide. Quite friendly and intelligent, they were favored companions of Nikola Tesla.", + "latinName": "Columba livia", + "url": "https://en.wikipedia.org/wiki/Rock_dove", "colors": { "foot": "#ef6e5b", "face": "#5a6c91", @@ -474,6 +506,8 @@ "redAvadavat": { "name": "Red Avadavat", "description": "Native to India and southeast Asia, these birds are also known as Strawberry Finches due to their speckled plumage.", + "latinName": "Amandava amandava", + "url": "https://en.wikipedia.org/wiki/Red_avadavat", "colors": { "beak": "#f71919", "foot": "#af7575", @@ -489,6 +523,8 @@ "pinkRobin": { "name": "Pink Robin", "description": "Native to Australia, these bubblegum-pink puffballs are quieter than most, instead relying on their vibrant colours to attract partners.", + "latinName": "Petroica rodinogaster", + "url": "https://en.wikipedia.org/wiki/Pink_robin", "colors": { "face": "#403a46", "wing": "#38333d", @@ -503,6 +539,8 @@ "redWarbler": { "name": "Red Warbler", "description": "Endemic to the highlands of Mexico, this bird has the rare distinction of being one of the very few toxic birds in the world.", + "latinName": "Cardellina rubra", + "url": "https://en.wikipedia.org/wiki/Red_warbler", "colors": { "face": "#e80a28", "belly": "#d90921", @@ -522,6 +560,8 @@ "elegantEuphonia": { "name": "Elegant Euphonia", "description": "This vividly coloured finch is found throughout Central America and is known for the distinctive blue hood that crowns its head.", + "latinName": "Chlorophonia elegantissima", + "url": "https://en.wikipedia.org/wiki/Elegant_euphonia", "colors": { "wing": "#101480", "wing-edge": "#070956", @@ -649,13 +689,17 @@ /** * @param {string} name * @param {string} description + * @param {string} latinName + * @param {string} url * @param {Record} colors * @param {string[]} [tags] * @param {Rarity} [rarity] */ - constructor(name, description, colors, tags = [], rarity = RARITY.FAMILIAR) { + constructor(name, description, latinName, url, colors, tags = [], rarity = RARITY.FAMILIAR) { this.name = name; this.description = description; + this.latinName = latinName; + this.url = url; const defaultColors = { [PALETTE.TRANSPARENT]: "transparent", [PALETTE.OUTLINE]: "#000000", @@ -749,7 +793,7 @@ const SPECIES = Object.fromEntries( Object.entries(species).map(([id, data]) => [ id, - new BirdType(data.name, data.description, data.colors, data.tags, data.rarity) + new BirdType(data.name, data.description, data.latinName, data.url, data.colors, data.tags, data.rarity) ]), ); @@ -2329,6 +2373,13 @@ color: #7c6c4b; } +.birb-field-guide-latin-name { + text-decoration: underline; + font-style: italic; + font-weight: bold; + color: inherit; +} + #birb-feather { cursor: pointer; } @@ -3097,14 +3148,26 @@ const boldName = document.createElement("b"); boldName.textContent = type.name; - const spacer = document.createElement("div"); - spacer.style.height = "0.3em"; + + const spacerOne = document.createElement("div"); + spacerOne.style.height = "0.3em"; + + const latinName = document.createElement("a"); + latinName.className = "birb-field-guide-latin-name"; + latinName.textContent = type.latinName; + latinName.href = type.url; + latinName.target = "_blank"; + + const spacerTwo = document.createElement("div"); + spacerTwo.style.height = "0.3em"; const descText = document.createTextNode(!unlocked ? "Not yet unlocked" : type.description); const fragment = document.createDocumentFragment(); fragment.appendChild(boldName); - fragment.appendChild(spacer); + fragment.appendChild(spacerOne); + fragment.appendChild(latinName); + fragment.appendChild(spacerTwo); fragment.appendChild(descText); return fragment; diff --git a/dist/obsidian/main.js b/dist/obsidian/main.js index dd63d44..0f1b29b 100644 --- a/dist/obsidian/main.js +++ b/dist/obsidian/main.js @@ -242,6 +242,8 @@ module.exports = class PocketBird extends Plugin { "bluebird": { "name": "Eastern Bluebird", "description": "Native to North American and very social, though can be timid around people.", + "latinName": "Sialia sialis", + "url": "https://en.wikipedia.org/wiki/Eastern_bluebird", "colors": { "foot": "#af8e75", "face": "#639bff", @@ -254,6 +256,8 @@ module.exports = class PocketBird extends Plugin { "shimaEnaga": { "name": "Shima Enaga", "description": "Small, fluffy birds found in the snowy regions of Japan, these birds are highly sought after by ornithologists and nature photographers.", + "latinName": "Aegithalos caudatus", + "url": "https://en.wikipedia.org/wiki/Long-tailed_tit", "colors": { "foot": "#af8e75", "face": "#ffffff", @@ -267,6 +271,8 @@ module.exports = class PocketBird extends Plugin { "tuftedTitmouse": { "name": "Tufted Titmouse", "description": "Native to the eastern United States, full of personality, and notably my wife's favorite bird.", + "latinName": "Baeolophus bicolor", + "url": "https://en.wikipedia.org/wiki/Tufted_titmouse", "colors": { "foot": "#af8e75", "face": "#c7cad7", @@ -283,6 +289,8 @@ module.exports = class PocketBird extends Plugin { "europeanRobin": { "name": "European Robin", "description": "Native to western Europe, this is the quintessential robin. Quite friendly, you'll often find them searching for worms.", + "latinName": "Erithacus rubecula", + "url": "https://en.wikipedia.org/wiki/European_robin", "colors": { "foot": "#af8e75", "face": "#ffaf34", @@ -297,6 +305,8 @@ module.exports = class PocketBird extends Plugin { "redCardinal": { "name": "Red Cardinal", "description": "Native to the eastern United States, this strikingly red bird is hard to miss.", + "latinName": "Cardinalis cardinalis", + "url": "https://en.wikipedia.org/wiki/Red_cardinal", "colors": { "beak": "#d93619", "foot": "#af8e75", @@ -316,6 +326,8 @@ module.exports = class PocketBird extends Plugin { "americanGoldfinch": { "name": "American Goldfinch", "description": "Coloured a brilliant yellow, this bird feeds almost entirely on the seeds of plants such as thistle, sunflowers, and coneflowers.", + "latinName": "Spinus tristis", + "url": "https://en.wikipedia.org/wiki/American_goldfinch", "colors": { "beak": "#ffaf34", "foot": "#af8e75", @@ -332,6 +344,8 @@ module.exports = class PocketBird extends Plugin { "barnSwallow": { "name": "Barn Swallow", "description": "Agile birds that often roost in man-made structures, these birds are known to build nests near Ospreys for protection.", + "latinName": "Hirundo rustica", + "url": "https://en.wikipedia.org/wiki/Barn_swallow", "colors": { "foot": "#af8e75", "face": "#db7c4d", @@ -345,6 +359,8 @@ module.exports = class PocketBird extends Plugin { "mistletoebird": { "name": "Mistletoebird", "description": "Native to Australia, these birds eat mainly mistletoe and in turn spread the seeds far and wide.", + "latinName": "Dicaeum hirundinaceum", + "url": "https://en.wikipedia.org/wiki/Mistletoebird", "colors": { "foot": "#6c6a7c", "face": "#352e6d", @@ -357,6 +373,8 @@ module.exports = class PocketBird extends Plugin { "scarletRobin": { "name": "Scarlet Robin", "description": "Native to Australia, this striking robin can be found in Eucalyptus forests.", + "latinName": "Petroica boodang", + "url": "https://en.wikipedia.org/wiki/Scarlet_robin", "colors": { "foot": "#494949", "face": "#3d3d3d", @@ -371,6 +389,8 @@ module.exports = class PocketBird extends Plugin { "americanRobin": { "name": "American Robin", "description": "While not a true robin, this social North American bird is so named due to its orange coloring. It seems unbothered by nearby humans.", + "latinName": "Turdus migratorius", + "url": "https://en.wikipedia.org/wiki/American_robin", "colors": { "beak": "#e89f30", "foot": "#9f8075", @@ -385,6 +405,8 @@ module.exports = class PocketBird extends Plugin { "carolinaWren": { "name": "Carolina Wren", "description": "Native to the eastern United States, these little birds are known for their curious and energetic nature.", + "latinName": "Thryothorus ludovicianus", + "url": "https://en.wikipedia.org/wiki/Carolina_wren", "colors": { "foot": "#af8e75", "face": "#edc7a9", @@ -399,6 +421,8 @@ module.exports = class PocketBird extends Plugin { "blackCappedChickadee": { "name": "Black-capped Chickadee", "description": "Native to North America, these small and curious birds are known for their distinctive call from which they get their name.", + "latinName": "Poecile atricapillus", + "url": "https://en.wikipedia.org/wiki/Black-capped_chickadee", "colors": { "hood": "#363636", "cheek": "#363636", @@ -418,6 +442,8 @@ module.exports = class PocketBird extends Plugin { "blueJay": { "name": "Blue Jay", "description": "This loud and rambunctious bird is native to North America and is known for challenging anything in its path.", + "latinName": "Cyanocitta cristata", + "url": "https://en.wikipedia.org/wiki/Blue_jay", "colors": { "foot": "#5a626b", "face": "#ebf2ff", @@ -437,6 +463,8 @@ module.exports = class PocketBird extends Plugin { "darkEyedJunco": { "name": "Dark-eyed Junco", "description": "Native across North America, these social birds will often be seen hopping along the ground in winter.", + "latinName": "Junco hyemalis", + "url": "https://en.wikipedia.org/wiki/Dark-eyed_junco", "colors": { "face": "#55565e", "wing": "#5c5f69", @@ -450,6 +478,8 @@ module.exports = class PocketBird extends Plugin { "houseFinch": { "name": "House Finch", "description": "Native to North America, these highly social birds sing cheerful songs and are often seen at bird feeders.", + "latinName": "Haemorhous mexicanus", + "url": "https://en.wikipedia.org/wiki/House_finch", "colors": { "face": "#cc3a3f", "wing": "#ae8e78", @@ -466,6 +496,8 @@ module.exports = class PocketBird extends Plugin { "pigeon": { "name": "Pigeon", "description": "Descended from the Rock Dove, these once domesticated birds are often found in cities worldwide. Quite friendly and intelligent, they were favored companions of Nikola Tesla.", + "latinName": "Columba livia", + "url": "https://en.wikipedia.org/wiki/Rock_dove", "colors": { "foot": "#ef6e5b", "face": "#5a6c91", @@ -479,6 +511,8 @@ module.exports = class PocketBird extends Plugin { "redAvadavat": { "name": "Red Avadavat", "description": "Native to India and southeast Asia, these birds are also known as Strawberry Finches due to their speckled plumage.", + "latinName": "Amandava amandava", + "url": "https://en.wikipedia.org/wiki/Red_avadavat", "colors": { "beak": "#f71919", "foot": "#af7575", @@ -494,6 +528,8 @@ module.exports = class PocketBird extends Plugin { "pinkRobin": { "name": "Pink Robin", "description": "Native to Australia, these bubblegum-pink puffballs are quieter than most, instead relying on their vibrant colours to attract partners.", + "latinName": "Petroica rodinogaster", + "url": "https://en.wikipedia.org/wiki/Pink_robin", "colors": { "face": "#403a46", "wing": "#38333d", @@ -508,6 +544,8 @@ module.exports = class PocketBird extends Plugin { "redWarbler": { "name": "Red Warbler", "description": "Endemic to the highlands of Mexico, this bird has the rare distinction of being one of the very few toxic birds in the world.", + "latinName": "Cardellina rubra", + "url": "https://en.wikipedia.org/wiki/Red_warbler", "colors": { "face": "#e80a28", "belly": "#d90921", @@ -527,6 +565,8 @@ module.exports = class PocketBird extends Plugin { "elegantEuphonia": { "name": "Elegant Euphonia", "description": "This vividly coloured finch is found throughout Central America and is known for the distinctive blue hood that crowns its head.", + "latinName": "Chlorophonia elegantissima", + "url": "https://en.wikipedia.org/wiki/Elegant_euphonia", "colors": { "wing": "#101480", "wing-edge": "#070956", @@ -654,13 +694,17 @@ module.exports = class PocketBird extends Plugin { /** * @param {string} name * @param {string} description + * @param {string} latinName + * @param {string} url * @param {Record} colors * @param {string[]} [tags] * @param {Rarity} [rarity] */ - constructor(name, description, colors, tags = [], rarity = RARITY.FAMILIAR) { + constructor(name, description, latinName, url, colors, tags = [], rarity = RARITY.FAMILIAR) { this.name = name; this.description = description; + this.latinName = latinName; + this.url = url; const defaultColors = { [PALETTE.TRANSPARENT]: "transparent", [PALETTE.OUTLINE]: "#000000", @@ -754,7 +798,7 @@ module.exports = class PocketBird extends Plugin { const SPECIES = Object.fromEntries( Object.entries(species).map(([id, data]) => [ id, - new BirdType(data.name, data.description, data.colors, data.tags, data.rarity) + new BirdType(data.name, data.description, data.latinName, data.url, data.colors, data.tags, data.rarity) ]), ); @@ -2362,6 +2406,13 @@ module.exports = class PocketBird extends Plugin { color: #7c6c4b; } +.birb-field-guide-latin-name { + text-decoration: underline; + font-style: italic; + font-weight: bold; + color: inherit; +} + #birb-feather { cursor: pointer; } @@ -3130,14 +3181,26 @@ module.exports = class PocketBird extends Plugin { const boldName = document.createElement("b"); boldName.textContent = type.name; - const spacer = document.createElement("div"); - spacer.style.height = "0.3em"; + + const spacerOne = document.createElement("div"); + spacerOne.style.height = "0.3em"; + + const latinName = document.createElement("a"); + latinName.className = "birb-field-guide-latin-name"; + latinName.textContent = type.latinName; + latinName.href = type.url; + latinName.target = "_blank"; + + const spacerTwo = document.createElement("div"); + spacerTwo.style.height = "0.3em"; const descText = document.createTextNode(!unlocked ? "Not yet unlocked" : type.description); const fragment = document.createDocumentFragment(); fragment.appendChild(boldName); - fragment.appendChild(spacer); + fragment.appendChild(spacerOne); + fragment.appendChild(latinName); + fragment.appendChild(spacerTwo); fragment.appendChild(descText); return fragment; diff --git a/dist/userscript/birb.user.js b/dist/userscript/birb.user.js index 5dab9c9..802917c 100644 --- a/dist/userscript/birb.user.js +++ b/dist/userscript/birb.user.js @@ -251,6 +251,8 @@ "bluebird": { "name": "Eastern Bluebird", "description": "Native to North American and very social, though can be timid around people.", + "latinName": "Sialia sialis", + "url": "https://en.wikipedia.org/wiki/Eastern_bluebird", "colors": { "foot": "#af8e75", "face": "#639bff", @@ -263,6 +265,8 @@ "shimaEnaga": { "name": "Shima Enaga", "description": "Small, fluffy birds found in the snowy regions of Japan, these birds are highly sought after by ornithologists and nature photographers.", + "latinName": "Aegithalos caudatus", + "url": "https://en.wikipedia.org/wiki/Long-tailed_tit", "colors": { "foot": "#af8e75", "face": "#ffffff", @@ -276,6 +280,8 @@ "tuftedTitmouse": { "name": "Tufted Titmouse", "description": "Native to the eastern United States, full of personality, and notably my wife's favorite bird.", + "latinName": "Baeolophus bicolor", + "url": "https://en.wikipedia.org/wiki/Tufted_titmouse", "colors": { "foot": "#af8e75", "face": "#c7cad7", @@ -292,6 +298,8 @@ "europeanRobin": { "name": "European Robin", "description": "Native to western Europe, this is the quintessential robin. Quite friendly, you'll often find them searching for worms.", + "latinName": "Erithacus rubecula", + "url": "https://en.wikipedia.org/wiki/European_robin", "colors": { "foot": "#af8e75", "face": "#ffaf34", @@ -306,6 +314,8 @@ "redCardinal": { "name": "Red Cardinal", "description": "Native to the eastern United States, this strikingly red bird is hard to miss.", + "latinName": "Cardinalis cardinalis", + "url": "https://en.wikipedia.org/wiki/Red_cardinal", "colors": { "beak": "#d93619", "foot": "#af8e75", @@ -325,6 +335,8 @@ "americanGoldfinch": { "name": "American Goldfinch", "description": "Coloured a brilliant yellow, this bird feeds almost entirely on the seeds of plants such as thistle, sunflowers, and coneflowers.", + "latinName": "Spinus tristis", + "url": "https://en.wikipedia.org/wiki/American_goldfinch", "colors": { "beak": "#ffaf34", "foot": "#af8e75", @@ -341,6 +353,8 @@ "barnSwallow": { "name": "Barn Swallow", "description": "Agile birds that often roost in man-made structures, these birds are known to build nests near Ospreys for protection.", + "latinName": "Hirundo rustica", + "url": "https://en.wikipedia.org/wiki/Barn_swallow", "colors": { "foot": "#af8e75", "face": "#db7c4d", @@ -354,6 +368,8 @@ "mistletoebird": { "name": "Mistletoebird", "description": "Native to Australia, these birds eat mainly mistletoe and in turn spread the seeds far and wide.", + "latinName": "Dicaeum hirundinaceum", + "url": "https://en.wikipedia.org/wiki/Mistletoebird", "colors": { "foot": "#6c6a7c", "face": "#352e6d", @@ -366,6 +382,8 @@ "scarletRobin": { "name": "Scarlet Robin", "description": "Native to Australia, this striking robin can be found in Eucalyptus forests.", + "latinName": "Petroica boodang", + "url": "https://en.wikipedia.org/wiki/Scarlet_robin", "colors": { "foot": "#494949", "face": "#3d3d3d", @@ -380,6 +398,8 @@ "americanRobin": { "name": "American Robin", "description": "While not a true robin, this social North American bird is so named due to its orange coloring. It seems unbothered by nearby humans.", + "latinName": "Turdus migratorius", + "url": "https://en.wikipedia.org/wiki/American_robin", "colors": { "beak": "#e89f30", "foot": "#9f8075", @@ -394,6 +414,8 @@ "carolinaWren": { "name": "Carolina Wren", "description": "Native to the eastern United States, these little birds are known for their curious and energetic nature.", + "latinName": "Thryothorus ludovicianus", + "url": "https://en.wikipedia.org/wiki/Carolina_wren", "colors": { "foot": "#af8e75", "face": "#edc7a9", @@ -408,6 +430,8 @@ "blackCappedChickadee": { "name": "Black-capped Chickadee", "description": "Native to North America, these small and curious birds are known for their distinctive call from which they get their name.", + "latinName": "Poecile atricapillus", + "url": "https://en.wikipedia.org/wiki/Black-capped_chickadee", "colors": { "hood": "#363636", "cheek": "#363636", @@ -427,6 +451,8 @@ "blueJay": { "name": "Blue Jay", "description": "This loud and rambunctious bird is native to North America and is known for challenging anything in its path.", + "latinName": "Cyanocitta cristata", + "url": "https://en.wikipedia.org/wiki/Blue_jay", "colors": { "foot": "#5a626b", "face": "#ebf2ff", @@ -446,6 +472,8 @@ "darkEyedJunco": { "name": "Dark-eyed Junco", "description": "Native across North America, these social birds will often be seen hopping along the ground in winter.", + "latinName": "Junco hyemalis", + "url": "https://en.wikipedia.org/wiki/Dark-eyed_junco", "colors": { "face": "#55565e", "wing": "#5c5f69", @@ -459,6 +487,8 @@ "houseFinch": { "name": "House Finch", "description": "Native to North America, these highly social birds sing cheerful songs and are often seen at bird feeders.", + "latinName": "Haemorhous mexicanus", + "url": "https://en.wikipedia.org/wiki/House_finch", "colors": { "face": "#cc3a3f", "wing": "#ae8e78", @@ -475,6 +505,8 @@ "pigeon": { "name": "Pigeon", "description": "Descended from the Rock Dove, these once domesticated birds are often found in cities worldwide. Quite friendly and intelligent, they were favored companions of Nikola Tesla.", + "latinName": "Columba livia", + "url": "https://en.wikipedia.org/wiki/Rock_dove", "colors": { "foot": "#ef6e5b", "face": "#5a6c91", @@ -488,6 +520,8 @@ "redAvadavat": { "name": "Red Avadavat", "description": "Native to India and southeast Asia, these birds are also known as Strawberry Finches due to their speckled plumage.", + "latinName": "Amandava amandava", + "url": "https://en.wikipedia.org/wiki/Red_avadavat", "colors": { "beak": "#f71919", "foot": "#af7575", @@ -503,6 +537,8 @@ "pinkRobin": { "name": "Pink Robin", "description": "Native to Australia, these bubblegum-pink puffballs are quieter than most, instead relying on their vibrant colours to attract partners.", + "latinName": "Petroica rodinogaster", + "url": "https://en.wikipedia.org/wiki/Pink_robin", "colors": { "face": "#403a46", "wing": "#38333d", @@ -517,6 +553,8 @@ "redWarbler": { "name": "Red Warbler", "description": "Endemic to the highlands of Mexico, this bird has the rare distinction of being one of the very few toxic birds in the world.", + "latinName": "Cardellina rubra", + "url": "https://en.wikipedia.org/wiki/Red_warbler", "colors": { "face": "#e80a28", "belly": "#d90921", @@ -536,6 +574,8 @@ "elegantEuphonia": { "name": "Elegant Euphonia", "description": "This vividly coloured finch is found throughout Central America and is known for the distinctive blue hood that crowns its head.", + "latinName": "Chlorophonia elegantissima", + "url": "https://en.wikipedia.org/wiki/Elegant_euphonia", "colors": { "wing": "#101480", "wing-edge": "#070956", @@ -663,13 +703,17 @@ /** * @param {string} name * @param {string} description + * @param {string} latinName + * @param {string} url * @param {Record} colors * @param {string[]} [tags] * @param {Rarity} [rarity] */ - constructor(name, description, colors, tags = [], rarity = RARITY.FAMILIAR) { + constructor(name, description, latinName, url, colors, tags = [], rarity = RARITY.FAMILIAR) { this.name = name; this.description = description; + this.latinName = latinName; + this.url = url; const defaultColors = { [PALETTE.TRANSPARENT]: "transparent", [PALETTE.OUTLINE]: "#000000", @@ -763,7 +807,7 @@ const SPECIES = Object.fromEntries( Object.entries(species).map(([id, data]) => [ id, - new BirdType(data.name, data.description, data.colors, data.tags, data.rarity) + new BirdType(data.name, data.description, data.latinName, data.url, data.colors, data.tags, data.rarity) ]), ); @@ -2324,6 +2368,13 @@ color: #7c6c4b; } +.birb-field-guide-latin-name { + text-decoration: underline; + font-style: italic; + font-weight: bold; + color: inherit; +} + #birb-feather { cursor: pointer; } @@ -3092,14 +3143,26 @@ const boldName = document.createElement("b"); boldName.textContent = type.name; - const spacer = document.createElement("div"); - spacer.style.height = "0.3em"; + + const spacerOne = document.createElement("div"); + spacerOne.style.height = "0.3em"; + + const latinName = document.createElement("a"); + latinName.className = "birb-field-guide-latin-name"; + latinName.textContent = type.latinName; + latinName.href = type.url; + latinName.target = "_blank"; + + const spacerTwo = document.createElement("div"); + spacerTwo.style.height = "0.3em"; const descText = document.createTextNode(!unlocked ? "Not yet unlocked" : type.description); const fragment = document.createDocumentFragment(); fragment.appendChild(boldName); - fragment.appendChild(spacer); + fragment.appendChild(spacerOne); + fragment.appendChild(latinName); + fragment.appendChild(spacerTwo); fragment.appendChild(descText); return fragment; diff --git a/dist/web/birb.embed.js b/dist/web/birb.embed.js index 0601a6f..5427a04 100644 --- a/dist/web/birb.embed.js +++ b/dist/web/birb.embed.js @@ -237,6 +237,8 @@ "bluebird": { "name": "Eastern Bluebird", "description": "Native to North American and very social, though can be timid around people.", + "latinName": "Sialia sialis", + "url": "https://en.wikipedia.org/wiki/Eastern_bluebird", "colors": { "foot": "#af8e75", "face": "#639bff", @@ -249,6 +251,8 @@ "shimaEnaga": { "name": "Shima Enaga", "description": "Small, fluffy birds found in the snowy regions of Japan, these birds are highly sought after by ornithologists and nature photographers.", + "latinName": "Aegithalos caudatus", + "url": "https://en.wikipedia.org/wiki/Long-tailed_tit", "colors": { "foot": "#af8e75", "face": "#ffffff", @@ -262,6 +266,8 @@ "tuftedTitmouse": { "name": "Tufted Titmouse", "description": "Native to the eastern United States, full of personality, and notably my wife's favorite bird.", + "latinName": "Baeolophus bicolor", + "url": "https://en.wikipedia.org/wiki/Tufted_titmouse", "colors": { "foot": "#af8e75", "face": "#c7cad7", @@ -278,6 +284,8 @@ "europeanRobin": { "name": "European Robin", "description": "Native to western Europe, this is the quintessential robin. Quite friendly, you'll often find them searching for worms.", + "latinName": "Erithacus rubecula", + "url": "https://en.wikipedia.org/wiki/European_robin", "colors": { "foot": "#af8e75", "face": "#ffaf34", @@ -292,6 +300,8 @@ "redCardinal": { "name": "Red Cardinal", "description": "Native to the eastern United States, this strikingly red bird is hard to miss.", + "latinName": "Cardinalis cardinalis", + "url": "https://en.wikipedia.org/wiki/Red_cardinal", "colors": { "beak": "#d93619", "foot": "#af8e75", @@ -311,6 +321,8 @@ "americanGoldfinch": { "name": "American Goldfinch", "description": "Coloured a brilliant yellow, this bird feeds almost entirely on the seeds of plants such as thistle, sunflowers, and coneflowers.", + "latinName": "Spinus tristis", + "url": "https://en.wikipedia.org/wiki/American_goldfinch", "colors": { "beak": "#ffaf34", "foot": "#af8e75", @@ -327,6 +339,8 @@ "barnSwallow": { "name": "Barn Swallow", "description": "Agile birds that often roost in man-made structures, these birds are known to build nests near Ospreys for protection.", + "latinName": "Hirundo rustica", + "url": "https://en.wikipedia.org/wiki/Barn_swallow", "colors": { "foot": "#af8e75", "face": "#db7c4d", @@ -340,6 +354,8 @@ "mistletoebird": { "name": "Mistletoebird", "description": "Native to Australia, these birds eat mainly mistletoe and in turn spread the seeds far and wide.", + "latinName": "Dicaeum hirundinaceum", + "url": "https://en.wikipedia.org/wiki/Mistletoebird", "colors": { "foot": "#6c6a7c", "face": "#352e6d", @@ -352,6 +368,8 @@ "scarletRobin": { "name": "Scarlet Robin", "description": "Native to Australia, this striking robin can be found in Eucalyptus forests.", + "latinName": "Petroica boodang", + "url": "https://en.wikipedia.org/wiki/Scarlet_robin", "colors": { "foot": "#494949", "face": "#3d3d3d", @@ -366,6 +384,8 @@ "americanRobin": { "name": "American Robin", "description": "While not a true robin, this social North American bird is so named due to its orange coloring. It seems unbothered by nearby humans.", + "latinName": "Turdus migratorius", + "url": "https://en.wikipedia.org/wiki/American_robin", "colors": { "beak": "#e89f30", "foot": "#9f8075", @@ -380,6 +400,8 @@ "carolinaWren": { "name": "Carolina Wren", "description": "Native to the eastern United States, these little birds are known for their curious and energetic nature.", + "latinName": "Thryothorus ludovicianus", + "url": "https://en.wikipedia.org/wiki/Carolina_wren", "colors": { "foot": "#af8e75", "face": "#edc7a9", @@ -394,6 +416,8 @@ "blackCappedChickadee": { "name": "Black-capped Chickadee", "description": "Native to North America, these small and curious birds are known for their distinctive call from which they get their name.", + "latinName": "Poecile atricapillus", + "url": "https://en.wikipedia.org/wiki/Black-capped_chickadee", "colors": { "hood": "#363636", "cheek": "#363636", @@ -413,6 +437,8 @@ "blueJay": { "name": "Blue Jay", "description": "This loud and rambunctious bird is native to North America and is known for challenging anything in its path.", + "latinName": "Cyanocitta cristata", + "url": "https://en.wikipedia.org/wiki/Blue_jay", "colors": { "foot": "#5a626b", "face": "#ebf2ff", @@ -432,6 +458,8 @@ "darkEyedJunco": { "name": "Dark-eyed Junco", "description": "Native across North America, these social birds will often be seen hopping along the ground in winter.", + "latinName": "Junco hyemalis", + "url": "https://en.wikipedia.org/wiki/Dark-eyed_junco", "colors": { "face": "#55565e", "wing": "#5c5f69", @@ -445,6 +473,8 @@ "houseFinch": { "name": "House Finch", "description": "Native to North America, these highly social birds sing cheerful songs and are often seen at bird feeders.", + "latinName": "Haemorhous mexicanus", + "url": "https://en.wikipedia.org/wiki/House_finch", "colors": { "face": "#cc3a3f", "wing": "#ae8e78", @@ -461,6 +491,8 @@ "pigeon": { "name": "Pigeon", "description": "Descended from the Rock Dove, these once domesticated birds are often found in cities worldwide. Quite friendly and intelligent, they were favored companions of Nikola Tesla.", + "latinName": "Columba livia", + "url": "https://en.wikipedia.org/wiki/Rock_dove", "colors": { "foot": "#ef6e5b", "face": "#5a6c91", @@ -474,6 +506,8 @@ "redAvadavat": { "name": "Red Avadavat", "description": "Native to India and southeast Asia, these birds are also known as Strawberry Finches due to their speckled plumage.", + "latinName": "Amandava amandava", + "url": "https://en.wikipedia.org/wiki/Red_avadavat", "colors": { "beak": "#f71919", "foot": "#af7575", @@ -489,6 +523,8 @@ "pinkRobin": { "name": "Pink Robin", "description": "Native to Australia, these bubblegum-pink puffballs are quieter than most, instead relying on their vibrant colours to attract partners.", + "latinName": "Petroica rodinogaster", + "url": "https://en.wikipedia.org/wiki/Pink_robin", "colors": { "face": "#403a46", "wing": "#38333d", @@ -503,6 +539,8 @@ "redWarbler": { "name": "Red Warbler", "description": "Endemic to the highlands of Mexico, this bird has the rare distinction of being one of the very few toxic birds in the world.", + "latinName": "Cardellina rubra", + "url": "https://en.wikipedia.org/wiki/Red_warbler", "colors": { "face": "#e80a28", "belly": "#d90921", @@ -522,6 +560,8 @@ "elegantEuphonia": { "name": "Elegant Euphonia", "description": "This vividly coloured finch is found throughout Central America and is known for the distinctive blue hood that crowns its head.", + "latinName": "Chlorophonia elegantissima", + "url": "https://en.wikipedia.org/wiki/Elegant_euphonia", "colors": { "wing": "#101480", "wing-edge": "#070956", @@ -649,13 +689,17 @@ /** * @param {string} name * @param {string} description + * @param {string} latinName + * @param {string} url * @param {Record} colors * @param {string[]} [tags] * @param {Rarity} [rarity] */ - constructor(name, description, colors, tags = [], rarity = RARITY.FAMILIAR) { + constructor(name, description, latinName, url, colors, tags = [], rarity = RARITY.FAMILIAR) { this.name = name; this.description = description; + this.latinName = latinName; + this.url = url; const defaultColors = { [PALETTE.TRANSPARENT]: "transparent", [PALETTE.OUTLINE]: "#000000", @@ -749,7 +793,7 @@ const SPECIES = Object.fromEntries( Object.entries(species).map(([id, data]) => [ id, - new BirdType(data.name, data.description, data.colors, data.tags, data.rarity) + new BirdType(data.name, data.description, data.latinName, data.url, data.colors, data.tags, data.rarity) ]), ); @@ -2304,6 +2348,13 @@ color: #7c6c4b; } +.birb-field-guide-latin-name { + text-decoration: underline; + font-style: italic; + font-weight: bold; + color: inherit; +} + #birb-feather { cursor: pointer; } @@ -3072,14 +3123,26 @@ const boldName = document.createElement("b"); boldName.textContent = type.name; - const spacer = document.createElement("div"); - spacer.style.height = "0.3em"; + + const spacerOne = document.createElement("div"); + spacerOne.style.height = "0.3em"; + + const latinName = document.createElement("a"); + latinName.className = "birb-field-guide-latin-name"; + latinName.textContent = type.latinName; + latinName.href = type.url; + latinName.target = "_blank"; + + const spacerTwo = document.createElement("div"); + spacerTwo.style.height = "0.3em"; const descText = document.createTextNode(!unlocked ? "Not yet unlocked" : type.description); const fragment = document.createDocumentFragment(); fragment.appendChild(boldName); - fragment.appendChild(spacer); + fragment.appendChild(spacerOne); + fragment.appendChild(latinName); + fragment.appendChild(spacerTwo); fragment.appendChild(descText); return fragment; diff --git a/dist/web/birb.js b/dist/web/birb.js index 0601a6f..5427a04 100644 --- a/dist/web/birb.js +++ b/dist/web/birb.js @@ -237,6 +237,8 @@ "bluebird": { "name": "Eastern Bluebird", "description": "Native to North American and very social, though can be timid around people.", + "latinName": "Sialia sialis", + "url": "https://en.wikipedia.org/wiki/Eastern_bluebird", "colors": { "foot": "#af8e75", "face": "#639bff", @@ -249,6 +251,8 @@ "shimaEnaga": { "name": "Shima Enaga", "description": "Small, fluffy birds found in the snowy regions of Japan, these birds are highly sought after by ornithologists and nature photographers.", + "latinName": "Aegithalos caudatus", + "url": "https://en.wikipedia.org/wiki/Long-tailed_tit", "colors": { "foot": "#af8e75", "face": "#ffffff", @@ -262,6 +266,8 @@ "tuftedTitmouse": { "name": "Tufted Titmouse", "description": "Native to the eastern United States, full of personality, and notably my wife's favorite bird.", + "latinName": "Baeolophus bicolor", + "url": "https://en.wikipedia.org/wiki/Tufted_titmouse", "colors": { "foot": "#af8e75", "face": "#c7cad7", @@ -278,6 +284,8 @@ "europeanRobin": { "name": "European Robin", "description": "Native to western Europe, this is the quintessential robin. Quite friendly, you'll often find them searching for worms.", + "latinName": "Erithacus rubecula", + "url": "https://en.wikipedia.org/wiki/European_robin", "colors": { "foot": "#af8e75", "face": "#ffaf34", @@ -292,6 +300,8 @@ "redCardinal": { "name": "Red Cardinal", "description": "Native to the eastern United States, this strikingly red bird is hard to miss.", + "latinName": "Cardinalis cardinalis", + "url": "https://en.wikipedia.org/wiki/Red_cardinal", "colors": { "beak": "#d93619", "foot": "#af8e75", @@ -311,6 +321,8 @@ "americanGoldfinch": { "name": "American Goldfinch", "description": "Coloured a brilliant yellow, this bird feeds almost entirely on the seeds of plants such as thistle, sunflowers, and coneflowers.", + "latinName": "Spinus tristis", + "url": "https://en.wikipedia.org/wiki/American_goldfinch", "colors": { "beak": "#ffaf34", "foot": "#af8e75", @@ -327,6 +339,8 @@ "barnSwallow": { "name": "Barn Swallow", "description": "Agile birds that often roost in man-made structures, these birds are known to build nests near Ospreys for protection.", + "latinName": "Hirundo rustica", + "url": "https://en.wikipedia.org/wiki/Barn_swallow", "colors": { "foot": "#af8e75", "face": "#db7c4d", @@ -340,6 +354,8 @@ "mistletoebird": { "name": "Mistletoebird", "description": "Native to Australia, these birds eat mainly mistletoe and in turn spread the seeds far and wide.", + "latinName": "Dicaeum hirundinaceum", + "url": "https://en.wikipedia.org/wiki/Mistletoebird", "colors": { "foot": "#6c6a7c", "face": "#352e6d", @@ -352,6 +368,8 @@ "scarletRobin": { "name": "Scarlet Robin", "description": "Native to Australia, this striking robin can be found in Eucalyptus forests.", + "latinName": "Petroica boodang", + "url": "https://en.wikipedia.org/wiki/Scarlet_robin", "colors": { "foot": "#494949", "face": "#3d3d3d", @@ -366,6 +384,8 @@ "americanRobin": { "name": "American Robin", "description": "While not a true robin, this social North American bird is so named due to its orange coloring. It seems unbothered by nearby humans.", + "latinName": "Turdus migratorius", + "url": "https://en.wikipedia.org/wiki/American_robin", "colors": { "beak": "#e89f30", "foot": "#9f8075", @@ -380,6 +400,8 @@ "carolinaWren": { "name": "Carolina Wren", "description": "Native to the eastern United States, these little birds are known for their curious and energetic nature.", + "latinName": "Thryothorus ludovicianus", + "url": "https://en.wikipedia.org/wiki/Carolina_wren", "colors": { "foot": "#af8e75", "face": "#edc7a9", @@ -394,6 +416,8 @@ "blackCappedChickadee": { "name": "Black-capped Chickadee", "description": "Native to North America, these small and curious birds are known for their distinctive call from which they get their name.", + "latinName": "Poecile atricapillus", + "url": "https://en.wikipedia.org/wiki/Black-capped_chickadee", "colors": { "hood": "#363636", "cheek": "#363636", @@ -413,6 +437,8 @@ "blueJay": { "name": "Blue Jay", "description": "This loud and rambunctious bird is native to North America and is known for challenging anything in its path.", + "latinName": "Cyanocitta cristata", + "url": "https://en.wikipedia.org/wiki/Blue_jay", "colors": { "foot": "#5a626b", "face": "#ebf2ff", @@ -432,6 +458,8 @@ "darkEyedJunco": { "name": "Dark-eyed Junco", "description": "Native across North America, these social birds will often be seen hopping along the ground in winter.", + "latinName": "Junco hyemalis", + "url": "https://en.wikipedia.org/wiki/Dark-eyed_junco", "colors": { "face": "#55565e", "wing": "#5c5f69", @@ -445,6 +473,8 @@ "houseFinch": { "name": "House Finch", "description": "Native to North America, these highly social birds sing cheerful songs and are often seen at bird feeders.", + "latinName": "Haemorhous mexicanus", + "url": "https://en.wikipedia.org/wiki/House_finch", "colors": { "face": "#cc3a3f", "wing": "#ae8e78", @@ -461,6 +491,8 @@ "pigeon": { "name": "Pigeon", "description": "Descended from the Rock Dove, these once domesticated birds are often found in cities worldwide. Quite friendly and intelligent, they were favored companions of Nikola Tesla.", + "latinName": "Columba livia", + "url": "https://en.wikipedia.org/wiki/Rock_dove", "colors": { "foot": "#ef6e5b", "face": "#5a6c91", @@ -474,6 +506,8 @@ "redAvadavat": { "name": "Red Avadavat", "description": "Native to India and southeast Asia, these birds are also known as Strawberry Finches due to their speckled plumage.", + "latinName": "Amandava amandava", + "url": "https://en.wikipedia.org/wiki/Red_avadavat", "colors": { "beak": "#f71919", "foot": "#af7575", @@ -489,6 +523,8 @@ "pinkRobin": { "name": "Pink Robin", "description": "Native to Australia, these bubblegum-pink puffballs are quieter than most, instead relying on their vibrant colours to attract partners.", + "latinName": "Petroica rodinogaster", + "url": "https://en.wikipedia.org/wiki/Pink_robin", "colors": { "face": "#403a46", "wing": "#38333d", @@ -503,6 +539,8 @@ "redWarbler": { "name": "Red Warbler", "description": "Endemic to the highlands of Mexico, this bird has the rare distinction of being one of the very few toxic birds in the world.", + "latinName": "Cardellina rubra", + "url": "https://en.wikipedia.org/wiki/Red_warbler", "colors": { "face": "#e80a28", "belly": "#d90921", @@ -522,6 +560,8 @@ "elegantEuphonia": { "name": "Elegant Euphonia", "description": "This vividly coloured finch is found throughout Central America and is known for the distinctive blue hood that crowns its head.", + "latinName": "Chlorophonia elegantissima", + "url": "https://en.wikipedia.org/wiki/Elegant_euphonia", "colors": { "wing": "#101480", "wing-edge": "#070956", @@ -649,13 +689,17 @@ /** * @param {string} name * @param {string} description + * @param {string} latinName + * @param {string} url * @param {Record} colors * @param {string[]} [tags] * @param {Rarity} [rarity] */ - constructor(name, description, colors, tags = [], rarity = RARITY.FAMILIAR) { + constructor(name, description, latinName, url, colors, tags = [], rarity = RARITY.FAMILIAR) { this.name = name; this.description = description; + this.latinName = latinName; + this.url = url; const defaultColors = { [PALETTE.TRANSPARENT]: "transparent", [PALETTE.OUTLINE]: "#000000", @@ -749,7 +793,7 @@ const SPECIES = Object.fromEntries( Object.entries(species).map(([id, data]) => [ id, - new BirdType(data.name, data.description, data.colors, data.tags, data.rarity) + new BirdType(data.name, data.description, data.latinName, data.url, data.colors, data.tags, data.rarity) ]), ); @@ -2304,6 +2348,13 @@ color: #7c6c4b; } +.birb-field-guide-latin-name { + text-decoration: underline; + font-style: italic; + font-weight: bold; + color: inherit; +} + #birb-feather { cursor: pointer; } @@ -3072,14 +3123,26 @@ const boldName = document.createElement("b"); boldName.textContent = type.name; - const spacer = document.createElement("div"); - spacer.style.height = "0.3em"; + + const spacerOne = document.createElement("div"); + spacerOne.style.height = "0.3em"; + + const latinName = document.createElement("a"); + latinName.className = "birb-field-guide-latin-name"; + latinName.textContent = type.latinName; + latinName.href = type.url; + latinName.target = "_blank"; + + const spacerTwo = document.createElement("div"); + spacerTwo.style.height = "0.3em"; const descText = document.createTextNode(!unlocked ? "Not yet unlocked" : type.description); const fragment = document.createDocumentFragment(); fragment.appendChild(boldName); - fragment.appendChild(spacer); + fragment.appendChild(spacerOne); + fragment.appendChild(latinName); + fragment.appendChild(spacerTwo); fragment.appendChild(descText); return fragment; diff --git a/src/animation/sprites.js b/src/animation/sprites.js index bf8ee4d..b97fa87 100644 --- a/src/animation/sprites.js +++ b/src/animation/sprites.js @@ -107,13 +107,17 @@ export class BirdType { /** * @param {string} name * @param {string} description + * @param {string} latinName + * @param {string} url * @param {Record} colors * @param {string[]} [tags] * @param {Rarity} [rarity] */ - constructor(name, description, colors, tags = [], rarity = RARITY.FAMILIAR) { + constructor(name, description, latinName, url, colors, tags = [], rarity = RARITY.FAMILIAR) { this.name = name; this.description = description; + this.latinName = latinName; + this.url = url; const defaultColors = { [PALETTE.TRANSPARENT]: "transparent", [PALETTE.OUTLINE]: "#000000", @@ -207,6 +211,6 @@ export function loadSpriteSheetPixels(src, templateColors = true) { export const SPECIES = Object.fromEntries( Object.entries(species).map(([id, data]) => [ id, - new BirdType(data.name, data.description, data.colors, data.tags, data.rarity) + new BirdType(data.name, data.description, data.latinName, data.url, data.colors, data.tags, data.rarity) ]), ); \ No newline at end of file diff --git a/src/application.js b/src/application.js index 46755ed..4085d65 100644 --- a/src/application.js +++ b/src/application.js @@ -793,14 +793,26 @@ function startApplication(birbPixels, featherPixels, hatsPixels) { const boldName = document.createElement("b"); boldName.textContent = type.name; - const spacer = document.createElement("div"); - spacer.style.height = "0.3em"; + + const spacerOne = document.createElement("div"); + spacerOne.style.height = "0.3em"; + + const latinName = document.createElement("a"); + latinName.className = "birb-field-guide-latin-name"; + latinName.textContent = type.latinName; + latinName.href = type.url; + latinName.target = "_blank"; + + const spacerTwo = document.createElement("div"); + spacerTwo.style.height = "0.3em"; const descText = document.createTextNode(!unlocked ? "Not yet unlocked" : type.description); const fragment = document.createDocumentFragment(); fragment.appendChild(boldName); - fragment.appendChild(spacer); + fragment.appendChild(spacerOne); + fragment.appendChild(latinName); + fragment.appendChild(spacerTwo); fragment.appendChild(descText); return fragment; diff --git a/src/species.js b/src/species.js index 604c5eb..c7bed43 100644 --- a/src/species.js +++ b/src/species.js @@ -9,6 +9,8 @@ export default { "bluebird": { "name": "Eastern Bluebird", "description": "Native to North American and very social, though can be timid around people.", + "latinName": "Sialia sialis", + "url": "https://en.wikipedia.org/wiki/Eastern_bluebird", "colors": { "foot": "#af8e75", "face": "#639bff", @@ -21,6 +23,8 @@ export default { "shimaEnaga": { "name": "Shima Enaga", "description": "Small, fluffy birds found in the snowy regions of Japan, these birds are highly sought after by ornithologists and nature photographers.", + "latinName": "Aegithalos caudatus", + "url": "https://en.wikipedia.org/wiki/Long-tailed_tit", "colors": { "foot": "#af8e75", "face": "#ffffff", @@ -34,6 +38,8 @@ export default { "tuftedTitmouse": { "name": "Tufted Titmouse", "description": "Native to the eastern United States, full of personality, and notably my wife's favorite bird.", + "latinName": "Baeolophus bicolor", + "url": "https://en.wikipedia.org/wiki/Tufted_titmouse", "colors": { "foot": "#af8e75", "face": "#c7cad7", @@ -50,6 +56,8 @@ export default { "europeanRobin": { "name": "European Robin", "description": "Native to western Europe, this is the quintessential robin. Quite friendly, you'll often find them searching for worms.", + "latinName": "Erithacus rubecula", + "url": "https://en.wikipedia.org/wiki/European_robin", "colors": { "foot": "#af8e75", "face": "#ffaf34", @@ -64,6 +72,8 @@ export default { "redCardinal": { "name": "Red Cardinal", "description": "Native to the eastern United States, this strikingly red bird is hard to miss.", + "latinName": "Cardinalis cardinalis", + "url": "https://en.wikipedia.org/wiki/Red_cardinal", "colors": { "beak": "#d93619", "foot": "#af8e75", @@ -83,6 +93,8 @@ export default { "americanGoldfinch": { "name": "American Goldfinch", "description": "Coloured a brilliant yellow, this bird feeds almost entirely on the seeds of plants such as thistle, sunflowers, and coneflowers.", + "latinName": "Spinus tristis", + "url": "https://en.wikipedia.org/wiki/American_goldfinch", "colors": { "beak": "#ffaf34", "foot": "#af8e75", @@ -99,6 +111,8 @@ export default { "barnSwallow": { "name": "Barn Swallow", "description": "Agile birds that often roost in man-made structures, these birds are known to build nests near Ospreys for protection.", + "latinName": "Hirundo rustica", + "url": "https://en.wikipedia.org/wiki/Barn_swallow", "colors": { "foot": "#af8e75", "face": "#db7c4d", @@ -112,6 +126,8 @@ export default { "mistletoebird": { "name": "Mistletoebird", "description": "Native to Australia, these birds eat mainly mistletoe and in turn spread the seeds far and wide.", + "latinName": "Dicaeum hirundinaceum", + "url": "https://en.wikipedia.org/wiki/Mistletoebird", "colors": { "foot": "#6c6a7c", "face": "#352e6d", @@ -124,6 +140,8 @@ export default { "scarletRobin": { "name": "Scarlet Robin", "description": "Native to Australia, this striking robin can be found in Eucalyptus forests.", + "latinName": "Petroica boodang", + "url": "https://en.wikipedia.org/wiki/Scarlet_robin", "colors": { "foot": "#494949", "face": "#3d3d3d", @@ -138,6 +156,8 @@ export default { "americanRobin": { "name": "American Robin", "description": "While not a true robin, this social North American bird is so named due to its orange coloring. It seems unbothered by nearby humans.", + "latinName": "Turdus migratorius", + "url": "https://en.wikipedia.org/wiki/American_robin", "colors": { "beak": "#e89f30", "foot": "#9f8075", @@ -152,6 +172,8 @@ export default { "carolinaWren": { "name": "Carolina Wren", "description": "Native to the eastern United States, these little birds are known for their curious and energetic nature.", + "latinName": "Thryothorus ludovicianus", + "url": "https://en.wikipedia.org/wiki/Carolina_wren", "colors": { "foot": "#af8e75", "face": "#edc7a9", @@ -166,6 +188,8 @@ export default { "blackCappedChickadee": { "name": "Black-capped Chickadee", "description": "Native to North America, these small and curious birds are known for their distinctive call from which they get their name.", + "latinName": "Poecile atricapillus", + "url": "https://en.wikipedia.org/wiki/Black-capped_chickadee", "colors": { "hood": "#363636", "cheek": "#363636", @@ -185,6 +209,8 @@ export default { "blueJay": { "name": "Blue Jay", "description": "This loud and rambunctious bird is native to North America and is known for challenging anything in its path.", + "latinName": "Cyanocitta cristata", + "url": "https://en.wikipedia.org/wiki/Blue_jay", "colors": { "foot": "#5a626b", "face": "#ebf2ff", @@ -204,6 +230,8 @@ export default { "darkEyedJunco": { "name": "Dark-eyed Junco", "description": "Native across North America, these social birds will often be seen hopping along the ground in winter.", + "latinName": "Junco hyemalis", + "url": "https://en.wikipedia.org/wiki/Dark-eyed_junco", "colors": { "face": "#55565e", "wing": "#5c5f69", @@ -217,6 +245,8 @@ export default { "houseFinch": { "name": "House Finch", "description": "Native to North America, these highly social birds sing cheerful songs and are often seen at bird feeders.", + "latinName": "Haemorhous mexicanus", + "url": "https://en.wikipedia.org/wiki/House_finch", "colors": { "face": "#cc3a3f", "wing": "#ae8e78", @@ -233,6 +263,8 @@ export default { "pigeon": { "name": "Pigeon", "description": "Descended from the Rock Dove, these once domesticated birds are often found in cities worldwide. Quite friendly and intelligent, they were favored companions of Nikola Tesla.", + "latinName": "Columba livia", + "url": "https://en.wikipedia.org/wiki/Rock_dove", "colors": { "foot": "#ef6e5b", "face": "#5a6c91", @@ -246,6 +278,8 @@ export default { "redAvadavat": { "name": "Red Avadavat", "description": "Native to India and southeast Asia, these birds are also known as Strawberry Finches due to their speckled plumage.", + "latinName": "Amandava amandava", + "url": "https://en.wikipedia.org/wiki/Red_avadavat", "colors": { "beak": "#f71919", "foot": "#af7575", @@ -261,6 +295,8 @@ export default { "pinkRobin": { "name": "Pink Robin", "description": "Native to Australia, these bubblegum-pink puffballs are quieter than most, instead relying on their vibrant colours to attract partners.", + "latinName": "Petroica rodinogaster", + "url": "https://en.wikipedia.org/wiki/Pink_robin", "colors": { "face": "#403a46", "wing": "#38333d", @@ -275,6 +311,8 @@ export default { "redWarbler": { "name": "Red Warbler", "description": "Endemic to the highlands of Mexico, this bird has the rare distinction of being one of the very few toxic birds in the world.", + "latinName": "Cardellina rubra", + "url": "https://en.wikipedia.org/wiki/Red_warbler", "colors": { "face": "#e80a28", "belly": "#d90921", @@ -294,6 +332,8 @@ export default { "elegantEuphonia": { "name": "Elegant Euphonia", "description": "This vividly coloured finch is found throughout Central America and is known for the distinctive blue hood that crowns its head.", + "latinName": "Chlorophonia elegantissima", + "url": "https://en.wikipedia.org/wiki/Elegant_euphonia", "colors": { "wing": "#101480", "wing-edge": "#070956", diff --git a/src/stylesheet.css b/src/stylesheet.css index d15d638..37a7ab6 100644 --- a/src/stylesheet.css +++ b/src/stylesheet.css @@ -336,6 +336,13 @@ color: #7c6c4b; } +.birb-field-guide-latin-name { + text-decoration: underline; + font-style: italic; + font-weight: bold; + color: inherit; +} + #birb-feather { cursor: pointer; }