website/public/index.php
vlw 7a8fc36ec0 feat: new website design and update to Vegvisir 3.1 (#2)
Brand new design for the website following the new design language I used for [version 2.0 of my personal website](https://codeberg.org/vlw/vlw.se/releases/tag/2.0.0).

Reviewed-on: https://codeberg.org/vegvisir/website/pulls/2
Co-authored-by: vlw <victor@vlw.se>
Co-committed-by: vlw <victor@vlw.se>
2025-03-05 11:16:54 +00:00

68 lines
No EOL
2.7 KiB
PHP

<style><?= VV::css("public/assets/css/snippets/split") ?></style>
<style><?= VV::css("public/assets/css/pages/index") ?></style>
<section id="intro" class="split">
<div class="text">
<h1>PHP Web framework</h1>
<h3>with automatic soft-navigation <a href="/features">and&nbsp;more!</a></h3>
<p>developed as a hobby project by <a href="https://vlw.se">Victor Westerlund</a></p>
</div>
<div class="compass">
<?= VV::embed("public/assets/media/compass-points.svg") ?>
<?= VV::embed("public/assets/media/compass-points.svg") ?>
<?= VV::embed("public/assets/media/compass.svg") ?>
</div>
</section>
<section id="softnav" class="split">
<div class="text">
<h1>Automatic soft navigation</h1>
<p>Load the shell of your website once, and soft-navigate between pages on the same host. That's what Vegvisir will automatically handle for you - without any ugly handle attributes.</p>
<div class="buttons">
<a href="/features"><button class="inline solid">
<p>more info</p>
<?= VV::embed("public/assets/media/icons/chevron.svg") ?>
</button></a>
<a href="/docs/Reference/JavaScript"><button class="inline">
<p>reference</p>
<?= VV::embed("public/assets/media/icons/chevron.svg") ?>
</button></a>
</div>
</div>
<div>
<?= VV::include("snippets/HTMLCodeDemoElement/HTMLCodeDemoElement?id=index_softnav") ?>
</div>
</section>
<section id="assets" class="split reverse">
<div class="text">
<h1>Asset injection</h1>
<p>Bundle page-specific CSS and JavaScript from separate files directly with your markdown. Vegvisir will import and minify CSS and JavaScript on the fly and return the result as compiled HTML.</p>
<div class="buttons">
<a href="/docs"><button class="inline solid">
<p>more info</p>
<?= VV::embed("public/assets/media/icons/chevron.svg") ?>
</button></a>
<a href="/docs/Reference/PHP/VV/css"><button class="inline">
<p>reference</p>
<?= VV::embed("public/assets/media/icons/chevron.svg") ?>
</button></a>
</div>
</div>
<div>
<?= VV::include("snippets/HTMLCodeDemoElement/HTMLCodeDemoElement?id=index_assets") ?>
</div>
</section>
<section id="freedom" class="split center">
<div class="text">
<h1>Respects your freedom</h1>
<p>No tracking, no telemetry, no spying, and a fully available source code licensed under GNU GPLv3. Vegvisir will always be free, libre software.</p>
<div class="buttons">
<a href="https://codeberg.org/vegvisir/vegvisir"><button class="inline">
<p>source code</p>
<?= VV::embed("public/assets/media/icons/chevron.svg") ?>
</button></a>
</div>
</div>
<div>
<?= VV::embed("public/assets/media/gnu.svg") ?>
</div>
</section>
<script><?= VV::js("public/assets/js/pages/index") ?></script>