<html>
<head>
 <link rel="stylesheet" href="/static/style.css">
</head>
<script>
    function copyToClipboard() {
        // Copy the text inside the text field
        navigator.clipboard.writeText("https://" + {{.ShortLink}});

        // Alert the copied text
        alert("Copied the text: " + copyText.value);
    }
</script>
<body>
<ul>
  <li><a href="/">Hjem</a></li>
  <li><a href="/stats">Statistikker</a></li>
  <li><a href="/about">Omkring</a></li>
</ul>
<h1> Link forkortet </h1>
<br>
  <div class="main">
    <p>Dit link: <a href="{{.LongLink}}">{{.LongLink}}</a></p>
    <p>Er blevet forkortet</p>
    <p>Kort link: <a href="{{.ShortLink}}">{{.ShortLink}} </a><a onclick="copyToClipboard()" href="javascript:void(0);"><svg width="20px" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><!-- Font Awesome Pro 5.15.4 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) --><path d="M384 112v352c0 26.51-21.49 48-48 48H48c-26.51 0-48-21.49-48-48V112c0-26.51 21.49-48 48-48h80c0-35.29 28.71-64 64-64s64 28.71 64 64h80c26.51 0 48 21.49 48 48zM192 40c-13.255 0-24 10.745-24 24s10.745 24 24 24 24-10.745 24-24-10.745-24-24-24m96 114v-20a6 6 0 0 0-6-6H102a6 6 0 0 0-6 6v20a6 6 0 0 0 6 6h180a6 6 0 0 0 6-6z"/></svg></a></p>
  </div>
</body>
</html>
