aboutsummaryrefslogtreecommitdiffstats
path: root/public
diff options
context:
space:
mode:
authorLibravatar vantezzen <properly@protonmail.com>2019-09-05 10:38:50 +0200
committerLibravatar vantezzen <properly@protonmail.com>2019-09-05 10:38:50 +0200
commit843db021a1e8490a72cec55a81cd36c2842284c2 (patch)
tree97693aaa2414012a80199c2f6bc647e0427b5eea /public
parentAdd link to account dashboard (diff)
downloadferdium-server-843db021a1e8490a72cec55a81cd36c2842284c2.tar.gz
ferdium-server-843db021a1e8490a72cec55a81cd36c2842284c2.tar.zst
ferdium-server-843db021a1e8490a72cec55a81cd36c2842284c2.zip
Convert static pages to edge views
Diffstat (limited to 'public')
-rw-r--r--public/import.html95
-rw-r--r--public/index.html49
-rw-r--r--public/new.html115
3 files changed, 0 insertions, 259 deletions
diff --git a/public/import.html b/public/import.html
deleted file mode 100644
index 5c75d23..0000000
--- a/public/import.html
+++ /dev/null
@@ -1,95 +0,0 @@
1<!DOCTYPE html>
2<html lang="en">
3
4<head>
5 <meta charset="UTF-8">
6 <meta name="viewport" content="width=device-width, initial-scale=1.0">
7 <meta http-equiv="X-UA-Compatible" content="ie=edge">
8 <title>Import Franz account</title>
9
10 <link rel="stylesheet" href="css/vanilla.css">
11
12 <style>
13 input {
14 margin-bottom: 1rem;
15 width: 100%;
16 padding: 0.5rem;
17 }
18
19 button {
20 display: flex;
21 overflow: hidden;
22 padding: 12px 12px;
23 cursor: pointer;
24 width: 100%;
25 -webkit-user-select: none;
26 -moz-user-select: none;
27 -ms-user-select: none;
28 user-select: none;
29 transition: all 150ms linear;
30 text-align: center;
31 white-space: nowrap;
32 text-decoration: none !important;
33 text-transform: none;
34 text-transform: capitalize;
35 color: #fff;
36 border: 0 none;
37 border-radius: 4px;
38 font-size: 13px;
39 font-weight: 500;
40 line-height: 1.3;
41 -webkit-appearance: none;
42 -moz-appearance: none;
43 appearance: none;
44 justify-content: center;
45 align-items: center;
46 flex: 0 0 160px;
47 box-shadow: 2px 5px 10px #e4e4e4;
48 color: #FFFFFF;
49 background: #161616;
50 }
51
52 #dropzone {
53 width: 100%;
54 height: 30vh;
55 background-color: #ebebeb;
56
57 display: flex;
58 align-items: center;
59 justify-content: center;
60 text-align: center;
61
62 cursor: pointer;
63 }
64
65 #dropzone p {
66 font-size: 0.85rem;
67 }
68
69 #files {
70 display: none;
71 }
72
73 </style>
74</head>
75
76<body>
77 <h1>Import a Franz account</h1>
78 <p>Please login using your Franz account. We will create a new Ferdi account with the same credentials.</p>
79 <form action="import" method="post">
80 <label for="email">E-Mail address</label><br />
81 <input type="email" name="email" placeholder="joe@example.com" required><br />
82
83 <label for="password">Password</label><br />
84 <input type="password" name="password" placeholder="********" required><br />
85
86 <button type="submit" id="submitbutton">Import Franz account</button>
87 <small>
88 By importing your Franz account, you accept the <a href="/terms">Terms of service</a> and <a href="privacy">Privacy policy</a>
89 </small>
90 </form>
91
92 <script src="js/new.js"></script>
93</body>
94
95</html>
diff --git a/public/index.html b/public/index.html
deleted file mode 100644
index ee9ff44..0000000
--- a/public/index.html
+++ /dev/null
@@ -1,49 +0,0 @@
1<!DOCTYPE html>
2<html lang="en">
3
4<head>
5 <meta charset="UTF-8">
6 <meta name="viewport" content="width=device-width, initial-scale=1.0">
7 <meta http-equiv="X-UA-Compatible" content="ie=edge">
8 <title>ferdi-server</title>
9
10 <link rel="stylesheet" href="css/vanilla.css">
11
12 <style>
13 ol,
14 p {
15 margin: 0.5rem 0;
16 }
17
18 </style>
19</head>
20
21<body>
22 <h1>ferdi-server</h1>
23
24 <p>You are accessing a custom <a href="https://github.com/kytwb/ferdi">Ferdi</a> server.</p>
25 <p>
26 To use this server in your Ferdi client, <a href="ferdi://settings/app">open Ferdi's settings</a> and as the <code>server</code>, enter <code id="server"></code>
27 </p>
28 <p>
29 Alternatively, you can manage your account in the <a href="/user/account">account dashboard</a>.
30 </p>
31
32 <br />
33 <small>
34 <a href="https://github.com/vantezzen/ferdi-server">ferdi-server</a> is a project by <a href="https://vantezzen.io">vantezzen</a>.
35 </small>
36
37 <script>
38 // Get server URL for current location
39 let server = location.href.replace('/index.html', '');
40 if (server[server.length - 1] == '/') {
41 server = server.substr(0, server.length - 1)
42 }
43
44 // Show on page
45 document.getElementById('server').innerText = server;
46 </script>
47</body>
48
49</html>
diff --git a/public/new.html b/public/new.html
deleted file mode 100644
index c11da47..0000000
--- a/public/new.html
+++ /dev/null
@@ -1,115 +0,0 @@
1<!DOCTYPE html>
2<html lang="en">
3
4<head>
5 <meta charset="UTF-8">
6 <meta name="viewport" content="width=device-width, initial-scale=1.0">
7 <meta http-equiv="X-UA-Compatible" content="ie=edge">
8 <title>Create a new service</title>
9
10 <link rel="stylesheet" href="css/vanilla.css">
11
12 <style>
13 input {
14 margin-bottom: 1rem;
15 width: 100%;
16 padding: 0.5rem;
17 }
18
19 button {
20 display: flex;
21 overflow: hidden;
22 padding: 12px 12px;
23 cursor: pointer;
24 width: 100%;
25 -webkit-user-select: none;
26 -moz-user-select: none;
27 -ms-user-select: none;
28 user-select: none;
29 transition: all 150ms linear;
30 text-align: center;
31 white-space: nowrap;
32 text-decoration: none !important;
33 text-transform: none;
34 text-transform: capitalize;
35 color: #fff;
36 border: 0 none;
37 border-radius: 4px;
38 font-size: 13px;
39 font-weight: 500;
40 line-height: 1.3;
41 -webkit-appearance: none;
42 -moz-appearance: none;
43 appearance: none;
44 justify-content: center;
45 align-items: center;
46 flex: 0 0 160px;
47 box-shadow: 2px 5px 10px #e4e4e4;
48 color: #FFFFFF;
49 background: #161616;
50 }
51
52 #dropzone {
53 width: 100%;
54 height: 30vh;
55 background-color: #ebebeb;
56
57 display: flex;
58 align-items: center;
59 justify-content: center;
60 text-align: center;
61
62 cursor: pointer;
63 }
64
65 #dropzone p {
66 font-size: 0.85rem;
67 }
68
69 #files {
70 display: none;
71 }
72
73 </style>
74</head>
75
76<body>
77 <h1>Create a new recipe</h1>
78 <p>Please create a recipe using <a href="https://github.com/meetfranz/plugins/blob/master/docs/integration.md">the
79 official Franz guide</a>, then publish it here.</p>
80 <form action="new" method="post" enctype="multipart/form-data">
81 <label for="author">Author</label><br />
82 <input type="text" name="author" placeholder="Jon Doe" required><br />
83
84 <label for="name">Name</label><br />
85 <input type="text" name="name" placeholder="Sample Service" required><br />
86
87 <label for="id">Service ID</label><br />
88 <input type="text" name="id" placeholder="sample-service" required><br />
89
90 <label for="png">Link to PNG image*</label><br />
91 <input type="text" name="png" placeholder="https://.../logo.png" required><br />
92
93 <label for="svg">Link to SVG image*</label><br />
94 <input type="text" name="svg" placeholder="https://.../logo.svg" required><br />
95 *These images must be publicly availible and have CORS enabled in order to work.<br /><br />
96
97 <label for="package">Recipe files</label><br />
98 <div id="dropzone" effectAllowed="move">
99 <div>
100 Drop recipe files here<br />or click here to select files
101 <p>
102 Drag and drop your recipe files into this area.<br />
103 Please do not select the folder that contains the files but rather the files itself.
104 </p>
105 </div>
106 </div>
107 <input type="file" name="files[]" id="files" value="" multiple required><br /><br />
108
109 <button type="submit" id="submitbutton">Create recipe</button>
110 </form>
111
112 <script src="js/new.js"></script>
113</body>
114
115</html>