-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
1 lines (1 loc) · 11.4 KB
/
index.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"/><meta name="twitter:url" content="https://acantallops.com"/><meta name="og:url" content="https://acantallops.com"/><title>Hi! | Alberto Cantallops</title><meta name="twitter:title" content="Hi! | Alberto Cantallops"/><meta name="og:title" content="Hi! | 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></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="hi!">Hi!</h1><article class="flex flex-col"><a href="/articles" class="hover:opacity-50"><h2 class="dark:text-gray-100 text-gray-900 text-2xl sm:text-3xl md:text-4xl font-semibold mb-2 mt-6">Latest articles</h2></a><ul><li><article class="mb-8 flex flex-col sm:flex-row sm:space-x-4 sm:items-start"><img src="/images/articles/swiftui-neon-style/hero.png" alt="A neon styled text saying Neon style with a bolt." class="rounded-md sm:w-40 my-2 shadow dark:shadow-none"/><div><header><span class="font-bold text-sm text-gray-500 dark:text-gray-400 block">Nov 22, 2021</span><a href="/articles/swiftui-neon-style" class="transition hover:text-opacity-50 text-2xl font-semibold text-gray-800 dark:text-gray-200 leading-tight"><h2>Neon style in SwiftUI</h2></a></header><section><span class="dark:text-gray-300 text-gray-700">How to do neon effect in SwiftUI.</span></section><footer><div class="flex flex-wrap items-center -ml-1"><a href="/tags/swiftui" class="transition capitalize text-cyan-800 dark:text-cyan-300 text-xs bg-cyan-100 dark:bg-cyan-900 hover:opacity-50 border-cyan-200 dark:border-cyan-800 border rounded-md px-1 py-0.5 m-1"><span class="flex items-center space-x-1"><svg class="fill-current w-4" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 16 16" stroke="none" role="img"> <path d="M9.614,1.5c0,0,2.504,3.16,1.219,6.719c0,0-4.508-3.195-6.781-5.5c0,0,2.828,4.098,3.844,4.938c0,0-1.695-0.902-5.625-4.25 c0,0,4.535,5.895,6.656,7.125c0,0-3.216,2.191-7.927-0.906C1,9.625,3.45,14,8.677,14c2.348,0,3.055-1.219,4.219-1.219 c1.211,0,1.938,1.219,1.938,1.219c0.707-1.727-1.063-3.688-1.063-3.688S15.438,5.063,9.614,1.5z"></path></svg><span>SwiftUI</span></span></a></div><a href="/articles/swiftui-neon-style" class="hover:opacity-50 font-semibold text-red-600 dark:text-red-400 text-xs">READ MORE →</a></footer></div></article></li><li><article class="mb-8 flex flex-col sm:flex-row sm:space-x-4 sm:items-start"><img src="/images/articles/publish-series/hero2.png" alt="Publish logo indicating Publish series number 2" class="rounded-md sm:w-40 my-2 shadow dark:shadow-none"/><div><header><span class="font-bold text-sm text-gray-500 dark:text-gray-400 block">Nov 14, 2021</span><a href="/articles/publish-series/deploy-a-publish-website-in-github" class="transition hover:text-opacity-50 text-2xl font-semibold text-gray-800 dark:text-gray-200 leading-tight"><h2>Deploy a Publish website in GitHub</h2></a></header><section><span class="dark:text-gray-300 text-gray-700">How to deploy a Publish website in GitHub using Github Pages and Actions</span></section><footer><div class="flex flex-wrap items-center -ml-1"><a href="/tags/swift" class="transition capitalize text-orange-800 dark:text-orange-300 text-xs bg-orange-100 dark:bg-orange-900 hover:opacity-50 border-orange-200 dark:border-orange-800 border rounded-md px-1 py-0.5 m-1"><span class="flex items-center space-x-1"><svg class="fill-current w-4" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 16 16" stroke="none" role="img"> <path d="M9.614,1.5c0,0,2.504,3.16,1.219,6.719c0,0-4.508-3.195-6.781-5.5c0,0,2.828,4.098,3.844,4.938c0,0-1.695-0.902-5.625-4.25 c0,0,4.535,5.895,6.656,7.125c0,0-3.216,2.191-7.927-0.906C1,9.625,3.45,14,8.677,14c2.348,0,3.055-1.219,4.219-1.219 c1.211,0,1.938,1.219,1.938,1.219c0.707-1.727-1.063-3.688-1.063-3.688S15.438,5.063,9.614,1.5z"></path></svg><span>Swift</span></span></a><a href="/tags/web" class="transition capitalize text-amber-800 dark:text-amber-300 text-xs bg-amber-100 dark:bg-amber-900 hover:opacity-50 border-amber-200 dark:border-amber-800 border rounded-md px-1 py-0.5 m-1"><span class="flex items-center space-x-1"><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="M21 12a9 9 0 01-9 9m9-9a9 9 0 00-9-9m9 9H3m9 9a9 9 0 01-9-9m9 9c1.657 0 3-4.03 3-9s-1.343-9-3-9m0 18c-1.657 0-3-4.03-3-9s1.343-9 3-9m-9 9a9 9 0 019-9" /></svg><span>Web</span></span></a></div><a href="/articles/publish-series/deploy-a-publish-website-in-github" class="hover:opacity-50 font-semibold text-red-600 dark:text-red-400 text-xs">READ MORE →</a></footer></div></article></li></ul><a href="/articles" class="hover:opacity-50 font-semibold text-red-600 dark:text-red-400 text-sm ml-auto"><span>SEE ALL </span><span class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-red-100 text-red-800 dark:bg-red-900 dark:text-red-300">4</span><span> →</span></a></article></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>