https://wiki.tharuniya-lk1.workers.dev/

1<!doctype html>
2<html>
3<head>
4  <meta http-equiv="content-type" content="txt/html; charset=utf-8" />
5  <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
6  <link rel="stylesheet" href="https://gcore.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" integrity="sha256-L/W5Wfqfa0sdBNIKN9cG6QA5F2qx4qICmU2VgLruv9Y=" crossorigin="anonymous">
7  <title>Shorter URL</title>
8  <style>
9    * {
10      margin: 0;
11      padding: 0;
12      cursor: default;
13    }
14    html, body {
15      height: 100%;
16    }
17    body {
18      display: -webkit-box;
19      display: flex;
20      -webkit-box-align: center;
21      align-items: center;
22      -webkit-box-pack: center;
23      justify-content: center;
24      vertical-align: center;
25      flex-wrap: wrap;
26      align-content: center;
27
28      color: #2a2b2c;
29      background-color: #ebedee;
30      overflow: hidden;
31    }
32    .card {
33      background-color: transparent;
34      width: 768px;
35    }
36    .card-text {
37      text-align: center;
38    }
39    .card-text > a {
40      text-decoration: none;
41      color: #007bff;
42    }
43    .card-text > a {
44      cursor: pointer;
45    }
46    .form-control {
47        cursor: auto;
48    }
49    @media (max-width: 769px) {
50      .card {
51        width: 80%;
52      }
53    }
54    @media (max-width: 420px) {
55      .card {
56        width: 95%;
57      }
58    }
59    @media (prefers-color-scheme: dark) { 
60      body {
61        color: #d9d9d9; 
62        background: #1b1b1b;
63      }
64      .card {
65        background-color: #252d38;
66      }
67    } 
68  </style>
69</head>
70<body>
71  <div class="card">
72    <h5 class="card-header">🎁 Shorten your URLs !</h5>
73    <div class="card-body">
74      <h5 class="card-title">Please enter the long URL to be shortened :</h5>
75      <div class="input-group mb-3">
76        <input type="text" class="form-control" placeholder="Example: https://example.com/" id="text">
77        <div class="input-group-append">
78          <button class="btn btn-primary" type="button" onclick='shorturl()' id="searchbtn">Shorten it</button>
79        </div>
80      </div>    
81      <div class="card-text">
82        <a href="https://github.com/xyTom/Url-Shorten-Worker/" target="_self">Fork me on GitHub</a>
83      </div>
84      <p id="notice"></p>             
85    </div>
86  </div>
87  <div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
88    <div class="modal-dialog" role="document">
89      <div class="modal-content">
90        <div class="modal-header">
91          <h5 class="modal-title" id="exampleModalLabel">Result</h5>
92          <button type="button" class="close" data-dismiss="modal" aria-label="Close">
93            <span aria-hidden="true">&times;</span>
94          </button>
95        </div>
96        <div class="modal-body" id="result">No result</div>
97        <div class="modal-footer">
98          <button type="button" class="btn btn-primary" onclick='copyurl("result")' data-toggle="popover" data-placement="bottom" data-content="Copied!">Copy</button>
99          <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>    
100        </div>
101      </div>
102    </div>
103  </div>         
104  

104<script src="https://gcore.jsdelivr.net/npm/[email protected]/dist/jquery.slim.min.js" integrity="sha256-pasqAKBDmFT4eHoN2ndd6lN370kFiGUFyTiUHWhU7k8=" crossorigin="anonymous"></script>

104
105  

105<script src="https://gcore.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>

105
106  

106<script src="https://gcore.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha256-WqU1JavFxSAMcLP2WIOI+GB2zWmShMI82mTpLDcqFUg=" crossorigin="anonymous"></script>

106
107  

107<script src="https://gcore.jsdelivr.net/npm/[email protected]/main.js" crossorigin="anonymous"></script>

107
108</body>
109</html>