Added TryHackMe profile

css/brands.css

@@ -483,6 +483,16 @@ button:hover,
   filter: brightness(90%);
 }
 
+/* Hackerrank */
+.button.button-hackerrank {
+  color: #ffffff;
+  background-color: #32c766;
+}
+.button.button-hackerrank:hover,
+.button.button-hackerrank:focus {
+  filter: brightness(90%);
+}
+
 /* Hedgedoc */
 .button.button-hedgedoc {
   color: #ffffff;
@@ -892,6 +902,16 @@ button:hover,
   filter: brightness(90%);
 }
 
+/* TryHackMe */
+.button.button-tryhackme {
+  color: #ffffff;
+  background-color: #c1111181;
+}
+.button.button-tryhackme:hover,
+.button.button-tryhackme:focus {
+  filter: brightness(90%);
+}
+
 /* Tumblr */
 .button.button-tumb {
   color: #ffffff;

index.html

@@ -137,6 +137,12 @@
         <!-- Mealie -->
         <a class="button button-mealie" href="https://food.syyrell.com/" target="_blank" rel="noopener" role="button"><img class="icon icon-mealie" src="images/icons/mealie.png" alt="">Mealie</a><br>
         
+        <!-- Hackerrank -->
+        <a class="button button-hackerrank" href="https://www.hackerrank.com/Syrell" target="_blank" rel="noopener" role="button"><img class="icon icon-hackerrank" src="images/icons/hackerrank.png" alt="">HackerRank</a><br>
+
+        <!-- TryHackMe -->
+        <a class="button button-tryhackme" href="https://tryhackme.com/p/syrell" target="_blank" rel="noopener" role="button"><img class="icon icon-tryhackme" src="images/icons/tryhackme.png" alt="">TryHackMe</a><br>
+
         <!-- 
             Footer:
             This includes a link to privacy.html page which can be setup for your Privacy Policy.