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
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
|
<!DOCTYPE html>
<html>
<head>
<title>strelizia Settings</title>
<link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro" rel="stylesheet">
<style type="text/css">
* {
font-family: 'Source Sans Pro', sans-serif;
color: #3c3c3c;
}
p#b {
border-radius: 24px;
display: inline-block;
height: 240px;
margin-bottom: 40px;
position: relative;
vertical-align: top;
width: 240px;
box-shadow: 0 20px 60px rgba(10, 10, 10, 0.05), 0 5px 10px rgba(10, 10, 10, 0.1), 0 1px 1px rgba(10, 10, 10, 0.2);
}
p#b img.logo {
height: 200px;
margin-top: 20px;
}
div.container {
text-align: center;
width: 870px;
margin: 0 auto;
}
h2 {
text-decoration: underline;
text-align: center;
}
input[type="text"] {
border: 0px;
border-bottom: 1px solid #adadad;
font-size: 16px;
width: 400px;
padding: 10px;
outline: none;
text-align: center;
}
input[type="text"]:focus {
border-bottom: 1px solid #00d1b2
}
button {
background: rgba(0, 0, 0, 0);
border: 1px solid #00d1b2;
width: 200px;
height: 40px;
font-size: 14px;
border-radius: 5px;
margin-top: 20px;
}
button:hover {
background: #00d1b2;
color: white;
}
#autoCopyUrl {
vertical-align: sub;
}
</style>
</head>
<body>
<div class="container">
<p id="b">
<img class="logo" src="logo.png">
</p>
<p>
This page will help you setup your strelizia extension so you can rehost images/audio/videos by right clicking on them. For this to work you need to provide the domain were strelizia is running. If you want to keep track of your uploads and be able to create albums to store them, you should create an account on the website and paste the token here, so that every upload gets tied to your account, enabling you to go back to the site and see all of your uploaded files.
</p>
<p>Domain on which strelizia is running:</p>
<input type="text" id="domain" placeholder="https://strelizia.cc">
<p>Your strelizia token (optional):</p>
<input type="text" id="token" placeholder="your-super-secret-token">
<p>
<label>Automatically copy URL to clipboard after upload <input type="checkbox" id="autoCopyUrl"></label>
</p>
<p></p>
<button id="save">Save</button>
<script src="settings.js"></script>
</div>
</body>
</html>
|