1 files changed, 1 insertions, 100 deletions
diff --git a/src/index.html b/src/index.html
index 26f7957..d5aff23 100644
--- a/src/index.html
+++ b/src/index.html
@@ -4,111 +4,12 @@
        <meta charset="utf-8" />
        <title>BIP39 - Mnemonic Code</title>
        <link rel="stylesheet" href="css/bootstrap-3.3.7.css">
+        <link rel="stylesheet" href="css/app.css">
        <meta content="Mnemonic code for generating deterministic keys" name="description"/>
        <meta content="width=device-width, initial-scale=1.0" name="viewport" />
        <meta content="bitcoin mnemonic converter" name="description" />
        <meta content="Ian Coleman" name="author" />
        <link type="image/x-icon" rel="icon" href="data:image/x-icon;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQEAYAAABPYyMiAAAABmJLR0T///////8JWPfcAAAACXBIWXMAAABIAAAASABGyWs+AAAAF0lEQVRIx2NgGAWjYBSMglEwCkbBSAcACBAAAeaR9cIAAAAASUVORK5CYII=" />
-        <style>
-            body {
-                padding-bottom: 32px;
-            }
-            .form-control[readonly] {
-                cursor: text;
-            }
-            .feedback-container {
-                position: fixed;
-                top: 0;
-                width: 100%;
-                text-align: center;
-                z-index: 4;
-            }
-            .feedback {
-                display: table;
-                padding: 0.5em 1em;
-                background-color: orange;
-                margin: 0 auto;
-                font-size: 2em;
-                color: #444;
-                border: 2px solid #555;
-                border-top: 0;
-                border-bottom-left-radius: 20px 20px;
-                border-bottom-right-radius: 20px 20px;
-            }
-            .no-border {
-                border: 0;
-                box-shadow: inset 0 1px 1px rgba(0,0,0,.0);
-                -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.0);
-            }
-            .phrase {
-                word-break: keep-all;
-            }
-            .generate-container .strength {
-                /* override mobile width from bootstrap */
-                width: auto!important;
-                display: inline-block;
-            }
-            .languages a {
-                padding-left: 10px;
-            }
-            .languages a:nth-of-type(1) {
-                margin-left: -12px;
-                padding-left: 0;
-            }
-            .monospace {
-                font-family: monospace;
-            }
-            .entropy-container .filtered,
-            .entropy-container .binary {
-                word-wrap: break-word;
-            }
-            .entropy-container li {
-                padding-bottom: 5px;
-            }
-            .card-suit {
-                font-size: 19px;
-                line-height: 0;
-            }
-            .card-suit.club {
-                color: #009F00;
-            }
-            .card-suit.diamond {
-                color: #3D5DC4;
-            }
-            .card-suit.heart {
-                color: #F00;
-            }
-            .card-suit.spade {
-                color: #000;
-            }
-            .qr-container {
-                position: fixed;
-                top: 0;
-                right: 0;
-                text-align: center;
-                background-color: #FFF;
-                border: 1px solid #CCC;
-            }
-            .qr-image {
-                margin: 5px;
-            }
-            .qr-hint,
-            .qr-warning {
-                padding: 2px;
-                max-width: 150px;
-            }
-            .more-info {
-                cursor: help;
-                border-bottom: 1px dashed #000;
-                text-decoration: none;
-            }
-            .version {
-                position: absolute;
-                top: 5px;
-                right: 5px;
-            }
-        </style>
    </head>
    <body>
        <div class="container">

diff --git a/src/index.html b/src/index.html index 26f7957..d5aff23 100644 --- a/src/index.html +++ b/src/index.html
@@ -4,111 +4,12 @@
4	<meta charset="utf-8" />	4	<meta charset="utf-8" />
5	<title>BIP39 - Mnemonic Code</title>	5	<title>BIP39 - Mnemonic Code</title>
6	<link rel="stylesheet" href="css/bootstrap-3.3.7.css">	6	<link rel="stylesheet" href="css/bootstrap-3.3.7.css">
		7	<link rel="stylesheet" href="css/app.css">
7	<meta content="Mnemonic code for generating deterministic keys" name="description"/>	8	<meta content="Mnemonic code for generating deterministic keys" name="description"/>
8	<meta content="width=device-width, initial-scale=1.0" name="viewport" />	9	<meta content="width=device-width, initial-scale=1.0" name="viewport" />
9	<meta content="bitcoin mnemonic converter" name="description" />	10	<meta content="bitcoin mnemonic converter" name="description" />
10	<meta content="Ian Coleman" name="author" />	11	<meta content="Ian Coleman" name="author" />
11	<link type="image/x-icon" rel="icon" href="data:image/x-icon;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQEAYAAABPYyMiAAAABmJLR0T///////8JWPfcAAAACXBIWXMAAABIAAAASABGyWs+AAAAF0lEQVRIx2NgGAWjYBSMglEwCkbBSAcACBAAAeaR9cIAAAAASUVORK5CYII=" />	12	<link type="image/x-icon" rel="icon" href="data:image/x-icon;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQEAYAAABPYyMiAAAABmJLR0T///////8JWPfcAAAACXBIWXMAAABIAAAASABGyWs+AAAAF0lEQVRIx2NgGAWjYBSMglEwCkbBSAcACBAAAeaR9cIAAAAASUVORK5CYII=" />
12
13	<style>
14	body {
15	padding-bottom: 32px;
16	}
17	.form-control[readonly] {
18	cursor: text;
19	}
20	.feedback-container {
21	position: fixed;
22	top: 0;
23	width: 100%;
24	text-align: center;
25	z-index: 4;
26	}
27	.feedback {
28	display: table;
29	padding: 0.5em 1em;
30	background-color: orange;
31	margin: 0 auto;
32	font-size: 2em;
33	color: #444;
34	border: 2px solid #555;
35	border-top: 0;
36	border-bottom-left-radius: 20px 20px;
37	border-bottom-right-radius: 20px 20px;
38	}
39	.no-border {
40	border: 0;
41	box-shadow: inset 0 1px 1px rgba(0,0,0,.0);
42	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.0);
43	}
44	.phrase {
45	word-break: keep-all;
46	}
47	.generate-container .strength {
48	/* override mobile width from bootstrap */
49	width: auto!important;
50	display: inline-block;
51	}
52	.languages a {
53	padding-left: 10px;
54	}
55	.languages a:nth-of-type(1) {
56	margin-left: -12px;
57	padding-left: 0;
58	}
59	.monospace {
60	font-family: monospace;
61	}
62	.entropy-container .filtered,
63	.entropy-container .binary {
64	word-wrap: break-word;
65	}
66	.entropy-container li {
67	padding-bottom: 5px;
68	}
69	.card-suit {
70	font-size: 19px;
71	line-height: 0;
72	}
73	.card-suit.club {
74	color: #009F00;
75	}
76	.card-suit.diamond {
77	color: #3D5DC4;
78	}
79	.card-suit.heart {
80	color: #F00;
81	}
82	.card-suit.spade {
83	color: #000;
84	}
85	.qr-container {
86	position: fixed;
87	top: 0;
88	right: 0;
89	text-align: center;
90	background-color: #FFF;
91	border: 1px solid #CCC;
92	}
93	.qr-image {
94	margin: 5px;
95	}
96	.qr-hint,
97	.qr-warning {
98	padding: 2px;
99	max-width: 150px;
100	}
101	.more-info {
102	cursor: help;
103	border-bottom: 1px dashed #000;
104	text-decoration: none;
105	}
106	.version {
107	position: absolute;
108	top: 5px;
109	right: 5px;
110	}
111	</style>
112	</head>	13	</head>
113	<body>	14	<body>
114	<div class="container">	15	<div class="container">