Added share button
This commit is contained in:
parent
b5f857edf5
commit
98a9f281d2
3 changed files with 131 additions and 0 deletions
|
@ -18,5 +18,31 @@
|
|||
</head>
|
||||
<body>
|
||||
<div id="videos"></div>
|
||||
<button id="share">
|
||||
<svg
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
width="16"
|
||||
height="16"
|
||||
fill="currentColor"
|
||||
class="bi bi-share"
|
||||
viewBox="0 0 16 16"
|
||||
>
|
||||
<path
|
||||
d="M13.5 1a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3zM11 2.5a2.5 2.5 0 1 1 .603 1.628l-6.718 3.12a2.499 2.499 0 0 1 0 1.504l6.718 3.12a2.5 2.5 0 1 1-.488.876l-6.718-3.12a2.5 2.5 0 1 1 0-3.256l6.718-3.12A2.5 2.5 0 0 1 11 2.5zm-8.5 4a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3zm11 5.5a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3z"
|
||||
/>
|
||||
</svg>
|
||||
</button>
|
||||
<div id="popup" class="dismissed">
|
||||
<h1 class="medium-header">Share</h1>
|
||||
<hr />
|
||||
<div class="input-group">
|
||||
<input type="text" id="href" readonly class="input-field" />
|
||||
<button class="input-item" id="copy">Copy</button>
|
||||
</div>
|
||||
|
||||
<span id="is-copied">Copied to clipboard</span>
|
||||
|
||||
<button id="close">✕</button>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
Reference in a new issue