diff options
| author |  vantezzen <properly@protonmail.com> | 2019-08-28 12:10:16 +0200 |
|---|---|---|
| committer | vantezzen <properly@protonmail.com> | 2019-08-28 12:10:16 +0200 |
| commit | 4f39dce953ea8e197105ee9042fa376c120087ce (patch) | |
| tree | da953ea5837b8547c04ec1d3de383dfd4f2ca502 /public | |
| parent | Merge branch 'master' of https://github.com/vantezzen/ferdi-server (diff) | |
| download | ferdium-server-4f39dce953ea8e197105ee9042fa376c120087ce.tar.gz ferdium-server-4f39dce953ea8e197105ee9042fa376c120087ce.tar.zst ferdium-server-4f39dce953ea8e197105ee9042fa376c120087ce.zip | |
Add import Franz account feature
Diffstat (limited to 'public')
| -rw-r--r-- | public/import.html | 92 |
1 files changed, 92 insertions, 0 deletions
diff --git a/public/import.html b/public/import.html new file mode 100644 index 0000000..9e2592d --- /dev/null +++ b/public/import.html | |||
| @@ -0,0 +1,92 @@ | |||
| 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 | </form> | ||
| 88 | |||
| 89 | <script src="js/new.js"></script> | ||
| 90 | </body> | ||
| 91 | |||
| 92 | </html> | ||