-
Notifications
You must be signed in to change notification settings - Fork 3
/
Copy pathindex.html
86 lines (79 loc) · 2.63 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
<!DOCTYPE html>
<html lang="en">
<head>
<script src="redirect.js"></script>
<meta charset="utf-8" />
<meta
name="viewport"
content="width=device-width, initial-scale=1, shrink-to-fit=no"
/>
<meta
name="description"
content="Slash is an Open-Source minimilastic URL shortner focusing on privacy."
/>
<meta name="author" content="Sumit kolhe" />
<meta property="og:site_name" content="Reduced" />
<!-- website name -->
<meta property="og:site" content="https://url.sumit.codes" />
<!-- website link -->
<meta property="og:title" content="" />
<!-- title shown in the actual shared post -->
<meta property="og:description" content="" />
<!-- description shown in the actual shared post -->
<meta property="og:image" content="" />
<!-- image link, make sure it's jpg -->
<meta property="og:url" content="" />
<!-- where do you want your post to link to -->
<meta property="og:type" content="article" />
<title>Slash | Open-source free URL shortener</title>
<link href="styles.css" rel="stylesheet" />
<link
href="https://fonts.googleapis.com/css2?family=Montserrat:wght@800&display=swap"
rel="stylesheet"
/>
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.6.11/vue.min.js"></script>
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue-clipboard2/0.3.1/vue-clipboard.min.js"></script>
</head>
<body>
<main class="container" id="app">
<header>
<h1>S/ASH</h1>
</header>
<form onSubmit="return false;">
<input
type="text"
class="textbox"
v-on:keyup.enter="checkUrl"
v-bind:class="{badurl:badurl}"
:placeholder="urlplaceholder"
v-model="url"
/>
<input
type="text"
class="alias"
v-bind:class="{badalias:badalias}"
:placeholder="aliasplaceholder"
v-model="alias"
/>
<button v-on:click="checkUrl">{{buttontext}}</button>
</form>
<div class="shorturl">
<p class="shorturlfield" id="copyto" v-if="stored!=null">
{{stored}}
</p>
<button
class="copybutton"
v-if="stored!=null"
v-clipboard:copy="stored"
v-clipboard:success="onCopy"
>
Copy
</button>
<div id="toast">Link copied</div>
</div>
</main>
<script src="short.js"></script>
<script></script>
</body>
</html>