~romuloalves/encrypt-now-desktop

encrypt-now-desktop/index.html -rw-r--r-- 3.4 KiB
db5934a1 — romuloalves Changes Go to return with success 1 year, 8 months ago
                                                                                
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
<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>Encrypt NOW</title>
    <link rel="stylesheet" href="assets/css/tailwind.css" />
    <link rel="stylesheet" href="assets/css/index.css" />
    <link rel="stylesheet" href="assets/css/checkbox.css" />
  </head>
  <body>
    <div class="container select-none">
      <form class="max-w-md">
        <div class="flex flex-wrap -mx-3 mb-6">
          <div class="w-full md:w-1/2 px-3 mb-6 md:mb-0">
            <label class="block uppercase tracking-wide text-grey-darker text-xs font-bold mb-1" for="grid-first-name">
              1. Copy From
            </label>
            <p class="text-grey-dark text-xs italic mb-3">Diretory or file to copy.</p>
            <button id="selectFromPath" class="bg-white hover:bg-grey-lightest text-grey-darkest font-semibold py-2 px-4 border border-grey-light rounded shadow focus:outline-none">
              Select
            </button>
          </div>
          <div class="w-full md:w-1/2 px-3 md:mb-0">
            <label class="block uppercase tracking-wide text-grey-darker text-xs font-bold mb-1" for="grid-last-name">
              2. To
            </label>
            <p class="text-grey-dark text-xs italic mb-3">Diretory where the files will be paste.</p>
            <button id="selectToPath" class="bg-white hover:bg-grey-lightest text-grey-darkest font-semibold py-2 px-4 border border-grey-light rounded shadow focus:outline-none">
              Select
            </button>
          </div>
        </div>
        <div class="flex flex-wrap -mx-3 mb-2 justify-center">
          <div class="w-full md:w-1/6 px-3 mb-6 md:mb-0 text-right">
            <label class="uppercase tracking-wide text-grey-darker text-xs font-bold mb-2" for="encrypt" style="vertical-align: -10px;">
              Decrypt
            </label>
          </div>
          <div class="w-full md:w-1/6 px-3 mb-6 md:mb-0">
            <div class="toggle">
              <input id="encrypt" type="checkbox" class="check" checked />
              <b class="b switch"></b>
              <b class="b track"></b>
            </div>
          </div>
          <div class="w-full md:w-1/6 px-3 mb-6 md:mb-0">
            <label class="uppercase tracking-wide text-grey-darker text-xs font-bold mb-2" for="encrypt" style="vertical-align: -10px;">
              Encrypt
            </label>
          </div>
        </div>
        <div class="flex flex-wrap -mx-3 mb-6">
          <div class="w-full px-3">
            <label class="block uppercase tracking-wide text-grey-darker text-xs font-bold mb-2" for="grid-password">
              3. Secret
            </label>
            <input id="secret" class="appearance-none block w-full bg-grey-lighter text-grey-darker border border-grey-lighter rounded py-3 px-4 mb-3 leading-tight focus:outline-none focus:bg-white focus:border-grey" type="password" placeholder="******************">
            <p class="text-red text-sm italic font-bold">IF YOU FORGET THIS SECRET YOU CAN'T DECRYPT THE FILES LATER!</p>
          </div>
        </div>
        <div class="flex flex-wrap -mx-3 mb-6">
          <div class="w-full px-3 text-right">
            <button class="bg-green hover:bg-green-dark text-white font-bold py-2 px-4 rounded uppercase outline-none focus:outline-none">
              Start
            </button>
          </div>
        </div>
      </form>
    </div>

    <script>
      require('./renderer.js')
    </script>
  </body>
</html>