redesign #1

Merged
fred.boniface merged 115 commits from redesign into main 2022-10-29 20:12:58 +01:00
Showing only changes of commit 4de0e362ce - Show all commits

View File

@ -13,35 +13,35 @@
<body> <body>
<div class="header-image-home"> <div class="header-image-home">
<div class="page-title"> <div class="page-title">
<h1>Fred Boniface</h1> <h1>Page Title</h1>
</div> </div>
</div> </div>
<div class="menubar"> <div id="menubar">
<script src="/js/navbar.js"></script> <script src="/js/navbar.js"></script>
<div class="menubar_logo"> <div id="menubar_logo">
<picture> <picture>
<source srcset="/images/logo/full-60.webp" type="image/webp"> <source srcset="/images/logo/full-60.webp" type="image/webp">
<img src="/images/logo/full-60.png" alt="Fred Boniface logo"> <img src="/images/logo/full-60.png" alt="Fred Boniface logo">
</picture> </picture>
</div> </div>
<div class="menubar_hamburger"> <div id="menubar_hamburger">
<button id="sidebar_open_short" class="sidebar_open_short" onclick="sidebarOpen()">&#9776;</button> <button id="sidebar_open_short" onclick="sidebarOpen()">&#9776;</button>
<button class="sidebar_open_long" onclick="sidebarOpen()">Menu &#9776;</button> <button id="sidebar_close_short" onclick="sidebarClose()">&times;</button>
<button id="sidebar_close_short" class="sidebar_close_short" onclick="sidebarClose()">&times;</button>
<button class="sidebar_close_long" onclick="sidebarClose()">Close &times;</button>
</div> </div>
</div> </div>
<div id="sidebar" class="sidebar"> <div id="sidebar">
<a href="/">Home</a> <a href="/">Home</a>
<a href="/gpg.php">GPG/PGP</a> <a href="/gpg.php">GPG/PGP</a>
<a href="/projects.php">Things I Do</a> <a href="/projects.php">Things I Do</a>
<a href="/contact.php">Contact</a> <a href="/contact.php">Contact</a>
<a href="/about.php">About</a> <a href="/about.php">About</a>
<picture> <div id="sidebar_logo">
<source srcset="/images/logo/short-40.jxl" type="image/jxl"> <picture>
<img src="/images/logo/short-40.png" alt="FB Initials"> <source srcset="/images/logo/short-40.jxl" type="image/jxl">
</picture> <img src="/images/logo/short-40.png" alt="FB Initials">
<div class="sidebar_social"> </picture>
</div>
<div id="sidebar_social">
SOCIAL_LINKS SOCIAL_LINKS
</div> </div>
</div> </div>