Code for my portfolio website
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

119 lines
4.9 KiB

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <title>Ravi Shah's Portfolio</title>
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <meta name="description" content="Find Ravi Shah's software and hardware projects, qualifications, interests, and more!">
  7. <meta charset="UTF-8">
  8. <link rel="preconnect" href="https://fonts.gstatic.com">
  9. <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap" rel="stylesheet">
  10. <link href="css/styles.css" rel="stylesheet" media="screen">
  11. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
  12. <link rel="manifest" href="static/site.webmanifest">
  13. <link rel="apple-touch-icon" sizes="180x180" href="static/apple-touch-icon.png">
  14. <link rel="icon" type="image/png" sizes="32x32" href="static/favicon-32x32.png">
  15. <link rel="icon" type="image/png" sizes="16x16" href="static/favicon-16x16.png">
  16. <!-- Matomo -->
  17. <script type="text/javascript">
  18. var _paq = window._paq = window._paq || [];
  19. /* tracker methods like "setCustomDimension" should be called before "trackPageView" */
  20. _paq.push(['trackPageView']);
  21. _paq.push(['enableLinkTracking']);
  22. (function() {
  23. var u = "//analytics.yeetpc.com/matomo/";
  24. _paq.push(['setTrackerUrl', u + 'matomo.php']);
  25. _paq.push(['setSiteId', '3']);
  26. var d = document,
  27. g = d.createElement('script'),
  28. s = d.getElementsByTagName('script')[0];
  29. g.type = 'text/javascript';
  30. g.async = true;
  31. g.src = u + 'matomo.js';
  32. s.parentNode.insertBefore(g, s);
  33. })();
  34. </script>
  35. <!-- End Matomo Code -->
  36. </head>
  37. <body>
  38. <!-- Top Navbar -->
  39. <div class="Navbar">
  40. <div class="Navbar__Link Navbar__Link-brand">
  41. <h1><a href="#">Ravi Shah's Portfolio</a></h1>
  42. </div>
  43. <div class="Navbar__Link Navbar__Link-toggle">
  44. <i class="fa fa-bars"></i>
  45. </div>
  46. <nav class="Navbar__Items Navbar__Items--right">
  47. <div class="Navbar__Link">
  48. <a href="/projects">Projects</a>
  49. </div>
  50. <div class="Navbar__Link">
  51. <a href="https://www.yeetpc.com/blog">Blog</a>
  52. </div>
  53. <div class="Navbar__Link">
  54. <a href="/gallery.html">Gallery</a>
  55. </div>
  56. <div class="Navbar__Link">
  57. <a href="mailto:ravi@yeetpc.com">Contact Me</a>
  58. </div>
  59. </nav>
  60. </div>
  61. <!-- End Top Navbar -->
  62. <!-- Begin Top Banner -->
  63. <div class="banner">
  64. <div class="card-top-banner">
  65. <p class="top-banner-text">HI 👋 I'M RAVI SHAH!</p>
  66. <p class="top-banner-text-smaller">
  67. I'm currently a freshman at
  68. <a href="https://westwood.roundrockisd.org/">Westwood High School</a>. Some of my projects include <a href="https://github.com/Rav4s/New-Pi-Garage-Door-Opener">a Raspberry Pi smart garage door controller</a>, <a href="https://www.yeetpc.com">a fully self-hosted website</a>,
  69. <a href="https://www.yeetpc.com/blog/entry.php">my ThinkPad X220 Tablet build</a>, and
  70. <a href="https://repairability.yeetpc.com">an iFixit repairability score dashboard</a>. I'm always looking for new projects to work on and contribute to. You can find me on <a href="https://www.reddit.com/user/rav4s">Reddit</a>, <a href="https://github.com/rav4s">GitHub</a>,
  71. and on my <a href="https://www.youtube.com/channel/UC3T95a3-KMIcSLYbDhdKiTA/featured">YouTube channel</a>.
  72. </p>
  73. <br />
  74. <p class="top-banner-text-medium">Popular Projects</p>
  75. </div>
  76. </div>
  77. <!-- End Top Banner -->
  78. <!-- Begin Responsive Layout -->
  79. <div class="row">
  80. <div class="column">
  81. <br />
  82. <div id="smartgaragedoor" class="card">
  83. <div class="card-header">
  84. Smart Garage Door Controller
  85. </div>
  86. <div class="card-image-box">
  87. <img src="static/img/projects/smart-garage-door-thumbnail.jpeg" alt="Smart Garage Door Opener Thumbnail" class="card-image" />
  88. </div>
  89. </div>
  90. </div>
  91. <div class="column">
  92. <br />
  93. <div id="repairdashboard" class="card">
  94. <div class="card-header">
  95. Repairability Score Dashboard
  96. </div>
  97. </div>
  98. </div>
  99. <div class="column">
  100. <br />
  101. <div id="thinkpadx220" class="card">
  102. <div class="card-header">
  103. Thinkpad X220 Tablet Upgrades
  104. </div>
  105. </div>
  106. </div>
  107. </div>
  108. <!-- End Responsive Layout -->
  109. <script src="js/redirects.js"></script>
  110. <script src="js/expandnavbar.js" defer></script>
  111. </body>
  112. </html>