2020-08-05 11:24:59 +02:00
|
|
|
<div id="image-upload">
|
|
|
|
<form>
|
2020-08-06 23:44:37 +02:00
|
|
|
<label for="image" class="button spaced">
|
|
|
|
Image-Upload (Only Local!)
|
|
|
|
</label>
|
|
|
|
<input type="file" id="image" accept="image/*|video/*">
|
|
|
|
|
2020-08-05 11:24:59 +02:00
|
|
|
<label class="input floating-label">
|
2020-08-06 23:44:37 +02:00
|
|
|
<input type="url" id="url" autocomplete="off" value="$value$">
|
2020-08-05 11:24:59 +02:00
|
|
|
<span class="input-label">URL</span>
|
|
|
|
<span class="focus"></span>
|
|
|
|
</label>
|
|
|
|
|
|
|
|
<p>You only want to change the color? do it!</p>
|
|
|
|
<label class="input floating-label color-picker" for="color">
|
2020-08-06 23:44:37 +02:00
|
|
|
<span class="colorBlob" style="background-color: $bgValue$"></span>
|
2020-08-05 11:24:59 +02:00
|
|
|
<input type="color" id="color" value="$bgValue$">
|
|
|
|
<span class="input-label">Color</span>
|
|
|
|
<span class="focus"></span>
|
|
|
|
</label>
|
|
|
|
|
2020-08-07 19:31:30 +02:00
|
|
|
<label class="input floating-label input-range">
|
2020-08-05 11:24:59 +02:00
|
|
|
<input class="range" type="range" id="alphaValue" min="0" max="1" value="$alphaValue$" step="0.1">
|
|
|
|
<span class="input-label">Alpha</span>
|
2020-08-06 23:44:37 +02:00
|
|
|
<span class="min">0</span>
|
2020-08-07 19:31:30 +02:00
|
|
|
<span class="current">$alphaValue$</span>
|
2020-08-06 23:44:37 +02:00
|
|
|
<span class="max">1</span>
|
2020-08-05 11:24:59 +02:00
|
|
|
</label>
|
|
|
|
</form>
|
|
|
|
</div>
|