vegvisir/website
1
0
Fork 0
mirror of https://codeberg.org/vegvisir/website.git synced 2025-09-14 08:53:42 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

fix(content): changed wording and updated links on main pages (#9)

Browse source 
Reviewed-on: https://codeberg.org/vegvisir/website/pulls/9
This commit is contained in:
Victor Westerlund 2025-04-02 12:43:35 +00:00
parent e0c60a01e5
commit 83a1843ce7
6 changed files with 19 additions and 19 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
public/examples.php
View file

@ -24,22 +24,22 @@
<?= VV::embed("public/assets/media/icons/chevron.svg") ?>
</div>
</button></a>
<a href="https://icellate-com.srv.vlw.se" target="_blank"><button class="inline">
<a href="https://vlw.se/work/archive?href=https://icellate.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>
<p>Main website for the Swedish bio-pharma start-up iCellate Medical built completely with Vegvisir.</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">
<a href="https://vlw.se/work/archive?href=https://genemate.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>
<p>E-commerce and service website for Genemate by iCellate Medical in an older version of Vegvisir.</p>
</div>
<?= VV::embed("public/assets/media/icons/chevron.svg") ?>
</div>

6
public/features.php
View file

@ -26,9 +26,9 @@
<section id="navigate" class="split reverse">
<div class="text">
<h1>Navigate any element</h1>
<p>Sometimes you just want to update a portion of your website. That can be done <a href="/docs/Reference/JavaScript/navigate">programmatically with JavaScript</a> or directly in the markdown using the <a href=""><code>vv</code>&nbsp;attributes</a>.</p>
<p>Sometimes you just want to update a portion of your website. That can be done <a href="/docs/Reference/JavaScript/navigate">programmatically with JavaScript</a> or directly in the markdown using the <a href="/docs/Reference/vv-attributes"><code>vv</code>&nbsp;attributes</a>.</p>
<div class="buttons">
<a href="/docs/Reference/JavaScript"><button class="inline">
<a href="/docs/Reference/vv-attributes"><button class="inline">
<p>'vv' attributes</p>
<?= VV::embed("public/assets/media/icons/chevron.svg") ?>
</button></a>
@ -43,7 +43,7 @@
<h1>..or include that page with the response</h1>
<p>Vevisir pages, snippets, and other PHP files can be inlined with the response using <code>VV::include</code>.</p>
<div class="buttons">
<a href="/docs/Reference/JavaScript"><button class="inline">
<a href="/docs/Reference/PHP/VV/include"><button class="inline">
<p>VV::include()</p>
<?= VV::embed("public/assets/media/icons/chevron.svg") ?>
</button></a>

14
public/index.php
View file

@ -15,14 +15,14 @@
<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>
<p>Load the shell of your website once and soft-navigate between pages on the same host. Vegvisir will handle that automatically for you without any additional attributes, just use normal anchor tags.</p>
<div class="buttons">
<a href="/features"><button class="inline solid">
<p>more info</p>
<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>
<p>Reference</p>
<?= VV::embed("public/assets/media/icons/chevron.svg") ?>
</button></a>
</div>
@ -34,14 +34,14 @@
<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>
<p>Bundle page-specific CSS and JavaScript with your templating markdown. Vegvisir will import and minify CSS and JavaScript on the fly. The compiled result is returned in a single response.</p>
<div class="buttons">
<a href="/docs"><button class="inline solid">
<p>more info</p>
<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>
<p>Example reference</p>
<?= VV::embed("public/assets/media/icons/chevron.svg") ?>
</button></a>
</div>
@ -56,7 +56,7 @@
<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>
<p>Source code</p>
<?= VV::embed("public/assets/media/icons/chevron.svg") ?>
</button></a>
</div>

6
public/shell.php
View file

@ -3,7 +3,7 @@
<head>
<meta charset="UTF-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/>
<meta property="og:title" content="Vegvisir"/>
<meta property="og:title" content="Vegvisir - A PHP and JavaScript web framework"/>
<meta property="og:type" content="website"/>
<meta property="og:description" content="A PHP and JavaScript Web Framework that handles navigation and routing, and nothing else."/>
<!--<meta property="og:image" content="https://vlw.se/assets/media/ogp.jpg"/>-->
@ -41,7 +41,7 @@
<style><?= VV::css("public/assets/css/syntax") ?></style>
<style><?= VV::css("public/assets/css/shell") ?></style>
<title>Vegvisir</title>
<title>Vegvisir - A PHP and JavaScript web framework</title>
<link rel="icon" href="/assets/media/logo.svg"/>
</head>
<body>
@ -84,7 +84,7 @@
<?= VV::embed("public/assets/media/icons/codeberg.svg") ?>
</button></a>
<a href="/docs/get-started"><button class="inline solid">
<p>get started</p>
<p>Get Started</p>
<?= VV::embed("public/assets/media/icons/chevron.svg") ?>
</button></a>
</nav>

2
snippets/HTMLCodeDemoElement/index_assets/compiled.html.php
View file

@ -1 +1 @@
<div><div style="top:0px;height:19px;" class="view-line"><span><span class="mtk14">&lt;</span><span class="mtk6">style</span><span class="mtk14">&gt;</span><span class="mtk9">h1</span><span class="mtk3">{</span><span class="mtk10">color</span><span class="mtk3">:</span><span class="mtk12">salmon</span><span class="mtk3">;}</span><span class="mtk9">button</span><span class="mtk3">{</span><span class="mtk10">padding</span><span class="mtk3">:</span><span class="mtk7">10px</span><span class="mtk3">;}</span><span class="mtk14">&lt;/</span><span class="mtk6">style</span><span class="mtk14">&gt;</span></span></div><div style="top: 19px; height: 19px;" class="view-line"><span><span class="mtk1">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="mtk14">&lt;</span><span class="mtk6">section</span><span class="mtk14">&gt;</span></span></div><div style="top: 38px; height: 19px;" class="view-line"><span><span class="mtk1">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="mtk14">&lt;</span><span class="mtk6">h1</span><span class="mtk14">&gt;</span><span class="mtk1">Hello&nbsp;world</span><span class="mtk14">&lt;/</span><span class="mtk6">h1</span><span class="mtk14">&gt;</span></span></div><div style="top: 57px; height: 19px;" class="view-line"><span><span class="mtk1">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="mtk14">&lt;/</span><span class="mtk6">section</span><span class="mtk14">&gt;</span></span></div><div style="top:76px;height:19px;" class="view-line"><span><span class="mtk14">&lt;</span><span class="mtk6">script</span><span class="mtk14">&gt;</span><span class="mtk10">document</span><span class="mtk3">.</span><span class="mtk16">querySelector</span><span class="mtk3">(</span><span class="mtk12">"button"</span><span class="mtk3">).</span><span class="mtk16">addEventListener</span><span class="mtk3">(</span><span class="mtk12">"click"</span><span class="mtk3">,</span><span class="mtk10">event</span><span class="mtk6">=&gt;</span><span class="mtk10">event</span><span class="mtk3">.</span><span class="mtk10">target</span><span class="mtk3">.</span><span class="mtk10">innerText</span><span class="mtk3">=</span><span class="mtk12">"Button&nbsp;clicked!"</span><span class="mtk3">);</span><span class="mtk14">&lt;/</span><span class="mtk6">script</span><span class="mtk14">&gt;</span></span></div></div>
<div><div style="top:0px;height:19px;" class="view-line"><span><span class="mtk14">&lt;</span><span class="mtk6">style</span><span class="mtk14">&gt;</span><span class="mtk9">h1</span><span class="mtk3">{</span><span class="mtk10">color</span><span class="mtk3">:</span><span class="mtk1 dyn-rule-3-0 colorpicker-color-decoration">&nbsp;</span><span class="mtk12">salmon</span><span class="mtk3">;}</span><span class="mtk9">button</span><span class="mtk3">{</span><span class="mtk10">padding</span><span class="mtk3">:</span><span class="mtk7">10px</span><span class="mtk3">;}</span><span class="mtk14">&lt;/</span><span class="mtk6">style</span><span class="mtk14">&gt;</span></span></div><div style="top:19px;height:19px;" class="view-line"><span><span class="mtk14">&lt;</span><span class="mtk6">section</span><span class="mtk14">&gt;&lt;</span><span class="mtk6">h1</span><span class="mtk14">&gt;</span><span class="mtk1">Hello&nbsp;world</span><span class="mtk14">&lt;/</span><span class="mtk6">h1</span><span class="mtk14">&gt;&lt;/</span><span class="mtk6">section</span><span class="mtk14">&gt;</span></span></div><div style="top:38px;height:19px;" class="view-line"><span><span class="mtk14">&lt;</span><span class="mtk6">script</span><span class="mtk14">&gt;</span><span class="mtk10">document</span><span class="mtk3">.</span><span class="mtk16">querySelector</span><span class="mtk3">(</span><span class="mtk12">"button"</span><span class="mtk3">).</span><span class="mtk16">addEventListener</span><span class="mtk3">(</span><span class="mtk12">"click"</span><span class="mtk3">,</span><span class="mtk10">event</span><span class="mtk6">=&gt;</span><span class="mtk10">event</span><span class="mtk3">.</span><span class="mtk10">target</span><span class="mtk3">.</span><span class="mtk10">innerText</span><span class="mtk3">=</span><span class="mtk12">"Button&nbsp;clicked!"</span><span class="mtk3">);</span><span class="mtk14">&lt;/</span><span class="mtk6">script</span><span class="mtk14">&gt;</span></span></div></div>

2
snippets/HTMLCodeDemoElement/index_assets/demo.php.php
View file

@ -1 +1 @@
<div><div style="top:0px;height:19px;" class="view-line"><span><span class="mtk14">&lt;</span><span class="mtk6">style</span><span class="mtk14">&gt;</span><span class="mtk6">&lt;?=</span><span class="mtk3">&nbsp;</span><span class="mtk17">VV</span><span class="mtk3">::</span><span class="mtk16">css</span><span class="mtk3">(</span><span class="mtk12">"demo.css"</span><span class="mtk3">)&nbsp;</span><span class="mtk6">?</span><span class="mtk6">&gt;</span><span class="mtk14">&lt;/</span><span class="mtk6">style</span><span class="mtk14">&gt;</span></span></div><div style="top:19px;height:19px;" class="view-line"><span><span class="mtk1">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="mtk14">&lt;</span><span class="mtk6">section</span><span class="mtk14">&gt;</span></span></div><div style="top:38px;height:19px;" class="view-line"><span><span class="mtk1">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="mtk14">&lt;</span><span class="mtk6">h1</span><span class="mtk14">&gt;</span><span class="mtk1">Hello&nbsp;world</span><span class="mtk14">&lt;/</span><span class="mtk6">h1</span><span class="mtk14">&gt;</span></span></div><div style="top:57px;height:19px;" class="view-line"><span><span class="mtk1">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="mtk14">&lt;/</span><span class="mtk6">section</span><span class="mtk14">&gt;</span></span></div><div style="top:76px;height:19px;" class="view-line"><span><span class="mtk14">&lt;</span><span class="mtk6">script</span><span class="mtk14">&gt;</span><span class="mtk6">&lt;?=</span><span class="mtk3">&nbsp;</span><span class="mtk17">VV</span><span class="mtk3">::</span><span class="mtk16">css</span><span class="mtk3">(</span><span class="mtk12">"demo.js"</span><span class="mtk3">)&nbsp;</span><span class="mtk6">?</span><span class="mtk6">&gt;</span><span class="mtk14">&lt;/</span><span class="mtk6">script</span><span class="mtk14">&gt;</span></span></div></div>
<div><div style="top:0px;height:19px;" class="view-line"><span><span class="mtk14">&lt;</span><span class="mtk6">style</span><span class="mtk14">&gt;</span><span class="mtk6">&lt;?=</span><span class="mtk3">&nbsp;</span><span class="mtk17">VV</span><span class="mtk3">::</span><span class="mtk16">css</span><span class="mtk3">(</span><span class="mtk12">"demo.css"</span><span class="mtk3">)&nbsp;</span><span class="mtk6">?</span><span class="mtk6">&gt;</span><span class="mtk14">&lt;/</span><span class="mtk6">style</span><span class="mtk14">&gt;</span></span></div><div style="top:19px;height:19px;" class="view-line"><span><span class="mtk14">&lt;</span><span class="mtk6">section</span><span class="mtk14">&gt;</span></span></div><div style="top:38px;height:19px;" class="view-line"><span><span class="mtk1">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="mtk14">&lt;</span><span class="mtk6">h1</span><span class="mtk14">&gt;</span><span class="mtk1">Hello&nbsp;world</span><span class="mtk14">&lt;/</span><span class="mtk6">h1</span><span class="mtk14">&gt;</span></span></div><div style="top:57px;height:19px;" class="view-line"><span><span class="mtk14">&lt;/</span><span class="mtk6">section</span><span class="mtk14">&gt;</span></span></div><div style="top:76px;height:19px;" class="view-line"><span><span class="mtk14">&lt;</span><span class="mtk6">script</span><span class="mtk14">&gt;</span><span class="mtk6">&lt;?=</span><span class="mtk3">&nbsp;</span><span class="mtk17">VV</span><span class="mtk3">::</span><span class="mtk16">css</span><span class="mtk3">(</span><span class="mtk12">"demo.js"</span><span class="mtk3">)&nbsp;</span><span class="mtk6">?</span><span class="mtk6">&gt;</span><span class="mtk14">&lt;/</span><span class="mtk6">script</span><span class="mtk14">&gt;</span></span></div></div>