https://fobshippingpoint.github.io/mencrouche/

Scan ID:: ada94a8f-fc65-47fe-af0b-3f5518d9d65aFinished
Submitted URL:: https://fobshippingpoint.github.io/mencroucheRedirected
Report Finished:: Oct 11, 2024, 07:23:03
Links · 0 found

The outgoing links identified from the page
JavaScript Variables · 5 found

Global JavaScript variables loaded on the window object of a page, are variables declared outside of functions and accessible from anywhere in the code within the current scope
Name	Type
onbeforetoggle	object
documentPictureInPicture	object
onscrollend	object
parcelRequire6449	function
mc	object
Console log messages · 4 found

Messages logged to the web console
Type	Category	Log
warning	other	Text Error with Permissions-Policy header: Origin trial controlled feature not enabled: 'interest-cohort'.
log	javascript	URL https://fobshippingpoint.github.io/mencrouche/index.de631c9f.js Text Cannot parse from URL fragment, got error: JSHandle@error
error	network	URL https://mencrouche-r2-worker.mencrouche.workers.dev/5ec9c975-7e6f-4044-a96e-32840e3b4850 Text Failed to load resource: the server responded with a status of 404 ()
error	other	URL https://fobshippingpoint.github.io/mencrouche/index.de631c9f.js Text Failed to get file: Object Not Found
HTML

The raw HTML body of the page
<!DOCTYPE html><html data-theme="light"><head><meta name="generator" content="HTML Tidy for HTML5 for Windows version 5.9.14"><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1"><title>Mencrouche</title><link rel="icon" href="favicon.734f8d5b.ico" sizes="32x32"><link rel="icon" href="icon.c5d1e838.svg" type="image/svg+xml"><link rel="stylesheet" href="index.0e103f42.css"><script type="module" src="index.runtime.9de9b9db.js"></script><script type="module" src="index.de631c9f.js"></script></head><body> <main> <nav id="navbar"> <div id="documentStatus" class="saved"> <button class="pureBtn"> <svg width="24" height="24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-save"><path d="M15.2 3a2 2 0 0 1 1.4.6l3.8 3.8a2 2 0 0 1 .6 1.4V19a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2z"></path><path d="M17 21v-7a1 1 0 0 0-1-1H8a1 1 0 0 0-1 1v7M7 3v4a1 1 0 0 0 1 1h7"></path></svg> </button> <hr> <div></div> <span data-i18n="saved">Saved</span> </div> <div id="addStickyDropdownContainer"> <div> <button class="addMarkdownStickyBtn pureBtn" data-command="add_markdown_sticky"> <svg width="24" height="24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-plus"><path d="M5 12h14M12 5v14"></path></svg> </button> <button class="addOtherStickyBtn pureBtn"> <svg width="16" height="16" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down" viewBox="0 0 24 24"><path d="m6 9 6 6 6-6"></path></svg> </button> </div> <div class="dropdownButtons none shadow"> <button class="pureBtn" data-command="add_youtube_sticky"> <span data-i18n="add_youtube_sticky_btn">YouTube</span> </button> <button class="pureBtn" data-command="add_spotify_sticky"> <span data-i18n="add_spotify_sticky_btn">Spotify</span> </button> </div> </div> <label for="themeToggle" id="darkIcon"><svg width="24" height="24" fill="none" stroke="currentcolor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sun"><circle cx="12" cy="12" r="4"></circle><path d="M12 2v2M12 20v2M4.93 4.93l1.41 1.41M17.66 17.66l1.41 1.41M2 12h2M20 12h2M6.34 17.66l-1.41 1.41M19.07 4.93l-1.41 1.41"></path></svg></label> <label for="themeToggle" id="lightIcon" hidden=""><svg width="24" height="24" fill="none" stroke="currentcolor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-moon"><path d="M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z"></path></svg></label> <input id="themeToggle" hidden="" type="checkbox" data-i18n-for="title" data-i18n="toggle_dark_mode" title="Toggle dark mode"> <button id="settingsBtn" class="pureBtn" data-i18n-for="title" data-i18n="toggle_settings" title="Toggle settings page"> <svg width="24" height="24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-settings"><path d="M12.22 2h-.44a2 2 0 0 0-2 2v.18a2 2 0 0 1-1 1.73l-.43.25a2 2 0 0 1-2 0l-.15-.08a2 2 0 0 0-2.73.73l-.22.38a2 2 0 0 0 .73 2.73l.15.1a2 2 0 0 1 1 1.72v.51a2 2 0 0 1-1 1.74l-.15.09a2 2 0 0 0-.73 2.73l.22.38a2 2 0 0 0 2.73.73l.15-.08a2 2 0 0 1 2 0l.43.25a2 2 0 0 1 1 1.73V20a2 2 0 0 0 2 2h.44a2 2 0 0 0 2-2v-.18a2 2 0 0 1 1-1.73l.43-.25a2 2 0 0 1 2 0l.15.08a2 2 0 0 0 2.73-.73l.22-.39a2 2 0 0 0-.73-2.73l-.15-.08a2 2 0 0 1-1-1.74v-.5a2 2 0 0 1 1-1.74l.15-.09a2 2 0 0 0 .73-2.73l-.22-.38a2 2 0 0 0-2.73-.73l-.15.08a2 2 0 0 1-2 0l-.43-.25a2 2 0 0 1-1-1.73V4a2 2 0 0 0-2-2z"></path><circle cx="12" cy="12" r="3"></circle></svg> </button> </nav> <section class="mainSection"> <div class="stickyContainer"> <div class="alwaysOnTop dock flex padding rounded shadow surface" data-context-menu="dock" data-position="right" data-icon-size="48" data-always-on-top="on" data-show-add-btn="on" data-show-label="on"> <slot></slot> <button class="addBookmarkBtn dockItem rounded"> <svg width="48" height="48" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-plus" viewBox="0 0 24 24"><path d="M5 12h14M12 5v14"></path></svg> </button> </div> </div> <template id="dockBookmark"> <a class="dockBookmark dockItem rounded square" draggable="true"> <img> <p class="text-xs"></p> </a> </template> <template id="youtubeStickyWidgets"> <button class="editLinkBtn pureBtn"> <svg width="20" height="20" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-pencil" viewBox="0 0 24 24"><path d="M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497zM15 5l4 4"></path></svg> </button> <iframe width="100%" height="100%" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen=""></iframe> </template> <template id="spotifyStickyWidgets"> <button class="ghostBtn pureBtn"> <svg width="20" height="20" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-box-select" viewBox="0 0 24 24"><path d="M5 3a2 2 0 0 0-2 2M19 3a2 2 0 0 1 2 2M21 19a2 2 0 0 1-2 2M5 21a2 2 0 0 1-2-2M9 3h1M9 21h1M14 3h1M14 21h1M3 9v1M21 9v1M3 14v1M21 14v1"></path></svg> </button> <button class="editLinkBtn pureBtn"> <svg width="20" height="20" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-pencil" viewBox="0 0 24 24"><path d="M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497zM15 5l4 4"></path></svg> </button> <iframe class="shadow" style="border-radius:12px" width="100%" frameborder="0" allowfullscreen="" allow="autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture" loading="lazy"></iframe> </template> <template id="markdownStickyWidgets"> <label class="editModeToggleLbl"> <svg class="none" width="20" height="20" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497zM15 5l4 4"></path></svg> <svg width="22" height="22" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sticky-note" viewBox="0 0 24 24"><path d="M16 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V8Z"></path><path d="M15 3v4a2 2 0 0 0 2 2h4"></path></svg> <input hidden="" type="checkbox"> </label> <textarea data-i18n="sticky_textarea_start_typing_placeholder" data-i18n-for="placeholder"></textarea> <div class="preview" hidden=""></div> </template> <template id="markdownStickyWidgets"> <label class="editModeToggleLbl"> <svg class="none" width="20" height="20" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497zM15 5l4 4"></path></svg> <svg width="22" height="22" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sticky-note" viewBox="0 0 24 24"><path d="M16 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V8Z"></path><path d="M15 3v4a2 2 0 0 0 2 2h4"></path></svg> <input hidden="" type="checkbox"> </label> <textarea data-i18n="sticky_textarea_start_typing_placeholder" data-i18n-for="placeholder"></textarea> <div class="preview" hidden=""></div> </template> <template id="sticky"> <div class="sticky" tabindex="0"> <div class="stickyShell"> <div class="stickyHeader"> <div class="controls"> <slot></slot> <label class="maximizeToggleLbl"> <svg width="20" height="20" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-maximize-2" viewBox="0 0 24 24"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" x2="14" y1="3" y2="10"></line><line x1="3" x2="10" y1="21" y2="14"></line></svg> <svg class="none" width="20" height="20" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><polyline points="4 14 10 14 10 20"></polyline><polyline points="20 10 14 10 14 4"></polyline><line x1="14" x2="21" y1="10" y2="3"></line><line x1="3" x2="10" y1="21" y2="14"></line></svg> <input hidden="" type="checkbox"> </label> <button class="deleteBtn pureBtn"> <svg width="24" height="24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-x"><path d="M18 6 6 18M6 6l12 12"></path></svg> </button> </div> </div> <div class="stickyBody"></div> </div> <div class="resizeHandle t"></div> <div class="r resizeHandle"></div> <div class="b resizeHandle"></div> <div class="l resizeHandle"></div> <div class="l resizeHandle t"></div> <div class="r resizeHandle t"></div> <div class="b l resizeHandle"></div> <div class="b r resizeHandle"></div> </div> </template> <div id="commandPalette" hidden=""> <input type="search" id="searchInput" data-i18n="command_palette_search_placeholder" data-i18n-for="placeholder" placeholder="Search commands..."> <ul id="commandList"></ul> <template id="commandListItem"> <li> <span></span> <kbd></kbd> </li> </template> </div> <section id="settings" class="none"> <nav> <h2 data-i18n="settings">Settings</h2> <ul> <li> <a href="#langPref" data-i18n="settings_language_section">Language</a> </li> <li> <a href="#appearancePref" data-i18n="settings_appearance_section">Appearance</a> </li> <li> <a href="#storagePref" data-i18n="settings_storage_section">Storage</a> </li> <li> <a href="#shortcutsPref" data-i18n="settings_shortcuts_section">Shortcuts</a> </li> <li> <a href="#advancedPref" data-i18n="settings_advanced_section">Advanced</a> </li> </ul> </nav> <div> <section id="langPref"> <header> <h2 data-i18n="settings_language_section">Language</h2> </header> <select id="langDropdown"></select> </section> <section id="appearancePref"> <header> <h2 data-i18n="settings_appearance_section">Appearance</h2> </header> <label for="uiOpacityInput"> <span data-i18n="ui_opacity">UI Opacity</span> <input id="uiOpacityInput" type="range" name="opacity" value="100" min="10" max="100"> </label> <label> <span data-i18n="palette_hue">Hue</span> <div class="huePreview"> <button id="hueWheel" class="pureBtn round shadow"></button> <div>A</div> <div>a</div> <div>𝛼</div> </div> <button id="setPaletteHueToDefaultBtn" data-i18n="set_to_default_btn">Reset to default</button> </label> <h3 data-i18n="settings_appearance_background_section">Background</h3> <div class="formGroup"> <div class="dropzone"> <p data-i18n="dnd_image_instruction">Drag &amp; drop an image here, or click to select a file</p> <svg width="64" height="64" fill="none" stroke="currentcolor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-image-up" viewBox="0 0 24 24"><path d="M10.3 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v10l-3.1-3.1a2 2 0 0 0-2.814.014L6 21"></path><path d="m14 19.5 3-3 3 3M17 22v-5.5"></path><circle cx="9" cy="9" r="2"></circle></svg> <input type="file" accept="image/*" hidden=""> </div> <label for="backgroundImageUrlInput"> <span data-i18n="background_image_link">Background image URL</span> <input id="backgroundImageUrlInput" data-i18n-for="placeholder" data-i18n="background_image_url_input_placeholder" type="url" placeholder="Paste image URL here"> </label> <button id="setBackgroundImageToDefaultBtn" class="btn" data-i18n="set_to_default_btn">Reset to default</button> </div> </section> <section id="storagePref"> <header> <h2 data-i18n="settings_storage_section">Storage</h2> </header> <div class="formGroupHorizontal"> <button id="importDocumentBtn" class="btn"> <svg width="24" height="24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-folder-open"><path d="m6 14 1.5-2.9A2 2 0 0 1 9.24 10H20a2 2 0 0 1 1.94 2.5l-1.54 6a2 2 0 0 1-1.95 1.5H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h3.9a2 2 0 0 1 1.69.9l.81 1.2a2 2 0 0 0 1.67.9H18a2 2 0 0 1 2 2v2"></path></svg> <span data-i18n="import_document_btn">Import</span> </button> <button id="exportDocumentBtn" class="btn"> <svg width="24" height="24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-folder-down"><path d="M20 20a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.9a2 2 0 0 1-1.69-.9L9.6 3.9A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2ZM12 10v6"></path><path d="m15 13-3 3-3-3"></path></svg> <span data-i18n="export_document_btn">Export</span> </button> <button id="deleteDocumentBtn" class="btn" data-i18n="delete_document_btn" type="reset">Delete</button> </div> <input hidden="" id="importDocumentFileInput" type="file" accept=".json, application/json"> <div class="formGroup"> <label> <input checked="" type="checkbox" name="isCloudSyncEnabled"> <span data-i18n="is_cloud_sync_enabled_checkbox_label">Enable Cloud Sync</span> </label> <label> <span data-i18n="sync_url_input_label">Cloud Sync URL</span> <input type="url" name="syncUrl"> </label>     <button id="shareDataLinkBtn" class="btn"> <svg width="24" height="24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-link"><path d="M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71"></path><path d="M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71"></path></svg> <span data-i18n="share_data_link_btn">Sharing Document</span> </button> </div> </section> <section id="shortcutsPref"> <header> <h2 data-i18n="settings_shortcuts_section">Shortcuts</h2> </header> <div id="shortcutList"></div> <template id="shortcutListItem"> <label> <span></span> <input type="text" disabled=""> <button data-recording="false" class="btn recordBtn"></button> <button type="reset" class="btn resetBtn"></button> </label> </template> </section> <section id="advancedPref"> <header> <h2 data-i18n="settings_advanced_section">Advanced</h2> </header> <details> <summary data-i18n="click_to_expand">Click to Expand</summary> <label for="customJsTextArea"> <span data-i18n="custom_javascript_label">Custom JavaScript Code</span> <div data-i18n="custom_javascript_help" data-i18n-for="data-tooltip" data-tooltip="JavaScript code can be used to extend/modify Mencrouche. For your safety, do not paste code from unknown sources."> <svg width="16" height="16" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-help" viewBox="0 0 24 24"><circle cx="12" cy="12" r="10"></circle><path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3M12 17h.01"></path></svg></div></label> <textarea id="customJsTextArea" data-i18n="custom_javascript_placeholder" data-i18n-for="placeholder" placeholder="Only enter code you trust"></textarea> <label for="customCssTextArea"> <span data-i18n="custom_css_label">Custom CSS</span> <div data-i18n="custom_css_help" data-i18n-for="data-tooltip" data-tooltip="CSS can modify the appearance of the webpage. Pasting CSS from unknown sources may damage the functionality."> <svg width="16" height="16" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-help" viewBox="0 0 24 24"><circle cx="12" cy="12" r="10"></circle><path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3M12 17h.01"></path></svg></div></label> <textarea id="customCssTextArea" data-i18n="custom_css_placeholder" data-i18n-for="placeholder" placeholder="Only enter CSS you trust"></textarea> </details> </section> <hr> <section id="settingsBtnGroup" class="formGroupHorizontal"> <button id="saveSettingsBtn" data-i18n="save_settings_btn" class="btn">Save</button> <button id="saveAndCloseSettingsBtn" data-i18n="save_and_close_settings_btn" class="btn">Save &amp; close</button> <button id="cancelSettingsBtn" data-i18n="cancel_settings_btn" class="btn">Cancel</button> </section> </div> </section> </section> <div id="stickySizeDummy"></div> <div id="contextMenu" class="contextMenu none"></div> <template id="menuItem"> <button class="menuItem pureBtn"> <span></span> </button> </template> </main> <dialog id="bookmarkDialog"> <form> <div class="gaInput"> <label> <span data-i18n="bookmark_href_label">Link</span> <input name="hrefLike" required=""> </label> <label> <span data-i18n="bookmark_label_label">Label</span> <input name="label"> </label> <details> <summary data-i18n="bookmark_more_options">More Options</summary> <div class="grid"> <label> <span data-i18n="bookmark_target_label">Opening Preference</span> <select name="target"> <option selected="" value="_self" data-i18n="open_bookmark_in_current_tab_menu_item">Open in current tab</option> <option value="_blank" data-i18n="open_bookmark_in_add_tab_menu_item">Open in new tab</option> </select> </label> <label> <span data-i18n="bookmark_icon_label">Icon (svg or dataurl)</span> <input name="icon"> </label> </div> </details> </div> <div class="flex-center gaPreview"><a class="dockBookmark dockItem rounded square" draggable="true"> <img> <p class="text-xs"></p> </a></div> <div class="gaButtonGroup"> <button class="btn" type="button" data-i18n="cancel_submit_btn">Cancel</button> <button class="btn" type="submit" data-i18n="submit_btn">Confirm</button> </div> </form> </dialog> <dialog id="dockAppearanceDialog"> <form class="grid"> <label> <span data-i18n="icon_size_input_label">Icon Size</span> <input type="range" name="iconSize" step="16" min="16" max="64" required=""> </label> <label> <input type="checkbox" name="alwaysOnTop"> <span data-i18n="always_on_top_checkbox_label">Always On Top</span> <div data-i18n="always_on_top_help" data-i18n-for="data-tooltip" data-tooltip="Avoid dock cover by stickies."> <svg width="16" height="16" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-help" viewBox="0 0 24 24"><circle cx="12" cy="12" r="10"></circle><path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3M12 17h.01"></path></svg> </div> </label> <label> <input type="checkbox" name="showAddBtn"> <span data-i18n="show_add_bookmark_btn_checkbox_label">Show Add Shortcut Button</span> </label> <label> <input type="checkbox" name="showLabel"> <span data-i18n="show_label_checkbox_label">Show Shortcut Label</span> </label> <div class="grid radioGroup"> <label class="radioOption"> <div class="dummyScreen rounded surface"> <div class="dock-right dummyDock"></div> </div> <input type="radio" name="position" value="right"> <span data-i18n="dock_position_right_radio_label">Dock on Right</span> </label> <label class="radioOption"> <div class="dummyScreen rounded surface"> <div class="dock-bottom dummyDock"></div> </div> <input type="radio" name="position" value="bottom"> <span data-i18n="dock_position_bottom_radio_label">Dock on Bottom</span> </label> <label class="radioOption"> <div class="dummyScreen rounded surface"> <div class="dock-top dummyDock"></div> </div> <input type="radio" name="position" value="top"> <span data-i18n="dock_position_top_radio_label">Dock on Top</span> </label> <label class="radioOption"> <div class="dummyScreen rounded surface"> <div class="dock-left dummyDock"></div> </div> <input type="radio" name="position" value="left"> <span data-i18n="dock_position_left_radio_label">Dock on Left</span> </label> </div> <div class="gaButtonGroup"> <button class="btn" type="button" data-i18n="cancel_submit_btn">Cancel</button> <button class="btn" type="submit" data-i18n="submit_btn">Confirm</button> </div> </form> </dialog> <dialog id="youtubeDialog"> <form class="grid"> <label> <span data-i18n="youtube_link_input_label">YouTube Video Link</span> <input name="link" required=""> </label> <label> <input type="checkbox" name="autoplay" checked=""> <span data-i18n="youtube_autoplay_checkbox_label">Automatically Play Video</span> </label> <input name="videoId" type="hidden"> <div class="gaButtonGroup"> <button class="btn" type="button" data-i18n="cancel_submit_btn">Cancel</button> <button class="btn" type="submit" data-i18n="submit_btn">Confirm</button> </div> </form> </dialog> <dialog id="spotifyDialog"> <form class="grid"> <label> <span data-i18n="spotify_link_input">Spotify Track Link</span> <input type="url" name="link" required=""> </label> <select name="height"> <option selected="" value="152px" data-i18n="spotify_compact_height">Compact (152px)</option> <option value="352px" data-i18n="spotify_normal_height">Normal (352px)</option> </select> <div class="gaButtonGroup"> <button class="btn" type="button" data-i18n="cancel_submit_btn">Cancel</button> <button class="btn" type="submit" data-i18n="submit_btn">Confirm</button> </div> </form> </dialog> <dialog id="generalDialog"> <div class="grid"> <h4 class="dialogTitle"></h4> <p class="dialogMessage"></p> <div class="dialogButtonGroup"></div> </div> </dialog> <slot id="customJsSlot"></slot> </body></html>