university/Imagine
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

feat: favicon

Browse source
This commit is contained in:
Orangerot 2024-12-12 01:18:48 +01:00
parent 313142d111
commit fc98bdd183
2 changed files with 12 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

BIN
favicon.ico Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 766 B

19
index.html
View file

@ -3,6 +3,7 @@
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" type="image/x-icon" href="favicon.ico">
<script src="main.js"></script> <script src="main.js"></script>
<link rel="stylesheet" href="lib/bulma.min.css"> <link rel="stylesheet" href="lib/bulma.min.css">
<link rel="stylesheet" href="lib/bulma-slider.css"> <link rel="stylesheet" href="lib/bulma-slider.css">
@ -16,9 +17,13 @@
<div class="column"> <div class="column">
<div class="hero is-fullheight" style="min-height: 100dvh;"> <div class="hero is-fullheight" style="min-height: 100dvh;">
<div class="hero-body"> <div class="hero-body">
<div class="container"> <div class="container" >
<canvas id="myCanvas" class="is-visible-editor" width="300" height="300"></canvas> <canvas id="myCanvas" class="is-visible-editor" width="300" height="300"></canvas>
<video id="video" class="is-visible-camera" width="300" height="300"></video> <video id="video" class="is-visible-camera" width="300" height="300"></video>
<div class="container has-text-centered mb-6 is-visible-import">
<h1 class="title is-1">Imagine</h1>
<h2 class="subtitle is-3">A simple Image Editor</h2>
</div>
<div class="columns is-mobile is-visible-import"> <div class="columns is-mobile is-visible-import">
<div class="column"> <div class="column">
<button id="take-picture" <button id="take-picture"
@ -90,7 +95,7 @@
<input type="range" <input type="range"
id="brightness" id="brightness"
class="brightness slider is-fullwidth is-primary" class="brightness slider is-fullwidth is-primary"
min="0" max="2" value="1" step="0.1"> min="0" max="2" value="1" step="0.05">
</div> </div>
</div> </div>
<div class="field"> <div class="field">
@ -105,7 +110,7 @@
<input type="range" <input type="range"
id="saturate" id="saturate"
class="saturate slider is-fullwidth is-primary" class="saturate slider is-fullwidth is-primary"
min="0" max="2" value="1" step="0.1"> min="0" max="2" value="1" step="0.01">
</div> </div>
</div> </div>
<div class="field"> <div class="field">
@ -120,7 +125,7 @@
<input type="range" <input type="range"
id="contrast" id="contrast"
class="contrast slider is-fullwidth is-primary" class="contrast slider is-fullwidth is-primary"
min="0" max="2" value="1" step="0.1"> min="0" max="2" value="1" step="0.01">
</div> </div>
</div> </div>
@ -181,7 +186,7 @@
<input type="range" <input type="range"
id="brightness" id="brightness"
class="brightness slider is-fullwidth is-primary" class="brightness slider is-fullwidth is-primary"
min="0" max="2" value="1" step="0.1"> min="0" max="2" value="1" step="0.01">
</div> </div>
</div> </div>
<div class="field"> <div class="field">
@ -196,7 +201,7 @@
<input type="range" <input type="range"
id="saturate" id="saturate"
class="saturate slider is-fullwidth is-primary" class="saturate slider is-fullwidth is-primary"
min="0" max="2" value="1" step="0.1"> min="0" max="2" value="1" step="0.01">
</div> </div>
</div> </div>
<div class="field"> <div class="field">
@ -211,7 +216,7 @@
<input type="range" <input type="range"
id="contrast" id="contrast"
class="contrast slider is-fullwidth is-primary" class="contrast slider is-fullwidth is-primary"
min="0" max="2" value="1" step="0.1"> min="0" max="2" value="1" step="0.01">
</div> </div>
</div> </div>