-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
6 lines (6 loc) · 19 KB
/
Copy pathindex.html
File metadata and controls
6 lines (6 loc) · 19 KB
1
2
3
4
5
6
<!doctype html><html lang=zh><head><meta name=google-site-verification content=wXwszAWY1c2ZNboc8hV3j3Vy9J9ZhC2_qMXMkgT0Pkg><meta charset=UTF-8><meta http-equiv=X-UA-Compatible content="IE=edge"><meta name=viewport content="width=device-width,initial-scale=1"><meta name=description content="Use together with Microsoft Edge Read Aloud to listen to large text files."><title>Edge Read Aloud tool</title><link rel=icon type=image/x-icon href=/favicon.svg><link rel=preconnect href=https://fonts.googleapis.com><link rel=preconnect href=https://fonts.gstatic.com crossorigin><link href="https://fonts.googleapis.com/css2?family=Poppins&display=swap" rel=stylesheet><link rel=stylesheet href=styles/index.css><link rel=manifest href=manifest.json><link href=https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css rel=stylesheet integrity=sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3 crossorigin=anonymous></head><body><div id=save-progress-bar-div class="p-0 progress sticky-top" style="height: .2rem; font-size: 0; display: none;"><div id=save-progress-bar class=progress-bar role=progressbar style="width: 0%; transition: width 1.0s ease !important;"></div></div><div aria-hidden=true id=loading-div style="display: none;"><span class=label aria-hidden=true id=loading-word>Loading...</span> <span id=loading-anim></span> <span class=label aria-hidden=true id=loading-status></span></div><div id=lock-div class="overlay-div fadeOutClass" style="opacity: 1;"><div id=unlock-svg class=svg-icon><svg xmlns=http://www.w3.org/2000/svg viewBox="0 0 576 512"><!--! Font Awesome Pro 6.1.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path d="M352 192H384C419.3 192 448 220.7 448 256V448C448 483.3 419.3 512 384 512H64C28.65 512 0 483.3 0 448V256C0 220.7 28.65 192 64 192H288V144C288 64.47 352.5 0 432 0C511.5 0 576 64.47 576 144V192C576 209.7 561.7 224 544 224C526.3 224 512 209.7 512 192V144C512 99.82 476.2 64 432 64C387.8 64 352 99.82 352 144V192z"/></svg></div></div><div aria-hidden=true id=setting-overlay-container><div id=setting-overlay><div id=move-svg class="svg-icon collapsible show"><svg xmlns=http://www.w3.org/2000/svg viewBox="0 0 512 512"><!--! Font Awesome Pro 6.1.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path d="M249.6 392.3l-104 112c-9.094 9.781-26.09 9.781-35.19 0l-103.1-112c-6.484-6.984-8.219-17.17-4.406-25.92S14.45 352 24 352H80V160H24C14.45 160 5.812 154.3 1.999 145.6C-1.813 136.8-.0781 126.7 6.406 119.7l104-112c9.094-9.781 26.09-9.781 35.19 0l104 112c6.484 6.984 8.219 17.17 4.406 25.92C250.2 154.3 241.5 160 232 160H176v192h56c9.547 0 18.19 5.656 22 14.41S256.1 385.3 249.6 392.3z"/></svg></div><div id=search-svg class="svg-icon collapsible show"><svg xmlns=http://www.w3.org/2000/svg viewBox="0 0 512 512"><!--! Font Awesome Pro 6.2.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path d="M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9 0 208S93.1 0 208 0S416 93.1 416 208zM208 352c79.5 0 144-64.5 144-144s-64.5-144-144-144S64 128.5 64 208s64.5 144 144 144z"/></svg></div><div id=setting-svg class="svg-icon collapsible show"><svg xmlns=http://www.w3.org/2000/svg viewBox="0 0 512 512"><!--! Font Awesome Pro 6.1.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path d="M495.9 166.6C499.2 175.2 496.4 184.9 489.6 191.2L446.3 230.6C447.4 238.9 448 247.4 448 256C448 264.6 447.4 273.1 446.3 281.4L489.6 320.8C496.4 327.1 499.2 336.8 495.9 345.4C491.5 357.3 486.2 368.8 480.2 379.7L475.5 387.8C468.9 398.8 461.5 409.2 453.4 419.1C447.4 426.2 437.7 428.7 428.9 425.9L373.2 408.1C359.8 418.4 344.1 427 329.2 433.6L316.7 490.7C314.7 499.7 307.7 506.1 298.5 508.5C284.7 510.8 270.5 512 255.1 512C241.5 512 227.3 510.8 213.5 508.5C204.3 506.1 197.3 499.7 195.3 490.7L182.8 433.6C167 427 152.2 418.4 138.8 408.1L83.14 425.9C74.3 428.7 64.55 426.2 58.63 419.1C50.52 409.2 43.12 398.8 36.52 387.8L31.84 379.7C25.77 368.8 20.49 357.3 16.06 345.4C12.82 336.8 15.55 327.1 22.41 320.8L65.67 281.4C64.57 273.1 64 264.6 64 256C64 247.4 64.57 238.9 65.67 230.6L22.41 191.2C15.55 184.9 12.82 175.3 16.06 166.6C20.49 154.7 25.78 143.2 31.84 132.3L36.51 124.2C43.12 113.2 50.52 102.8 58.63 92.95C64.55 85.8 74.3 83.32 83.14 86.14L138.8 103.9C152.2 93.56 167 84.96 182.8 78.43L195.3 21.33C197.3 12.25 204.3 5.04 213.5 3.51C227.3 1.201 241.5 0 256 0C270.5 0 284.7 1.201 298.5 3.51C307.7 5.04 314.7 12.25 316.7 21.33L329.2 78.43C344.1 84.96 359.8 93.56 373.2 103.9L428.9 86.14C437.7 83.32 447.4 85.8 453.4 92.95C461.5 102.8 468.9 113.2 475.5 124.2L480.2 132.3C486.2 143.2 491.5 154.7 495.9 166.6V166.6zM256 336C300.2 336 336 300.2 336 255.1C336 211.8 300.2 175.1 256 175.1C211.8 175.1 176 211.8 176 255.1C176 300.2 211.8 336 256 336z"/></svg></div><div id=edit-svg class="svg-icon collapsible show"><svg xmlns=http://www.w3.org/2000/svg viewBox="0 0 576 512"><!--! Font Awesome Pro 6.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path d="M575.8 255.5c0 18-15 32.1-32 32.1h-32l.7 160.2c0 2.7-.2 5.4-.5 8.1V472c0 22.1-17.9 40-40 40H456c-1.1 0-2.2 0-3.3-.1c-1.4 .1-2.8 .1-4.2 .1H416 392c-22.1 0-40-17.9-40-40V448 384c0-17.7-14.3-32-32-32H256c-17.7 0-32 14.3-32 32v64 24c0 22.1-17.9 40-40 40H160 128.1c-1.5 0-3-.1-4.5-.2c-1.2 .1-2.4 .2-3.6 .2H104c-22.1 0-40-17.9-40-40V360c0-.9 0-1.9 .1-2.8V287.6H32c-18 0-32-14-32-32.1c0-9 3-17 10-24L266.4 8c7-7 15-8 22-8s15 2 21 7L564.8 231.5c8 7 12 15 11 24z"/></svg></div><div id=save-svg class="svg-icon collapsible show"><svg xmlns=http://www.w3.org/2000/svg viewBox="0 0 448 512"><!--! Font Awesome Pro 6.1.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path d="M433.1 129.1l-83.9-83.9C342.3 38.32 327.1 32 316.1 32H64C28.65 32 0 60.65 0 96v320c0 35.35 28.65 64 64 64h320c35.35 0 64-28.65 64-64V163.9C448 152.9 441.7 137.7 433.1 129.1zM224 416c-35.34 0-64-28.66-64-64s28.66-64 64-64s64 28.66 64 64S259.3 416 224 416zM320 208C320 216.8 312.8 224 304 224h-224C71.16 224 64 216.8 64 208v-96C64 103.2 71.16 96 80 96h224C312.8 96 320 103.2 320 112V208z"/></svg></div><div id=chapter-svg class="svg-icon collapsible show"><svg xmlns=http://www.w3.org/2000/svg viewBox="0 0 448 512"><!--! Font Awesome Pro 6.1.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path d="M0 96C0 78.33 14.33 64 32 64H416C433.7 64 448 78.33 448 96C448 113.7 433.7 128 416 128H32C14.33 128 0 113.7 0 96zM0 256C0 238.3 14.33 224 32 224H416C433.7 224 448 238.3 448 256C448 273.7 433.7 288 416 288H32C14.33 288 0 273.7 0 256zM416 448H32C14.33 448 0 433.7 0 416C0 398.3 14.33 384 32 384H416C433.7 384 448 398.3 448 416C448 433.7 433.7 448 416 448z"/></svg></div><div id=lock-svg class="svg-icon collapsible show"><svg xmlns=http://www.w3.org/2000/svg viewBox="0 0 448 512"><!--! Font Awesome Pro 6.1.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path d="M80 192V144C80 64.47 144.5 0 224 0C303.5 0 368 64.47 368 144V192H384C419.3 192 448 220.7 448 256V448C448 483.3 419.3 512 384 512H64C28.65 512 0 483.3 0 448V256C0 220.7 28.65 192 64 192H80zM144 192H304V144C304 99.82 268.2 64 224 64C179.8 64 144 99.82 144 144V192z"/></svg></div><div id=collapse-svg class="svg-icon collapsible show"><svg class=arrow-svg xmlns=http://www.w3.org/2000/svg viewBox="0 0 256 512"><!--! Font Awesome Pro 6.1.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path d="M64 448c-8.188 0-16.38-3.125-22.62-9.375c-12.5-12.5-12.5-32.75 0-45.25L178.8 256L41.38 118.6c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0l160 160c12.5 12.5 12.5 32.75 0 45.25l-160 160C80.38 444.9 72.19 448 64 448z"/></svg></div><div id=expand-svg class="svg-icon hide"><svg class=arrow-svg xmlns=http://www.w3.org/2000/svg viewBox="0 0 256 512"><!--! Font Awesome Pro 6.1.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path d="M192 448c-8.188 0-16.38-3.125-22.62-9.375l-160-160c-12.5-12.5-12.5-32.75 0-45.25l160-160c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25L77.25 256l137.4 137.4c12.5 12.5 12.5 32.75 0 45.25C208.4 444.9 200.2 448 192 448z"/></svg></div></div></div><div aria-hidden=false id=container></div><div aria-hidden=true id=input-div class=overlay-div><div id=btn-div><div id=book-list-div class="row align-items-center flex-grow-1 m-2" style="height: 70vh; overflow-x: hidden; overflow-y: auto;"><div id=book-list></div></div><div id=footer-div class=justify-content-end><div class=row><label id=custom-file-upload class="label col-10"><input type=file value="Upload text file" id=btn-upload accept=text/plain>Choose File</label> <select name=language id=language class="form-control text-center col-2" style="width: auto; flex-grow: 1;"><option value=zh>ZH</option><option value=en>EN</option></select></div><div style="display: flex; align-items: center;"><input id=input-hash placeholder="Navigate to line by hash" class=form-control style="flex: 1;"> <button class=form-control id=btn-hash style="height: 100%; flex: 0;">></button></div><div class="form-control h-auto p-2 user-select-none" align=center style="font-size: small;">Edge Read Aloud Tool<br>Use together with Microsoft Edge Read Aloud to listen to large text files.<br><a class=link-light target=_blank href=https://raw.githubusercontent.com/EdgeReadAloud/EdgeReadAloud.github.io/main/privacy-policy.md>Privacy Policy</a> • <a class=link-light target=_blank href=https://raw.githubusercontent.com/EdgeReadAloud/EdgeReadAloud.github.io/main/terms-of-use.md>Terms of Use</a></div></div></div></div><div aria-hidden=true id=chapter-div class=overlay-div><label for=seperator class="label h4 m-3" style="display: flex; align-items: flex-end;">Chapter</label><div class="position-sticky top-0"><div class="row d-flex"><input id=seperator value="" placeholder="Enter chapter title regex" class="form-control h-auto" style="flex: 3;"> <select name=common-pattern id=common-pattern class="form-control h-auto text-center" style="flex: 1;"><option value="" selected=selected disabled=disabled hidden>Select common regex</option></select></div><button class="form-control h-auto" id=btn-seperator>Get chapter list</button></div><div class="label col-12 text-center" id=chapter-count aria-hidden=true></div><div id=chapter-list></div><div class=col-12 style="height: 10rem; position: sticky; bottom: 0"><span aria-hidden=true class="label btn btn-primary w-100" id=chapter-div-close-btn>Close</span></div></div><div aria-hidden=true id=setting-div class=overlay-div><div class="row mt-2"><div class="col-6 d-flex justify-content-end align-items-center"><div aria-hidden=true class=label>Last sync</div></div><div class=col-6><div aria-hidden=true class="label timeago" id=last-sync></div></div></div><div class="row mt-2"><div class="col-6 d-flex justify-content-end align-items-center"><div aria-hidden=true class=label>Rate limit</div></div><div class=col-6><div aria-hidden=true class=label id=rate-limit>-</div></div></div><div class="row mt-2"><div class="col-6 d-flex justify-content-end align-items-center"><div aria-hidden=true class=label>Rate limit refresh</div></div><div class=col-6><div aria-hidden=true class="label timeago" id=refresh-datetime>-</div></div></div><div class="row form-control-div mt-4"><div class="col-6 d-flex justify-content-end align-items-center"><label aria-hidden=true id=label-font-size for=font-size class="label h4">General</label></div><div class=col-6></div><hr style="color: white; margin: .3rem;"></div><div class="row form-control-div"><div class="col-6 d-flex justify-content-end align-items-center"><label aria-hidden=true for=theme class=label>Theme</label></div><div class=col-6><select aria-hidden=true name=theme id=theme class=form-control><option aria-hidden=true value=light>Light</option><option aria-hidden=true value=dark>Dark</option><option aria-hidden=true value=book>Book</option><option aria-hidden=true value=vs>VS</option></select></div></div><div class="row form-control-div"><div class="col-6 d-flex justify-content-end align-items-center"><label aria-hidden=true for=auto-scroll class=label>Auto Scroll</label></div><div class=col-6><select name=auto-scroll id=auto-scroll class=form-control><option aria-hidden=true value=nearest>Nearest</option><option aria-hidden=true value=center>Center</option><option aria-hidden=true value=start>Start</option><option aria-hidden=true value=end>End</option></select></div></div><div class="row form-control-div"><div class="col-6 d-flex justify-content-end align-items-center"><label aria-hidden=true id=label-font-size for=font-size class=label>Font Size</label></div><div class=col-6><input type=range min=12 max=60 name=font-size id=font-size></div></div><div class="row form-control-div"><div class="col-6 d-flex justify-content-end align-items-center"><label aria-hidden=true id=label-auto-save-when-stop-interval for=auto-save-when-stop-interval class=label>Auto save when stop reading after</label></div><div class=col-6><div class=input-group><input type=number name=auto-save-when-stop-interval id=auto-save-when-stop-interval class=form-control> <span class=input-group-text>second(s)</span></div></div></div><div class="row form-control-div"><div class="col-6 d-flex justify-content-end align-items-center"><label aria-hidden=true id=label-auto-open-last-file for=auto-open-last-file class=label>Auto open last file</label></div><div class=col-6><input class=form-check-input type=checkbox value="" name=auto-open-last-file id=auto-open-last-file checked=checked></div></div><div class="row form-control-div mt-4"><div class="col-6 d-flex justify-content-end align-items-center"><label aria-hidden=true id=label-font-size for=font-size class="label h4">GitHub</label></div><div class=col-6></div><hr style="color: white; margin: .3rem;"></div><div class="row form-control-div"><div class="col-6 d-flex justify-content-end align-items-center"><label aria-hidden=true id=label-gist-id for=gist-id class=label>Repository path</label></div><div class=col-6><input name=gist-id id=gist-id class=form-control placeholder="<Username>/<Repository name>"></div></div><div class="row form-control-div"><div class="col-6 d-flex justify-content-end align-items-center"><label aria-hidden=true id=label-gist-personal-access-token for=gist-personal-access-token class=label>Personal Access Token</label></div><div class=col-6><input name=gist-personal-access-token id=gist-personal-access-token class=form-control placeholder=github_pat_......></div></div><div class="row form-control-div"><div class="col-6 d-flex justify-content-end align-items-center"><label aria-hidden=true id=label-gist-file-name for=gist-file-name class=label>File Name</label></div><div class=col-6><input name=gist-file-name id=gist-file-name class=form-control></div></div><div class="row form-control-div"><div class="col-6 d-flex justify-content-end align-items-center"><label aria-hidden=true id=label-gist-setting-file-name for=gist-setting-file-name class=label>Setting File Name</label></div><div class=col-6><input name=gist-setting-file-name id=gist-setting-file-name class=form-control></div></div><div class="row form-control-div"><div class="col-6 d-flex justify-content-end align-items-center"><label aria-hidden=true id=label-regex-file-name for=regex-file-name class=label>Regex File Name</label></div><div class=col-6><input name=regex-file-name id=regex-file-name class=form-control></div></div><div class="row form-control-div mt-4"><div class="col-6 d-flex justify-content-end align-items-center"><label aria-hidden=true id=label-font-size for=font-size class="label h4">Advance</label></div><div class=col-6></div><hr style="color: white; margin: .3rem;"></div><div class="row form-control-div"><div class="col-6 d-flex justify-content-end align-items-end"><label aria-hidden=true id=label-remove-words for=remove-words class=label>Remove Words (can't ignore comma right now)</label> <button id=remove-words-btn class="btn btn-success">+</button></div><div class=col-6 id=remove-words-input-div><input name=remove-words-1 id=remove-words-1 class=form-control></div></div><div class=col-12 style="height: 10rem; position: sticky; bottom: 0"><span aria-hidden=true class="label btn btn-primary w-100" id=setting-div-close-btn>Close</span></div></div><div aria-hidden=true id=search-div class=overlay-div><div class="position-sticky top-0"><input id=search-input value="" placeholder="Search regex..." class="form-control h-auto"> <button class="form-control h-auto" id=btn-search>Search</button></div><div class="label col-12 text-center" id=search-count aria-hidden=true></div><div id=search-result></div><div class=col-12 style="height: 10rem; position: sticky; bottom: 0"><span aria-hidden=true class="label btn btn-primary w-100" id=search-div-close-btn>Close</span></div></div><div id=snackbar class=d-flex aria-hidden=true><div class=flex-grow-1><div class="row mb-2"><div id=snackbar-message></div></div><div class=row><div id=do-not-show-btn class="btn btn-outline-primary">Do not show again</div><div class="p-0 progress" style="height: .2rem; font-size: 0;"><div id=progress-bar class=progress-bar role=progressbar style="width: 100%; transition: width .3s ease !important;"></div></div></div></div><div class="h-auto ps-4" id=snackbar-close-btn><div class="d-flex align-items-center btn btn-danger h-100"><span style="font-family: cursive;">x</span></div></div></div><div aria-hidden=true id=update-refresh-div class="justify-content-center align-items-center"><div class="row form-control-div"><div class=col-12><label aria-hidden=true id=refresh-label class=label>New version detected, please refresh</label></div></div><div class="row form-control-div"><div class=col-12><button aria-hidden=true class="label btn btn-primary" id=refresh-btn>Refresh</button></div></div></div><script src=scripts/bundle.js></script><script src=https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js integrity=sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p crossorigin=anonymous></script><script>if ('serviceWorker' in navigator) {
navigator.serviceWorker.register('service-worker.js');
navigator.serviceWorker.addEventListener('controllerchange', () => {
window.updateService.promptRefresh();
});;
}</script><template id=book-list-template><div class="d-flex btn btn-outline-light form-control mb-2"><span class="label flex-fill overflow-auto"></span><div class="d-flex align-items-center btn btn-danger delete-book"><span style="font-family: cursive;">x</span></div></div></template></body></html>