index.html (3495B)
1 <!DOCTYPE html> 2 <html lang="en"> 3 4 <head> 5 <meta charset="utf-8"> 6 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 7 <meta name="description" content="Welcome to my alright blog"> 8 <meta name="author" content="Reagan Fischer"> 9 <title>Reagan Fischer's Website</title> 10 <link rel="stylesheet" href="/inter.css"> 11 <link rel="stylesheet" href="/new.css"> 12 <link rel="icon" type="image/x-icon" href="/images/win95.png"> 13 <link rel="apple-touch-icon" href="/images/win95.png"> 14 <style> 15 /* Add CSS for the image */ 16 .profile-image { 17 float: left; 18 /* Float the image to the left of the text */ 19 margin-right: 20px; 20 /* Add some margin to separate it from the text */ 21 border: 2px solid #ccc; 22 /* Add a border around the image */ 23 padding: 5px; 24 } 25 </style> 26 </head> 27 28 <body> 29 <header style="padding: 20px 0; text-align: center;"> 30 <h1>Reagan's Code Corner</h1> 31 <nav style="display: inline-block;"> 32 <a href="/">Home</a> | 33 <a href="/projects.html">Projects</a> | 34 <a href="/blog.html">Blog</a> | 35 <a href="/resume.pdf">Resume</a> | 36 <a href="/contact.html">Contact Me</a> | 37 <a href="/cat/index.html">Cat</a> 38 </nav> 39 </header> 40 <main> 41 <!-- Add the profile image with a class for styling --> 42 <img src="images/headshot.jpg" alt="Reagan Fischer's Profile Picture" class="profile-image" width="200" 43 height="200"> 44 45 <script> 46 // Check if user is on a mobile device 47 if (/Mobi/.test(navigator.userAgent)) { 48 // Get the profile image element 49 var profileImage = document.querySelector('.profile-image'); 50 // Center the image horizontally 51 profileImage.style.display = 'block'; 52 profileImage.style.margin = '0 auto 20px'; 53 // Move all text below the image 54 var main = document.querySelector('main'); 55 main.style.display = 'flex'; 56 main.style.flexDirection = 'column'; 57 } 58 </script> 59 <h2>Hello and welcome to my website!</h2> 60 61 <p>Hi! My name is Reagan Fischer. I'm a Computer Science and Mathematics major at UCCS with interests in 62 embedded systems engineering, compilers, and operating systems. I've created this website to collate my 63 projects and share my code. I hope you find something you enjoy!</p> 64 65 </main> 66 <footer> 67 <hr> 68 <p style="text-align: center; font-size: 0.75em;">© Copyright 2024. Made with <a 69 href="https://newcss.net/">love and NewCSS</a> by Reagan Fischer.</p> 70 <hr> 71 </footer> 72 <script defer> 73 var _paq = window._paq = window._paq || []; 74 /* tracker methods like "setCustomDimension" should be called before "trackPageView" */ 75 _paq.push(['trackPageView']); 76 _paq.push(['enableLinkTracking']); 77 (function () { 78 var u = "//matomo.thespringstechguy.com/"; 79 _paq.push(['setTrackerUrl', u + 'matomo.php']); 80 _paq.push(['setSiteId', '1']); 81 var d = document, g = d.createElement('script'), s = d.getElementsByTagName('script')[0]; 82 g.async = true; g.src = u + 'matomo.js'; s.parentNode.insertBefore(g, s); 83 })(); 84 </script> 85 </body> 86 87 </html>