<!DOCTYPE html>
<html lang="en" itemscope itemtype="http://schema.org/WebPage"><head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="icon" href="/favicon.png">
<title>
Extinct - Tudo Sobre Animais
</title>
<meta name="description" content="html{display:none;} // Simulate an HTTP redirect: window.location.replace("./tags/extinct-animals/"); " />
<meta name="keywords" content="" /><meta name="generator" content="Hugo 0.85.0" /><link
rel="stylesheet"
href="__h_pp_l1_1_Permalink__e"
integrity="__h_pp_l1_1_Data.Integrity__e"
/>
<meta property="og:title" content="Extinct" />
<meta property="og:description" content="html{display:none;} // Simulate an HTTP redirect: window.location.replace("./tags/extinct-animals/"); " />
<meta property="og:type" content="article" />
<meta property="og:url" content="https://tudosobreanimais.com.br/en/extinct-animals" /><meta property="article:section" content="" />
<meta name="twitter:card" content="summary"/>
<meta name="twitter:title" content="Extinct"/>
<meta name="twitter:description" content="html{display:none;} // Simulate an HTTP redirect: window.location.replace("./tags/extinct-animals/"); "/>
<meta itemprop="name" content="Extinct">
<meta itemprop="description" content="html{display:none;} // Simulate an HTTP redirect: window.location.replace("./tags/extinct-animals/"); ">
<meta itemprop="wordCount" content="7">
<meta itemprop="keywords" content="" />
<style>
#nav a {
font-weight: bold;
color: inherit;
}
#nav-border {
border-bottom: 1px solid #212529;
}
#main {
margin-top: 1em;
margin-bottom: 4em;
}
#home-jumbotron {
background-color: inherit;
}
.font-125 {
font-size: 125%;
}
.tag-btn {
margin-bottom: 0.3em;
}
img {
max-width: 100%;
}
</style>
<meta property="og:image" content="https://tudosobreanimais.com.br/en/" />
</head>
<body class="dark:bg-gray-800 dark:text-white relative flex flex-col min-h-screen"><header class="container flex justify-between md:justify-between gap-4 flex-wrap p-6 mx-auto relative">
<a href="https://tudosobreanimais.com.br/en/" class="capitalize font-extrabold text-2xl">
<img src="/favicon.png" alt="Tudo Sobre Animais" class="h-8 max-w-full" />
</a>
<button class="mobile-menu-button md:hidden" role="button" aria-label="Menu">
<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z" fill="none"/>
<line x1="4" y1="8" x2="20" y2="8" />
<line x1="4" y1="16" x2="20" y2="16" />
</svg>
</button>
<ul class="mobile-menu absolute z-10 px-6 pb-6 md:p-0 top-full left-0 w-full md:w-auto md:relative hidden md:flex flex-col md:flex-row items-end md:items-center gap-4 lg:gap-6 bg-white dark:bg-gray-800">
<style> @media only screen and (max-width: 767px) { .mobile-menu {border-bottom: 1px solid rgba(128,128,128,0.4);} }</style>
<li><a href="/en/tags/mammals">Mammals</a></li>
<li><a href="/en/tags/birds">Birds</a></li>
<li><a href="/en/tags/reptiles">Reptiles</a></li>
<li><a href="/en/tags/fishes">Fishes</a></li>
<li><a href="/en/tags/amphibians">Amphibians</a></li>
<li><a href="/en/tags/invertebrates">Invertebrates</a></li>
<li><a href="/en/tags/extinct-animals">Extinct</a></li>
<li class="grid place-items-center">
<span class="open-search inline-block cursor-pointer">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" stroke-width="1.5"
stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z" fill="none" />
<circle cx="10" cy="10" r="7" />
<line x1="21" y1="21" x2="15" y2="15" />
</svg>
</span>
</li>
<li class="grid place-items-center">
<span class="toggle-dark-mode inline-block cursor-pointer">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" stroke-width="1.5"
stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z" fill="none" />
<circle cx="12" cy="12" r="3" />
<line x1="12" y1="5" x2="12" y2="5.01" />
<line x1="17" y1="7" x2="17" y2="7.01" />
<line x1="19" y1="12" x2="19" y2="12.01" />
<line x1="17" y1="17" x2="17" y2="17.01" />
<line x1="12" y1="19" x2="12" y2="19.01" />
<line x1="7" y1="17" x2="7" y2="17.01" />
<line x1="5" y1="12" x2="5" y2="12.01" />
<line x1="7" y1="7" x2="7" y2="7.01" />
</svg>
</span>
</li>
</ul>
</header>
<style>
.h-8 {
height: 3rem;
}
</style>
<main class="flex-1">
<script
async
src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-9317841492053152"
crossorigin="anonymous"
></script>
<style>
.footnote-backref {
font-size: 1.6rem;
padding: 2px;
}
.figcaption,
figcaption,
.tinytext {
font-size: 0.9rem;
margin-top: -30px !important;
padding: 0 !important;
}
p > img,
p > figure,
iframe, p > video, video {
width: 100%;
border-radius: 5px;
}
.taglist {
display: flex;
flex-wrap: wrap;
}
.taglistitem {
border: 1px solid rgba(128, 128, 128, 0.5);
border-radius: 5px;
margin: 4px;
padding: 1px 5px 1px 5px;
}
.taglistitemlink {
text-decoration: none !important;
color: #008080;
font-weight: 800 !important;
}
</style>
<article class="prose lg:prose-lg mx-auto my-8 dark:text-gray-300 px-4">
<h1 class="text-2xl font-bold mb-2 dark:text-gray-300">Extinct</h1>
<style>html{display:none;}</style>
<script>
// Simulate an HTTP redirect:
window.location.replace("./tags/extinct-animals/");
</script>
<noscript>
<meta http-equiv="refresh" content="0.0;url=./tags/extinct-animals/">
</noscript>
<h5 id="tagHeader">Tags:</h5>
<div class="taglist" id="taglist">
</div>
</article>
<script>
let tagList = document.querySelector("#taglist");
let tagHeader = document.querySelector("#tagHeader");
if (tagList.childElementCount == 0) {
tagHeader.remove();
}
window.addEventListener("load", swithColors, false);
window.addEventListener("click", swithColors, false);
let listaElems = [
"h1",
"h2",
"h3",
"h4",
"h5",
"h6",
".prose a",
".prose-dark a",
".taglistitemlink",
".taglist > a",
];
function swithColors() {
if (
window
.getComputedStyle(document.querySelector("body"))
.getPropertyValue("background-color") == "rgb(31, 41, 55)"
) {
console.log("DARQUEEEEE!");
for (let el of listaElems) {
if (el) {
document.querySelectorAll(el).forEach((el) => {
el.style.color = "white";
});
}
}
} else {
console.log("UAITEEE");
for (let el of listaElems) {
if (el) {
document.querySelectorAll(el).forEach((el) => {
el.style.color = "black";
});
}
}
}
}
</script><div class="bg-teal-300 dark:bg-gray-900">
<div class="container px-6 py-12 mx-auto max-w-4xl grid grid-cols-1 md:grid-cols-2 gap-8 items-center">
<div>
<div class="text-2xl text-neutral-50 font-bold mb-2">Siga-nos! / Follow us!</div>
<p class="text-neutral-50">Somos um blog que apresenta fatos e informações de qualidade sobre nossos amigos do mundo animal.</p>
</div>
<ul class="flex justify-center gap-4">
<li>
<a
href="https://facebook.com/tsa.tudosobreanimais"
target="_blank"
rel="noopener"
aria-label="Facebook"
class="p-2 inline-block rounded-full border border-transparent text-gray-500 hover:text-gray-800 hover:border-gray-800 cursor-pointer transition-colors dark:text-gray-600 dark:hover:border-gray-300 dark:hover:text-gray-300"
>
<img src="/fblogo.png" alt="Facebook logo" style="width: 24px; height:24px">
</a>
</li>
</ul>
</div>
</div>
</main><footer class="container p-6 mx-auto flex justify-between items-center">
<span class="text-sm font-light">
© 2022 - Tudo Sobre Animais | <a href='/sobre-nos' style='text-decoration: underline;'>Sobre nós</a> | <a href='/about-us' style='text-decoration: underline;'>About us</a> | <a href='/licenses' style='text-decoration: underline;'>Licenses</a> | <a href='/politica-privacidade' style='text-decoration: underline;'>Política de privacidade e cookies</a>
</span>
<span onclick="window.scrollTo({top: 0, behavior: 'smooth'})" class="p-1 cursor-pointer">
<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 24 24" stroke-width="1.5"
stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z" fill="none" />
<path d="M18 15l-6 -6l-6 6h12" />
</svg>
</span>
</footer>
<div class="search-ui absolute top-0 left-0 w-full h-full bg-white dark:bg-gray-800 hidden">
<div class="container max-w-3xl mx-auto p-12">
<div class="relative">
<div class="my-4 text-center text-2xl font-bold">Buscar / Search</div>
<span class="p-2 absolute right-0 top-0 cursor-pointer close-search">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" stroke-width="1.5"
stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z" fill="none" />
<line x1="18" y1="6" x2="6" y2="18" />
<line x1="6" y1="6" x2="18" y2="18" />
</svg>
</span>
</div>
<input type="search" class="py-2 px-3 w-full dark:text-black border dark:border-transparent"
placeholder="…" />
<div class="search-results text-lg font-medium my-4 hidden">Resultados / Results</div>
<ul class="search-list my-2">
</ul>
<div class="no-results text-center my-8 hidden">
<div class="text-xl font-semibold mb-2">Sem resultados / No results found</div>
<p class="font-light text-sm">Tente buscar com outras palavras / Try adjusting your search query</p>
</div>
</div>
</div>
<script src="https://tudosobreanimais.com.br/js/scripts.min.js"></script>
<script>
const languageMenuButton = document.querySelector('.language-switcher');
const languageDropdown = document.querySelector('.language-dropdown');
languageMenuButton.addEventListener('click', (evt) => {
evt.preventDefault()
if (languageDropdown.classList.contains('hidden')) {
languageDropdown.classList.remove('hidden')
languageDropdown.classList.add('flex')
} else {
languageDropdown.classList.add('hidden');
languageDropdown.classList.remove('flex');
}
})
</script>
<script>
const darkmode = document.querySelector('.toggle-dark-mode');
function toggleDarkMode() {
if (document.documentElement.classList.contains('dark')) {
document.documentElement.classList.remove('dark')
localStorage.setItem('darkmode', 'light')
} else {
document.documentElement.classList.add('dark')
localStorage.setItem('darkmode', 'dark')
}
}
if (darkmode) {
darkmode.addEventListener('click', toggleDarkMode);
}
const darkStorage = localStorage.getItem('darkmode');
const isBrowserDark = window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches;
if (!darkStorage && isBrowserDark) {
document.documentElement.classList.add('dark');
}
if (darkStorage && darkStorage === 'dark') {
toggleDarkMode();
}
</script>
<script>
const mobileMenuButton = document.querySelector('.mobile-menu-button')
const mobileMenu = document.querySelector('.mobile-menu')
function toggleMenu() {
mobileMenu.classList.toggle('hidden');
mobileMenu.classList.toggle('flex');
}
if(mobileMenu && mobileMenuButton){
mobileMenuButton.addEventListener('click', toggleMenu)
}
</script>
</body>
</html>