From 39b1a44c92c5147b28459eebf612227b50f87ff9 Mon Sep 17 00:00:00 2001
From: Shuqi <shuqi@odonatabooks.com>
Date: Sun, 27 Oct 2024 05:17:11 +0800
Subject: [PATCH] Better prerender

---
 php/index.php | 21 +++++++++++++--------
 1 file changed, 13 insertions(+), 8 deletions(-)

diff --git a/php/index.php b/php/index.php
index 54e328c..c428eee 100644
--- a/php/index.php
+++ b/php/index.php
@@ -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,14 +57,19 @@ $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>
-							</li>
+						<li>
+							<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>
 			</div>