You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
PersonalWebsite_Static/index.html

135 lines
5.4 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta content="width=device-width, initial-scale=1" name="viewport">
<meta content="Jake Cover's Homepage" name="description">
<title>Jake Cover</title>
<link rel="stylesheet" href="css/main.css">
<link rel="stylesheet" href="css/masonry.css">
<link rel="stylesheet" href="css/footer.css">
</head>
<body>
<header class="header">
<a href="index.html" class="name">Jake Cover</a>
<div class="header-right">
<a class="active" href="index.html">Home</a>
<a href="contact.html">Contact</a>
<a href="about.html">About</a>
<a href="resume.html">Resume</a>
<a href="https://github.com/JakeCover">GitHub</a>
</div>
</header>
<div class="page">
<div class="grid">
<!--Distest-->
<div class="grid-item grid-item--image">
<img class="grid-img" src="images/distest.svg" alt="CodeDay SD Logo" width="230" height="230">
<div class="service-wrapper-inner title">
<h2>Distest</h2>
<div class="description">
<p>
One of my favorite Python projects, a tool to write automated integration tests for discord bots.
</p>
</div>
</div>
<div class="service-overlay title"></div>
</div>
<!--CodeDay-->
<div class="grid-item grid-item--image">
<img class="grid-img" src="images/codedaysd.png" alt="CodeDay SD Logo" width="230" height="230">
<div class="service-wrapper-inner title">
<h2>CodeDay</h2>
<div class="description">
<p>
CodeDay, an event by SRND, is a beginner-friendly 24 hour event for students that challenges attendees to create a game or an app.<br>
I served as the Regional Manager for CodeDay San Diego for one year.
</p>
</div>
</div>
<div class="service-overlay title"></div>
</div>
<!--SRND-->
<div class="grid-item grid-item--image">
<img src="images/codeday-notext-color.svg" alt="Redish Heart, SRND Logo" width="230" height="230">
<div class="service-wrapper-inner title">
<h2>SRND</h2>
<div class="description">
<p>SRND is an educational nonprofit that works to provide CS education to high school and college students and to increase diversity in tech.</p>
</div>
</div>
<div class="service-overlay title"></div>
</div>
<!--ScoreSaver Installer-->
<div class="grid-item grid-item--image">
<img src="images/scoresaver.svg" alt="Red to Blue Gradient w/ White Download Icon" width="230" height="230">
<div class="service-wrapper-inner title">
<h2>ScoreSaver</h2>
<div class="description">
<p>SRND is an educational nonprofit that works to provide CS education to high school and college students and to increase diversity in tech.</p>
</div>
</div>
<div class="service-overlay title"></div>
</div>
<!--Foresight-->
<div class="grid-item grid-item--image">
<img src="images/foresightsports.png" alt="ForeSight Sports Logo0" width="480">
<div class="service-wrapper-inner notitle">
<div class="description">
<p>SRND is an educational nonprofit that works to provide CS education to high school and college students and to increase diversity in tech.</p>
</div>
</div>
<div class="service-overlay notitle"></div>
</div>
<!--ReplyBot-->
<div class="grid-item grid-item--tall3">ReplyBot</div>
</div>
</div>
<!-- Site footer -->
<footer class="site-footer">
<div class="footer-grid">
<div class="col-8">
<h6>Jake Cover</h6>
<p class="text-justify">
Made by Jake Cover, a CS student who really needs to find something witty and interesting to put here soon.
<br>
Checklist by Arthur Shlain from the Noun Project
</p>
</div>
<div class="col-3">
<h6>Links and Stuff</h6>
<ul class="footer-links">
<li><a href="index.html">Home</a></li>
<li><a href="contact.html">Contact</a></li>
<li><a href="about.html">About</a></li>
<li><a href="resume.html">Resume</a></li>
<li><a href="https://github.com/JakeCover">GitHub</a></li>
</ul>
</div>
</div>
<hr>
<div class="copyright-text">Copyright &copy; 2020 All Rights Reserved by Jake Cover</div>
</footer>
<script src="https://unpkg.com/masonry-layout@4/dist/masonry.pkgd.min.js"></script>
<script src="scripts/masonry_conf.js"></script>
<script src="https://code.jquery.com/jquery-3.5.0.min.js"></script>
<script>
$(".grid-item").hover(
function () {
$(this).siblings().addClass('blur-me')
$(this).siblings().removeClass('unblur-me')
},
function () {
$(this).siblings().removeClass('blur-me')
$(this).siblings().addClass('unblur-me')
}
)
</script>
</body>
</html>