diff --git a/Scripts/fun.js b/Scripts/fun.js
index 9edb1db..f06c70b 100644
--- a/Scripts/fun.js
+++ b/Scripts/fun.js
@@ -14,7 +14,7 @@ let image = {
 (function main() {
     canvas = document.getElementById("mainpanel");
     ctx = canvas.getContext("2d");
-    image.img.src = 'http://github.com/Stone-Red-Code.png';
+    image.img.src = 'https://github.com/Stone-Red-Code.png';
     canvas.style.width = '100%';
     canvas.style.height = '100%';
     canvas.width = 1000;
diff --git a/index.html b/index.html
index 2309fca..65f6d17 100644
--- a/index.html
+++ b/index.html
@@ -5,6 +5,11 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Stone-Red-Code</title>
+    <meta content="Stone-Red-Code" property="og:title">
+    <meta content="Stone_Red's website" property="og:description">
+    <meta content="https://stone-red-code.github.io" property="og:url">
+    <meta content="https://github.com/Stone-Red-Code.png" property="og:image">
+    <meta content="#D182EB" data-react-helmet="true" name="theme-color">
     <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css"
         integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
     <link rel="stylesheet" href="style.css">
diff --git a/nav.html b/nav.html
index 546678f..2f59c22 100644
--- a/nav.html
+++ b/nav.html
@@ -1,7 +1,7 @@
 <nav class="navbar navbar-expand-sm navbar-light sticky-top fg-theme">
 
     <a class="navbar-brand" href="http://github.com/Stone-Red-Code"><img class="rounded"
-            src="http://github.com/Stone-Red-Code.png" height="45" alt="Profile picture"></a>
+            src="https://github.com/Stone-Red-Code.png" height="45" alt="Profile picture"></a>
 
     <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#collapsibleNavbar">
         <span class="navbar-toggler-icon"></span>