undelete the desc of the searcher... oops

4 files changed, 47 insertions, 2 deletions

diff --git a/grapher/script.js b/grapher/script.js
index 6057220..807a88d 100644
--- a/grapher/script.js
+++ b/grapher/script.js
@@ -55,7 +55,7 @@ function renderCurveBetweenPorts(outx, outy, inx, iny) {
 	ctx.bezierCurveTo(cp1x, outy, cp2x, iny, inx, iny);
 	ctx.moveTo(outx,outy);
 	ctx.closePath();
-	ctx.lineWidth = 5;
+	ctx.lineWidth = 3;
 	ctx.stroke();
 }
 
@@ -263,7 +263,7 @@ window.onload = async function() {
 			for (const point of [wire.o, wire.i]) {
 				if (point instanceof Element) {
 					let rects = point.getClientRects()[0];
-					points.push(point == wire.i ? rects.left - remtopx(2) : rects.right + remtopx(1.5));
+					points.push(point == wire.i ? rects.left - remtopx(1.5) : rects.right + remtopx(1.1));
 					points.push((rects.top + rects.bottom) / 2);
 				} else {
 					points.push(point.x);
diff --git a/grapher/style.css b/grapher/style.css
index 793d213..650faba 100644
--- a/grapher/style.css
+++ b/grapher/style.css
@@ -28,6 +28,7 @@ body {
 	"searcher graph";
 	grid-column-gap: 0;
 	grid-row-gap: 0;
+	--chip-scale: 1.5rem !important;
 }
 
 iframe#searcher {
diff --git a/index.html b/index.html
index 5ec2753..82fa43f 100644
--- a/index.html
+++ b/index.html
@@ -100,6 +100,48 @@
 				<p class="tab">text for button 3</p>
 				<input type="radio" name="test" class="selecttab"/>
 				<p class="tab">text for button 4</p>-->
+				<h2>The Basics</h2>
+				<hr/>
+				<p>The chip searcher is a simple program.
+					To get started, simply type the name of the chip you'd like to know about into the top box.
+					By default, the searcher will automatically refresh the results as you type.</p>
+				<h4>Different types of chips</h4>
+				<ul>
+					<li><b>Beta Chips</b> are indicated by a β symbol.</li>
+					<li><b>Soon-to-be deprecated Chips</b> are indicated by yellow text, as well as a warning.</li>
+					<li><b>Deprecated Chips</b> are indicated by red text, as well as a warning.</li>
+				</ul>
+				<p>Neither form of deprecated chip will display by default.</p>
+				<h2>Options</h2>
+				<hr/>
+				<p>The chip searcher supports the following configuration
+					options, contained in the fold-out menu below the search bar.</p>
+				<h4>Toggles</h4>
+				<hr/>
+				<ul>
+					<li><b>Auto Refresh</b>: Automatically update search results as you type.
+					When disabled, hit <kbd>Enter</kbd> to refresh.</li>
+					<li><b>Show Beta Chips</b>: When enabled, beta chips will be included in the search.</li>
+					<li><b>Show Deprecated Chips</b>: When enabled, deprecated chips will be included in the search.</li>
+					<li><b>Enable Filter Suggestions</b>: When enabled, filters will be displayed as autocomplete options.</li>
+				</ul>
+				<h4>Fuzzy Finder</h4>
+				<hr/>
+				<ul>
+					<li><b>Exact Match</b>: What is typed must appear identically in the results.</li>
+					<li><b>Small Typos</b>: Small errors are ignored, though larger ones will still affect the results.</li>
+					<li><b>Loose Match</b>: Really only useful if you can't spell.</li>
+				</ul>
+				<h4>Search By</h4>
+				<hr/>
+				<ul>
+					<li><b>Name</b>: Search for what is typed in the chip name.</li>
+					<li><b>Description</b>: Search for what is typed in the chip description</li>
+				</ul>
+				<h4>Items Per Page</h4>
+				<hr/>
+				<p>Configures the number of items that will appear in each page. Defaults to 12.</p>
+			</div>
 		</details>
   </body>
 </html>
\ No newline at end of file
diff --git a/style.css b/style.css
index 9cbd04f..d45a04a 100644
--- a/style.css
+++ b/style.css
@@ -1,5 +1,7 @@
 @import url('https://fonts.googleapis.com/css2?family=Raleway&display=swap');
 
+body {
+}
 html {
 	--foreforeground: #3788ae;
 	--foreground: #082f41;