aboutsummaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
-rw-r--r--grapher/script.js4
-rw-r--r--grapher/style.css1
-rw-r--r--index.html42
-rw-r--r--style.css2
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;