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.
 
 
 

120 lines
4.9 KiB

<!DOCTYPE html>
<html lang="en">
<head>
<title>Ravi Shah's Portfolio</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Find Ravi Shah's software and hardware projects, qualifications, interests, and more!">
<meta charset="UTF-8">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap" rel="stylesheet">
<link href="css/styles.css" rel="stylesheet" media="screen">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="manifest" href="static/site.webmanifest">
<link rel="apple-touch-icon" sizes="180x180" href="static/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="static/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="static/favicon-16x16.png">
<!-- Matomo -->
<script type="text/javascript">
var _paq = window._paq = window._paq || [];
/* tracker methods like "setCustomDimension" should be called before "trackPageView" */
_paq.push(['trackPageView']);
_paq.push(['enableLinkTracking']);
(function() {
var u = "//analytics.yeetpc.com/matomo/";
_paq.push(['setTrackerUrl', u + 'matomo.php']);
_paq.push(['setSiteId', '3']);
var d = document,
g = d.createElement('script'),
s = d.getElementsByTagName('script')[0];
g.type = 'text/javascript';
g.async = true;
g.src = u + 'matomo.js';
s.parentNode.insertBefore(g, s);
})();
</script>
<!-- End Matomo Code -->
</head>
<body>
<!-- Top Navbar -->
<div class="Navbar">
<div class="Navbar__Link Navbar__Link-brand">
<h1><a href="#">Ravi Shah's Portfolio</a></h1>
</div>
<div class="Navbar__Link Navbar__Link-toggle">
<i class="fa fa-bars"></i>
</div>
<nav class="Navbar__Items Navbar__Items--right">
<div class="Navbar__Link">
<a href="/projects">Projects</a>
</div>
<div class="Navbar__Link">
<a href="https://www.yeetpc.com/blog">Blog</a>
</div>
<div class="Navbar__Link">
<a href="/gallery.html">Gallery</a>
</div>
<div class="Navbar__Link">
<a href="mailto:ravi@yeetpc.com">Contact Me</a>
</div>
</nav>
</div>
<!-- End Top Navbar -->
<!-- Begin Top Banner -->
<div class="banner">
<div class="card-top-banner">
<p class="top-banner-text">HI 👋 I'M RAVI SHAH!</p>
<p class="top-banner-text-smaller">
I'm currently a freshman at
<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>,
<a href="https://www.yeetpc.com/blog/entry.php">my ThinkPad X220 Tablet build</a>, and
<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>,
and on my <a href="https://www.youtube.com/channel/UC3T95a3-KMIcSLYbDhdKiTA/featured">YouTube channel</a>.
</p>
<br />
<p class="top-banner-text-medium">Popular Projects</p>
</div>
</div>
<!-- End Top Banner -->
<!-- Begin Responsive Layout -->
<div class="row">
<div class="column">
<br />
<div id="smartgaragedoor" class="card">
<div class="card-header">
Smart Garage Door Controller
</div>
<div class="card-image-box">
<img src="static/img/projects/smart-garage-door-thumbnail.jpeg" alt="Smart Garage Door Opener Thumbnail" class="card-image" />
</div>
</div>
</div>
<div class="column">
<br />
<div id="repairdashboard" class="card">
<div class="card-header">
Repairability Score Dashboard
</div>
</div>
</div>
<div class="column">
<br />
<div id="thinkpadx220" class="card">
<div class="card-header">
Thinkpad X220 Tablet Upgrades
</div>
</div>
</div>
</div>
<!-- End Responsive Layout -->
<script src="js/redirects.js"></script>
<script src="js/expandnavbar.js" defer></script>
</body>
</html>