<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>DEV Community: HijelHub</title>
    <description>The latest articles on DEV Community by HijelHub (@hijelhub).</description>
    <link>https://dev.to/hijelhub</link>
    <image>
      <url>https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F3869286%2F4e1438b8-793b-44b0-bf44-0dd03151fe63.png</url>
      <title>DEV Community: HijelHub</title>
      <link>https://dev.to/hijelhub</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/hijelhub"/>
    <language>en</language>
    <item>
      <title>You've changed GitHub, and I'm not a fan.</title>
      <dc:creator>HijelHub</dc:creator>
      <pubDate>Thu, 16 Apr 2026 13:39:30 +0000</pubDate>
      <link>https://dev.to/hijelhub/youve-changed-github-and-im-not-a-fan-2j85</link>
      <guid>https://dev.to/hijelhub/youve-changed-github-and-im-not-a-fan-2j85</guid>
      <description>&lt;p&gt;&lt;em&gt;New changes to the way Github renders svg images in README.md docs and a cry for help with fixing them.&lt;/em&gt;&lt;/p&gt;

&lt;p&gt;In the past few days, the exact date I am unsure of, I noticed changes in the way GitHub handles svg images in repository README.md documents.&lt;/p&gt;

&lt;p&gt;I have checked in multiple browsers but they all render the same so I'm sure it is something with GitHub as I most certainly did not make any changes to the README's .... they just up and changed.&lt;/p&gt;

&lt;h2&gt;
  
  
  A bit of a backstory...
&lt;/h2&gt;

&lt;p&gt;Many moons ago, I was looking for a way to add svg icons to my README documents but I could not find any way to include the svg while changing its colour properties.&lt;br&gt;
So I did the only thing any sane person would do and I created a &lt;a href="https://github.com/HijelHub/GitStrap_SVG_Icons" rel="noopener noreferrer"&gt;GITSTRAP REPOSITORY&lt;/a&gt; that included all of the Bootstrap Icons ... in a variety of colours.&lt;br&gt;
This way I (or anyone) could just include the pre-coloured icon into their README doc without much fuss.&lt;/p&gt;

&lt;p&gt;For example, if you wanted the arrow-through-heart icon, but you wanted it red  you would use:&lt;br&gt;
&lt;code&gt;&amp;lt;img width="100" height="100" src="https://raw.githubusercontent.com/HijelHub/GitStrap_SVG_Icons/b674246b8f46d8bc2c75f3cf5cf395a370b86ae2/icons/red/arrow-through-heart.svg"&amp;gt;&lt;/code&gt; in your document.&lt;/p&gt;

&lt;p&gt;This system, although borderline insane, worked for many years.&lt;/p&gt;

&lt;h2&gt;
  
  
  What's Changed
&lt;/h2&gt;

&lt;p&gt;There are two issues at play here&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;Icon svg's now render with a non-transparent background&lt;/li&gt;
&lt;li&gt;Icon svg's no longer render inline with other text.&lt;/li&gt;
&lt;/ol&gt;

&lt;h3&gt;
  
  
  How It used to appear
&lt;/h3&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F363yvhzekqgy236l8zhj.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F363yvhzekqgy236l8zhj.png" alt="How SVG's used to Appear in GitHub README Docs." width="575" height="229"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  How it appears now
&lt;/h3&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fuie93zvvwzjvq8ote711.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fuie93zvvwzjvq8ote711.png" alt="How SVG's now Appear in GitHub README Docs." width="575" height="229"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;You can see the background transparency change much more distinctly in Dark Mode.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F5xp9ezi84anb01bp66l4.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F5xp9ezi84anb01bp66l4.png" alt="How SVG's now Appear in GitHub README Docs. in Dark Mode" width="575" height="229"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  The reason for this post
&lt;/h2&gt;

&lt;p&gt;I am perfectly capable of accepting the fact that I... am most probably an idiot, and the solution to this issue is trivial but I just can't see it.&lt;/p&gt;

&lt;p&gt;It may also be that this is an actual problem and many of us with mild neurological issues will be bothered by not being able to get the thing to do the thing the thing is supposed to be doing.&lt;/p&gt;

&lt;p&gt;I am therefore summoning the horde to find answers...&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;Have you experienced this issue?&lt;/li&gt;
&lt;li&gt;Do you know the cause, or how to fix it?&lt;/li&gt;
&lt;li&gt;Do you like the sound of stirring macaroni as much as I do?&lt;/li&gt;
&lt;/ol&gt;

</description>
      <category>github</category>
      <category>markdown</category>
      <category>summonthehorde</category>
    </item>
    <item>
      <title>New Bluetooth Low Energy (BLE) HID Keyboard &amp; Mouse Libraries</title>
      <dc:creator>HijelHub</dc:creator>
      <pubDate>Fri, 10 Apr 2026 17:12:14 +0000</pubDate>
      <link>https://dev.to/hijelhub/new-bluetooth-low-energy-ble-hid-keyboard-mouse-libraries-39p0</link>
      <guid>https://dev.to/hijelhub/new-bluetooth-low-energy-ble-hid-keyboard-mouse-libraries-39p0</guid>
      <description>&lt;p&gt;I've written a few libraries you might be interested in, they are written for Espressif arduino-esp32 and wrap NimBLE-Arduino.&lt;/p&gt;

&lt;p&gt;You can check them out on my GitHub:&lt;/p&gt;

&lt;p&gt;&lt;a href="https://github.com/HijelHub/HijelHID_BLEKeyboard" rel="noopener noreferrer"&gt;&lt;strong&gt;HijelHID_BLEKeyboard&lt;/strong&gt;&lt;/a&gt;&lt;br&gt;
&lt;a href="https://github.com/HijelHub/HijelHID_BLEMouse" rel="noopener noreferrer"&gt;&lt;strong&gt;HijelHID_BLEMouse&lt;/strong&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Both libraries have been pretty well tested and run on iOS(26.3), macOS(Ventura), Android(16), Windows(11), and Linux(Ubuntu) and I attempted to build both libraries so they would be useful for both building actual devices OR emulating devices.&lt;/p&gt;

&lt;p&gt;Both libraries are also setup for power saving, shutting off the bluetooth radio when idle and play well with esp32 light and deep sleep.&lt;/p&gt;

&lt;p&gt;If you have any suggestions for improvement, find any bugs or just want to let me know what you build with them.... feel free to contact me!&lt;/p&gt;

</description>
      <category>arduino</category>
      <category>esp32</category>
      <category>microcontroller</category>
      <category>embedded</category>
    </item>
    <item>
      <title>A better, no-cost GitHub analytics dashboard.</title>
      <dc:creator>HijelHub</dc:creator>
      <pubDate>Thu, 09 Apr 2026 09:57:40 +0000</pubDate>
      <link>https://dev.to/hijelhub/a-better-no-cost-github-analytics-dashboard-5d3b</link>
      <guid>https://dev.to/hijelhub/a-better-no-cost-github-analytics-dashboard-5d3b</guid>
      <description>&lt;p&gt;To satisfy my proclivity of watching numbers go up... I built this GitHub Dashboard so that I can view all the Data, from all my repositories on a single page.&lt;br&gt;
While there are solutions like this already available, they are either paid services, limited versions, dead repo's, or just not what I was looking for. &lt;/p&gt;

&lt;p&gt;My solution runs entirely on GitHub's Free Tier and is completely automated. No external database, web host, or monthly fees required.&lt;/p&gt;

&lt;p&gt;You can enter the password "guest" to view the Live Demo Dashboard at &lt;a href="https://hijelhub.github.io/Demo_Dashboard/" rel="noopener noreferrer"&gt;https://hijelhub.github.io/Demo_Dashboard/&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;To get your own Dashboard, fork yourself a copy of the main repo at &lt;a href="https://github.com/HijelHub/HijelHub_Dashboard" rel="noopener noreferrer"&gt;https://github.com/HijelHub/HijelHub_Dashboard&lt;/a&gt; and set it up (Setup takes ~5min)&lt;/p&gt;

&lt;h2&gt;
  
  
  Why?
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;GitHub will only store 14 days of traffic analytics&lt;/li&gt;
&lt;li&gt;GitHub has no unified analytics page, you must check each repo separately.&lt;/li&gt;
&lt;li&gt;Other Dashboards do not offer Data Encryption for increased privacy.&lt;/li&gt;
&lt;li&gt;Existing solutions require a monthly fee, external databases or infrastructure.&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  How?
&lt;/h2&gt;

&lt;p&gt;HijelHub_Dashboard works in two parts. On the back-end, a GitHub Actions workflow runs once a day (or as often as you set) on a schedule, using a personal access token (saved as an Actions secret) to fetch traffic view, clone, referrer, fork, pull request, and issue data from the GitHub API for every repo you've listed in &lt;code&gt;config.json&lt;/code&gt;. (You must have write access for any repo you add here)&lt;/p&gt;

&lt;p&gt;It combines new data with what's already stored in the &lt;code&gt;data/&lt;/code&gt; folder,  skipping duplicate dates for views and clones, and builds up a running list of all referrers and data points over time then commits the updated JSON files back to your repo.&lt;/p&gt;

&lt;p&gt;On the front-end, GitHub Pages serves a single-page dashboard that loads those JSON files, decrypts them in the browser (if you've turned on the optional AES-256-GCM encryption), and displays the analytics data with interactive &lt;code&gt;Chart.js&lt;/code&gt; line charts, referrer tables, fork/PR/issue counts, and release download counts.&lt;/p&gt;

&lt;p&gt;The whole thing... the scheduled data collection, storage, and hosting runs entirely on GitHub's free tier with no external server or database.&lt;/p&gt;

&lt;p&gt;You can also customize the look and feel of your HijelHub_Dashboard by editing the &lt;code&gt;theme.json&lt;/code&gt; file.&lt;/p&gt;




&lt;p&gt;Please let me know if you have any feature ideas, find any bugs, or just want to say "Hi!".&lt;/p&gt;

</description>
      <category>showdev</category>
      <category>github</category>
      <category>analytics</category>
      <category>productivity</category>
    </item>
  </channel>
</rss>
