Initial commit

static/index.pug

@@ -0,0 +1,19 @@
+extends layout.pug
+
+block body
+    h1 TryCrypt
+    br
+    div#general
+        p Please enter your KEY and IV
+        input#keyField(type="password" placeholder="Passkey" style="width:30%;")
+        input#ivField(type="password" placeholder="IV" style="width:16%;")
+        button#keyRefresh 👁
+        button#keySave Save
+        button#generateRandom Generate
+    br
+    br
+    div#boxes
+        textarea#userTB(placeholder="Your encrypted or plain text" style="width: 48.5%; margin-left: 1%; height: 50%; float:left;")
+        textarea#systemTB(placeholder="The decrypted/encrypted text" readonly="readonly" style="width: 48.5%; margin-left: 1%; height: 50%; float:left")
+        button#btnEncrypt Encrypt
+        button#btnDecrypt Decrypt

static/layout.pug

@@ -0,0 +1,23 @@
+doctype "html"
+html(lang="en")
+    head
+        meta(charset="UTF-16")
+        title TryCrypt
+
+        link(rel="stylesheet" href="reset.css")
+        link(rel="stylesheet" href="style.css")
+        meta(name="viewport" content="width=device-width, initial-scale=1")
+
+        script const exports = { "__esModule": true };
+
+
+    body
+        block body
+
+        script(src="../dist/trycrypt.bundle.js")
+
+
+
+
+
+

static/reset.css

@@ -0,0 +1,60 @@
+/* http://meyerweb.com/eric/tools/css/reset/
+   v2.0 | 20110126
+   License: none (public domain)
+*/
+
+html, body, div, span, applet, object, iframe,
+h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+a, abbr, acronym, address, big, cite, code,
+del, dfn, em, img, ins, kbd, q, s, samp,
+small, strike, strong, sub, sup, tt, var,
+b, u, i, center,
+dl, dt, dd, ol, ul, li,
+fieldset, form, label, legend,
+table, caption, tbody, tfoot, thead, tr, th, td,
+article, aside, canvas, details, embed,
+figure, figaption, footer, header, hgroup,
+menu, nav, output, ruby, section, summary,
+time, mark, audio, video {
+    border: 0;
+    font: inherit;
+    font-size: 100%;
+    margin: 0;
+    padding: 0;
+    vertical-align: baseline;
+}
+
+
+/* HTML5 display-role reset for older browsers */
+article, aside, details, figcaption, figure,
+footer, header, hgroup, menu, nav, section {
+    display: block;
+}
+
+
+body {
+    line-height: 1;
+}
+
+
+ol, ul {
+    list-style: none;
+}
+
+
+blockquote, q {
+    quotes: none;
+}
+
+
+blockquote:before, blockquote:after,
+q:before, q:after {
+    content: "";
+    content: none;
+}
+
+
+table {
+    border-collapse: collapse;
+    border-spacing: 0;
+}

static/style.css

@@ -0,0 +1,60 @@
+body {
+    font-size: 14pt;
+    font-family: SansSerif, serif;
+    font-weight: 100;
+}
+
+h1 {
+    font-size: 4.5em;
+}
+h2 {
+    font-size: 3.7em;
+}
+h3 {
+    font-size: 3em;
+}
+h4 {
+    font-size: 2em;
+}
+h5 {
+    font-size: 1.5em;
+}
+
+
+
+
+
+#general {
+    margin-left: 3%;
+    margin-top: 2%;
+}
+
+button {
+    border: 0;
+    background-color: darkslategrey;
+    color: white;
+    height: 1.5em;
+    border-radius: 3px;
+    font-size: 0.8em;
+}
+button:hover {
+    background-color: #65A4A4;
+}
+button:active {
+    background-color: #146B4D;
+}
+
+#btnEncrypt, #btnDecrypt
+{
+    float:left;
+    margin-top: 1%;
+    height: 6%;
+    width: 48.5%;
+    margin-left: 1%;
+}
+
+
+#systemTB:active {
+    background-color: #91DE93;
+    transition: background-color 0.1s;
+}