mirror of
https://codeberg.org/vlw/vlw.se.git
synced 2026-04-13 01:39:40 +02:00
Victor Westerlund
57884d4a25
In this PR we add icon buttons in the header to quickly access the my contact page, Forgejo-, and Codeberg profile. I drew a Forgejo and Codeberg logo that I'm not 100% satisfied with. The buttons have a `title` attribute now which explains what the buttons represent. However, I would like to reuse the tooltip hover effect from the contact and about page. These effects are now repeating themselves on both pages, so we should merge them into a partial that can be included on each page, or just load it with the shell element. <video src="/attachments/12429d26-cbfa-4e63-8ecd-fb1d1d270932" title="Inspelning 2026-04-05 140702" controls></video> _The `title` tooltip is not visible in the recording, but they're there._  Reviewed-on: https://codeberg.org/vlw/vlw.se/pulls/73
98 lines
3.2 KiB
PHP
98 lines
3.2 KiB
PHP
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8"/>
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/>
|
|
<meta property="og:title" content="Victor L. Westerlund"/>
|
|
<meta property="og:type" content="website"/>
|
|
<meta property="og:description" content="Full-stack PHP and JavaScript web developer from Sweden"/>
|
|
<meta property="og:image" content="https://vlw.se/assets/media/ogp.jpg"/>
|
|
|
|
<script>
|
|
<!--//--><![CDATA[//><!--
|
|
/**
|
|
* @licstart The following is the entire license notice for the JavaScript
|
|
* code in this page.
|
|
*
|
|
* Copyright (C) 2020 Free Software Foundation.
|
|
*
|
|
* The JavaScript code in this page is free software: you can redistribute
|
|
* it and/or modify it under the terms of the GNU General Public License
|
|
* (GNU GPL) as published by the Free Software Foundation, either version 3
|
|
* of the License, or (at your option) any later version. The code is
|
|
* distributed WITHOUT ANY WARRANTY; without even the implied warranty of
|
|
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU GPL
|
|
* for more details.
|
|
*
|
|
* As additional permission under GNU GPL version 3 section 7, you may
|
|
* distribute non-source (e.g., minimized or compacted) forms of that code
|
|
* without the copy of the GNU GPL normally required by section 4, provided
|
|
* you include this license notice and a URL through which recipients can
|
|
* access the Corresponding Source.
|
|
*
|
|
* @licend The above is the entire license notice for the JavaScript code
|
|
* in this page.
|
|
*/
|
|
|
|
//--><!]]>
|
|
</script>
|
|
|
|
<?= VV::css("assets/css/fonts") ?>
|
|
<?= VV::css("assets/css/shell") ?>
|
|
|
|
<title>Victor Westerlund</title>
|
|
<link rel="icon" href="/assets/media/vw.svg"/>
|
|
</head>
|
|
<body>
|
|
<header>
|
|
<nav>
|
|
<p><a href="/">victor westerlund</a></p>
|
|
<div class="buttons">
|
|
<a href="/work"><button>
|
|
<div></div>
|
|
<p>work</p>
|
|
</button></a>
|
|
<a href="/about"><button>
|
|
<div></div>
|
|
<p>about</p>
|
|
</button></a>
|
|
<a href="/contact"><button>
|
|
<div></div>
|
|
<p>contact</p>
|
|
</button></a>
|
|
</div>
|
|
<div class="links">
|
|
<a href="/contact"><button title="Get in touch">
|
|
<?= VV::embed("public/assets/media/icons/email.svg") ?>
|
|
</button></a>
|
|
<a href="https://git.vlw.se/vlw"><button title="Forgejo">
|
|
<?= VV::embed("public/assets/media/icons/forgejo.svg") ?>
|
|
</button></a>
|
|
<a href="https://codeberg.org/vlw"><button title="Codeberg">
|
|
<?= VV::embed("public/assets/media/icons/codeberg.svg") ?>
|
|
</button></a>
|
|
</div>
|
|
</nav>
|
|
<button class="search searchbox-open">
|
|
<?= VV::embed("public/assets/media/icons/search.svg") ?>
|
|
<p>search vlw.se...</p>
|
|
</button>
|
|
<button class="logo"><?= VV::embed("public/assets/media/vw.svg") ?></button>
|
|
<searchbox>
|
|
<input type="search" autocomplete="off" placeholder="search vlw.se...">
|
|
<button class="close searchbox-close"><?= VV::embed("public/assets/media/icons/close.svg") ?></button>
|
|
</searchbox>
|
|
</header>
|
|
|
|
<?= VV::shell() ?>
|
|
|
|
<search-results>
|
|
<div class="info empty">
|
|
<?= VV::embed("public/assets/media/icons/search.svg") ?>
|
|
<p>start typing to search</p>
|
|
</div>
|
|
</search-results>
|
|
|
|
<?= VV::js("assets/js/shell") ?>
|
|
</body>
|
|
</html>
|