kopia lustrzana https://github.com/hughchen/qr_image
Add links to youtube and github
rodzic
5391bfc2f3
commit
2d8d3b8405
21
index.css
21
index.css
|
@ -11,11 +11,11 @@
|
|||
}
|
||||
|
||||
canvas {
|
||||
padding-left: 0;
|
||||
padding-right: 0;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
display: block;
|
||||
padding-left: 0;
|
||||
padding-right: 0;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.slidecontainer {
|
||||
|
@ -29,8 +29,8 @@ canvas {
|
|||
background: #d3d3d3;
|
||||
outline: none;
|
||||
opacity: 0.7;
|
||||
-webkit-transition: .2s;
|
||||
transition: opacity .2s;
|
||||
-webkit-transition: 0.2s;
|
||||
transition: opacity 0.2s;
|
||||
}
|
||||
|
||||
.slider:hover {
|
||||
|
@ -42,14 +42,14 @@ canvas {
|
|||
appearance: none;
|
||||
width: 25px;
|
||||
height: 25px;
|
||||
background: #04AA6D;
|
||||
background: #04aa6d;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.slider::-moz-range-thumb {
|
||||
width: 25px;
|
||||
height: 25px;
|
||||
background: #04AA6D;
|
||||
background: #04aa6d;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
|
@ -75,4 +75,5 @@ canvas {
|
|||
|
||||
.tooltip:hover .tooltiptext {
|
||||
visibility: visible;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
31
index.html
31
index.html
|
@ -6,7 +6,11 @@
|
|||
rel="stylesheet"
|
||||
href="https://www.w3schools.com/w3css/4/w3.css"
|
||||
/>
|
||||
<link rel="icon" href="./demo.png">
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"
|
||||
/>
|
||||
<link rel="icon" href="./demo.png" />
|
||||
</head>
|
||||
|
||||
<title>qr_image</title>
|
||||
|
@ -19,7 +23,20 @@
|
|||
background.
|
||||
</h2>
|
||||
|
||||
<br />
|
||||
<a
|
||||
href="https://www.youtube.com/watch?v=hA4TKV2Lbx8"
|
||||
target="_blank"
|
||||
><i
|
||||
class="fa fa-youtube-play"
|
||||
style="font-size: 36px; color: red"
|
||||
></i
|
||||
></a>
|
||||
|
||||
<a href="https://github.com/hughchen/qr_image" target="_blank"
|
||||
><i class="fa fa-github" style="font-size: 36px"></i
|
||||
></a>
|
||||
|
||||
<br /><br />
|
||||
|
||||
<label>Image File (optional):</label>
|
||||
<input type="file" id="imageLoader" name="imageLoader" />
|
||||
|
@ -115,8 +132,12 @@
|
|||
|
||||
<br />
|
||||
|
||||
<input type="checkbox" id="whitebackground" name="whitebackground">
|
||||
<label for="whitebackground">White background</label><br>
|
||||
<input
|
||||
type="checkbox"
|
||||
id="whitebackground"
|
||||
name="whitebackground"
|
||||
/>
|
||||
<label for="whitebackground">White background</label><br />
|
||||
|
||||
<br />
|
||||
|
||||
|
@ -143,8 +164,6 @@
|
|||
</button>
|
||||
|
||||
<br /><br />
|
||||
|
||||
<p style="color:#FF0000";>Add youtube video link</p>
|
||||
</div>
|
||||
|
||||
<a id="link"></a>
|
||||
|
|
Ładowanie…
Reference in New Issue