added meta tags

2026-05-14 22:16:59 +00:00 · 2024-04-06 21:20:37 -07:00
parent 62bef1b258
commit 03873935b5
2 changed files with 61 additions and 56 deletions
@@ -4,65 +4,17 @@
 <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta property="og:title" content="ION606.com">
+    <meta property="og:description"
+        content="My personal website!">
+    <meta property="og:image" content="https://avatars.githubusercontent.com/u/58801387">
+    <meta property="og:url" content="https://ion606.com/">
+    <meta property="og:type" content="website">
+    
    <title>ION606.com</title>
    <script src="//cdn.jsdelivr.net/github-cards/latest/widget.js"></script>
    <link rel="stylesheet" href="style.css">
-
-    <script>
-        document.addEventListener('DOMContentLoaded', (e) => {
-            const canvas = document.getElementById('matrixCanvas');
-            const context = canvas.getContext('2d');
-
-            let columns;
-            let drops;
-
-            function setup() {
-                canvas.width = window.innerWidth;
-                canvas.height = window.innerHeight;
-
-                columns = Math.floor(canvas.width / fontSize);
-                drops = [];
-
-                for (let x = 0; x < columns; x++)
-                    drops[x] = 1;
-            }
-
-            window.addEventListener('resize', setup);
-
-            let fontSize = 16;
-
-            const katakana = "アカサタナハマヤラワガザダバパイキシチニヒミリギジヂビピウクスツヌフムユルグズヅブプエケセテネヘメレゲゼデベペオコソトノホモヨロゴゾドボポ";
-            const latin = "ABCDEFGHIJKLMNOPQRSTUVWXYZ";
-            const nums = "0123456789";
-            const matrixChars = katakana + latin + nums;
-
-            function draw() {
-                context.fillStyle = 'rgba(0, 0, 0, 0.05)';
-                context.fillRect(0, 0, canvas.width, canvas.height);
-
-                context.fillStyle = '#ff00ff'; // Bright pink color
-                context.font = fontSize + 'px monospace';
-
-                for (let i = 0; i < drops.length; i++) {
-                    const text = matrixChars.charAt(Math.floor(Math.random() * matrixChars.length));
-                    context.fillText(text, i * fontSize, drops[i] * fontSize);
-
-                    // Randomly go back to the top
-                    if (drops[i] * fontSize > canvas.height && Math.random() > 0.975)
-                        drops[i] = 0;
-
-                    // Move the drop down
-                    drops[i]++;
-
-                    // Change color over time
-                    context.fillStyle = `rgb(${Math.floor(Math.random() * 205) + 50}, 0, ${Math.floor(Math.random() * 205) + 50})`; // Pink and purple shades
-                }
-            }
-
-            setup(); // Call setup initially to set up canvas and drops
-            setInterval(draw, 33);
-        })
-    </script>
+    <script type="text/javascript" src="script.js"></script>
 </head>

 <body>