website/public/examples.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

47 lines
No EOL
1.7 KiB
PHP

<style><?= VV::css("public/assets/css/pages/examples") ?></style>
<section class="heading">
<h1>Vegvisir in production</h1>
<p>Here are some examples of Vegvisir being used on real websites!</p>
</section>
<section class="grid">
<a href="https://codeberg.org/vegvisir/website" target="_blank"><button class="inline">
<img src="/assets/media/img/vegvisir-website.avif">
<div>
<div>
<h3>This website!</h3>
<p>The website you're viewing right now has been built from scratch using only Vegvisir components.</p>
</div>
<?= VV::embed("public/assets/media/icons/chevron.svg") ?>
</div>
</button></a>
<a href="https://vlw.se" target="_blank"><button class="inline">
<img src="/assets/media/img/vlw-se.avif">
<div>
<div>
<h3>vlw.se</h3>
<p>My personal website built from scratch in Vegvisir for the front-end and other "in-house" libraries for the rest.</p>
</div>
<?= VV::embed("public/assets/media/icons/chevron.svg") ?>
</div>
</button></a>
<a href="https://icellate-com.srv.vlw.se" target="_blank"><button class="inline">
<img src="/assets/media/img/icellate-com.avif">
<div>
<div>
<h3>icellate.com</h3>
<p>[Archived] Website for the Swedish bio-pharma start-up iCellate Medical.</p>
</div>
<?= VV::embed("public/assets/media/icons/chevron.svg") ?>
</div>
</button></a>
<a href="https://genemate-se.srv.vlw.se" target="_blank"><button class="inline">
<img src="/assets/media/img/genemate-se.avif">
<div>
<div>
<h3>genemate.se</h3>
<p>[Archived] Website for the Swedish bio-pharma start-up iCellate Medical.</p>
</div>
<?= VV::embed("public/assets/media/icons/chevron.svg") ?>
</div>
</button></a>
</section>