aboutsummaryrefslogtreecommitdiffstats
path: root/public/new.html
diff options
context:
space:
mode:
Diffstat (limited to 'public/new.html')
-rw-r--r--public/new.html115
1 files changed, 0 insertions, 115 deletions
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>