feat: add guide SSL/TLS/HTTPS/SSH

components/md-renderer/mdx-components/a.js

@@ -5,11 +5,14 @@ const Link = styled.a`
 `;
 
 const EnrichedLink = props => {
+  // Is external URL or is a media URL
+  const isExternalUrl = /(^http(s)?:\/\/)|(\.(png|svg|jpeg|jpg)$)/.test(props.href);
+
   return (
-    <Link href={ props.href } target={ /^http(s)?:\/\//.test(props.href) ? '_blank' : '_self' }>
+    <Link href={ props.href } target={ isExternalUrl ? '_blank' : '_self' }>
       { props.children }
     </Link>
   );
 };
 
-export default EnrichedLink;
+export default EnrichedLink;

content/guides.json

@@ -1,4 +1,14 @@
 [
+  {
+    "title": "SSL vs TLS vs SSH",
+    "description": "Quick tidbit on the differences between SSL, TLS, HTTPS and SSH",
+    "url": "/guides/ssl-tls-https-ssh",
+    "fileName": "ssl-tls-https-ssh",
+    "featured": true,
+    "author": "kamranahmedse",
+    "updatedAt": "2020-04-22T15:48:21.191Z",
+    "createdAt": "2020-04-22T15:48:21.191Z"
+  },
   {
     "title": "Asymptotic Notation",
     "description": "Learn the basics of measuring the time and space complexity of algorithms",

content/guides/asymptotic-notation.md

@@ -1,5 +1,5 @@
 Asymptotic notation is the standard way of measuring the time and space that an algorithm will consume as the input grows. In one of my last guides, I covered "Big-O notation" and a lot of you asked for a similar one for Asymptotic notation. You can find the [previous guide here](/guides/big-o-notation).
 
-![](/guides/asymptotic-notation.png)
+[![](/guides/asymptotic-notation.png)](/guides/asymptotic-notation.png)
 
 Here is the [original tweet](https://twitter.com/kamranahmedse/status/1243861514907418624) where this image was posted.

content/guides/big-o-notation.md

@@ -1,5 +1,5 @@
 Big-O notation is the mathematical notation that helps analyse the algorithms to get an idea about how they might perform as the input grows. The image below explains Big-O in a simple way without using any fancy terminology. 
 
-![](/guides/big-o-notation.png)
+[![](/guides/big-o-notation.png)](/guides/big-o-notation.png)
 
 Here is the [original tweet](https://twitter.com/kamranahmedse/status/1235708842610212864) where this image was posted.

content/guides/dns-in-one-picture.md

@@ -2,4 +2,4 @@ DNS or Domain Name System is one of the fundamental blocks of the internet. As a
 
 DNS at its simplest is like a phonebook on your mobile phone. Whenever you have to call one of your contacts, you can either dial their number from your memory or use their name which will then be used by your mobile phone to search their number in your phone book to call them. Every time you make a new friend, or your existing friend gets a mobile phone, you have to memorize their phone number or save it in your phonebook to be able to call them later on. DNS or Domain Name System, in a similar fashion, is a mechanism that allows you to browse websites on the internet. Just like your mobile phone does not know how to call without knowing the phone number, your browser does not know how to open a website just by the domain name; it needs to know the IP Address for the website to open. You can either type the IP Address to open, or provide the domain name and press enter which will then be used by your browser to find the IP address by going through several hoops. The picture below is the illustration of how your browser finds a website on the internet.
 
-![](https://i.imgur.com/z9rwm5A.png)
+[![](https://i.imgur.com/z9rwm5A.png)](https://i.imgur.com/z9rwm5A.png)

content/guides/random-numbers.md

@@ -1,5 +1,5 @@
 Random numbers are everywhere from computer games to lottery systems, graphics software, statistical sampling, computer simulation and cryptography. Graphic below is a quick explanation to how the random numbers are generated and why they may not be truly random. 
 
-![](/guides/random-numbers.png)
+[![](/guides/random-numbers.png)](/guides/random-numbers.png)
 
 Here is the [original tweet](https://twitter.com/kamranahmedse/status/1237851549302312962) where this image was posted.

content/guides/scaling-databases.md

@@ -1,5 +1,5 @@
 The chart below aims to give you a really basic understanding of how the capability of a DBMS is increased to handle a growing amount of load.
 
-![](/guides/scaling-databases.svg)
+[![](/guides/scaling-databases.svg)](/guides/scaling-databases.svg)
 
 Here is the [original tweet](https://twitter.com/kamranahmedse/status/1234209674003611650) where this image was posted.

content/guides/ssl-tls-https-ssh.md

@@ -0,0 +1,3 @@
+[![](/guides/ssl-tls-https-ssh.png)](/guides/ssl-tls-https-ssh.png)
+
+Here is the [original tweet](https://twitter.com/kamranahmedse/status/1252717722724642822) where this image was posted.