Better prerender

This commit is contained in:
Shuqi 2024-10-27 05:17:11 +08:00
parent 0bd3a6553d
commit 39b1a44c92

View File

@ -18,7 +18,7 @@ $files = array_map(function ($file) {
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta property="og:title" content="Pixel Icons" />
<meta property="og:url" content="https://sqkhor.com/pixel-icons/" />
<meta property="og:image" content="https://sqkhor.com/pixel-icons/cover.png" />
<meta property="og:image" content="https://sqkhor.com/pixel-icons/cover3.png" />
<meta property="og:description" content="This is a set of over 200 SVG icons made with a 9x9 pixel grid. Feel free to use them as you please." />
<title>Pixel Icons</title>
<meta name="description" content="This is a set of over 200 SVG icons made with a 9x9 pixel grid. Feel free to use them as you please." />
@ -57,13 +57,18 @@ $files = array_map(function ($file) {
<p>To download, please click the icons you want, or click the [Download All] button above.</p>
</div>
<div id="root">
<ul class="icon-list show-name">
<div class="pixel-input">
<input type='text' id='search' placeholder="Search an icon — try 'animal', 'fruit', 'logo', 'ui' or 'red'" autoComplete='no' />
</div>
<div id='display-options'>
<input type="checkbox" name="checkShowName" id='checkShowName' />
<label htmlFor="checkShowName">Display icon names</label>
</div>
<ul class="icon-list">
<?php foreach ($files as $file): ?>
<li>
<a href="https://sqkhor.com/pixel-icons/<?= $file ?>" target="_blank">
<img class="icon" src="./icons/<?= $file ?>.svg" alt="<?= $file ?>">
<div className='name'><?= $file ?></div>
</a>
<a href="https://sqkhor.com/pixel-icons/<?= $file ?>"><img class='icon' src="./icons/<?= $file ?>.svg"></a>
<div class="name"><?= $file ?></div>
</li>
<?php endforeach ?>
</ul>