<?xml version="1.0" encoding="utf-8"?>
<?xml-stylesheet href="notes-style.xsl" type="text/xsl"?>
<feed xmlns="http://www.w3.org/2005/Atom" xmlns:media="http://search.yahoo.com/mrss/">
  <title>Notes - Juan Fernandes - Freelance Web Designer</title>
  <subtitle>Short posts, thoughts about code, design and personal stuff</subtitle>
  <link href="https://www.juanfernandes.uk/rss/notes.xml" rel="self"/>
  <link href="https://www.juanfernandes.uk"/>
  <updated>2021-05-27T23:00:00Z</updated>
  <id>https://www.juanfernandes.uk/</id>
  <author>
    <name>Juan Fernandes</name>
    <email>info@juanfernandes.uk</email>
  </author>
  
  
  <entry>
    <title>TIL: Generating a hash from the command line</title>
    <link href="https://www.juanfernandes.uk/notes/til-generating-a-hash-from-the-command-line/"/>
    <published>2021-05-27T23:00:00Z</published>
    <updated>2021-05-27T23:00:00Z</updated>
    <id>https://www.juanfernandes.uk/notes/til-generating-a-hash-from-the-command-line/</id>
    <summary><![CDATA[Since adding Content Security Policies to my website, I need to add a sha for any inline scripts I use - I only use one, which is the one to initiate the ServiceWorker.]]></summary>
    <media:thumbnail url="https://res.cloudinary.com/juanfernandes/w_1200,f_auto/l_juanfernandes-logo,w_100,g_south_east,x_60,y_40/l_text:Georgia_60_bold_center:TIL: Generating a hash from the command line,co_rgb:eee,c_fit,w_600/v1579162295/trianglify.png" />
    <content type="html"><![CDATA[
      <p>Since adding Content Security Policies to my website, I need to add a sha for any inline scripts I use - I only use one, which initiates my ServiceWorker.</p>
<p>I keep forgetting how to genetate shas. Making a note for future reference.</p>
<p>You can generate a hash using openssl:</p>
<pre><code>echo -n 'doSomething();' | openssl sha256 -binary | openssl base64
</code></pre>

      <hr><p><a href="mailto:info@juanfernandes.uk?subject=Re: TIL: Generating a hash from the command line">Reply via email</a></p>
    ]]></content>
  </entry>
  
  
  <entry>
    <title>TIL - Webmention and URLs</title>
    <link href="https://www.juanfernandes.uk/notes/til-webmention-and-urls/"/>
    <published>2021-05-05T23:00:00Z</published>
    <updated>2021-05-05T23:00:00Z</updated>
    <id>https://www.juanfernandes.uk/notes/til-webmention-and-urls/</id>
    <summary><![CDATA[Creating a post with a title that has uppercase letters, like IR35 - the URL will have those uppercase letters in your file system, but in the live URL they will be lowercase]]></summary>
    <media:thumbnail url="https://res.cloudinary.com/juanfernandes/w_1200,f_auto/l_juanfernandes-logo,w_100,g_south_east,x_60,y_40/l_text:Georgia_60_bold_center:TIL - Webmention and URLs,co_rgb:eee,c_fit,w_600/v1579162295/trianglify.png" />
    <content type="html"><![CDATA[
      <p class="lead">TIL: If you create a post with a title that has uppercase letters, like IR35 - the URL will have those capital letters in your file system, but in the live URL they will be lowercase.</p>
<p>This may be obvious to some, but I had not noticed until I started working on implementing webmentions on my website.</p>
<p>A webmention recorded against <code>/blog/working-an-inside-ir35-contract/</code> will not show mentions for <code>/blog/working-an-inside-IR35-contract/</code>.</p>
<p>Took me a few hours to figure out that was why webmentions were not showing for that blog post!</p>

      <hr><p><a href="mailto:info@juanfernandes.uk?subject=Re: TIL - Webmention and URLs">Reply via email</a></p>
    ]]></content>
  </entry>
  
  
  <entry>
    <title>Opting out of Google&#39;s FLoC Network</title>
    <link href="https://www.juanfernandes.uk/notes/google-floc/"/>
    <published>2021-04-27T00:00:00Z</published>
    <updated>2021-04-27T00:00:00Z</updated>
    <id>https://www.juanfernandes.uk/notes/google-floc/</id>
    <summary><![CDATA[This website is now opted out of Google's FLoC Network]]></summary>
    <media:thumbnail url="https://res.cloudinary.com/juanfernandes/w_1200,f_auto/l_juanfernandes-logo,w_100,g_south_east,x_60,y_40/l_text:Georgia_60_bold_center:Opting out of Google&#39;s FLoC Network,co_rgb:eee,c_fit,w_600/v1579162295/trianglify.png" />
    <content type="html"><![CDATA[
      <p>&quot;Google recently announced the rollout of their Federated Learning of Cohorts (FLoC), a new advertising-surveillance initiative that seeks to replace third-party cookies with a new user profiling technique that garners data generated by the browser itself.&quot;</p>
<p>Yeah - no thanks Google. Following Paramdeo's instructions I have added <code>Permissions-Policy = &quot;interest-cohort=()&quot;</code> to my <code>netlify.toml</code> file and just like that my website will be opted out of the Google FLoC network.</p>
<p>Follow the instructions in  Paramdeo's post if you want to do the same to your website - <a href="https://paramdeo.com//blog/opting-your-website-out-of-googles-floc-network" title="Opting your Website out of Google's FLoC Network">Opting your Website out of Google's FLoC Network</a></p>
<p>#PrivacyControl</p>

      <hr><p><a href="mailto:info@juanfernandes.uk?subject=Re: Opting out of Google&#39;s FLoC Network">Reply via email</a></p>
    ]]></content>
  </entry>
  
  
  <entry>
    <title>Escaping Nunjucks code in a markdown code block</title>
    <link href="https://www.juanfernandes.uk/notes/escaping-nunjucks-code-in-a-markdown-code-block/"/>
    <published>2020-09-23T00:00:00Z</published>
    <updated>2020-09-23T00:00:00Z</updated>
    <id>https://www.juanfernandes.uk/notes/escaping-nunjucks-code-in-a-markdown-code-block/</id>
    <summary><![CDATA[Turns out you need to escape Nunjucks code within a markdown code block. Found a solution by Mark Llobrera - @dirtystylus]]></summary>
    <media:thumbnail url="https://res.cloudinary.com/juanfernandes/w_1200,f_auto/l_juanfernandes-logo,w_100,g_south_east,x_60,y_40/l_text:Georgia_60_bold_center:Escaping Nunjucks code in a markdown code block,co_rgb:eee,c_fit,w_600/v1579162295/trianglify.png" />
    <content type="html"><![CDATA[
      <p class="lead">I noticed that my latest blog post wasn't showing the Nunjucks code within markdown code blocks. Turns out you need to escape Nunjucks code if you are using nunjucks templates. 😁</p>
<p>Found a solution by <a href="https://x.com/dirtystylus" title="Mark on Twitter">Mark Llobrera</a> - <a href="https://www.markllobrera.com/posts/eleventy-escaping-nunjucks-statements-in-markdown-code-blocks/" title="Eleventy: Escaping Nunjucks Statements in Markdown Code Blocks">Eleventy: Escaping Nunjucks Statements in Markdown Code Blocks</a></p>
<pre class="language-html"><code class="language-html">{% raw %}{% if postImage %}<br>  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>meta</span> <span class="token attr-name">name</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>twitter:image<span class="token punctuation">"</span></span> <span class="token attr-name">property</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>og:image<span class="token punctuation">"</span></span> <span class="token attr-name">content</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>{{ site.cloudinary_url }}{{ postImage }}<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span><br>{% endif %}{% endraw %}</code></pre>

      <hr><p><a href="mailto:info@juanfernandes.uk?subject=Re: Escaping Nunjucks code in a markdown code block">Reply via email</a></p>
    ]]></content>
  </entry>
  
  
  <entry>
    <title>Recording audio input from other apps</title>
    <link href="https://www.juanfernandes.uk/notes/recording-audio-input-from-other-apps/"/>
    <published>2020-07-03T00:00:00Z</published>
    <updated>2020-07-03T00:00:00Z</updated>
    <id>https://www.juanfernandes.uk/notes/recording-audio-input-from-other-apps/</id>
    <summary><![CDATA[Turns out that you can't easily recorded audio from one app to another on a Mac, without some extra software and changing some preferences]]></summary>
    <media:thumbnail url="https://res.cloudinary.com/juanfernandes/w_1200,f_auto/l_juanfernandes-logo,w_100,g_south_east,x_60,y_40/l_text:Georgia_60_bold_center:Recording audio input from other apps,co_rgb:eee,c_fit,w_600/v1579162295/trianglify.png" />
    <content type="html"><![CDATA[
      <p class="lead">I've been wanting to get back into recording gameplay, going to restart my Minecraft Let's Play series - but last time I did this, I was using a Toshiba laptop running on Ubuntu Linux.</p>
<p>So I've been reconfiguring OBS and working out the best screen size and testing sound... and for some reason, OBS was not recording the game sounds, it said Desktop Audio is disabled.</p>
<p>After a few searches, I came across an article that explained how to solve this issue - turns out you need another piece of software, iShowU, to be able to capture the sounds from one app to another!</p>
<p>Here is the guide I followed - <em>How to capture Mac desktop audio with OBS</em> - but this has been deleted. Here is a similar article you can follow - <a href="https://echoshare.co/record-desktop-audio-with-obs-windows-mac/" title="How to Record Desktop Audio with OBS">How to Record Desktop Audio with OBS</a></p>

      <hr><p><a href="mailto:info@juanfernandes.uk?subject=Re: Recording audio input from other apps">Reply via email</a></p>
    ]]></content>
  </entry>
  
  
  <entry>
    <title>Getting rid of Google calendar</title>
    <link href="https://www.juanfernandes.uk/notes/getting-rid-of-google-calendar/"/>
    <published>2020-02-15T00:00:00Z</published>
    <updated>2020-02-15T00:00:00Z</updated>
    <id>https://www.juanfernandes.uk/notes/getting-rid-of-google-calendar/</id>
    <summary><![CDATA[Replacing Google calendar has been one of the hardest apps/services to replace.]]></summary>
    <media:thumbnail url="https://res.cloudinary.com/juanfernandes/w_1200,f_auto/l_juanfernandes-logo,w_100,g_south_east,x_60,y_40/l_text:Georgia_60_bold_center:Getting rid of Google calendar,co_rgb:eee,c_fit,w_600/v1579162295/trianglify.png" />
    <content type="html"><![CDATA[
      <p class="lead">Replacing Google calendar has been one of the hardest apps/services to replace.</p>
<p>We use a shared Google calendar at home and I couldn't finding an app &amp; service combo that is affordable.</p>
<p>I looked at Fastmail to replace email &amp; calendar, but it's very expensive for a family of 6. I wish they did a family plan.</p>
<h2>Solution</h2>
<p>I opted for a WebDAV shared calendar using NextCloud on a Digital Ocean droplet. I then installed the DavX app to synchronise with the calendar app on my phone.</p>
<p>I now need to replicate this setup on the other family members' phones.</p>
<p>But I still have to use the Google Calendar app on my phone because DavX doesn't sync with other calendar apps it seems, at least until I replace the Android OS.</p>

      <hr><p><a href="mailto:info@juanfernandes.uk?subject=Re: Getting rid of Google calendar">Reply via email</a></p>
    ]]></content>
  </entry>
  
  
  <entry>
    <title>Pi-hole and New Router</title>
    <link href="https://www.juanfernandes.uk/notes/pi-hole-and-new-router/"/>
    <published>2020-02-14T00:00:00Z</published>
    <updated>2020-02-14T00:00:00Z</updated>
    <id>https://www.juanfernandes.uk/notes/pi-hole-and-new-router/</id>
    <summary><![CDATA[The next stage in my privacy control adventures is to setup Pi-hole at home.]]></summary>
    <media:thumbnail url="https://res.cloudinary.com/juanfernandes/w_1200,f_auto/l_juanfernandes-logo,w_100,g_south_east,x_60,y_40/l_text:Georgia_60_bold_center:Pi-hole and New Router,co_rgb:eee,c_fit,w_600/v1579162295/trianglify.png" />
    <content type="html"><![CDATA[
      <p class="lead">The next stage in my privacy control adventure is to setup Pi-hole at home. To do this I've had to buy a new router to replace the BT Home Hub because it doesn't let you change the DNS servers, which you need to do in order to point it at Pi-hole.</p>
<p>New router has now been setup and the BT Home Hub is being used just for WIFI.</p>
<p>Will be setting up the Pi-hole this weekend.</p>
<p>&quot;The Pi-hole® is a DNS sinkhole that protects your devices from unwanted content, without installing any client-side software.&quot; - <a href="https://github.com/pi-hole/pi-hole">https://github.com/pi-hole/pi-hole</a></p>

      <hr><p><a href="mailto:info@juanfernandes.uk?subject=Re: Pi-hole and New Router">Reply via email</a></p>
    ]]></content>
  </entry>
  
  
  <entry>
    <title>Eleventy Cloudinary Shortcode</title>
    <link href="https://www.juanfernandes.uk/notes/eleventy-cloudinary-shortcode/"/>
    <published>2020-02-12T00:00:00Z</published>
    <updated>2020-02-12T00:00:00Z</updated>
    <id>https://www.juanfernandes.uk/notes/eleventy-cloudinary-shortcode/</id>
    <summary><![CDATA[Created a shortcode for @eleventy so I can use Cloudinary images within markdown files.]]></summary>
    <media:thumbnail url="https://res.cloudinary.com/juanfernandes/w_1200,f_auto/l_juanfernandes-logo,w_100,g_south_east,x_60,y_40/l_text:Georgia_60_bold_center:Eleventy Cloudinary Shortcode,co_rgb:eee,c_fit,w_600/v1579162295/trianglify.png" />
    <content type="html"><![CDATA[
      <p class="lead">I made a thing. I've created a shortcode for <a href="https://fosstodon.org/@eleventy" title="Eleventy">@eleventy</a> so I can use Cloudinary images within markdown files. This is something I discovered I needed while using <a href="http://Forestry.io">Forestry.io</a> and markdown files.</p>
<p>With a bit of help from <a href="https://mobile.twitter.com/FrankTldr" title="Frank Taillandier">@FrankTldr</a> at Forestry in identifying the solution, I set off and created it.</p>
<p><a href="https://github.com/juanfernandes/eleventy-plugin-cloudinary" title="Eleventy Cloudinary Shortcode">https://github.com/juanfernandes/eleventy-plugin-cloudinary</a></p>

      <hr><p><a href="mailto:info@juanfernandes.uk?subject=Re: Eleventy Cloudinary Shortcode">Reply via email</a></p>
    ]]></content>
  </entry>
  
</feed>
