{"@attributes":{"version":"2.0"},"channel":{"title":"Home on tedmagaoay","link":"https:\/\/tedmagaoay.com\/","description":"Recent content in Home on tedmagaoay","generator":"Hugo -- gohugo.io","language":"en-us","lastBuildDate":"Mon, 26 Jun 2017 18:27:58 +0100","item":[{"title":"Magaoay Meaning and History","link":"https:\/\/tedmagaoay.com\/magaoay-meaning-and-history\/","pubDate":"Fri, 04 Apr 2025 21:23:48 +0800","guid":"https:\/\/tedmagaoay.com\/magaoay-meaning-and-history\/","description":"<h2 id=\"magaoay-meaning\">Magaoay Meaning<\/h2>\n<p>While researching my surname, I came across <a href=\"http:\/\/www.bibingka.com\/names\/\">Kat\u00e1logo ng mga Apelyidong Pilipino<\/a>. In that blog post, they provided meanings for some Filipino surnames.<\/p>\n<p>I went to the letter M and looked for Ilocano surnames. There\u2019s Mabalo, which means &ldquo;to be widowed&rdquo;. Mabayag means &ldquo;a long time&rdquo;. Macadengdeng means &ldquo;vegetable cook&rdquo;. Macalipat means &ldquo;forgetful&rdquo;. Madarang means &ldquo;to burn&rdquo;.<\/p>\n<p>Magaoay had no meaning.<\/p>\n<p>I looked for gaoay in online Ilocano dictionaries but had no luck.<\/p>\n<p>Lost interest, moved on, and eventually forgot about it.<\/p>\n<p>My curiosity sparked again when I heard the phrase &ldquo;Adda gaoay na&rdquo;. Maybe it wasn\u2019t gibberish after all.<\/p>\n<p>This time, I searched old Ilocano dictionaries online.<\/p>\n<p>Then boom!<\/p>\n\n\n\n\n\n\n\n\n\n  \n\n\n<figure role=\"group\" aria-describedby=\"caption-1f533389ce0fa0af7da77b4afda1573f\">\n  <a href=\"https:\/\/tedmagaoay.com\/magaoay-meaning-and-history\/gaoay-meaning-1849.png\" class=\"img-link\">\n    <img src=\"https:\/\/tedmagaoay.com\/magaoay-meaning-and-history\/gaoay-meaning-1849_hucd37a3c5e4d21fa02b92d80e7a76ce1a_674130_700x0_resize_box_3.png\">\n  <\/a>\n  <figcaption id=\"caption-1f533389ce0fa0af7da77b4afda1573f\">\n    Gaoay meaning 1849.\n  <\/figcaption>\n<\/figure>\n\n\n\n\n\n\n\n\n\n\n  \n\n\n<figure role=\"group\" aria-describedby=\"caption-cb81e8aa3a52b545cde9bfb372b12b58\">\n  <a href=\"https:\/\/tedmagaoay.com\/magaoay-meaning-and-history\/gaoay-meaning-1890.png\" class=\"img-link\">\n    <img src=\"https:\/\/tedmagaoay.com\/magaoay-meaning-and-history\/gaoay-meaning-1890_hu95e885fc7611b8d2e66209ff0623bf1f_561449_700x0_resize_box_3.png\">\n  <\/a>\n  <figcaption id=\"caption-cb81e8aa3a52b545cde9bfb372b12b58\">\n    Gaoay meaning 1890.\n  <\/figcaption>\n<\/figure>\n\n<h2 id=\"magaoay-or-magaway-or-magauay\">Magaoay or Magaway or Magauay<\/h2>\n<p>Unlike gaoay, the dictionaries mentioned above have no entries for gaway or gauay.<\/p>\n<p>The Magaway version came about to make it easier for Americans to read.<\/p>\n<p>Only Magauay appears in the <a href=\"https:\/\/issuu.com\/filipinasheritagelibrary\/docs\/catalogo_alfabetico_de_apellidos\/114\">Catalogo (1849)<\/a>, but I found an earlier christening record for a certain Camilo and Camila Magaoay dated 1829.<\/p>\n\n\n\n\n\n\n\n\n\n  \n\n\n<figure role=\"group\" aria-describedby=\"caption-4ec899c713752b49262d73fa0393c4cf\">\n  <a href=\"https:\/\/tedmagaoay.com\/magaoay-meaning-and-history\/early-magaoay-peeps.png\" class=\"img-link\">\n    <img src=\"https:\/\/tedmagaoay.com\/magaoay-meaning-and-history\/early-magaoay-peeps_hu34e933c8f09fdcf2f38280d517f8678f_343862_700x0_resize_box_3.png\">\n  <\/a>\n  <figcaption id=\"caption-4ec899c713752b49262d73fa0393c4cf\">\n    Early Magaoay peeps.\n  <\/figcaption>\n<\/figure>\n\n<p>You can decide for your self which is original.<\/p>\n<h2 id=\"history\">History<\/h2>\n<p>Wip \ud83d\udea7.<\/p>\n<p>Tags: \n<a href='https:\/\/tedmagaoay.com\/tags\/history'>#history<\/a>, <a href='https:\/\/tedmagaoay.com\/tags\/magaoay'>#magaoay<\/a><\/p>\n\n<p style=\"font-size:1.3rem\">\n  <a href='mailto:hi@tedmagaoay.com?subject=Reply%20to%20\"Magaoay%20Meaning%20and%20History\"'>Reply to this post via email<\/a>\n<\/p>"},{"title":"How to Create and Animate the Gmail Logo","link":"https:\/\/tedmagaoay.com\/how-to-create-and-animate-the-gmail-logo\/","pubDate":"Thu, 27 Feb 2025 22:26:01 +0800","guid":"https:\/\/tedmagaoay.com\/how-to-create-and-animate-the-gmail-logo\/","description":"<p>Creating and animating the Gmail logo with FOSS <a href=\"https:\/\/friction.graphics\/\">Friction<\/a> natively.<\/p>\n<figure><img src=\"gmail.gif\"\n         alt=\"Gmail logo animation.\"\/><figcaption>\n            <p>Gmail logo animation.<\/p>\n        <\/figcaption>\n<\/figure>\n\n\n<div style=\"position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden;\">\n  <iframe src=\"https:\/\/www.youtube.com\/embed\/COUz1x4ekg8\" style=\"position: absolute; top: 0; left: 0; width: 100%; height: 100%; border:0;\" allowfullscreen title=\"YouTube Video\"><\/iframe>\n<\/div>\n\n<p>Tags: \n<a href='https:\/\/tedmagaoay.com\/tags\/friction'>#friction<\/a>, <a href='https:\/\/tedmagaoay.com\/tags\/logo'>#logo<\/a><\/p>\n\n<p style=\"font-size:1.3rem\">\n  <a href='mailto:hi@tedmagaoay.com?subject=Reply%20to%20\"How%20to%20Create%20and%20Animate%20the%20Gmail%20Logo\"'>Reply to this post via email<\/a>\n<\/p>"},{"title":"Projects","link":"https:\/\/tedmagaoay.com\/projects\/","pubDate":"Tue, 21 Jan 2025 10:27:57 +0800","guid":"https:\/\/tedmagaoay.com\/projects\/","description":"<p>Below is a list of my personal projects.<\/p>\n<h2 id=\"blog\">Blog<\/h2>\n<p><a href=\"https:\/\/tedmagaoay.com\/\">tedmagaoay.com<\/a><\/p>\n<h2 id=\"youtube\">Youtube<\/h2>\n<p>Check out my logo tutorials with Inkscape.<\/p>\n\n<div style=\"position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden;\">\n  <iframe src=\"https:\/\/www.youtube.com\/embed\/d22FmeJJc8g\" style=\"position: absolute; top: 0; left: 0; width: 100%; height: 100%; border:0;\" allowfullscreen title=\"YouTube Video\"><\/iframe>\n<\/div>\n\n<h2 id=\"portfolio\">Portfolio<\/h2>\n<p>I like minimal, bold, and geometric designs.<\/p>\n<h3 id=\"logos\">Logos<\/h3>\n\n\n\n\n\n\n\n\n\n  \n\n\n<figure role=\"group\" aria-describedby=\"caption-fd807839229035935a96c81a858b3f0e\">\n  <a href=\"https:\/\/tedmagaoay.com\/projects\/quadro-alas-logo.png\" class=\"img-link\">\n    <img src=\"https:\/\/tedmagaoay.com\/projects\/quadro-alas-logo_hu45139bc7df57d062addfacafd51d0502_98709_700x0_resize_box_3.png\">\n  <\/a>\n  <figcaption id=\"caption-fd807839229035935a96c81a858b3f0e\">\n    Quadro Alas logo. <a href=\"https:\/\/tedmagaoay.com\/quadro-alas-logo\">More info<\/a>.\n  <\/figcaption>\n<\/figure>\n\n\n\n\n\n\n\n\n\n\n  \n\n\n<figure role=\"group\" aria-describedby=\"caption-91e7a135706e6c3bc1d924a3306e8817\">\n  <a href=\"https:\/\/tedmagaoay.com\/projects\/egge-logo.png\" class=\"img-link\">\n    <img src=\"https:\/\/tedmagaoay.com\/projects\/egge-logo_hu281f873d714c34d5abe1fb866435a309_65902_700x0_resize_box_3.png\">\n  <\/a>\n  <figcaption id=\"caption-91e7a135706e6c3bc1d924a3306e8817\">\n    Egge logo. <a href=\"https:\/\/tedmagaoay.com\/mobius-egg-inspired-logo\">More info<\/a>.\n  <\/figcaption>\n<\/figure>\n\n<figure><img src=\"qt-pi-logo-animation.gif\"\n         alt=\"QT pi logo animation. More info.\"\/><figcaption>\n            <p>QT pi logo animation. <a href=\"https:\/\/tedmagaoay.com\/logo-outline-animation\">More info<\/a>.<\/p>\n        <\/figcaption>\n<\/figure>\n\n\n\n\n\n\n\n\n\n\n  \n\n\n<figure role=\"group\" aria-describedby=\"caption-33154fd157929e6871807fa7fc8cf431\">\n  <a href=\"https:\/\/tedmagaoay.com\/projects\/mnl-logo.png\" class=\"img-link\">\n    <img src=\"https:\/\/tedmagaoay.com\/projects\/mnl-logo_hu8c916cac90926a74f23f4e3bc69224d6_32156_700x0_resize_box_3.png\">\n  <\/a>\n  <figcaption id=\"caption-33154fd157929e6871807fa7fc8cf431\">\n    MNL logo.\n  <\/figcaption>\n<\/figure>\n\n<p>Tags: \n<a href='https:\/\/tedmagaoay.com\/tags\/project'>#project<\/a><\/p>\n\n<p style=\"font-size:1.3rem\">\n  <a href='mailto:hi@tedmagaoay.com?subject=Reply%20to%20\"Projects\"'>Reply to this post via email<\/a>\n<\/p>"},{"title":"Mobius Egg Inspired Logo","link":"https:\/\/tedmagaoay.com\/mobius-egg-inspired-logo\/","pubDate":"Tue, 21 Jan 2025 08:12:11 +0800","guid":"https:\/\/tedmagaoay.com\/mobius-egg-inspired-logo\/","description":"\n<div style=\"position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden;\">\n  <iframe src=\"https:\/\/www.youtube.com\/embed\/PeDIz51tz0o\" style=\"position: absolute; top: 0; left: 0; width: 100%; height: 100%; border:0;\" allowfullscreen title=\"YouTube Video\"><\/iframe>\n<\/div>\n\n<p>In this video, I&rsquo;ve created a M\u00f6bius-inspired logo using Inkscape.<\/p>\n<p>I watched this <a href=\"https:\/\/www.youtube.com\/watch?v=pQt-wtjOH-E\">video<\/a> by <a href=\"https:\/\/www.youtube.com\/@ZKorvin\">Zak Korvin<\/a> and wondered how to create it on Inkscape.<\/p>\n<p>I knew it had something to do with triangles, like how I did in this <a href=\"https:\/\/www.youtube.com\/watch?v=zYsg_dNDrOs\">video<\/a>.<\/p>\n<p>It is tedious and complicated.<\/p>\n<blockquote>\n<p>Maybe there&rsquo;s a better way?<\/p>\n<\/blockquote>\n<p>I went down a rabbit hole about triangles until I reached <a href=\"https:\/\/en.wikipedia.org\/wiki\/Pythagorean_triple\">Pythagorean triple<\/a>.<\/p>\n<p>Using this triangle is easier than the technique I used in <a href=\"https:\/\/www.youtube.com\/watch?v=zYsg_dNDrOs\">how I created the Apple logo<\/a> because, besides being a right triangle, it has <a href=\"\">number sets<\/a> readily available.<\/p>\n<p>I&rsquo;ve also made a new video format.<\/p>\n<p>For the first time, I&rsquo;ve used my own crappy voice to do the commentary.<\/p>\n<p>My main machine died, and the software I used to do the slick mouse movements is not available on Linux.<\/p>\n<p>Please bear with it \ud83d\ude43.<\/p>\n<p>Tags: \n<a href='https:\/\/tedmagaoay.com\/tags\/inkscape'>#inkscape<\/a>, <a href='https:\/\/tedmagaoay.com\/tags\/logo'>#logo<\/a><\/p>\n\n<p style=\"font-size:1.3rem\">\n  <a href='mailto:hi@tedmagaoay.com?subject=Reply%20to%20\"Mobius%20Egg%20Inspired%20Logo\"'>Reply to this post via email<\/a>\n<\/p>"},{"title":"Loading Spinner in Friction","link":"https:\/\/tedmagaoay.com\/loading-spinner-in-friction\/","pubDate":"Thu, 05 Dec 2024 12:17:37 +0800","guid":"https:\/\/tedmagaoay.com\/loading-spinner-in-friction\/","description":"<p>I have been trying to replicate this <a href=\"https:\/\/glaxnimate.mattbas.org\/tutorial\/loading-spinner\/\">Loading Spinner<\/a> in <a href=\"https:\/\/friction.graphics\/\">Friction<\/a>.<\/p>\n<p>It was originally created with <a href=\"https:\/\/glaxnimate.mattbas.org\/\">Glaxnimate<\/a>.<\/p>\n<p>Previously, Friction did not have the offset option, so I had to do it manually.<\/p>\n<table>\n<thead>\n<tr>\n<th>frame -&gt;<\/th>\n<th>0<\/th>\n<th>20<\/th>\n<th>40<\/th>\n<th>60<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>min<\/td>\n<td>0<\/td>\n<td>22.333<\/td>\n<td>44.667<\/td>\n<td>100<\/td>\n<\/tr>\n<tr>\n<td>max<\/td>\n<td>0<\/td>\n<td>55.333<\/td>\n<td>77.667<\/td>\n<td>100<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p>With the <a href=\"https:\/\/friction.graphics\/releases\/friction-100-beta2.html#sub-path-effect-with-new-offset\">latest update<\/a>, they have added the feature.<\/p>\n<table>\n<thead>\n<tr>\n<th>frame -&gt;<\/th>\n<th>0<\/th>\n<th>20<\/th>\n<th>40<\/th>\n<th>60<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>min<\/td>\n<td><\/td>\n<td><\/td>\n<td>0<\/td>\n<td>33<\/td>\n<\/tr>\n<tr>\n<td>max<\/td>\n<td>0<\/td>\n<td>33<\/td>\n<td><\/td>\n<td><\/td>\n<\/tr>\n<tr>\n<td>offset<\/td>\n<td>0<\/td>\n<td><\/td>\n<td><\/td>\n<td>67<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<figure><img src=\"loading-spinner-in-friction.gif\"\n         alt=\"Loading Spinner in Friction.\"\/><figcaption>\n            <p>Loading Spinner in Friction.<\/p>\n        <\/figcaption>\n<\/figure>\n\n<p>This is the video tutorial.<\/p>\n\n<div style=\"position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden;\">\n  <iframe src=\"https:\/\/www.youtube.com\/embed\/3usLpFjdL-4\" style=\"position: absolute; top: 0; left: 0; width: 100%; height: 100%; border:0;\" allowfullscreen title=\"YouTube Video\"><\/iframe>\n<\/div>\n\n<p>Tags: \n<a href='https:\/\/tedmagaoay.com\/tags\/friction'>#friction<\/a><\/p>\n\n<p style=\"font-size:1.3rem\">\n  <a href='mailto:hi@tedmagaoay.com?subject=Reply%20to%20\"Loading%20Spinner%20in%20Friction\"'>Reply to this post via email<\/a>\n<\/p>"},{"title":"Quadro Alas Logo","link":"https:\/\/tedmagaoay.com\/quadro-alas-logo\/","pubDate":"Sun, 20 Oct 2024 15:15:49 +0800","guid":"https:\/\/tedmagaoay.com\/quadro-alas-logo\/","description":"<p>I&rsquo;ve created a logo for John Riel &ldquo;Quadro Alas&rdquo; Casimero. Inspired by the X-Men logo because he is a Beast.<\/p>\n<h2 id=\"process\">Process<\/h2>\n<p>I have known X-Men since I was a kid.<\/p>\n<p>Beast is the character that stuck with me.<\/p>\n<p>Very strong, smart, and fast.<\/p>\n<p>I watched Quadro Alas&rsquo; recent bout vs Saul Sanchez and oh boi he is a <strong>Beast<\/strong>, an X-Men if you will.<\/p>\n<p>That&rsquo;s when I know I have to look out for the X-men logo and see what I can come up with.<\/p>\n<p>Quadro Alas is what Casimero is known for, so I tried incorporating different variations to the X-men logo.<\/p>\n<h2 id=\"the-final-logo\">The Final Logo.<\/h2>\n<p>The concept is: Quadro Alas is like a Beast of X-Men.<\/p>\n<p>4 letter A&rsquo;s around the letter Q.<\/p>\n<p>Quadro Alas.<\/p>\n\n\n\n\n\n\n\n\n\n  \n\n\n<figure role=\"group\" aria-describedby=\"caption-bbffd8637724f50f92b6e2e531e3a156\">\n  <a href=\"https:\/\/tedmagaoay.com\/quadro-alas-logo\/quadro-alas-logo.png\" class=\"img-link\">\n    <img src=\"https:\/\/tedmagaoay.com\/quadro-alas-logo\/quadro-alas-logo_hu45139bc7df57d062addfacafd51d0502_98709_700x0_resize_box_3.png\">\n  <\/a>\n  <figcaption id=\"caption-bbffd8637724f50f92b6e2e531e3a156\">\n    Quadro Alas logo.\n  <\/figcaption>\n<\/figure>\n\n<p>Tags: \n<a href='https:\/\/tedmagaoay.com\/tags\/logo'>#logo<\/a><\/p>\n\n<p style=\"font-size:1.3rem\">\n  <a href='mailto:hi@tedmagaoay.com?subject=Reply%20to%20\"Quadro%20Alas%20Logo\"'>Reply to this post via email<\/a>\n<\/p>"},{"title":"Latex Cheat Sheet","link":"https:\/\/tedmagaoay.com\/latex\/","pubDate":"Wed, 24 Jul 2024 13:20:26 +0800","guid":"https:\/\/tedmagaoay.com\/latex\/","description":"<pre><code>\\frac{2}{3} \\times \\frac{3}{4} = \\frac{6}{12} = \\frac{1}{2}\n<\/code><\/pre>\n<p>renders as:<\/p>\n\n\n\n\n\n\n\n\n\n  \n\n\n<figure role=\"group\" aria-describedby=\"caption-d41d8cd98f00b204e9800998ecf8427e\">\n  <a href=\"https:\/\/tedmagaoay.com\/latex\/latex-1.png\" class=\"img-link\">\n    <img src=\"https:\/\/tedmagaoay.com\/latex\/latex-1.png\">\n  <\/a>\n  <figcaption id=\"caption-d41d8cd98f00b204e9800998ecf8427e\">\n    \n  <\/figcaption>\n<\/figure>\n\n<pre><code>\\text{Amount left} = \\frac{3}{4} - \\left(\\frac{2}{3} \\times \\frac{3}{4}\\right) = \\frac{3}{4} - \\frac{1}{2} \\times \\frac{3}{4}\n<\/code><\/pre>\n<p>renders as:<\/p>\n\n\n\n\n\n\n\n\n\n  \n\n\n<figure role=\"group\" aria-describedby=\"caption-d41d8cd98f00b204e9800998ecf8427e\">\n  <a href=\"https:\/\/tedmagaoay.com\/latex\/latex-2.png\" class=\"img-link\">\n    <img src=\"https:\/\/tedmagaoay.com\/latex\/latex-2.png\">\n  <\/a>\n  <figcaption id=\"caption-d41d8cd98f00b204e9800998ecf8427e\">\n    \n  <\/figcaption>\n<\/figure>\n\n<pre><code>\\frac{3}{4} - \\frac{3}{8} = \\frac{6}{8} - \\frac{3}{8} = \\frac{3}{8}\n<\/code><\/pre>\n<p>renders as:<\/p>\n\n\n\n\n\n\n\n\n\n  \n\n\n<figure role=\"group\" aria-describedby=\"caption-d41d8cd98f00b204e9800998ecf8427e\">\n  <a href=\"https:\/\/tedmagaoay.com\/latex\/latex-3.png\" class=\"img-link\">\n    <img src=\"https:\/\/tedmagaoay.com\/latex\/latex-3.png\">\n  <\/a>\n  <figcaption id=\"caption-d41d8cd98f00b204e9800998ecf8427e\">\n    \n  <\/figcaption>\n<\/figure>\n\n<pre><code>\\text{Amount left} = \\frac{3}{8}\n<\/code><\/pre>\n<p>renders as:<\/p>\n\n\n\n\n\n\n\n\n\n  \n\n\n<figure role=\"group\" aria-describedby=\"caption-d41d8cd98f00b204e9800998ecf8427e\">\n  <a href=\"https:\/\/tedmagaoay.com\/latex\/latex-4.png\" class=\"img-link\">\n    <img src=\"https:\/\/tedmagaoay.com\/latex\/latex-4.png\">\n  <\/a>\n  <figcaption id=\"caption-d41d8cd98f00b204e9800998ecf8427e\">\n    \n  <\/figcaption>\n<\/figure>\n\n<pre><code>\\underline{\\hspace{1cm}} = 5 \\times 0.25\n<\/code><\/pre>\n<p>renders as:<\/p>\n\n\n\n\n\n\n\n\n\n  \n\n\n<figure role=\"group\" aria-describedby=\"caption-d41d8cd98f00b204e9800998ecf8427e\">\n  <a href=\"https:\/\/tedmagaoay.com\/latex\/latex-5.png\" class=\"img-link\">\n    <img src=\"https:\/\/tedmagaoay.com\/latex\/latex-5.png\">\n  <\/a>\n  <figcaption id=\"caption-d41d8cd98f00b204e9800998ecf8427e\">\n    \n  <\/figcaption>\n<\/figure>\n\n<pre><code>$$_{\\text{This is a subscript:}}$$\n$$^{\\text{This is a superscript:}}$$\n$$\\text{This is a normal text}$$\n<\/code><\/pre>\n\n\n\n\n\n\n\n\n\n  \n\n\n<figure role=\"group\" aria-describedby=\"caption-d41d8cd98f00b204e9800998ecf8427e\">\n  <a href=\"https:\/\/tedmagaoay.com\/latex\/latex-6.png\" class=\"img-link\">\n    <img src=\"https:\/\/tedmagaoay.com\/latex\/latex-6.png\">\n  <\/a>\n  <figcaption id=\"caption-d41d8cd98f00b204e9800998ecf8427e\">\n    \n  <\/figcaption>\n<\/figure>\n\n<p>Tags: \n<a href='https:\/\/tedmagaoay.com\/tags\/cheat-sheet'>#cheat-sheet<\/a>, <a href='https:\/\/tedmagaoay.com\/tags\/latex'>#latex<\/a><\/p>\n\n<p style=\"font-size:1.3rem\">\n  <a href='mailto:hi@tedmagaoay.com?subject=Reply%20to%20\"Latex%20Cheat%20Sheet\"'>Reply to this post via email<\/a>\n<\/p>"},{"title":"How to Redirect Apex Domain to www in Cloudflare","link":"https:\/\/tedmagaoay.com\/how-to-redirect-apex-domain-to-www-in-cloudflare\/","pubDate":"Fri, 05 Jul 2024 08:51:50 +0800","guid":"https:\/\/tedmagaoay.com\/how-to-redirect-apex-domain-to-www-in-cloudflare\/","description":"<h2 id=\"1-set-up-dns-records\">1. Set up DNS records<\/h2>\n<p>Create corresponding DNS A or CNAME records for the apex and subdomain.<\/p>\n<aside aria-label=\"note\" class=\"note\">\n  <div>\n    <svg class=\"sign\" aria-hidden=\"true\" viewBox=\"0 0 41.667306 41.66729\" focusable=\"false\">\n      <use href=\"#info\"><\/use>\n    <\/svg>\n    <p>When creating a proxied DNS A record for your apex domain, you can point to any IP address since all traffic will be redirected prior to reaching the address.<\/p>\n  <\/div>\n<\/aside>\n\n\n\n\n\n\n\n\n\n\n  \n\n\n<figure role=\"group\" aria-describedby=\"caption-ea7750d4ff680a0852cb94c8493ebdd5\">\n  <a href=\"https:\/\/tedmagaoay.com\/how-to-redirect-apex-domain-to-www-in-cloudflare\/dns-records.png\" class=\"img-link\">\n    <img src=\"https:\/\/tedmagaoay.com\/how-to-redirect-apex-domain-to-www-in-cloudflare\/dns-records_hucf1420555f13b9f5b4dcd3e981f882bf_97027_700x0_resize_box_3.png\">\n  <\/a>\n  <figcaption id=\"caption-ea7750d4ff680a0852cb94c8493ebdd5\">\n    DNS records.\n  <\/figcaption>\n<\/figure>\n\n<h2 id=\"2-use-cloudflare-dns\">2. Use Cloudflare DNS<\/h2>\n<p>Go to your registrar and add the Cloudflare Nameservers.<\/p>\n\n\n\n\n\n\n\n\n\n  \n\n\n<figure role=\"group\" aria-describedby=\"caption-2aa28f5368d810ff71db33493f87831c\">\n  <a href=\"https:\/\/tedmagaoay.com\/how-to-redirect-apex-domain-to-www-in-cloudflare\/registrar-custom-dns.png\" class=\"img-link\">\n    <img src=\"https:\/\/tedmagaoay.com\/how-to-redirect-apex-domain-to-www-in-cloudflare\/registrar-custom-dns_hu033e8f1e1a3c477d9eb3baac4f827a0d_20550_700x0_resize_box_3.png\">\n  <\/a>\n  <figcaption id=\"caption-2aa28f5368d810ff71db33493f87831c\">\n    Registrar custom DNS.\n  <\/figcaption>\n<\/figure>\n\n<h2 id=\"3-create-a-redirect-rule\">3. Create a redirect rule<\/h2>\n<p>Go to Redirect Rules and create a new rule.<\/p>\n<pre><code>When incoming requests match\n\nUsing the Expression Editor:\n(lower(http.host) eq &quot;example.com&quot;)\n\nThen\n\nType: Dynamic\nExpression: concat(&quot;https:\/\/&quot;,&quot;www.example.com&quot;,http.request.uri.path)\nStatus code: 301\n<\/code><\/pre>\n\n\n\n\n\n\n\n\n\n  \n\n\n<figure role=\"group\" aria-describedby=\"caption-ac2fd82e9e1f7def7453df5d4ed9357f\">\n  <a href=\"https:\/\/tedmagaoay.com\/how-to-redirect-apex-domain-to-www-in-cloudflare\/apex-to-www-redirect-rule.png\" class=\"img-link\">\n    <img src=\"https:\/\/tedmagaoay.com\/how-to-redirect-apex-domain-to-www-in-cloudflare\/apex-to-www-redirect-rule_hu31f655a07ed7735a1bbc8c8e3e79f2e1_80978_700x0_resize_box_3.png\">\n  <\/a>\n  <figcaption id=\"caption-ac2fd82e9e1f7def7453df5d4ed9357f\">\n    Redirect rule.\n  <\/figcaption>\n<\/figure>\n\n<p>Ref:<br>\nCloudflare Docs, <a href=\"https:\/\/developers.cloudflare.com\/fundamentals\/setup\/manage-domains\/manage-subdomains\/#redirect-the-apex-domain-to-a-subdomain\">Redirect the apex domain to a subdomain<\/a><\/p>\n<p>Tags: \n<a href='https:\/\/tedmagaoay.com\/tags\/cloudflare'>#cloudflare<\/a>, <a href='https:\/\/tedmagaoay.com\/tags\/web'>#web<\/a><\/p>\n\n<p style=\"font-size:1.3rem\">\n  <a href='mailto:hi@tedmagaoay.com?subject=Reply%20to%20\"How%20to%20Redirect%20Apex%20Domain%20to%20www%20in%20Cloudflare\"'>Reply to this post via email<\/a>\n<\/p>"},{"title":"Turning 35","link":"https:\/\/tedmagaoay.com\/turning-35\/","pubDate":"Tue, 25 Jun 2024 20:31:06 +0800","guid":"https:\/\/tedmagaoay.com\/turning-35\/","description":"<p>I turned 35 today.<\/p>\n<p>I&rsquo;m halfway through if I can live up to 70.<\/p>\n<p>If I have to live out my grand pops, I have to live at least 73.<\/p>\n<p>I do hope that my whole family will have a very long, contented, and healthy life.<\/p>\n<p>We had a little dinner together with parents and bro, even though we dine out two days ago.<\/p>\n<p>My brother won&rsquo;t let this day pass without a little celebration.<\/p>\n<p>My wife gifted me a wireless headset which is very good, on par with my wired headset.<\/p>\n<p>My little daughter gave me a drawing and teased me, calling me &ldquo;birthday boy&rdquo;.<\/p>\n<p>The day passed like an ordinary day, but is one of the best birthday I&rsquo;ve ever had.<\/p>\n<p>Tags: \n<a href='https:\/\/tedmagaoay.com\/tags\/life'>#life<\/a><\/p>\n\n<p style=\"font-size:1.3rem\">\n  <a href='mailto:hi@tedmagaoay.com?subject=Reply%20to%20\"Turning%2035\"'>Reply to this post via email<\/a>\n<\/p>"},{"title":"Gold","link":"https:\/\/tedmagaoay.com\/gold\/","pubDate":"Wed, 29 May 2024 22:26:15 +0800","guid":"https:\/\/tedmagaoay.com\/gold\/","description":"<p>Long time ago, I worked in a pawnshop and I learned how to appraised gold.<\/p>\n<p>Here are the things I learned in no particular order.<\/p>\n<aside aria-label=\"warning\" class=\"note warning\">\n  <div>\n    <svg class=\"sign\" aria-hidden=\"true\" viewBox=\"0 0 48.430474 41.646302\" focusable=\"false\">\n      <use href=\"#warning\"><\/use>\n    <\/svg>\n    <p>These are from my memory. I resigned 7 years ago and no longer practice. Take it with a grain of salt.<\/p>\n  <\/div>\n<\/aside>\n\n<ul>\n<li>21\/24 = .875<\/li>\n<li>there are no pure jewelries, only bars<\/li>\n<li>14k, 16k, 18k, 21k, 22k and 24k doesn&rsquo;t react to acid<\/li>\n<li>10k and 12k react (becomes <em>sunog<\/em>) almost immediately<\/li>\n<li>14k doesn&rsquo;t react to acid but when ashed it becomes <em>sunog<\/em><\/li>\n<li>21k, 22k and 24k produce tiny particles when scratched<\/li>\n<li>22k and 24k resist when scratched<\/li>\n<li>if markings says 21k, but is actually 24k, make it 21k<\/li>\n<li>the higher the karat, the higher the malleability<\/li>\n<li>gold:\n<ul>\n<li>doesn&rsquo;t react to magnet<\/li>\n<li>doesn&rsquo;t rust<\/li>\n<li>doesn&rsquo;t smell<\/li>\n<li>doesn&rsquo;t float<\/li>\n<li>does&rsquo;t fade<\/li>\n<\/ul>\n<\/li>\n<li>use toothpaste to clean gold<\/li>\n<li>999 usually have adjustable design<\/li>\n<li>pinoy made 16k (orig) usually have baht or paracale design<\/li>\n<li>18k is yellowish<\/li>\n<li>pinoy made 16k (orig) is greenish<\/li>\n<li>21k and 22k are reddish<\/li>\n<li>when pinoy made 16k (orig) is scratched, it produces greenish (avocado) particles that are blocky<\/li>\n<li>jewelries from Japan, UAE, Saudi etc. is quality controlled thus above standard<\/li>\n<li>when in doubt, the rule of a thumb is decline<\/li>\n<li>18k below are sturdy hence best for daily use<\/li>\n<li>trained eye can easily distinguish 18k, 21k, 22k and 24k trough its design, texture, color and malleability<\/li>\n<li>while using the lense, don&rsquo;t squint the other eye<\/li>\n<\/ul>\n<p>Tags: \n<a href='https:\/\/tedmagaoay.com\/tags\/gold'>#gold<\/a>, <a href='https:\/\/tedmagaoay.com\/tags\/how-to'>#how-to<\/a><\/p>\n\n<p style=\"font-size:1.3rem\">\n  <a href='mailto:hi@tedmagaoay.com?subject=Reply%20to%20\"Gold\"'>Reply to this post via email<\/a>\n<\/p>"},{"title":"How I Do Analytics on This Blog?","link":"https:\/\/tedmagaoay.com\/how-i-do-analytics-on-this-blog\/","pubDate":"Sun, 19 May 2024 12:51:29 +0800","guid":"https:\/\/tedmagaoay.com\/how-i-do-analytics-on-this-blog\/","description":"<p>I don&rsquo;t.<\/p>\n<p>But here&rsquo;s <a href=\"https:\/\/www.youtube.com\/watch?v=dQw4w9WgXcQ\">how I monetize this blog<\/a>.<\/p>\n<p>Tags: \n<a href='https:\/\/tedmagaoay.com\/tags\/blogging'>#blogging<\/a>, <a href='https:\/\/tedmagaoay.com\/tags\/fun'>#fun<\/a><\/p>\n\n<p style=\"font-size:1.3rem\">\n  <a href='mailto:hi@tedmagaoay.com?subject=Reply%20to%20\"How%20I%20Do%20Analytics%20on%20This%20Blog%3f\"'>Reply to this post via email<\/a>\n<\/p>"},{"title":"VSC Tips","link":"https:\/\/tedmagaoay.com\/vsc-tips\/","pubDate":"Sun, 24 Mar 2024 13:26:16 +0800","guid":"https:\/\/tedmagaoay.com\/vsc-tips\/","description":"<h2 id=\"search-text-in-particular-files\">Search text in particular files<\/h2>\n<ol>\n<li>Show Search (Ctrl + Shift + F)<\/li>\n<li>In Files to include, put file names separated by <code>,<\/code> eg <code>a.md, b.md<\/code><\/li>\n<\/ol>\n<p>Use the <a href=\"https:\/\/marketplace.visualstudio.com\/items?itemName=JannisX11.batch-rename-extension\">Batch Rename<\/a> for getting file names.<\/p>\n<p>Tags: \n<a href='https:\/\/tedmagaoay.com\/tags\/vscode'>#vscode<\/a><\/p>\n\n<p style=\"font-size:1.3rem\">\n  <a href='mailto:hi@tedmagaoay.com?subject=Reply%20to%20\"VSC%20Tips\"'>Reply to this post via email<\/a>\n<\/p>"},{"title":"Logonimation 1","link":"https:\/\/tedmagaoay.com\/logonimation-1\/","pubDate":"Wed, 06 Mar 2024 09:04:11 +0800","guid":"https:\/\/tedmagaoay.com\/logonimation-1\/","description":"<p>In this tutorial, we will be creating a logo reveal animation with <a href=\"https:\/\/friction.graphics\/\">Friction<\/a>.<\/p>\n<figure><img src=\"qt-pi-logo-animation.gif\"\n         alt=\"QT pi logo animation\"\/><figcaption>\n            <p>QT pi logo animation<\/p>\n        <\/figcaption>\n<\/figure>\n\n<p>Here&rsquo;s the video version for this tutorial.<\/p>\n\n<div style=\"position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden;\">\n  <iframe src=\"https:\/\/www.youtube.com\/embed\/FpZ1BeiidLc\" style=\"position: absolute; top: 0; left: 0; width: 100%; height: 100%; border:0;\" allowfullscreen title=\"YouTube Video\"><\/iframe>\n<\/div>\n\n<h2 id=\"create-the-base-shape\">Create the base shape<\/h2>\n<ol>\n<li>Create a circle 200 px.<\/li>\n<li>Convert to path and delete circle.<\/li>\n<li>Select the object and grab the Point Tool.<\/li>\n<li>Hold control shift to see nodes numbers.<\/li>\n<li>Disconect nodes 1 and 2.<\/li>\n<li>Keeping the nodes original numbers, delete node 1.<\/li>\n<li>Connect nodes 0 and 2.<\/li>\n<li>The new segment will be a curve, make it a line.<\/li>\n<li>While they are selected, add a new node.<\/li>\n<li>Hold control shift again to see nodes numbers.<\/li>\n<li>Disconect nodes 2 and 3.<\/li>\n<li>Delete node 2.<\/li>\n<li>Connect nodes 1 and 3 and make it a line segment.<\/li>\n<\/ol>\n\n\n\n\n\n\n\n\n\n  \n\n\n<figure role=\"group\" aria-describedby=\"caption-84b90c3f4bacb2b3be35100fdb60b0f4\">\n  <a href=\"https:\/\/tedmagaoay.com\/logonimation-1\/pie-shape.png\" class=\"img-link\">\n    <img src=\"https:\/\/tedmagaoay.com\/logonimation-1\/pie-shape_hu2188e0b623eed40423becf877a9739f1_83613_700x0_resize_box_3.png\">\n  <\/a>\n  <figcaption id=\"caption-84b90c3f4bacb2b3be35100fdb60b0f4\">\n    Create a pie shape.\n  <\/figcaption>\n<\/figure>\n\n<h2 id=\"create-logo-reveal-animation\">Create logo reveal animation<\/h2>\n<ol>\n<li>Remove stroke.<\/li>\n<li>Duplicate it and group them.<\/li>\n<li>Promote the group to layer so that the blend mode will not influence other objects.<\/li>\n<li>Select the top object and change blend mode to DstOut. This will cover the object beneath.<\/li>\n<li>If you notice, it doesn&rsquo;t cover all of it, I believe this has something to do with antialiasing. We will fix this later.<\/li>\n<\/ol>\n\n\n\n\n\n\n\n\n\n  \n\n\n<figure role=\"group\" aria-describedby=\"caption-2cbd2254c7517f1c460f739651314cc1\">\n  <a href=\"https:\/\/tedmagaoay.com\/logonimation-1\/antialiasing.png\" class=\"img-link\">\n    <img src=\"https:\/\/tedmagaoay.com\/logonimation-1\/antialiasing_huf39394d74c80663eb855f0ef01c3bc3e_80799_700x0_resize_box_3.png\">\n  <\/a>\n  <figcaption id=\"caption-2cbd2254c7517f1c460f739651314cc1\">\n    Antialiasing issue.\n  <\/figcaption>\n<\/figure>\n\n<ol start=\"6\">\n<li>While the top object is still selected, activate the rotation animation.<\/li>\n<li>Go to frame 20 and rotate -90 degrees.<\/li>\n<li>Enable Graph mode and smoothen animation curve.<\/li>\n<\/ol>\n\n\n\n\n\n\n\n\n\n  \n\n\n<figure role=\"group\" aria-describedby=\"caption-66748248f599b0dbc492b181a9a44ce3\">\n  <a href=\"https:\/\/tedmagaoay.com\/logonimation-1\/graph-editor.png\" class=\"img-link\">\n    <img src=\"https:\/\/tedmagaoay.com\/logonimation-1\/graph-editor_hua216989f5f2db8381e6b6d48cf02c653_107289_700x0_resize_box_3.png\">\n  <\/a>\n  <figcaption id=\"caption-66748248f599b0dbc492b181a9a44ce3\">\n    Edit animation curve in Graph mode.\n  <\/figcaption>\n<\/figure>\n\n<ol start=\"9\">\n<li>To fix the antialiasing issue, duplicate the top object several times.<\/li>\n<\/ol>\n<p>You can now use the animation as a building block for your design.<\/p>\n<p>Tags: \n<a href='https:\/\/tedmagaoay.com\/tags\/friction'>#friction<\/a>, <a href='https:\/\/tedmagaoay.com\/tags\/logo'>#logo<\/a><\/p>\n\n<p style=\"font-size:1.3rem\">\n  <a href='mailto:hi@tedmagaoay.com?subject=Reply%20to%20\"Logonimation%201\"'>Reply to this post via email<\/a>\n<\/p>"},{"title":"Time Loop in Friction","link":"https:\/\/tedmagaoay.com\/time-loop-in-friction\/","pubDate":"Tue, 27 Feb 2024 14:57:13 +0800","guid":"https:\/\/tedmagaoay.com\/time-loop-in-friction\/","description":"<ol>\n<li>Create a pendulum animation (10 frames).<\/li>\n<li>Create a new scene.<\/li>\n<li>Link Scene 0.<\/li>\n<li>Add Frame Remapping.<\/li>\n<li>Position playhead in the frame where you want the loop to end (10) and add key.<\/li>\n<li>Right click frame and Set Expression.<\/li>\n<\/ol>\n<p>Bindings:<\/p>\n<pre><code class=\"language-javascript\">fr=$frame;\n<\/code><\/pre>\n<p>Calculate (fr):<\/p>\n<pre><code class=\"language-javascript\">return fr%10;\n<\/code><\/pre>\n<p>The value after the % symbol is the end frame of the animation (10).<\/p>\n<p>It is a perfect loop because frame 11 = frame 1.<\/p>\n<p>Tags: \n<a href='https:\/\/tedmagaoay.com\/tags\/friction'>#friction<\/a><\/p>\n\n<p style=\"font-size:1.3rem\">\n  <a href='mailto:hi@tedmagaoay.com?subject=Reply%20to%20\"Time%20Loop%20in%20Friction\"'>Reply to this post via email<\/a>\n<\/p>"},{"title":"14 Day Fast","link":"https:\/\/tedmagaoay.com\/14-day-fast\/","pubDate":"Mon, 26 Feb 2024 10:34:23 +0800","guid":"https:\/\/tedmagaoay.com\/14-day-fast\/","description":"<p>No fatboy for me in 2024.<\/p>\n<p>Kev&rsquo;s <a href=\"https:\/\/kevquirk.com\/fat-boy-at-40\">Fat Boy at 40?<\/a> inspired me to share my weight loss journey.<\/p>\n<p>Losing weight is so easy, I&rsquo;ve done it hundreds of times. \ud83d\ude43<\/p>\n<p>I&rsquo;ve started my journey in 2018 through fasting.<\/p>\n<p>A multiple 3-7 day water fast, a 14 day water fast and a 30 day water fast.<\/p>\n<p>And guess what? My weight keeps creeping back.<\/p>\n<aside aria-label=\"warning\" class=\"note warning\">\n  <div>\n    <svg class=\"sign\" aria-hidden=\"true\" viewBox=\"0 0 48.430474 41.646302\" focusable=\"false\">\n      <use href=\"#warning\"><\/use>\n    <\/svg>\n    <p>Consult your health professional before fasting.<\/p>\n  <\/div>\n<\/aside>\n\n<table>\n<thead>\n<tr>\n<th>Date<\/th>\n<th>Fast<\/th>\n<th>Weight at 8 AM<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>02-26-2024<\/td>\n<td>Dry<\/td>\n<td>99.8 kg<\/td>\n<\/tr>\n<tr>\n<td>02-27-2024<\/td>\n<td>Dry<\/td>\n<td>97.7 kg<\/td>\n<\/tr>\n<tr>\n<td>02-28-2024<\/td>\n<td>Dry<\/td>\n<td>95.8 kg<\/td>\n<\/tr>\n<tr>\n<td>02-29-2024<\/td>\n<td>Water<\/td>\n<td>93.7 kg<\/td>\n<\/tr>\n<tr>\n<td>03-01-2024<\/td>\n<td>Water<\/td>\n<td>93.8 kg<\/td>\n<\/tr>\n<tr>\n<td>03-02-2024<\/td>\n<td>Water<\/td>\n<td>93.4 kg<\/td>\n<\/tr>\n<tr>\n<td>03-03-2024<\/td>\n<td>Water<\/td>\n<td>93.1 kg<\/td>\n<\/tr>\n<tr>\n<td>03-04-2024<\/td>\n<td>Omad<\/td>\n<td>92.6 kg<\/td>\n<\/tr>\n<tr>\n<td>03-05-2024<\/td>\n<td>Omad<\/td>\n<td>93.0 kg<\/td>\n<\/tr>\n<tr>\n<td>03-06-2024<\/td>\n<td>Water<\/td>\n<td>93.0 kg<\/td>\n<\/tr>\n<tr>\n<td>03-07-2024<\/td>\n<td>Water<\/td>\n<td>92.2 kg<\/td>\n<\/tr>\n<tr>\n<td>03-08-2024<\/td>\n<td>2mad<\/td>\n<td>91.5 kg<\/td>\n<\/tr>\n<tr>\n<td>03-09-2024<\/td>\n<td>2mad<\/td>\n<td>92.3 kg<\/td>\n<\/tr>\n<tr>\n<td>03-10-2024<\/td>\n<td><\/td>\n<td>94.0 kg<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h2 id=\"update-march-30\">Update March 30<\/h2>\n<p>After two weeks I maintained my weight and even lose some, currently at 91.<\/p>\n<p>Let&rsquo;s see at the end of the year.<\/p>\n<p>Tags: \n<a href='https:\/\/tedmagaoay.com\/tags\/fasting'>#fasting<\/a><\/p>\n\n<p style=\"font-size:1.3rem\">\n  <a href='mailto:hi@tedmagaoay.com?subject=Reply%20to%20\"14%20Day%20Fast\"'>Reply to this post via email<\/a>\n<\/p>"},{"title":"Creating Cartoon Transition With Friction","link":"https:\/\/tedmagaoay.com\/creating-cartoon-transition-with-friction\/","pubDate":"Sat, 24 Feb 2024 08:09:53 +0800","guid":"https:\/\/tedmagaoay.com\/creating-cartoon-transition-with-friction\/","description":"\n<div style=\"position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden;\">\n  <iframe src=\"https:\/\/www.youtube.com\/embed\/QpVBrrcs8CE\" style=\"position: absolute; top: 0; left: 0; width: 100%; height: 100%; border:0;\" allowfullscreen title=\"YouTube Video\"><\/iframe>\n<\/div>\n\n<p>In this video I&rsquo;ll be creating a cartoon trasition with <a href=\"https:\/\/friction.graphics\/\">Friction<\/a> &mdash; a powerful and versatile free and open-source motion graphics application.<\/p>\n<p>After the <a href=\"https:\/\/friction.graphics\/releases\/friction-095.html\">0.9.5 update<\/a>, I&rsquo;ve made the switch from enve 2D.<\/p>\n<p>Tags: \n<a href='https:\/\/tedmagaoay.com\/tags\/friction'>#friction<\/a>, <a href='https:\/\/tedmagaoay.com\/tags\/enve'>#enve<\/a>, <a href='https:\/\/tedmagaoay.com\/tags\/transition'>#transition<\/a><\/p>\n\n<p style=\"font-size:1.3rem\">\n  <a href='mailto:hi@tedmagaoay.com?subject=Reply%20to%20\"Creating%20Cartoon%20Transition%20With%20Friction\"'>Reply to this post via email<\/a>\n<\/p>"},{"title":"Interactive Prototyping Using Inkscape","link":"https:\/\/tedmagaoay.com\/prototype-using-inkscape\/","pubDate":"Mon, 29 Jan 2024 15:24:52 +0800","guid":"https:\/\/tedmagaoay.com\/prototype-using-inkscape\/","description":"<p>I never knew that Inkscape has this amazing feature.<\/p>\n\n<div style=\"position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden;\">\n  <iframe src=\"https:\/\/www.youtube.com\/embed\/0VYcSxfDAb8\" style=\"position: absolute; top: 0; left: 0; width: 100%; height: 100%; border:0;\" allowfullscreen title=\"YouTube Video\"><\/iframe>\n<\/div>\n\n<pre><code class=\"language-javascript\">document.documentElement.setAttribute(&quot;height&quot;, &quot;100%&quot;);\ndocument.documentElement.setAttribute(&quot;width&quot;, &quot;100%&quot;);\n\nfunction showLayer(id) {\n\tconst layers = document.querySelectorAll(&quot;svg &gt; g[*|groupmode=layer]&quot;);\n\tlayers.forEach(layer =&gt; {\n        layer.style.display = &quot;none&quot;\n});\n\nconst layerToShow = document.querySelector(&quot;#&quot; + id);\n    layerToShow.style.display = &quot;inline&quot;;\n}\n<\/code><\/pre>\n<p>Tags: \n<a href='https:\/\/tedmagaoay.com\/tags\/inkscape'>#inkscape<\/a>, <a href='https:\/\/tedmagaoay.com\/tags\/prototype'>#prototype<\/a><\/p>\n\n<p style=\"font-size:1.3rem\">\n  <a href='mailto:hi@tedmagaoay.com?subject=Reply%20to%20\"Interactive%20Prototyping%20Using%20Inkscape\"'>Reply to this post via email<\/a>\n<\/p>"},{"title":"Colors","link":"https:\/\/tedmagaoay.com\/colors\/","pubDate":"Sat, 27 Jan 2024 16:40:17 +0800","guid":"https:\/\/tedmagaoay.com\/colors\/","description":"<h2 id=\"along-the-horizon\">Along the Horizon<\/h2>\n\n\n<div class=\"colors-container\">\n  <ul class=\"colors\">\n    \n      <li style=\"background-color: #6F3339;\">\n        <span>#6F3339<\/span>\n      <\/li>\n    \n      <li style=\"background-color: #CE627E;\">\n        <span>#CE627E<\/span>\n      <\/li>\n    \n      <li style=\"background-color: #EDD03C;\">\n        <span>#EDD03C<\/span>\n      <\/li>\n    \n      <li style=\"background-color: #FCFCFC;\">\n        <span>#FCFCFC<\/span>\n      <\/li>\n    \n  <\/ul>\n<\/div>\n\n<h2 id=\"tutti-frutti\">Tutti frutti<\/h2>\n\n\n<div class=\"colors-container\">\n  <ul class=\"colors\">\n    \n      <li style=\"background-color: #267B68;\">\n        <span>#267B68<\/span>\n      <\/li>\n    \n      <li style=\"background-color: #E07B47;\">\n        <span>#E07B47<\/span>\n      <\/li>\n    \n      <li style=\"background-color: #DE9931;\">\n        <span>#DE9931<\/span>\n      <\/li>\n    \n      <li style=\"background-color: #F8CABB;\">\n        <span>#F8CABB<\/span>\n      <\/li>\n    \n  <\/ul>\n<\/div>\n\n<h2 id=\"happy-tiffany\">Happy Tiffany<\/h2>\n\n\n<div class=\"colors-container\">\n  <ul class=\"colors\">\n    \n      <li style=\"background-color: #F05A7E;\">\n        <span>#F05A7E<\/span>\n      <\/li>\n    \n      <li style=\"background-color: #E2E047;\">\n        <span>#E2E047<\/span>\n      <\/li>\n    \n      <li style=\"background-color: #79C57E;\">\n        <span>#79C57E<\/span>\n      <\/li>\n    \n      <li style=\"background-color: #AACEE9;\">\n        <span>#AACEE9<\/span>\n      <\/li>\n    \n  <\/ul>\n<\/div>\n\n<h2 id=\"lego-loco\">Lego Loco<\/h2>\n\n\n<div class=\"colors-container\">\n  <ul class=\"colors\">\n    \n      <li style=\"background-color: #0000FF;\">\n        <span>#0000FF<\/span>\n      <\/li>\n    \n      <li style=\"background-color: #CC0033;\">\n        <span>#CC0033<\/span>\n      <\/li>\n    \n      <li style=\"background-color: #009900;\">\n        <span>#009900<\/span>\n      <\/li>\n    \n      <li style=\"background-color: #FFFF00;\">\n        <span>#FFFF00<\/span>\n      <\/li>\n    \n  <\/ul>\n<\/div>\n\n\n\n<div class=\"colors-container\">\n  <ul class=\"colors\">\n    \n      <li style=\"background-color: #999999;\">\n        <span>#999999<\/span>\n      <\/li>\n    \n      <li style=\"background-color: #FFFFF;\">\n        <span>#FFFFF<\/span>\n      <\/li>\n    \n      <li style=\"background-color: #996633;\">\n        <span>#996633<\/span>\n      <\/li>\n    \n      <li style=\"background-color: #FFCC99;\">\n        <span>#FFCC99<\/span>\n      <\/li>\n    \n  <\/ul>\n<\/div>\n\n<p>Tags: \n<a href='https:\/\/tedmagaoay.com\/tags\/color-palette'>#color-palette<\/a><\/p>\n\n<p style=\"font-size:1.3rem\">\n  <a href='mailto:hi@tedmagaoay.com?subject=Reply%20to%20\"Colors\"'>Reply to this post via email<\/a>\n<\/p>"},{"title":"Inkscape Tips and Tricks","link":"https:\/\/tedmagaoay.com\/inkscape-tips-and-tricks\/","pubDate":"Sat, 27 Jan 2024 14:35:41 +0800","guid":"https:\/\/tedmagaoay.com\/inkscape-tips-and-tricks\/","description":"<h2 id=\"interface\">Interface<\/h2>\n<h3 id=\"increase-canvas-tooltip-font-size\">Increase canvas tooltip font size<\/h3>\n<p>Grab the Measure Tool and increase font size.<\/p>\n<h2 id=\"keyboard-shortcuts\">Keyboard Shortcuts<\/h2>\n<h3 id=\"resize-page-to-selection\">Resize page to selection<\/h3>\n<p>Hit <kbd>CTRL<\/kbd> + <kbd>SHIFT<\/kbd> + <kbd>R<\/kbd> to resize page to current selection, or to the drawing if nothing is selected.<\/p>\n<h2 id=\"core-concepts-and-functionalities\">Core Concepts and Functionalities<\/h2>\n<p>Tags: \n<a href='https:\/\/tedmagaoay.com\/tags\/inkscape'>#inkscape<\/a>, <a href='https:\/\/tedmagaoay.com\/tags\/cheat-sheet'>#cheat-sheet<\/a><\/p>\n\n<p style=\"font-size:1.3rem\">\n  <a href='mailto:hi@tedmagaoay.com?subject=Reply%20to%20\"Inkscape%20Tips%20and%20Tricks\"'>Reply to this post via email<\/a>\n<\/p>"},{"title":"How to Create the Bicentennial Logo","link":"https:\/\/tedmagaoay.com\/bicentennial-logo\/","pubDate":"Fri, 10 Nov 2023 10:31:49 +0800","guid":"https:\/\/tedmagaoay.com\/bicentennial-logo\/","description":"\n<div style=\"position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden;\">\n  <iframe src=\"https:\/\/www.youtube.com\/embed\/l0CF-JyCCkU\" style=\"position: absolute; top: 0; left: 0; width: 100%; height: 100%; border:0;\" allowfullscreen title=\"YouTube Video\"><\/iframe>\n<\/div>\n\n<p>In this video, I&rsquo;ll be demonstrating how to create the United States Bicentennial precisely and easily using <a href=\"https:\/\/inkscape.org\/\">Inkscape<\/a>.<\/p>\n<p>This is an update for the tutorial <a href=\"https:\/\/www.youtube.com\/watch?v=9YUb4pX6MGA\">How to Create Aaron Draplin&rsquo;s Most Favorite Logo of All Time<\/a> I&rsquo;ve created before. Someone pointed out that it is a bit off.<\/p>\n\n\n\n\n\n\n\n\n\n  \n\n\n<figure role=\"group\" aria-describedby=\"caption-9e88ec2932f96b18bb3a67b6e00e44cc\">\n  <a href=\"https:\/\/tedmagaoay.com\/bicentennial-logo\/old-tutorial.png\" class=\"img-link\">\n    <img src=\"https:\/\/tedmagaoay.com\/bicentennial-logo\/old-tutorial_hu2311ed58a1a4451dc691776ed77845e5_554616_700x0_resize_box_3.png\">\n  <\/a>\n  <figcaption id=\"caption-9e88ec2932f96b18bb3a67b6e00e44cc\">\n    Old Tutorial a bit off.\n  <\/figcaption>\n<\/figure>\n\n\n\n\n\n\n\n\n\n\n  \n\n\n<figure role=\"group\" aria-describedby=\"caption-fb1ed11a9cfdd491881a6f5834da96f9\">\n  <a href=\"https:\/\/tedmagaoay.com\/bicentennial-logo\/latest-tutorial.png\" class=\"img-link\">\n    <img src=\"https:\/\/tedmagaoay.com\/bicentennial-logo\/latest-tutorial_hu065e15366a4c0050a837f9137f975769_533392_700x0_resize_box_3.png\">\n  <\/a>\n  <figcaption id=\"caption-fb1ed11a9cfdd491881a6f5834da96f9\">\n    Fixed bicentennial logo.\n  <\/figcaption>\n<\/figure>\n\n<p>Visit my <a href=\"https:\/\/www.youtube.com\/@TedMagaoay\">Youtube channel<\/a> for more tutorials.<\/p>\n<p>Tags: \n<a href='https:\/\/tedmagaoay.com\/tags\/inkscape'>#inkscape<\/a>, <a href='https:\/\/tedmagaoay.com\/tags\/logo'>#logo<\/a><\/p>\n\n<p style=\"font-size:1.3rem\">\n  <a href='mailto:hi@tedmagaoay.com?subject=Reply%20to%20\"How%20to%20Create%20the%20Bicentennial%20Logo\"'>Reply to this post via email<\/a>\n<\/p>"},{"title":"Logo Outline Animation","link":"https:\/\/tedmagaoay.com\/logo-outline-animation\/","pubDate":"Sat, 21 Oct 2023 09:42:08 +0800","guid":"https:\/\/tedmagaoay.com\/logo-outline-animation\/","description":"\n<div style=\"position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden;\">\n  <iframe src=\"https:\/\/www.youtube.com\/embed\/m2ubkSHD0Co\" style=\"position: absolute; top: 0; left: 0; width: 100%; height: 100%; border:0;\" allowfullscreen title=\"YouTube Video\"><\/iframe>\n<\/div>\n\n<aside aria-label=\"note\" class=\"note\">\n  <div>\n    <svg class=\"sign\" aria-hidden=\"true\" viewBox=\"0 0 41.667306 41.66729\" focusable=\"false\">\n      <use href=\"#info\"><\/use>\n    <\/svg>\n    <p><a href=\"https:\/\/maurycyliebner.github.io\/\">enve<\/a> is most likely discontinued. You can check out <a href=\"https:\/\/friction.graphics\/\">friction<\/a> (enve fork) instead which is actively develop.<\/p>\n  <\/div>\n<\/aside>\n\n<p>Visit my <a href=\"https:\/\/www.youtube.com\/@TedMagaoay\">Youtube channel<\/a> for more tutorials.<\/p>\n<p>Tags: \n<a href='https:\/\/tedmagaoay.com\/tags\/enve'>#enve<\/a>, <a href='https:\/\/tedmagaoay.com\/tags\/logo'>#logo<\/a>, <a href='https:\/\/tedmagaoay.com\/tags\/motion-graphics'>#motion-graphics<\/a><\/p>\n\n<p style=\"font-size:1.3rem\">\n  <a href='mailto:hi@tedmagaoay.com?subject=Reply%20to%20\"Logo%20Outline%20Animation\"'>Reply to this post via email<\/a>\n<\/p>"},{"title":"Eye Animation With Foss enve 2D","link":"https:\/\/tedmagaoay.com\/eye-animation-with-foss-enve-2d\/","pubDate":"Wed, 18 Oct 2023 15:57:19 +0800","guid":"https:\/\/tedmagaoay.com\/eye-animation-with-foss-enve-2d\/","description":"\n<div style=\"position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden;\">\n  <iframe src=\"https:\/\/www.youtube.com\/embed\/fOd5sy331xw\" style=\"position: absolute; top: 0; left: 0; width: 100%; height: 100%; border:0;\" allowfullscreen title=\"YouTube Video\"><\/iframe>\n<\/div>\n\n<p>Tags: \n<a href='https:\/\/tedmagaoay.com\/tags\/enve'>#enve<\/a><\/p>\n\n<p style=\"font-size:1.3rem\">\n  <a href='mailto:hi@tedmagaoay.com?subject=Reply%20to%20\"Eye%20Animation%20With%20Foss%20enve%202D\"'>Reply to this post via email<\/a>\n<\/p>"},{"title":"My Linux Mint Init Setup","link":"https:\/\/tedmagaoay.com\/linuxmint\/","pubDate":"Wed, 04 Oct 2023 21:20:37 +0800","guid":"https:\/\/tedmagaoay.com\/linuxmint\/","description":"<h2 id=\"appearance\">Appearance<\/h2>\n<ul>\n<li>Use dark theme<\/li>\n<li>Use large text in accessibility<\/li>\n<li>Change panel height to 60<\/li>\n<\/ul>\n<h2 id=\"update-key-bindings\">Update key bindings<\/h2>\n<ul>\n<li><kbd>Super<\/kbd> + <kbd>Enter<\/kbd> for terminal<\/li>\n<li><kbd>Super<\/kbd> + <kbd>B<\/kbd> for browser<\/li>\n<li><kbd>Super<\/kbd> + <kbd>Shift<\/kbd> + <kbd>C<\/kbd> for close window<\/li>\n<\/ul>\n<p>These key bindings contradicts with codium.<\/p>\n<ul>\n<li>Remove <kbd>Control<\/kbd> + <kbd>Shift<\/kbd> + <kbd>Alt<\/kbd> + <kbd>Up<\/kbd><\/li>\n<li>Remove <kbd>Control<\/kbd> + <kbd>Shift<\/kbd> + <kbd>Alt<\/kbd> + <kbd>Down<\/kbd><\/li>\n<li>In Settings\/Windows\/Behavior change special key to move and resize windows to <kbd>Super<\/kbd><\/li>\n<\/ul>\n<h2 id=\"install-apps\">Install apps<\/h2>\n<ul>\n<li>inkscape<\/li>\n<li>gimp<\/li>\n<li><a href=\"#friction-2d\">friction 2d<\/a><\/li>\n<li>kdenlive<\/li>\n<li>vlc<\/li>\n<li>ffmpeg<\/li>\n<li>vscodium<\/li>\n<li>git<\/li>\n<li><a href=\"#rofi\">rofi<\/a><\/li>\n<li><a href=\"#vim\">vim<\/a><\/li>\n<li><a href=\"#install-hugo\">hugo<\/a><\/li>\n<li>golang<\/li>\n<\/ul>\n<h2 id=\"friction-2d\">friction 2d<\/h2>\n<ul>\n<li><a href=\"https:\/\/github.com\/friction2d\/friction\/releases\/download\/v0.9.6-beta1\/friction-0.9.6-1b2af3b4-ubuntu-jammy.deb\">jammy deb<\/a><\/li>\n<li><a href=\"https:\/\/github.com\/friction2d\/friction\/releases\/download\/v0.9.6-beta1\/Friction-0.9.6-1b2af3b4-x86_64.AppImage\">AppImage<\/a><\/li>\n<\/ul>\n<h2 id=\"rofi\">rofi<\/h2>\n<h3 id=\"key-bindings\">Key bindings<\/h3>\n<ul>\n<li>Super + P for <code>rofi -show run<\/code><\/li>\n<li>Alt + Tab for <code>rofi -show window<\/code><\/li>\n<\/ul>\n<h2 id=\"vim\">vim<\/h2>\n<h3 id=\"config\">Config<\/h3>\n<pre><code class=\"language-vim\">&quot; Show line numbers\nset number\n\n&quot; Status bar\nset laststatus=2\n\n&quot;The width of a TAB is set to 4.\n&quot; Still it is a \\t. It is just that\n&quot; Vim will interpret it to be having\n&quot; a width of 4.\n\nset tabstop=4\n\n&quot; Indents will have a width of 4.\nset shiftwidth=4\n\n&quot; Sets the number of columns for a TAB.\nset softtabstop=4\n\n&quot; Expand TABs to spaces\nset expandtab\n\n&quot; Determines the indentation based on the file type.\nfiletype plugin indent on\n<\/code><\/pre>\n<h3 id=\"plugins\">Plugins<\/h3>\n<h4 id=\"emmet\">Emmet<\/h4>\n<ol>\n<li>Download <a href=\"https:\/\/github.com\/mattn\/emmet-vim\">emmet-vim<\/a>.<\/li>\n<\/ol>\n<pre><code class=\"language-git\">git clone https:\/\/github.com\/mattn\/emmet-vim.git\n<\/code><\/pre>\n<ol start=\"2\">\n<li>\n<p>Create .vim folder<\/p>\n<\/li>\n<li>\n<p>Copy plugin<\/p>\n<\/li>\n<\/ol>\n<pre><code class=\"language-terminal\">cp plugin\/emmet.vim ~\/.vim\/plugin\/\ncp autoload\/emmet.vim ~\/.vim\/autoload\/\ncp -a autoload\/emmet ~\/.vim\/autoload\/\n<\/code><\/pre>\n<h2 id=\"install-hugo\">Install hugo<\/h2>\n<ol>\n<li>\n<p><a href=\"https:\/\/github.com\/gohugoio\/hugo\/releases\/download\/v0.119.0\/hugo_extended_0.119.0_Linux-64bit.tar.gz\">Download hugo extended<\/a> at <a href=\"https:\/\/github.com\/gohugoio\/hugo\/releases\">hugo realeases<\/a>.<\/p>\n<\/li>\n<li>\n<p>Extract.<\/p>\n<\/li>\n<\/ol>\n<pre><code class=\"language-terminal\">tar xvfz hugo.tar.gz\n<\/code><\/pre>\n<ol start=\"3\">\n<li>Move hugo to bin.<\/li>\n<\/ol>\n<pre><code class=\"language-terminal\">sudo mv hugo \/usr\/bin\n<\/code><\/pre>\n<p>Tags: \n<a href='https:\/\/tedmagaoay.com\/tags\/linux'>#linux<\/a><\/p>\n\n<p style=\"font-size:1.3rem\">\n  <a href='mailto:hi@tedmagaoay.com?subject=Reply%20to%20\"My%20Linux%20Mint%20Init%20Setup\"'>Reply to this post via email<\/a>\n<\/p>"},{"title":"Add Tailwind to Hugo","link":"https:\/\/tedmagaoay.com\/add-tailwind-to-hugo\/","pubDate":"Tue, 15 Aug 2023 16:50:34 +0800","guid":"https:\/\/tedmagaoay.com\/add-tailwind-to-hugo\/","description":"<h2 id=\"1-create-a-new-site\">1. Create a new site<\/h2>\n<pre><code class=\"language-go\">hugo new site blog\ncd blog\n<\/code><\/pre>\n<h2 id=\"2-create-a-new-theme\">2. Create a new theme<\/h2>\n<pre><code class=\"language-go\">hugo new theme my-theme\ncd my-theme\n<\/code><\/pre>\n<p>Update site config to use the theme<\/p>\n<pre><code class=\"language-toml\">theme = 'my-theme'\n<\/code><\/pre>\n<h2 id=\"3-add-tailwind-to-a-hugo-theme\">3. Add Tailwind to a Hugo theme<\/h2>\n<aside aria-label=\"note\" class=\"note\">\n  <div>\n    <svg class=\"sign\" aria-hidden=\"true\" viewBox=\"0 0 41.667306 41.66729\" focusable=\"false\">\n      <use href=\"#info\"><\/use>\n    <\/svg>\n    <p>Go inside the themes directory<\/p>\n  <\/div>\n<\/aside>\n\n<pre><code class=\"language-bash\">cd .\\themes\\my-theme\\\n<\/code><\/pre>\n<p>Install Tailwind<\/p>\n<pre><code class=\"language-javascript\">npm init -y\nnpm i tailwindcss --save-dev\nnpx tailwindcss init\n<\/code><\/pre>\n<p>Inside <code>tailwind.config.js<\/code> replace all<\/p>\n<pre><code class=\"language-javascript\">module.exports = {\n  content: [&quot;content\/**\/*.md&quot;, &quot;layouts\/**\/*.html&quot;],\n  theme: {\n    extend: {},\n  },\n  plugins: [],\n};\n<\/code><\/pre>\n<h2 id=\"3-create-css-assets\">3. Create CSS Assets<\/h2>\n<p>Create <code>style.css<\/code> and <code>tailwind.css<\/code><\/p>\n<div class=\"file-tree\">\n  <ul>\n<li>themes\n<ul>\n<li>my-theme\n<ul>\n<li>assets\n<ul>\n<li>css\n<ul>\n<li>style.css<\/li>\n<li>tailwind.css<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n<\/div>\n\n<p>Inside <code>tailwind.css<\/code> add<\/p>\n<pre><code class=\"language-javascript\">@tailwind base;\n@tailwind components;\n@tailwind utilities;\n<\/code><\/pre>\n<p>Add styles to head partial<\/p>\n<pre><code class=\"language-html\">&lt;meta charset=&quot;UTF-8&quot;&gt;\n&lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1.0&quot;&gt;\n&lt;title&gt;Document&lt;\/title&gt;\n{{ $style := resources.Get &quot;css\/style.css&quot; | minify | fingerprint }}    \n&lt;link rel=&quot;stylesheet&quot; href=&quot;{{ $style.Permalink }}&quot;&gt;\n<\/code><\/pre>\n<h2 id=\"5-configure-packagejson\">5. Configure package.json<\/h2>\n<p>Inside <code>package.json<\/code> add<\/p>\n<pre><code class=\"language-json\">&quot;scripts&quot;: {\n    &quot;build&quot;: &quot;npx tailwindcss -i .\/assets\/css\/tailwind.css -o .\/assets\/css\/style.css&quot;,\n    &quot;watch&quot;: &quot;npx tailwindcss -i .\/assets\/css\/tailwind.css -o .\/assets\/css\/style.css -w&quot;\n}\n<\/code><\/pre>\n<h2 id=\"6-add-some-tailwind-utilities-to-index\">6. Add some Tailwind utilities to index<\/h2>\n<pre><code class=\"language-go\">{{ define &quot;main&quot; }}\n  &lt;h1 class=&quot;text-2xl text-center text-blue-700&quot;&gt;Hello world&lt;\/h1&gt;\n{{ end }}\n<\/code><\/pre>\n<h2 id=\"7-run\">7. Run<\/h2>\n<p>Within your theme directory<\/p>\n<pre><code class=\"language-bash\">npm run watch\n<\/code><\/pre>\n<aside aria-label=\"warning\" class=\"note warning\">\n  <div>\n    <svg class=\"sign\" aria-hidden=\"true\" viewBox=\"0 0 48.430474 41.646302\" focusable=\"false\">\n      <use href=\"#warning\"><\/use>\n    <\/svg>\n    <p>Go to site root<\/p>\n  <\/div>\n<\/aside>\n\n<pre><code class=\"language-go\">hugo server\n<\/code><\/pre>\n<p>Tags: \n<a href='https:\/\/tedmagaoay.com\/tags\/hugo'>#hugo<\/a>, <a href='https:\/\/tedmagaoay.com\/tags\/tailwind'>#tailwind<\/a><\/p>\n\n<p style=\"font-size:1.3rem\">\n  <a href='mailto:hi@tedmagaoay.com?subject=Reply%20to%20\"Add%20Tailwind%20to%20Hugo\"'>Reply to this post via email<\/a>\n<\/p>"},{"title":"Create a Logo Animation With enve Part 2","link":"https:\/\/tedmagaoay.com\/create-a-logo-animation-with-enve-part-2\/","pubDate":"Fri, 28 Jul 2023 19:00:00 +0800","guid":"https:\/\/tedmagaoay.com\/create-a-logo-animation-with-enve-part-2\/","description":"\n<div style=\"position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden;\">\n  <iframe src=\"https:\/\/www.youtube.com\/embed\/fiByWVWPbqc\" style=\"position: absolute; top: 0; left: 0; width: 100%; height: 100%; border:0;\" allowfullscreen title=\"YouTube Video\"><\/iframe>\n<\/div>\n\n<h2 id=\"assets\">Assets<\/h2>\n<p><a href=\"https:\/\/tedmagaoay.gumroad.com\/l\/oemfl\">Download SVG File<\/a><br>\n<a href=\"https:\/\/maurycyliebner.github.io\/\">Download enve<\/a><br>\n<a href=\"https:\/\/friction.graphics\/\">Download Friction<\/a> (Forked from enve)<\/p>\n<h2 id=\"resources\">Resources<\/h2>\n<ul>\n<li><a href=\"https:\/\/theflydesign.es\/manual-enve-2d-animation-english\/\">Read the documentation<\/a><\/li>\n<li><a href=\"https:\/\/tedmagaoay.com\/enve-keyboard-shortcuts\/\">Keyboard shortcuts<\/a><\/li>\n<\/ul>\n<p>Tags: \n<a href='https:\/\/tedmagaoay.com\/tags\/enve'>#enve<\/a>, <a href='https:\/\/tedmagaoay.com\/tags\/logo'>#logo<\/a>, <a href='https:\/\/tedmagaoay.com\/tags\/motion-graphics'>#motion-graphics<\/a><\/p>\n\n<p style=\"font-size:1.3rem\">\n  <a href='mailto:hi@tedmagaoay.com?subject=Reply%20to%20\"Create%20a%20Logo%20Animation%20With%20enve%20Part%202\"'>Reply to this post via email<\/a>\n<\/p>"},{"title":"MMMBop","link":"https:\/\/tedmagaoay.com\/mmmbop\/","pubDate":"Sun, 25 Jun 2023 06:00:00 +0800","guid":"https:\/\/tedmagaoay.com\/mmmbop\/","description":"<p>I turned 34 today.<\/p>\n<p>I&rsquo;m just a little bit younger than Rizal now.<\/p>\n<p>Possibly older than Jesus?<\/p>\n<p>But definitely older than Miss McKenzie.<\/p>\n<p>And speaking of Ms McKenzie.<\/p>\n<p><a href=\"https:\/\/www.youtube.com\/@busted\">Busted<\/a> recently collaborated with <a href=\"https:\/\/www.youtube.com\/@hanson\">Hanson<\/a>.<\/p>\n\n<div style=\"position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden;\">\n  <iframe src=\"https:\/\/www.youtube.com\/embed\/8NUQKmNsJNI\" style=\"position: absolute; top: 0; left: 0; width: 100%; height: 100%; border:0;\" allowfullscreen title=\"YouTube Video\"><\/iframe>\n<\/div>\n\n<p>It&rsquo;s called MMMBop 2.0<\/p>\n<p>It really is an upgraded version.<\/p>\n<p>As they are wise and adult now.<\/p>\n<p>In the 1997 version, it feels like they are mocking.<\/p>\n<p>Now they are enlightening.<\/p>\n<blockquote>\n<p>\u266a Plant a seed, plant a flower, plant a rose \u266a<br>\n\u266a You can plant any one of those \u266a<br>\n\u266a Keep planting to find out which one grows \u266a<br>\n\u266a It&rsquo;s a secret no one knows&hellip; \u266a<br>\n\u266a Can you tell me \u266a<br>\n\u266a which flower&rsquo;s going to grow? \u266a<br>\n\u266a No, you can&rsquo;t &lsquo;cause you don&rsquo;t know \u266a<\/p>\n<\/blockquote>\n<p>Reminds me of:<\/p>\n\n\n<blockquote class=\"blockquote\">\n  <p>\n    You meet people who forget you. You forget people you meet. But sometimes you meet those people you can\u2019t forget. Those are your friends.\n    \n      <br>\n      <span class=\"author\">&mdash; Mark Twain<\/span>\n    \n  <\/p>\n<\/blockquote>\n<p>It&rsquo;s true.<\/p>\n<p>As we get older songs make much more sense.<\/p>\n<p>Here are my favorite lines:<\/p>\n<blockquote>\n<p>\u266a So hold on to the ones who really care \u266a<br>\n\u266a In the end they&rsquo;ll be the only ones there \u266a<\/p>\n<\/blockquote>\n<blockquote>\n<p>\u266a Mmmbop, ba duba dop \u266a<br>\n\u266a Ba du bop, ba duba dop \u266a<br>\n\u266a Ba du bop, ba duba dop \u266a<br>\n\u266a Ba du, yeah yeah \u266a<\/p>\n<\/blockquote>\n<p>Tags: \n<a href='https:\/\/tedmagaoay.com\/tags\/life'>#life<\/a><\/p>\n\n<p style=\"font-size:1.3rem\">\n  <a href='mailto:hi@tedmagaoay.com?subject=Reply%20to%20\"MMMBop\"'>Reply to this post via email<\/a>\n<\/p>"},{"title":"How to Render Transparency in enve","link":"https:\/\/tedmagaoay.com\/how-to-render-transparency-in-enve\/","pubDate":"Wed, 14 Jun 2023 12:13:50 +0800","guid":"https:\/\/tedmagaoay.com\/how-to-render-transparency-in-enve\/","description":"<h2 id=\"1-open-scene-settings\">1. Open scene settings.<\/h2>\n\n\n\n\n\n\n\n\n\n  \n\n\n<figure role=\"group\" aria-describedby=\"caption-c3863d48dd6d209d75097e6f8bc82b2f\">\n  <a href=\"https:\/\/tedmagaoay.com\/how-to-render-transparency-in-enve\/scene-settings.png\" class=\"img-link\">\n    <img src=\"https:\/\/tedmagaoay.com\/how-to-render-transparency-in-enve\/scene-settings.png\">\n  <\/a>\n  <figcaption id=\"caption-c3863d48dd6d209d75097e6f8bc82b2f\">\n    scene settings.\n  <\/figcaption>\n<\/figure>\n\n<h2 id=\"2-make-background-transparent\">2. Make background transparent.<\/h2>\n\n\n\n\n\n\n\n\n\n  \n\n\n<figure role=\"group\" aria-describedby=\"caption-97b6b0b32b1e2c52901a6cc3835d8f49\">\n  <a href=\"https:\/\/tedmagaoay.com\/how-to-render-transparency-in-enve\/set-alpha-to-zero.png\" class=\"img-link\">\n    <img src=\"https:\/\/tedmagaoay.com\/how-to-render-transparency-in-enve\/set-alpha-to-zero.png\">\n  <\/a>\n  <figcaption id=\"caption-97b6b0b32b1e2c52901a6cc3835d8f49\">\n    Set alpha to 0.\n  <\/figcaption>\n<\/figure>\n\n<h2 id=\"3-add-to-render-queue\">3. Add to render queue.<\/h2>\n<div class=\"file-tree\">\n  <ul>\n<li>Menu Bar\n<ul>\n<li>Scene\n<ul>\n<li>Add Render to Queue<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n<\/div>\n\n<h2 id=\"4-open-output-settings\">4. Open output settings.<\/h2>\n<aside aria-label=\"note\" class=\"note\">\n  <div>\n    <svg class=\"sign\" aria-hidden=\"true\" viewBox=\"0 0 41.667306 41.66729\" focusable=\"false\">\n      <use href=\"#info\"><\/use>\n    <\/svg>\n    <p>Select <em>Quicktime \/ MOV<\/em> format and <em>rgba<\/em> codec.<\/p>\n  <\/div>\n<\/aside>\n\n\n\n\n\n\n\n\n\n\n  \n\n\n<figure role=\"group\" aria-describedby=\"caption-04882bcc249443dc0313bcb89f9d6084\">\n  <a href=\"https:\/\/tedmagaoay.com\/how-to-render-transparency-in-enve\/output-settings.png\" class=\"img-link\">\n    <img src=\"https:\/\/tedmagaoay.com\/how-to-render-transparency-in-enve\/output-settings.png\">\n  <\/a>\n  <figcaption id=\"caption-04882bcc249443dc0313bcb89f9d6084\">\n    outout-settings.\n  <\/figcaption>\n<\/figure>\n\n<p>Tags: \n<a href='https:\/\/tedmagaoay.com\/tags\/enve'>#enve<\/a><\/p>\n\n<p style=\"font-size:1.3rem\">\n  <a href='mailto:hi@tedmagaoay.com?subject=Reply%20to%20\"How%20to%20Render%20Transparency%20in%20enve\"'>Reply to this post via email<\/a>\n<\/p>"},{"title":"Wowchemy Cheat Sheet","link":"https:\/\/tedmagaoay.com\/wowchemy-cheat-sheet\/","pubDate":"Sun, 21 May 2023 14:39:57 +0800","guid":"https:\/\/tedmagaoay.com\/wowchemy-cheat-sheet\/","description":"<h2 id=\"metadata\">Metadata<\/h2>\n<pre><code class=\"language-yaml\">show_date: true\nprivate: true # hide page in search results\n<\/code><\/pre>\n<h2 id=\"page-resources-attachments-and-links\">Page resources (attachments and links)<\/h2>\n<pre><code class=\"language-yaml\">links:\n  - icon_pack: fab\n    icon: twitter\n    name: Follow\n    url: &quot;https:\/\/twitter.com\/Twitter&quot;\n  - icon_pack: fab\n    icon: medium\n    name: Originally published on Medium\n    url: &quot;https:\/\/medium.com&quot;\n<\/code><\/pre>\n<h2 id=\"private-pages\">Private pages<\/h2>\n<pre><code class=\"language-yaml\">_build:\n  render: always\n  list: never\n<\/code><\/pre>\n<p>Add in cms:<\/p>\n<pre><code class=\"language-yaml\">- label: Build\n  name: _build\n  required: false\n  widget: object\n  fields:\n    - label: &quot;Render&quot;\n      name: &quot;render&quot;\n      widget: &quot;hidden&quot;\n      default: &quot;always&quot;\n    - label: &quot;List&quot;\n      name: &quot;list&quot;\n      widget: &quot;select&quot;\n      options: [&quot;always&quot;, &quot;never&quot;]\n      default: &quot;always&quot;\n<\/code><\/pre>\n<h2 id=\"un-publish-authors\">Un-publish authors<\/h2>\n<p>To un-publish author pages from your site, create a <code>content\/authors\/\\_index.md<\/code> file with the following:<\/p>\n<pre><code class=\"language-yaml\">_build:\n  render: never\ncascade:\n  _build:\n    render: never\n    list: always\n<\/code><\/pre>\n<h2 id=\"highlight-authors-in-author-lists\">Highlight authors in author lists<\/h2>\n<pre><code class=\"language-yaml\">highlight_name: true\n<\/code><\/pre>\n<h2 id=\"widget-archive\">Widget archive<\/h2>\n<pre><code class=\"language-yaml\">content:\n  archive:\n    enable: true\n    text: See all blog posts\n    link: post\/\n<\/code><\/pre>\n<h2 id=\"add-author-notes-for-affiliations-and-contributions\">Add author notes for affiliations and contributions<\/h2>\n<pre><code class=\"language-yaml\">authors:\n  - &quot;Someone&quot;\n  - &quot;Someone else&quot;\nauthor_notes:\n  - &quot;Equal contribution&quot;\n  - &quot;Equal contribution&quot;\n<\/code><\/pre>\n<h2 id=\"add-common-searches\">Add common searches<\/h2>\n<p>Create <code>data\/search_queries.yaml<\/code> file.<\/p>\n<div class=\"file-tree\">\n  <ul>\n<li>data\n<ul>\n<li>search_queries.yaml<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n<\/div>\n\n<p>Add these.<\/p>\n<pre><code class=\"language-yaml\">- query: Blog\n  link: \/blog\/\n- query: Blog post 1\n  link: \/blog-post-1\/\n- query: Blog post 9\n  link: \/blog-post-1\/\n- query: Projects\n  link: \/projects\/\n- query: About\n  link: \/about\/\n- query: Contact\n  link: \/contact\/\n<\/code><\/pre>\n<h2 id=\"change-cms-title\">Change CMS title<\/h2>\n<p>Create <code>layouts\/wowchemycms\/single.html<\/code> file.<\/p>\n<div class=\"file-tree\">\n  <ul>\n<li>layouts\n<ul>\n<li>wowchemycms\n<ul>\n<li>single.html<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n<\/div>\n\n<p>Add these.<\/p>\n<pre><code class=\"language-html\">&lt;!doctype html&gt;\n&lt;html lang=&quot;en-us&quot;&gt;\n&lt;head&gt;\n  &lt;meta content=&quot;noindex&quot; name=&quot;robots&quot;&gt;\n  &lt;meta charset=&quot;utf-8&quot;&gt;\n  &lt;meta content=&quot;width=device-width, initial-scale=1.0&quot; name=&quot;viewport&quot;&gt;\n  &lt;title&gt;Your Title&lt;\/title&gt;\n  &lt;!-- Include Netlify Identity for authentication. --&gt;\n  &lt;script src=&quot;https:\/\/identity.netlify.com\/v1\/netlify-identity-widget.js&quot;&gt;&lt;\/script&gt;\n&lt;\/head&gt;\n&lt;body&gt;\n&lt;!-- Include the latest Netlify CMS v2.x.x script that builds the admin panel. --&gt;\n&lt;script src=&quot;https:\/\/cdn.jsdelivr.net\/npm\/netlify-cms@2\/dist\/netlify-cms.min.js&quot;&gt;&lt;\/script&gt;\n&lt;\/body&gt;\n&lt;\/html&gt;\n<\/code><\/pre>\n<h2 id=\"add-menu-icon\">Add menu icon<\/h2>\n<pre><code class=\"language-yaml\">social:\n- icon: twitter\n  icon_pack: fab\n  link: https:\/\/twitter.com\/user\n  label: Follow Me\n  display:\n    header: true\n<\/code><\/pre>\n<h2 id=\"add-menu-button\">Add menu button<\/h2>\n<p>Make sure your navbar is aligned left.<\/p>\n<pre><code class=\"language-yaml\">header:\n  navbar:\n    enable: true\n    align: l\n<\/code><\/pre>\n<p>In menu.toml add these lines.<\/p>\n<pre><code class=\"language-yaml\">main_right:\n  - name: &lt;span class=&quot;btn btn-primary d-none d-lg-inline-block mb-3 mb-md-0&quot; style=&quot;padding:.3rem&quot;&gt;&lt;span&gt;Get Started&lt;\/span&gt;&lt;\/span&gt;\n    url: &quot;\/get-started\/&quot;\n    weight: 10\n<\/code><\/pre>\n<h2 id=\"add-announcement-bar-feature\">Add announcement bar feature<\/h2>\n<p>In front matter:<\/p>\n<pre><code class=\"language-yaml\">announcement:\n  text: 'Hello World!\ufe0f'\n<\/code><\/pre>\n<h2 id=\"filter-cms_exclude-in-cms\">Filter cms_exclude in cms<\/h2>\n<p>Add <code>cms_exclude<\/code> filter in collection:<\/p>\n<pre><code class=\"language-yaml\">collections:\n  - name: 'blog'\n    label: 'Blog'\n    folder: 'content\/post'\n    path: '{{slug}}\/index'\n    filter: {field: &quot;cms_exclude&quot;}\n<\/code><\/pre>\n<p>To exclude a page, add this param in front matter:<\/p>\n<pre><code class=\"language-yaml\">cms_exclude: true\n<\/code><\/pre>\n<h2 id=\"change-cms-timezone\">Change cms timezone<\/h2>\n<pre><code class=\"language-yaml\">- {label: &quot;Publish Date&quot;, name: &quot;date&quot;, widget: &quot;datetime&quot;, picker_utc: false, format: &quot;YYYY-MM-DDTHH:mm:ss+08:00&quot;}\n<\/code><\/pre>\n<h2 id=\"add-shortcodes-in-cms\">Add shortcodes in cms<\/h2>\n<p>Add the following after the script tag of <strong>Decap cms<\/strong> in <strong>body<\/strong> element.<\/p>\n<pre><code class=\"language-html\">&lt;script src=&quot;https:\/\/sharadcodes.github.io\/hugo-shortcodes-netlify-cms\/dist\/hugo_shortcodes_netlify_cms.js&quot;&gt;&lt;\/script&gt;\n<\/code><\/pre>\n<p>Tags: \n<a href='https:\/\/tedmagaoay.com\/tags\/hugo'>#hugo<\/a>, <a href='https:\/\/tedmagaoay.com\/tags\/theme'>#theme<\/a>, <a href='https:\/\/tedmagaoay.com\/tags\/cheat-sheet'>#cheat-sheet<\/a><\/p>\n\n<p style=\"font-size:1.3rem\">\n  <a href='mailto:hi@tedmagaoay.com?subject=Reply%20to%20\"Wowchemy%20Cheat%20Sheet\"'>Reply to this post via email<\/a>\n<\/p>"},{"title":"Hugo Netlify Build Settings","link":"https:\/\/tedmagaoay.com\/hugo-netlify-build-settings\/","pubDate":"Sun, 21 May 2023 14:33:48 +0800","guid":"https:\/\/tedmagaoay.com\/hugo-netlify-build-settings\/","description":"<pre><code class=\"language-yaml\">Repository: https:\/\/github.com\/user\/repo.git\nBuild command: hugo\nPublish directory: public\nProduction branch: main\n<\/code><\/pre>\n<p>Add new variable.<\/p>\n<pre><code class=\"language-yaml\">key: HUGO_VERSION\nvalue: 0.36\n<\/code><\/pre>\n<p>Tags: \n<a href='https:\/\/tedmagaoay.com\/tags\/netlify'>#netlify<\/a><\/p>\n\n<p style=\"font-size:1.3rem\">\n  <a href='mailto:hi@tedmagaoay.com?subject=Reply%20to%20\"Hugo%20Netlify%20Build%20Settings\"'>Reply to this post via email<\/a>\n<\/p>"},{"title":"Vanity Domain","link":"https:\/\/tedmagaoay.com\/vanity-domain\/","pubDate":"Sat, 06 May 2023 09:16:32 +0800","guid":"https:\/\/tedmagaoay.com\/vanity-domain\/","description":"<p>Today I moved my blog to tedmagaoay.com domain.<\/p>\n<p>Without a subdomain, It&rsquo;s more neat and professional.<\/p>\n<p>And the reason why I choose ted.magaoay.org in the first place isn&rsquo;t relevant anymore.<\/p>\n<p>Tags: \n<a href='https:\/\/tedmagaoay.com\/tags\/blogging'>#blogging<\/a><\/p>\n\n<p style=\"font-size:1.3rem\">\n  <a href='mailto:hi@tedmagaoay.com?subject=Reply%20to%20\"Vanity%20Domain\"'>Reply to this post via email<\/a>\n<\/p>"},{"title":"Extending RSS in Hugo","link":"https:\/\/tedmagaoay.com\/extending-rss-in-hugo\/","pubDate":"Sat, 01 Apr 2023 22:20:41 +0800","guid":"https:\/\/tedmagaoay.com\/extending-rss-in-hugo\/","description":"<p>Get a copy of the <a href=\"https:\/\/github.com\/gohugoio\/hugo\/blob\/master\/tpl\/tplimpl\/embedded\/templates\/_default\/rss.xml\">default RSS template<\/a> that ships with Hugo and put it in <code>root\/layouts<\/code> dir.<\/p>\n<div class=\"file-tree\">\n  <ul>\n<li>layouts\n<ul>\n<li>partials\n<ul>\n<li>rss-tag.html<\/li>\n<li>rss-reply.html<\/li>\n<\/ul>\n<\/li>\n<li>rss.xml<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n<\/div>\n\n<h2 id=\"full-content\">Full Content<\/h2>\n<p>Make your subscribers happy by updating <code>{{ .Summary | html }}<\/code> to <code>{{ .Content | html }}<\/code>.<\/p>\n<h2 id=\"add-tags\">Add Tags<\/h2>\n<p>I prefer adding this over the category element because there maybe some older or less feature-rich RSS readers that do not fully support the latter.<\/p>\n<h3 id=\"1-create-an-rss-taghtml-partial\">1. Create an rss-tag.html partial<\/h3>\n<pre><code class=\"language-html\">&lt;p&gt;Tags: \n{{ range $i, $e := .Params.tags -}}\n  {{- if $i -}}, {{ end -}}\n  &lt;a href='{{ &quot;\/tags\/&quot; | relLangURL }}{{ . | urlize }}'&gt;#{{ . }}&lt;\/a&gt;\n{{- end -}}\n&lt;\/p&gt;\n<\/code><\/pre>\n<h3 id=\"2-add-partial-to-rssxml\">2. Add partial to rss.xml<\/h3>\n<pre><code class=\"language-html\">&lt;description&gt;\n  {{ .Content | html }}\n  {{ partial &quot;rss-tag.html&quot; . | html }}\n&lt;\/description&gt;\n<\/code><\/pre>\n<h2 id=\"add-reply-to-email\">Add Reply to Email<\/h2>\n<p>This redirects your subscribers to their email service with a dynamic subject: Reply to &ldquo;Post Title&rdquo;.<\/p>\n<h3 id=\"1-create-an-rss-replyhtml-partial\">1. Create an rss-reply.html partial<\/h3>\n<pre><code class=\"language-html\">&lt;p style=&quot;font-size:1.3rem&quot;&gt;\n  &lt;a href='mailto:hi@example.com?subject=Reply%20to%20&quot;{{ .Title }}&quot;'&gt;Reply to this post via email&lt;\/a&gt;\n&lt;\/p&gt;\n<\/code><\/pre>\n<h3 id=\"2-add-partial-to-rssxml-1\">2. Add partial to rss.xml.<\/h3>\n<pre><code class=\"language-html\">&lt;description&gt;\n  {{ .Content | html }}\n  {{ partial &quot;rss-reply.html&quot; . | html }}\n&lt;\/description&gt;\n<\/code><\/pre>\n<h3 id=\"this-is-what-it-looks-like\">This is what it looks like<\/h3>\n\n\n\n\n\n\n\n\n\n  \n\n\n<figure role=\"group\" aria-describedby=\"caption-fece4711f3e6d93cc9365bb69888b8b0\">\n  <a href=\"https:\/\/tedmagaoay.com\/extending-rss-in-hugo\/extended-rss-in-reader.png\" class=\"img-link\">\n    <img src=\"https:\/\/tedmagaoay.com\/extending-rss-in-hugo\/extended-rss-in-reader_hu8d70a1ab43b9f8b62e5cd1a1b85ec4d0_137916_700x0_resize_box_3.png\">\n  <\/a>\n  <figcaption id=\"caption-fece4711f3e6d93cc9365bb69888b8b0\">\n    Extended RSS in reader.\n  <\/figcaption>\n<\/figure>\n\n<p>Tags: \n<a href='https:\/\/tedmagaoay.com\/tags\/rss'>#rss<\/a>, <a href='https:\/\/tedmagaoay.com\/tags\/hugo'>#hugo<\/a><\/p>\n\n<p style=\"font-size:1.3rem\">\n  <a href='mailto:hi@tedmagaoay.com?subject=Reply%20to%20\"Extending%20RSS%20in%20Hugo\"'>Reply to this post via email<\/a>\n<\/p>"},{"title":"How to Undo Git Amend","link":"https:\/\/tedmagaoay.com\/how-to-undo-git-amend\/","pubDate":"Tue, 28 Mar 2023 15:55:50 +0800","guid":"https:\/\/tedmagaoay.com\/how-to-undo-git-amend\/","description":"<h2 id=\"1-find-the-old-commit\">1. Find the old commit<\/h2>\n<pre><code class=\"language-git\">git log --reflog --oneline\n<\/code><\/pre>\n<pre><code class=\"language-git\">052047f (HEAD -&gt; main) Create how-to-undo-git-amend post\nd4012dd Create how-to-undo-git-amend post\n<\/code><\/pre>\n<p>Here the old commit is <code>d4012dd<\/code>.<\/p>\n<h2 id=\"2-move-the-current-head-to-the-old-commit\">2. Move the current head to the old commit<\/h2>\n<pre><code class=\"language-git\">git reset --soft d4012dd\n<\/code><\/pre>\n<p>The <code>--soft<\/code> flag uncommits the most recent commit, while keeping the changes in the staging area.<\/p>\n<h2 id=\"3-create-new-commit\">3. Create new commit<\/h2>\n<pre><code class=\"language-git\">git commit -m &quot;New commit&quot;\n<\/code><\/pre>\n<p>Tags: \n<a href='https:\/\/tedmagaoay.com\/tags\/git'>#git<\/a><\/p>\n\n<p style=\"font-size:1.3rem\">\n  <a href='mailto:hi@tedmagaoay.com?subject=Reply%20to%20\"How%20to%20Undo%20Git%20Amend\"'>Reply to this post via email<\/a>\n<\/p>"},{"title":"SVG Favicon","link":"https:\/\/tedmagaoay.com\/svg-favicon\/","pubDate":"Tue, 14 Mar 2023 12:54:29 +0800","guid":"https:\/\/tedmagaoay.com\/svg-favicon\/","description":"<h2 id=\"1-go-to-similar-sites-like-svg-repohttpswwwsvgrepocom\">1. Go to similar sites like <a href=\"https:\/\/www.svgrepo.com\/\">SVG Repo<\/a>.<\/h2>\n<h2 id=\"2-download-your-icon\">2. Download your icon.<\/h2>\n\n\n\n\n\n\n\n\n\n  \n\n\n<figure role=\"group\" aria-describedby=\"caption-37eec44fb1b511764af0f772499f4ca1\">\n  <a href=\"https:\/\/tedmagaoay.com\/svg-favicon\/download-svg-icon.png\" class=\"img-link\">\n    <img src=\"https:\/\/tedmagaoay.com\/svg-favicon\/download-svg-icon_hu7ae4c1a0e0c8b6858633af4208fb88bf_169526_700x0_resize_box_3.png\">\n  <\/a>\n  <figcaption id=\"caption-37eec44fb1b511764af0f772499f4ca1\">\n    Download icon.\n  <\/figcaption>\n<\/figure>\n\n<h2 id=\"3-optimize-svg-to-similar-sites-like-vecta-nanohttpsvectaionano\">3. Optimize SVG to similar sites like <a href=\"https:\/\/vecta.io\/nano\">Vecta Nano<\/a>.<\/h2>\n\n\n\n\n\n\n\n\n\n  \n\n\n<figure role=\"group\" aria-describedby=\"caption-49354509a30de9cec0bff1edfd87660b\">\n  <a href=\"https:\/\/tedmagaoay.com\/svg-favicon\/optimize-svg.png\" class=\"img-link\">\n    <img src=\"https:\/\/tedmagaoay.com\/svg-favicon\/optimize-svg_hu4cc97f75b1410515acfaf9d18a3ac5fa_133874_700x0_resize_box_3.png\">\n  <\/a>\n  <figcaption id=\"caption-49354509a30de9cec0bff1edfd87660b\">\n    Optime SVG.\n  <\/figcaption>\n<\/figure>\n\n<h2 id=\"4-cleanup\">4. Cleanup.<\/h2>\n<p>Change characters <code>&quot;<\/code> to <code>'<\/code> and <code>#<\/code> to <code>%23<\/code>.<\/p>\n<h3 id=\"before\">Before<\/h3>\n<pre><code class=\"language-html\">&lt;svg\n    xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot; width=&quot;800&quot; height=&quot;800&quot; viewBox=&quot;-4 0 256 256&quot; preserveAspectRatio=&quot;xMidYMid&quot; fill-rule=&quot;evenodd&quot;\n    xmlns:v=&quot;https:\/\/vecta.io\/nano&quot;&gt;\n    &lt;path d=&quot;M210 256c-20.987 0-38-17.013-38-38s17.013-38 38-38 38 17.013 38 38-17.013 38-38 38zm0-48a10 10 0 1 0 0 20 10 10 0 1 0 0-20zm-86 48c-20.987 0-38-17.013-38-38s17.013-38 38-38 38 17.013 38 38-17.013 38-38 38zm0-48a10 10 0 1 0 0 20 10 10 0 1 0 0-20zm-86 48c-20.987 0-38-17.013-38-38s17.013-38 38-38 38 17.013 38 38-17.013 38-38 38zm0-48a10 10 0 1 0 0 20 10 10 0 1 0 0-20zM24.587 103.581L37 16c0-8.837 7.163-16 16-16h53c8.836 0 16 7.163 16 16l-3.927 49.875-93.486 37.706z&quot; fill=&quot;#1c8cea&quot;\/&gt;\n    &lt;path d=&quot;M237 140c0 17.673-14.667 32-32 32H43c-17.673 0-32-14.327-32-32l4-24 99-40c10.485-2.905 17.053 1.006 21.101 2.777l82.043 31.615C228.794 115.175 237 126.627 237 140z&quot; fill=&quot;#ff0078&quot;\/&gt;\n    &lt;path d=&quot;M110.595 126.616l21.437-49.813c1.754-4.055 6.463-5.92 10.518-4.167l16.521 7.146a8 8 0 0 1 4.167 10.518l-21.437 49.813a8 8 0 0 1-10.518 4.167l-16.521-7.145c-4.055-1.754-5.921-6.464-4.167-10.519z&quot; fill=&quot;#b6cdd5&quot;\/&gt;\n    &lt;path d=&quot;M65 19h56c4.418 0 8 3.572 8 7.978l-2 17.462c0 4.406-3.582 7.978-8 7.978H62c-4.418 0-8-3.572-8-7.978l3-17.462C57 22.572 60.582 19 65 19z&quot; fill=&quot;#ff0078&quot;\/&gt;\n&lt;\/svg&gt;\n<\/code><\/pre>\n<h3 id=\"after\">After<\/h3>\n<pre><code class=\"language-html\">&lt;svg\n    xmlns='http:\/\/www.w3.org\/2000\/svg' width='800' height='800' viewBox='-4 0 256 256' preserveAspectRatio='xMidYMid' fill-rule='evenodd'\n    xmlns:v='https:\/\/vecta.io\/nano'&gt;\n    &lt;path d='M210 256c-20.987 0-38-17.013-38-38s17.013-38 38-38 38 17.013 38 38-17.013 38-38 38zm0-48a10 10 0 1 0 0 20 10 10 0 1 0 0-20zm-86 48c-20.987 0-38-17.013-38-38s17.013-38 38-38 38 17.013 38 38-17.013 38-38 38zm0-48a10 10 0 1 0 0 20 10 10 0 1 0 0-20zm-86 48c-20.987 0-38-17.013-38-38s17.013-38 38-38 38 17.013 38 38-17.013 38-38 38zm0-48a10 10 0 1 0 0 20 10 10 0 1 0 0-20zM24.587 103.581L37 16c0-8.837 7.163-16 16-16h53c8.836 0 16 7.163 16 16l-3.927 49.875-93.486 37.706z' fill='%231c8cea'\/&gt;\n    &lt;path d='M237 140c0 17.673-14.667 32-32 32H43c-17.673 0-32-14.327-32-32l4-24 99-40c10.485-2.905 17.053 1.006 21.101 2.777l82.043 31.615C228.794 115.175 237 126.627 237 140z' fill='%23ff0078'\/&gt;\n    &lt;path d='M110.595 126.616l21.437-49.813c1.754-4.055 6.463-5.92 10.518-4.167l16.521 7.146a8 8 0 0 1 4.167 10.518l-21.437 49.813a8 8 0 0 1-10.518 4.167l-16.521-7.145c-4.055-1.754-5.921-6.464-4.167-10.519z' fill='%23b6cdd5'\/&gt;\n    &lt;path d='M65 19h56c4.418 0 8 3.572 8 7.978l-2 17.462c0 4.406-3.582 7.978-8 7.978H62c-4.418 0-8-3.572-8-7.978l3-17.462C57 22.572 60.582 19 65 19z' fill='%23ff0078'\/&gt;\n&lt;\/svg&gt;\n\n<\/code><\/pre>\n<h2 id=\"5-encode-svg-in-html-element\">5. Encode SVG in HTML element.<\/h2>\n<pre><code class=\"language-html\">&lt;link rel=&quot;icon&quot; href=&quot;data:image\/svg+xml,[YOUR ENCODED SVG HERE]&quot; type=&quot;image\/svg+xml&quot; \/&gt;\n<\/code><\/pre>\n<h2 id=\"6-insert-code-in-head\">6. Insert code in head.<\/h2>\n<pre><code class=\"language-html\">&lt;head&gt;\n  &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1.0&quot; \/&gt;\n  &lt;link rel=&quot;icon&quot; href=&quot;\/favicon.ico&quot; sizes=&quot;any&quot;&gt;\n  &lt;link rel=&quot;icon&quot; href=&quot;data:image\/svg+xml,&lt;svg xmlns='http:\/\/www.w3.org\/2000\/svg' width='800' height='800' viewBox='-4 0 256 256' preserveAspectRatio='xMidYMid' fill-rule='evenodd' xmlns:v='https:\/\/vecta.io\/nano'&gt;&lt;path d='M210 256c-20.987 0-38-17.013-38-38s17.013-38 38-38 38 17.013 38 38-17.013 38-38 38zm0-48a10 10 0 1 0 0 20 10 10 0 1 0 0-20zm-86 48c-20.987 0-38-17.013-38-38s17.013-38 38-38 38 17.013 38 38-17.013 38-38 38zm0-48a10 10 0 1 0 0 20 10 10 0 1 0 0-20zm-86 48c-20.987 0-38-17.013-38-38s17.013-38 38-38 38 17.013 38 38-17.013 38-38 38zm0-48a10 10 0 1 0 0 20 10 10 0 1 0 0-20zM24.587 103.581L37 16c0-8.837 7.163-16 16-16h53c8.836 0 16 7.163 16 16l-3.927 49.875-93.486 37.706z' fill='%231c8cea'\/&gt;&lt;path d='M237 140c0 17.673-14.667 32-32 32H43c-17.673 0-32-14.327-32-32l4-24 99-40c10.485-2.905 17.053 1.006 21.101 2.777l82.043 31.615C228.794 115.175 237 126.627 237 140z' fill='%23ff0078'\/&gt;&lt;path d='M110.595 126.616l21.437-49.813c1.754-4.055 6.463-5.92 10.518-4.167l16.521 7.146a8 8 0 0 1 4.167 10.518l-21.437 49.813a8 8 0 0 1-10.518 4.167l-16.521-7.145c-4.055-1.754-5.921-6.464-4.167-10.519z' fill='%23b6cdd5'\/&gt;&lt;path d='M65 19h56c4.418 0 8 3.572 8 7.978l-2 17.462c0 4.406-3.582 7.978-8 7.978H62c-4.418 0-8-3.572-8-7.978l3-17.462C57 22.572 60.582 19 65 19z' fill='%23ff0078'\/&gt;&lt;\/svg&gt;&quot; type=&quot;image\/svg+xml&quot; \/&gt;\n  &lt;meta name=&quot;title&quot; content=&quot;Home&quot; \/&gt;\n&lt;\/head&gt;\n<\/code><\/pre>\n<p>Tags: \n<a href='https:\/\/tedmagaoay.com\/tags\/blogging'>#blogging<\/a>, <a href='https:\/\/tedmagaoay.com\/tags\/icon'>#icon<\/a><\/p>\n\n<p style=\"font-size:1.3rem\">\n  <a href='mailto:hi@tedmagaoay.com?subject=Reply%20to%20\"SVG%20Favicon\"'>Reply to this post via email<\/a>\n<\/p>"},{"title":"blog maintainance","link":"https:\/\/tedmagaoay.com\/blog-maintainance\/","pubDate":"Fri, 10 Mar 2023 06:38:59 +0000","guid":"https:\/\/tedmagaoay.com\/blog-maintainance\/","description":"<h2 id=\"todo\">Todo<\/h2>\n<ul>\n<li><input disabled=\"\" type=\"checkbox\"> <a href=\"http:\/\/instantclick.io\/\">InstantClick<\/a> integration<\/li>\n<li><input disabled=\"\" type=\"checkbox\"> Add Content-Security-Policy header<\/li>\n<\/ul>\n<p>Tags: \n<a href='https:\/\/tedmagaoay.com\/tags\/blogging'>#blogging<\/a><\/p>\n\n<p style=\"font-size:1.3rem\">\n  <a href='mailto:hi@tedmagaoay.com?subject=Reply%20to%20\"blog%20maintainance\"'>Reply to this post via email<\/a>\n<\/p>"},{"title":"Regex 2","link":"https:\/\/tedmagaoay.com\/regex-2\/","pubDate":"Fri, 10 Mar 2023 05:43:07 +0000","guid":"https:\/\/tedmagaoay.com\/regex-2\/","description":"<h2 id=\"problem\">Problem<\/h2>\n<p>Make this:<\/p>\n<pre><code>SECTION 1. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam fringilla, est sit amet congue vestibulum, sem nisi placerat libero, ac maximus metus dolor a lectus.\n<\/code><\/pre>\n<p>To this:<\/p>\n<pre><code>## SECTION 1\n\nLorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam fringilla, est sit amet congue vestibulum, sem nisi placerat libero, ac maximus metus dolor a lectus.\n<\/code><\/pre>\n<h2 id=\"solution\">Solution<\/h2>\n<p>Search: <code>(SECTION \\d)\\. ([a-zA-Z])<\/code><\/p>\n<p>Replace: <code>## $1\\n\\n$2<\/code><\/p>\n<p>Tags: \n<a href='https:\/\/tedmagaoay.com\/tags\/vscode'>#vscode<\/a>, <a href='https:\/\/tedmagaoay.com\/tags\/regex'>#regex<\/a><\/p>\n\n<p style=\"font-size:1.3rem\">\n  <a href='mailto:hi@tedmagaoay.com?subject=Reply%20to%20\"Regex%202\"'>Reply to this post via email<\/a>\n<\/p>"},{"title":"VS Code Extentions I Like","link":"https:\/\/tedmagaoay.com\/vscode-extentions-i-like\/","pubDate":"Thu, 23 Feb 2023 09:48:20 +0800","guid":"https:\/\/tedmagaoay.com\/vscode-extentions-i-like\/","description":"<p>Mostly I work with markdown, these are my favorite extensions in no particular order.<\/p>\n<h2 id=\"1-selection-extendedhttpsmarketplacevisualstudiocomitemsitemnamecg-cnuvscode-selection-extended\">1. <a href=\"https:\/\/marketplace.visualstudio.com\/items?itemName=cg-cnu.vscode-selection-extended\">selection extended<\/a><\/h2>\n<h2 id=\"2-yamlhttpsmarketplacevisualstudiocomitemsitemnameredhatvscode-yaml\">2. <a href=\"https:\/\/marketplace.visualstudio.com\/items?itemName=redhat.vscode-yaml\">YAML<\/a><\/h2>\n<h2 id=\"3-markdown-all-in-onehttpsmarketplacevisualstudiocomitemsitemnameyzhangmarkdown-all-in-one\">3. <a href=\"https:\/\/marketplace.visualstudio.com\/items?itemName=yzhang.markdown-all-in-one\">Markdown All in One<\/a><\/h2>\n<h2 id=\"4-markdown-table-prettifierhttpsmarketplacevisualstudiocomitemsitemnamedarkrisztymarkdown-table-prettify\">4. <a href=\"https:\/\/marketplace.visualstudio.com\/items?itemName=darkriszty.markdown-table-prettify\">Markdown Table Prettifier<\/a><\/h2>\n<h2 id=\"5-make-hiddenhttpsmarketplacevisualstudiocomitemsitemnamedevine-daviesmake-hidden\">5. <a href=\"https:\/\/marketplace.visualstudio.com\/items?itemName=devine-davies.make-hidden\">Make Hidden<\/a><\/h2>\n<h2 id=\"6-insert-numbershttpsmarketplacevisualstudiocomitemsitemnameasukainsertnumbers\">6. <a href=\"https:\/\/marketplace.visualstudio.com\/items?itemName=Asuka.insertnumbers\">Insert Numbers<\/a><\/h2>\n<h2 id=\"7-iconshttpsmarketplacevisualstudiocomitemsitemnametal7aouyicons\">7. <a href=\"https:\/\/marketplace.visualstudio.com\/items?itemName=tal7aouy.icons\">Icons<\/a><\/h2>\n<h2 id=\"8-batch-renamehttpsmarketplacevisualstudiocomitemsitemnamejannisx11batch-rename-extension\">8. <a href=\"https:\/\/marketplace.visualstudio.com\/items?itemName=JannisX11.batch-rename-extension\">Batch Rename<\/a><\/h2>\n<p>Tags: \n<a href='https:\/\/tedmagaoay.com\/tags\/vscode'>#vscode<\/a><\/p>\n\n<p style=\"font-size:1.3rem\">\n  <a href='mailto:hi@tedmagaoay.com?subject=Reply%20to%20\"VS%20Code%20Extentions%20I%20Like\"'>Reply to this post via email<\/a>\n<\/p>"},{"title":"My Family","link":"https:\/\/tedmagaoay.com\/family\/","pubDate":"Thu, 09 Feb 2023 11:04:46 +0800","guid":"https:\/\/tedmagaoay.com\/family\/","description":"\n\n\n\n\n\n\n\n\n  \n\n\n<figure role=\"group\" aria-describedby=\"caption-0d7c00e80f4d249f25392bde65222825\">\n  <a href=\"https:\/\/tedmagaoay.com\/family\/family.png\" class=\"img-link\">\n    <img src=\"https:\/\/tedmagaoay.com\/family\/family.png\">\n  <\/a>\n  <figcaption id=\"caption-0d7c00e80f4d249f25392bde65222825\">\n    First family pic.\n  <\/figcaption>\n<\/figure>\n\n<p>Tags: \n<a href='https:\/\/tedmagaoay.com\/tags\/gallery'>#gallery<\/a><\/p>\n\n<p style=\"font-size:1.3rem\">\n  <a href='mailto:hi@tedmagaoay.com?subject=Reply%20to%20\"My%20Family\"'>Reply to this post via email<\/a>\n<\/p>"},{"title":"VS Code Settings","link":"https:\/\/tedmagaoay.com\/vscode-settings\/","pubDate":"Tue, 07 Feb 2023 10:33:09 +0800","guid":"https:\/\/tedmagaoay.com\/vscode-settings\/","description":"<h2 id=\"hide-files\">Hide Files<\/h2>\n<pre><code class=\"language-json\">&quot;files.exclude&quot;: {\n    &quot;archetypes\/default.md&quot;: true,\n    &quot;.hugo_build.lock&quot;: true,\n    &quot;**\/.*&quot;: true \/\/ hides all files that start with ._ such as ._.DS_Store files\n}\n<\/code><\/pre>\n<p>There is a VS Code plugin called <a href=\"https:\/\/marketplace.visualstudio.com\/items?itemName=devine-davies.make-hidden\">Make Hidden<\/a> that allows you to hide files and folders directly within the file explorer.<\/p>\n<h2 id=\"sort-files-and-folders\">Sort Files and Folders<\/h2>\n<pre><code class=\"language-json\">&quot;explorer.sortOrder&quot;: &quot;type&quot;,\n&quot;search.sortOrder&quot;: &quot;modified&quot;\n<\/code><\/pre>\n<p>Options: <code>mixed<\/code>, <code>filesFirst<\/code>, <code>type<\/code>, or <code>modified<\/code>.<\/p>\n<h2 id=\"change-font-size\">Change Font Size<\/h2>\n<pre><code class=\"language-json\">&quot;editor.fontSize&quot;: 20\n<\/code><\/pre>\n<h2 id=\"hard-wrap-columns-automatically\">Hard Wrap Columns Automatically<\/h2>\n<pre><code class=\"language-json\">&quot;editor.wordWrap&quot;: &quot;wordWrapColumn&quot;\n<\/code><\/pre>\n<h2 id=\"highlight-modified-tabs\">Highlight Modified Tabs<\/h2>\n<pre><code class=\"language-json\">&quot;workbench.editor.highlightModifiedTabs&quot;: true\n<\/code><\/pre>\n<h2 id=\"hide-minimap\">Hide Minimap<\/h2>\n<pre><code class=\"language-json\">&quot;editor.minimap.enabled&quot;: false\n<\/code><\/pre>\n<h2 id=\"customize-cursor\">Customize Cursor<\/h2>\n<pre><code class=\"language-json\">&quot;editor.cursorStyle&quot;: &quot;line&quot;\n<\/code><\/pre>\n<p>Options: <code>block<\/code>, <code>block-outline<\/code>, <code>line<\/code>, <code>line-thin<\/code>, <code>underline<\/code>, or <code>underline-thin<\/code>.<\/p>\n<pre><code class=\"language-json\">&quot;editor.cursorBlinking&quot;: &quot;smooth&quot;\n<\/code><\/pre>\n<p>Options: <code>blink<\/code>, <code>smooth<\/code>, <code>phase<\/code>, <code>expand<\/code>, or <code>solid<\/code>.<\/p>\n<p>Tags: \n<a href='https:\/\/tedmagaoay.com\/tags\/vscode'>#vscode<\/a><\/p>\n\n<p style=\"font-size:1.3rem\">\n  <a href='mailto:hi@tedmagaoay.com?subject=Reply%20to%20\"VS%20Code%20Settings\"'>Reply to this post via email<\/a>\n<\/p>"},{"title":"Params in Hugo","link":"https:\/\/tedmagaoay.com\/params-in-hugo\/","pubDate":"Mon, 06 Feb 2023 21:40:37 +0800","guid":"https:\/\/tedmagaoay.com\/params-in-hugo\/","description":"<h2 id=\"boolean\">Boolean<\/h2>\n<h3 id=\"in-configyaml\">In config.yaml<\/h3>\n<pre><code class=\"language-yaml\">params:\n  display_toc: true\n<\/code><\/pre>\n<h3 id=\"in-front-matter\">In Front Matter<\/h3>\n<pre><code class=\"language-yaml\">---\ndisplay_toc: true\n---\n<\/code><\/pre>\n<h3 id=\"template\">Template<\/h3>\n<pre><code class=\"language-html\">&lt;h2&gt;Title&lt;\/h2&gt;\n\n{{ if .Param &quot;display_toc&quot; }}\n  {{ .TableOfContents }}\n{{ end }}\n\n&lt;p&gt;Lorem ipsum...&lt;\/p&gt;\n<\/code><\/pre>\n<h2 id=\"string\">String<\/h2>\n<h3 id=\"in-configyaml-1\">In config.yaml<\/h3>\n<pre><code class=\"language-yaml\">params:\n  mood: &quot;happy&quot;\n<\/code><\/pre>\n<h3 id=\"in-front-matter-1\">In Front Matter<\/h3>\n<pre><code class=\"language-yaml\">---\nmood: &quot;happy&quot;\n---\n<\/code><\/pre>\n<h3 id=\"template-1\">Template<\/h3>\n<pre><code class=\"language-html\">&lt;p&gt;How are you feeling today?&lt;\/p&gt;\n\n&lt;p&gt;I'm feeling {{ if .Params.mood }}{{ .Params.mood }}{{ end }} today.&lt;\/p&gt;\n<\/code><\/pre>\n<p>with default:<\/p>\n<pre><code class=\"language-html\">&lt;p&gt;How are you feeling today?&lt;\/p&gt;\n\n&lt;p&gt;I'm feeling {{ .Params.mood | default &quot;so-so&quot; }} today.&lt;\/p&gt;\n<\/code><\/pre>\n<h2 id=\"ref\">Ref<\/h2>\n<ol>\n<li><a href=\"https:\/\/gohugo.io\/functions\/param\/\">.Param Function in Hugo<\/a><\/li>\n<li><a href=\"https:\/\/stackoverflow.com\/questions\/42023687\/how-to-use-template-parameters-in-page-content-in-hugo\">How to use template parameters in page content in hugo<\/a><\/li>\n<\/ol>\n<p>Tags: \n<a href='https:\/\/tedmagaoay.com\/tags\/hugo'>#hugo<\/a>, <a href='https:\/\/tedmagaoay.com\/tags\/snippet'>#snippet<\/a><\/p>\n\n<p style=\"font-size:1.3rem\">\n  <a href='mailto:hi@tedmagaoay.com?subject=Reply%20to%20\"Params%20in%20Hugo\"'>Reply to this post via email<\/a>\n<\/p>"},{"title":"2023 Todo","link":"https:\/\/tedmagaoay.com\/2023-todo\/","pubDate":"Sat, 31 Dec 2022 06:00:00 +0800","guid":"https:\/\/tedmagaoay.com\/2023-todo\/","description":"<h2 id=\"todo\">Todo<\/h2>\n<p>Some things to do in 2022, in no particular order. This is a living document.<\/p>\n<h3 id=\"1-100-zk-permanent-notes\">1. 100 ZK permanent notes<\/h3>\n<h3 id=\"2-100-logo-concepts\">2. 100 logo concepts<\/h3>\n<h3 id=\"3-100-days-to-offload\">3. 100 days to offload<\/h3>\n<h3 id=\"4-study-japanese-korean-language\">4. Study <del>Japanese<\/del> Korean language<\/h3>\n<ul>\n<li><input checked=\"\" disabled=\"\" type=\"checkbox\"> Create flashcards. Visit <a href=\"https:\/\/learncjk.netlify.app\/\">Learn CJK<\/a>.<\/li>\n<\/ul>\n<h3 id=\"5-read-these\">5. Read these<\/h3>\n<ul>\n<li><input disabled=\"\" type=\"checkbox\"> <a href=\"https:\/\/www.gutenberg.org\/ebooks\/600\">Notes from the Underground<\/a> by Fyodor Dostoyevsky<\/li>\n<li><input disabled=\"\" type=\"checkbox\"> <a href=\"https:\/\/www.gutenberg.org\/ebooks\/7849\">The Trial<\/a> by Franz Kafka<\/li>\n<li><input disabled=\"\" type=\"checkbox\"> <a href=\"https:\/\/www.gutenberg.org\/ebooks\/74\">The Adventures of Tom Sawyer<\/a> by Mark Twain<\/li>\n<li><input disabled=\"\" type=\"checkbox\"> <a href=\"https:\/\/www.gutenberg.org\/ebooks\/19337\">A Christmas Carol<\/a> by Charles Dickens<\/li>\n<li><input disabled=\"\" type=\"checkbox\"> <a href=\"https:\/\/www.gutenberg.org\/ebooks\/35\">The Time Machine<\/a> by H. G. Wells<\/li>\n<\/ul>\n<h3 id=\"6-water-fast-at-least-three-fives-days-each-month\">6. Water fast at least <del>three<\/del> fives days each month<\/h3>\n<ul>\n<li><input checked=\"\" disabled=\"\" type=\"checkbox\"> January<\/li>\n<li><input checked=\"\" disabled=\"\" type=\"checkbox\"> February<\/li>\n<li><input disabled=\"\" type=\"checkbox\"> March<\/li>\n<li><input disabled=\"\" type=\"checkbox\"> April<\/li>\n<li><input disabled=\"\" type=\"checkbox\"> May<\/li>\n<li><input disabled=\"\" type=\"checkbox\"> June<\/li>\n<li><input disabled=\"\" type=\"checkbox\"> July<\/li>\n<li><input disabled=\"\" type=\"checkbox\"> August<\/li>\n<li><input disabled=\"\" type=\"checkbox\"> September<\/li>\n<li><input disabled=\"\" type=\"checkbox\"> October<\/li>\n<li><input disabled=\"\" type=\"checkbox\"> November<\/li>\n<li><input disabled=\"\" type=\"checkbox\"> December<\/li>\n<\/ul>\n<p>Tags: \n<a href='https:\/\/tedmagaoay.com\/tags\/todo'>#todo<\/a>, <a href='https:\/\/tedmagaoay.com\/tags\/okr'>#okr<\/a>, <a href='https:\/\/tedmagaoay.com\/tags\/life'>#life<\/a><\/p>\n\n<p style=\"font-size:1.3rem\">\n  <a href='mailto:hi@tedmagaoay.com?subject=Reply%20to%20\"2023%20Todo\"'>Reply to this post via email<\/a>\n<\/p>"},{"title":"2022 Todo Year in Review","link":"https:\/\/tedmagaoay.com\/2022-todo-year-in-review\/","pubDate":"Fri, 30 Dec 2022 16:12:27 +0800","guid":"https:\/\/tedmagaoay.com\/2022-todo-year-in-review\/","description":"<h2 id=\"2022-todo\">2022 Todo<\/h2>\n<h3 id=\"family-web-page\">Family web page<\/h3>\n<p>I finished the main tasks and I am happy with the results, so I can leave this for now.<\/p>\n<h3 id=\"create-posts\">Create Posts<\/h3>\n<ul>\n<li>15 blog posts<\/li>\n<li>10 Youtube videos<\/li>\n<\/ul>\n<p>I failed to <a href=\"https:\/\/100daystooffload.com\/\">#100DaysToOffload<\/a>, which is something that I will carry over to next year.<\/p>\n<h3 id=\"study-python\">Study Python<\/h3>\n<p>Lose interest.<\/p>\n<h3 id=\"study-japanese-language\">Study Japanese language<\/h3>\n<p>Lose interest. I studied Hangukmal instead.<\/p>\n<h3 id=\"read-classic-books\">Read classic books<\/h3>\n<p>I&rsquo;ve started Gatsby, Pride, and Huckleberry, but I haven&rsquo;t been able to finish even one. I find classics hard to understand.<\/p>\n<p>I should have gone with lights instead. I&rsquo;ll try again next year and maybe just commit to three books.<\/p>\n<h3 id=\"30-days-of-sketching-logo-concepts\">30 days of sketching logo concepts<\/h3>\n<p>Procrastination at its finest.<\/p>\n<h3 id=\"30-days-of-water-fasting\">30 days of water fasting<\/h3>\n<p>One of the hardest things I did and yeah im still alive.<\/p>\n<h3 id=\"water-fast-at-least-3-days-every-month\">Water fast at least 3 days every month<\/h3>\n<p>I failed in January, February, and August. Though I extended some months by up to 5 days.<\/p>\n<p>So all in all, I prolly didn&rsquo;t eat for 2 months. \ud83d\ude43<\/p>\n<p>Tags: \n<a href='https:\/\/tedmagaoay.com\/tags\/todo'>#todo<\/a>, <a href='https:\/\/tedmagaoay.com\/tags\/life'>#life<\/a>, <a href='https:\/\/tedmagaoay.com\/tags\/review'>#review<\/a><\/p>\n\n<p style=\"font-size:1.3rem\">\n  <a href='mailto:hi@tedmagaoay.com?subject=Reply%20to%20\"2022%20Todo%20Year%20in%20Review\"'>Reply to this post via email<\/a>\n<\/p>"},{"title":"How to Create OpenAI Logo With Inkscape","link":"https:\/\/tedmagaoay.com\/how-to-create-openai-logo-with-inkscape\/","pubDate":"Sun, 18 Dec 2022 19:18:00 +0800","guid":"https:\/\/tedmagaoay.com\/how-to-create-openai-logo-with-inkscape\/","description":"<h2 id=\"video-tutorial\">Video Tutorial<\/h2>\n\n<div style=\"position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden;\">\n  <iframe src=\"https:\/\/www.youtube.com\/embed\/UW7Bf4LlWEU\" style=\"position: absolute; top: 0; left: 0; width: 100%; height: 100%; border:0;\" allowfullscreen title=\"How To Create ChapGPT OpenAI Logo with Inkscape 1.2\"><\/iframe>\n<\/div>\n\n<h2 id=\"assets\">Assets<\/h2>\n\n\n\n\n\n\n\n\n\n  \n\n\n<figure role=\"group\" aria-describedby=\"caption-9c962a802efe6787d18e34c172d18ac7\">\n  <a href=\"https:\/\/tedmagaoay.com\/how-to-create-openai-logo-with-inkscape\/openai-logo-sketch.png\" class=\"img-link\">\n    <img src=\"https:\/\/tedmagaoay.com\/how-to-create-openai-logo-with-inkscape\/openai-logo-sketch_hu6cdf53b2bde01eacbf725bb1d2006119_113909_700x0_resize_box_3.png\">\n  <\/a>\n  <figcaption id=\"caption-9c962a802efe6787d18e34c172d18ac7\">\n    Sketch.\n  <\/figcaption>\n<\/figure>\n\n<p>Tags: \n<a href='https:\/\/tedmagaoay.com\/tags\/inkscape'>#inkscape<\/a>, <a href='https:\/\/tedmagaoay.com\/tags\/logo'>#logo<\/a><\/p>\n\n<p style=\"font-size:1.3rem\">\n  <a href='mailto:hi@tedmagaoay.com?subject=Reply%20to%20\"How%20to%20Create%20OpenAI%20Logo%20With%20Inkscape\"'>Reply to this post via email<\/a>\n<\/p>"},{"title":"Enve Keyboard Shortcuts","link":"https:\/\/tedmagaoay.com\/enve-keyboard-shortcuts\/","pubDate":"Sun, 04 Dec 2022 13:54:36 +0800","guid":"https:\/\/tedmagaoay.com\/enve-keyboard-shortcuts\/","description":"<p><a href=\"https:\/\/maurycyliebner.github.io\/\">Enve<\/a> is an Open-source 2D animation software.<\/p>\n<h2 id=\"general\">General<\/h2>\n<table>\n<thead>\n<tr>\n<th>Keyboard shortcuts<\/th>\n<th>Commands<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td><kbd>Ctrl + D<\/kbd><\/td>\n<td>Duplicate<\/td>\n<\/tr>\n<tr>\n<td><kbd>Ctrl + G<\/kbd><\/td>\n<td>Group<\/td>\n<\/tr>\n<tr>\n<td><kbd>Ctrl + Shift + G<\/kbd><\/td>\n<td>Ungroup<\/td>\n<\/tr>\n<tr>\n<td><kbd>W Q<\/kbd><\/td>\n<td>Adjust brush size<\/td>\n<\/tr>\n<tr>\n<td><kbd>Home<\/kbd><\/td>\n<td>Raise to top<\/td>\n<\/tr>\n<tr>\n<td><kbd>Pg Up<\/kbd><\/td>\n<td>Raise one step<\/td>\n<\/tr>\n<tr>\n<td><kbd>End<\/kbd><\/td>\n<td>Lower to bottom<\/td>\n<\/tr>\n<tr>\n<td><kbd>Pg Dn<\/kbd><\/td>\n<td>Lower one step<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h2 id=\"transform\">Transform<\/h2>\n<table>\n<thead>\n<tr>\n<th>Keyboard shortcuts<\/th>\n<th>Commands<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td><kbd>G<\/kbd><\/td>\n<td>Move<\/td>\n<\/tr>\n<tr>\n<td><kbd>R<\/kbd><\/td>\n<td>Rotate<\/td>\n<\/tr>\n<tr>\n<td><kbd>S<\/kbd><\/td>\n<td>Scale<\/td>\n<\/tr>\n<tr>\n<td><kbd>Transform + X<\/kbd><\/td>\n<td>X axis only<\/td>\n<\/tr>\n<tr>\n<td><kbd>Transform + Y<\/kbd><\/td>\n<td>X axis only<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h2 id=\"selection\">Selection<\/h2>\n<table>\n<thead>\n<tr>\n<th>Keyboard shortcuts<\/th>\n<th>Commands<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td><kbd>A<\/kbd><\/td>\n<td>Select all<\/td>\n<\/tr>\n<tr>\n<td><kbd>Alt + A<\/kbd><\/td>\n<td>Clear selection<\/td>\n<\/tr>\n<tr>\n<td><kbd>I<\/kbd><\/td>\n<td>Invert selection<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h2 id=\"timeline\">Timeline<\/h2>\n<table>\n<thead>\n<tr>\n<th>Keyboard shortcuts<\/th>\n<th>Commands<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td><kbd>Ctrl + D<\/kbd><\/td>\n<td>Duplicate keyframe<\/td>\n<\/tr>\n<tr>\n<td><kbd>Shift + D<\/kbd><\/td>\n<td>Duplicate and drag keyframe<\/td>\n<\/tr>\n<tr>\n<td><kbd>S<\/kbd><\/td>\n<td>Scale keyframe<\/td>\n<\/tr>\n<tr>\n<td><kbd>G<\/kbd><\/td>\n<td>move keyframe<\/td>\n<\/tr>\n<tr>\n<td><kbd>\u2191\u2193<\/kbd><\/td>\n<td>move accross keyframes<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p>Tags: \n<a href='https:\/\/tedmagaoay.com\/tags\/keyboard-shortcuts'>#keyboard-shortcuts<\/a>, <a href='https:\/\/tedmagaoay.com\/tags\/enve'>#enve<\/a><\/p>\n\n<p style=\"font-size:1.3rem\">\n  <a href='mailto:hi@tedmagaoay.com?subject=Reply%20to%20\"Enve%20Keyboard%20Shortcuts\"'>Reply to this post via email<\/a>\n<\/p>"},{"title":"How to Install Inkscape Dev Version","link":"https:\/\/tedmagaoay.com\/how-to-install-inkscape-dev-version\/","pubDate":"Fri, 25 Nov 2022 09:58:41 +0800","guid":"https:\/\/tedmagaoay.com\/how-to-install-inkscape-dev-version\/","description":"<aside aria-label=\"warning\" class=\"note warning\">\n  <div>\n    <svg class=\"sign\" aria-hidden=\"true\" viewBox=\"0 0 48.430474 41.646302\" focusable=\"false\">\n      <use href=\"#warning\"><\/use>\n    <\/svg>\n    <p>This is for Windows only, for Mac and Linux <a href=\"https:\/\/tedmagaoay.com\/about\/#contact\">let me know<\/a>.<\/p>\n  <\/div>\n<\/aside>\n\n<h2 id=\"reset-preferences-optional\">Reset Preferences (Optional)<\/h2>\n<p>The dev version will inherit your current preferences.<\/p>\n<p>Open Inkscape and go to <code>Preferences\/System\/<\/code> then Reset Preferences.<\/p>\n\n\n\n\n\n\n\n\n\n  \n\n\n<figure role=\"group\" aria-describedby=\"caption-c845bb3cbdf62335d3b95d7040aae161\">\n  <a href=\"https:\/\/tedmagaoay.com\/how-to-install-inkscape-dev-version\/reset-preferences.png\" class=\"img-link\">\n    <img src=\"https:\/\/tedmagaoay.com\/how-to-install-inkscape-dev-version\/reset-preferences_hu4f495ce94adbbba6477ce25e77bdf440_137654_700x0_resize_box_3.png\">\n  <\/a>\n  <figcaption id=\"caption-c845bb3cbdf62335d3b95d7040aae161\">\n    Reset preferences.\n  <\/figcaption>\n<\/figure>\n\n<h2 id=\"download-dev-version\">Download Dev Version<\/h2>\n<p>Download at <a href=\"https:\/\/inkscape.org\/release\/inkscape-dev\/?latest=1\">https:\/\/inkscape.org\/release\/inkscape-dev\/?latest=1<\/a>.<\/p>\n<p>Extract and locate the Inkscape bat file.<\/p>\n\n\n\n\n\n\n\n\n\n  \n\n\n<figure role=\"group\" aria-describedby=\"caption-4a2bf1a75a34da13f6c0a6a61114ab49\">\n  <a href=\"https:\/\/tedmagaoay.com\/how-to-install-inkscape-dev-version\/locate-inkscape-bat-file.png\" class=\"img-link\">\n    <img src=\"https:\/\/tedmagaoay.com\/how-to-install-inkscape-dev-version\/locate-inkscape-bat-file_hu972c54b986f2f0d392eea1835056a24e_90903_700x0_resize_box_3.png\">\n  <\/a>\n  <figcaption id=\"caption-4a2bf1a75a34da13f6c0a6a61114ab49\">\n    Locate Inkscape bat file.\n  <\/figcaption>\n<\/figure>\n\n<h2 id=\"run\">Run<\/h2>\n\n\n\n\n\n\n\n\n\n  \n\n\n<figure role=\"group\" aria-describedby=\"caption-b2d9b1f000f51536e663f142fc96861f\">\n  <a href=\"https:\/\/tedmagaoay.com\/how-to-install-inkscape-dev-version\/run-inkscape-bat-file.png\" class=\"img-link\">\n    <img src=\"https:\/\/tedmagaoay.com\/how-to-install-inkscape-dev-version\/run-inkscape-bat-file_hu3db57e42bad17b66475dd91121065a0c_54912_700x0_resize_box_3.png\">\n  <\/a>\n  <figcaption id=\"caption-b2d9b1f000f51536e663f142fc96861f\">\n    Run as administrator.\n  <\/figcaption>\n<\/figure>\n\n<p>Right click and run as administrator.<\/p>\n<p>Now you can test a dev version.<\/p>\n<p>Use at your own risk, and <a href=\"https:\/\/inkscape.org\/en\/contribute\/report-bugs\/\">please report<\/a> all bugs you find!<\/p>\n<aside aria-label=\"note\" class=\"note\">\n  <div>\n    <svg class=\"sign\" aria-hidden=\"true\" viewBox=\"0 0 41.667306 41.66729\" focusable=\"false\">\n      <use href=\"#info\"><\/use>\n    <\/svg>\n    <p>You can use the current and dev versions interchangeably. Open the current version as usual in the apps drawer and the dev version by running the bat file.<\/p>\n  <\/div>\n<\/aside>\n\n<p>Tags: \n<a href='https:\/\/tedmagaoay.com\/tags\/inkscape'>#inkscape<\/a><\/p>\n\n<p style=\"font-size:1.3rem\">\n  <a href='mailto:hi@tedmagaoay.com?subject=Reply%20to%20\"How%20to%20Install%20Inkscape%20Dev%20Version\"'>Reply to this post via email<\/a>\n<\/p>"},{"title":"Abakada","link":"https:\/\/tedmagaoay.com\/abakada\/","pubDate":"Mon, 21 Nov 2022 07:56:44 +0800","guid":"https:\/\/tedmagaoay.com\/abakada\/","description":"<aside aria-label=\"note\" class=\"note\">\n  <div>\n    <svg class=\"sign\" aria-hidden=\"true\" viewBox=\"0 0 41.667306 41.66729\" focusable=\"false\">\n      <use href=\"#info\"><\/use>\n    <\/svg>\n    <p>I was not able to renew the abakada.org domain. The new URL is <a href=\"https:\/\/abakada.pages.dev\/\">https:\/\/abakada.pages.dev\/<\/a> since it is hosted on Cloudflare.<\/p>\n  <\/div>\n<\/aside>\n\n<p>This project is dedicated to my daughter.<\/p>\n<p>She started kindergarten this year and the lack of suitable online flash cards to teach her about ABCs and numbers sparked the creation of this project.<\/p>\n<p>Our flash cards are simple, effective, and can be accessed by anyone at anytime &mdash; no downloading required.<\/p>\n<p>There are flash cards about <a href=\"https:\/\/abakada.pages.dev\/tag\/abc\/\">ABCs<\/a>, <a href=\"https:\/\/abakada.pages.dev\/tag\/numbers\/\">numbers<\/a>, <a href=\"https:\/\/abakada.pages.dev\/tag\/animals\/\">animals<\/a>, <a href=\"https:\/\/abakada.pages.dev\/tag\/colors\/\">colors<\/a>, and <a href=\"https:\/\/abakada.pages.dev\/archive\/\">more<\/a>.<\/p>\n<p>You can check it out here: <del><a href=\"https:\/\/abakada.org\/\">https:\/\/abakada.org\/<\/a><\/del> <a href=\"https:\/\/abakada.pages.dev\/\">https:\/\/abakada.pages.dev\/<\/a><\/p>\n<p>We hope you have as much fun using these flash cards as we had to make them.<\/p>\n<p>Tags: \n<a href='https:\/\/tedmagaoay.com\/tags\/project'>#project<\/a><\/p>\n\n<p style=\"font-size:1.3rem\">\n  <a href='mailto:hi@tedmagaoay.com?subject=Reply%20to%20\"Abakada\"'>Reply to this post via email<\/a>\n<\/p>"},{"title":"What's on My RSS Feeds","link":"https:\/\/tedmagaoay.com\/whats-on-my-rss-feeds\/","pubDate":"Fri, 09 Sep 2022 22:06:26 +0800","guid":"https:\/\/tedmagaoay.com\/whats-on-my-rss-feeds\/","description":"<p>Blogs I follow, in no particular order.<\/p>\n<h2 id=\"cartoons--comics\">Cartoons &amp; Comics<\/h2>\n<table>\n<thead>\n<tr>\n<th>Name<\/th>\n<th>RSS<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td><a href=\"https:\/\/catandgirl.com\">Cat and Girl<\/a><\/td>\n<td><a href=\"https:\/\/catandgirl.com\/feed\">Feed<\/a><\/td>\n<\/tr>\n<tr>\n<td><a href=\"http:\/\/www.incidentalcomics.com\">INCIDENTAL COMICS<\/a><\/td>\n<td><a href=\"https:\/\/feeds.feedburner.com\/blogspot\/lTBMF\">Feed<\/a><\/td>\n<\/tr>\n<tr>\n<td><a href=\"https:\/\/poorlydrawnlines.com\">Poorly Drawn Lines<\/a><\/td>\n<td><a href=\"https:\/\/feeds.feedburner.com\/PoorlyDrawnLines\">Feed<\/a><\/td>\n<\/tr>\n<tr>\n<td><a href=\"https:\/\/xkcd.com\">xkcd.com<\/a><\/td>\n<td><a href=\"https:\/\/xkcd.com\/rss.xml\">Feed<\/a><\/td>\n<\/tr>\n<tr>\n<td><a href=\"https:\/\/nitter.net\/tomgauld\">Tom Gauld \/ @tomgauld<\/a><\/td>\n<td><a href=\"https:\/\/nitter.net\/tomgauld\/rss\">Feed<\/a><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h2 id=\"brainiacs--opinion\">Brainiacs &amp; Opinion<\/h2>\n<table>\n<thead>\n<tr>\n<th>Name<\/th>\n<th>RSS<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td><a href=\"http:\/\/kottke.org\">kottke.org<\/a><\/td>\n<td><a href=\"http:\/\/feeds.kottke.org\/main\">Feed<\/a><\/td>\n<\/tr>\n<tr>\n<td><a href=\"https:\/\/kevquirk.com\">Kev Quirk<\/a><\/td>\n<td><a href=\"https:\/\/kevquirk.com\/feed\">Feed<\/a><\/td>\n<\/tr>\n<tr>\n<td><a href=\"https:\/\/jlelse.blog\">Jan-Lukas Else<\/a><\/td>\n<td><a href=\"https:\/\/jlelse.blog\/.rss\">Feed<\/a><\/td>\n<\/tr>\n<tr>\n<td><a href=\"https:\/\/gilest.org\">gilest.org<\/a><\/td>\n<td><a href=\"https:\/\/gilest.org\/feed\/index.xml\">Feed<\/a><\/td>\n<\/tr>\n<tr>\n<td><a href=\"https:\/\/danluu.com\">Dan Luu<\/a><\/td>\n<td><a href=\"https:\/\/danluu.com\/atom.xml\">Feed<\/a><\/td>\n<\/tr>\n<tr>\n<td><a href=\"https:\/\/manuelmoreale.com\">Manu&rsquo;s Feed<\/a><\/td>\n<td><a href=\"https:\/\/manuelmoreale.com\/feed\/rss\">Feed<\/a><\/td>\n<\/tr>\n<tr>\n<td><a href=\"https:\/\/advicetowriters.com\">ADVICE TO WRITERS - Writerly Wisdom of the Ages<\/a><\/td>\n<td><a href=\"https:\/\/advicetowriters.com\/advice?format=RSS\">Feed<\/a><\/td>\n<\/tr>\n<tr>\n<td><a href=\"https:\/\/sive.rs\">Derek Sivers blog<\/a><\/td>\n<td><a href=\"https:\/\/sive.rs\/en.atom\">Feed<\/a><\/td>\n<\/tr>\n<tr>\n<td><a href=\"http:\/\/tomcritchlow.com\">tomcritchlow.com<\/a><\/td>\n<td><a href=\"https:\/\/tomcritchlow.com\/feed\">Feed<\/a><\/td>\n<\/tr>\n<tr>\n<td><a href=\"https:\/\/www.arp242.net\">arp242.net<\/a><\/td>\n<td><a href=\"https:\/\/www.arp242.net\/feed.xml\">Feed<\/a><\/td>\n<\/tr>\n<tr>\n<td><a href=\"https:\/\/www.thisdaysportion.com\">This day\u2019s portion (a blog from Leon Paternoster)<\/a><\/td>\n<td><a href=\"https:\/\/www.thisdaysportion.com\/feed\/index.xml\">Feed<\/a><\/td>\n<\/tr>\n<tr>\n<td><a href=\"https:\/\/bearblog.dev\/discover\">Bear Blog Trending Posts<\/a><\/td>\n<td><a href=\"https:\/\/bearblog.dev\/discover\/feed\">Feed<\/a><\/td>\n<\/tr>\n<tr>\n<td><a href=\"https:\/\/chriscoyier.net\">Chris Coyier<\/a><\/td>\n<td><a href=\"https:\/\/chriscoyier.net\/feed\">Feed<\/a><\/td>\n<\/tr>\n<tr>\n<td><a href=\"http:\/\/visakanv.com\/1000\">1,000,000 words by @visakanv<\/a><\/td>\n<td><a href=\"http:\/\/visakanv.com\/1000\/feed\">Feed<\/a><\/td>\n<\/tr>\n<tr>\n<td><a href=\"https:\/\/critter.blog\">Mike Crittenden<\/a><\/td>\n<td><a href=\"https:\/\/critter.blog\/feed\">Feed<\/a><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p>Tags: \n<a href='https:\/\/tedmagaoay.com\/tags\/bookmark'>#bookmark<\/a>, <a href='https:\/\/tedmagaoay.com\/tags\/blogroll'>#blogroll<\/a><\/p>\n\n<p style=\"font-size:1.3rem\">\n  <a href='mailto:hi@tedmagaoay.com?subject=Reply%20to%20\"What%27s%20on%20My%20RSS%20Feeds\"'>Reply to this post via email<\/a>\n<\/p>"},{"title":"No Text Link","link":"https:\/\/tedmagaoay.com\/no-text-link\/","pubDate":"Tue, 30 Aug 2022 16:09:24 +0800","guid":"https:\/\/tedmagaoay.com\/no-text-link\/","description":"<p>For the longest time, I write md links this way:<\/p>\n<pre><code class=\"language-markdown\">[https:\/\/example.org\/](https:\/\/example.org\/)\n<\/code><\/pre>\n<p>result:<br>\n<a href=\"https:\/\/example.org\/\">https:\/\/example.org\/<\/a><\/p>\n<p>TIL that there&rsquo;s an even easier way. Wut???<\/p>\n<p><em>Surround it with angle brackets <code>&lt;&gt;<\/code><\/em>.<\/p>\n<pre><code class=\"language-markdown\">&lt;https:\/\/example.org&gt;\n<\/code><\/pre>\n<p>result:<br>\n<a href=\"https:\/\/example.org\">https:\/\/example.org<\/a><\/p>\n<p>And it works with email addresses too!<\/p>\n<pre><code class=\"language-markdown\">&lt;hello@example.org&gt;\n<\/code><\/pre>\n<p>result:<br>\n<a href=\"mailto:hello@example.org\">hello@example.org<\/a><\/p>\n<p>Tags: \n<a href='https:\/\/tedmagaoay.com\/tags\/markdown'>#markdown<\/a><\/p>\n\n<p style=\"font-size:1.3rem\">\n  <a href='mailto:hi@tedmagaoay.com?subject=Reply%20to%20\"No%20Text%20Link\"'>Reply to this post via email<\/a>\n<\/p>"},{"title":"Link List Lists","link":"https:\/\/tedmagaoay.com\/link-list-lists\/","pubDate":"Sun, 14 Aug 2022 15:20:14 +0800","guid":"https:\/\/tedmagaoay.com\/link-list-lists\/","description":"<table>\n<thead>\n<tr>\n<th>Owner<\/th>\n<th>Address<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>num<\/td>\n<td><a href=\"https:\/\/soda.privatevoid.net\/num\/links\/\">link<\/a><\/td>\n<\/tr>\n<tr>\n<td>Snooper<\/td>\n<td><a href=\"https:\/\/peelopaalu.neocities.org\/\">link<\/a><\/td>\n<\/tr>\n<tr>\n<td>Kev Quirk<\/td>\n<td><a href=\"https:\/\/kevq.uk\/blogroll\/\">link<\/a><\/td>\n<\/tr>\n<tr>\n<td>Ray<\/td>\n<td><a href=\"https:\/\/blogroll.org\/\">link<\/a><\/td>\n<\/tr>\n<tr>\n<td>Jamie Tanna<\/td>\n<td><a href=\"https:\/\/www.jvt.me\/blogroll\/\">link<\/a><\/td>\n<\/tr>\n<tr>\n<td>Jan-Lukas Else<\/td>\n<td><a href=\"https:\/\/jlelse.blog\/blogroll\">link<\/a><\/td>\n<\/tr>\n<tr>\n<td>Visa<\/td>\n<td><a href=\"http:\/\/www.visakanv.com\/blog\/bookmarks\/\">link<\/a><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p>Tags: \n<a href='https:\/\/tedmagaoay.com\/tags\/bookmark'>#bookmark<\/a>, <a href='https:\/\/tedmagaoay.com\/tags\/blogroll'>#blogroll<\/a><\/p>\n\n<p style=\"font-size:1.3rem\">\n  <a href='mailto:hi@tedmagaoay.com?subject=Reply%20to%20\"Link%20List%20Lists\"'>Reply to this post via email<\/a>\n<\/p>"},{"title":"Why Do I Blog and for Whom Is It For","link":"https:\/\/tedmagaoay.com\/why-do-i-blog-and-for-whom-is-it-for\/","pubDate":"Sat, 13 Aug 2022 12:48:28 +0800","guid":"https:\/\/tedmagaoay.com\/why-do-i-blog-and-for-whom-is-it-for\/","description":"<h2 id=\"why\">Why?<\/h2>\n<p>I do blog to document things learned and my not-so-coherent thoughts.<\/p>\n<h2 id=\"for-whom\">For Whom?<\/h2>\n<p>For my future self to have something to reference to or reflect upon.<\/p>\n<p>Tags: \n<a href='https:\/\/tedmagaoay.com\/tags\/blogging'>#blogging<\/a><\/p>\n\n<p style=\"font-size:1.3rem\">\n  <a href='mailto:hi@tedmagaoay.com?subject=Reply%20to%20\"Why%20Do%20I%20Blog%20and%20for%20Whom%20Is%20It%20For\"'>Reply to this post via email<\/a>\n<\/p>"},{"title":"Obsidian Cheat Sheet","link":"https:\/\/tedmagaoay.com\/obsidian-cheat-sheet\/","pubDate":"Thu, 09 Jun 2022 20:38:34 +0800","guid":"https:\/\/tedmagaoay.com\/obsidian-cheat-sheet\/","description":"<h2 id=\"internal-linking\">Internal linking<\/h2>\n<p>Link to a page:<\/p>\n<pre><code class=\"language-markdown\">[[Internal link]]\n<\/code><\/pre>\n<h2 id=\"embed-files\">Embed files<\/h2>\n<h3 id=\"embed-attachments\">Embed attachments<\/h3>\n<p>You can embed attachment files like images, videos, audio, pdf, and even md files in your notes with this syntax:<\/p>\n<pre><code class=\"language-markdown\">![[filename.png]]\n<\/code><\/pre>\n<pre><code class=\"language-markdown\">![[My File.pdf#page=number]]\n<\/code><\/pre>\n<h3 id=\"iframe\">iframe<\/h3>\n<p>&ldquo;iframe&rdquo; is a way to embed a web page in another. It&rsquo;s useful because Markdown can accept HTML, which is a simple language to construct the web pages we see every day.<\/p>\n<h4 id=\"youtube\">youtube<\/h4>\n<pre><code class=\"language-html\">&lt;iframe src=&quot;https:\/\/www.youtube.com\/embed\/NnTvZWp5Q7o&quot;&gt;&lt;\/iframe&gt;\n<\/code><\/pre>\n<h4 id=\"twitter\">twitter<\/h4>\n<pre><code class=\"language-html\">&lt;iframe\n\tborder=0\n\tframeborder=0\n\theight=250\n\twidth=550  \n\tsrc=&quot;https:\/\/twitframe.com\/show?url=https%3A%2F%2Ftwitter.com%2Fjack%2Fstatus%2F20&quot;&gt;\n&lt;\/iframe&gt;\n<\/code><\/pre>\n<h3 id=\"resize-images\">Resize images<\/h3>\n<p>You can resize images using the following syntax:<\/p>\n<p>For markdown images, use:<\/p>\n<pre><code class=\"language-markdown\">![AltText|100x100](https:\/\/url\/to\/image.png)\n<\/code><\/pre>\n<p>For embeds, use:<\/p>\n<pre><code class=\"language-markdown\">![[image.png|100x100]]\n<\/code><\/pre>\n<p>To have the image scale according to its aspect ratio, omit the height:<\/p>\n<pre><code class=\"language-markdown\">![[image.png|100]]\n<\/code><\/pre>\n<h2 id=\"blockquotes\">Blockquotes<\/h2>\n<pre><code class=\"language-markdown\">&gt; Human beings face ever more complex and urgent problems, and their effectiveness in dealing with these problems is a matter that is critical to the stability and continued progress of society.\n\n\\- Doug Engelbart, 1961\n<\/code><\/pre>\n<h2 id=\"highlighting\">Highlighting<\/h2>\n<p>Use two equal signs:<\/p>\n<pre><code class=\"language-markdown\">==highlight text==\n<\/code><\/pre>\n<h2 id=\"footnotes\">Footnotes<\/h2>\n<pre><code class=\"language-markdown\">Here's a simple footnote,[^1] and here's a longer one.[^bignote]\n\n[^1]: meaningful!\n\n[^bignote]: Here's one with multiple paragraphs and code.\n\n    Indent paragraphs to include them in the footnote.\n\n    `{ my code }`\n\n    Add as many paragraphs as you like.\n<\/code><\/pre>\n<h2 id=\"callouts\">Callouts<\/h2>\n<p>Use the following syntax to denote a callout block:<\/p>\n<pre><code class=\"language-markdown\">&gt; [!INFO]\n&gt; Here's a callout block.\n&gt; It supports **markdown** and [[Internal link|wikilinks]].\n<\/code><\/pre>\n<p>Learn more about callouts <a href=\"https:\/\/help.obsidian.md\/How+to\/Use+callouts\">here<\/a>.<\/p>\n<p>Tags: \n<a href='https:\/\/tedmagaoay.com\/tags\/obsidian'>#obsidian<\/a>, <a href='https:\/\/tedmagaoay.com\/tags\/cheat-sheet'>#cheat-sheet<\/a><\/p>\n\n<p style=\"font-size:1.3rem\">\n  <a href='mailto:hi@tedmagaoay.com?subject=Reply%20to%20\"Obsidian%20Cheat%20Sheet\"'>Reply to this post via email<\/a>\n<\/p>"},{"title":"Artists I Like","link":"https:\/\/tedmagaoay.com\/artists-i-like\/","pubDate":"Sat, 04 Jun 2022 20:43:26 +0800","guid":"https:\/\/tedmagaoay.com\/artists-i-like\/","description":"<p>Artists I like, in no particular order. This is a living documnent.<\/p>\n<h2 id=\"illustration\">Illustration<\/h2>\n<ul>\n<li><a href=\"https:\/\/adrienghenassia.com\/\">Adrien Ghenassia<\/a><\/li>\n<li><a href=\"https:\/\/ivanmesaros.com\/\">Ivan Mesaros<\/a><\/li>\n<li><a href=\"https:\/\/www.blokmagnaye.com\/\">Blok Magnaye<\/a><\/li>\n<li><a href=\"http:\/\/www.marcusoakley.com\/\">Marcus Oakley<\/a><\/li>\n<li><a href=\"https:\/\/www.jeromemasi.com\/\">Jerome Masi<\/a><\/li>\n<li><a href=\"https:\/\/karljoel.se\/\">Karl-Joel Larsson<\/a><\/li>\n<li><a href=\"https:\/\/www.behance.net\/zhenyaartemjev\/\">Zhenya Artemjev<\/a><\/li>\n<li><a href=\"https:\/\/timokuilder.com\/\">Timo Kuilder<\/a><\/li>\n<li><a href=\"https:\/\/www.behance.net\/justinalei\/\">Justina Leisyte<\/a><\/li>\n<li><a href=\"https:\/\/www.bannaitaku.jp\/\">Taku Bannai<\/a><\/li>\n<li><a href=\"https:\/\/jingweistudio.com\/\">Jing Wei<\/a><\/li>\n<li><a href=\"https:\/\/www.sebastiankoenig.net\/\">Sebastian Ko\u0308nig<\/a><\/li>\n<li><a href=\"https:\/\/davidvanadia.fr\/\">David Vanadia<\/a><\/li>\n<li><a href=\"https:\/\/www.friedcactusdc.com\/\">Aaron Leah<\/a><\/li>\n<li><a href=\"https:\/\/www.behance.net\/dronova_l\/\">Liubov Dronova<\/a><\/li>\n<li><a href=\"https:\/\/www.madsahara.com\/\">Sarah Adam<\/a><\/li>\n<li><a href=\"https:\/\/petrasitaru.com\/\">Petra Sitaru<\/a><\/li>\n<li><a href=\"http:\/\/www.tamurashigeru.com\/\">Shigeru Tamura<\/a><\/li>\n<li><a href=\"https:\/\/tydale.ca\/\">Ty Dale<\/a><\/li>\n<\/ul>\n<h2 id=\"design\">Design<\/h2>\n<ul>\n<li><a href=\"https:\/\/www.theprojecttwins.com\/\">The Project Twins<\/a><\/li>\n<li><a href=\"https:\/\/timboelaars.com\/\">Tim Boelaars<\/a><\/li>\n<li><a href=\"http:\/\/jorrienpeterson.com\/\">Jorrien Peterson<\/a><\/li>\n<li><a href=\"https:\/\/www.stevewolf.co\/\">Steve Wolf <\/a><\/li>\n<li><a href=\"http:\/\/draplin.com\/\">Aaron Draplin<\/a><\/li>\n<\/ul>\n<h2 id=\"photogpraphy\">Photogpraphy<\/h2>\n<ul>\n<li><a href=\"https:\/\/www.vivianmaier.com\/\">Vivian Maier<\/a><\/li>\n<\/ul>\n<h2 id=\"comics\">Comics<\/h2>\n<ul>\n<li><a href=\"http:\/\/www.incidentalcomics.com\/\">Incidental Comics<\/a><\/li>\n<li><a href=\"https:\/\/catandgirl.com\/\">Cat and Girl<\/a><\/li>\n<\/ul>\n<p>Tags: \n<a href='https:\/\/tedmagaoay.com\/tags\/bookmark'>#bookmark<\/a>, <a href='https:\/\/tedmagaoay.com\/tags\/blogroll'>#blogroll<\/a><\/p>\n\n<p style=\"font-size:1.3rem\">\n  <a href='mailto:hi@tedmagaoay.com?subject=Reply%20to%20\"Artists%20I%20Like\"'>Reply to this post via email<\/a>\n<\/p>"},{"title":"Inkscape Roughen Filter","link":"https:\/\/tedmagaoay.com\/inkscape-roughen-filter\/","pubDate":"Thu, 02 Jun 2022 21:35:01 +0800","guid":"https:\/\/tedmagaoay.com\/inkscape-roughen-filter\/","description":"<aside aria-label=\"warning\" class=\"note warning\">\n  <div>\n    <svg class=\"sign\" aria-hidden=\"true\" viewBox=\"0 0 48.430474 41.646302\" focusable=\"false\">\n      <use href=\"#warning\"><\/use>\n    <\/svg>\n    <p>This is a draft post. <a href=\"https:\/\/tedmagaoay.com\/about\/#contact\">Get in touch<\/a> if this post could use an improvement.<\/p>\n  <\/div>\n<\/aside>\n\n<h2 id=\"problem\">Problem<\/h2>\n<p>I commonly use the Roughen Filter to make my artwork a bit &ldquo;hand drawn&rdquo;. However, Filters commonly move pixels around, and any pixels that fall outside the bounding box of the original shape will not be rendered.<\/p>\n\n\n\n\n\n\n\n\n\n  \n\n\n<figure role=\"group\" aria-describedby=\"caption-351dd839833dedf4e296b366422baab4\">\n  <a href=\"https:\/\/tedmagaoay.com\/inkscape-roughen-filter\/pixels-fall-outside-box-not-rendered.png\" class=\"img-link\">\n    <img src=\"https:\/\/tedmagaoay.com\/inkscape-roughen-filter\/pixels-fall-outside-box-not-rendered_huffbab9b61f928f158ee196e6d0103f2b_161051_700x0_resize_box_3.png\">\n  <\/a>\n  <figcaption id=\"caption-351dd839833dedf4e296b366422baab4\">\n    Pixels fall outside the bounding box are not rendered.\n  <\/figcaption>\n<\/figure>\n\n<h2 id=\"roughen-filter\">Roughen Filter<\/h2>\n<p>In this post I&rsquo;m going to show how to adjust Filters region to prevent the clipping.<\/p>\n<p>To get started, create a path and in this particular post we&rsquo;ll add the Roughen Filter. (Menu &gt; Filters &gt; Distort &gt; Roughen)<\/p>\n\n\n\n\n\n\n\n\n\n  \n\n\n<figure role=\"group\" aria-describedby=\"caption-f6beda53221d7f63e2c9428f9e89e2f0\">\n  <a href=\"https:\/\/tedmagaoay.com\/inkscape-roughen-filter\/roughen-filter-settings.png\" class=\"img-link\">\n    <img src=\"https:\/\/tedmagaoay.com\/inkscape-roughen-filter\/roughen-filter-settings_hubb634a1de4d0d8a58afcf75d3795bcfb_19941_700x0_resize_box_3.png\">\n  <\/a>\n  <figcaption id=\"caption-f6beda53221d7f63e2c9428f9e89e2f0\">\n    Roughen Filter settings.\n  <\/figcaption>\n<\/figure>\n\n<h2 id=\"solution\">Solution<\/h2>\n<p>To fix the problem, open Filter Editor Dialog at Menu &gt; Filter Editor &gt; Filter General Settings. Untick were there&rsquo;s a check box for Automatic Region and adjust accordingly.<\/p>\n\n\n\n\n\n\n\n\n\n  \n\n\n<figure role=\"group\" aria-describedby=\"caption-273a62f54ce386ac8af662deee92535f\">\n  <a href=\"https:\/\/tedmagaoay.com\/inkscape-roughen-filter\/filter-editor.png\" class=\"img-link\">\n    <img src=\"https:\/\/tedmagaoay.com\/inkscape-roughen-filter\/filter-editor_hu00df1d0ecf319a9141c1fab6c0a7505b_40733_700x0_resize_box_3.png\">\n  <\/a>\n  <figcaption id=\"caption-273a62f54ce386ac8af662deee92535f\">\n    The Filter Editor.\n  <\/figcaption>\n<\/figure>\n\n<h2 id=\"result\">Result<\/h2>\n\n\n\n\n\n\n\n\n\n  \n\n\n<figure role=\"group\" aria-describedby=\"caption-b28c0008c28fa851a92fbf21ea2ef7cd\">\n  <a href=\"https:\/\/tedmagaoay.com\/inkscape-roughen-filter\/fixed-region-coordinates-and-dimensions.png\" class=\"img-link\">\n    <img src=\"https:\/\/tedmagaoay.com\/inkscape-roughen-filter\/fixed-region-coordinates-and-dimensions_hucd33be86e2e8bc01af714362144e8a88_155703_700x0_resize_box_3.png\">\n  <\/a>\n  <figcaption id=\"caption-b28c0008c28fa851a92fbf21ea2ef7cd\">\n    Fixed region coordinates and dimensions.\n  <\/figcaption>\n<\/figure>\n\n<p>Tags: \n<a href='https:\/\/tedmagaoay.com\/tags\/inkscape'>#inkscape<\/a>, <a href='https:\/\/tedmagaoay.com\/tags\/filter'>#filter<\/a><\/p>\n\n<p style=\"font-size:1.3rem\">\n  <a href='mailto:hi@tedmagaoay.com?subject=Reply%20to%20\"Inkscape%20Roughen%20Filter\"'>Reply to this post via email<\/a>\n<\/p>"},{"title":"Git Aliases I Often Use","link":"https:\/\/tedmagaoay.com\/git-aliases-i-often-use\/","pubDate":"Sat, 28 May 2022 22:52:37 +0800","guid":"https:\/\/tedmagaoay.com\/git-aliases-i-often-use\/","description":"<p>These are Git aliases that help me be more efficient.<\/p>\n<pre><code class=\"language-git\">git config --global alias.st status\n<\/code><\/pre>\n<pre><code class=\"language-git\">git config --global alias.co checkout\n<\/code><\/pre>\n<pre><code class=\"language-git\">git config --global alias.cm &quot;commit -m&quot;\n<\/code><\/pre>\n<pre><code class=\"language-git\">git config --global alias.an &quot;--amend --no-edit&quot;\n<\/code><\/pre>\n<pre><code class=\"language-git\">git config --global alias.br branch\n<\/code><\/pre>\n<pre><code class=\"language-git\">git config --global alias.df diff\n<\/code><\/pre>\n<pre><code class=\"language-git\">git config --global alias.dfs &quot;diff --staged&quot;\n<\/code><\/pre>\n<!-- ```git\ngit config --global alias.dv \"difftool -t vimdiff -y\"\n``` -->\n<pre><code class=\"language-git\">git config --global alias.logg &quot;log --graph --decorate --oneline --abbrev-commit --all&quot;\n<\/code><\/pre>\n<pre><code class=\"language-git\">git config --global alias.last &quot;log -1 HEAD --stat&quot;\n<\/code><\/pre>\n<p>Tags: \n<a href='https:\/\/tedmagaoay.com\/tags\/git'>#git<\/a>, <a href='https:\/\/tedmagaoay.com\/tags\/cheat-sheet'>#cheat-sheet<\/a><\/p>\n\n<p style=\"font-size:1.3rem\">\n  <a href='mailto:hi@tedmagaoay.com?subject=Reply%20to%20\"Git%20Aliases%20I%20Often%20Use\"'>Reply to this post via email<\/a>\n<\/p>"},{"title":"Hugo on Codeanywhere Cloud IDE","link":"https:\/\/tedmagaoay.com\/hugo-on-codeanywhere-cloud-ide\/","pubDate":"Wed, 25 May 2022 22:19:32 +0800","guid":"https:\/\/tedmagaoay.com\/hugo-on-codeanywhere-cloud-ide\/","description":"<h2 id=\"get-started\">Get Started<\/h2>\n<p>To get started, sign up and create a new container on <a href=\"https:\/\/codeanywhere.com\/\">Codeanywhere<\/a>.<\/p>\n\n\n\n\n\n\n\n\n\n  \n\n\n<figure role=\"group\" aria-describedby=\"caption-a3fe12c73b76322c2b0799b40aac324a\">\n  <a href=\"https:\/\/tedmagaoay.com\/hugo-on-codeanywhere-cloud-ide\/create-container.png\" class=\"img-link\">\n    <img src=\"https:\/\/tedmagaoay.com\/hugo-on-codeanywhere-cloud-ide\/create-container_hu1655310f9fba5e622803093ff0e76f1c_80226_700x0_resize_box_3.png\">\n  <\/a>\n  <figcaption id=\"caption-a3fe12c73b76322c2b0799b40aac324a\">\n    Create a new container.\n  <\/figcaption>\n<\/figure>\n\n<h2 id=\"install-go\">Install Go<\/h2>\n<p>Most of the commands for Hugo Modules require a newer version of Go installed (see <a href=\"https:\/\/golang.org\/dl\/\">https:\/\/golang.org\/dl\/<\/a>) and the relevant VCS client (e.g. Git, see <a href=\"https:\/\/git-scm.com\/downloads\/\">https:\/\/git-scm.com\/downloads\/<\/a> ).<\/p>\n\n\n\n\n\n\n\n\n\n  \n\n\n<figure role=\"group\" aria-describedby=\"caption-10a54b4d512e195701aecc85725f5f8a\">\n  <a href=\"https:\/\/tedmagaoay.com\/hugo-on-codeanywhere-cloud-ide\/install-dependencies.png\" class=\"img-link\">\n    <img src=\"https:\/\/tedmagaoay.com\/hugo-on-codeanywhere-cloud-ide\/install-dependencies_hu72211c7d7645de4b56734b20297be329_85762_700x0_resize_box_3.png\">\n  <\/a>\n  <figcaption id=\"caption-10a54b4d512e195701aecc85725f5f8a\">\n    Install Go.\n  <\/figcaption>\n<\/figure>\n\n<p>Make sure Go is installed and available in the container using the following command:<\/p>\n<pre><code class=\"language-terminal\">$ go version\n<\/code><\/pre>\n\n\n\n\n\n\n\n\n\n  \n\n\n<figure role=\"group\" aria-describedby=\"caption-4c10c4b97f59413037d0d08501c42bab\">\n  <a href=\"https:\/\/tedmagaoay.com\/hugo-on-codeanywhere-cloud-ide\/go-version.png\" class=\"img-link\">\n    <img src=\"https:\/\/tedmagaoay.com\/hugo-on-codeanywhere-cloud-ide\/go-version_hu440150842a52f6853a13462fa9418dd7_81275_700x0_resize_box_3.png\">\n  <\/a>\n  <figcaption id=\"caption-4c10c4b97f59413037d0d08501c42bab\">\n    Go version.\n  <\/figcaption>\n<\/figure>\n\n<h2 id=\"install-hugo-extended\">Install Hugo Extended<\/h2>\n<p>First download the binary into a temp folder:<\/p>\n<pre><code class=\"language-terminal\">$ wget -P \/tmp\/ https:\/\/github.com\/gohugoio\/hugo\/releases\/download\/v0.99.1\/hugo_extended_0.99.1_Linux-64bit.deb\n<\/code><\/pre>\n<p>Now you can extract the content and install:<\/p>\n<pre><code class=\"language-terminal\">$ sudo dpkg -i \/tmp\/hugo_extended_0.99.1_Linux-64bit.deb\n<\/code><\/pre>\n\n\n\n\n\n\n\n\n\n  \n\n\n<figure role=\"group\" aria-describedby=\"caption-74286da7841d943bd63c49c89e583c5b\">\n  <a href=\"https:\/\/tedmagaoay.com\/hugo-on-codeanywhere-cloud-ide\/install-hugo.png\" class=\"img-link\">\n    <img src=\"https:\/\/tedmagaoay.com\/hugo-on-codeanywhere-cloud-ide\/install-hugo_hu440150842a52f6853a13462fa9418dd7_260375_700x0_resize_box_3.png\">\n  <\/a>\n  <figcaption id=\"caption-74286da7841d943bd63c49c89e583c5b\">\n    Install Hugo.\n  <\/figcaption>\n<\/figure>\n\n<p>From the container, type <code>hugo version<\/code> in the terminal. You should see something similar to this appear, which means Hugo has been properly installed:<\/p>\n<pre><code class=\"language-terminal\">$ hugo v0.99.1-d524067382e60ce2a2248c3133a1b3af206b6ef1+extended linux\/amd64 BuildDate=2022-05-18T11:18:14Z VendorInfo=gohugoio\n<\/code><\/pre>\n\n\n\n\n\n\n\n\n\n  \n\n\n<figure role=\"group\" aria-describedby=\"caption-eb057b312a56f0fc29d06b4cc1f96b5a\">\n  <a href=\"https:\/\/tedmagaoay.com\/hugo-on-codeanywhere-cloud-ide\/hugo-version.png\" class=\"img-link\">\n    <img src=\"https:\/\/tedmagaoay.com\/hugo-on-codeanywhere-cloud-ide\/hugo-version_hu440150842a52f6853a13462fa9418dd7_86421_700x0_resize_box_3.png\">\n  <\/a>\n  <figcaption id=\"caption-eb057b312a56f0fc29d06b4cc1f96b5a\">\n    Hugo version.\n  <\/figcaption>\n<\/figure>\n\n<p>You can find all releases of Hugo on the official github repo:<\/p>\n<p><a href=\"https:\/\/github.com\/gohugoio\/hugo\/releases\">https:\/\/github.com\/gohugoio\/hugo\/releases<\/a><\/p>\n<h2 id=\"add-site\">Add Site<\/h2>\n<p><a href=\"https:\/\/gohugo.io\/getting-started\/quick-start\/\">Create a new site<\/a> or clone your existing site Github repository.<\/p>\n\n\n\n\n\n\n\n\n\n  \n\n\n<figure role=\"group\" aria-describedby=\"caption-32b57ece8aa7f852b93706ce58e33f61\">\n  <a href=\"https:\/\/tedmagaoay.com\/hugo-on-codeanywhere-cloud-ide\/add-site.png\" class=\"img-link\">\n    <img src=\"https:\/\/tedmagaoay.com\/hugo-on-codeanywhere-cloud-ide\/add-site_hu440150842a52f6853a13462fa9418dd7_116302_700x0_resize_box_3.png\">\n  <\/a>\n  <figcaption id=\"caption-32b57ece8aa7f852b93706ce58e33f61\">\n    Add site.\n  <\/figcaption>\n<\/figure>\n\n<h2 id=\"preview-site\">Preview Site<\/h2>\n<p>Run <code>$ hugo server<\/code>.<\/p>\n\n\n\n\n\n\n\n\n\n  \n\n\n<figure role=\"group\" aria-describedby=\"caption-9670503505873d6d7670db8b214a38b1\">\n  <a href=\"https:\/\/tedmagaoay.com\/hugo-on-codeanywhere-cloud-ide\/hugo-server.png\" class=\"img-link\">\n    <img src=\"https:\/\/tedmagaoay.com\/hugo-on-codeanywhere-cloud-ide\/hugo-server_hu440150842a52f6853a13462fa9418dd7_257307_700x0_resize_box_3.png\">\n  <\/a>\n  <figcaption id=\"caption-9670503505873d6d7670db8b214a38b1\">\n    Run site.\n  <\/figcaption>\n<\/figure>\n\n<p>Open preview.<\/p>\n\n\n\n\n\n\n\n\n\n  \n\n\n<figure role=\"group\" aria-describedby=\"caption-e2fdbc33b3b58d8b47a80d07304c8574\">\n  <a href=\"https:\/\/tedmagaoay.com\/hugo-on-codeanywhere-cloud-ide\/open-preview.png\" class=\"img-link\">\n    <img src=\"https:\/\/tedmagaoay.com\/hugo-on-codeanywhere-cloud-ide\/open-preview_hu22bf39ce0bf231baa81c95c8c077dd2c_20026_700x0_resize_box_3.png\">\n  <\/a>\n  <figcaption id=\"caption-e2fdbc33b3b58d8b47a80d07304c8574\">\n    Open preview.\n  <\/figcaption>\n<\/figure>\n\n\n\n\n\n\n\n\n\n\n  \n\n\n<figure role=\"group\" aria-describedby=\"caption-278f7228331a4354d8339b22b8a55c1b\">\n  <a href=\"https:\/\/tedmagaoay.com\/hugo-on-codeanywhere-cloud-ide\/site-preview.png\" class=\"img-link\">\n    <img src=\"https:\/\/tedmagaoay.com\/hugo-on-codeanywhere-cloud-ide\/site-preview_hu21acf9b5632403aa6e6fef1cdaf819a2_348534_700x0_resize_box_3.png\">\n  <\/a>\n  <figcaption id=\"caption-278f7228331a4354d8339b22b8a55c1b\">\n    Site Preview.\n  <\/figcaption>\n<\/figure>\n\n<p>To preview your site manually, replace [container name] with your container name.<\/p>\n<p>https:\/\/port-1313-[container name].preview.codeanywhere.com\/<\/p>\n<p>Sample:<\/p>\n<p>My container link is: <a href=\"https:\/\/ide.codeanywhere.com\/tedm-hxz97459500903\/#\/home\/cabox\/workspace\">https:\/\/ide.codeanywhere.com\/tedm-hxz97459500903\/#\/home\/cabox\/workspace<\/a> which means the container name is tedm-hxz97459500903. The preview site link will be:<\/p>\n<p><a href=\"https:\/\/port-1313-tedm-hxz97459500903.preview.codeanywhere.com\/\">https:\/\/port-1313-tedm-hxz97459500903.preview.codeanywhere.com\/<\/a><\/p>\n<p>Tags: \n<a href='https:\/\/tedmagaoay.com\/tags\/hugo'>#hugo<\/a>, <a href='https:\/\/tedmagaoay.com\/tags\/cloud-ide'>#cloud-ide<\/a><\/p>\n\n<p style=\"font-size:1.3rem\">\n  <a href='mailto:hi@tedmagaoay.com?subject=Reply%20to%20\"Hugo%20on%20Codeanywhere%20Cloud%20IDE\"'>Reply to this post via email<\/a>\n<\/p>"},{"title":"Interview With Graphic Designer Paul Rand by Miggsb","link":"https:\/\/tedmagaoay.com\/interview-with-graphic-designer-paul-rand-by-miggsb\/","pubDate":"Sat, 21 May 2022 18:09:31 +0800","guid":"https:\/\/tedmagaoay.com\/interview-with-graphic-designer-paul-rand-by-miggsb\/","description":"<p>1991 interview with legendary graphic designer Paul Rand, creator of logos for IBM, ABC-TV, Westinghouse, UPS and hundreds more.<\/p>\n<h2 id=\"interview-with-graphic-designer-paul-rand-part-1-of-3\">Interview with graphic designer, Paul Rand-Part 1 of 3<\/h2>\n\n<div style=\"position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden;\">\n  <iframe src=\"https:\/\/www.youtube.com\/embed\/Ta4ef1xBeMA\" style=\"position: absolute; top: 0; left: 0; width: 100%; height: 100%; border:0;\" allowfullscreen title=\"YouTube Video\"><\/iframe>\n<\/div>\n\n<h2 id=\"interview-with-graphic-designer-paul-rand-part-2-of-3\">Interview with graphic designer, Paul Rand-Part 2 of 3<\/h2>\n\n<div style=\"position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden;\">\n  <iframe src=\"https:\/\/www.youtube.com\/embed\/2bA1LdQknbk\" style=\"position: absolute; top: 0; left: 0; width: 100%; height: 100%; border:0;\" allowfullscreen title=\"YouTube Video\"><\/iframe>\n<\/div>\n\n<h2 id=\"interview-with-graphic-designer-paul-rand-part-3-of-3\">Interview with graphic designer, Paul Rand-Part 3 of 3<\/h2>\n\n<div style=\"position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden;\">\n  <iframe src=\"https:\/\/www.youtube.com\/embed\/LxiDNdM2-bM\" style=\"position: absolute; top: 0; left: 0; width: 100%; height: 100%; border:0;\" allowfullscreen title=\"YouTube Video\"><\/iframe>\n<\/div>\n\n<p>Tags: \n<a href='https:\/\/tedmagaoay.com\/tags\/bookmark'>#bookmark<\/a>, <a href='https:\/\/tedmagaoay.com\/tags\/permalink'>#permalink<\/a><\/p>\n\n<p style=\"font-size:1.3rem\">\n  <a href='mailto:hi@tedmagaoay.com?subject=Reply%20to%20\"Interview%20With%20Graphic%20Designer%20Paul%20Rand%20by%20Miggsb\"'>Reply to this post via email<\/a>\n<\/p>"},{"title":"Schedule Netlify Builds With Github Actions","link":"https:\/\/tedmagaoay.com\/schedule-netlify-builds-with-github-actions\/","pubDate":"Thu, 06 Jan 2022 16:38:31 +0800","guid":"https:\/\/tedmagaoay.com\/schedule-netlify-builds-with-github-actions\/","description":"<h2 id=\"steps\">Steps<\/h2>\n<ol>\n<li>\n<p>Create a POST request build hook in your Netlify dashboard: Site settings &gt; Build &amp; deploy &gt; Continuous deployment &gt; Build hooks.<\/p>\n<\/li>\n<li>\n<p>In your GitHub repo, create a main.yml file in a .github\/workflows directory.<\/p>\n<\/li>\n<li>\n<p>Create a <a href=\"https:\/\/crontab.guru\/\">cron schedule<\/a>.<\/p>\n<\/li>\n<\/ol>\n<pre><code class=\"language-yaml\">name: Schedule Netlify Build\non:\n  schedule:\n    # \u201cAt 20:00 on every day-of-week from Monday through Friday.\u201d\n    - cron: '0 20 * * 1-5'\njobs:\n  build:\n    name: Build Hook\n    runs-on: ubuntu-latest\n    steps:\n      - name: Curl request\n        run: curl -X POST -d {} BUILD_HOOK_URL\n<\/code><\/pre>\n<aside aria-label=\"note\" class=\"note\">\n  <div>\n    <svg class=\"sign\" aria-hidden=\"true\" viewBox=\"0 0 41.667306 41.66729\" focusable=\"false\">\n      <use href=\"#info\"><\/use>\n    <\/svg>\n    <p>GitHub Actions are configured in UTC so adjust your cron schedule expressions to your respective regions.<\/p>\n  <\/div>\n<\/aside>\n<p>Tags: \n<a href='https:\/\/tedmagaoay.com\/tags\/cron'>#cron<\/a>, <a href='https:\/\/tedmagaoay.com\/tags\/netlify'>#netlify<\/a>, <a href='https:\/\/tedmagaoay.com\/tags\/hugo'>#hugo<\/a>, <a href='https:\/\/tedmagaoay.com\/tags\/github'>#github<\/a><\/p>\n\n<p style=\"font-size:1.3rem\">\n  <a href='mailto:hi@tedmagaoay.com?subject=Reply%20to%20\"Schedule%20Netlify%20Builds%20With%20Github%20Actions\"'>Reply to this post via email<\/a>\n<\/p>"},{"title":"2022 Todo","link":"https:\/\/tedmagaoay.com\/2022-todo\/","pubDate":"Fri, 31 Dec 2021 09:41:32 +0800","guid":"https:\/\/tedmagaoay.com\/2022-todo\/","description":"<h2 id=\"todo\">Todo<\/h2>\n<p>Todo list for the year 2022 in no particular order. This is a living document.<\/p>\n<h3 id=\"1-family-web-page\">1. Family web page<\/h3>\n<ul>\n<li><input disabled=\"\" type=\"checkbox\"> Create family crest and logo<\/li>\n<li><input checked=\"\" disabled=\"\" type=\"checkbox\"> Finish website<\/li>\n<li><input disabled=\"\" type=\"checkbox\"> Create at least 3 posts<\/li>\n<li><input checked=\"\" disabled=\"\" type=\"checkbox\"> Create members web pages.<\/li>\n<\/ul>\n<h3 id=\"2-create-posts\">2. Create Posts<\/h3>\n<p>May overlap<\/p>\n<ul>\n<li><input disabled=\"\" type=\"checkbox\"> <a href=\"https:\/\/100daystooffload.com\/\">#100DaysToOffload<\/a><\/li>\n<li><input disabled=\"\" type=\"checkbox\"> At least 3 power posts<\/li>\n<li><input disabled=\"\" type=\"checkbox\"> At least 10 Tagalog posts<\/li>\n<li><input disabled=\"\" type=\"checkbox\"> At least 10 Comic strips<\/li>\n<\/ul>\n<h3 id=\"3-study-python\">3. Study Python<\/h3>\n<ul>\n<li><input disabled=\"\" type=\"checkbox\"> Create a Notebook<\/li>\n<\/ul>\n<h3 id=\"4-study-japanese-language\">4. Study Japanese language<\/h3>\n<ul>\n<li><input checked=\"\" disabled=\"\" type=\"checkbox\"> Create a <a href=\"https:\/\/nihongo.magaoay.org\/\">Notebook<\/a><\/li>\n<\/ul>\n<h3 id=\"5-read-classic-books\">5. Read classic books<\/h3>\n<ul>\n<li><input disabled=\"\" type=\"checkbox\"> Pride and Prejudice by Jane Austen (1813)<\/li>\n<li><input disabled=\"\" type=\"checkbox\"> To Kill a Mockingbird by Harper Lee (1960)<\/li>\n<li><input disabled=\"\" type=\"checkbox\"> The Great Gatsby by F. Scott Fitzgerald (1925)<\/li>\n<li><input disabled=\"\" type=\"checkbox\"> Moby-Dick by Herman Melville (1851)<\/li>\n<li><input disabled=\"\" type=\"checkbox\"> Nineteen Eighty-Four by George Orwell (1949)<\/li>\n<li><input disabled=\"\" type=\"checkbox\"> The Adventures of Huckleberry Finn by Mark Twain (1884)<\/li>\n<li><input disabled=\"\" type=\"checkbox\"> A Tale of Two Cities by Charles Dickens (1859)<\/li>\n<li><input disabled=\"\" type=\"checkbox\"> Great Expectations by Charles Dickens (1860)<\/li>\n<li><input disabled=\"\" type=\"checkbox\"> The Catcher in the Rye by J.D. Salinger (1951)<\/li>\n<\/ul>\n<h3 id=\"6-30-days-of-sketching-logo-concepts\">6. 30 days of sketching logo concepts<\/h3>\n<h3 id=\"7-30-days-of-water-fasting\">7. 30 days of water fasting<\/h3>\n<ul>\n<li><input checked=\"\" disabled=\"\" type=\"checkbox\"> April 4 to May 4<\/li>\n<\/ul>\n<h3 id=\"8-water-fast-at-least-3-days-every-month\">8. Water fast at least 3 days every month<\/h3>\n<ul>\n<li><input disabled=\"\" type=\"checkbox\"> <del>January<\/del><\/li>\n<li><input disabled=\"\" type=\"checkbox\"> <del>February<\/del><\/li>\n<li><input checked=\"\" disabled=\"\" type=\"checkbox\"> March<\/li>\n<li><input checked=\"\" disabled=\"\" type=\"checkbox\"> April<\/li>\n<li><input checked=\"\" disabled=\"\" type=\"checkbox\"> May<\/li>\n<li><input checked=\"\" disabled=\"\" type=\"checkbox\"> June<\/li>\n<li><input checked=\"\" disabled=\"\" type=\"checkbox\"> July<\/li>\n<li><input disabled=\"\" type=\"checkbox\"> <del>August<\/del><\/li>\n<li><input checked=\"\" disabled=\"\" type=\"checkbox\"> September<\/li>\n<li><input checked=\"\" disabled=\"\" type=\"checkbox\"> October<\/li>\n<li><input checked=\"\" disabled=\"\" type=\"checkbox\"> November<\/li>\n<li><input checked=\"\" disabled=\"\" type=\"checkbox\"> December<\/li>\n<\/ul>\n<p>Tags: \n<a href='https:\/\/tedmagaoay.com\/tags\/todo'>#todo<\/a>, <a href='https:\/\/tedmagaoay.com\/tags\/okr'>#okr<\/a>, <a href='https:\/\/tedmagaoay.com\/tags\/life'>#life<\/a><\/p>\n\n<p style=\"font-size:1.3rem\">\n  <a href='mailto:hi@tedmagaoay.com?subject=Reply%20to%20\"2022%20Todo\"'>Reply to this post via email<\/a>\n<\/p>"},{"title":"VS Code Regex","link":"https:\/\/tedmagaoay.com\/vscode-regex\/","pubDate":"Wed, 29 Dec 2021 22:59:06 +0800","guid":"https:\/\/tedmagaoay.com\/vscode-regex\/","description":"<aside aria-label=\"warning\" class=\"note warning\">\n  <div>\n    <svg class=\"sign\" aria-hidden=\"true\" viewBox=\"0 0 48.430474 41.646302\" focusable=\"false\">\n      <use href=\"#warning\"><\/use>\n    <\/svg>\n    <p>This is a draft post. <a href=\"https:\/\/tedmagaoay.com\/about\/##contact\">Get in touch<\/a> if this post could use an improvement.<\/p>\n  <\/div>\n<\/aside>\n\n<h2 id=\"scenario-1-creating-fn-markdown\">Scenario 1: Creating fn markdown<\/h2>\n<h3 id=\"problem\">Problem<\/h3>\n<p>from this:<\/p>\n<pre><code>[1]\n[12]\n[123]\n[a]\n[2]\n<\/code><\/pre>\n<p>to this<\/p>\n<pre><code>[^1]:\n[^12]:\n[^123]:\n[a]\n[^2]:\n<\/code><\/pre>\n<h3 id=\"solution\">Solution<\/h3>\n<p>search:<\/p>\n<pre><code>\\[(\\d+)\\]  \n<\/code><\/pre>\n<aside aria-label=\"note\" class=\"note\">\n  <div>\n    <svg class=\"sign\" aria-hidden=\"true\" viewBox=\"0 0 41.667306 41.66729\" focusable=\"false\">\n      <use href=\"#info\"><\/use>\n    <\/svg>\n    <p>\\d = find single number<br>\n\\d\\d = find two numbers<br>\n\\d* = find zero or more numbers<br>\n\\d+ = find one or more consecutive numbers<\/p>\n  <\/div>\n<\/aside>\n\n<p>replace:<\/p>\n<pre><code>[^$1]:\n<\/code><\/pre>\n<aside aria-label=\"note\" class=\"note\">\n  <div>\n    <svg class=\"sign\" aria-hidden=\"true\" viewBox=\"0 0 41.667306 41.66729\" focusable=\"false\">\n      <use href=\"#info\"><\/use>\n    <\/svg>\n    <p>note: $1 is the first group marked by brackets ( and ) which is (\\d+)<\/p>\n  <\/div>\n<\/aside>\n\n<!-- ## References\n\n1. [Find and Replace in Visual Studio Code](https:\/\/mykeels.medium.com\/find-and-replace-in-visual-studio-code-864d9d7efbd8) by Ikechi Michael -->\n<p>Tags: \n<a href='https:\/\/tedmagaoay.com\/tags\/vscode'>#vscode<\/a>, <a href='https:\/\/tedmagaoay.com\/tags\/regex'>#regex<\/a><\/p>\n\n<p style=\"font-size:1.3rem\">\n  <a href='mailto:hi@tedmagaoay.com?subject=Reply%20to%20\"VS%20Code%20Regex\"'>Reply to this post via email<\/a>\n<\/p>"},{"title":"VS Code Keyboard Shortcuts","link":"https:\/\/tedmagaoay.com\/vscode-shortcuts\/","pubDate":"Sun, 19 Dec 2021 00:23:31 +0800","guid":"https:\/\/tedmagaoay.com\/vscode-shortcuts\/","description":"<h2 id=\"general\">General<\/h2>\n<table>\n<thead>\n<tr>\n<th>Keyboard shortcuts<\/th>\n<th>Commands<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td><kbd>Ctrl + Shift + P, F1<\/kbd><\/td>\n<td>Show Command Palette<\/td>\n<\/tr>\n<tr>\n<td><kbd>Ctrl + P<\/kbd><\/td>\n<td>Quick Open, Go to File\u2026<\/td>\n<\/tr>\n<tr>\n<td><kbd>Ctrl + K &amp; Ctrl + S<\/kbd><\/td>\n<td>Keyboard Shortcuts<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h2 id=\"basic-editing\">Basic Editing<\/h2>\n<table>\n<thead>\n<tr>\n<th>Keyboard shortcuts<\/th>\n<th>Commands<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td><kbd>Alt +  \u2191 \/ \u2193<\/kbd><\/td>\n<td>Move line up\/down<\/td>\n<\/tr>\n<tr>\n<td><kbd>Ctrl + Shift + [<\/kbd><\/td>\n<td>Fold (collapse) region<\/td>\n<\/tr>\n<tr>\n<td><kbd>Ctrl + Shift + ]<\/kbd><\/td>\n<td>Unfold (uncollapse) region<\/td>\n<\/tr>\n<tr>\n<td><kbd>Alt + Z<\/kbd><\/td>\n<td>Toggle word wrap<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h2 id=\"multi-cursor-and-selection\">Multi-cursor and selection<\/h2>\n<table>\n<thead>\n<tr>\n<th>Keyboard shortcuts<\/th>\n<th>Commands<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td><kbd>Alt + Click<\/kbd><\/td>\n<td>Insert cursor<\/td>\n<\/tr>\n<tr>\n<td><kbd>Ctrl + Alt +  \u2191 \/ \u2193<\/kbd><\/td>\n<td>Insert cursor above \/ below<\/td>\n<\/tr>\n<tr>\n<td><kbd>Ctrl + U<\/kbd><\/td>\n<td>Undo last cursor operation<\/td>\n<\/tr>\n<tr>\n<td><kbd>Ctrl + Shift + L<\/kbd><\/td>\n<td>Select all occurrences of current selection<\/td>\n<\/tr>\n<tr>\n<td><kbd>Ctrl + F2<\/kbd><\/td>\n<td>Select all occurrences of current word<\/td>\n<\/tr>\n<tr>\n<td><kbd>Shift + Alt  +  (drag mouse)<\/kbd><\/td>\n<td>Column (box) selection<\/td>\n<\/tr>\n<tr>\n<td><kbd>Ctrl + Shift + Alt  +  \u2191 \/ \u2193<\/kbd><\/td>\n<td>Column (box) selection<\/td>\n<\/tr>\n<tr>\n<td><kbd>Shift + Alt + I<\/kbd><\/td>\n<td>Insert cursor at end of each line selected<\/td>\n<\/tr>\n<tr>\n<td><kbd>Shift + Alt + I,  Home<\/kbd><\/td>\n<td>Insert cursor at beginning of each line selected<\/td>\n<\/tr>\n<tr>\n<td><kbd>Shift + Home<\/kbd><\/td>\n<td>Extending the selection to the beginning of each line selected<\/td>\n<\/tr>\n<tr>\n<td><kbd>Shift + End<\/kbd><\/td>\n<td>Extending the selection to the end of each line selected<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h2 id=\"display\">Display<\/h2>\n<table>\n<thead>\n<tr>\n<th>Keyboard shortcuts<\/th>\n<th>Commands<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td><kbd>F11<\/kbd><\/td>\n<td>Toggle full screen<\/td>\n<\/tr>\n<tr>\n<td><kbd>Ctrl + B<\/kbd><\/td>\n<td>Toggle Sidebar visibility<\/td>\n<\/tr>\n<tr>\n<td><kbd>Ctrl + Shift + F<\/kbd><\/td>\n<td>Show Search<\/td>\n<\/tr>\n<tr>\n<td><kbd>Ctrl + K V<\/kbd><\/td>\n<td>Open Markdown preview to the side<\/td>\n<\/tr>\n<tr>\n<td><kbd>Ctrl + K Z<\/kbd><\/td>\n<td>Zen Mode<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h2 id=\"integrated-terminal\">Integrated Terminal<\/h2>\n<table>\n<thead>\n<tr>\n<th>Keyboard shortcuts<\/th>\n<th>Commands<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td><kbd>Ctrl + `<\/kbd><\/td>\n<td>Show integrated terminal<\/td>\n<\/tr>\n<tr>\n<td><kbd>Ctrl + Shift + `<\/kbd><\/td>\n<td>Create new terminal<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p>Tags: \n<a href='https:\/\/tedmagaoay.com\/tags\/vscode'>#vscode<\/a>, <a href='https:\/\/tedmagaoay.com\/tags\/keyboard-shortcuts'>#keyboard-shortcuts<\/a><\/p>\n\n<p style=\"font-size:1.3rem\">\n  <a href='mailto:hi@tedmagaoay.com?subject=Reply%20to%20\"VS%20Code%20Keyboard%20Shortcuts\"'>Reply to this post via email<\/a>\n<\/p>"},{"title":"Git Ref","link":"https:\/\/tedmagaoay.com\/git-ref\/","pubDate":"Fri, 29 Oct 2021 20:31:15 +0800","guid":"https:\/\/tedmagaoay.com\/git-ref\/","description":"<p>Some of git commands I often use. A living doc.<\/p>\n<table>\n<thead>\n<tr>\n<th>Task<\/th>\n<th>Syntax<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>Init new repo<\/td>\n<td><code>git init<\/code><\/td>\n<\/tr>\n<tr>\n<td>Configure local user name<\/td>\n<td><code>git config --local user.name &quot;&lt;USER_NAME&gt;&quot;<\/code><\/td>\n<\/tr>\n<tr>\n<td>Configure local user email<\/td>\n<td><code>git config --local user.email &quot;&lt;USER_EMAIL&gt;&quot;<\/code><\/td>\n<\/tr>\n<tr>\n<td>List local configuration<\/td>\n<td><code>git config --local --list<\/code><\/td>\n<\/tr>\n<tr>\n<td>Create new branch<\/td>\n<td><code>git checkout -b &lt;BRANCH&gt;<\/code><\/td>\n<\/tr>\n<tr>\n<td>Create remote branch from local branch<\/td>\n<td><code>git push --set-upstream origin &lt;BRANCH&gt;<\/code><\/td>\n<\/tr>\n<tr>\n<td>Checkout existing branch<\/td>\n<td><code>git checkout &lt;BRANCH&gt;<\/code><\/td>\n<\/tr>\n<tr>\n<td>Delete local branch<\/td>\n<td><code>git branch -D &lt;BRANCH&gt;<\/code><\/td>\n<\/tr>\n<tr>\n<td>Delete all local branches except for current banch<\/td>\n<td><code>git branch | grep -v '^*' | xargs git branch -D<\/code><\/td>\n<\/tr>\n<tr>\n<td>Delete remote branch<\/td>\n<td><code>git push --delete --force origin &lt;BRANCH&gt;<\/code><\/td>\n<\/tr>\n<tr>\n<td>List local branches<\/td>\n<td><code>git branch<\/code><\/td>\n<\/tr>\n<tr>\n<td>List remote branches<\/td>\n<td><code>git branch -r<\/code><\/td>\n<\/tr>\n<tr>\n<td>Show status<\/td>\n<td><code>git status<\/code><\/td>\n<\/tr>\n<tr>\n<td>Show diff<\/td>\n<td><code>git diff<\/code><\/td>\n<\/tr>\n<tr>\n<td>Stage all changes<\/td>\n<td><code>git add .<\/code><\/td>\n<\/tr>\n<tr>\n<td>Commit staged changes<\/td>\n<td><code>git commit -m &quot;&lt;MESSAGE&gt;&quot;<\/code><\/td>\n<\/tr>\n<tr>\n<td>Push local branch to remote branch<\/td>\n<td><code>git push<\/code><\/td>\n<\/tr>\n<tr>\n<td>Merge remote branch into local branch<\/td>\n<td><code>git pull origin &lt;BRANCH&gt;<\/code><\/td>\n<\/tr>\n<tr>\n<td>Show commit log<\/td>\n<td><code>git log<\/code><\/td>\n<\/tr>\n<tr>\n<td>Show pretty commit log<\/td>\n<td><code>git log --oneline<\/code><\/td>\n<\/tr>\n<tr>\n<td>Unstage all changes<\/td>\n<td><code>git reset<\/code><\/td>\n<\/tr>\n<tr>\n<td>Resets the index and working tree<\/td>\n<td><code>git reset --hard<\/code><\/td>\n<\/tr>\n<tr>\n<td>Undo all modified files<\/td>\n<td><code>git checkout .<\/code><\/td>\n<\/tr>\n<tr>\n<td>Delete untracked files\/directories and .gitignore files<\/td>\n<td><code>git clean -fdx<\/code><\/td>\n<\/tr>\n<tr>\n<td>Interactively rebase last <code>n<\/code> commits<\/td>\n<td><code>git rebase -i HEAD~n<\/code><\/td>\n<\/tr>\n<tr>\n<td>Cleanup local repo<\/td>\n<td><code>git gc<\/code><\/td>\n<\/tr>\n<tr>\n<td>Recognize case-only filename changes<\/td>\n<td><code>git mv -f &lt;OLD_FILE_PATH&gt; &lt;NEW_FILE_PATH&gt;<\/code><\/td>\n<\/tr>\n<tr>\n<td>Ignore a file that was already committed<\/td>\n<td><code>git rm -r --cached . &amp;&amp; git add .<\/code><\/td>\n<\/tr>\n<tr>\n<td>Rebase &lsquo;origin\/main<\/td>\n<td><code>git pull --rebase<\/code><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p>Tags: \n<a href='https:\/\/tedmagaoay.com\/tags\/git'>#git<\/a>, <a href='https:\/\/tedmagaoay.com\/tags\/cheat-sheet'>#cheat-sheet<\/a><\/p>\n\n<p style=\"font-size:1.3rem\">\n  <a href='mailto:hi@tedmagaoay.com?subject=Reply%20to%20\"Git%20Ref\"'>Reply to this post via email<\/a>\n<\/p>"},{"title":"Learn Blender With a Poster Infographic","link":"https:\/\/tedmagaoay.com\/learn-blender-with-a-poster-infographic\/","pubDate":"Fri, 22 Oct 2021 11:08:37 +0800","guid":"https:\/\/tedmagaoay.com\/learn-blender-with-a-poster-infographic\/","description":"\n\n\n\n\n\n\n\n\n  \n\n\n<figure role=\"group\" aria-describedby=\"caption-a0c97440be1fd17b491fe83d6a0134f7\">\n  <a href=\"https:\/\/tedmagaoay.com\/learn-blender-with-a-poster-infographic\/blender-infographic-SM-2500.png\" class=\"img-link\">\n    <img src=\"https:\/\/tedmagaoay.com\/learn-blender-with-a-poster-infographic\/blender-infographic-SM-2500_hu9aa6ba94f4e39446ae69198a1ab8bcb0_2458965_700x0_resize_box_3.png\">\n  <\/a>\n  <figcaption id=\"caption-a0c97440be1fd17b491fe83d6a0134f7\">\n    Learn Blender With a Poster Infographic.\n  <\/figcaption>\n<\/figure>\n\n<p><a href=\"https:\/\/www.giudansky.com\/illustration\/infographics\/blender-map\">Download the free png version<\/a> (2500 x 1766 px) or <a href=\"https:\/\/store.giudansky.com\/\">Get the full resolution vector<\/a> to support the creator.<\/p>\n<p>Tags: \n<a href='https:\/\/tedmagaoay.com\/tags\/blender'>#blender<\/a>, <a href='https:\/\/tedmagaoay.com\/tags\/cheat-sheet'>#cheat-sheet<\/a><\/p>\n\n<p style=\"font-size:1.3rem\">\n  <a href='mailto:hi@tedmagaoay.com?subject=Reply%20to%20\"Learn%20Blender%20With%20a%20Poster%20Infographic\"'>Reply to this post via email<\/a>\n<\/p>"},{"title":"36 Quotes From Mark Twain That Are Worth Listening to Life Changing Quotes","link":"https:\/\/tedmagaoay.com\/36-quotes-from-mark-twain-that-are-worth-listening-to-life-changing-quotes\/","pubDate":"Fri, 22 Oct 2021 09:36:29 +0800","guid":"https:\/\/tedmagaoay.com\/36-quotes-from-mark-twain-that-are-worth-listening-to-life-changing-quotes\/","description":"\n<div style=\"position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden;\">\n  <iframe src=\"https:\/\/www.youtube.com\/embed\/RmEY88jfPMc\" style=\"position: absolute; top: 0; left: 0; width: 100%; height: 100%; border:0;\" allowfullscreen title=\"YouTube Video\"><\/iframe>\n<\/div>\n\n<h2 id=\"36-quotes-from-mark-twain-that-are-worth-listening-to-life-changing-quotes\">36 Quotes From Mark Twain That Are Worth Listening to Life Changing Quotes<\/h2>\n\n\n<blockquote class=\"blockquote\">\n  <p>\n    The most important days in your life are the <strong>day<\/strong> you are born and the day you <strong>find out why<\/strong>\n    \n  <\/p>\n<\/blockquote>\n\n\n<blockquote class=\"blockquote\">\n  <p>\n    Never argue with stupid <strong>people<\/strong>, they will drag you down to their level and then beat you with <strong>experience<\/strong>\n    \n  <\/p>\n<\/blockquote>\n\n\n<blockquote class=\"blockquote\">\n  <p>\n    If you tell <strong>the truth<\/strong>, you don&rsquo;t have to remember anything\n    \n  <\/p>\n<\/blockquote>\n\n\n<blockquote class=\"blockquote\">\n  <p>\n    The truth must be served <strong>like a coat<\/strong>, and not thrown in the face <strong>like a wet towel<\/strong>\n    \n  <\/p>\n<\/blockquote>\n\n\n<blockquote class=\"blockquote\">\n  <p>\n    Let us live so that when we come to die even the undertaker <strong>will be sorry<\/strong>\n    \n  <\/p>\n<\/blockquote>\n\n\n<blockquote class=\"blockquote\">\n  <p>\n    Everyone is a moon, and has <strong>a dark side<\/strong> which he never shows to anybody\n    \n  <\/p>\n<\/blockquote>\n\n\n<blockquote class=\"blockquote\">\n  <p>\n    Only two things <strong>we&rsquo;ll regret on deathbed<\/strong> &ndash; that we are a little loved and little traveled\n    \n  <\/p>\n<\/blockquote>\n\n\n<blockquote class=\"blockquote\">\n  <p>\n    <strong>Keep away from people<\/strong> who try to belittle your ambitions. Small people always do that, but <strong>the really great<\/strong> make you feel that you, too, <strong>can become great<\/strong>\n    \n  <\/p>\n<\/blockquote>\n\n\n<blockquote class=\"blockquote\">\n  <p>\n    Man will do <strong>many things<\/strong> to get himself loved, he will do <strong>all things<\/strong> to get himself envied\n    \n  <\/p>\n<\/blockquote>\n\n\n<blockquote class=\"blockquote\">\n  <p>\n    Wrinkles should merely indicate where <strong>the smiles have been<\/strong>\n    \n  <\/p>\n<\/blockquote>\n\n\n<blockquote class=\"blockquote\">\n  <p>\n    If you pick up a starving dog and make him prosperous <strong>he will not bite you<\/strong>. This is the principal difference between a dog and man\n    \n  <\/p>\n<\/blockquote>\n\n\n<blockquote class=\"blockquote\">\n  <p>\n    I am an old man and have known a great many troubles, but <strong>most of them never happened<\/strong>\n    \n  <\/p>\n<\/blockquote>\n\n\n<blockquote class=\"blockquote\">\n  <p>\n    <strong>Courage<\/strong> is resistance to fear, mastery of fear &ndash; not absence of fear\n    \n  <\/p>\n<\/blockquote>\n\n\n<blockquote class=\"blockquote\">\n  <p>\n    <strong>Kindness<\/strong> is a language which a deaf can hear and the blind can see\n    \n  <\/p>\n<\/blockquote>\n\n\n<blockquote class=\"blockquote\">\n  <p>\n    All you need in this life is <strong>ignorance<\/strong> and <strong>confidence<\/strong>; then success is sure\n    \n  <\/p>\n<\/blockquote>\n\n\n<blockquote class=\"blockquote\">\n  <p>\n    The man who does not read <strong>has no advantage<\/strong> over the man who cannot read\n    \n  <\/p>\n<\/blockquote>\n\n\n<blockquote class=\"blockquote\">\n  <p>\n    <strong>Forgiveness<\/strong> is the fragrance that the violet sheds on the heel that has crushed it\n    \n  <\/p>\n<\/blockquote>\n\n\n<blockquote class=\"blockquote\">\n  <p>\n    A banker is a fellow who lends you his umbrella <strong>when the sun is shining<\/strong>, but wants it back the minute <strong>it begins to rain<\/strong>\n    \n  <\/p>\n<\/blockquote>\n\n\n<blockquote class=\"blockquote\">\n  <p>\n    The fear of death follows <strong>from the fear of life<\/strong>. A man who lives fully is <strong>prepared<\/strong> to die at any time\n    \n  <\/p>\n<\/blockquote>\n\n\n<blockquote class=\"blockquote\">\n  <p>\n    To get the full value of joy you must have someone <strong>to divide it with<\/strong>\n    \n  <\/p>\n<\/blockquote>\n\n\n<blockquote class=\"blockquote\">\n  <p>\n    Anger is <strong>an acid<\/strong> that can do more harm to the vessel in which it <strong>is stored<\/strong> than to anything on which it is poured\n    \n  <\/p>\n<\/blockquote>\n\n\n<blockquote class=\"blockquote\">\n  <p>\n    The human race has only one really effective <strong>weapon<\/strong> and that is <strong>laughter<\/strong>\n    \n  <\/p>\n<\/blockquote>\n\n\n<blockquote class=\"blockquote\">\n  <p>\n    When I was a boy of <strong>14<\/strong>, my father was so ignorant I could hardly stand to have the old man around. But when I got to be <strong>21<\/strong>, I was astonished at how much the old man <strong>had learned in 7 years<\/strong>\n    \n  <\/p>\n<\/blockquote>\n\n\n<blockquote class=\"blockquote\">\n  <p>\n    Eat a live frog <strong>first thing<\/strong> in the morning and nothing worse will happen to you the rest of the day\n    \n  <\/p>\n<\/blockquote>\n\n\n<blockquote class=\"blockquote\">\n  <p>\n    Never argue with <strong>a fool<\/strong>, onlookers may not be able to tell <strong>the difference<\/strong>\n    \n  <\/p>\n<\/blockquote>\n\n\n<blockquote class=\"blockquote\">\n  <p>\n    When I was younger, I could remember <strong>anything<\/strong>, whether it had happened or not; but my faculties are decaying now and soon I shall be so I cannot <strong>remember<\/strong> any but the things that never happened. it is sad to go to pieces like this but we <strong>all<\/strong> have to do it\n    \n  <\/p>\n<\/blockquote>\n\n\n<blockquote class=\"blockquote\">\n  <p>\n    Noise proves <strong>nothing<\/strong>. Often a hen who has laid an egg cackles as if she had lain an asteroid\n    \n  <\/p>\n<\/blockquote>\n\n\n<blockquote class=\"blockquote\">\n  <p>\n    Do something every day that you <strong>don&rsquo;t want to do<\/strong>; this is the golden rule for acquiring the habit of doing your duty <strong>without pain<\/strong>\n    \n  <\/p>\n<\/blockquote>\n\n\n<blockquote class=\"blockquote\">\n  <p>\n    <strong>Honesty<\/strong> &ndash; the best of all the lost arts\n    \n  <\/p>\n<\/blockquote>\n\n\n<blockquote class=\"blockquote\">\n  <p>\n    Be careful about reading health books. You may die of a <strong>misprint<\/strong>\n    \n  <\/p>\n<\/blockquote>\n\n\n<blockquote class=\"blockquote\">\n  <p>\n    Loyalty to country <strong>always<\/strong>! Loyalty to government, when it <strong>deserves<\/strong> it\n    \n  <\/p>\n<\/blockquote>\n\n\n<blockquote class=\"blockquote\">\n  <p>\n    Buy land, they&rsquo;re <strong>not making it<\/strong> anymore\n    \n  <\/p>\n<\/blockquote>\n\n\n<blockquote class=\"blockquote\">\n  <p>\n    A person with a new idea is a crank until the idea <strong>succeeds<\/strong>\n    \n  <\/p>\n<\/blockquote>\n\n\n<blockquote class=\"blockquote\">\n  <p>\n    The lack of money is the root of all <strong>evil<\/strong>\n    \n  <\/p>\n<\/blockquote>\n\n\n<blockquote class=\"blockquote\">\n  <p>\n    Giving up smoking is the <strong>easiest<\/strong> thing in the world. I know because I&rsquo;ve done it thousands of times\n    \n  <\/p>\n<\/blockquote>\n\n\n<blockquote class=\"blockquote\">\n  <p>\n    When your friends begin to flatter you on how young you look, it&rsquo;s a sure sign you&rsquo;re <strong>getting old<\/strong>\n    \n  <\/p>\n<\/blockquote>\n<p>Tags: \n<a href='https:\/\/tedmagaoay.com\/tags\/quotes'>#quotes<\/a>, <a href='https:\/\/tedmagaoay.com\/tags\/mark-twain'>#mark-twain<\/a><\/p>\n\n<p style=\"font-size:1.3rem\">\n  <a href='mailto:hi@tedmagaoay.com?subject=Reply%20to%20\"36%20Quotes%20From%20Mark%20Twain%20That%20Are%20Worth%20Listening%20to%20Life%20Changing%20Quotes\"'>Reply to this post via email<\/a>\n<\/p>"},{"title":"About","link":"https:\/\/tedmagaoay.com\/about\/","pubDate":"Wed, 09 Apr 2014 00:00:00 +0000","guid":"https:\/\/tedmagaoay.com\/about\/","description":"<h2 id=\"tedmagaoay\">tedmagaoay<\/h2>\n<p>Loves learning different kinds of stuff and shares it with people on the web.<\/p>\n<h3 id=\"projectsprojects\"><a href=\"https:\/\/tedmagaoay.com\/projects\/\">Projects<\/a><\/h3>\n<ul>\n<li><a href=\"https:\/\/tedmagaoay.com\/projects\/#blog\">Blog<\/a><\/li>\n<li><a href=\"https:\/\/tedmagaoay.com\/projects\/#youtube\">Youtube<\/a><\/li>\n<li><a href=\"https:\/\/tedmagaoay.com\/projects\/#portfolio\">Portfolio<\/a><\/li>\n<\/ul>\n<h3 id=\"contact\">Contact<\/h3>\n<p>For comments <a href=\"mailto:hi@tedmagaoay.com\">hi@tedmagaoay.com<\/a>.<\/p>\n<h3 id=\"elsewhere\">Elsewhere<\/h3>\n<p>Find me on <a rel=\"me\" href=\"https:\/\/fosstodon.org\/@tedmagaoay\">Mastodon<\/a>.<\/p>\n<h3 id=\"clubs--webrings\">Clubs &amp; Webrings<\/h3>\n<p>Member of the <a href=\"https:\/\/512kb.club\/\">512KB Club<\/a>, <a href=\"https:\/\/1mb.club\/\">1MB Club<\/a>, <a href=\"https:\/\/darktheme.club\/\">Darktheme Club<\/a> and <a href=\"https:\/\/webring.antaresph.dev\/\">Pinoy Websites<\/a>!<\/p>\n<h3 id=\"pics\">Pics<\/h3>\n<p><a href=\"https:\/\/tedmagaoay.com\/family\">My Family<\/a>.<\/p>\n<p>Tags: \n<\/p>\n\n<p style=\"font-size:1.3rem\">\n  <a href='mailto:hi@tedmagaoay.com?subject=Reply%20to%20\"About\"'>Reply to this post via email<\/a>\n<\/p>"}]}}