|
|
|
@@ -20,8 +20,11 @@ |
|
|
|
<input class="onlystart"type="text" id="overlay-url" placeholder="URL for overlay image"> |
|
|
|
<label class="onlystart">Artist Link (optional)</label> |
|
|
|
<input class="onlystart"type="text" id="artist-url" placeholder="URL for the artist"> |
|
|
|
<p class="onlystart">Once loaded, just adjust the settings and copy the resulting URL!</p> |
|
|
|
<button id="load-button" class="onlystart">Load</button> |
|
|
|
<button id="reset-button" class="nostart large">Reset</button> |
|
|
|
<a id="artist" target="_blank" class="nostart large"><button>Visit artist</button></a> |
|
|
|
<button class="nostart large" id="hide-toolbar">Hide Toolbar</button> |
|
|
|
<label class="nostart large"> |
|
|
|
<span>Radius</span> |
|
|
|
<input type="number" id="radius-input" placeholder="200" value="200"> |
|
|
|
@@ -32,6 +35,16 @@ |
|
|
|
<input type="number" id="softness-input" placeholder="0" value="0"> |
|
|
|
<input type="range" id="softness-slider" min="0" max="100" step="5" value="0"> |
|
|
|
</label> |
|
|
|
<label class="nostart large"> |
|
|
|
<span>Opacity</span> |
|
|
|
<input type="number" id="opacity-input" placeholder="100" value="100"> |
|
|
|
<input type="range" id="opacity-slider" min="0" max="100" step="10" value="100"> |
|
|
|
</label> |
|
|
|
<label class="nostart large"> |
|
|
|
<span>Darkness</span> |
|
|
|
<input type="number" id="darkness-input" placeholder="0" value="0"> |
|
|
|
<input type="range" id="darkness-slider" min="0" max="100" step="10" value="0"> |
|
|
|
</label> |
|
|
|
<button class="nostart large" id="fullscreen-button">Fullscreen</button> |
|
|
|
<label class="nostart large"> |
|
|
|
<span>Border</span> |
|
|
|
@@ -49,18 +62,6 @@ |
|
|
|
<span>Resize to window</span> |
|
|
|
<input type="checkbox" id="fit-screen" checked> |
|
|
|
</label> |
|
|
|
<label class="nostart large"> |
|
|
|
<span>Opacity</span> |
|
|
|
<input type="number" id="opacity-input" placeholder="100" value="100"> |
|
|
|
<input type="range" id="opacity-slider" min="0" max="100" step="10" value="100"> |
|
|
|
</label> |
|
|
|
<label class="nostart large"> |
|
|
|
<span>Darkness</span> |
|
|
|
<input type="number" id="darkness-input" placeholder="0" value="0"> |
|
|
|
<input type="range" id="darkness-slider" min="0" max="100" step="10" value="0"> |
|
|
|
</label> |
|
|
|
<a id="artist" target="_blank" class="nostart large"><button>Visit artist</button></a> |
|
|
|
<button class="nostart large" id="hide-toolbar">Hide Toolbar</button> |
|
|
|
</div> |
|
|
|
<button class="nostart large" id="show-toolbar">Show Toolbar</button> |
|
|
|
|
|
|
|
|
