-
Notifications
You must be signed in to change notification settings - Fork 5
/
index.html
1 lines (1 loc) · 6.97 KB
/
index.html
1
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1"><meta name="description" content="A GRUB_INIT_TUNE online tester. Choose from a selection or create your own! - by BreadMaker"><meta name="creator" content="BreadMaker aka CTM"><meta name="keywords" content="grub, grub2, tune, GRUB_INIT_TUNE, online, test"><link rel="icon" type="image/png" href="./img/favicon.png"><title>Grub tune tester v0.7.2</title><link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-Zenh87qX5JnK2Jl0vWa8Ck2rdkQ2Bzep5IDxbcnCeuOxjzrPF/et3URy9Bv1WTRi" crossorigin="anonymous"><link rel="stylesheet" href="./css/main.min.css"></head><body class="bg-dark text-white"><div class="container"><h1 class="text-center pt-4"><samp>GRUB_INIT_TUNE</samp> tester <sup>v0.7.2</sup> <a href="https://github.com/BreadMaker/grub-tune-tester" class="d-block mb-3"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="120" height="20" role="img" aria-label="Fork me: on Github"><title>Fork me: on Github</title><linearGradient id="s" x2="0" y2="100%"><stop offset="0" stop-color="#bbb" stop-opacity=".1"/><stop offset="1" stop-opacity=".1"/></linearGradient><clipPath id="r"><rect width="120" height="20" rx="3" fill="#fff"/></clipPath><g clip-path="url(#r)"><rect width="55" height="20" fill="#555"/><rect x="55" width="65" height="20" fill="#24292d"/><rect width="120" height="20" fill="url(#s)"/></g><g fill="#fff" text-anchor="middle" font-family="Verdana,Geneva,DejaVu Sans,sans-serif" text-rendering="geometricPrecision" font-size="110"><text aria-hidden="true" x="285" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="450">Fork me</text><text x="285" y="140" transform="scale(.1)" fill="#fff" textLength="450">Fork me</text><text aria-hidden="true" x="865" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="550">on Github</text><text x="865" y="140" transform="scale(.1)" fill="#fff" textLength="550">on Github</text></g></svg></a></h1><form id="tune-form"><div class="mb-3"><label for="tune-select" class="form-label">Select a tune</label> <select id="tune-select" name="tune" class="form-select" disabled="disabled"><option selected="selected">Loading...</option></select></div><div class="mb-3"><label for="tune-input" class="form-label"><samp>GRUB_INIT_TUNE</samp> line</label><div class="grow-wrap"><textarea id="tune-input" class="form-control" name="tune-input" readonly="readonly" required placeholder="tempo freq duration [freq duration freq duration...]" rows="1" aria-describedby="tune-input-help"></textarea></div><div id="tune-input-help" class="form-text">This is the line describing the tune.</div></div><div id="warning-alert" class="alert alert-warning d-none"><svg id="warning-icon" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="me-1" viewBox="0 0 16 16" style="vertical-align:-.125em"><path d="M7.938 2.016A.13.13 0 0 1 8.002 2a.13.13 0 0 1 .063.016.146.146 0 0 1 .054.057l6.857 11.667c.036.06.035.124.002.183a.163.163 0 0 1-.054.06.116.116 0 0 1-.066.017H1.146a.115.115 0 0 1-.066-.017.163.163 0 0 1-.054-.06.176.176 0 0 1 .002-.183L7.884 2.073a.147.147 0 0 1 .054-.057zm1.044-.45a1.13 1.13 0 0 0-1.96 0L.165 13.233c-.457.778.091 1.767.98 1.767h13.713c.889 0 1.438-.99.98-1.767L8.982 1.566z"/><path d="M7.002 12a1 1 0 1 1 2 0 1 1 0 0 1-2 0zM7.1 5.995a.905.905 0 1 1 1.8 0l-.35 3.507a.552.552 0 0 1-1.1 0L7.1 5.995z"/></svg> <span id="warning-alert-message">Input at least one note.</span></div><div id="tune-info" class="alert alert-info"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="me-1" viewBox="0 0 16 16" style="vertical-align:-.125em"><path d="M14 1a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h12zM2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2z"/><path d="m8.93 6.588-2.29.287-.082.38.45.083c.294.07.352.176.288.469l-.738 3.468c-.194.897.105 1.319.808 1.319.545 0 1.178-.252 1.465-.598l.088-.416c-.2.176-.492.246-.686.246-.275 0-.375-.193-.304-.533L8.93 6.588zM9 4.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0z"/></svg> <span id="notes">0</span> notes, <span id="duration">0ms</span></div><button id="play" type="submit" class="btn btn-outline-light mb-1">Play</button> <button id="stop" type="button" class="btn btn-outline-light mb-1 d-none">Stop</button> <button id="copy" type="button" class="btn btn-outline-success mb-1 float-end">Copy</button></form><hr><h2>FAQ</h2><h4>How does this work?</h4><p>A <samp>GRUB_INIT_TUNE</samp> uses the following format:</p><div class="alert alert-dark"><samp>tempo freq duration [freq duration freq duration...]</samp></div><p>Where:</p><dl class="row"><dt><samp>tempo</samp></dt><dd>The base time for all note durations, as beats per minute. <span class="font-monospace">60</span> means 1 second notes. <span class="font-monospace">120</span> means 0.5s notes, etc.</dd><dt><samp>freq</samp></dt><dd>The first part of a note. Indicates its frequency in hertz. <span class="font-monospace">262</span> is a Middle C. <span class="font-monospace">0</span> means silence.<span id="trivia" class="fst-italic" data-bs-toggle="popover" data-bs-html="true" data-bs-custom-class="opacity-75 text-center" data-bs-content="<span class='font-monospace'>1</span> is for the iconic 120 BPM<br><a href='https://youtu.be/zhl-Cs1-sG4'>Giorgio's click</a>">*</span></dd><dt><samp>duration</samp></dt><dd>The second part of a note. Indicates its duration measured in bars. With a tempo of 60, <span class="font-monospace">1</span> means a one second note, <span class="font-monospace">2</span> means a two seconds note.</dd></dl><h4>Why is my screen black while the tune is playing?</h4><p>That's how GRUB is designed, so bear in mind while the tune is playing, booting will be paused. So, prefer short tunes.</p><h4>Why it is so loud!?</h4><p>Tunes will be played on the PC speaker at full volume. There's no way to control this. If your speaker is too loud, a short tune is recommended.</p><p>As a side note, the preview's volume in this page has been adjusted at approximately 10%.</p><hr><p></p><form class="d-inline" action="https://www.paypal.com/donate" method="post" target="_top"><input type="hidden" name="business" value="RPBVSWU9ZRPQU"> <input type="hidden" name="item_name" value="C.T.M. Corp"> <input type="hidden" name="currency_code" value="USD"> If you think this tool deserves it, please consider <button type="submit" class="btn btn-link p-0 align-baseline">giving a tip</button></form>. Every bit helps!<p></p></div><script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-OERcA2EqjJCMA+/3y+gxIOqMEjwtxJY7qPCqsdltbNJuaOe923+mo//f6V8Qbsw3" crossorigin="anonymous"></script><script src="https://unpkg.com/[email protected]/dist/clipboard.min.js" integrity="sha384-Exdl7hU074DIu0FDUo/yWzxSmUwkPA3JUnxKitQvJKlrEJJON8FoNTh8xVJqwEBR" crossorigin="anonymous"></script><script src="./js/main.min.js"></script></body></html>