{"id":8194,"date":"2026-05-24T19:36:01","date_gmt":"2026-05-24T19:36:01","guid":{"rendered":"https:\/\/falieris.com\/?page_id=8194"},"modified":"2026-07-24T11:25:57","modified_gmt":"2026-07-24T10:25:57","slug":"experiments","status":"publish","type":"page","link":"https:\/\/www.falieris.com\/index.php\/experiments\/","title":{"rendered":"Experiments"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"8194\" class=\"elementor elementor-8194\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-5381639 elementor-section-full_width elementor-section-content-middle elementor-section-height-default elementor-section-height-default\" data-id=\"5381639\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-6dfa600\" data-id=\"6dfa600\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-2cc68be elementor-widget elementor-widget-shock-intro-text\" data-id=\"2cc68be\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shock-intro-text.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t    <!-- Intro Text -->\r\n    <div class=\"intro-text side-intro me-auto \">\r\n      <div class=\"wrapper\"><div class=\"left-column\"><h1 class=\"title\"><span class=\"text-2 text-style-5 text-italic normal\">Making code sing<\/span><\/h1><div class=\"description text-style-12\"><p>If your code could sing, how do you think it would sound? How can we make braces, functions and reserved coding words sing? How much \"meta\" could we get if we programmed while listening to the music that our own code produces? Find out at this experiment.<\/p><\/div><\/div>        <!-- Button -->\r\n        <a href=\"http:\/\/falieris.com\/experiments\/making-code-sing\" target=\"_blank\" class=\"button arrow-button next\">\r\n                      <span class=\"arrow\">\r\n              <span class=\"item\"><\/span>\r\n              <span class=\"item\"><\/span>\r\n            <\/span>\r\n            <span class=\"line\"><\/span>\r\n            <span class=\"text\">READ MORE<\/span>                  <\/a>  \r\n        <\/div>    <\/div>\r\n\r\n    <!-- Script needs -->\r\n    <script>\r\n      \/*----------------------------------------------\r\n      Typed Text Settings\r\n      ----------------------------------------------*\/\r\n      jQuery(function ($) {\r\n        'use strict';\r\n\r\n        if (document.querySelector('.typed-text-2cc68be') !== null) {\t\r\n          var options = {\r\n            stringsElement: '#typed-strings-2cc68be',\r\n            typeSpeed: 60,\r\n            backSpeed: 30,\r\n            backDelay: 2000,\r\n            startDelay: 0,\r\n            loop: true\r\n          };\r\n          var typed = new Typed('.typed-text-2cc68be:not(.prevent)', options);\r\n        }\r\n\r\n        if (document.querySelector('.typed-text-2-2cc68be') !== null) {\r\n          var options_2 = {\r\n            stringsElement: '#typed-strings-2-2cc68be',\r\n            typeSpeed: 60,\r\n            backSpeed: 30,\r\n            backDelay: 2000,\r\n            startDelay: 0,\r\n            loop: true\r\n          };\r\n          var typed_2 = new Typed('.typed-text-2-2cc68be:not(.prevent)', options_2);\r\n        }\r\n      })\r\n    <\/script>\r\n\r\n    \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-66 elementor-top-column elementor-element elementor-element-4285cb7\" data-id=\"4285cb7\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-6be6bc9 elementor-widget__width-initial elementor-widget elementor-widget-shock-image\" data-id=\"6be6bc9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shock-image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t    <div class=\"holder align-h-center align-v-center\">\r\n            <!-- Image -->\r\n            <div class=\"image-wrapper\">\r\n        <img decoding=\"async\" src=\"http:\/\/falieris.com\/wp-content\/uploads\/2026\/07\/logo-making-code-sing-v2.png\" alt=\"logo-making-code-sing-v2\" class=\"image\" \/>              <\/div>\r\n    <\/div>\r\n  \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-1b99c2d elementor-section-full_width elementor-section-content-middle elementor-reverse-mobile elementor-section-height-default elementor-section-height-default\" data-id=\"1b99c2d\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-66 elementor-top-column elementor-element elementor-element-0e0211a\" data-id=\"0e0211a\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-8b7bb65 elementor-widget elementor-widget-shock-image\" data-id=\"8b7bb65\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shock-image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t    <div class=\"holder align-h-center align-v-center\">\r\n            <!-- Image -->\r\n            <div class=\"image-wrapper\">\r\n        <img decoding=\"async\" src=\"http:\/\/falieris.com\/wp-content\/uploads\/2026\/07\/logo-ai-viz.png\" alt=\"logo-ai-viz\" class=\"image\" \/>              <\/div>\r\n    <\/div>\r\n  \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-f352466\" data-id=\"f352466\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-2cab858 elementor-widget elementor-widget-shock-intro-text\" data-id=\"2cab858\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shock-intro-text.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t    <!-- Intro Text -->\r\n    <div class=\"intro-text side-intro me-auto \">\r\n      <div class=\"wrapper\"><div class=\"left-column\"><h1 class=\"title\"><span class=\"text-2 text-style-5 text-italic normal\">Viz-it with AI<\/span><\/h1><div class=\"description \"><p>Back in the 00s, (yeah, I am THAT old), we were getting mesmerized watching the visualizations of Winamp. These looping, slightly psychedelic visualizations were giving shape and form to the nu-metal (yeah, I was also listening to that genre) hits that we were of course legally acquiring online. You can relive that experience and time with my AI viz webapp. Enjoy that whipping of llama's ass!<\/p><\/div><\/div>        <!-- Button -->\r\n        <a href=\"http:\/\/falieris.com\/experiments\/ai-viz\" target=\"_blank\" class=\"button arrow-button next\">\r\n                      <span class=\"arrow\">\r\n              <span class=\"item\"><\/span>\r\n              <span class=\"item\"><\/span>\r\n            <\/span>\r\n            <span class=\"line\"><\/span>\r\n            <span class=\"text\">READ MORE<\/span>                  <\/a>  \r\n        <\/div>    <\/div>\r\n\r\n    <!-- Script needs -->\r\n    <script>\r\n      \/*----------------------------------------------\r\n      Typed Text Settings\r\n      ----------------------------------------------*\/\r\n      jQuery(function ($) {\r\n        'use strict';\r\n\r\n        if (document.querySelector('.typed-text-2cab858') !== null) {\t\r\n          var options = {\r\n            stringsElement: '#typed-strings-2cab858',\r\n            typeSpeed: 60,\r\n            backSpeed: 30,\r\n            backDelay: 2000,\r\n            startDelay: 0,\r\n            loop: true\r\n          };\r\n          var typed = new Typed('.typed-text-2cab858:not(.prevent)', options);\r\n        }\r\n\r\n        if (document.querySelector('.typed-text-2-2cab858') !== null) {\r\n          var options_2 = {\r\n            stringsElement: '#typed-strings-2-2cab858',\r\n            typeSpeed: 60,\r\n            backSpeed: 30,\r\n            backDelay: 2000,\r\n            startDelay: 0,\r\n            loop: true\r\n          };\r\n          var typed_2 = new Typed('.typed-text-2-2cab858:not(.prevent)', options_2);\r\n        }\r\n      })\r\n    <\/script>\r\n\r\n    \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-28312d3 elementor-section-full_width elementor-section-content-middle elementor-section-height-default elementor-section-height-default\" data-id=\"28312d3\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-f711701\" data-id=\"f711701\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-bb9fb8c elementor-widget elementor-widget-shock-intro-text\" data-id=\"bb9fb8c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shock-intro-text.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t    <!-- Intro Text -->\r\n    <div class=\"intro-text side-intro me-auto \">\r\n      <div class=\"wrapper\"><div class=\"left-column\"><h2 class=\"title\"><span class=\"text-2 text-style-5 text-italic normal\">All the codes of the world<\/span><\/h2><div class=\"description \"><p>Country codes, locale codes, TLDs, currencies, you name it. No more searching what is for what and what each country has.<\/p><\/div><\/div>        <!-- Button -->\r\n        <a href=\"http:\/\/falieris.com\/experiments\/all-the-codes-of-the-world\" target=\"_blank\" class=\"button arrow-button next\">\r\n                      <span class=\"arrow\">\r\n              <span class=\"item\"><\/span>\r\n              <span class=\"item\"><\/span>\r\n            <\/span>\r\n            <span class=\"line\"><\/span>\r\n            <span class=\"text\">READ MORE<\/span>                  <\/a>  \r\n        <\/div>    <\/div>\r\n\r\n    <!-- Script needs -->\r\n    <script>\r\n      \/*----------------------------------------------\r\n      Typed Text Settings\r\n      ----------------------------------------------*\/\r\n      jQuery(function ($) {\r\n        'use strict';\r\n\r\n        if (document.querySelector('.typed-text-bb9fb8c') !== null) {\t\r\n          var options = {\r\n            stringsElement: '#typed-strings-bb9fb8c',\r\n            typeSpeed: 60,\r\n            backSpeed: 30,\r\n            backDelay: 2000,\r\n            startDelay: 0,\r\n            loop: true\r\n          };\r\n          var typed = new Typed('.typed-text-bb9fb8c:not(.prevent)', options);\r\n        }\r\n\r\n        if (document.querySelector('.typed-text-2-bb9fb8c') !== null) {\r\n          var options_2 = {\r\n            stringsElement: '#typed-strings-2-bb9fb8c',\r\n            typeSpeed: 60,\r\n            backSpeed: 30,\r\n            backDelay: 2000,\r\n            startDelay: 0,\r\n            loop: true\r\n          };\r\n          var typed_2 = new Typed('.typed-text-2-bb9fb8c:not(.prevent)', options_2);\r\n        }\r\n      })\r\n    <\/script>\r\n\r\n    \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-66 elementor-top-column elementor-element elementor-element-4cf5ae0\" data-id=\"4cf5ae0\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-2c58c9b elementor-widget elementor-widget-shock-image\" data-id=\"2c58c9b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shock-image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t    <div class=\"holder align-h-center align-v-center\">\r\n            <!-- Image -->\r\n            <div class=\"image-wrapper\">\r\n        <img decoding=\"async\" src=\"https:\/\/www.falieris.com\/wp-content\/uploads\/2026\/07\/logo-all-the-codes-v3.png\" alt=\"logo-all-the-codes-v3\" class=\"image\" \/>              <\/div>\r\n    <\/div>\r\n  \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-da54e55 elementor-section-full_width elementor-section-content-middle elementor-reverse-mobile elementor-section-height-default elementor-section-height-default\" data-id=\"da54e55\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-66 elementor-top-column elementor-element elementor-element-d5b02d3\" data-id=\"d5b02d3\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-adc322b elementor-widget elementor-widget-shock-image\" data-id=\"adc322b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shock-image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t    <div class=\"holder align-h-center align-v-center\">\r\n            <!-- Image -->\r\n            <div class=\"image-wrapper\">\r\n        <img decoding=\"async\" src=\"https:\/\/www.falieris.com\/wp-content\/uploads\/2026\/07\/logo-ascii-diagram-viewer-v2.png\" alt=\"logo-ascii-diagram-viewer-v2\" class=\"image\" \/>              <\/div>\r\n    <\/div>\r\n  \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-bea8728\" data-id=\"bea8728\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-b73670c elementor-widget elementor-widget-shock-intro-text\" data-id=\"b73670c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shock-intro-text.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t    <!-- Intro Text -->\r\n    <div class=\"intro-text side-intro me-auto \">\r\n      <div class=\"wrapper\"><div class=\"left-column\"><h1 class=\"title\"><span class=\"text-2 text-style-5 text-italic normal\">ASCII Diagram Viewer<\/span><\/h1><div class=\"description \"><p>Coding agents love spitting out endless lines of texts but we know that an image is worth a thousand words. Somewhere in-between these 2 facts there is ASCII that can visualize any diagram that Claude or Codex tries to explain. Dealing with these pesky ASCII diagrams though can be a pain in the ass. Fear no more though as my handy tool can remove some of the friction points of working with them!<\/p><\/div><\/div>        <!-- Button -->\r\n        <a href=\"http:\/\/falieris.com\/experiements\/ascii-diagram-viewer\" target=\"_blank\" class=\"button arrow-button next\">\r\n                      <span class=\"arrow\">\r\n              <span class=\"item\"><\/span>\r\n              <span class=\"item\"><\/span>\r\n            <\/span>\r\n            <span class=\"line\"><\/span>\r\n            <span class=\"text\">READ MORE<\/span>                  <\/a>  \r\n        <\/div>    <\/div>\r\n\r\n    <!-- Script needs -->\r\n    <script>\r\n      \/*----------------------------------------------\r\n      Typed Text Settings\r\n      ----------------------------------------------*\/\r\n      jQuery(function ($) {\r\n        'use strict';\r\n\r\n        if (document.querySelector('.typed-text-b73670c') !== null) {\t\r\n          var options = {\r\n            stringsElement: '#typed-strings-b73670c',\r\n            typeSpeed: 60,\r\n            backSpeed: 30,\r\n            backDelay: 2000,\r\n            startDelay: 0,\r\n            loop: true\r\n          };\r\n          var typed = new Typed('.typed-text-b73670c:not(.prevent)', options);\r\n        }\r\n\r\n        if (document.querySelector('.typed-text-2-b73670c') !== null) {\r\n          var options_2 = {\r\n            stringsElement: '#typed-strings-2-b73670c',\r\n            typeSpeed: 60,\r\n            backSpeed: 30,\r\n            backDelay: 2000,\r\n            startDelay: 0,\r\n            loop: true\r\n          };\r\n          var typed_2 = new Typed('.typed-text-2-b73670c:not(.prevent)', options_2);\r\n        }\r\n      })\r\n    <\/script>\r\n\r\n    \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-158b319 elementor-section-full_width elementor-section-content-middle elementor-section-height-default elementor-section-height-default\" data-id=\"158b319\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-ff983dc\" data-id=\"ff983dc\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-213819e elementor-widget elementor-widget-shock-intro-text\" data-id=\"213819e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shock-intro-text.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t    <!-- Intro Text -->\r\n    <div class=\"intro-text side-intro me-auto \">\r\n      <div class=\"wrapper\"><div class=\"left-column\"><h2 class=\"title\"><span class=\"text-2 text-style-5 text-italic normal\">Dep graph<\/span><\/h2><div class=\"description \"><p>Android projects have the tendency to grow wildly when it comes to modules and interdependencies between these modules. Every good Android developer (like me) will also tell you that clearly separated and layered modules can help immensely with a good structure and scalability of a project. But how can you easily visualize how each module depends on each other? Well, there is a tool for that. A tool that I built \ud83d\ude42<\/p><\/div><\/div>        <!-- Button -->\r\n        <a href=\"http:\/\/falieris.com\/experiments\/dep-graph\" target=\"_blank\" class=\"button arrow-button next\">\r\n                      <span class=\"arrow\">\r\n              <span class=\"item\"><\/span>\r\n              <span class=\"item\"><\/span>\r\n            <\/span>\r\n            <span class=\"line\"><\/span>\r\n            <span class=\"text\">READ MORE<\/span>                  <\/a>  \r\n        <\/div>    <\/div>\r\n\r\n    <!-- Script needs -->\r\n    <script>\r\n      \/*----------------------------------------------\r\n      Typed Text Settings\r\n      ----------------------------------------------*\/\r\n      jQuery(function ($) {\r\n        'use strict';\r\n\r\n        if (document.querySelector('.typed-text-213819e') !== null) {\t\r\n          var options = {\r\n            stringsElement: '#typed-strings-213819e',\r\n            typeSpeed: 60,\r\n            backSpeed: 30,\r\n            backDelay: 2000,\r\n            startDelay: 0,\r\n            loop: true\r\n          };\r\n          var typed = new Typed('.typed-text-213819e:not(.prevent)', options);\r\n        }\r\n\r\n        if (document.querySelector('.typed-text-2-213819e') !== null) {\r\n          var options_2 = {\r\n            stringsElement: '#typed-strings-2-213819e',\r\n            typeSpeed: 60,\r\n            backSpeed: 30,\r\n            backDelay: 2000,\r\n            startDelay: 0,\r\n            loop: true\r\n          };\r\n          var typed_2 = new Typed('.typed-text-2-213819e:not(.prevent)', options_2);\r\n        }\r\n      })\r\n    <\/script>\r\n\r\n    \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-66 elementor-top-column elementor-element elementor-element-fdbfbd4\" data-id=\"fdbfbd4\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-f0c30ac elementor-widget elementor-widget-shock-image\" data-id=\"f0c30ac\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shock-image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t    <div class=\"holder align-h-center align-v-center\">\r\n            <!-- Image -->\r\n            <div class=\"image-wrapper\">\r\n        <img decoding=\"async\" src=\"https:\/\/www.falieris.com\/wp-content\/uploads\/2026\/07\/logo-dep-graph-v2.png\" alt=\"logo-dep-graph-v2\" class=\"image\" \/>              <\/div>\r\n    <\/div>\r\n  \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-0bd9435 elementor-section-full_width elementor-section-content-middle elementor-reverse-mobile elementor-section-height-default elementor-section-height-default\" data-id=\"0bd9435\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-66 elementor-top-column elementor-element elementor-element-1188d0c\" data-id=\"1188d0c\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-33e7fa1 elementor-widget elementor-widget-shock-image\" data-id=\"33e7fa1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shock-image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t    <div class=\"holder align-h-center align-v-center\">\r\n            <!-- Image -->\r\n            <div class=\"image-wrapper\">\r\n        <img decoding=\"async\" src=\"http:\/\/falieris.com\/wp-content\/uploads\/2026\/07\/logo-ascii-diagram-viewer.png\" alt=\"logo-ascii-diagram-viewer\" class=\"image\" \/>              <\/div>\r\n    <\/div>\r\n  \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-cb7431b\" data-id=\"cb7431b\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-e942701 elementor-widget elementor-widget-shock-intro-text\" data-id=\"e942701\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shock-intro-text.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t    <!-- Intro Text -->\r\n    <div class=\"intro-text side-intro me-auto \">\r\n      <div class=\"wrapper\"><div class=\"left-column\"><h1 class=\"title\"><span class=\"text-2 text-style-5 text-italic normal\">Superhero Almanac<\/span><\/h1><div class=\"description \"><p>I came across a github repo that had a json with all the superheroes of DC, Marvel and other universes. I grew up with the type of heroes and anti-heroes so I wanted a nice way to visualize all that raw information. What better way to do that but to create a simple site! A few prompts and plenty of tokens later, it was ready.<\/p><\/div><\/div>        <!-- Button -->\r\n        <a href=\"http:\/\/falieris.com\/experiements\/superhero-almanac\" rel=\"nofollow\" class=\"button arrow-button next\">\r\n                      <span class=\"arrow\">\r\n              <span class=\"item\"><\/span>\r\n              <span class=\"item\"><\/span>\r\n            <\/span>\r\n            <span class=\"line\"><\/span>\r\n            <span class=\"text\">READ MORE<\/span>                  <\/a>  \r\n        <\/div>    <\/div>\r\n\r\n    <!-- Script needs -->\r\n    <script>\r\n      \/*----------------------------------------------\r\n      Typed Text Settings\r\n      ----------------------------------------------*\/\r\n      jQuery(function ($) {\r\n        'use strict';\r\n\r\n        if (document.querySelector('.typed-text-e942701') !== null) {\t\r\n          var options = {\r\n            stringsElement: '#typed-strings-e942701',\r\n            typeSpeed: 60,\r\n            backSpeed: 30,\r\n            backDelay: 2000,\r\n            startDelay: 0,\r\n            loop: true\r\n          };\r\n          var typed = new Typed('.typed-text-e942701:not(.prevent)', options);\r\n        }\r\n\r\n        if (document.querySelector('.typed-text-2-e942701') !== null) {\r\n          var options_2 = {\r\n            stringsElement: '#typed-strings-2-e942701',\r\n            typeSpeed: 60,\r\n            backSpeed: 30,\r\n            backDelay: 2000,\r\n            startDelay: 0,\r\n            loop: true\r\n          };\r\n          var typed_2 = new Typed('.typed-text-2-e942701:not(.prevent)', options_2);\r\n        }\r\n      })\r\n    <\/script>\r\n\r\n    \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Making code sing If your code could sing, how do you think it would sound? How can we make braces, functions and reserved coding words sing? How much &#8220;meta&#8221; could&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"templates\/full-width.php","meta":{"footnotes":""},"class_list":["post-8194","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.falieris.com\/index.php\/wp-json\/wp\/v2\/pages\/8194","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.falieris.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.falieris.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.falieris.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.falieris.com\/index.php\/wp-json\/wp\/v2\/comments?post=8194"}],"version-history":[{"count":52,"href":"https:\/\/www.falieris.com\/index.php\/wp-json\/wp\/v2\/pages\/8194\/revisions"}],"predecessor-version":[{"id":8441,"href":"https:\/\/www.falieris.com\/index.php\/wp-json\/wp\/v2\/pages\/8194\/revisions\/8441"}],"wp:attachment":[{"href":"https:\/\/www.falieris.com\/index.php\/wp-json\/wp\/v2\/media?parent=8194"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}