CINXE.COM
~/osc
<!doctype html> <html lang="en" data-theme="light"> <head> <meta charset="UTF-8"><meta http-equiv="Content-Security-Policy" content="default-src 'self';font-src 'self' data:;img-src 'self' https://* data:;media-src 'self' https://cdn.jsdelivr.net/;style-src 'self';frame-src player.vimeo.com https://www.youtube-nocookie.com;connect-src 'self' https://stats.osc.garden https://osc.garden/comments/;script-src 'self' https://stats.osc.garden https://osc.garden/comments/ 'self'"> <meta name="viewport" content="width=device-width,initial-scale=1"> <meta name="base" content="https://osc.garden"> <title>~/osc</title> <link rel="icon" type="image/png" href="https://osc.garden/img/seedling.png"> <link rel="icon" href='data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><text y="50%" x="50%" dominant-baseline="central" text-anchor="middle" font-size="88">🌱</text></svg>'> <link rel="alternate" type="application/atom+xml" title="~/osc - Atom Feed" href="https://osc.garden/atom.xml"> <link rel="stylesheet" href="https://osc.garden/custom_subset.css?h=8a40c2c7313f91484db9"> <link rel="stylesheet" href="https://osc.garden/main.css?h=5761abda13287149cf75"> <meta name="color-scheme" content="light dark"> <meta name="theme-color" content="#087e96"> <meta name="description" content="Óscar is data scientist and clinical psychologist aiming to leverage his positive impact in the world."> <meta property="og:description" content="Óscar is data scientist and clinical psychologist aiming to leverage his positive impact in the world."> <meta property="og:title" content="~/osc"> <meta property="og:type" content="article"> <meta property="og:image" content="https://osc.garden/img/social_cards/index.jpg?h=31c882f5236fe1d87650"> <meta property="og:image:width" content="1400"> <meta property="og:image:height" content="800"> <meta name="twitter:image" content="https://osc.garden/img/social_cards/index.jpg?h=31c882f5236fe1d87650"> <meta name="twitter:card" content="summary_large_image"> <meta property="og:locale:alternate" content="en_GB"> <link rel="alternate" hreflang="en" href="https://osc.garden/"><meta property="og:locale:alternate" content="es_ES"> <link rel="alternate" hreflang="es" href="https://osc.garden/es/"><meta property="og:locale:alternate" content="ca_ES"> <link rel="alternate" hreflang="ca" href="https://osc.garden/ca/"> <meta property="og:url" content="https://osc.garden/"><meta property="og:site_name" content="~/osc"> <noscript><link rel="stylesheet" href="https://osc.garden/no_js.css"></noscript> <script type="text/javascript" src="https://osc.garden/js/initializeTheme.min.js"></script> <script defer="defer" src="https://osc.garden/js/themeSwitcher.min.js"></script> <script async data-goatcounter="https://stats.osc.garden/count" src="https://stats.osc.garden/count.js"></script> <script defer="defer" src="https://osc.garden/js/searchElasticlunr.min.js?h=3626c0ef99daa745b31e"></script> </head> <body> <header> <nav class="navbar"> <div class="nav-title"> <a class="home-title" href="https://osc.garden">~/osc</a> </div> <div class="nav-navs"> <ul> <li> <a class="nav-links no-hover-padding" href="https://osc.garden/blog/">blog </a> </li> <li> <a class="nav-links no-hover-padding" href="https://osc.garden/archive/">archive </a> </li> <li> <a class="nav-links no-hover-padding" href="https://osc.garden/notes/">notes </a> </li> <li> <a class="nav-links no-hover-padding" href="https://osc.garden/projects/">projects </a> </li> <li class="menu-icons-container"> <ul class="menu-icons-group"> <li class="js menu-icon"> <div role="button" tabindex="0" id="search-button" class="search-icon interactive-icon" title="Click or press $SHORTCUT to open search" aria-label="Click or press $SHORTCUT to open search"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960"> <path d="M784-120 532-372q-30 24-69 38t-83 14q-109 0-184.5-75.5T120-580q0-109 75.5-184.5T380-840q109 0 184.5 75.5T640-580q0 44-14 83t-38 69l252 252-56 56ZM380-400q75 0 127.5-52.5T560-580q0-75-52.5-127.5T380-760q-75 0-127.5 52.5T200-580q0 75 52.5 127.5T380-400Z"/> </svg> </div> </li> <li class="language-switcher"> <details class="dropdown"> <summary role="button" aria-haspopup="true" title="Language selection" aria-label="Language selection"> <div class="language-switcher-icon"></div> </summary> <div class="dropdown-content" role="menu">English<a role="menuitem" lang="es" aria-label="Español" href="https://osc.garden/es/">Español</a><a role="menuitem" lang="ca" aria-label="Català" href="https://osc.garden/ca/">Català</a></div> </details> </li> <li class="theme-switcher-wrapper js"><div title="Toggle dark/light mode" class="theme-switcher" tabindex="0" role="button" aria-label="Toggle dark mode" aria-pressed="false"> </div><div title="Reset mode to default" class="theme-resetter arrow" tabindex="0" role="button" aria-hidden="true" aria-label="Reset mode to default"> </div> </li> </ul> </li> </ul> </div> </nav> </header> <div class="content"> <main class="posts-first"><div id="banner-container-home"> <div id="home-banner-text"> <h1 id="home-banner-header">Halló! I'm Óscar~</h1> <section id="banner-home-subtitle"> <p>I’m a data scientist and clinical psychologist trying to leverage my positive impact in the world. I enjoy <a class="external" href="https://oskerwyld.com/II">making music</a>, hiking, <a class="external" href="https://instagram.com/oskerwyld">photography</a>, weightlifting, <a class="external" href="https://github.com/welpo">programming</a>, stargazing, and reading.</p> <p>Welcome to my digital garden. 🌱</p> </section> </div><div id="image-container-home"> <img alt="the owner" id="banner-home-img" src="https://osc.garden/img/main.webp"> </div></div> <div id="posts-list"> <div> <h1 class="title-container section-title bottom-divider"> Latest posts </h1> </div> <div class="bloglist-container"> <section class="bloglist-meta bottom-divider"> <ul><li class="date">15 March 2024</li> </ul> </section> <section class="bloglist-content bottom-divider"> <div> <div class="pinned-label"> <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M10.5 2.255v-.01c.003-.03.013-.157-.361-.35C9.703 1.668 8.967 1.5 8 1.5s-1.703.169-2.138.394c-.375.194-.365.32-.362.351v.01c-.003.03-.013.157.362.35C6.297 2.832 7.033 3 8 3s1.703-.169 2.139-.394c.374-.194.364-.32.361-.351M12 2.25c0 .738-.433 1.294-1.136 1.669l.825 2.31c1.553.48 2.561 1.32 2.561 2.52c0 1.854-2.402 2.848-5.5 2.985V15a.75.75 0 0 1-1.5 0v-3.266c-3.098-.136-5.5-1.131-5.5-2.984c0-1.2 1.008-2.04 2.561-2.52l.825-2.311C4.433 3.544 4 2.988 4 2.25C4 .75 5.79 0 8 0s4 .75 4 2.25" clip-rule="evenodd"/></svg> <span>Pinned</span> </div> <h2 class="bloglist-title"> <a href="https://osc.garden/blog/data-analysis-music-streaming/">Notes on Notes: Analysing Seven Years of Music Streaming Data</a> </h2> <div class="bloglist-tags"> <a class="tag" href="https://osc.garden/tags/data-science/">data science</a> <a class="tag" href="https://osc.garden/tags/data-analysis/">data analysis</a> <a class="tag" href="https://osc.garden/tags/data-visualisation/">data visualisation</a> <a class="tag" href="https://osc.garden/tags/music/">music</a> <a class="tag" href="https://osc.garden/tags/interactive/">interactive</a> <a class="tag" href="https://osc.garden/tags/javascript/">javascript</a> <a class="tag" href="https://osc.garden/tags/python/">python</a> </div> <div class="description"> <p>From a childhood keyboard to streaming in over 170 countries. An analysis and visualisation of seven years of royalties data to see how my music has been heard, how much Spotify, Apple Music, TikTok, Instagram, etc. really pay per stream, and more.</p> </div> <a class="readmore" href="https://osc.garden/blog/data-analysis-music-streaming/">Read more <span class="arrow">→</span></a> </div> </section> <section class="bloglist-meta bottom-divider"> <ul><li class="date">02 February 2025</li> </ul> </section> <section class="bloglist-content bottom-divider"> <div> <h2 class="bloglist-title"> <a href="https://osc.garden/blog/nemui-sleep-schedule-planner/">I Fixed My Sleep Schedule With Code</a> </h2> <div class="bloglist-tags"> <a class="tag" href="https://osc.garden/tags/code/">code</a> <a class="tag" href="https://osc.garden/tags/javascript/">javascript</a> <a class="tag" href="https://osc.garden/tags/web-app/">web app</a> <a class="tag" href="https://osc.garden/tags/sleep/">sleep</a> </div> <div class="description"> <p>I copied Apple's UI/UX to gradually adjust my sleep schedule while handling every time zone quirk in the world (including that one island with 30-minute DST).</p> </div> <a class="readmore" href="https://osc.garden/blog/nemui-sleep-schedule-planner/">Read more <span class="arrow">→</span></a> </div> </section> <section class="bloglist-meta bottom-divider"> <ul><li class="date">24 December 2024</li> </ul> </section> <section class="bloglist-content bottom-divider"> <div> <h2 class="bloglist-title"> <a href="https://osc.garden/blog/shuku-condensed-media-language-learning/">Condensing Media for Language Learning with shuku</a> </h2> <div class="bloglist-tags"> <a class="tag" href="https://osc.garden/tags/code/">code</a> <a class="tag" href="https://osc.garden/tags/python/">python</a> <a class="tag" href="https://osc.garden/tags/linguistics/">linguistics</a> <a class="tag" href="https://osc.garden/tags/multimedia/">multimedia</a> </div> <div class="description"> <p>I've built a tool that turns a 3-hour film into a 45-minute language learning resource. Keep the dialogue, skip the rest!</p> </div> <a class="readmore" href="https://osc.garden/blog/shuku-condensed-media-language-learning/">Read more <span class="arrow">→</span></a> </div> </section> <section class="bloglist-meta"> <ul><li class="date">04 December 2024</li> </ul> </section> <section class="bloglist-content"> <div> <h2 class="bloglist-title"> <a href="https://osc.garden/blog/zutsu-offline-task-planner-web-app/">Building a Minimal Time Management Web App</a> </h2> <div class="bloglist-tags"> <a class="tag" href="https://osc.garden/tags/code/">code</a> <a class="tag" href="https://osc.garden/tags/javascript/">javascript</a> <a class="tag" href="https://osc.garden/tags/productivity/">productivity</a> <a class="tag" href="https://osc.garden/tags/web-app/">web app</a> </div> <div class="description"> <p>I built a local-first web app to plan my study sessions. Featuring utilities like past activity visualisation or a pomodoro timer.</p> </div> <a class="readmore" href="https://osc.garden/blog/zutsu-offline-task-planner-web-app/">Read more <span class="arrow">→</span></a> </div> </section> <div class="all-posts"> <a href="https://osc.garden/blog/">All posts <span class="arrow">⟶</span></a> </div> </div> </div> </main> </div> <footer> <section> <nav class="socials nav-navs"><ul><li> <a class="nav-links no-hover-padding social" rel="" href="https://osc.garden/atom.xml"> <img loading="lazy" alt="feed" title="feed" src="https://osc.garden/social_icons/rss.svg"> </a> </li><li class="js"><a class="nav-links no-hover-padding social" href="#" data-encoded-email="b3NjQG9zYy5nYXJkZW4="><img loading="lazy" alt="email" title="email" src="https://osc.garden/social_icons/email.svg"> </a> </li> <li> <a class="nav-links no-hover-padding social" rel=" me" href="https://signal.me/#eu/WVzg7DsJWw7Y5GApgH1xu913HGB7zuB4yTmpLnhnUsGeCOzF049MzIBzI79W1I0w"> <img loading="lazy" alt="signal" title="signal" src="https://osc.garden/social_icons/signal.svg"> </a> </li> <li> <a class="nav-links no-hover-padding social" rel=" me" href="https://github.com/welpo/"> <img loading="lazy" alt="github" title="github" src="https://osc.garden/social_icons/github.svg"> </a> </li> <li> <a class="nav-links no-hover-padding social" rel=" me" href="https://soundcloud.com/oskerwyld"> <img loading="lazy" alt="soundcloud" title="soundcloud" src="https://osc.garden/social_icons/soundcloud.svg"> </a> </li> <li> <a class="nav-links no-hover-padding social" rel=" me" href="https://instagram.com/oskerwyld"> <img loading="lazy" alt="instagram" title="instagram" src="https://osc.garden/social_icons/instagram.svg"> </a> </li> <li> <a class="nav-links no-hover-padding social" rel=" me" href="https://youtube.com/@oskerwyld"> <img loading="lazy" alt="youtube" title="youtube" src="https://osc.garden/social_icons/youtube.svg"> </a> </li> <li> <a class="nav-links no-hover-padding social" rel=" me" href="https://open.spotify.com/artist/5Hv2bYBhMp1lUHFri06xkE"> <img loading="lazy" alt="spotify" title="spotify" src="https://osc.garden/social_icons/spotify.svg"> </a> </li> </ul> </nav> <nav class="nav-navs"> <small> <ul> <li><a class="nav-links no-hover-padding" href="https://osc.garden/privacy/"> privacy policy </a> </li> <li><a class="nav-links no-hover-padding" href="https://stats.osc.garden/"> site statistics </a> </li> <li><a class="nav-links no-hover-padding" href="https://osc.garden/sitemap.xml"> sitemap </a> </li> </ul> </small> </nav> <div class="credits"> <small> Powered by <a rel="" href="https://www.getzola.org">Zola</a> & <a rel="" href="https://github.com/welpo/tabi">tabi</a> • <a rel="" href="https://github.com/welpo/osc.garden"> Site source </a></small> </div> </section> <script src="https://osc.garden/js/decodeMail.min.js" async></script><div id="searchModal" class="search-modal js" role="dialog" aria-labelledby="modalTitle"> <h1 id="modalTitle" class="visually-hidden">Search</h1> <div id="modal-content"> <div id="searchBar"> <div class="search-icon" aria-hidden="true"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960"> <path d="M784-120 532-372q-30 24-69 38t-83 14q-109 0-184.5-75.5T120-580q0-109 75.5-184.5T380-840q109 0 184.5 75.5T640-580q0 44-14 83t-38 69l252 252-56 56ZM380-400q75 0 127.5-52.5T560-580q0-75-52.5-127.5T380-760q-75 0-127.5 52.5T200-580q0 75 52.5 127.5T380-400Z"/> </svg> </div> <input id="searchInput" role="combobox" autocomplete="off" spellcheck="false" aria-expanded="false" aria-controls="results-container" placeholder="Search…"> <div id="clear-search" class="close-icon interactive-icon" tabindex="0" role="button" title="Clear search"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960"> <path d="m256-200-56-56 224-224-224-224 56-56 224 224 224-224 56 56-224 224 224 224-56 56-224-224-224 224Z"/> </svg> </div> </div> <div id="results-container"> <div id="results-info"><span id="zero_results"> No results</span> <span id="one_results"> $NUMBER result</span> <span id="many_results"> $NUMBER results</span><span id="two_results"> $NUMBER results</span> <span id="few_results"> $NUMBER results</span> </div> <div id="results" role="listbox"></div> </div> </div> </div> </footer> </body> </html>