2022-10-18 10:27:42 +01:00
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html lang="en">
|
|
|
|
|
<head>
|
|
|
|
|
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
|
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
|
|
|
<meta name="author" content="Frederick Boniface">
|
|
|
|
|
<link rel="icon" type="image/png" href="/images/favicon.png">
|
|
|
|
|
<link rel="stylesheet" href="./style/fonts.css">
|
|
|
|
|
<link rel="stylesheet" href="./style/new_style.css">
|
2022-10-18 11:55:11 +01:00
|
|
|
<link rel="stylesheet" href="/style/new_menu.css">
|
2022-10-18 10:27:42 +01:00
|
|
|
<title>Home</title>
|
|
|
|
|
</head>
|
|
|
|
|
<body>
|
2022-10-18 10:31:44 +01:00
|
|
|
<div class="header-image-home">
|
|
|
|
|
<div class="page-title">
|
|
|
|
|
<h1>Fred Boniface</h1>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
2022-10-18 10:27:42 +01:00
|
|
|
<div class="menubar">
|
|
|
|
|
<script src="/js/navbar.js"></script>
|
|
|
|
|
<div class="menubar_logo">
|
|
|
|
|
<picture>
|
2022-10-18 11:47:44 +01:00
|
|
|
<source srcset="/images/logo/short-xl.png" type="image/png">
|
2022-10-18 10:27:42 +01:00
|
|
|
<img src="/images/logo/short-xl.png" alt="Fred Boniface logo">
|
|
|
|
|
</picture>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="menubar_hamburger">
|
2022-10-18 10:50:44 +01:00
|
|
|
<button class="sidebar_open_short" onclick="sidebarOpen()">☰</button>
|
|
|
|
|
<button class="sidebar_open_long" onclick="sidebarOpen()">Menu ☰</button>
|
2022-10-18 10:27:42 +01:00
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div id="sidebar" class="sidebar">
|
2022-10-18 10:50:44 +01:00
|
|
|
<button class="sidebar_close" onclick="sidebarClose()">×</button>
|
2022-10-18 10:27:42 +01:00
|
|
|
<a href="/">Home</a>
|
|
|
|
|
<a href="/gpg.php">GPG/PGP</a>
|
|
|
|
|
<a href="/projects.php">Things I Do</a>
|
|
|
|
|
<a href="/contact.php">Contact</a>
|
|
|
|
|
<a href="/about.php">About</a>
|
|
|
|
|
<picture>
|
|
|
|
|
<source srcset="/images/logo/short-xl.png" type="image/png">
|
|
|
|
|
</picture>
|
|
|
|
|
<div class="sidebar_social">
|
|
|
|
|
SOCIAL_LINKS
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
