mirror of
https://codeberg.org/vlw/vlw.se.git
synced 2026-01-12 06:45:59 +01:00
Victor Westerlund
7e01690936
 In this PR we add some simple main page navigation buttons that appear in the header on screen sizes that can accommodate them. The header looked pretty empty before on desktop screens, so this at least adds some functionality to that space. Reviewed-on: https://codeberg.org/vlw/vlw.se/pulls/58
79 lines
No EOL
2.7 KiB
PHP
79 lines
No EOL
2.7 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>
|
|
|
|
<style><?= VV::css("public/assets/css/fonts") ?></style>
|
|
<style><?= VV::css("public/assets/css/shell") ?></style>
|
|
|
|
<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><p>/work</p></button></a>
|
|
<a href="/about"><button><p>/about</p></button></a>
|
|
<a href="/contact"><button><p>/contact</p></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></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::init() ?>
|
|
<script><?= VV::js("public/assets/js/shell") ?></script>
|
|
</body>
|
|
</html>
|