Commit d65d91d4 authored by Mike Street's avatar Mike Street
Browse files

Fix 404s

parent 53de4c88
......@@ -59,7 +59,7 @@ This now creates the VM and brings it "online". This can be verified by using `x
### Access the VM
By default, the latest Debian image comes with one user - `root`. `root` has remote access disabled, so you will need to access the VM from the host machine and [create a new user for yourself](/blog/linux-debian-user-commandss).
By default, the latest Debian image comes with one user - `root`. `root` has remote access disabled, so you will need to access the VM from the host machine and [create a new user for yourself](/blog/linux-debian-user-commands).
```bash
$ xl console mikevm
......
......@@ -16,7 +16,7 @@ Writing a book can seem like a daunting process and was certainly something I ha
If you wish the write a book yourself, the first piece of advice I have is to start a blog for yourself. Don’t write the posts for other people, but instead explain things for yourself - nothing cements an idea better than having to re-write and explain an idea or a method. Don’t be put off writing about “easy” or “simple” topics either if you didn't know it, neither do other people.
It was through blog post writing that I was approached by the published PacktPub to write the Vue.js book. They found me through my blog post about [Building a Vue v2 JS app using Vue-router](https://www.liquidlight.co.uk/blog/article/building-a-vue-v2-js-app-using-vue-router/), along with other [Vue.js posts](https://www.mikestreety.co.uk/category/web/vuejs) on my personal website.
It was through blog post writing that I was approached by the published PacktPub to write the Vue.js book. They found me through my blog post about [Building a Vue v2 JS app using Vue-router](https://www.liquidlight.co.uk/blog/article/building-a-vue-v2-js-app-using-vue-router/), along with other [Vue.js posts](/category/vuejs) on my personal website.
If you have the desire to write a book, you don't have to wait for the publishers to find you. Each publisher has a link on their website allowing potential authors to submit proposals. Go out there, find a publisher you like the look of and submit an idea.
......@@ -193,4 +193,4 @@ If the number output is the same, the `increasing` variable is set to the string
}
return [balanceLevel, increasing];
}</code></pre>
\ No newline at end of file
}</code></pre>
......@@ -42,7 +42,7 @@ Just want to copy and paste? In a rush and just need the bullet points?
- Run `npm run prod:assets`
- Check your compiled assets exist, and include them in your template (`<link rel="stylesheet" href="/assets/css/style.css">`)
- **Image Optimisation**
- Include the [image optimisation](image-optimisation) config to your `laravel.mix.js` file
- Include the [image optimisation](#image-optimisation) config to your `laravel.mix.js` file
- Recompile your assets
## Steps
......@@ -145,4 +145,4 @@ Add the following to your `laravel.mix.js` file, after the JavaScript configurat
`imagemin` has slightly different syntax for the to and from, so if your paths change be sure to update the `context` and the `setPublicPath` paths at the end. With the `context`, this is folder your image folder is in.
The `webpackConfig` block in the middle is the WebP generation. If you don't need this then feel free to remove. This optimises any images in `html/assets/img` (which is placed there by the `imagemin` before it).
\ No newline at end of file
The `webpackConfig` block in the middle is the WebP generation. If you don't need this then feel free to remove. This optimises any images in `html/assets/img` (which is placed there by the `imagemin` before it).
......@@ -8,9 +8,9 @@ tags:
- Ramblings
---
<p>For regular readers, you will notice a fresh new face on the old dog (my first blog post that made the many migrations <a href="{entry:116@1:url}">was from 2009</a>!). This has been a long time coming and is a continuation of an actual theme/consistent design I'm beginning to use across all my projects.</p>
<p>For those interested, the site is running on <a href="https://craftcms.com/">Craft CMS</a>, using <a href="https://laravel-mix.com/">Laravel Mix</a> to compile the SCSS & JS. If you're visiting this site on an older browser, you may not see the colours, or much CSS at all in fact&nbsp;as I&nbsp;am using CSS Variables (custom properties). Looking at my analytics, I can see the visitors are mainly in Chrome/Firefox (I&nbsp;assume mainly developers are visiting) so I&nbsp;made the call to keep these in place (rather than <a href="{entry:160@1:url}">compiling to raw hex</a>&nbsp;like we do at Liquid Light)&nbsp;and benefit from their flexibility.</p>
<p>With Craft CMS you can have many "Channels", which is exactly what this Blog, the <a href="/notes">Notes</a> and Projects (found on the homepage) are utilising. Having built <a href="https://www.behindthesource.co.uk/">Behind the Source</a> in between the original carnation of this Craft CMS blog and this version, I&nbsp;learned a lot about structuring the project and templates, so I&nbsp;took the opportunity to backup the database and files and re-build and restructure locally, before pushing live.</p>
<h3>&nbsp;A walk down memory lane</h3>
<p>With this recent update to my site, I&nbsp;thought I&nbsp;would revisit previous CMS's and (if I&nbsp;can find them) reskins of my site!</p>
<ul><li><strong>June 2010 </strong>-&nbsp;<strong></strong>I&nbsp;started my web presence as <strong>mikestreetmedia</strong>. The site was built with static pages (except for the Wordpress powered blog) and I was trying to build up my internet reputation<a href="https://web.archive.org/web/20100613231449/http://www.mikestreetmedia.com/"><br>View on Internet Archive<br></a></li><li><strong>February&nbsp;2011&nbsp;</strong> -&nbsp;mikestreetmedia didn't last long (I&nbsp;had the domain name for free for a year) so&nbsp;<strong>mikestreety&nbsp;</strong>was born (yes, I&nbsp;have owned the domain name for <a href="https://who.is/whois/mikestreety.co.uk">10 years</a>)<strong></strong>. As for the site, it was the same but&nbsp;got a reskin, and apparently I&nbsp;thought the more social networks you were on, the better.<br><a href="https://web.archive.org/web/20110210184427/http://www.mikestreety.co.uk/">View on Internet Archive<br></a></li><li><strong>September 2011</strong> - That site didn't last long (I&nbsp;had a lot of time on my hands) and I&nbsp;reduced the site to a single page, with links to my Twitter, Skype, Email and LinkedIn. That was it. Unfortunately,&nbsp;the internet archive didn't cache the CSS, so the full effect of the site isn't available.<strong><br></strong></li><li><strong>January 2012</strong> - Apparently, I&nbsp;couldn't stand not having a blog<strong>,&nbsp;</strong>so&nbsp;4 months later, once again, my site changed. This time, I went for the "nude" site approach - blogging and posting on a naked site in a bit to force me to write some CSS for it<a href="https://web.archive.org/web/20120128142942/http://www.mikestreety.co.uk/2012/01/whats-up-blog/"><br>View on Internet Archive<br></a></li><li><strong>July 2012&nbsp;</strong> - It looked like I&nbsp;had added some colour by now, but obviously having a skinny site did nothing for encouraging working on my own site.&nbsp; In 2012 I&nbsp;was promoted at work and spent a lot of my spare time either working on side-projects or not wanting to be looking at a computer at all. Productivity on my site dwindled.<br><a href="https://web.archive.org/web/20120701214058/http://www.mikestreety.co.uk/">View on Internet Archive</a><strong><br></strong></li><li><strong>February&nbsp;2013 </strong>- In February 2013 I decided to remove the Wordpress site and move purely to blogging on <a href="https://anchorcms.com/">AnchorCMS</a>. I&nbsp;decided not to migrate my Wordpress posts, but instead <a href="{entry:8@1:url}">start again</a>.<a href="https://web.archive.org/web/20130520231347/http://mikestreety.co.uk/"><br>View on Internet Archive<br></a></li><li><strong>July 2014</strong> - For a year or so I&nbsp;stuck with AnchorCMS themes until I started looking for new job. I figured as a front-end developer I should have a site which was actually coded by me, which was when the new theme came in<a href="https://web.archive.org/web/20140730224035/http://www.mikestreety.co.uk/"><br>View on Internet Archive<br></a></li><li><strong>April 2016</strong> - That theme stuck around for a while (although evolved somewhat), but in 2016 I&nbsp;changed the CMS that powered my blog to Craft. With the change to Craft I&nbsp;re-imported all of my old Wordpress blogs (more for prosperity then actual content as a lot were out of date). I also wanted to make my blog more personal so I&nbsp;added a bit of info about me and a photo on the homepage.<a href="https://web.archive.org/web/20161221073903/https://www.mikestreety.co.uk/"><br>View on Internet Archive<br></a></li><li><strong>October 2017</strong> - This was when the homepage got closer to how it is today, with my face in a circle and the short bio still there. In this version I got rid of the projects and combined the local/remote blogs posts into one list. This variation was the one that was replaced this weekend&nbsp;(albeit with some optimisation &&nbsp;performance tweaks).<strong><br></strong><a href="https://web.archive.org/web/20171022190215/https://www.mikestreety.co.uk/">View on Internet Archive</a><strong></strong><br><strong></strong></li></ul>
\ No newline at end of file
<p>For regular readers, you will notice a fresh new face on the old dog (my first blog post that made the many migrations <a href="/blog/css-the-basics/">was from 2009</a>!). This has been a long time coming and is a continuation of an actual theme/consistent design I'm beginning to use across all my projects.</p>
<p>For those interested, the site is running on <a href="https://craftcms.com/">Craft CMS</a>, using <a href="https://laravel-mix.com/">Laravel Mix</a> to compile the SCSS & JS. If you're visiting this site on an older browser, you may not see the colours, or much CSS at all in fact&nbsp;as I&nbsp;am using CSS Variables (custom properties). Looking at my analytics, I can see the visitors are mainly in Chrome/Firefox (I&nbsp;assume mainly developers are visiting) so I&nbsp;made the call to keep these in place (rather than <a href="/blog/css-custom-properties-everyday-applications/">compiling to raw hex</a>&nbsp;like we do at Liquid Light)&nbsp;and benefit from their flexibility.</p>
<p>With Craft CMS you can have many "Channels", which is exactly what this Blog, the <a href="/category/notes/">Notes</a> and Projects (found on the homepage) are utilising. Having built <a href="https://www.behindthesource.co.uk/">Behind the Source</a> in between the original carnation of this Craft CMS blog and this version, I&nbsp;learned a lot about structuring the project and templates, so I&nbsp;took the opportunity to backup the database and files and re-build and restructure locally, before pushing live.</p>
<h3>&nbsp;A walk down memory lane</h3>
<p>With this recent update to my site, I&nbsp;thought I&nbsp;would revisit previous CMS's and (if I&nbsp;can find them) reskins of my site!</p>
<ul><li><strong>June 2010 </strong>-&nbsp;<strong></strong>I&nbsp;started my web presence as <strong>mikestreetmedia</strong>. The site was built with static pages (except for the Wordpress powered blog) and I was trying to build up my internet reputation<a href="https://web.archive.org/web/20100613231449/http://www.mikestreetmedia.com/"><br>View on Internet Archive<br></a></li><li><strong>February&nbsp;2011&nbsp;</strong> -&nbsp;mikestreetmedia didn't last long (I&nbsp;had the domain name for free for a year) so&nbsp;<strong>mikestreety&nbsp;</strong>was born (yes, I&nbsp;have owned the domain name for <a href="https://who.is/whois/mikestreety.co.uk">10 years</a>)<strong></strong>. As for the site, it was the same but&nbsp;got a reskin, and apparently I&nbsp;thought the more social networks you were on, the better.<br><a href="https://web.archive.org/web/20110210184427/http://www.mikestreety.co.uk/">View on Internet Archive<br></a></li><li><strong>September 2011</strong> - That site didn't last long (I&nbsp;had a lot of time on my hands) and I&nbsp;reduced the site to a single page, with links to my Twitter, Skype, Email and LinkedIn. That was it. Unfortunately,&nbsp;the internet archive didn't cache the CSS, so the full effect of the site isn't available.<strong><br></strong></li><li><strong>January 2012</strong> - Apparently, I&nbsp;couldn't stand not having a blog<strong>,&nbsp;</strong>so&nbsp;4 months later, once again, my site changed. This time, I went for the "nude" site approach - blogging and posting on a naked site in a bit to force me to write some CSS for it<a href="https://web.archive.org/web/20120128142942/http://www.mikestreety.co.uk/2012/01/whats-up-blog/"><br>View on Internet Archive<br></a></li><li><strong>July 2012&nbsp;</strong> - It looked like I&nbsp;had added some colour by now, but obviously having a skinny site did nothing for encouraging working on my own site.&nbsp; In 2012 I&nbsp;was promoted at work and spent a lot of my spare time either working on side-projects or not wanting to be looking at a computer at all. Productivity on my site dwindled.<br><a href="https://web.archive.org/web/20120701214058/http://www.mikestreety.co.uk/">View on Internet Archive</a><strong><br></strong></li><li><strong>February&nbsp;2013 </strong>- In February 2013 I decided to remove the Wordpress site and move purely to blogging on <a href="https://anchorcms.com/">AnchorCMS</a>. I&nbsp;decided not to migrate my Wordpress posts, but instead <a href="/blog/starting-afresh-starting-anew/">start again</a>.<a href="https://web.archive.org/web/20130520231347/http://mikestreety.co.uk/"><br>View on Internet Archive<br></a></li><li><strong>July 2014</strong> - For a year or so I&nbsp;stuck with AnchorCMS themes until I started looking for new job. I figured as a front-end developer I should have a site which was actually coded by me, which was when the new theme came in<a href="https://web.archive.org/web/20140730224035/http://www.mikestreety.co.uk/"><br>View on Internet Archive<br></a></li><li><strong>April 2016</strong> - That theme stuck around for a while (although evolved somewhat), but in 2016 I&nbsp;changed the CMS that powered my blog to Craft. With the change to Craft I&nbsp;re-imported all of my old Wordpress blogs (more for prosperity then actual content as a lot were out of date). I also wanted to make my blog more personal so I&nbsp;added a bit of info about me and a photo on the homepage.<a href="https://web.archive.org/web/20161221073903/https://www.mikestreety.co.uk/"><br>View on Internet Archive<br></a></li><li><strong>October 2017</strong> - This was when the homepage got closer to how it is today, with my face in a circle and the short bio still there. In this version I got rid of the projects and combined the local/remote blogs posts into one list. This variation was the one that was replaced this weekend&nbsp;(albeit with some optimisation &&nbsp;performance tweaks).<strong><br></strong><a href="https://web.archive.org/web/20171022190215/https://www.mikestreety.co.uk/">View on Internet Archive</a><strong></strong><br><strong></strong></li></ul>
---
title: '#2'
date: 2020-04-19
updated: 2020-04-21
tags:
- Notes
---
<h3>New Site</h3>
<p>If you have come here before you would have noticed there is now a new face to my blog. More space, better fonts & (in my opinion) just generally nicer.</p>
<p>I wrote a "timeline/history" about the blog/my site and dug up some Internet Archive links for each step. You can read about it in the blog post - <a href="{entry:986@1:url}">Mikestreety's New Clothes</a></p>
<h3>New Server</h3>
<p>I hinted in the last Weeknotes about moving to a new server - which mikestreety (and some of my side projects) are now running on. Run by Hetzner, this server is beefier than my one before and I know a bit more about what I'm doing, so hopefully I won't screw it up!</p>
<p>There was one issue, where every 24 hours the network would cut out. I traced this down to an incorrectly configured IP6 interface. Not sure why or how it was happening, but I disabled IPv6 in <code>/etc/sysctl.conf</code> and that solved my issue:</p>
<pre class="language-bash"># Disable IPV6
net.ipv6.conf.all.disable_ipv6 = 0
net.ipv6.conf.default.disable_ipv6 = 0
net.ipv6.conf.lo.disable_ipv6 = 0</pre>
<h3>Cloudflare blogs</h3>
<p>I seem to be on a bit of a run of blog posts about Cloudflare at the moment (not sure</p>
<ul><li><a href="https://www.liquidlight.co.uk/blog/why-should-you-consider-cloudflare-for-your-website/">Why should you consider Cloudflare for your website?</a> (for Liquid Light)</li><li><a href="{entry:1003@1:url}">What are the different SSL modes on Cloudflare?</a></li><li><a href="{entry:938@1:url}">Using Cloudflare Workers to set a cookie based on a GET parameter or path</a></li></ul>
<h3>Personal RSS</h3>
<p>I'm a big fan of RSS but used to rely on a desktop app on my work computer - which meant when I worked from home I missed out. After doing some research, I have installed <a href="https://tt-rss.org/">TinyTinyRSS</a> on my server, so I can access it anywhere.</p>
<h3>Find and Replace in Vim</h3>
<p>Setting up a new server means lots of command line work, and lots of vim usage. Because of that, I now have a few snippets I rely on:</p>
<ul><li><code>:%s/find/replace/g</code> - find all instances of "find" and replace them with "replace"</li><li><code>:w !sudo tee %</code> - if you have oped a file as a user but need root permissions to save a file</li></ul>
<p></p>
---
title: '#2'
date: 2020-04-19
updated: 2020-04-21
tags:
- Notes
---
<h3>New Site</h3>
<p>If you have come here before you would have noticed there is now a new face to my blog. More space, better fonts & (in my opinion) just generally nicer.</p>
<p>I wrote a "timeline/history" about the blog/my site and dug up some Internet Archive links for each step. You can read about it in the blog post - <a href="/blog/mikestreetys-new-clothes">Mikestreety's New Clothes</a></p>
<h3>New Server</h3>
<p>I hinted in the last Weeknotes about moving to a new server - which mikestreety (and some of my side projects) are now running on. Run by Hetzner, this server is beefier than my one before and I know a bit more about what I'm doing, so hopefully I won't screw it up!</p>
<p>There was one issue, where every 24 hours the network would cut out. I traced this down to an incorrectly configured IP6 interface. Not sure why or how it was happening, but I disabled IPv6 in <code>/etc/sysctl.conf</code> and that solved my issue:</p>
<pre class="language-bash"># Disable IPV6
net.ipv6.conf.all.disable_ipv6 = 0
net.ipv6.conf.default.disable_ipv6 = 0
net.ipv6.conf.lo.disable_ipv6 = 0</pre>
<h3>Cloudflare blogs</h3>
<p>I seem to be on a bit of a run of blog posts about Cloudflare at the moment (not sure</p>
<ul><li><a href="https://www.liquidlight.co.uk/blog/why-should-you-consider-cloudflare-for-your-website/">Why should you consider Cloudflare for your website?</a> (for Liquid Light)</li><li><a href="/blog/what-are-the-different-ssl-modes-on-cloudflare">What are the different SSL modes on Cloudflare?</a></li><li><a href="/blog/using-cloudflare-workers-to-set-a-cookie-based-on-a-get-parameter-or-path">Using Cloudflare Workers to set a cookie based on a GET parameter or path</a></li></ul>
<h3>Personal RSS</h3>
<p>I'm a big fan of RSS but used to rely on a desktop app on my work computer - which meant when I worked from home I missed out. After doing some research, I have installed <a href="https://tt-rss.org/">TinyTinyRSS</a> on my server, so I can access it anywhere.</p>
<h3>Find and Replace in Vim</h3>
<p>Setting up a new server means lots of command line work, and lots of vim usage. Because of that, I now have a few snippets I rely on:</p>
<ul><li><code>:%s/find/replace/g</code> - find all instances of "find" and replace them with "replace"</li><li><code>:w !sudo tee %</code> - if you have oped a file as a user but need root permissions to save a file</li></ul>
<p></p>
......@@ -6,7 +6,7 @@ tags:
- Notes
---
<p>So this isn't really "#7", it's more <a href="{entry:1073@1:url}">#6</a> part 2 as I am writing them both at the same time. However, this note tries to fill the July - Mid-September void.</p>
<p>So this isn't really "#7", it's more <a href="/blog/notes-7/">#6</a> part 2 as I am writing them both at the same time. However, this note tries to fill the July - Mid-September void.</p>
<h3>No Coding</h3>
<p>July and August kind of saw me down-tools on my side projects while I focused on the house. The garage (inside and out) needed painting, a long with the back of the house - so that occupied my mind which was a nice change. Half the inside of the garage is done (waiting for it to fully dry & for me to go to the tip before I do the other half) but the exterior walls are all finished.</p>
<p>The next project is building a garden office. It looks like we're going to be working from home for a while now, so to give more space indoors, my wife and I decided on getting a garden room built for me to work from. I'm not doing the building, but there is plenty of prep work needed to do beforehand.</p>
......
......@@ -6,4 +6,16 @@ tags:
- Notes
---
<p>Long time no notes 🙄</p><ul><li>I have pushed a beta to my <a href="{entry:1240@1:url||https://www.mikestreety.co.uk/blog/socket-rss-making-rss-your-mindless-scrolling-app}">Socket RSS</a> reader out to the public. I've already had a bit of feedback which is a great little incentive to keep working on it</li><li>Over the last few weeks, me and a couple of friends have been <a href="https://makelifeworkpodcast.com/">recording a podcast</a>. It's an <a href="http://ontheside.network">OnTheSide</a> takeover, so the conversation circles around side projects (I talk a lot about RSS...)</li><li>Turns out using a <a href="https://twitter.com/i/timeline">controversial podcast title</a> gets a lot of attention. Who knew click baiting worked?!</li><li><a href="https://www.instagram.com/ale_house_rock/">Ale House Rock</a> has been filling up nicely since Lockdown 3.0 started</li><li>I've been really enjoying the <a href="https://workingcode.dev/">Working Code</a> podcast. Lack of commuting has not left much space for podcasts, but this one has shot to the top of the "must listen" list (along with <a href="https://www.nosuchthingasafish.com/">No Such Thing as a Fish</a>)</li></ul><h3>Useful links</h3><ul><li><a href="https://darekkay.com/blog/rss-subscriber-count/">How many people subscribed to your RSS feed?</a></li><li><a href="https://github.com/g12n/colors-and-palettes">Using 11ty to auto generate SVG OG Images</a></li><li><a href="https://www.11ty.dev/docs/plugins/image/">11ty image</a> (I'm planning on converting my personal site to 11ty)</li></ul>
Long time no notes 🙄
- I have pushed a beta to my [Socket RSS](/blog/socket-rss-making-rss-your-mindless-scrolling-app) reader out to the public. I've already had a bit of feedback which is a great little incentive to keep working on it
- Over the last few weeks, me and a couple of friends have been [recording a podcast](https://makelifeworkpodcast.com/). It's an [OnTheSide](http://ontheside.network) takeover, so the conversation circles around side projects (I talk a lot about RSS...)
- Turns out using a [controversial podcast title](https://twitter.com/MakeLifeWorkPod/status/1363780845581070336) gets a lot of attention. Who knew click baiting worked?!
- [Ale House Rock](https://www.instagram.com/ale_house_rock/) has been filling up nicely since Lockdown 3.0 started
- I've been really enjoying the [Working Code](https://workingcode.dev/) podcast. Lack of commuting has not left much space for podcasts, but this one has shot to the top of the "must listen" list (along with [No Such Thing as a Fish](https://www.nosuchthingasafish.com/))
### Useful links
- [How many people subscribed to your RSS feed?](https://darekkay.com/blog/rss-subscriber-count/)
- [Using 11ty to auto generate SVG OG Images](https://github.com/g12n/colors-and-palettes)
- [11ty image](https://www.11ty.dev/docs/plugins/image/) (I'm planning on converting my personal site to 11ty)
\ No newline at end of file
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment