-
Notifications
You must be signed in to change notification settings - Fork 0
/
404.html
1 lines (1 loc) · 8.36 KB
/
404.html
1
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"/><meta name="og:site_name" content="Alberto Cantallops"/><link rel="canonical" href="https://acantallops.com/404"/><meta name="twitter:url" content="https://acantallops.com/404"/><meta name="og:url" content="https://acantallops.com/404"/><title>Opps! Page not found | Alberto Cantallops</title><meta name="twitter:title" content="Opps! Page not found | Alberto Cantallops"/><meta name="og:title" content="Opps! Page not found | Alberto Cantallops"/><meta name="description" content="Alberto Cantallops Website"/><meta name="twitter:description" content="Alberto Cantallops Website"/><meta name="og:description" content="Alberto Cantallops Website"/><meta name="twitter:card" content="summary"/><link rel="stylesheet" href="/styles.css" type="text/css"/><meta name="viewport" content="width=device-width, initial-scale=1.0"/><link rel="shortcut icon" href="/images/favicon.png" type="image/png"/><link rel="alternate" href="/feed.rss" type="application/rss+xml" title="Subscribe to Alberto Cantallops"/><script src="/js/darkMode.js"></script></head><body class="flex flex-col min-h-screen bg-white dark:bg-black dark:text-white transition-colors"><header class="w-full flex flex-col sm:flex-row items-center justify-between px-6 pb-4 pt-6 space-y-4 sm:space-y-0"><div class="flex flex-wrap items-center justify-start"><a href="/" class="transition mr-2"><svg class="fill-current w-6 fill-current text-black dark:text-white py-1 hover:text-opacity-50" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 164 159" fill="currentColor" stroke="none" role="img"><title>Homepage</title> <circle r="40" transform="matrix(.6 0 0 .6 140 134.8)"/> <path d="m4.45528564 121.39693756 53.1556263-103.7800323C64.57443739 4.02145081 79.59462033-2.26588121 91.15942232 3.57377128c11.56479896 5.83965096 15.29486707 21.59493153 8.33134162 35.19038598l-53.1556263 103.7800323C39.37160778 156.13965262 24.35142597 162.42697747 12.786626 156.587326c-11.56480098-5.83965198-15.29487022-21.59492538-8.33134036-35.19038844z"/></svg></a><span class="text-xs px-1 text-gray-400 dark:text-gray-600 font-mono">/</span><a href="/404" class="transition px-1.5 py-1 hover:bg-gray-100 dark:hover:bg-gray-800 rounded-md capitalize font-normal text-gray-800 dark:text-gray-400 text-opacity-80">Opps! Page not found</a></div><nav class="flex flex-wrap items-center sm:ml-auto space-x-2"><a href="/about" class="transition px-1.5 py-1 hover:bg-gray-100 dark:hover:bg-gray-800 rounded-md capitalize font-medium text-gray-800 dark:text-gray-200 text-opacity-80 hover:text-opacity-100">About</a><a href="/articles" class="transition px-1.5 py-1 hover:bg-gray-100 dark:hover:bg-gray-800 rounded-md capitalize font-medium text-gray-800 dark:text-gray-200 text-opacity-80 hover:text-opacity-100">Articles</a></nav></header><main class="max-w-3xl mx-auto place-content-center px-6 py-10 lg:py-20 flex-1 w-full"><h1 class="dark:text-gray-100 text-gray-900 text-3xl sm:text-4xl md:text-5xl font-semibold mb-6 mt-6" id="-opps!-page-not-found"> Opps! Page not found</h1><p class="block leading-normal mb-4 text-gray-700 dark:text-gray-300">Sorry the page you were looking for does not exist. Perhaps you can return back to the <a href="/" class="text-red-600 dark:text-red-400 border-b border- border-red-600 dark:border-red-400 transition font-medium hover:opacity-50">homepage</a> and see if you can find what you are looking for</p><p class="block leading-normal mb-4 text-gray-700 dark:text-gray-300">If you think that this is an error, then please report it to me via <a href="mailto:contact@acantallops.com" target="_blank" class="text-red-600 dark:text-red-400 border-b border- border-red-600 dark:border-red-400 transition font-medium hover:opacity-50" rel="noopener"><svg class="stroke-current icon inline-icon" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" role="img"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z" /></svg> email</a>.</p></main><footer class="mt-auto w-full text-gray-500 dark:text-gray-400 text-sm relative"><div class="flex flex-col sm:flex-row mx-auto items-center place-content-center font-light max-w-3xl px-6 pt-4 pb-6"><div class="mx-1">© 2023</div><a href="/" class="transition px-1.5 py-1 hover:bg-gray-100 dark:hover:bg-gray-800 rounded-md capitalize mx-1"><span class="flex items-center space-x-1"><svg class="fill-current icon" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 164 159" fill="currentColor" stroke="none" role="img"> <circle r="40" transform="matrix(.6 0 0 .6 140 134.8)"/> <path d="m4.45528564 121.39693756 53.1556263-103.7800323C64.57443739 4.02145081 79.59462033-2.26588121 91.15942232 3.57377128c11.56479896 5.83965096 15.29486707 21.59493153 8.33134162 35.19038598l-53.1556263 103.7800323C39.37160778 156.13965262 24.35142597 162.42697747 12.786626 156.587326c-11.56480098-5.83965198-15.29487022-21.59492538-8.33134036-35.19038844z"/></svg><span> Cantallops</span></span></a><span class="text-xs px-1 text-gray-400 hidden sm:inline">|</span><div class="h-px my-2 sm:my-4 md:my-6 bg-gray-200 dark:bg-gray-800 w-full inline sm:hidden"></div><a href="/contact" class="transition px-1.5 py-1 hover:bg-gray-100 dark:hover:bg-gray-800 rounded-md capitalize"><span class="flex items-center space-x-1"><svg class="stroke-current icon" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" role="img"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 8h2a2 2 0 012 2v6a2 2 0 01-2 2h-2v4l-4-4H9a1.994 1.994 0 01-1.414-.586m0 0L11 14h4a2 2 0 002-2V6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2v4l.586-.586z" /></svg><span> Contact</span></span></a><span class="text-xs px-1 text-gray-400 hidden sm:inline">|</span><div class="h-px my-2 sm:my-4 md:my-6 bg-gray-200 dark:bg-gray-800 w-full inline sm:hidden"></div><a href="/tags" class="transition px-1.5 py-1 hover:bg-gray-100 dark:hover:bg-gray-800 rounded-md capitalize"><span class="flex items-center space-x-1"><svg class="stroke-current icon" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" role="img"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 21a4 4 0 01-4-4V5a2 2 0 012-2h4a2 2 0 012 2v12a4 4 0 01-4 4zm0 0h12a2 2 0 002-2v-4a2 2 0 00-2-2h-2.343M11 7.343l1.657-1.657a2 2 0 012.828 0l2.829 2.829a2 2 0 010 2.828l-8.486 8.485M7 17h.01" /></svg><span> All tags</span></span></a><div class="h-px my-2 sm:my-4 md:my-6 bg-gray-200 dark:bg-gray-800 w-full inline sm:hidden"></div><div class="mx-auto items-center justify-center flex mb-6 space-x-2 sm:absolute sm:bottom-0 sm:right-0 sm:mr-20"><span class="flex items-center space-x-1 transition px-2 py-1 rounded-lg cursor-pointer hover:text-gray-800 dark:hover:text-gray-300 hover:bg-gray-100 dark:hover:bg-gray-900" onClick="setTheme('auto')" id="auto_theme_button"><svg class="stroke-fill w-4" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" role="img"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 10V3L4 14h7v7l9-11h-7z" /></svg><span>Auto</span></span><span class="flex items-center space-x-1 transition px-2 py-1 rounded-lg cursor-pointer hover:text-yellow-800 dark:hover:text-yellow-300 hover:bg-yellow-100 dark:hover:bg-yellow-900" onClick="setTheme('light')" id="light_theme_button"><svg class="stroke-current w-4" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" role="img"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 3v1m0 16v1m9-9h-1M4 12H3m15.364 6.364l-.707-.707M6.343 6.343l-.707-.707m12.728 0l-.707.707M6.343 17.657l-.707.707M16 12a4 4 0 11-8 0 4 4 0 018 0z" /></svg><span>Light</span></span><span class="flex items-center space-x-1 transition px-2 py-1 rounded-lg cursor-pointer hover:text-blue-800 dark:hover:text-blue-300 hover:bg-blue-100 dark:hover:bg-blue-900" onClick="setTheme('dark')" id="dark_theme_button"><svg class="stroke-current w-4" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" role="img"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20.354 15.354A9 9 0 018.646 3.646 9.003 9.003 0 0012 21a9.003 9.003 0 008.354-5.646z" /></svg><span>Dark</span></span></div></div></footer></body></html>