diff options
| -rw-r--r-- | grapher/script.js | 4 | ||||
| -rw-r--r-- | grapher/style.css | 1 | ||||
| -rw-r--r-- | index.html | 42 | ||||
| -rw-r--r-- | style.css | 2 |
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 { @@ -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 @@ -1,5 +1,7 @@ @import url('https://fonts.googleapis.com/css2?family=Raleway&display=swap'); +body { +} html { --foreforeground: #3788ae; --foreground: #082f41; |