website/public/index.php

77 lines
No EOL
2.5 KiB
PHP

<?php
use const VVWebsite\{MEDIA_DIR, DEFAULT_BUTTON_ICON};
require_once VV::root("src/Consts.php");
?>
<style><?= VV::css("public/assets/css/pages/index.css") ?></style>
<section id="intro" class="split">
<div>
<h1>Vegvisir</h1>
<h2>is a PHP and JavaScript web framework with</h2>
<h1>native soft-navigation and asset injection</h1>
<h2>that also gives you</h2>
<h1>automatic soft-navigation from an MPA-like file structure</h1>
</div>
<div class="compass">
<?= VV::embed(MEDIA_DIR . "compass-points.svg") ?>
<?= VV::embed(MEDIA_DIR . "compass-points.svg") ?>
<?= VV::embed(MEDIA_DIR . "compass.svg") ?>
</div>
</section>
<section id="assets" class="split">
<div class="text">
<h1>Asset injection</h1>
<p>Bundle your page JavaScript and CSS using native PHP templating and the VV PHP class directly into a automatically minified and soft-navigated page.</p>
<div class="buttons">
<a href="/"><button class="inline solid">
<p>more examples</p>
<?= VV::embed(DEFAULT_BUTTON_ICON) ?>
</button></a>
<a href="/"><button class="inline">
<p>reference</p>
<?= VV::embed(DEFAULT_BUTTON_ICON) ?>
</button></a>
</div>
</div>
<div>
<?= VV::include("elements/HTMLCodeDemoElement?id=index_assets") ?>
</div>
</section>
<section id="softnav" class="split reverse">
<div class="text">
<h1>Automatic soft navigation</h1>
<p>Vegvisir will automatically compile and soft-navigate between pages on your website without any modifications to your markdown. Even the file structure on disk follows an MPA-layout.</p>
<div class="buttons">
<a href="/"><button class="inline solid">
<p>more examples</p>
<?= VV::embed(DEFAULT_BUTTON_ICON) ?>
</button></a>
<a href="/"><button class="inline">
<p>reference</p>
<?= VV::embed(DEFAULT_BUTTON_ICON) ?>
</button></a>
</div>
</div>
<div>
<?= VV::include("elements/HTMLCodeDemoElement?id=index_softnav") ?>
</div>
</section>
<section id="freedom" class="split">
<div class="text">
<h1>Respects your freedom</h1>
<p>No tracking, no spying, fully available source that respects your freedom with GNU GPLv3.</p>
<div class="buttons">
<a href="https://codeberg.org/vegvisir/vegvisir"><button class="inline">
<p>source code</p>
<?= VV::embed(DEFAULT_BUTTON_ICON) ?>
</button></a>
</div>
</div>
<div>
<?= VV::embed(MEDIA_DIR . "gnu.svg") ?>
</div>
</section>
<?= VV::include("snippets/footer") ?>
<script><?= VV::js("public/assets/js/pages/index.js") ?></script>