michael/blowfish
1
0
Fork 0
mirror of https://github.com/nunocoracao/blowfish.git synced 2025-01-23 15:05:38 -06:00
Code Issues Projects Releases Packages Wiki Activity Actions 2
blowfish/exampleSite/docs/music/index.html
Nuno Coração 1240473d78 added docs
2022-09-11 20:20:43 +01:00

896 lines
42 KiB
HTML
Raw Blame History

<!DOCTYPE html>
<html
lang="en"
dir="ltr"
class="scroll-smooth"
data-default-appearance="light"
data-auto-appearance="true"
><head>
<meta charset="utf-8" />
<meta http-equiv="content-language" content="en" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<title>Music &middot; Blowfish</title>
<meta name="title" content="Music &middot; Blowfish" />
<meta name="description" content="Product | Nuno Coração" />
<link rel="canonical" href="https://github.com/nunocoracao/blowfish/music/" />
<link
type="text/css"
rel="stylesheet"
href="/nunocoracao/blowfish/css/main.bundle.min.3f7a3d89b943c3dacb033ff4448c83a5b58692eb75f99e903ee759443c690298da06dc2cc7adc967ae51bb50103acfa1b65f99a428ef2ff09176f2519b277273.css"
integrity="sha512-P3o9iblDw9rLAz/0RIyDpbWGkut1&#43;Z6QPudZRDxpApjaBtwsx63JZ65Ru1AQOs&#43;htl&#43;ZpCjvL/CRdvJRmydycw=="
/>
<script type="text/javascript" src="/nunocoracao/blowfish/js/main.min.cf83e1357eefb8bdf1542850d66d8007d620e4050b5715dc83f4a921d36ce9ce47d0d13c5d85f2b0ff8318d2877eec2f63b931bd47417a81a538327af927da3e.js" integrity="sha512-z4PhNX7vuL3xVChQ1m2AB9Yg5AULVxXcg/SpIdNs6c5H0NE8XYXysP&#43;DGNKHfuwvY7kxvUdBeoGlODJ6&#43;SfaPg=="></script>
<script type="text/javascript" src="/nunocoracao/blowfish/js/appearance.min.4a00b8b8a9118d31826a03a2a9cca83390fcd3eddd9e03868fffcf4dc1e2dc15649e9266091f1225a24e1bcf6558ff4807f77663bcfaaa8f3050d73c1bd5bf0b.js" integrity="sha512-SgC4uKkRjTGCagOiqcyoM5D80&#43;3dngOGj//PTcHi3BVknpJmCR8SJaJOG89lWP9IB/d2Y7z6qo8wUNc8G9W/Cw=="></script>
<script defer type="text/javascript" id="script-bundle" src="/nunocoracao/blowfish/js/main.bundle.min.e6e48d63bad91cf9da5ad2ef829f0e1a4f79580fef3b734cbce6d93a5c2042e544ac067c02a4ae5d9f83b402ae77c7a04f8f3c347050a2d5bfb18c21fc7de756.js" integrity="sha512-5uSNY7rZHPnaWtLvgp8OGk95WA/vO3NMvObZOlwgQuVErAZ8AqSuXZ&#43;DtAKud8egT488NHBQotW/sYwh/H3nVg==" data-copy="Copy" data-copied="Copied"></script>
<script src="/js/zoom.min.js"></script>
<link rel="apple-touch-icon" sizes="180x180" href="/nunocoracao/blowfish/apple-touch-icon.png" />
<link rel="icon" type="image/png" sizes="32x32" href="/nunocoracao/blowfish/favicon-32x32.png" />
<link rel="icon" type="image/png" sizes="16x16" href="/nunocoracao/blowfish/favicon-16x16.png" />
<link rel="manifest" href="/nunocoracao/blowfish/site.webmanifest" />
<meta property="og:title" content="Music" />
<meta property="og:description" content="I started learning music by myself at the age of 14. I play several instruments and I love to record, compose and produce my own music. I&rsquo;ve been releasing my songs under the name &ldquo;Doppler Effect&rdquo; in the usual streaming services." />
<meta property="og:type" content="article" />
<meta property="og:url" content="https://github.com/nunocoracao/blowfish/music/" /><meta property="article:section" content="" />
<meta property="article:published_time" content="2022-06-13T20:55:37+01:00" />
<meta property="article:modified_time" content="2022-06-13T20:55:37+01:00" /><meta property="og:site_name" content="Blowfish" />
<meta name="twitter:card" content="summary"/>
<meta name="twitter:title" content="Music"/>
<meta name="twitter:description" content="I started learning music by myself at the age of 14. I play several instruments and I love to record, compose and produce my own music. I&rsquo;ve been releasing my songs under the name &ldquo;Doppler Effect&rdquo; in the usual streaming services."/>
<script type="application/ld+json">
[{
"@context": "https://schema.org",
"@type": "Article",
"articleSection": "Welcome to Congo! :tada:",
"name": "Music",
"headline": "Music",
"abstract": "I started learning music by myself at the age of 14. I play several instruments and I love to record, compose and produce my own music. I\u0026rsquo;ve been releasing my songs under the name \u0026ldquo;Doppler Effect\u0026rdquo; in the usual streaming services.",
"inLanguage": "en",
"url" : "https:\/\/github.com\/nunocoracao\/blowfish\/music\/",
"author" : {
"@type": "Person",
"name": "Blowfish"
},
"copyrightYear": "2022",
"dateCreated": "2022-06-13T20:55:37\u002b01:00",
"datePublished": "2022-06-13T20:55:37\u002b01:00",
"dateModified": "2022-06-13T20:55:37\u002b01:00",
"mainEntityOfPage": "true",
"wordCount": "111"
}]
</script>
<meta name="author" content="Blowfish" />
<link href="https://linkedin.com/in/nunocoracao" rel="me" />
<link href="https://twitter.com/nunocoracao" rel="me" />
<link href="https://medium.com/@nunocoracao" rel="me" />
<link href="https://github.com/nunocoracao" rel="me" />
<link href="http://goodreads.com/nunocoracao" rel="me" />
<script async src="https://www.googletagmanager.com/gtag/js?id=G-XXXXXX"></script>
<script>
var doNotTrack = false;
if (!doNotTrack) {
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-XXXXXX', { 'anonymize_ip': false });
}
</script>
<link rel="stylesheet" href="https://rsms.me/inter/inter.css">
</head>
<body
class="flex flex-col h-screen px-6 m-auto text-lg leading-7 max-w-7xl bg-neutral text-neutral-900 dark:bg-neutral-800 dark:text-neutral sm:px-14 md:px-24 lg:px-32"
>
<div id="the-top" class="absolute flex self-center">
<a
class="px-3 py-1 text-sm -translate-y-8 rounded-b-lg bg-primary-200 focus:translate-y-0 dark:bg-neutral-600"
href="#main-content"
><span class="font-bold text-primary-600 ltr:pr-2 rtl:pl-2 dark:text-primary-400"
>&darr;</span
>Skip to main content</a
>
</div>
<div style="padding-left:0;padding-right:0"
class="flex items-center justify-between px-4 py-6 sm:px-6 md:justify-start space-x-3">
<div>
<a href="/nunocoracao/blowfish" class="flex">
<span class="sr-only">Blowfish</span>
<img src="/nunocoracao/blowfish/img/blowfish_logo_transparent.png" width="1000" height="1000"
class="max-h-[5rem] max-w-[5rem] object-scale-down object-left nozoom" alt="Blowfish" />
</a>
</div>
<div class="flex flex-1 items-center justify-between">
<nav class="flex space-x-3">
<a href="/" class="text-base font-medium text-gray-500 hover:text-gray-900">Blowfish</a>
</nav>
<div class="hidden md:flex items-center space-x-5 md:ml-12">
<a href="/nunocoracao/blowfish/about/" class="text-base font-medium text-gray-500 hover:text-gray-900" title="About">About</a>
<a href="/nunocoracao/blowfish/posts/" class="text-base font-medium text-gray-500 hover:text-gray-900" title="Posts">Posts</a>
<a href="/nunocoracao/blowfish/resume/" class="text-base font-medium text-gray-500 hover:text-gray-900" title="Resume">Resume</a>
<a href="/nunocoracao/blowfish/music/" class="text-base font-medium text-gray-500 hover:text-gray-900" title="Music">Music</a>
<a href="/nunocoracao/blowfish/docs/" class="text-base font-medium text-gray-500 hover:text-gray-900" title="Documentation">Docs</a>
<span></span>
<button id="search-button" class="text-base hover:text-primary-600 dark:hover:text-primary-400"
title="">
<span class="relative inline-block align-text-bottom icon">
<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="search" class="svg-inline--fa fa-search fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z"/></svg>
</span>
</button>
<div
class="ltr:mr-14 rtl:ml-14 cursor-pointer text-sm text-neutral-700 hover:text-primary-600 dark:text-neutral dark:hover:text-primary-400">
<button id="appearance-switcher" type="button">
<div class="flex items-center justify-center h-12 dark:hidden">
<span class="relative inline-block align-text-bottom icon">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M32 256c0-123.8 100.3-224 223.8-224c11.36 0 29.7 1.668 40.9 3.746c9.616 1.777 11.75 14.63 3.279 19.44C245 86.5 211.2 144.6 211.2 207.8c0 109.7 99.71 193 208.3 172.3c9.561-1.805 16.28 9.324 10.11 16.95C387.9 448.6 324.8 480 255.8 480C132.1 480 32 379.6 32 256z"/></svg>
</span>
</div>
<div class="items-center justify-center hidden h-12 dark:flex">
<span class="relative inline-block align-text-bottom icon">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M256 159.1c-53.02 0-95.1 42.98-95.1 95.1S202.1 351.1 256 351.1s95.1-42.98 95.1-95.1S309 159.1 256 159.1zM509.3 347L446.1 255.1l63.15-91.01c6.332-9.125 1.104-21.74-9.826-23.72l-109-19.7l-19.7-109c-1.975-10.93-14.59-16.16-23.72-9.824L256 65.89L164.1 2.736c-9.125-6.332-21.74-1.107-23.72 9.824L121.6 121.6L12.56 141.3C1.633 143.2-3.596 155.9 2.736 164.1L65.89 256l-63.15 91.01c-6.332 9.125-1.105 21.74 9.824 23.72l109 19.7l19.7 109c1.975 10.93 14.59 16.16 23.72 9.824L256 446.1l91.01 63.15c9.127 6.334 21.75 1.107 23.72-9.822l19.7-109l109-19.7C510.4 368.8 515.6 356.1 509.3 347zM256 383.1c-70.69 0-127.1-57.31-127.1-127.1c0-70.69 57.31-127.1 127.1-127.1s127.1 57.3 127.1 127.1C383.1 326.7 326.7 383.1 256 383.1z"/></svg>
</span>
</div>
</button>
</div>
</div>
<div class="flex md:hidden items-center space-x-5 md:ml-12">
<span></span>
<button id="search-button-mobile" class="text-base hover:text-primary-600 dark:hover:text-primary-400"
title="">
<span class="relative inline-block align-text-bottom icon">
<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="search" class="svg-inline--fa fa-search fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z"/></svg>
</span>
</button>
<button id="appearance-switcher-mobile" type="button" style="margin-right:5px">
<div class="flex items-center justify-center h-12 dark:hidden">
<span class="relative inline-block align-text-bottom icon">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M32 256c0-123.8 100.3-224 223.8-224c11.36 0 29.7 1.668 40.9 3.746c9.616 1.777 11.75 14.63 3.279 19.44C245 86.5 211.2 144.6 211.2 207.8c0 109.7 99.71 193 208.3 172.3c9.561-1.805 16.28 9.324 10.11 16.95C387.9 448.6 324.8 480 255.8 480C132.1 480 32 379.6 32 256z"/></svg>
</span>
</div>
<div class="items-center justify-center hidden h-12 dark:flex">
<span class="relative inline-block align-text-bottom icon">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M256 159.1c-53.02 0-95.1 42.98-95.1 95.1S202.1 351.1 256 351.1s95.1-42.98 95.1-95.1S309 159.1 256 159.1zM509.3 347L446.1 255.1l63.15-91.01c6.332-9.125 1.104-21.74-9.826-23.72l-109-19.7l-19.7-109c-1.975-10.93-14.59-16.16-23.72-9.824L256 65.89L164.1 2.736c-9.125-6.332-21.74-1.107-23.72 9.824L121.6 121.6L12.56 141.3C1.633 143.2-3.596 155.9 2.736 164.1L65.89 256l-63.15 91.01c-6.332 9.125-1.105 21.74 9.824 23.72l109 19.7l19.7 109c1.975 10.93 14.59 16.16 23.72 9.824L256 446.1l91.01 63.15c9.127 6.334 21.75 1.107 23.72-9.822l19.7-109l109-19.7C510.4 368.8 515.6 356.1 509.3 347zM256 383.1c-70.69 0-127.1-57.31-127.1-127.1c0-70.69 57.31-127.1 127.1-127.1s127.1 57.3 127.1 127.1C383.1 326.7 326.7 383.1 256 383.1z"/></svg>
</span>
</div>
</button>
</div>
</div>
<div class="-my-2 -mr-2 md:hidden">
<label id="menu-button" for="menu-controller" class="block">
<input type="checkbox" id="menu-controller" class="hidden" />
<div class="cursor-pointer hover:text-primary-600 dark:hover:text-primary-400">
<span class="relative inline-block align-text-bottom icon">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="currentColor" d="M0 96C0 78.33 14.33 64 32 64H416C433.7 64 448 78.33 448 96C448 113.7 433.7 128 416 128H32C14.33 128 0 113.7 0 96zM0 256C0 238.3 14.33 224 32 224H416C433.7 224 448 238.3 448 256C448 273.7 433.7 288 416 288H32C14.33 288 0 273.7 0 256zM416 448H32C14.33 448 0 433.7 0 416C0 398.3 14.33 384 32 384H416C433.7 384 448 398.3 448 416C448 433.7 433.7 448 416 448z"/></svg>
</span>
</div>
<div id="menu-wrapper" style="padding-top:25px;"
class="fixed inset-0 z-30 invisible w-screen h-screen m-auto overflow-auto transition-opacity opacity-0 cursor-default bg-neutral-100/50 backdrop-blur-sm dark:bg-neutral-900/50">
<ul
class="flex movedown flex-col w-full px-6 py-6 mx-auto overflow-visible list-none ltr:text-right rtl:text-left max-w-7xl sm:px-14 md:px-24 lg:px-32 sm:py-10 sm:pt-10">
<li class="mb-1">
<span class="cursor-pointer hover:text-primary-600 dark:hover:text-primary-400">
<span class="relative inline-block align-text-bottom icon">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path fill="currentColor" d="M310.6 361.4c12.5 12.5 12.5 32.75 0 45.25C304.4 412.9 296.2 416 288 416s-16.38-3.125-22.62-9.375L160 301.3L54.63 406.6C48.38 412.9 40.19 416 32 416S15.63 412.9 9.375 406.6c-12.5-12.5-12.5-32.75 0-45.25l105.4-105.4L9.375 150.6c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L160 210.8l105.4-105.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-105.4 105.4L310.6 361.4z"/></svg>
</span>
</span>
</li>
<li class="mb-1">
<a class="decoration-primary-500 hover:underline hover:decoration-2 hover:underline-offset-2"
href="/nunocoracao/blowfish/about/" title="About">About</a>
</li>
<li class="mb-1">
<a class="decoration-primary-500 hover:underline hover:decoration-2 hover:underline-offset-2"
href="/nunocoracao/blowfish/posts/" title="Posts">Posts</a>
</li>
<li class="mb-1">
<a class="decoration-primary-500 hover:underline hover:decoration-2 hover:underline-offset-2"
href="/nunocoracao/blowfish/resume/" title="Resume">Resume</a>
</li>
<li class="mb-1">
<a class="decoration-primary-500 hover:underline hover:decoration-2 hover:underline-offset-2"
href="/nunocoracao/blowfish/music/" title="Music">Music</a>
</li>
<li class="mb-1">
<a class="decoration-primary-500 hover:underline hover:decoration-2 hover:underline-offset-2"
href="/nunocoracao/blowfish/docs/" title="Documentation">Docs</a>
</li>
</ul>
</div>
</label>
</div>
</div>
<div id="mobile-menu"
class="fixed inset-0 z-30 invisible w-screen h-screen m-auto overflow-auto transition-opacity opacity-0 cursor-default bg-neutral-100/50 backdrop-blur-sm dark:bg-neutral-900/50">
<ul
class="flex movedown flex-col w-full px-6 py-6 mx-auto overflow-visible list-none ltr:text-right rtl:text-left max-w-7xl sm:px-14 md:px-24 lg:px-32 sm:py-10 sm:pt-10">
<li class="mb-1">
<span class="cursor-pointer hover:text-primary-600 dark:hover:text-primary-400">
<span class="relative inline-block align-text-bottom icon">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path fill="currentColor" d="M310.6 361.4c12.5 12.5 12.5 32.75 0 45.25C304.4 412.9 296.2 416 288 416s-16.38-3.125-22.62-9.375L160 301.3L54.63 406.6C48.38 412.9 40.19 416 32 416S15.63 412.9 9.375 406.6c-12.5-12.5-12.5-32.75 0-45.25l105.4-105.4L9.375 150.6c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L160 210.8l105.4-105.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-105.4 105.4L310.6 361.4z"/></svg>
</span>
</span>
</li>
<li class="mb-1">
<a class="decoration-primary-500 hover:underline hover:decoration-2 hover:underline-offset-2"
href="/nunocoracao/blowfish/about/" title="About">About</a>
</li>
<li class="mb-1">
<a class="decoration-primary-500 hover:underline hover:decoration-2 hover:underline-offset-2"
href="/nunocoracao/blowfish/posts/" title="Posts">Posts</a>
</li>
<li class="mb-1">
<a class="decoration-primary-500 hover:underline hover:decoration-2 hover:underline-offset-2"
href="/nunocoracao/blowfish/resume/" title="Resume">Resume</a>
</li>
<li class="mb-1">
<a class="decoration-primary-500 hover:underline hover:decoration-2 hover:underline-offset-2"
href="/nunocoracao/blowfish/music/" title="Music">Music</a>
</li>
<li class="mb-1">
<a class="decoration-primary-500 hover:underline hover:decoration-2 hover:underline-offset-2"
href="/nunocoracao/blowfish/docs/" title="Documentation">Docs</a>
</li>
<li>
<button id="search-button-mobile" class="text-base hover:text-primary-600 dark:hover:text-primary-400">
<span class="relative inline-block align-text-bottom icon">
<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="search" class="svg-inline--fa fa-search fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z"/></svg>
</span>
</button>
</li>
</ul>
</div>
<div class="relative flex flex-col grow">
<main id="main-content" class="grow">
<article>
<header class="max-w-prose">
<ol class="text-sm text-neutral-500 dark:text-neutral-400 print:hidden">
<li class="inline hidden">
<a
class="hover:underline decoration-neutral-300 dark:underline-neutral-600"
href="/nunocoracao/blowfish/"
>Welcome to Congo! :tada:</a
><span class="px-1 text-primary-500">/</span>
</li>
<li class="inline hidden">
<a
class="hover:underline decoration-neutral-300 dark:underline-neutral-600"
href="/nunocoracao/blowfish/music/"
>Music</a
><span class="px-1 text-primary-500">/</span>
</li>
</ol>
<h1 class="mt-0 text-4xl font-extrabold text-neutral-900 dark:text-neutral">
Music
</h1>
<div class="mt-8 mb-12 text-base text-neutral-500 dark:text-neutral-400 print:hidden">
<div class="flex flex-row flex-wrap items-center">
</div>
</div>
</header>
<section class="flex flex-col max-w-full mt-0 prose dark:prose-invert lg:flex-row">
<div class="min-w-0 min-h-0 max-w-prose">
<p>I started learning music by myself at the age of 14. I play several instruments and I love to record, compose and produce my own music. I&rsquo;ve been releasing my songs under the name &ldquo;Doppler Effect&rdquo; in the usual streaming services. Here are the links if you want to listen.</p>
<table>
<thead>
<tr>
<th>Cover</th>
<th>Title</th>
<th>Released</th>
<th>Listen</th>
</tr>
</thead>
<tbody>
<tr>
<td><img class="customEntitityAlbum" src="rememberanewday.jpg"/></td>
<td>Remember a New Day</td>
<td>August 2022</td>
<td style="display:flex">
<a href="https://open.spotify.com/album/5KZGKWYIBww70J6rz2jm1T" target="_blank"><img class="customPlay nozoom" src="spotify.svg.png"/></a>
<a href="https://music.apple.com/us/album/remember-a-new-day-single/1640595126" target="_blank"><img class="customPlay nozoom" style="background-color: rgb(30, 41, 59);" src="apple.png"/></a>
<a href="https://www.youtube.com/watch?v=jBgaGEqQfsA&list=PL1-ZPcIDJHfwFvRKJt0JXibfp1XV8LM70" target="_blank"><img class="customPlay nozoom" src="youtube.png"/></a>
</td>
</tr>
<tr>
<td><img class="customEntitityAlbum" src="teardrop.jpg"/></td>
<td>Teardrop</td>
<td>July 2022</td>
<td style="display:flex">
<a href="https://open.spotify.com/album/1CAAuiNatcDro7RXqYtZ7p" target="_blank"><img class="customPlay nozoom" src="spotify.svg.png"/></a>
<a href="https://music.apple.com/us/album/teardrop-single/1634107645?uo=4&app=music&at=1001lry3&ct=dashboard" target="_blank"><img class="customPlay nozoom" style="background-color: rgb(30, 41, 59);" src="apple.png"/></a>
<a href="https://www.youtube.com/watch?v=oKlrh6rPe60&list=PL1-ZPcIDJHfwFvRKJt0JXibfp1XV8LM70" target="_blank"><img class="customPlay nozoom" src="youtube.png"/></a>
</td>
</tr>
<tr>
<td><img class="customEntitityAlbum" src="thedevildancestonight.jpg"/></td>
<td>The Devil Dances Tonight</td>
<td>July 2022</td>
<td style="display:flex">
<a href="https://open.spotify.com/album/13NRJerObn3XkO0a9BW0Hg" target="_blank"><img class="customPlay nozoom" src="spotify.svg.png"/></a>
<a href="https://music.apple.com/us/album/the-devil-dances-tonight-single/1632730018?uo=4&app=music&at=1001lry3&ct=dashboard" target="_blank"><img class="customPlay nozoom" style="background-color: rgb(30, 41, 59);" src="apple.png"/></a>
<a href="https://www.youtube.com/watch?v=yQC9q_Rfa08&list=PL1-ZPcIDJHfwFvRKJt0JXibfp1XV8LM70" target="_blank"><img class="customPlay nozoom" src="youtube.png"/></a>
</td>
</tr>
<tr>
<td><img class="customEntitityAlbum" src="bellucciscatwalk.jpg"/></td>
<td>Bellucci's Catwalk</td>
<td>June 2022</td>
<td style="display:flex">
<a href="https://open.spotify.com/album/2wmxlKs9l3347wFxVGwpZk" target="_blank"><img class="customPlay nozoom" src="spotify.svg.png"/></a>
<a href="https://music.apple.com/us/album/belluccis-catwalk-single/1631761744?uo=4&app=music&at=1001lry3&ct=dashboard" target="_blank"><img class="customPlay nozoom" style="background-color: rgb(30, 41, 59);" src="apple.png"/></a>
<a href="https://www.youtube.com/watch?v=AwL9atrr09c&list=PL1-ZPcIDJHfwFvRKJt0JXibfp1XV8LM70" target="_blank"><img class="customPlay nozoom" src="youtube.png"/></a>
</td>
</tr>
<tr>
<td><img class="customEntitityAlbum" src="anotherbeginning.jpg"/></td>
<td>Another Beginning</td>
<td>June 2022</td>
<td style="display:flex">
<a href="https://open.spotify.com/album/6nxdu1GBeAY4LhLr8KCsA1" target="_blank"><img class="customPlay nozoom" src="spotify.svg.png"/></a>
<a href="https://music.apple.com/us/album/another-beginning-single/1630185036?uo=4&app=music&at=1001lry3&ct=dashboard" target="_blank"><img class="customPlay nozoom" style="background-color: rgb(30, 41, 59);" src="apple.png"/></a>
<a href="https://www.youtube.com/watch?v=iLVVzl8txQQ&list=PL1-ZPcIDJHfwFvRKJt0JXibfp1XV8LM70" target="_blank"><img class="customPlay nozoom" src="youtube.png"/></a>
</td>
</tr>
<tr>
<td><img class="customEntitityAlbum" src="blueingreen.jpg"/></td>
<td>Blue in Green</td>
<td>June 2022</td>
<td style="display:flex">
<a href="https://open.spotify.com/album/0mh8g7sHCvTvfGEIVE8Wha" target="_blank"><img class="customPlay nozoom" src="spotify.svg.png"/></a>
<a href="https://music.apple.com/us/album/blue-in-green-single/1629997649?uo=4&app=music&at=1001lry3&ct=dashboard" target="_blank"><img class="customPlay nozoom" style="background-color: rgb(30, 41, 59);" src="apple.png"/></a>
<a href="https://www.youtube.com/watch?v=Q9l6kdWqX6c&list=PL1-ZPcIDJHfwFvRKJt0JXibfp1XV8LM70" target="_blank"><img class="customPlay nozoom" src="youtube.png"/></a>
</td>
</tr>
<tr>
<td><img class="customEntitityAlbum" src="dreamingincolor.jpg"/></td>
<td>Dreaming in Color</td>
<td>January 2022</td>
<td style="display:flex">
<a href="https://open.spotify.com/album/4zQwVn1wQi33zrmboXKrI7" target="_blank"><img class="customPlay nozoom" src="spotify.svg.png"/></a>
<a href="https://music.apple.com/us/album/dreaming-in-color-single/1606643290?uo=4&app=music&at=1001lry3&ct=dashboard" target="_blank"><img class="customPlay nozoom" style="background-color: rgb(30, 41, 59);" src="apple.png"/></a>
<a href="https://www.youtube.com/watch?v=dej82HdMr3U&list=PL1-ZPcIDJHfwFvRKJt0JXibfp1XV8LM70" target="_blank"><img class="customPlay nozoom" src="youtube.png"/></a>
</td>
</tr>
<tr>
<td><img class="customEntitityAlbum" src="sweetjune.jpg"/></td>
<td>Sweet June</td>
<td>September 2021</td>
<td style="display:flex">
<a href="https://open.spotify.com/album/2rX5ywEwm0s2zGH4Dw35R9" target="_blank"><img class="customPlay nozoom" src="spotify.svg.png"/></a>
<a href="https://music.apple.com/us/album/sweet-june-single/1587364431?uo=4&app=music&at=1001lry3&ct=dashboard" target="_blank"><img class="customPlay nozoom" style="background-color: rgb(30, 41, 59);" src="apple.png"/></a>
<a href="https://www.youtube.com/watch?v=tb1CabbQ1Qk&list=PL1-ZPcIDJHfwFvRKJt0JXibfp1XV8LM70" target="_blank"><img class="customPlay nozoom" src="youtube.png"/></a>
</td>
</tr>
<tr>
<td><img class="customEntitityAlbum" src="walkingmiles.jpg"/></td>
<td>Walking Miles</td>
<td>April 2021</td>
<td style="display:flex">
<a href="https://open.spotify.com/album/3mGMFvaQu9BXVM9dy9Wwmu" target="_blank"><img class="customPlay nozoom" src="spotify.svg.png"/></a>
<a href="https://music.apple.com/us/album/walking-miles-single/1565224271?uo=4&app=music&at=1001lry3&ct=dashboard" target="_blank"><img class="customPlay nozoom" style="background-color: rgb(30, 41, 59);" src="apple.png"/></a>
<a href="https://www.youtube.com/watch?v=ntao-6A-FCI&list=PL1-ZPcIDJHfwFvRKJt0JXibfp1XV8LM70" target="_blank"><img class="customPlay nozoom" src="youtube.png"/></a>
</td>
</tr>
<tr>
<td><img class="customEntitityAlbum" src="addifferentkindoftango.jpg"/></td>
<td>A Different Kind of Tango</td>
<td>April 2021</td>
<td style="display:flex">
<a href="https://open.spotify.com/track/7uEq5gAKSYZjjACRml4SY6?si=cce2bf5125ee4c49" target="_blank"><img class="customPlay nozoom" src="spotify.svg.png"/></a>
<a href="https://music.apple.com/us/album/a-different-kind-of-tango/1562606125?i=1562606126" target="_blank"><img class="customPlay nozoom" style="background-color: rgb(30, 41, 59);" src="apple.png"/></a>
<a href="https://www.youtube.com/watch?v=W7n-pzgbIJo&list=PL1-ZPcIDJHfwFvRKJt0JXibfp1XV8LM70" target="_blank"><img class="customPlay nozoom" src="youtube.png"/></a>
</td>
</tr>
<tr>
<td><img class="customEntitityAlbum" src="burka.jpg"/></td>
<td>Burka</td>
<td>April 2021</td>
<td style="display:flex">
<a href="https://open.spotify.com/album/0hnBrTrX4UM9bTMhgyG3Q4" target="_blank"><img class="customPlay nozoom" src="spotify.svg.png"/></a>
<a href="https://music.apple.com/us/album/burka-single/1562597857?uo=4&app=music&at=1001lry3&ct=dashboard" target="_blank"><img class="customPlay nozoom" style="background-color: rgb(30, 41, 59);" src="apple.png"/></a>
<a href="https://www.youtube.com/watch?v=3Ab7Q9kBwD8&list=PL1-ZPcIDJHfwFvRKJt0JXibfp1XV8LM70" target="_blank"><img class="customPlay nozoom" src="youtube.png"/></a>
</td>
</tr>
<tr>
<td><img class="customEntitityAlbum" src="smokingwithaninja.jpg"/></td>
<td>Smoking with a Ninja</td>
<td>April 2021</td>
<td style="display:flex">
<a href="https://open.spotify.com/album/4PPNMtZgKRBwwunx5hc9Om" target="_blank"><img class="customPlay nozoom" src="spotify.svg.png"/></a>
<a href="https://music.apple.com/us/album/smoking-with-a-ninja-single/1562510115?uo=4&app=music&at=1001lry3&ct=dashboard" target="_blank"><img class="customPlay nozoom" style="background-color: rgb(30, 41, 59);" src="apple.png"/></a>
<a href="https://www.youtube.com/watch?v=eekx9ubxxnk&list=PL1-ZPcIDJHfwFvRKJt0JXibfp1XV8LM70" target="_blank"><img class="customPlay nozoom" src="youtube.png"/></a>
</td>
</tr>
</tbody>
</table>
</div>
</section>
<footer class="pt-8 max-w-prose print:hidden">
<div class="flex">
<img
class="!mt-0 !mb-0 h-24 w-24 rounded-full ltr:mr-4 rtl:ml-4"
width="96"
height="96"
alt="Blowfish"
src="/nunocoracao/blowfish/img/blowfish_logo_hu184ea2fa12490a2458ca388a16ab730e_227816_192x192_fill_box_smart1_3.png"
/>
<div class="place-self-center">
<div class="text-[0.6rem] uppercase leading-3 text-neutral-500 dark:text-neutral-400">
Author
</div>
<div class="font-semibold leading-6 text-neutral-800 dark:text-neutral-300">
Blowfish
</div>
<div class="text-sm text-neutral-700 dark:text-neutral-400">A little bit about you and me</div>
<div class="text-2xl sm:text-lg">
<div class="flex flex-wrap text-neutral-400 dark:text-neutral-500">
<a
class="px-1 hover:text-primary-700 dark:hover:text-primary-400"
href="https://linkedin.com/in/nunocoracao"
target="_blank"
aria-label="Linkedin"
rel="me noopener noreferrer"
>
<span class="relative inline-block align-text-bottom icon">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="currentColor" d="M416 32H31.9C14.3 32 0 46.5 0 64.3v383.4C0 465.5 14.3 480 31.9 480H416c17.6 0 32-14.5 32-32.3V64.3c0-17.8-14.4-32.3-32-32.3zM135.4 416H69V202.2h66.5V416zm-33.2-243c-21.3 0-38.5-17.3-38.5-38.5S80.9 96 102.2 96c21.2 0 38.5 17.3 38.5 38.5 0 21.3-17.2 38.5-38.5 38.5zm282.1 243h-66.4V312c0-24.8-.5-56.7-34.5-56.7-34.6 0-39.9 27-39.9 54.9V416h-66.4V202.2h63.7v29.2h.9c8.9-16.8 30.6-34.5 62.9-34.5 67.2 0 79.7 44.3 79.7 101.9V416z"/></svg>
</span>
</a
>
<a
class="px-1 hover:text-primary-700 dark:hover:text-primary-400"
href="https://twitter.com/nunocoracao"
target="_blank"
aria-label="Twitter"
rel="me noopener noreferrer"
>
<span class="relative inline-block align-text-bottom icon">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z"/></svg>
</span>
</a
>
<a
class="px-1 hover:text-primary-700 dark:hover:text-primary-400"
href="https://medium.com/@nunocoracao"
target="_blank"
aria-label="Medium"
rel="me noopener noreferrer"
>
<span class="relative inline-block align-text-bottom icon">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><path fill="currentColor" d="M180.5,74.262C80.813,74.262,0,155.633,0,256S80.819,437.738,180.5,437.738,361,356.373,361,256,280.191,74.262,180.5,74.262Zm288.25,10.646c-49.845,0-90.245,76.619-90.245,171.095s40.406,171.1,90.251,171.1,90.251-76.619,90.251-171.1H559C559,161.5,518.6,84.908,468.752,84.908Zm139.506,17.821c-17.526,0-31.735,68.628-31.735,153.274s14.2,153.274,31.735,153.274S640,340.631,640,256C640,171.351,625.785,102.729,608.258,102.729Z"/></svg>
</span>
</a
>
<a
class="px-1 hover:text-primary-700 dark:hover:text-primary-400"
href="https://github.com/nunocoracao"
target="_blank"
aria-label="Github"
rel="me noopener noreferrer"
>
<span class="relative inline-block align-text-bottom icon">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512"><path fill="currentColor" d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"/></svg>
</span>
</a
>
<a
class="px-1 hover:text-primary-700 dark:hover:text-primary-400"
href="http://goodreads.com/nunocoracao"
target="_blank"
aria-label="Goodreads"
rel="me noopener noreferrer"
>
<span class="relative inline-block align-text-bottom icon">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
<path fill="currentColor" d="M299.9 191.2c5.1 37.3-4.7 79-35.9 100.7-22.3 15.5-52.8 14.1-70.8 5.7-37.1-17.3-49.5-58.6-46.8-97.2 4.3-60.9 40.9-87.9 75.3-87.5 46.9-.2 71.8 31.8 78.2 78.3zM448 88v336c0 30.9-25.1 56-56 56H56c-30.9 0-56-25.1-56-56V88c0-30.9 25.1-56 56-56h336c30.9 0 56 25.1 56 56zM330 313.2s-.1-34-.1-217.3h-29v40.3c-.8.3-1.2-.5-1.6-1.2-9.6-20.7-35.9-46.3-76-46-51.9.4-87.2 31.2-100.6 77.8-4.3 14.9-5.8 30.1-5.5 45.6 1.7 77.9 45.1 117.8 112.4 115.2 28.9-1.1 54.5-17 69-45.2.5-1 1.1-1.9 1.7-2.9.2.1.4.1.6.2.3 3.8.2 30.7.1 34.5-.2 14.8-2 29.5-7.2 43.5-7.8 21-22.3 34.7-44.5 39.5-17.8 3.9-35.6 3.8-53.2-1.2-21.5-6.1-36.5-19-41.1-41.8-.3-1.6-1.3-1.3-2.3-1.3h-26.8c.8 10.6 3.2 20.3 8.5 29.2 24.2 40.5 82.7 48.5 128.2 37.4 49.9-12.3 67.3-54.9 67.4-106.3z"/></svg>
</span>
</a
>
</div>
</div>
</div>
</div>
</footer>
</article>
</main><footer class="py-10 print:hidden">
<nav class="pb-4 text-base font-medium text-neutral-500 dark:text-neutral-400">
<ul class="flex flex-col list-none sm:flex-row">
<li
class="mb-1 ltr:text-right rtl:text-left sm:mb-0 ltr:sm:mr-7 ltr:sm:last:mr-0 rtl:sm:ml-7 rtl:sm:last:ml-0"
>
<a
class="decoration-primary-500 hover:underline hover:decoration-2 hover:underline-offset-2"
href="/nunocoracao/blowfish/tags/"
title="Tags"
>Tags</a
>
</li>
<li
class="mb-1 ltr:text-right rtl:text-left sm:mb-0 ltr:sm:mr-7 ltr:sm:last:mr-0 rtl:sm:ml-7 rtl:sm:last:ml-0"
>
<a
class="decoration-primary-500 hover:underline hover:decoration-2 hover:underline-offset-2"
href="/nunocoracao/blowfish/categories/"
title="Categories"
>Categories</a
>
</li>
</ul>
</nav>
<div class="flex items-center justify-between">
<p class="text-sm text-neutral-500 dark:text-neutral-400">
&copy;
2022
Blowfish
</p>
<p class="text-xs text-neutral-500 dark:text-neutral-400">
Powered by <a class="hover:underline hover:decoration-primary-400 hover:text-primary-500"
href="https://gohugo.io/" target="_blank" rel="noopener noreferrer">Hugo</a> &amp; <a class="hover:underline hover:decoration-primary-400 hover:text-primary-500" href="https://github.com/nunocoracao/blowfish" target="_blank" rel="noopener noreferrer">Blowfish</a>
</p>
</div>
<script>
mediumZoom(document.querySelectorAll("img:not(.nozoom)"), {
margin: 24,
background: 'rgba(0,0,0,0.5)',
scrollOffset: 0,
})
</script>
</footer>
<div
id="search-wrapper"
class="invisible fixed inset-0 z-50 flex h-screen w-screen cursor-default flex-col bg-neutral-500/50 p-4 backdrop-blur-sm dark:bg-neutral-900/50 sm:p-6 md:p-[10vh] lg:p-[12vh]"
data-url="https://github.com/nunocoracao/blowfish"
>
<div
id="search-modal"
class="flex flex-col w-full max-w-3xl min-h-0 mx-auto border rounded-md shadow-lg top-20 border-neutral-200 bg-neutral dark:border-neutral-700 dark:bg-neutral-800"
>
<header class="relative z-10 flex items-center justify-between flex-none px-2">
<form class="flex items-center flex-auto min-w-0">
<div class="flex items-center justify-center w-8 h-8 text-neutral-400">
<span class="relative inline-block align-text-bottom icon">
<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="search" class="svg-inline--fa fa-search fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z"/></svg>
</span>
</div>
<input
type="search"
id="search-query"
class="flex flex-auto h-12 mx-1 bg-transparent appearance-none focus:outline-dotted focus:outline-2 focus:outline-transparent"
placeholder="Search"
tabindex="0"
/>
</form>
<button
id="close-search-button"
class="flex items-center justify-center w-8 h-8 text-neutral-700 hover:text-primary-600 dark:text-neutral dark:hover:text-primary-400"
title="Close (Esc)"
>
<span class="relative inline-block align-text-bottom icon">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path fill="currentColor" d="M310.6 361.4c12.5 12.5 12.5 32.75 0 45.25C304.4 412.9 296.2 416 288 416s-16.38-3.125-22.62-9.375L160 301.3L54.63 406.6C48.38 412.9 40.19 416 32 416S15.63 412.9 9.375 406.6c-12.5-12.5-12.5-32.75 0-45.25l105.4-105.4L9.375 150.6c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L160 210.8l105.4-105.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-105.4 105.4L310.6 361.4z"/></svg>
</span>
</button>
</header>
<section class="flex-auto px-2 overflow-auto">
<ul id="search-results">
</ul>
</section>
</div>
</div>
</div>
</body>
</html>
Reference in a new issue View git blame Copy permalink