55
66< html >
77
8- < head >
8+ < head >
99
10- < title > sign/verify file</ title >
11-
12- < base href ='https://javascript-2020.github.io/utils/x509/sign-verify/sign-verify.html '>
13- < link rel ='shortcut icon ' type ='image/x-icon ' href ='images/favicon.ico '>
14-
15- < style >
16-
17- html
18- {height : 100% }
19- body
20- {height : calc (100% - 42px );margin : 20px ;display : flex;flex-direction : column;font-family : arial;gap : 20px }
21- .hdr
22- {font-family : arial;position : relative;margin-top : 0 ;margin-bottom : 20px ;background : white;
23- padding-bottom : 10px ;border-bottom : 3px solid lightblue}
24- .hdr-icon
25- {display : inline-block;text-align : center;background : whitesmoke;border-radius : 5px ;
26- border : 1px solid lightgray;padding : 5px 3px 0px ;cursor : pointer;margin-right : 10px ;
27- min-width : 50px }
28- .hdr-icon-img
29- {width : 25px ;height : 25px }
30- .hdr-icon-label
31- {margin : 2px 0 0 }
32- .hdr-title
33- {position : absolute;left : 0 ;right : 0 ;z-index : 0 ;margin : 0 auto}
34- .hdr-date
35- {float : right}
36-
37- input
38- {padding : 5px 10px ;font-size : 16px }
39- input [type = button ]
40- {cursor : pointer}
41- pre
42- {border : 1px solid lightgray;padding : 10px ;font-family : monospace;margin : 0 }
43-
44- # btns
45- {display : flex}
46-
47- # result
48- {border : 1px solid green;padding : 5px 10px }
49-
50- # keys-root
51- {display : flex;height : 200px ;gap : 20px }
52-
53- # private-key-root
54- {flex : 1 ;display : flex;flex-direction : column}
55- # private-key
56- {flex : 1 ;overflow : auto}
57- # public-key-root
58- {flex : 1 ;overflow : auto;display : flex;flex-direction : column}
59- # public-key
60- {flex : 1 ;overflow : auto}
10+ < title > sign/verify file</ title >
11+
12+ < base href ='https://ext-code.com/utils/x509/sign-verify/ '>
13+ < base href ='https://javascript-2020.github.io/utils/x509/sign-verify/ '>
14+
15+ < link rel ='shortcut icon ' type ='image/x-icon ' href ='images/favicon.ico '>
6116
62- # signature
63- {white-space : pre-wrap;word-break : break-all}
64-
65- .filename
66- {font-size : 12px ;padding : 5px }
6717
68- </ style >
6918
70- </ head >
19+ < script init >
20+
21+ </ script init>
22+
23+
24+ < style >
25+
26+ html
27+ {height : 100% }
28+ body
29+ {height : calc (100% - 42px );margin : 20px ;display : flex;flex-direction : column;font-family : arial;gap : 20px }
30+ .hdr
31+ {font-family : arial;position : relative;margin-top : 0 ;margin-bottom : 20px ;background : white;
32+ padding-bottom : 10px ;border-bottom : 3px solid lightblue}
33+ .hdr-icon
34+ {display : inline-block;text-align : center;background : whitesmoke;border-radius : 5px ;
35+ border : 1px solid lightgray;padding : 5px 3px 0px ;cursor : pointer;margin-right : 10px ;
36+ min-width : 50px }
37+ .hdr-icon-img
38+ {width : 25px ;height : 25px }
39+ .hdr-icon-label
40+ {margin : 2px 0 0 }
41+ .hdr-title
42+ {position : absolute;left : 0 ;right : 0 ;z-index : 0 ;margin : 0 auto}
43+ .hdr-date
44+ {float : right}
45+
46+ input
47+ {padding : 5px 10px ;font-size : 16px }
48+ input [type = button ]
49+ {cursor : pointer}
50+ pre
51+ {border : 1px solid lightgray;padding : 10px ;font-family : monospace;margin : 0 }
52+
53+ # btns
54+ {display : flex}
55+
56+ # result
57+ {border : 1px solid green;padding : 5px 10px }
58+
59+ # keys-root
60+ {display : flex;height : 200px ;gap : 20px }
61+
62+ # private-key-root
63+ {flex : 1 ;display : flex;flex-direction : column}
64+ # private-key
65+ {flex : 1 ;overflow : auto}
66+ # public-key-root
67+ {flex : 1 ;overflow : auto;display : flex;flex-direction : column}
68+ # public-key
69+ {flex : 1 ;overflow : auto}
70+
71+ # signature
72+ {white-space : pre-wrap;word-break : break-all}
73+
74+ .filename
75+ {font-size : 12px ;padding : 5px }
76+
77+ </ style >
78+
79+ </ head >
7180
72- < body >
81+ < body >
7382
7483 < div class =hdr >
7584 < a class =hdr-icon href ='https://javascript-2020.github.io/ '>
157166 </ div >
158167
159168
160-
161- < script >
169+ </ body >
170+
171+
172+ < script >
162173 console . clear ( ) ;
163174 console . log ( 'sign/verify.html' ) ;
175+ console . log ( ) ;
164176 console . json = v => console . log ( JSON . stringify ( v , null , 4 ) ) ;
165177
166178 var $ = ( root , sel ) => ( ! sel && ( sel = root , root = document ) , root . querySelector ( sel ) ) ;
711723
712724
713725
714- </ script >
726+ </ script >
727+
728+ </ html >
729+
730+
731+
732+
0 commit comments