diff options
| author | Rishi-k-s <rishikrishna.sr@gmail.com> | 2026-01-03 14:37:56 +0530 |
|---|---|---|
| committer | Rishi-k-s <rishikrishna.sr@gmail.com> | 2026-01-03 14:37:56 +0530 |
| commit | 34e0a89d780d127d2b803c9a820dfd3c99f97ed5 (patch) | |
| tree | 670e9cf03f2aa84f6f14597346f7b8a7b3db6254 | |
| parent | 64edf9d3f74a5abc30f4cb92976995ab1f90f920 (diff) | |
fixed image zoom
| -rw-r--r-- | 404.html | 5 | ||||
| -rw-r--r-- | blog/hi/index.html | 5 | ||||
| -rw-r--r-- | blog/index.html | 5 | ||||
| -rw-r--r-- | blog/index.xml | 12 | ||||
| -rw-r--r-- | blog/setting-up-remote-server-with-cloudflare/index.html | 79 | ||||
| -rw-r--r-- | categories/index.html | 5 | ||||
| -rw-r--r-- | index.html | 5 | ||||
| -rw-r--r-- | index.xml | 12 | ||||
| -rw-r--r-- | pages/about/index.html | 5 | ||||
| -rw-r--r-- | pages/index.html | 5 | ||||
| -rw-r--r-- | projects/car-class-seven/index.html | 5 | ||||
| -rw-r--r-- | projects/esp32-emulation-qemu/index.html | 105 | ||||
| -rw-r--r-- | projects/index.html | 5 | ||||
| -rw-r--r-- | projects/selfhosting-mayavi/index.html | 5 | ||||
| -rw-r--r-- | tags/index.html | 5 | ||||
| -rw-r--r-- | talk/index.html | 5 | ||||
| -rw-r--r-- | talks/home-automation-class-nine/index.html | 5 | ||||
| -rw-r--r-- | talks/index.html | 5 | ||||
| -rw-r--r-- | talks/iti-maneed/index.html | 5 |
19 files changed, 258 insertions, 25 deletions
@@ -71,6 +71,10 @@ + +<link href="https://cdnjs.cloudflare.com/ajax/libs/lightbox2/2.11.4/css/lightbox.min.css" rel="stylesheet"> + + </head> <body data-theme = "light" class="notransition"> @@ -256,6 +260,7 @@ stroke-linejoin="round" class="feather feather-home"> </svg> </a> +<script src="https://cdnjs.cloudflare.com/ajax/libs/lightbox2/2.11.4/js/lightbox.min.js"></script> diff --git a/blog/hi/index.html b/blog/hi/index.html index 7d2832c..fc58aa6 100644 --- a/blog/hi/index.html +++ b/blog/hi/index.html @@ -78,6 +78,10 @@ Rishi :)"> + +<link href="https://cdnjs.cloudflare.com/ajax/libs/lightbox2/2.11.4/css/lightbox.min.css" rel="stylesheet"> + + </head> <body data-theme = "light" class="notransition"> @@ -279,6 +283,7 @@ stroke-linejoin="round" class="feather feather-home"> </svg> </a> +<script src="https://cdnjs.cloudflare.com/ajax/libs/lightbox2/2.11.4/js/lightbox.min.js"></script> diff --git a/blog/index.html b/blog/index.html index e1c8b35..1db6d3b 100644 --- a/blog/index.html +++ b/blog/index.html @@ -73,6 +73,10 @@ + +<link href="https://cdnjs.cloudflare.com/ajax/libs/lightbox2/2.11.4/css/lightbox.min.css" rel="stylesheet"> + + </head> <body data-theme = "light" class="notransition"> @@ -301,6 +305,7 @@ stroke-linejoin="round" class="feather feather-home"> </svg> </a> +<script src="https://cdnjs.cloudflare.com/ajax/libs/lightbox2/2.11.4/js/lightbox.min.js"></script> diff --git a/blog/index.xml b/blog/index.xml index 61eb0b2..fdb4927 100644 --- a/blog/index.xml +++ b/blog/index.xml @@ -22,9 +22,15 @@ Remote Machine - The server (preferably in your home)</p> <a href="https://docs.docker.com/engine/install/">Installing Docker</a></p> <h2 id="step-2-signing-up-to-cloudflare-and-setting-up-domain-local-machine">Step 2: Signing up, to cloudflare and setting up domain (local machine)</h2> <p>login to cloudflare dashboard via <a href="https://dash.cloudflare.com/">dash.cloudflare.com</a> and an account via your email -<img src="https://rishikrishna.com/files/remoteserver/cloudfare-connectiong.png" alt="cloudfare-connectiong"></p> -<blockquote> -<p>NOTE: You need to have a <strong>domain</strong> with you to do all these btw&hellip;</p></description> +<a href="https://rishikrishna.com/files/remoteserver/cloudfare-connectiong.png" data-lightbox="post-gallery" data-title="cloudfare-connectiong"> + <img + src="https://rishikrishna.com/files/remoteserver/cloudfare-connectiong.png" + alt="cloudfare-connectiong" + title="cloudfare-connectiong" + style="max-width: 100%; height: auto; cursor: pointer;" + /> +</a> +</p></description> </item> diff --git a/blog/setting-up-remote-server-with-cloudflare/index.html b/blog/setting-up-remote-server-with-cloudflare/index.html index 70fc861..67e33c7 100644 --- a/blog/setting-up-remote-server-with-cloudflare/index.html +++ b/blog/setting-up-remote-server-with-cloudflare/index.html @@ -35,7 +35,7 @@ Local Machine - The device in you have Remote Machine - The server (preferably in your home) Step 1: Installing Docker in Remote Machine follow these instruction to install docker in remote machine Installing Docker -Step 2: Signing up, to cloudflare and setting up domain (local machine) login to cloudflare dashboard via dash.cloudflare.com and an account via your email NOTE: You need to have a domain with you to do all these btw…"> +Step 2: Signing up, to cloudflare and setting up domain (local machine) login to cloudflare dashboard via dash.cloudflare.com and an account via your email"> <meta property="og:locale" content="en_gb"> <meta property="og:type" content="article"> <meta property="article:section" content="blog"> @@ -51,7 +51,7 @@ Step 2: Signing up, to cloudflare and setting up domain (local machine) login to Local Machine - The device in you have Remote Machine - The server (preferably in your home) Step 1: Installing Docker in Remote Machine follow these instruction to install docker in remote machine Installing Docker -Step 2: Signing up, to cloudflare and setting up domain (local machine) login to cloudflare dashboard via dash.cloudflare.com and an account via your email NOTE: You need to have a domain with you to do all these btw…"> +Step 2: Signing up, to cloudflare and setting up domain (local machine) login to cloudflare dashboard via dash.cloudflare.com and an account via your email"> @@ -82,6 +82,10 @@ Step 2: Signing up, to cloudflare and setting up domain (local machine) login to + +<link href="https://cdnjs.cloudflare.com/ajax/libs/lightbox2/2.11.4/css/lightbox.min.css" rel="stylesheet"> + + </head> <body data-theme = "light" class="notransition"> @@ -188,23 +192,79 @@ Remote Machine - The server (preferably in your home)</p> <a href="https://docs.docker.com/engine/install/">Installing Docker</a></p> <h2 id="step-2-signing-up-to-cloudflare-and-setting-up-domain-local-machine">Step 2: Signing up, to cloudflare and setting up domain (local machine)</h2> <p>login to cloudflare dashboard via <a href="https://dash.cloudflare.com/">dash.cloudflare.com</a> and an account via your email -<img src="/files/remoteserver/cloudfare-connectiong.png" alt="cloudfare-connectiong"></p> +<a href="/files/remoteserver/cloudfare-connectiong.png" data-lightbox="post-gallery" data-title="cloudfare-connectiong"> + <img + src="/files/remoteserver/cloudfare-connectiong.png" + alt="cloudfare-connectiong" + title="cloudfare-connectiong" + style="max-width: 100%; height: auto; cursor: pointer;" + /> +</a> +</p> <blockquote> <p>NOTE: You need to have a <strong>domain</strong> with you to do all these btw…</p> </blockquote> <p>Now press <strong>onboard domain</strong> and add the domain from your registrar to cloudflare, it might take some time to propagate the updates..</p> <h2 id="step-3-setting-up-zero-trust">Step 3: Setting up zero trust</h2> -<p><img src="/files/remoteserver/zero-trust-selection.png" alt="zero-trust"><br> +<p><a href="/files/remoteserver/zero-trust-selection.png" data-lightbox="post-gallery" data-title="zero-trust"> + <img + src="/files/remoteserver/zero-trust-selection.png" + alt="zero-trust" + title="zero-trust" + style="max-width: 100%; height: auto; cursor: pointer;" + /> +</a> +<br> select the zero trust option from the selection tool from the left navigation bar, if ur first time here, it might ask for setting up an account and all, finish em.. -<img src="/files/remoteserver/selecting-tunnel.png" alt="selecting zero trust"><br> +<a href="/files/remoteserver/selecting-tunnel.png" data-lightbox="post-gallery" data-title="selecting zero trust"> + <img + src="/files/remoteserver/selecting-tunnel.png" + alt="selecting zero trust" + title="selecting zero trust" + style="max-width: 100%; height: auto; cursor: pointer;" + /> +</a> +<br> now lets create a tunnel<br> -<img src="/files/remoteserver/tunnel-creation.png" alt="creating a tunnel"><br> +<a href="/files/remoteserver/tunnel-creation.png" data-lightbox="post-gallery" data-title="creating a tunnel"> + <img + src="/files/remoteserver/tunnel-creation.png" + alt="creating a tunnel" + title="creating a tunnel" + style="max-width: 100%; height: auto; cursor: pointer;" + /> +</a> +<br> Now select cloudflared from this -<img src="/files/remoteserver/cloudflared-selectioon.png" alt="Cloudflare selection"><br> +<a href="/files/remoteserver/cloudflared-selectioon.png" data-lightbox="post-gallery" data-title="Cloudflare selection"> + <img + src="/files/remoteserver/cloudflared-selectioon.png" + alt="Cloudflare selection" + title="Cloudflare selection" + style="max-width: 100%; height: auto; cursor: pointer;" + /> +</a> +<br> After this, give a <strong>name</strong> to your tunnel, and then: -<img src="/files/remoteserver/docker-selection.png" alt="Docker selection"> +<a href="/files/remoteserver/docker-selection.png" data-lightbox="post-gallery" data-title="Docker selection"> + <img + src="/files/remoteserver/docker-selection.png" + alt="Docker selection" + title="Docker selection" + style="max-width: 100%; height: auto; cursor: pointer;" + /> +</a> + Copy this line into the remote system, preferably via ssh from the local system, this will set up the SSH tunnel for the Cloudflare, now if you scroll down to the site you can see this connectiors part, <strong>wait for smthing to appear here</strong>, then continue -<img src="/files/remoteserver/image.png" alt="remote service"><br> +<a href="/files/remoteserver/image.png" data-lightbox="post-gallery" data-title="remote service"> + <img + src="/files/remoteserver/image.png" + alt="remote service" + title="remote service" + style="max-width: 100%; height: auto; cursor: pointer;" + /> +</a> +<br> Then next..next and you will be back in the dashboard…</p> <h2 id="step4-now-the-final-setting-up-the-connection">Step4: Now the final setting up the connection</h2> <p>So mee sleepy af, floow this <a href="https://chatgpt.com/share/6918e8d9-6e18-8001-b085-6cb045ebd15f">chatgpt.com/share/settinup</a></p> @@ -321,6 +381,7 @@ Then next..next and you will be back in the dashboard…</p> </svg> </a> +<script src="https://cdnjs.cloudflare.com/ajax/libs/lightbox2/2.11.4/js/lightbox.min.js"></script> diff --git a/categories/index.html b/categories/index.html index 840733f..faf5ea9 100644 --- a/categories/index.html +++ b/categories/index.html @@ -73,6 +73,10 @@ + +<link href="https://cdnjs.cloudflare.com/ajax/libs/lightbox2/2.11.4/css/lightbox.min.css" rel="stylesheet"> + + </head> <body data-theme = "light" class="notransition"> @@ -259,6 +263,7 @@ stroke-linejoin="round" class="feather feather-home"> </svg> </a> +<script src="https://cdnjs.cloudflare.com/ajax/libs/lightbox2/2.11.4/js/lightbox.min.js"></script> @@ -72,6 +72,10 @@ + +<link href="https://cdnjs.cloudflare.com/ajax/libs/lightbox2/2.11.4/css/lightbox.min.css" rel="stylesheet"> + + </head> <body data-theme="light" class="notransition"> @@ -364,6 +368,7 @@ stroke-linejoin="round" class="feather feather-home"> </svg> </a> +<script src="https://cdnjs.cloudflare.com/ajax/libs/lightbox2/2.11.4/js/lightbox.min.js"></script> @@ -22,9 +22,15 @@ Remote Machine - The server (preferably in your home)</p> <a href="https://docs.docker.com/engine/install/">Installing Docker</a></p> <h2 id="step-2-signing-up-to-cloudflare-and-setting-up-domain-local-machine">Step 2: Signing up, to cloudflare and setting up domain (local machine)</h2> <p>login to cloudflare dashboard via <a href="https://dash.cloudflare.com/">dash.cloudflare.com</a> and an account via your email -<img src="https://rishikrishna.com/files/remoteserver/cloudfare-connectiong.png" alt="cloudfare-connectiong"></p> -<blockquote> -<p>NOTE: You need to have a <strong>domain</strong> with you to do all these btw&hellip;</p></description> +<a href="https://rishikrishna.com/files/remoteserver/cloudfare-connectiong.png" data-lightbox="post-gallery" data-title="cloudfare-connectiong"> + <img + src="https://rishikrishna.com/files/remoteserver/cloudfare-connectiong.png" + alt="cloudfare-connectiong" + title="cloudfare-connectiong" + style="max-width: 100%; height: auto; cursor: pointer;" + /> +</a> +</p></description> </item> diff --git a/pages/about/index.html b/pages/about/index.html index edbab61..ac1877a 100644 --- a/pages/about/index.html +++ b/pages/about/index.html @@ -74,6 +74,10 @@ + +<link href="https://cdnjs.cloudflare.com/ajax/libs/lightbox2/2.11.4/css/lightbox.min.css" rel="stylesheet"> + + </head> <body data-theme = "light" class="notransition"> @@ -273,6 +277,7 @@ stroke-linejoin="round" class="feather feather-home"> </svg> </a> +<script src="https://cdnjs.cloudflare.com/ajax/libs/lightbox2/2.11.4/js/lightbox.min.js"></script> diff --git a/pages/index.html b/pages/index.html index 1e40aef..4ad9585 100644 --- a/pages/index.html +++ b/pages/index.html @@ -73,6 +73,10 @@ + +<link href="https://cdnjs.cloudflare.com/ajax/libs/lightbox2/2.11.4/css/lightbox.min.css" rel="stylesheet"> + + </head> <body data-theme = "light" class="notransition"> @@ -284,6 +288,7 @@ stroke-linejoin="round" class="feather feather-home"> </svg> </a> +<script src="https://cdnjs.cloudflare.com/ajax/libs/lightbox2/2.11.4/js/lightbox.min.js"></script> diff --git a/projects/car-class-seven/index.html b/projects/car-class-seven/index.html index 4cac29c..5e1c4e8 100644 --- a/projects/car-class-seven/index.html +++ b/projects/car-class-seven/index.html @@ -76,6 +76,10 @@ It was the first time i made smthing with arduino"> + +<link href="https://cdnjs.cloudflare.com/ajax/libs/lightbox2/2.11.4/css/lightbox.min.css" rel="stylesheet"> + + </head> <body data-theme = "light" class="notransition"> @@ -278,6 +282,7 @@ stroke-linejoin="round" class="feather feather-home"> </svg> </a> +<script src="https://cdnjs.cloudflare.com/ajax/libs/lightbox2/2.11.4/js/lightbox.min.js"></script> diff --git a/projects/esp32-emulation-qemu/index.html b/projects/esp32-emulation-qemu/index.html index f28995a..61a98c1 100644 --- a/projects/esp32-emulation-qemu/index.html +++ b/projects/esp32-emulation-qemu/index.html @@ -74,6 +74,10 @@ + +<link href="https://cdnjs.cloudflare.com/ajax/libs/lightbox2/2.11.4/css/lightbox.min.css" rel="stylesheet"> + + </head> <body data-theme = "light" class="notransition"> @@ -283,10 +287,26 @@ Copy and paste the following command to your shell’s profile (.profile, .b </span></span></code></pre></div><p>Yay we downloaded and installed ESP-IDF, now if we enter</p> <div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-bash" data-lang="bash"><span style="display:flex;"><span>get_idf </span></span></code></pre></div><p>in terminal it activates ESP-IDF if that directory -<img src="/files/image.png" alt="just running esp idf"></p> +<a href="/files/image.png" data-lightbox="post-gallery" data-title="just running esp idf"> + <img + src="/files/image.png" + alt="just running esp idf" + title="just running esp idf" + style="max-width: 100%; height: auto; cursor: pointer;" + /> +</a> +</p> <p>now to get the ESP-IDF version, we need to enter this commands into terminal:</p> <div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-bash" data-lang="bash"><span style="display:flex;"><span>idf.py --version <span style="color:#75715e">#this should be done after entering get_idf</span> -</span></span></code></pre></div><p><img src="/files/esp-idf-new.png" alt="After selecting esp idf version"> +</span></span></code></pre></div><p><a href="/files/esp-idf-new.png" data-lightbox="post-gallery" data-title="After selecting esp idf version"> + <img + src="/files/esp-idf-new.png" + alt="After selecting esp idf version" + title="After selecting esp idf version" + style="max-width: 100%; height: auto; cursor: pointer;" + /> +</a> + which gives the output</p> <div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-bash" data-lang="bash"><span style="display:flex;"><span>ESP-IDF v5.5.1 </span></span></code></pre></div><h3 id="qemu">QEMU</h3> @@ -345,7 +365,15 @@ lets create a working directory via:</p> <p>NOTE: To exit the emulation use <code>CTRL + ]</code></p> </blockquote> <p>now this will run the program in QEMU successfully, it looks like -<img src="/files/hello-world-success.png" alt="Hello World simulation"></p> +<a href="/files/hello-world-success.png" data-lightbox="post-gallery" data-title="Hello World simulation"> + <img + src="/files/hello-world-success.png" + alt="Hello World simulation" + title="Hello World simulation" + style="max-width: 100%; height: auto; cursor: pointer;" + /> +</a> +</p> <h2 id="demo-2-blinking-led">Demo 2: Blinking LED</h2> <p>Now that everything is working fine lets start a new project from scratch, to blink an LED, I am believing that you have a bit of background in ESP32 and how its GPIO’s work, if not <a href="https://docs.espressif.com/projects/esp-idf/en/latest/esp32/api-reference/peripherals/gpio.html">here</a> is a link to that.<br> So we are going to attach an LED on GPIO 2 and Turn it ON wait for 1000ms(1 second) then turn it OFF then wait for another 1000ms(1 second) until i end the program, or like a loop.<br> @@ -357,7 +385,15 @@ first lets get started with initializing a simple project, i am using the same w <div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-bash" data-lang="bash"><span style="display:flex;"><span>cd led_blink/main </span></span><span style="display:flex;"><span>ls </span></span></code></pre></div><p>It shows these files as output -<img src="/files/led-blink-file.png" alt="LED blink basic"></p> +<a href="/files/led-blink-file.png" data-lightbox="post-gallery" data-title="LED blink basic"> + <img + src="/files/led-blink-file.png" + alt="LED blink basic" + title="LED blink basic" + style="max-width: 100%; height: auto; cursor: pointer;" + /> +</a> +</p> <p>now We need to edit the <code>led_blink.c</code> file, it is the root file or like the main file of the project.<br> open this in any of your liked text editors like nvim, vs-code, nano etc… we are using nano text editor as it comes inbuilt with Ubuntu/Debian systems and is easy to use.<br> Copy the below code snippet into the file <code>led_blink.c</code>, you can do this by:</p> @@ -396,7 +432,15 @@ After that to exit nano: <code>Ctrl+x</code></p> <div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-bash" data-lang="bash"><span style="display:flex;"><span>idf.py build </span></span><span style="display:flex;"><span>idf.py qemu monitor </span></span></code></pre></div><p>After running this you might end up with someting like -<img src="/files/blink-no-wrk.png" alt="Blink No work"> +<a href="/files/blink-no-wrk.png" data-lightbox="post-gallery" data-title="Blink No work"> + <img + src="/files/blink-no-wrk.png" + alt="Blink No work" + title="Blink No work" + style="max-width: 100%; height: auto; cursor: pointer;" + /> +</a> + So <strong>i can’t see an LED lightup</strong>, but its actually happening, as we are not connected to the hardware we cannot see physical GPIO’s to see the ON/OFF commands <strong>we need to add Logging into the program</strong>…or we could do it in a more simpler way via <code>printf</code> which will be demonstrated in the <a href="http://localhost:1313/projects/esp32-emulation-qemu/#step-6-program-3-simulating-temperature-sensor">next prorgam</a> so once again go to <code>/main/led_blink.c</code> and edit the file via <strong>nano</strong>, if you want you can remove the previous code snipped and add this or add the newly added lines</p> <div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-c" data-lang="c"><span style="display:flex;"><span><span style="color:#75715e">#include</span> <span style="color:#75715e">"freertos/FreeRTOS.h"</span><span style="color:#75715e"> </span></span></span><span style="display:flex;"><span><span style="color:#75715e">#include</span> <span style="color:#75715e">"freertos/task.h"</span><span style="color:#75715e"> @@ -425,7 +469,15 @@ So <strong>i can’t see an LED lightup</strong>, but its actually happening <p><strong>Important: Use this code snippet or else you might not get the correct output</strong></p> </blockquote> <p>Now you will be seeing -<img src="/files/blink-working.png" alt="Blinking LED working"> +<a href="/files/blink-working.png" data-lightbox="post-gallery" data-title="Blinking LED working"> + <img + src="/files/blink-working.png" + alt="Blinking LED working" + title="Blinking LED working" + style="max-width: 100%; height: auto; cursor: pointer;" + /> +</a> + YAY ! We successfully done blinking LED in QEMU via ESP-IDF</p> <h2 id="demo-3-simulating-temperature-sensor">Demo 3: Simulating Temperature Sensor</h2> <p>Here eveything is similar to what we have done before, but rather than using Logging, we are going to use a simple printf, but it also have its disadvantages, like timestamps wont be there, also if we want to do advanced log filtering it cant be done, but if we just want simple output without all the advanced things we can use <code>printf</code>.<br> @@ -483,7 +535,15 @@ now coming back to the program, first lets create a new program in the workspace </span></span><span style="display:flex;"><span>idf.py build </span></span><span style="display:flex;"><span>idf.py qemu monitor </span></span></code></pre></div><p>Which gives the output: -<img src="/files/temp-one-out-succes.png" alt="Temperature sensor output"></p> +<a href="/files/temp-one-out-succes.png" data-lightbox="post-gallery" data-title="Temperature sensor output"> + <img + src="/files/temp-one-out-succes.png" + alt="Temperature sensor output" + title="Temperature sensor output" + style="max-width: 100%; height: auto; cursor: pointer;" + /> +</a> +</p> <p>Now if we want to make the program simpler, because we are only simulating the values you can copy the code below to make the simulation simpler by just creating a random number between 20 and 35, also congratulations on making it till here.</p> <blockquote> <p><strong>NOTE</strong>: to delete the entire program without deleting the file you can use the command <code>echo "" > main/temp_simulate.c</code></p> @@ -509,7 +569,15 @@ now coming back to the program, first lets create a new program in the workspace </span></span><span style="display:flex;"><span>idf.py build </span></span><span style="display:flex;"><span>idf.py qemu monitor </span></span></code></pre></div><p>We get similar output -<img src="/files/temp-new-output.png" alt="Get the new temperature data"></p> +<a href="/files/temp-new-output.png" data-lightbox="post-gallery" data-title="Get the new temperature data"> + <img + src="/files/temp-new-output.png" + alt="Get the new temperature data" + title="Get the new temperature data" + style="max-width: 100%; height: auto; cursor: pointer;" + /> +</a> +</p> <p><strong>YAY !!! We have successfully completed Setting up ESP-IDF and integrating QEMU with it and ran multiple programs with it</strong></p> <h2 id="running-qemu-in-headless-mode-for-yaksh-most-important-section">Running QEMU In Headless-mode: for Yaksh (Most Important Section)</h2> <p>I am using this <a href="https://github.com/Ebiroll/qemu_esp32/blob/master/README.md?utm_source=chatgpt.com">Reference</a>.<br> @@ -520,7 +588,15 @@ for that first let go the <code>temp_simulate</code> project inside the <code> </span></span><span style="display:flex;"><span>idf.py build </span></span></code></pre></div><p>now we can check the build directory by:</p> <div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-bash" data-lang="bash"><span style="display:flex;"><span>ls build -</span></span></code></pre></div><p><img src="/files/yaksh-build-happening.png" alt="Yaksh Build process"> +</span></span></code></pre></div><p><a href="/files/yaksh-build-happening.png" data-lightbox="post-gallery" data-title="Yaksh Build process"> + <img + src="/files/yaksh-build-happening.png" + alt="Yaksh Build process" + title="Yaksh Build process" + style="max-width: 100%; height: auto; cursor: pointer;" + /> +</a> + Here we can see the <code>bootloader</code>, <code>partition_table</code> directories and <code>temp_simulate.bin</code> we need to combine these three to create a proper SPI flash image (with bootloader + partitions + app), we can do this via:</p> <div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-bash" data-lang="bash"><span style="display:flex;"><span>esptool.py --chip esp32 merge_bin -o build/flash_image.bin <span style="color:#ae81ff">\ </span></span></span><span style="display:flex;"><span><span style="color:#ae81ff"></span> 0x1000 build/bootloader/bootloader.bin <span style="color:#ae81ff">\ @@ -537,7 +613,15 @@ Just to be on the safer side we are going to <strong>pad this image</strong> <co <div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-bash" data-lang="bash"><span style="display:flex;"><span>qemu-system-xtensa -nographic -machine esp32 <span style="color:#ae81ff">\ </span></span></span><span style="display:flex;"><span><span style="color:#ae81ff"></span> -drive file<span style="color:#f92672">=</span>build/flash_image.bin,if<span style="color:#f92672">=</span>mtd,format<span style="color:#f92672">=</span>raw </span></span></code></pre></div><p>which gives the output: -<img src="/files/final-qemu-output.png" alt="QEMU in headless mode"></p> +<a href="/files/final-qemu-output.png" data-lightbox="post-gallery" data-title="QEMU in headless mode"> + <img + src="/files/final-qemu-output.png" + alt="QEMU in headless mode" + title="QEMU in headless mode" + style="max-width: 100%; height: auto; cursor: pointer;" + /> +</a> +</p> <blockquote> <p>TO exit from this session you have to use <code>Ctrl+a</code> then click <code>x</code></p> </blockquote> @@ -669,6 +753,7 @@ Now the workflow would be:</p> </svg> </a> +<script src="https://cdnjs.cloudflare.com/ajax/libs/lightbox2/2.11.4/js/lightbox.min.js"></script> diff --git a/projects/index.html b/projects/index.html index b3b602a..59abc19 100644 --- a/projects/index.html +++ b/projects/index.html @@ -73,6 +73,10 @@ + +<link href="https://cdnjs.cloudflare.com/ajax/libs/lightbox2/2.11.4/css/lightbox.min.css" rel="stylesheet"> + + </head> <body data-theme = "light" class="notransition"> @@ -326,6 +330,7 @@ stroke-linejoin="round" class="feather feather-home"> </svg> </a> +<script src="https://cdnjs.cloudflare.com/ajax/libs/lightbox2/2.11.4/js/lightbox.min.js"></script> diff --git a/projects/selfhosting-mayavi/index.html b/projects/selfhosting-mayavi/index.html index 29510aa..fa60cf2 100644 --- a/projects/selfhosting-mayavi/index.html +++ b/projects/selfhosting-mayavi/index.html @@ -74,6 +74,10 @@ + +<link href="https://cdnjs.cloudflare.com/ajax/libs/lightbox2/2.11.4/css/lightbox.min.css" rel="stylesheet"> + + </head> <body data-theme = "light" class="notransition"> @@ -273,6 +277,7 @@ stroke-linejoin="round" class="feather feather-home"> </svg> </a> +<script src="https://cdnjs.cloudflare.com/ajax/libs/lightbox2/2.11.4/js/lightbox.min.js"></script> diff --git a/tags/index.html b/tags/index.html index 15ebdb1..507a764 100644 --- a/tags/index.html +++ b/tags/index.html @@ -73,6 +73,10 @@ + +<link href="https://cdnjs.cloudflare.com/ajax/libs/lightbox2/2.11.4/css/lightbox.min.css" rel="stylesheet"> + + </head> <body data-theme = "light" class="notransition"> @@ -259,6 +263,7 @@ stroke-linejoin="round" class="feather feather-home"> </svg> </a> +<script src="https://cdnjs.cloudflare.com/ajax/libs/lightbox2/2.11.4/js/lightbox.min.js"></script> diff --git a/talk/index.html b/talk/index.html index 8043100..1f29536 100644 --- a/talk/index.html +++ b/talk/index.html @@ -73,6 +73,10 @@ + +<link href="https://cdnjs.cloudflare.com/ajax/libs/lightbox2/2.11.4/css/lightbox.min.css" rel="stylesheet"> + + </head> <body data-theme = "light" class="notransition"> @@ -259,6 +263,7 @@ stroke-linejoin="round" class="feather feather-home"> </svg> </a> +<script src="https://cdnjs.cloudflare.com/ajax/libs/lightbox2/2.11.4/js/lightbox.min.js"></script> diff --git a/talks/home-automation-class-nine/index.html b/talks/home-automation-class-nine/index.html index 830b49e..d54d846 100644 --- a/talks/home-automation-class-nine/index.html +++ b/talks/home-automation-class-nine/index.html @@ -76,6 +76,10 @@ I belive this would be my first public"> + +<link href="https://cdnjs.cloudflare.com/ajax/libs/lightbox2/2.11.4/css/lightbox.min.css" rel="stylesheet"> + + </head> <body data-theme = "light" class="notransition"> @@ -278,6 +282,7 @@ stroke-linejoin="round" class="feather feather-home"> </svg> </a> +<script src="https://cdnjs.cloudflare.com/ajax/libs/lightbox2/2.11.4/js/lightbox.min.js"></script> diff --git a/talks/index.html b/talks/index.html index cc92ad7..00e8523 100644 --- a/talks/index.html +++ b/talks/index.html @@ -73,6 +73,10 @@ + +<link href="https://cdnjs.cloudflare.com/ajax/libs/lightbox2/2.11.4/css/lightbox.min.css" rel="stylesheet"> + + </head> <body data-theme = "light" class="notransition"> @@ -309,6 +313,7 @@ stroke-linejoin="round" class="feather feather-home"> </svg> </a> +<script src="https://cdnjs.cloudflare.com/ajax/libs/lightbox2/2.11.4/js/lightbox.min.js"></script> diff --git a/talks/iti-maneed/index.html b/talks/iti-maneed/index.html index 7160998..60500c4 100644 --- a/talks/iti-maneed/index.html +++ b/talks/iti-maneed/index.html @@ -74,6 +74,10 @@ + +<link href="https://cdnjs.cloudflare.com/ajax/libs/lightbox2/2.11.4/css/lightbox.min.css" rel="stylesheet"> + + </head> <body data-theme = "light" class="notransition"> @@ -273,6 +277,7 @@ stroke-linejoin="round" class="feather feather-home"> </svg> </a> +<script src="https://cdnjs.cloudflare.com/ajax/libs/lightbox2/2.11.4/js/lightbox.min.js"></script> |