Make chores

codegaze · codegaze · commit 23fbd5a30ef6 · 2022-08-28T01:21:14.000+03:00
diff --git a/_includes/head.html b/_includes/head.html
@@ -25,7 +25,7 @@
   <meta property="og:title" content="{{ site.title }} - {{ page.title }}">
   <meta property="og:url" content="{{ site.url }}{{ page.url }}">
   <meta property="og:site_name" content="Codegaze">
-  <meta property="og:content" content="website">
+  <meta property="og:type" content="website" />
   <meta property="og:image" content="{{ site.url }}/assets/img/social/avatar.jpg?v=1" >
   <meta property="og:description" content="{{ page.description }}">
   <meta property="og:image:width" content="400" />
diff --git a/_layouts/default.html b/_layouts/default.html
@@ -14,7 +14,7 @@
           {% endif %}
           <nav role="navigation" class="header__nav {% if page.url == '/' %}header__nav--home{% endif %}">
             <div class="header__title {% if page.url == '/' %}header__title--home{% endif %}">
-              <a href="{{ site.baseurl }}/" title="Home">
+              <a href="{{ site.baseurl }}/" title="Homepage of Thanos Kolovos">
                 <img src="/assets/img/logo.svg" class="header__title-img header__title-img--large" title="CodegazeRants Home" alt="CodegazeRants Home" width="100%" height="100%">
                 <svg class="header__title-img header__title-img--small" style="isolation:isolate" viewBox="19 117.36 165.5 125.29" xmlns="http://www.w3.org/2000/svg">
                   <path d="m55.162 160.66q-7.861 0-12.174 5.907-4.312 5.908-4.312 16.464 0 21.967 16.486 21.967 6.918 0 16.756-3.459v11.68q-8.086 3.369-18.059 3.369-14.33 0-21.921-8.693-7.592-8.692-7.592-24.954 0-10.242 3.728-17.946 3.729-7.704 10.714-11.814 6.985-4.111 16.374-4.111 9.568 0 19.227 4.627l-4.493 11.321q-3.683-1.752-7.412-3.055-3.728-1.303-7.322-1.303z" fill="#2f2f2f"/>
@@ -40,7 +40,7 @@
       </main>
       <footer class="layout__row layout__row--footer" role="contentinfo">
         <small>
-          &copy; <time datetime="{{ 'now' | date_to_xmlschema }}">{{ 'now' | date: '%Y' }}</time> <a href="/about">Thanos Kolovos</a>
+          &copy; <time datetime="{{ 'now' | date_to_xmlschema }}">{{ 'now' | date: '%Y' }}</time> <a href="/about/">Thanos Kolovos</a>
         </small>
       </footer>
     </div>
diff --git a/_posts/2015-08-09-highlighting-ruby-code-in-jekyll.md b/_posts/2015-08-09-highlighting-ruby-code-in-jekyll.md
@@ -10,7 +10,7 @@ A few days ago I was trying to write a [tutorial](https://codegaze.github.io/201
 
 Instead of ruby code and html I was getting whitespace and html only.
 
-I reinstalled [pip](https://pip.pypa.io/){:target="_blank"} and [pygments](http://pygments.org/){:target="_blank"} to check if something was wrong with my installation but that wasn't the problem.
+I reinstalled [pip](https://pip.pypa.io/){:target="_blank"} and [pygments](https://pygments.org/){:target="_blank"} to check if something was wrong with my installation but that wasn't the problem.
 
 After a little research I found out that the problem was that Liquid, the template language Jekyll uses, considered everything inside the curly braces as code to execute.
 
diff --git a/_posts/2015-09-05-how-to-stop-jwplayer-between-slides-a-swiper-jw-plugin.md b/_posts/2015-09-05-how-to-stop-jwplayer-between-slides-a-swiper-jw-plugin.md
@@ -6,7 +6,7 @@ post_description: A plugin to extend Swiper for easier JW Player integration.
 categories: [Coding, JS]
 ---
 
-[Swiper-JW Player](https://github.com/codegaze/Swiper-JWPlayer) is a very small plugin that extends iDangero.us [Swiper](http://www.idangero.us/swiper/) to avoid setting up the configuration for stopping [JW Player](http://www.jwplayer.com/) videos between slide navigation in each Swiper instance.
+[Swiper-JW Player](https://github.com/codegaze/Swiper-JWPlayer) is a very small plugin that extends iDangero.us [Swiper](https://www.idangero.us/swiper/) to avoid setting up the configuration for stopping [JW Player](https://www.jwplayer.com/) videos between slide navigation in each Swiper instance.
 
 
 This was created to satisfy my need for a fairly abstract/dynamic way to deal with JW Player events, in this case stopping it, without writing code in Swipper callbacks everytime I need something like this.
diff --git a/_posts/2015-09-07-jekyll-custom-description-for-your-posts.md b/_posts/2015-09-07-jekyll-custom-description-for-your-posts.md
@@ -27,7 +27,7 @@ You can use these page values anywhere you want. For instance I am using this fo
 
 You can add and image for your facebook og tags or anything else you can think of.
 
-**Update:** As Emilio Lopez correctly mentioned in the [comments](http://codegaze.github.io/2015/09/07/jekyll-custom-description-for-your-posts/#comment-2242343497) you can declare post_excerpt in the page variables too.
+**Update:** As Emilio Lopez correctly mentioned in the [comments](https://codegazerants.com/2015/09/07/jekyll-custom-description-for-your-posts/#comment-2242343497) you can declare post_excerpt in the page variables too.
 
 {% highlight yaml %}
 ---
diff --git a/_posts/2015-09-12-javascript-catch-keystrokes.md b/_posts/2015-09-12-javascript-catch-keystrokes.md
@@ -14,7 +14,7 @@ It's not that I don't like the libraries we have, it's that sometimes I just wan
 
 Enough with the developers guilt that loves abstraction layers. Let's proceed with our script.
 
-An example I came accross while I was reading the [http://webtypography.net/](http://webtypography.net/){:target="_blank"} site — it's great, give it a try — was using keys to navigate through artiles. I know, I am a lazy person, but I miss this when I read tutorials with page sections or a book like site. It's a small script and won't affect the no javascript users.
+An example I came accross while I was reading the [https://webtypography.net/](https://webtypography.net/){:target="_blank"} site — it's great, give it a try — was using keys to navigate through artiles. I know, I am a lazy person, but I miss this when I read tutorials with page sections or a book like site. It's a small script and won't affect the no javascript users.
 
 Let's start by creating a function that captures keystrokes. After we include this in a script, the browser will execute this function for every key press.
 
diff --git a/_posts/2015-09-30-inuit-css-based-grid-mixin.md b/_posts/2015-09-30-inuit-css-based-grid-mixin.md
@@ -6,7 +6,7 @@ post_description: Create a grid based on a Harry Roberts' article.
 categories: [Coding, CSS]
 ---
 
-After reading [this](http://csswizardry.com/2015/08/bemit-taking-the-bem-naming-convention-a-step-further/) article from [@csswizardry](https://twitter.com/csswizardry) about taking the BEM naming a step further I wanted to create as simple mixin to build grid classes with this pattern ```u-1/3@md```.
+After reading [this](https://csswizardry.com/2015/08/bemit-taking-the-bem-naming-convention-a-step-further/) article from [@csswizardry](https://twitter.com/csswizardry) about taking the BEM naming a step further I wanted to create as simple mixin to build grid classes with this pattern ```u-1/3@md```.
 
 If you 've read any of Harry Roberts' articles, you know that ```u``` stands for utility, ```1/3``` declares that this element takes one third of the available space  and ```@md``` declares the breakpoint.
 
diff --git a/_posts/2015-10-17-better-ux-with-ad-block-checker.md b/_posts/2015-10-17-better-ux-with-ad-block-checker.md
@@ -44,7 +44,7 @@ setTimeout(function() {checkAdBlocker('fake_service', 'error_msg'); }, 1000);
 
 {% endhighlight %}
 
-Here is a [demo](http://codegaze.github.io/demos/adblock) you can check it's functionality. If you have an add blocker enabled you will see a message, if not you will see an iframe with a ```This is a fake 3d party iframe!``` text.
+Here is a [demo](https://codegazerants.com/demos/adblock/) you can check it's functionality. If you have an add blocker enabled you will see a message, if not you will see an iframe with a ```This is a fake 3d party iframe!``` text.
 
 
 This script isn't a solid solution but works for most cases. Is just a first step to help your user not miss a feature in your site, but use it carefully.
diff --git a/_posts/2015-10-19-a-modal-alternative.md b/_posts/2015-10-19-a-modal-alternative.md
@@ -13,7 +13,7 @@ In my projects I usually use a modal either to show a new feature (announcement)
 Here is what I am proposing (live [demo](https://codegaze.github.io/demos/modal_alternative/)):
 
 <figure>
-  <a href="/public/example_big.png"><img src="/public/example_big.png" border="0"></a>
+  <a href="/public/example_big.png"><img src="/public/example_big.png" border="0" alt="Example 1"></a>
 </figure>
 
 Add your big announcement in your content. Use just a small script to close your "modal". No more big chunks of js and css.
@@ -51,7 +51,7 @@ module_close_handler.onclick = function() {
 
 **Notes:**<br>
 In my [demo](https://codegaze.github.io/demos/modal_alternative/) I don't use a cookie.<br>
-I used a <a href="http://www.initializr.com/">http://www.initializr.com/</a> boilerplate for the demo.<br>
+I used a <a href="https://www.initializr.com/">https://www.initializr.com/</a> boilerplate for the demo.<br>
 Maybe I'll do another part about an image gallery version.
 
 If you have any questions or reccomendations, feel free to comment.
diff --git a/_posts/2015-11-24-share-buttons-performance.md b/_posts/2015-11-24-share-buttons-performance.md
@@ -23,8 +23,8 @@ I know this subject has been covered by many people but here is an example for f
 Here is the HTML code for the buttons. We are just creating simple links. We use the `js-share-button` class in our script to select all the share buttons. And the `data-service` attribute gives us the services we are going to use.
 
 {% highlight html %}
-<a href="http://codegaze.github.io/2015/11/24/share-buttons-performance/" class="share__button facebook js-share-button" data-service="facebook">Share on Facebook</a>
-<a href="http://codegaze.github.io/2015/11/24/share-buttons-performance/" class="share__button twitter js-share-button" data-service="twitter" title="Share Buttons Performance Issues and how to deal with them - @codegaze">Share on Twitter</a>
+<a href="https://codegazerants.com/2015/11/24/share-buttons-performance/" class="share__button facebook js-share-button" data-service="facebook">Share on Facebook</a>
+<a href="https://codegazerants.com/2015/11/24/share-buttons-performance/" class="share__button twitter js-share-button" data-service="twitter" title="Share Buttons Performance Issues and how to deal with them - @codegaze">Share on Twitter</a>
 {% endhighlight %}
 
 
@@ -154,8 +154,8 @@ shareButtons.init();
 You  can check the demo of these buttons, will give you a share to the current page url.
 
 <div class="has-centered">
-  <a href="http://codegaze.github.io/2015/11/24/share-buttons-performance/" class="share__button facebook js-share-button" data-service="facebook">Share on Facebook</a>
-  <a href="http://codegaze.github.io/2015/11/24/share-buttons-performance/" class="share__button twitter js-share-button" data-service="twitter" title="Share Buttons Performance Issues and how to deal with them - @codegaze">Share on Twitter</a>
+  <a href="https://codegazerants.com/2015/11/24/share-buttons-performance/" class="share__button facebook js-share-button" data-service="facebook">Share on Facebook</a>
+  <a href="https://codegazerants.com/2015/11/24/share-buttons-performance/" class="share__button twitter js-share-button" data-service="twitter" title="Share Buttons Performance Issues and how to deal with them - @codegaze">Share on Twitter</a>
 </div>
 
 
diff --git a/_posts/2015-12-27-create-an-es6-module.md b/_posts/2015-12-27-create-an-es6-module.md
@@ -14,12 +14,12 @@ First some things I want to say:
 
 * This is a prototype that may contain errors in code or concept. I am open to suggestions :)
 * I just started, and if you are interested in ES6 you should too, reading the <a href="https://leanpub.com/exploring-es6/" target="_blank">"Exploring ES6 - Upgrade to the next version of JavaScript"</a> by Axel Rauschmayer.
-* I started this code by reading <a href="http://exploringjs.com/es6/ch_deploying-es6.html#sec_webpack-babel" target="_blank">this chapter</a> from this book and using this <a href="https://github.com/rauschma/webpack-babel-demo" target="_blank">repository</a>.
+* I started this code by reading <a href="https://exploringjs.com/es6/ch_deploying-es6.html#sec_webpack-babel" target="_blank">this chapter</a> from this book and using this <a href="https://github.com/rauschma/webpack-babel-demo" target="_blank">repository</a>.
 * The code of this article is available in my github account in <a href="https://github.com/codegaze/es6-module-codegaze-blog-post-code">this</a> repository to check it out.
 
 ### What's this post about
 
-This post is about creating a small ES6 module we created in a previous post about <a href="http://codegaze.github.io/2015/11/24/share-buttons-performance/">Share Buttons Performance</a> and a script to avoid all these problems. It's a simple script that scans the dom for a specific class and adds a click event.
+This post is about creating a small ES6 module we created in a previous post about <a href="https://codegazerants.com/2015/11/24/share-buttons-performance/">Share Buttons Performance</a> and a script to avoid all these problems. It's a simple script that scans the dom for a specific class and adds a click event.
 
 ### ES6 fast catchup
 
diff --git a/_posts/2016-01-05-working-with-es6-in-browser.md b/_posts/2016-01-05-working-with-es6-in-browser.md
@@ -6,7 +6,7 @@ post_description: The easy configuration and more advanced with Babelify, Browse
 categories: [Coding, JS]
 ---
 
-These are some ways to work with ES6 in the browser. We are going to use [Babel](http://babeljs.io/) 6 as our transpiler and [Gulp](http://gulpjs.com/) as our task runner.
+These are some ways to work with ES6 in the browser. We are going to use [Babel](https://babeljs.io/) 6 as our transpiler and [Gulp](https://gulpjs.com/) as our task runner.
 
 ## The playground
 
@@ -107,7 +107,7 @@ We execute ```gulp``` in our terminal and any change in our javascript files wil
 
 ## Let's get serious
 
-That was fun, but if we want to use modules requires a different setup. This time we are going to use [Browserify](http://browserify.org/) to bundle our module. You can check how to do this with [Webpack](https://webpack.github.io/) in a [previous post](http://codegaze.github.io/2015/12/27/create-an-es6-module/).
+That was fun, but if we want to use modules requires a different setup. This time we are going to use [Browserify](https://browserify.org/) to bundle our module. You can check how to do this with [Webpack](https://webpack.github.io/) in a [previous post](https://codegazerants.com/2015/12/27/create-an-es6-module/).
 
 Like before, we need to install our dependences by creating this package.json:
 
diff --git a/_posts/2016-01-09-a-jekyll-workflow-with-gulp.md b/_posts/2016-01-09-a-jekyll-workflow-with-gulp.md
@@ -193,7 +193,7 @@ gulp.task('build-jekyll', (code) => {
 })
 {% endhighlight %}
 
-**2016/01/10 Update:** [Alex Lockwood](http://disq.us/p/1ds1bx6) was kind enough to create a [gist](https://gist.github.com/alexjlockwood/9a4201b5a4b47c3f1c3de69dde4e8ece) for older npm versions on which ES6 features cause errors.
+**2016/01/10 Update:** [Alex Lockwood](https://disq.us/p/1ds1bx6) was kind enough to create a [gist](https://gist.github.com/alexjlockwood/9a4201b5a4b47c3f1c3de69dde4e8ece) for older npm versions on which ES6 features cause errors.
 
 **2017/02/11 Update:** A user's comment I cannot find requested to update the ruby path with a newer version. So, in the `your_ruby_path` you need to set your ruby path. For example, mine was `Ruby22-x64` at the time.
 
diff --git a/_posts/2016-02-04-upgrading-jekyll-2x-to-3x.md b/_posts/2016-02-04-upgrading-jekyll-2x-to-3x.md
@@ -8,7 +8,7 @@ categories: Jekyll
 
 At February 1st Github [announced](https://github.com/blog/2100-github-pages-now-faster-and-simpler-with-jekyll-3-0) the upgrade of Jekyll from 2.4 to 3.0 for Guthub Pages. I thought this was the time to upgrade my local setup to the new version. I 've tried it some time ago but got some error and was too tired to debug anything, but now I had no choice.
 
-Jekyll has a [guide](http://jekyllrb.com/docs/upgrading/2-to-3/) for upgrading but it wasn't enough for me. I ran ```gem update jekyll``` and tried to start my site with ```jekyll serve``` as always but I got the following errors.
+Jekyll has a [guide](https://jekyllrb.com/docs/upgrading/2-to-3/) for upgrading but it wasn't enough for me. I ran ```gem update jekyll``` and tried to start my site with ```jekyll serve``` as always but I got the following errors.
 
 ### Error Message #1
 >Deprecation: You appear to have pagination turned on, but you haven't included the `jekyll-paginate` gem. Ensure you have `gems: [jekyll-paginate]` in your configuration file.</b>
diff --git a/_posts/2016-04-25-first-steps-with-facebooks-instant-articles.md b/_posts/2016-04-25-first-steps-with-facebooks-instant-articles.md
@@ -126,7 +126,7 @@ This means you may have to do some code-post-clean-up work.
 
 
 **2016-09-25 Update:**
-Chris Coyer wrote a interesting  [article](http://mediatemple.net/blog/tips/wordpress-apple-news-instant-articles-amp/) about making content available to Instant Articles, Apple News and AMP. Not everyone uses Wordpress (only the 25% of the internet websites do :P), but it'a a great case study.
+Chris Coyer wrote a interesting  [article](https://mediatemple.net/blog/tips/wordpress-apple-news-instant-articles-amp/) about making content available to Instant Articles, Apple News and AMP. Not everyone uses Wordpress (only the 25% of the internet websites do :P), but it'a a great case study.
 
 <hr class="post__separator"/>
 
diff --git a/_posts/2017-03-24-got-rid-of-google-fonts-and-I-feel-fine.md b/_posts/2017-03-24-got-rid-of-google-fonts-and-I-feel-fine.md
@@ -30,7 +30,7 @@ Well, no. If I use Helvetica (or Arial for windows and Linux machines) will have
 <hr class="post__separator"/>
 
 
-[Here](http://theunderstatement.com/post/11645166791/roboto-vs-helvetica) is a `Roboto/Helvetica` and [here](http://www.webdesignerdepot.com/2013/03/arial-vs-helvetica-can-you-spot-the-difference/) a `Helvetica/Arial` comparison.
+[Here](https://theunderstatement.com/post/11645166791/roboto-vs-helvetica) is a `Roboto/Helvetica` and [here](https://www.webdesignerdepot.com/2013/03/arial-vs-helvetica-can-you-spot-the-difference/) a `Helvetica/Arial` comparison.
 
 Not a long time ago Github changed its stack to `-apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"`. So, who am I to judge?
 
diff --git a/_posts/2017-04-08-IE-innerHTML-quirks.md b/_posts/2017-04-08-IE-innerHTML-quirks.md
@@ -35,7 +35,7 @@ didn't help either (loving the tool but sometimes local testing is a bitch).
 
 > The definition of insanity is doing something over and over again and
 expecting a different result.
-[*](http://www.news.hypercrit.net/2012/11/13/einstein-on-misattribution-i-probably-didnt-say-that/)
+[*](https://www.news.hypercrit.net/2012/11/13/einstein-on-misattribution-i-probably-didnt-say-that/)
 
 ### The epiphany
 Then... what was my input? As I said before, my input was a DOM element,
@@ -45,11 +45,11 @@ wasn't the same, IE had its own way of dealing with the order of the HTML attrib
 
 I've lost three hours of my life because of this stupid mistake.
 
-[Here](http://codepen.io/codegaze/pen/WpqJWj) is a simple example you can check
+[Here](https://codepen.io/codegaze/pen/WpqJWj) is a simple example you can check
 the difference in any other browser than IE and IE itself (in a Windows machine
 of course).
 
-When you get the innerHTML of an element in IE, [its attributes are sorted by name, native attributes first. But if you add an attribute at runtime IE adds it at the end](http://stackoverflow.com/a/32273037/2321666).
+When you get the innerHTML of an element in IE, [its attributes are sorted by name, native attributes first. But if you add an attribute at runtime IE adds it at the end](https://stackoverflow.com/a/32273037/2321666).
 
 My regex would fail because of this. I did find I quick solution for this:
 
diff --git a/_posts/2019-05-02-keep-your-ports-safe-with-lsof.md b/_posts/2019-05-02-keep-your-ports-safe-with-lsof.md
@@ -43,7 +43,7 @@ When you see `*:port` means open to everyone. Everything else that has `127.0.0.
 Here is another example with two Python simple servers. Based on our previous examples, one is open to everyone and one only in the local machine.
 
 <figure>
-  <a href="/public/terminal.png"><img src="/public/terminal.png" border="0"></a>
+  <a href="/public/terminal.png"><img src="/public/terminal.png" border="0" alt="lsof example"></a>
 </figure>
 
 So, try to remember to bind your services to `127.0.0.1`! :)
diff --git a/_posts/2019-12-29-after-the-intermission.md b/_posts/2019-12-29-after-the-intermission.md
@@ -15,7 +15,7 @@ If you have visited before, here are some more changes you will notice:
 
 * New domain. No Github in it. Rants is something that can describe some of my posts, and I also find it funny!
 * A new layout, hopefully, more readable. I'm sure I'll have some debugging and code clean up to do.
-* An [About](/about) section, in which I share more stuff about me and this blog. It's time to be a bit more out there.
+* An [About](/about/) section, in which I share more stuff about me and this blog. It's time to be a bit more out there.
 * Categories, in which you can find something you like, easier. Needs improvement I know.
 
 That's all for now... Let's see how this will turn up!
diff --git a/about.html b/about.html
@@ -7,7 +7,7 @@
 
 <article>
   <figure class="avatar avatar--about">
-    <img src="/assets/img/avatar.jpg" class="avatar__image">
+    <img src="/assets/img/avatar.jpg" class="avatar__image" title="Thanos Kolovos" alt="Thanos Kolovos">
   </figure>
   <main>
     <h2>Hello all!</h2>
diff --git a/demos/adblock/index.html b/demos/adblock/index.html
@@ -15,7 +15,7 @@
       </div>
     </div>
 </div>
-<a href="http://codegaze.github.io/2015/10/17/better-ux-with-ad-block-checker/" class="button">Back to post</a>
+<a href="https://codegazerants.com/2015/10/17/better-ux-with-ad-block-checker/" class="button">Back to post</a>
 <link rel="stylesheet" href="css/style.css">
 <script type="text/javascript" src="js/main.js"></script>
 <script>
@@ -24,4 +24,4 @@
 
 </script>
 </body>
-</html>
+</html>
