<?xml version="1.0" encoding="utf-8"?><feed xmlns="http://www.w3.org/2005/Atom" ><generator uri="https://jekyllrb.com/" version="4.1.1">Jekyll</generator><link href="https://erick-garcia.com/feed.xml" rel="self" type="application/atom+xml" /><link href="https://erick-garcia.com/" rel="alternate" type="text/html" /><updated>2024-03-06T18:21:58+00:00</updated><id>https://erick-garcia.com/feed.xml</id><title type="html">EG</title><subtitle>Welcome to my realm mortals!</subtitle><author><name>Erick Garcia</name></author><entry><title type="html">Ergodox EZ: “The endgame of mechanical keyboards”</title><link href="https://erick-garcia.com/2020/08/28/ergodox-intro/" rel="alternate" type="text/html" title="Ergodox EZ: “The endgame of mechanical keyboards”" /><published>2020-08-28T12:12:12+00:00</published><updated>2020-08-28T12:12:12+00:00</updated><id>https://erick-garcia.com/2020/08/28/ergodox-intro</id><content type="html" xml:base="https://erick-garcia.com/2020/08/28/ergodox-intro/">&lt;h2 id=&quot;toc&quot;&gt;TOC&lt;/h2&gt;

&lt;ul&gt;
  &lt;li&gt;&lt;a href=&quot;#introduction&quot;&gt;Introduction&lt;/a&gt;
    &lt;ul&gt;
      &lt;li&gt;&lt;a href=&quot;#vim&quot;&gt;Vim&lt;/a&gt;&lt;/li&gt;
    &lt;/ul&gt;
  &lt;/li&gt;
  &lt;li&gt;&lt;a href=&quot;#layout-tour&quot;&gt;Layout tour&lt;/a&gt;
    &lt;ul&gt;
      &lt;li&gt;&lt;a href=&quot;#os-layer&quot;&gt;OS Layer (Windows / MacOs)&lt;/a&gt;
        &lt;ul&gt;
          &lt;li&gt;&lt;a href=&quot;#remap-caps&quot;&gt;Remap caps-lock to escape and control&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href=&quot;#remap-backspace&quot;&gt;Moving backspace (delete) key one row down&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href=&quot;#auto-shift&quot;&gt;Auto shift modifiers&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href=&quot;#hotkey-layer&quot;&gt;Hotkey layer&lt;/a&gt;&lt;/li&gt;
        &lt;/ul&gt;
      &lt;/li&gt;
      &lt;li&gt;&lt;a href=&quot;#mod-layer&quot;&gt;$Mod&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href=&quot;#mod-layer&quot;&gt;Fn Keys&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href=&quot;#mouse-layer&quot;&gt;Mouse layer, because thats a thing&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href=&quot;#browser-layer&quot;&gt;Browser layer&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href=&quot;#numpad-layer&quot;&gt;Numpad&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href=&quot;#symbols-layer&quot;&gt;Symbols (Windows / MacOs)&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href=&quot;#gaming-layer&quot;&gt;Gaming&lt;/a&gt;&lt;/li&gt;
    &lt;/ul&gt;
  &lt;/li&gt;
&lt;/ul&gt;

&lt;section id=&quot;introduction&quot; /&gt;

&lt;h1 id=&quot;introduction&quot;&gt;Introduction&lt;/h1&gt;

&lt;p&gt;I have always been a really &lt;em&gt;opinionated&lt;/em&gt; individual, meaning that I have strong opinions how some things should or should not behave. Due to this I am always customizing whatever environment I will be interacting with. As a &lt;strong&gt;software developer&lt;/strong&gt;, my &lt;em&gt;Operating System (OS)&lt;/em&gt; and keyboard are my main tools and I never like to be limited by the things I am able to do. I like to think scripts / OS / &lt;strong&gt;keyboard&lt;/strong&gt; / environments, to be an extension of my body, as such I should be able to control them as I please.&lt;/p&gt;

&lt;p&gt;My previous keyboards the &lt;a href=&quot;https://mechanicalkeyboards.com/shop/index.php?l=product_list&amp;amp;c=165&quot;&gt;Pok3r&lt;/a&gt; were programable but lacked the robustness and flexibility I wanted, it felt more like a hack. Finally after deciding whether or not I should spend another $400 in a new MK (mechanical keyboard) I settled the &lt;a href=&quot;https://ergodox-ez.com/&quot;&gt;Ergodox EZ&lt;/a&gt;’s products since it already comes with &lt;a href=&quot;https://ergodox-ez.com/pages/oryx&quot;&gt;Oryx&lt;/a&gt; an online interface and VCS for customizing your keyboard, and &lt;a href=&quot;https://ergodox-ez.com/pages/wally&quot;&gt;Wally&lt;/a&gt; a tool to flash the board in your keyboard, and obviously your choice of mechanical keyboards in addition to its marketed ergonomical features.&lt;/p&gt;

&lt;table&gt;
  &lt;thead&gt;
    &lt;tr&gt;
      &lt;th style=&quot;text-align: center&quot;&gt;&lt;img src=&quot;/images/posts/ergodox/pok3r.jpg&quot; alt=&quot;image&quot; /&gt;&lt;/th&gt;
    &lt;/tr&gt;
  &lt;/thead&gt;
  &lt;tbody&gt;
    &lt;tr&gt;
      &lt;td style=&quot;text-align: center&quot;&gt;&lt;em&gt;My old pok3r babies&lt;/em&gt;&lt;/td&gt;
    &lt;/tr&gt;
  &lt;/tbody&gt;
&lt;/table&gt;

&lt;section id=&quot;vim&quot; /&gt;

&lt;h2 id=&quot;vim-there-is-no-place-like-the-home-row&quot;&gt;Vim: There is no place like the home row&lt;/h2&gt;

&lt;p&gt;One last thing I would like to address before going more in depth my keyboard layout is &lt;a href=&quot;https://www.vim.org/&quot;&gt;Vim&lt;/a&gt;. This is a text editor that is based round the philosophy that moving away your hand from the home row to the mouse takes too long, you should be able to manipulate everything using only the keyboard and even further, you should be able to do so while having a relaxed hand position in the &lt;strong&gt;home row&lt;/strong&gt;: asdf(left hand), &lt;strong&gt;hjlk&lt;/strong&gt;(right hand).&lt;/p&gt;

&lt;table&gt;
  &lt;thead&gt;
    &lt;tr&gt;
      &lt;th style=&quot;text-align: center&quot;&gt;&lt;img src=&quot;/images/posts/ergodox/hjkl.png&quot; alt=&quot;image&quot; /&gt;&lt;/th&gt;
    &lt;/tr&gt;
  &lt;/thead&gt;
  &lt;tbody&gt;
    &lt;tr&gt;
      &lt;td style=&quot;text-align: center&quot;&gt;&lt;em&gt;There is no place like the home row&lt;/em&gt;&lt;/td&gt;
    &lt;/tr&gt;
  &lt;/tbody&gt;
&lt;/table&gt;

&lt;section id=&quot;layout-tour&quot; /&gt;

&lt;h1 id=&quot;layout-tour&quot;&gt;Layout tour&lt;/h1&gt;

&lt;p&gt;Without further ado I will give a tour explaining the features of my layout.&lt;/p&gt;

&lt;details&gt;
  &lt;summary&gt;Expand to display my keyboard layout&lt;/summary&gt;
	&lt;div class=&quot;full-width&quot; style=&quot;padding-top: 70%; padding-bottom: 15%;position: relative;&quot;&gt;
		&lt;iframe src=&quot;https://configure.ergodox-ez.com/ergodox-ez/layouts/Rl4b6/gqVPe/0&quot; style=&quot;border: 0; height: 100%; left: 0; position: absolute; top: 0; width: 100%&quot;&gt;&lt;/iframe&gt;
	&lt;/div&gt;
&lt;/details&gt;

&lt;p&gt;The board in the keyboard is designed to support virtual layers, it offers several way to switch layers, but I mainly use:&lt;/p&gt;

&lt;ul&gt;
  &lt;li&gt;&lt;strong&gt;TG (toggle layer)&lt;/strong&gt;: Pressing this key will change the current layer until this key is pressed again&lt;/li&gt;
  &lt;li&gt;&lt;strong&gt;LT (Momentary layer toggle)&lt;/strong&gt;: Pressing and holding this key will change the current layer until this key is released&lt;/li&gt;
&lt;/ul&gt;

&lt;section id=&quot;os-layer&quot; /&gt;

&lt;h2 id=&quot;os-layer-windows--macos&quot;&gt;OS Layer (Windows / MacOs)&lt;/h2&gt;

&lt;p&gt;This layer is basically a switch between Windows and MacOs and it is a persistent layer changed accessed via a &lt;a href=&quot;https://configure.ergodox-ez.com/ergodox-ez/layouts/Rl4b6/gqVPe/0/58/keys&quot;&gt;TG toggle&lt;/a&gt;. This basically accounts for the fundamental differences in hotkeys due to differences between the two OS &lt;strong&gt;e.g CMD / Option / Ctrl / Win&lt;/strong&gt;. For work I use MacOs and on my free time I use Windows since its the only platform where I can reliably play video games.&lt;/p&gt;

&lt;p&gt;As mentioned previously I always perform certain tweaks in all my environments, before I used to do it at the software level, however I can now do it in the keyboard’s memory saving time and frustration. I will explain some of the &lt;strong&gt;key changes&lt;/strong&gt; motivated by the &lt;strong&gt;Vim&lt;/strong&gt; philosophy below and include a screenshot with annotations:&lt;/p&gt;

&lt;table&gt;
  &lt;thead&gt;
    &lt;tr&gt;
      &lt;th style=&quot;text-align: center&quot;&gt;&lt;img src=&quot;/images/posts/ergodox/special-features.png&quot; alt=&quot;image&quot; /&gt;&lt;/th&gt;
    &lt;/tr&gt;
  &lt;/thead&gt;
  &lt;tbody&gt;
    &lt;tr&gt;
      &lt;td style=&quot;text-align: center&quot;&gt;&lt;em&gt;Some special features&lt;/em&gt;&lt;/td&gt;
    &lt;/tr&gt;
  &lt;/tbody&gt;
&lt;/table&gt;

&lt;section id=&quot;remap-caps&quot; /&gt;

&lt;h4 id=&quot;remap-caps-lock-to-escape-and-control&quot;&gt;Remap caps-lock to escape and control&lt;/h4&gt;

&lt;p&gt;I have remapped the uselesss &lt;a href=&quot;https://configure.ergodox-ez.com/ergodox-ez/layouts/Rl4b6/gqVPe/0/14/keys&quot;&gt;Caps-lock&lt;/a&gt; key to behave as &lt;strong&gt;Escape&lt;/strong&gt; when tapped, and behave as &lt;strong&gt;Ctrl/Cmd&lt;/strong&gt; when held down. To exit out of modes in vim, you have to constantly press the escape key, so this saves my pinky, and carpal tunnel pain. Additionally, by remapping it to behave as &lt;strong&gt;Ctrl/Cmd&lt;/strong&gt; when held down, I have a way of easily accessing all of the commond hotkeys (E.g Ctrl+C - Copy, Ctrl + X Cut, Ctrl+V - Paste). You wont know what you are missing until you try it yourself. Check out this &lt;a href=&quot;https://www.dannyguo.com/blog/remap-caps-lock-to-escape-and-control/&quot;&gt;article&lt;/a&gt; that teaches you how to remap this key in &lt;strong&gt;Windows, MacOs, and Linux&lt;/strong&gt;&lt;/p&gt;

&lt;section id=&quot;remap-backspace&quot; /&gt;

&lt;h4 id=&quot;moving-backspace-delete-key-one-row-down&quot;&gt;Moving backspace (delete) key one row down&lt;/h4&gt;

&lt;p&gt;Probably going to get criticized by this (my friends hate me, I dont have alphanumeric keycaps and they can never write in my computers) but &lt;a href=&quot;https://configure.ergodox-ez.com/ergodox-ez/layouts/Rl4b6/gqVPe/0/51/keys&quot;&gt;Backspace&lt;/a&gt; key one of the most commonly used keys. &lt;strong&gt;Come on we all make mistakes(｡•́︿•̀｡)&lt;/strong&gt; save you right pinky and move that key a row down… &lt;em&gt;shh no one will notice&lt;/em&gt; (｡•̀ᴗ-)&lt;/p&gt;

&lt;section id=&quot;auto-shift&quot; /&gt;

&lt;h4 id=&quot;auto-shift-modifiers&quot;&gt;Auto shift modifiers&lt;/h4&gt;

&lt;p&gt;This feature I use in several places, however I remapped the &lt;a href=&quot;https://configure.ergodox-ez.com/ergodox-ez/layouts/Rl4b6/gqVPe/0/7/keys&quot;&gt;Tab&lt;/a&gt; key to function as Tab when tapped and when held it acts as the &lt;strong&gt;Ctrl+Shift&lt;/strong&gt; modifier. &lt;strong&gt;Ctrl+Shift&lt;/strong&gt; is used for a lot of hotkeys, now I can access all of these with one finger and without leaving the &lt;strong&gt;home row&lt;/strong&gt;&lt;/p&gt;

&lt;section id=&quot;hotkey-layer&quot; /&gt;

&lt;h4 id=&quot;hotkey-layer&quot;&gt;Hotkey layer&lt;/h4&gt;

&lt;p&gt;Additionally I have been working on a &lt;a href=&quot;https://configure.ergodox-ez.com/ergodox-ez/layouts/Rl4b6/gqVPe/11&quot;&gt;hotkey layer&lt;/a&gt; for each of the unique features in the OS in the screenshot below I have some hotkeys so I can use the features of the magic mouse from my home row, such as changing workspaces and showing all windows in a workspace.&lt;/p&gt;

&lt;table&gt;
  &lt;thead&gt;
    &lt;tr&gt;
      &lt;th style=&quot;text-align: center&quot;&gt;&lt;img src=&quot;/images/posts/ergodox/hotkeys-layer.png&quot; alt=&quot;image&quot; /&gt;&lt;/th&gt;
    &lt;/tr&gt;
  &lt;/thead&gt;
  &lt;tbody&gt;
    &lt;tr&gt;
      &lt;td style=&quot;text-align: center&quot;&gt;&lt;em&gt;Hotkeys Layer&lt;/em&gt;&lt;/td&gt;
    &lt;/tr&gt;
  &lt;/tbody&gt;
&lt;/table&gt;

&lt;p&gt;&lt;strong&gt;TL;DR: This layers keep the functionality of my layers and keyboard OS agnostic&lt;/strong&gt;&lt;/p&gt;

&lt;section id=&quot;mod-layer&quot; /&gt;

&lt;h2 id=&quot;mod-layer&quot;&gt;$Mod Layer&lt;/h2&gt;

&lt;p&gt;$Mod as in modifier, I access this &lt;a href=&quot;https://configure.ergodox-ez.com/ergodox-ez/layouts/Rl4b6/gqVPe/2&quot;&gt;$Mod Layer&lt;/a&gt; through a &lt;a href=&quot;https://configure.ergodox-ez.com/ergodox-ez/layouts/Rl4b6/gqVPe/0/35/keys&quot;&gt;TG Toggle&lt;/a&gt; in my left hand. I basically use this for keyboards that dont have a numrow, or just because I want to move my numrow down. Additionally all of the numbers have autoshift modifiers, so you can hold down they number and you will get its symbol… pretty boring right?… &lt;strong&gt;Wrong&lt;/strong&gt; on the right I have remapped hjkl and remapped them to ← ↑ → ↓ I now have system wide &lt;strong&gt;hjkl&lt;/strong&gt; arrow keys. Can you tell I am a vim user?&lt;/p&gt;

&lt;table&gt;
  &lt;thead&gt;
    &lt;tr&gt;
      &lt;th style=&quot;text-align: center&quot;&gt;&lt;img src=&quot;/images/posts/ergodox/mod-layer.png&quot; alt=&quot;image&quot; /&gt;&lt;/th&gt;
    &lt;/tr&gt;
  &lt;/thead&gt;
  &lt;tbody&gt;
    &lt;tr&gt;
      &lt;td style=&quot;text-align: center&quot;&gt;&lt;em&gt;Mod Layer&lt;/em&gt;&lt;/td&gt;
    &lt;/tr&gt;
  &lt;/tbody&gt;
&lt;/table&gt;

&lt;section id=&quot;fn-keys&quot; /&gt;

&lt;h2 id=&quot;fn-keys&quot;&gt;Fn Keys&lt;/h2&gt;

&lt;p&gt;Not much to say you cant live without Fn keys and you can even map it to some media controls, etc. I use a &lt;a href=&quot;https://configure.ergodox-ez.com/ergodox-ez/layouts/Rl4b6/gqVPe/0/75/keys&quot;&gt;TG Toggle&lt;/a&gt; in my right hand for the &lt;a href=&quot;https://configure.ergodox-ez.com/ergodox-ez/layouts/Rl4b6/gqVPe/3&quot;&gt;Fn Layer&lt;/a&gt;&lt;/p&gt;

&lt;table&gt;
  &lt;thead&gt;
    &lt;tr&gt;
      &lt;th style=&quot;text-align: center&quot;&gt;&lt;img src=&quot;/images/posts/ergodox/fn-layer.png&quot; alt=&quot;image&quot; /&gt;&lt;/th&gt;
    &lt;/tr&gt;
  &lt;/thead&gt;
  &lt;tbody&gt;
    &lt;tr&gt;
      &lt;td style=&quot;text-align: center&quot;&gt;&lt;em&gt;Fn Layer&lt;/em&gt;&lt;/td&gt;
    &lt;/tr&gt;
  &lt;/tbody&gt;
&lt;/table&gt;

&lt;section id=&quot;mouse-layer&quot; /&gt;

&lt;h2 id=&quot;mouse-layer-because-thats-a-thing&quot;&gt;Mouse layer because thats a thing&lt;/h2&gt;

&lt;p&gt;&lt;strong&gt;Its not that I hate my mouse&lt;/strong&gt;, I just am lazy :P so if I dont have to put my hands away from the keyboard I won’t do it. I use &lt;a href=&quot;https://configure.ergodox-ez.com/ergodox-ez/layouts/Rl4b6/gqVPe/0/53/keys&quot;&gt;J&lt;/a&gt; as a &lt;strong&gt;TG toggle&lt;/strong&gt; to access the &lt;a href=&quot;https://configure.ergodox-ez.com/ergodox-ez/layouts/Rl4b6/gqVPe/4&quot;&gt;mouse layer&lt;/a&gt;, move your mouse around with &lt;strong&gt;WASD&lt;/strong&gt;, you can even control your pointer acceleration, use mouse buttons and scroll up and down.&lt;/p&gt;

&lt;table&gt;
  &lt;thead&gt;
    &lt;tr&gt;
      &lt;th style=&quot;text-align: center&quot;&gt;&lt;img src=&quot;/images/posts/ergodox/mouse-layer.png&quot; alt=&quot;image&quot; /&gt;&lt;/th&gt;
    &lt;/tr&gt;
  &lt;/thead&gt;
  &lt;tbody&gt;
    &lt;tr&gt;
      &lt;td style=&quot;text-align: center&quot;&gt;&lt;em&gt;Mouse Layer&lt;/em&gt;&lt;/td&gt;
    &lt;/tr&gt;
  &lt;/tbody&gt;
&lt;/table&gt;

&lt;section id=&quot;browser-layer&quot; /&gt;

&lt;h2 id=&quot;browser&quot;&gt;Browser&lt;/h2&gt;

&lt;p&gt;Who is in their browser all day 🙋🏿‍♂️… I use &lt;a href=&quot;https://configure.ergodox-ez.com/ergodox-ez/layouts/Rl4b6/gqVPe/0/18/keys&quot;&gt;F&lt;/a&gt; as a &lt;strong&gt;TG toggle&lt;/strong&gt; to access the &lt;a href=&quot;https://configure.ergodox-ez.com/ergodox-ez/layouts/Rl4b6/gqVPe/6&quot;&gt;browser layer&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;I have remapped all of the popular hotkeys such as:&lt;/p&gt;

&lt;ul&gt;
  &lt;li&gt;Close tab - Ctrl+W&lt;/li&gt;
  &lt;li&gt;Reopen closed tab - Ctrl+Shift+T&lt;/li&gt;
  &lt;li&gt;Left tab - Ctrl+Shift+Tab&lt;/li&gt;
  &lt;li&gt;Right tab - Ctrl+Tab&lt;/li&gt;
  &lt;li&gt;First tab - Ctrl+1&lt;/li&gt;
  &lt;li&gt;Last tab - Ctrl+9&lt;/li&gt;
  &lt;li&gt;Back&lt;/li&gt;
  &lt;li&gt;Forward&lt;/li&gt;
&lt;/ul&gt;

&lt;table&gt;
  &lt;thead&gt;
    &lt;tr&gt;
      &lt;th style=&quot;text-align: center&quot;&gt;&lt;img src=&quot;/images/posts/ergodox/browser-layer.png&quot; alt=&quot;image&quot; /&gt;&lt;/th&gt;
    &lt;/tr&gt;
  &lt;/thead&gt;
  &lt;tbody&gt;
    &lt;tr&gt;
      &lt;td style=&quot;text-align: center&quot;&gt;&lt;em&gt;Browser Layer&lt;/em&gt;&lt;/td&gt;
    &lt;/tr&gt;
  &lt;/tbody&gt;
&lt;/table&gt;

&lt;section id=&quot;numpad-layer&quot; /&gt;

&lt;h2 id=&quot;numpad&quot;&gt;Numpad&lt;/h2&gt;

&lt;p&gt;I am a fan of 40% and 60% keyboards and these dont have an actual numpad or do they? I use &lt;a href=&quot;https://configure.ergodox-ez.com/ergodox-ez/layouts/Rl4b6/gqVPe/0/17/keys&quot;&gt;D&lt;/a&gt; as a &lt;strong&gt;TG toggle&lt;/strong&gt; to access my &lt;a href=&quot;https://configure.ergodox-ez.com/ergodox-ez/layouts/Rl4b6/gqVPe/8&quot;&gt;numpad&lt;/a&gt;&lt;/p&gt;

&lt;table&gt;
  &lt;thead&gt;
    &lt;tr&gt;
      &lt;th style=&quot;text-align: center&quot;&gt;&lt;img src=&quot;/images/posts/ergodox/numpad.png&quot; alt=&quot;image&quot; /&gt;&lt;/th&gt;
    &lt;/tr&gt;
  &lt;/thead&gt;
  &lt;tbody&gt;
    &lt;tr&gt;
      &lt;td style=&quot;text-align: center&quot;&gt;&lt;em&gt;Numpad Layer&lt;/em&gt;&lt;/td&gt;
    &lt;/tr&gt;
  &lt;/tbody&gt;
&lt;/table&gt;

&lt;section id=&quot;symbols-layer&quot; /&gt;

&lt;h2 id=&quot;symbols-windows--macos&quot;&gt;Symbols (Windows / MacOs)&lt;/h2&gt;

&lt;p&gt;This is the most straightforward layer I guess… I am a programmer, and I use symbols a lot. I use &lt;a href=&quot;https://configure.ergodox-ez.com/ergodox-ez/layouts/Rl4b6/gqVPe/0/16/keys&quot;&gt;S&lt;/a&gt; as a &lt;strong&gt;TG toggle&lt;/strong&gt; to access my &lt;a href=&quot;https://configure.ergodox-ez.com/ergodox-ez/layouts/Rl4b6/gqVPe/9&quot;&gt;symbols layer&lt;/a&gt;&lt;/p&gt;

&lt;table&gt;
  &lt;thead&gt;
    &lt;tr&gt;
      &lt;th style=&quot;text-align: center&quot;&gt;&lt;img src=&quot;/images/posts/ergodox/symbols-layer.png&quot; alt=&quot;image&quot; /&gt;&lt;/th&gt;
    &lt;/tr&gt;
  &lt;/thead&gt;
  &lt;tbody&gt;
    &lt;tr&gt;
      &lt;td style=&quot;text-align: center&quot;&gt;&lt;em&gt;Symbols Layer&lt;/em&gt;&lt;/td&gt;
    &lt;/tr&gt;
  &lt;/tbody&gt;
&lt;/table&gt;

&lt;section id=&quot;gaming-layer&quot; /&gt;

&lt;h2 id=&quot;gaming&quot;&gt;Gaming&lt;/h2&gt;

&lt;p&gt;Basically I just have a vanilla keyboard layer, with no auto-shift, no layer switching, etc. Gaming requires you to hold down keys and register them as being held down such as wasd to move around, etc. I just press this key whenever I want to hate myself even more and jump into a comp &lt;strong&gt;CSGO&lt;/strong&gt; match. Add me on &lt;a href=&quot;http://erick-garcia.com/steam&quot;&gt;Steam&lt;/a&gt; if you want to get to Silver I with me. I use an &lt;strong&gt;LT&lt;/strong&gt; toggle in my &lt;a href=&quot;https://configure.ergodox-ez.com/ergodox-ez/layouts/Rl4b6/gqVPe/0/26/keys&quot;&gt;left hand&lt;/a&gt; for this &lt;a href=&quot;https://configure.ergodox-ez.com/ergodox-ez/layouts/Rl4b6/gqVPe/5&quot;&gt;layer&lt;/a&gt; since I want it to be persistent.&lt;/p&gt;

&lt;h1 id=&quot;closing-remarks&quot;&gt;Closing remarks&lt;/h1&gt;

&lt;p&gt;I feel like my layout is still not yet complete, Ergodox offers a really robust keyboard and way of configuring, possibilities are endless so if you have any suggestions, I’d love to hear them. Feel free to clone my layout.&lt;/p&gt;

&lt;h4 id=&quot;misc&quot;&gt;Misc&lt;/h4&gt;

&lt;p&gt;Using alphanumeric keycaps is for chumps, get yourself a real pair of custom key caps. Mine are &lt;a href=&quot;https://novelkeys.xyz/products/gmk-dots-gb&quot;&gt;GMK Dots&lt;/a&gt; hehehe&lt;/p&gt;

&lt;table&gt;
  &lt;thead&gt;
    &lt;tr&gt;
      &lt;th style=&quot;text-align: center&quot;&gt;&lt;img src=&quot;/images/posts/ergodox/ergodox-thumbnail.jpg&quot; alt=&quot;image&quot; /&gt;&lt;/th&gt;
    &lt;/tr&gt;
  &lt;/thead&gt;
  &lt;tbody&gt;
    &lt;tr&gt;
      &lt;td style=&quot;text-align: center&quot;&gt;&lt;em&gt;Ergodox EZ with GMK Dots keycaps&lt;/em&gt;&lt;/td&gt;
    &lt;/tr&gt;
  &lt;/tbody&gt;
&lt;/table&gt;

&lt;p&gt;FYI I probably have too many keyboards so if you are looking for a &lt;a href=&quot;https://ergodox-ez.com/pages/planck&quot;&gt;Planck EZ&lt;/a&gt; layout I have one :’) its useful having a portable keyboard offering almost all the features of the Ergodox&lt;/p&gt;

&lt;table&gt;
  &lt;thead&gt;
    &lt;tr&gt;
      &lt;th style=&quot;text-align: center&quot;&gt;&lt;img src=&quot;/images/posts/ergodox/planck-ez.jpg&quot; alt=&quot;image&quot; /&gt;&lt;/th&gt;
    &lt;/tr&gt;
  &lt;/thead&gt;
  &lt;tbody&gt;
    &lt;tr&gt;
      &lt;td style=&quot;text-align: center&quot;&gt;&lt;em&gt;Planck EZ&lt;/em&gt;&lt;/td&gt;
    &lt;/tr&gt;
  &lt;/tbody&gt;
&lt;/table&gt;

&lt;details&gt;
  &lt;summary&gt;Expand to display Planck&lt;/summary&gt;
	&lt;div class=&quot;full-width&quot; style=&quot;padding-top: 70%; padding-bottom: 15%;position: relative;&quot;&gt;
		&lt;iframe src=&quot;https://configure.ergodox-ez.com/embed/planck-ez/layouts/yZ7gx/ZDM6r/0&quot; style=&quot;border: 0; height: 100%; left: 0; position: absolute; top: 0; width: 100%&quot;&gt;&lt;/iframe&gt;
	&lt;/div&gt;
&lt;/details&gt;</content><author><name>Erick Garcia</name></author><category term="mk" /><category term="Mechanical-Keyboard" /><category term="Ergodox" /><category term="remapping" /><category term="customize" /><category term="vim" /><summary type="html">TOC</summary><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://erick-garcia.com/images/posts/ergodox/ergodox-thumbnail.jpg" /><media:content medium="image" url="https://erick-garcia.com/images/posts/ergodox/ergodox-thumbnail.jpg" xmlns:media="http://search.yahoo.com/mrss/" /></entry><entry><title type="html">Anabolic protein ice cream</title><link href="https://erick-garcia.com/2020/07/20/protein-ice-cream/" rel="alternate" type="text/html" title="Anabolic protein ice cream" /><published>2020-07-20T00:00:00+00:00</published><updated>2020-07-20T00:00:00+00:00</updated><id>https://erick-garcia.com/2020/07/20/protein-ice-cream</id><content type="html" xml:base="https://erick-garcia.com/2020/07/20/protein-ice-cream/">&lt;p&gt;This recipe is made by &lt;a href=&quot;https://www.gregdoucette.com&quot;&gt;@Greg Doucette&lt;/a&gt; and since he has this information public in this &lt;a href=&quot;https://www.youtube.com/watch?v=q-m_6M6nUd8&quot;&gt;video&lt;/a&gt; so I took the liberty of listing the ingredients for my convenience and the general public. Consider buying his cookbook, there are lots of great substitutes and cooking ideas!&lt;/p&gt;

&lt;h2 id=&quot;ingredients&quot;&gt;Ingredients&lt;/h2&gt;

&lt;ul&gt;
  &lt;li&gt;1.5 scooops of protein&lt;/li&gt;
  &lt;li&gt;105g of frozen fruit (low carb berries)&lt;/li&gt;
  &lt;li&gt;1tbsp of PB2 peanut butter powder&lt;/li&gt;
  &lt;li&gt;1/2 tsp of xantham gum&lt;/li&gt;
  &lt;li&gt;1/3 cup of almond milk&lt;/li&gt;
&lt;/ul&gt;

&lt;h2 id=&quot;instructions&quot;&gt;Instructions&lt;/h2&gt;

&lt;ol&gt;
  &lt;li&gt;Place everything into blender and continuously blend until thickened and does not spill when flipping the blender&lt;/li&gt;
  &lt;li&gt;Continuously blend until thickened and does not spill when flipping the blender&lt;/li&gt;
&lt;/ol&gt;

&lt;ul&gt;
  &lt;li&gt;May need to use spatula to remove mix from blender surface and continue blending&lt;/li&gt;
&lt;/ul&gt;

&lt;h2 id=&quot;nutritional-information&quot;&gt;Nutritional information&lt;/h2&gt;

&lt;ul&gt;
  &lt;li&gt;360 calories (If you can finish it :P)&lt;/li&gt;
&lt;/ul&gt;

&lt;table&gt;
  &lt;thead&gt;
    &lt;tr&gt;
      &lt;th style=&quot;text-align: center&quot;&gt;&lt;img src=&quot;/images/anabolicIceCream.jpg&quot; alt=&quot;image&quot; /&gt;&lt;/th&gt;
    &lt;/tr&gt;
  &lt;/thead&gt;
  &lt;tbody&gt;
    &lt;tr&gt;
      &lt;td style=&quot;text-align: center&quot;&gt;&lt;em&gt;Spoonful of Protein Icecream&lt;/em&gt;&lt;/td&gt;
    &lt;/tr&gt;
  &lt;/tbody&gt;
&lt;/table&gt;

&lt;p&gt;&lt;a href=&quot;https://www.yummly.com&quot; class=&quot;YUMMLY-YUM-BUTTON&quot;&gt;Yum&lt;/a&gt;&lt;/p&gt;

&lt;script src=&quot;https://www.yummly.com/js/widget.js?general&quot;&gt;&lt;/script&gt;

&lt;script type=&quot;application/ld+json&quot;&gt;
{
  &quot;@context&quot;: &quot;http://schema.org&quot;,
  &quot;@type&quot;: &quot;Recipe&quot;,
  &quot;author&quot;: &quot;Greg Doucette&quot;,
  &quot;cookTime&quot;: &quot;PT15M&quot;,
  &quot;description&quot;: &quot;Anabolic protein ice cream&quot;,
  &quot;recipeIngredient&quot;: [
    &quot;1.5 scooops of protein&quot;,
    &quot;105g of frozen fruit (low carb berries)&quot;,
    &quot;1tbsp of PB2 peanut butter powder&quot;,
    &quot;1/2 tsp of xantham gum&quot;,
    &quot;1/3 cup of almond milk&quot;
  ],
  &quot;name&quot;: &quot;Anabolic protein ice cream&quot;,
  &quot;nutrition&quot;: {
    &quot;@type&quot;: &quot;NutritionInformation&quot;,
    &quot;calories&quot;: &quot;360 calories&quot;,
  },
  &quot;prepTime&quot;: &quot;PT15M&quot;,
  &quot;recipeInstructions&quot;: &quot;Place everything into blender and continuously blend until thickened and does not spill when flipping the blender&quot;,
  &quot;recipeYield&quot;: &quot;1 serving&quot;
}
&lt;/script&gt;</content><author><name>Greg Doucette</name></author><category term="recipes" /><summary type="html">This recipe is made by @Greg Doucette and since he has this information public in this video so I took the liberty of listing the ingredients for my convenience and the general public. Consider buying his cookbook, there are lots of great substitutes and cooking ideas!</summary><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://erick-garcia.com/images/anabolicIceCream.jpg" /><media:content medium="image" url="https://erick-garcia.com/images/anabolicIceCream.jpg" xmlns:media="http://search.yahoo.com/mrss/" /></entry><entry><title type="html">Metadata usability test</title><link href="https://erick-garcia.com/2020/07/15/metadata-test/" rel="alternate" type="text/html" title="Metadata usability test" /><published>2020-07-15T00:00:00+00:00</published><updated>2020-07-15T00:00:00+00:00</updated><id>https://erick-garcia.com/2020/07/15/metadata-test</id><content type="html" xml:base="https://erick-garcia.com/2020/07/15/metadata-test/">&lt;p&gt;So imagine this is some recipe page and inside of it we have some @type: Recipe metadata, from the snippet which will enable us to get rich pins from supported websites such as &lt;a href=&quot;https://www.pinterest.com.mx/pin/706924472751471915/&quot;&gt;this one&lt;/a&gt;&lt;/p&gt;

&lt;figure class=&quot;highlight&quot;&gt;&lt;pre&gt;&lt;code class=&quot;language-js&quot; data-lang=&quot;js&quot;&gt;&lt;span class=&quot;o&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span class=&quot;nx&quot;&gt;script&lt;/span&gt; &lt;span class=&quot;nx&quot;&gt;type&lt;/span&gt;&lt;span class=&quot;o&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;dl&quot;&gt;&quot;&lt;/span&gt;&lt;span class=&quot;s2&quot;&gt;application/ld+json&lt;/span&gt;&lt;span class=&quot;dl&quot;&gt;&quot;&lt;/span&gt;&lt;span class=&quot;o&quot;&gt;&amp;gt;&lt;/span&gt;
&lt;span class=&quot;p&quot;&gt;{&lt;/span&gt;
  &lt;span class=&quot;dl&quot;&gt;&quot;&lt;/span&gt;&lt;span class=&quot;s2&quot;&gt;@context&lt;/span&gt;&lt;span class=&quot;dl&quot;&gt;&quot;&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;dl&quot;&gt;&quot;&lt;/span&gt;&lt;span class=&quot;s2&quot;&gt;http://schema.org&lt;/span&gt;&lt;span class=&quot;dl&quot;&gt;&quot;&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;,&lt;/span&gt;
  &lt;span class=&quot;dl&quot;&gt;&quot;&lt;/span&gt;&lt;span class=&quot;s2&quot;&gt;@type&lt;/span&gt;&lt;span class=&quot;dl&quot;&gt;&quot;&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;dl&quot;&gt;&quot;&lt;/span&gt;&lt;span class=&quot;s2&quot;&gt;Recipe&lt;/span&gt;&lt;span class=&quot;dl&quot;&gt;&quot;&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;,&lt;/span&gt;
  &lt;span class=&quot;dl&quot;&gt;&quot;&lt;/span&gt;&lt;span class=&quot;s2&quot;&gt;author&lt;/span&gt;&lt;span class=&quot;dl&quot;&gt;&quot;&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;dl&quot;&gt;&quot;&lt;/span&gt;&lt;span class=&quot;s2&quot;&gt;John Smith&lt;/span&gt;&lt;span class=&quot;dl&quot;&gt;&quot;&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;,&lt;/span&gt;
  &lt;span class=&quot;dl&quot;&gt;&quot;&lt;/span&gt;&lt;span class=&quot;s2&quot;&gt;cookTime&lt;/span&gt;&lt;span class=&quot;dl&quot;&gt;&quot;&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;dl&quot;&gt;&quot;&lt;/span&gt;&lt;span class=&quot;s2&quot;&gt;PT1H&lt;/span&gt;&lt;span class=&quot;dl&quot;&gt;&quot;&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;,&lt;/span&gt;
  &lt;span class=&quot;dl&quot;&gt;&quot;&lt;/span&gt;&lt;span class=&quot;s2&quot;&gt;datePublished&lt;/span&gt;&lt;span class=&quot;dl&quot;&gt;&quot;&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;dl&quot;&gt;&quot;&lt;/span&gt;&lt;span class=&quot;s2&quot;&gt;2009-05-08&lt;/span&gt;&lt;span class=&quot;dl&quot;&gt;&quot;&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;,&lt;/span&gt;
  &lt;span class=&quot;dl&quot;&gt;&quot;&lt;/span&gt;&lt;span class=&quot;s2&quot;&gt;description&lt;/span&gt;&lt;span class=&quot;dl&quot;&gt;&quot;&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;dl&quot;&gt;&quot;&lt;/span&gt;&lt;span class=&quot;s2&quot;&gt;This classic banana bread recipe comes from my mom -- the walnuts add a nice texture and flavor to the banana bread.&lt;/span&gt;&lt;span class=&quot;dl&quot;&gt;&quot;&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;,&lt;/span&gt;
  &lt;span class=&quot;dl&quot;&gt;&quot;&lt;/span&gt;&lt;span class=&quot;s2&quot;&gt;image&lt;/span&gt;&lt;span class=&quot;dl&quot;&gt;&quot;&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;dl&quot;&gt;&quot;&lt;/span&gt;&lt;span class=&quot;s2&quot;&gt;bananabread.jpg&lt;/span&gt;&lt;span class=&quot;dl&quot;&gt;&quot;&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;,&lt;/span&gt;
  &lt;span class=&quot;dl&quot;&gt;&quot;&lt;/span&gt;&lt;span class=&quot;s2&quot;&gt;recipeIngredient&lt;/span&gt;&lt;span class=&quot;dl&quot;&gt;&quot;&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;p&quot;&gt;[&lt;/span&gt;
    &lt;span class=&quot;dl&quot;&gt;&quot;&lt;/span&gt;&lt;span class=&quot;s2&quot;&gt;3 or 4 ripe bananas, smashed&lt;/span&gt;&lt;span class=&quot;dl&quot;&gt;&quot;&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;,&lt;/span&gt;
    &lt;span class=&quot;dl&quot;&gt;&quot;&lt;/span&gt;&lt;span class=&quot;s2&quot;&gt;1 egg&lt;/span&gt;&lt;span class=&quot;dl&quot;&gt;&quot;&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;,&lt;/span&gt;
    &lt;span class=&quot;dl&quot;&gt;&quot;&lt;/span&gt;&lt;span class=&quot;s2&quot;&gt;3/4 cup of sugar&lt;/span&gt;&lt;span class=&quot;dl&quot;&gt;&quot;&lt;/span&gt;
  &lt;span class=&quot;p&quot;&gt;],&lt;/span&gt;
&lt;span class=&quot;p&quot;&gt;}&lt;/span&gt;
&lt;span class=&quot;o&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span class=&quot;sr&quot;&gt;/script&amp;gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/figure&gt;

&lt;table&gt;
  &lt;thead&gt;
    &lt;tr&gt;
      &lt;th style=&quot;text-align: center&quot;&gt;&lt;img src=&quot;/images/image.png&quot; alt=&quot;image&quot; /&gt;&lt;/th&gt;
    &lt;/tr&gt;
  &lt;/thead&gt;
  &lt;tbody&gt;
    &lt;tr&gt;
      &lt;td style=&quot;text-align: center&quot;&gt;&lt;em&gt;Rich text validator screenshot from Google&lt;/em&gt;&lt;/td&gt;
    &lt;/tr&gt;
  &lt;/tbody&gt;
&lt;/table&gt;

&lt;script type=&quot;application/ld+json&quot;&gt;
{
  &quot;@context&quot;: &quot;http://schema.org&quot;,
  &quot;@type&quot;: &quot;Recipe&quot;,
  &quot;author&quot;: &quot;John Smith&quot;,
  &quot;cookTime&quot;: &quot;PT1H&quot;,
  &quot;datePublished&quot;: &quot;2009-05-08&quot;,
  &quot;description&quot;: &quot;This classic banana bread recipe comes from my mom -- the walnuts add a nice texture and flavor to the banana bread.&quot;,
  &quot;image&quot;: &quot;bananabread.jpg&quot;,
  &quot;recipeIngredient&quot;: [
    &quot;3 or 4 ripe bananas, smashed&quot;,
    &quot;1 egg&quot;,
    &quot;3/4 cup of sugar&quot;
  ],
  &quot;interactionStatistic&quot;: {
    &quot;@type&quot;: &quot;InteractionCounter&quot;,
    &quot;interactionType&quot;: &quot;http://schema.org/Comment&quot;,
    &quot;userInteractionCount&quot;: &quot;140&quot;
  },
  &quot;name&quot;: &quot;Mom's World Famous Banana Bread&quot;,
  &quot;nutrition&quot;: {
    &quot;@type&quot;: &quot;NutritionInformation&quot;,
    &quot;calories&quot;: &quot;240 calories&quot;,
    &quot;fatContent&quot;: &quot;9 grams fat&quot;
  },
  &quot;prepTime&quot;: &quot;PT15M&quot;,
  &quot;recipeInstructions&quot;: &quot;Preheat the oven to 350 degrees. Mix in the ingredients in a bowl. Add the flour last. Pour the mixture into a loaf pan and bake for one hour.&quot;,
  &quot;recipeYield&quot;: &quot;1 loaf&quot;,
  &quot;suitableForDiet&quot;: &quot;http://schema.org/LowFatDiet&quot;
}
&lt;/script&gt;</content><author><name>Erick Garcia</name></author><category term="recipes" /><summary type="html">So imagine this is some recipe page and inside of it we have some @type: Recipe metadata, from the snippet which will enable us to get rich pins from supported websites such as this one</summary><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://erick-garcia.com/images/metadata-thumbnail.PNG" /><media:content medium="image" url="https://erick-garcia.com/images/metadata-thumbnail.PNG" xmlns:media="http://search.yahoo.com/mrss/" /></entry><entry><title type="html">My preferred color pallete</title><link href="https://erick-garcia.com/2019/02/20/my-color-pallete/" rel="alternate" type="text/html" title="My preferred color pallete" /><published>2019-02-20T00:00:00+00:00</published><updated>2019-02-20T00:00:00+00:00</updated><id>https://erick-garcia.com/2019/02/20/my-color-pallete</id><content type="html" xml:base="https://erick-garcia.com/2019/02/20/my-color-pallete/">&lt;p&gt;I finally bought some hosting and decided I could use this space for whatever the fuck I wanted… hence I will start by posting something useful to me :P bellow I will attach a .css file snippet of my favorite color palletes&lt;/p&gt;

&lt;table&gt;
  &lt;thead&gt;
    &lt;tr&gt;
      &lt;th style=&quot;text-align: center&quot;&gt;&lt;img src=&quot;/images/colors.png&quot; alt=&quot;image&quot; /&gt;&lt;/th&gt;
    &lt;/tr&gt;
  &lt;/thead&gt;
  &lt;tbody&gt;
    &lt;tr&gt;
      &lt;td style=&quot;text-align: center&quot;&gt;&lt;em&gt;SS of Hex Material Palenight Colors&lt;/em&gt;&lt;/td&gt;
    &lt;/tr&gt;
  &lt;/tbody&gt;
&lt;/table&gt;

&lt;figure class=&quot;highlight&quot;&gt;&lt;pre&gt;&lt;code class=&quot;language-css&quot; data-lang=&quot;css&quot;&gt;&lt;span class=&quot;nt&quot;&gt;colors&lt;/span&gt; &lt;span class=&quot;p&quot;&gt;{&lt;/span&gt;
	&lt;span class=&quot;c&quot;&gt;/* Material */&lt;/span&gt;
	&lt;span class=&quot;nl&quot;&gt;background-color&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;m&quot;&gt;#37474f&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;;&lt;/span&gt;
	&lt;span class=&quot;nl&quot;&gt;background-color&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;m&quot;&gt;#263238&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;;&lt;/span&gt;

	&lt;span class=&quot;c&quot;&gt;/* Material Palenight Darker */&lt;/span&gt;
	&lt;span class=&quot;nl&quot;&gt;background-color&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;m&quot;&gt;#23232D&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;;&lt;/span&gt; &lt;span class=&quot;c&quot;&gt;/* Dark RGBA(35, 35, 45, 1)*/&lt;/span&gt;
	&lt;span class=&quot;nl&quot;&gt;background-color&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;m&quot;&gt;#2c2c36&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;;&lt;/span&gt; &lt;span class=&quot;c&quot;&gt;/* Lighter RGBA(44, 44, 54, 1)*/&lt;/span&gt;
	&lt;span class=&quot;nl&quot;&gt;background-color&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;m&quot;&gt;#3b3b4b&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;;&lt;/span&gt;  &lt;span class=&quot;c&quot;&gt;/* Accent color UI Elements */&lt;/span&gt;
	&lt;span class=&quot;nl&quot;&gt;color&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;m&quot;&gt;#575772&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;;&lt;/span&gt; &lt;span class=&quot;c&quot;&gt;/* Accent Color RGBA(87, 87, 114, 1)*/&lt;/span&gt;
	&lt;span class=&quot;nl&quot;&gt;color&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;m&quot;&gt;#959DCB&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;;&lt;/span&gt; &lt;span class=&quot;c&quot;&gt;/* Foreground RGBA(149, 157, 203, 1)*/&lt;/span&gt;

	&lt;span class=&quot;c&quot;&gt;/* Discord fonts */&lt;/span&gt;
	&lt;span class=&quot;nl&quot;&gt;color&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;m&quot;&gt;#fff&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;;&lt;/span&gt;
	&lt;span class=&quot;nl&quot;&gt;color&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;n&quot;&gt;hsla&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;m&quot;&gt;0&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;,&lt;/span&gt;&lt;span class=&quot;m&quot;&gt;0%&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;,&lt;/span&gt;&lt;span class=&quot;m&quot;&gt;100%&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;,&lt;/span&gt;&lt;span class=&quot;m&quot;&gt;.6&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;);&lt;/span&gt;
	&lt;span class=&quot;nl&quot;&gt;color&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;m&quot;&gt;#7289da&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;;&lt;/span&gt; &lt;span class=&quot;c&quot;&gt;/* Discord Accent RGBA(114, 137, 218, 1)*/&lt;/span&gt;
	&lt;span class=&quot;nl&quot;&gt;color&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;m&quot;&gt;#e0e0e0&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;;&lt;/span&gt; &lt;span class=&quot;c&quot;&gt;/* Gray Text */&lt;/span&gt;

	&lt;span class=&quot;c&quot;&gt;/* Primary Colors */&lt;/span&gt;
	&lt;span class=&quot;nl&quot;&gt;background-color&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;m&quot;&gt;#66bb6a&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;;&lt;/span&gt; &lt;span class=&quot;c&quot;&gt;/* Success */&lt;/span&gt;
	&lt;span class=&quot;nl&quot;&gt;background-color&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;m&quot;&gt;#e57373&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;;&lt;/span&gt; &lt;span class=&quot;c&quot;&gt;/* Error */&lt;/span&gt;
&lt;span class=&quot;p&quot;&gt;}&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/figure&gt;</content><author><name>Erick Garcia</name></author><category term="colorscheme" /><category term="theme" /><category term="material-palenight" /><summary type="html">I finally bought some hosting and decided I could use this space for whatever the fuck I wanted… hence I will start by posting something useful to me :P bellow I will attach a .css file snippet of my favorite color palletes</summary><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://erick-garcia.com/images/colors.png" /><media:content medium="image" url="https://erick-garcia.com/images/colors.png" xmlns:media="http://search.yahoo.com/mrss/" /></entry></feed>