-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathsettings.html
More file actions
1 lines (1 loc) · 6.47 KB
/
Copy pathsettings.html
File metadata and controls
1 lines (1 loc) · 6.47 KB
1
<!DOCTYPE html><html><head><title>Settings | Hoverify</title><link rel="stylesheet" type="text/css" href="css/fonts.css"><link rel="stylesheet" type="text/css" href="css/global.css"><link rel="stylesheet" type="text/css" href="css/settings.css"></head><body class="hbg-dark-800"><header><div class="container"><div class="brand"><img src="assets/icon48.png"><h1>Settings</h1></div><a href="https://headwayapp.co/tryhoverify-changelog" target="__blank"><span>What's new</span></a> <button id="apply" class="hbg-blue-600"><div class="loader"><div></div><div></div><div></div><div></div></div><span>Apply</span></button></div></header><div class="container"><h2>Tools</h2><div class="box hbr hbg-dark-700"><ul><li><h3>Enable tools to show in the menu</h3><div class="intend"><div class="checkbox" id="tools_inspector"><div class="checkmark"></div><div class="check-info"><span class="check-title">Inspector</span></div></div><div class="checkbox" id="tools_color_eyedropper"><div class="checkmark"></div><div class="check-info"><span class="check-title">Color Eyedropper</span></div></div><div class="checkbox" id="tools_assets"><div class="checkmark"></div><div class="check-info"><span class="check-title">Assets</span></div></div><div class="checkbox" id="tools_responsive"><div class="checkmark"></div><div class="check-info"><span class="check-title">Responsive</span></div></div><div class="checkbox" id="tools_debug"><div class="checkmark"></div><div class="check-info"><span class="check-title">Debug</span></div></div><div class="checkbox" id="tools_built_with"><div class="checkmark"></div><div class="check-info"><span class="check-title">Built With</span></div></div><div class="checkbox" id="tools_screenshot"><div class="checkmark"></div><div class="check-info"><span class="check-title">Screenshot</span></div></div></div></li><li><div class="parallel"><h3>Shortcuts</h3><div class="toggle" active="false" id="shortcuts"><div class="knob"></div></div></div></li><li id="open_shortcuts"><div class="parallel"><h3>Change Shortcuts</h3><svg viewBox="0 0 24 24" width="24" height="24" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round"><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path><polyline points="15 3 21 3 21 9"></polyline><line x1="10" y1="14" x2="21" y2="3"></line></svg></div></li></ul></div><h2>Inspector</h2><div class="box hbr hbg-dark-700"><ul><li style="display: none"><div class="parallel"><h3>Default mode</h3><select class="hbg-dark-800 hbr" id="mode"><option>Computed</option><option>Selector</option></select></div></li><li><h3>View</h3><div class="intend"><div class="checkbox" id="view_pseudo"><div class="checkmark"></div><div class="check-info"><span class="check-title">Pseudo elements and classes</span></div></div><div class="checkbox" id="view_html_attribs"><div class="checkmark"></div><div class="check-info"><span class="check-title">HTML attributes</span></div></div><div class="checkbox" id="view_media"><div class="checkmark"></div><div class="check-info"><span class="check-title">Media queries</span></div></div><div class="checkbox" id="view_animations"><div class="checkmark"></div><div class="check-info"><span class="check-title">Keyframe animations</span></div></div></div></li><li><h3>Copy</h3><div class="intend"><div class="checkbox" id="copy_pseudo"><div class="checkmark"></div><div class="check-info"><span class="check-title">Pseudo elements and classes</span></div></div><div class="checkbox" id="copy_outer_html"><div class="checkmark"></div><div class="check-info"><span class="check-title">Outer html</span></div></div><div class="checkbox" id="copy_inner_html"><div class="checkmark"></div><div class="check-info"><span class="check-title">Outer with inner html</span></div></div><div class="checkbox" id="copy_media"><div class="checkmark"></div><div class="check-info"><span class="check-title">Media queries</span></div></div><div class="checkbox" id="copy_animations"><div class="checkmark"></div><div class="check-info"><span class="check-title">Keyframe animations</span></div></div></div></li><li style="display: none"><div class="parallel"><h3>Persist hidden or removed elements</h3><div class="toggle" active="false" id="trash_persist_changes"><div class="knob"></div></div></div></li><li><div class="parallel"><h3>Hot reload</h3><div class="toggle" active="false" id="hot_reload"><div class="knob"></div></div></div></li><li><div class="parallel"><h3>Inject in IFrames</h3><div class="toggle" active="false" id="inject_iframes"><div class="knob"></div></div></div></li></ul></div><h2>Color Eyedropper</h2><div class="box hbr hbg-dark-700"><ul><li><div class="parallel"><h3>Zoom</h3><input type="text" id="zoom" class="hbg-dark-800 hbr" value="5" maxlength="2"></div></li></ul></div><h2>Assets</h2><div class="box hbr hbg-dark-700"><ul><li><div class="parallel"><h3>Sort by</h3><select id="sort_by" class="hbg-dark-800 hbr"><option>None</option><option>Name</option><option>Size</option></select></div></li></ul></div><h2>Activation</h2><div class="box hbr hbg-dark-700"><ul><li><div class="parallel"><h3>Device Name</h3><input type="text" id="device_name" class="hbg-dark-800 hbr" value="" maxlength="20" placeholder="work_macbook"></div></li><a href="https://rear.tryhoverify.com/dashboard" target="__blank"><li><div class="parallel"><h3>License Manager</h3><svg viewBox="0 0 24 24" width="24" height="24" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round"><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path><polyline points="15 3 21 3 21 9"></polyline><line x1="10" y1="14" x2="21" y2="3"></line></svg></div></li></a><li><button id="deactivate" class="hbg-red-500"><div class="loader"><div></div><div></div><div></div><div></div></div><span>Deactivate</span></button></li></ul></div><div class="box hbr hbg-dark-700"><div class="parallel" style="margin-top: 2rem; padding: 1rem;"><span class="message">Please import settings from a trusted source only.</span><div class="space"></div><button id="import_settings" class="hbg-purple-500" style="width: 150px"><div class="loader"><div></div><div></div><div></div><div></div></div><span>Import settings</span></button> <button id="export_settings" class="hbg-blue-500" style="width: 150px; margin-left: 1rem;"><div class="loader"><div></div><div></div><div></div><div></div></div><span>Export settings</span></button></div></div><div class="version" id="version">Version</div></div></body><script type="text/javascript" src="js/settings/settings.js"></script></html>