mirror of
https://github.com/gmemstr/gmemstr.github.io.git
synced 2024-09-20 04:31:09 +01:00
73 lines
3.2 KiB
HTML
73 lines
3.2 KiB
HTML
<!DOCTYPE html>
|
|
<head>
|
|
<title>Gabriel Simmer</title>
|
|
<meta name="description" content="Gabriel Simmer's Portfolio / Landing Page" />
|
|
<meta charset="UTF-8">
|
|
<meta name="author" content="Gabriel Simmer" />
|
|
<meta content="width=device-width, initial-scale=1, maximum-scale=1" name="viewport">
|
|
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600" rel="stylesheet">
|
|
<script defer src="https://use.fontawesome.com/releases/v5.0.8/js/all.js"></script>
|
|
<link rel="stylesheet" href="assets/custom.css">
|
|
</head>
|
|
<body>
|
|
<div class="container">
|
|
<header>
|
|
<img src="https://avatars2.githubusercontent.com/u/1878840?s=400&u=b433687936e1e1c1bfd858737d8323c6a5b58c33&v=4" alt="Github Profile Picture" class="profile-img">
|
|
<div class="status">
|
|
<span id="time">10:32 <small>AM</small></span>
|
|
<span id="wifi"><i class="fas fa-wifi"></i></span>
|
|
<span id="battery">100% <i class="fas fa-battery-full"></i></span>
|
|
</div>
|
|
</header>
|
|
|
|
<main>
|
|
<div class="games">
|
|
<div class="project" id="pogo">
|
|
<a href="https://github.com/gmemstr/pogo"><img src="assets/pogo.png" alt="Pogo Logo" class="project-img"></a>
|
|
</div>
|
|
<div class="project" id="platypus">
|
|
<a href="https://github.com/gmemstr/platypus"><img src="assets/platypus.png" alt="Platypus Logo" class="project-img"></a>
|
|
</div>
|
|
<div class="project" id="gitgalaxy">
|
|
<img src="assets/gitgalaxy.png" alt="Git Galaxy Logo" class="project-img">
|
|
</div>
|
|
<div class="project" id="nodemc">
|
|
<img src="assets/nodemc.png" alt="NodeMC Logo" class="project-img">
|
|
</div>
|
|
<div class="project" id="placeholder">
|
|
<img src="https://placehold.it/400x400" alt="Placeholder Logo" class="project-img">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="buttons">
|
|
<div class="button" id="twitter">
|
|
<a href="https://twitter.com/gmem_"><i class="fab fa-twitter" style="color:#1da1f2;"></i></a>
|
|
</div>
|
|
<div class="button" id="github">
|
|
<a href="https://github.com/gmemstr"><i class="fab fa-github-alt"></i></a>
|
|
</div>
|
|
<div class="button" id="twitch">
|
|
<a href="https://twitch.tv/gmem_"><i class="fab fa-twitch" style="color:#b9a3e3;"></i></a>
|
|
</div>
|
|
<div class="button" id="reddit">
|
|
<a href="https://reddit.com/gmemstr"><i class="fab fa-reddit-alien" style="color:#ff4500;"></i></a>
|
|
</div>
|
|
<div class="button" id="email">
|
|
<a href="mailto:gabriel@gitgalaxy.com"><i class="far fa-envelope"></i></a>
|
|
</div>
|
|
</div>
|
|
</main>
|
|
<hr />
|
|
</div>
|
|
<script>
|
|
var date = new Date();
|
|
var hours = date.getHours();
|
|
var minutes = date.getMinutes();
|
|
var ampm = hours >= 12 ? 'pm' : 'am';
|
|
hours = hours % 12;
|
|
hours = hours ? hours : 12; // the hour '0' should be '12'
|
|
minutes = minutes < 10 ? '0'+minutes : minutes;
|
|
var strTime = hours + ':' + minutes + ' <small>' + ampm.toUpperCase() + '</small>';
|
|
document.getElementById("time").innerHTML=strTime;
|
|
</script>
|
|
</body> |