spring-jekyll-theme 0.0.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- checksums.yaml +7 -0
- data/README.md +49 -0
- data/_includes/disqus.html +17 -0
- data/_includes/disqus_comments.html +20 -0
- data/_includes/footer.html +23 -0
- data/_includes/google-analytics.html +9 -0
- data/_includes/head.html +21 -0
- data/_includes/header.html +31 -0
- data/_includes/profile.html +21 -0
- data/_includes/social.html +19 -0
- data/_layouts/default.html +20 -0
- data/_layouts/home.html +34 -0
- data/_layouts/page.html +14 -0
- data/_layouts/post.html +43 -0
- data/_sass/spring/_base.scss +272 -0
- data/_sass/spring/_layout.scss +290 -0
- data/_sass/spring/_syntax-highlighting.scss +71 -0
- data/_sass/spring.scss +56 -0
- data/assets/3rd-party/crypto-js/CONTRIBUTING.md +28 -0
- data/assets/3rd-party/crypto-js/LICENSE +24 -0
- data/assets/3rd-party/crypto-js/README.md +249 -0
- data/assets/3rd-party/crypto-js/aes.js +234 -0
- data/assets/3rd-party/crypto-js/bower.json +35 -0
- data/assets/3rd-party/crypto-js/cipher-core.js +890 -0
- data/assets/3rd-party/crypto-js/core.js +797 -0
- data/assets/3rd-party/crypto-js/crypto-js.js +6059 -0
- data/assets/3rd-party/crypto-js/docs/QuickStartGuide.wiki +470 -0
- data/assets/3rd-party/crypto-js/enc-base64.js +136 -0
- data/assets/3rd-party/crypto-js/enc-hex.js +18 -0
- data/assets/3rd-party/crypto-js/enc-latin1.js +18 -0
- data/assets/3rd-party/crypto-js/enc-utf16.js +149 -0
- data/assets/3rd-party/crypto-js/enc-utf8.js +18 -0
- data/assets/3rd-party/crypto-js/evpkdf.js +134 -0
- data/assets/3rd-party/crypto-js/format-hex.js +66 -0
- data/assets/3rd-party/crypto-js/format-openssl.js +18 -0
- data/assets/3rd-party/crypto-js/hmac-md5.js +18 -0
- data/assets/3rd-party/crypto-js/hmac-ripemd160.js +18 -0
- data/assets/3rd-party/crypto-js/hmac-sha1.js +18 -0
- data/assets/3rd-party/crypto-js/hmac-sha224.js +18 -0
- data/assets/3rd-party/crypto-js/hmac-sha256.js +18 -0
- data/assets/3rd-party/crypto-js/hmac-sha3.js +18 -0
- data/assets/3rd-party/crypto-js/hmac-sha384.js +18 -0
- data/assets/3rd-party/crypto-js/hmac-sha512.js +18 -0
- data/assets/3rd-party/crypto-js/hmac.js +143 -0
- data/assets/3rd-party/crypto-js/index.js +18 -0
- data/assets/3rd-party/crypto-js/lib-typedarrays.js +76 -0
- data/assets/3rd-party/crypto-js/md5.js +268 -0
- data/assets/3rd-party/crypto-js/mode-cfb.js +80 -0
- data/assets/3rd-party/crypto-js/mode-ctr-gladman.js +116 -0
- data/assets/3rd-party/crypto-js/mode-ctr.js +58 -0
- data/assets/3rd-party/crypto-js/mode-ecb.js +40 -0
- data/assets/3rd-party/crypto-js/mode-ofb.js +54 -0
- data/assets/3rd-party/crypto-js/package.json +66 -0
- data/assets/3rd-party/crypto-js/pad-ansix923.js +49 -0
- data/assets/3rd-party/crypto-js/pad-iso10126.js +44 -0
- data/assets/3rd-party/crypto-js/pad-iso97971.js +40 -0
- data/assets/3rd-party/crypto-js/pad-nopadding.js +30 -0
- data/assets/3rd-party/crypto-js/pad-pkcs7.js +18 -0
- data/assets/3rd-party/crypto-js/pad-zeropadding.js +47 -0
- data/assets/3rd-party/crypto-js/pbkdf2.js +145 -0
- data/assets/3rd-party/crypto-js/rabbit-legacy.js +190 -0
- data/assets/3rd-party/crypto-js/rabbit.js +192 -0
- data/assets/3rd-party/crypto-js/rc4.js +139 -0
- data/assets/3rd-party/crypto-js/ripemd160.js +267 -0
- data/assets/3rd-party/crypto-js/sha1.js +150 -0
- data/assets/3rd-party/crypto-js/sha224.js +80 -0
- data/assets/3rd-party/crypto-js/sha256.js +199 -0
- data/assets/3rd-party/crypto-js/sha3.js +326 -0
- data/assets/3rd-party/crypto-js/sha384.js +83 -0
- data/assets/3rd-party/crypto-js/sha512.js +326 -0
- data/assets/3rd-party/crypto-js/tripledes.js +779 -0
- data/assets/3rd-party/crypto-js/x64-core.js +304 -0
- data/assets/css/style.scss +5 -0
- data/assets/ecmascripts/index.js +25 -0
- data/assets/images/avatar.png +0 -0
- data/assets/images/background.jpg +0 -0
- data/assets/social-icons.svg +28 -0
- metadata +176 -0
@@ -0,0 +1,290 @@
|
|
1
|
+
/**
|
2
|
+
* Site header
|
3
|
+
*/
|
4
|
+
.site-header {
|
5
|
+
// border-top: 5px solid $grey-color-dark;
|
6
|
+
border-bottom: 1px solid $grey-color-light;
|
7
|
+
min-height: $spacing-unit * 1.865;
|
8
|
+
line-height: $base-line-height * $base-font-size * 2.25;
|
9
|
+
|
10
|
+
// Positioning context for the mobile navigation icon
|
11
|
+
position: relative;
|
12
|
+
}
|
13
|
+
|
14
|
+
.site-title {
|
15
|
+
@include relative-font-size(1.625);
|
16
|
+
font-weight: 300;
|
17
|
+
letter-spacing: -1px;
|
18
|
+
margin-bottom: 0;
|
19
|
+
float: left;
|
20
|
+
|
21
|
+
@include media-query($on-palm) {
|
22
|
+
padding-right: 45px;
|
23
|
+
}
|
24
|
+
|
25
|
+
&,
|
26
|
+
&:visited {
|
27
|
+
color: $grey-color-dark;
|
28
|
+
}
|
29
|
+
}
|
30
|
+
|
31
|
+
.site-nav {
|
32
|
+
position: absolute;
|
33
|
+
top: 9px;
|
34
|
+
right: $spacing-unit / 2;
|
35
|
+
background-color: $background-color;
|
36
|
+
border: 1px solid $grey-color-light;
|
37
|
+
border-radius: 5px;
|
38
|
+
text-align: right;
|
39
|
+
|
40
|
+
.nav-trigger {
|
41
|
+
display: none;
|
42
|
+
}
|
43
|
+
|
44
|
+
.menu-icon {
|
45
|
+
float: right;
|
46
|
+
width: 36px;
|
47
|
+
height: 26px;
|
48
|
+
line-height: 0;
|
49
|
+
padding-top: 10px;
|
50
|
+
text-align: center;
|
51
|
+
|
52
|
+
> svg path {
|
53
|
+
fill: $grey-color-dark;
|
54
|
+
}
|
55
|
+
}
|
56
|
+
|
57
|
+
label[for='nav-trigger'] {
|
58
|
+
display: block;
|
59
|
+
float: right;
|
60
|
+
width: 36px;
|
61
|
+
height: 36px;
|
62
|
+
z-index: 2;
|
63
|
+
cursor: pointer;
|
64
|
+
}
|
65
|
+
|
66
|
+
input ~ .trigger {
|
67
|
+
clear: both;
|
68
|
+
display: none;
|
69
|
+
}
|
70
|
+
|
71
|
+
input:checked ~ .trigger {
|
72
|
+
display: block;
|
73
|
+
padding-bottom: 5px;
|
74
|
+
}
|
75
|
+
|
76
|
+
.page-link {
|
77
|
+
color: $text-color;
|
78
|
+
line-height: $base-line-height;
|
79
|
+
display: block;
|
80
|
+
padding: 5px 10px;
|
81
|
+
|
82
|
+
// Gaps between nav items, but not on the last one
|
83
|
+
&:not(:last-child) {
|
84
|
+
margin-right: 0;
|
85
|
+
}
|
86
|
+
margin-left: 20px;
|
87
|
+
}
|
88
|
+
|
89
|
+
@media screen and (min-width: $on-medium) {
|
90
|
+
position: static;
|
91
|
+
float: right;
|
92
|
+
border: none;
|
93
|
+
background-color: inherit;
|
94
|
+
|
95
|
+
label[for='nav-trigger'] {
|
96
|
+
display: none;
|
97
|
+
}
|
98
|
+
|
99
|
+
.menu-icon {
|
100
|
+
display: none;
|
101
|
+
}
|
102
|
+
|
103
|
+
input ~ .trigger {
|
104
|
+
display: block;
|
105
|
+
}
|
106
|
+
|
107
|
+
.page-link {
|
108
|
+
display: inline;
|
109
|
+
padding: 0;
|
110
|
+
|
111
|
+
&:not(:last-child) {
|
112
|
+
margin-right: 20px;
|
113
|
+
}
|
114
|
+
margin-left: auto;
|
115
|
+
}
|
116
|
+
}
|
117
|
+
}
|
118
|
+
|
119
|
+
/**
|
120
|
+
* Site footer
|
121
|
+
*/
|
122
|
+
.site-footer {
|
123
|
+
// border-top: 1px solid $grey-color-light;
|
124
|
+
padding: $spacing-unit 0;
|
125
|
+
|
126
|
+
.for-the-record {
|
127
|
+
color: rgba(0,0,0,.65);
|
128
|
+
font-size: 14px;
|
129
|
+
text-align: center;
|
130
|
+
}
|
131
|
+
a {
|
132
|
+
text-decoration: none;
|
133
|
+
color: gray;
|
134
|
+
}
|
135
|
+
}
|
136
|
+
|
137
|
+
.footer-heading {
|
138
|
+
@include relative-font-size(1.125);
|
139
|
+
margin-bottom: $spacing-unit / 2;
|
140
|
+
}
|
141
|
+
|
142
|
+
.contact-list,
|
143
|
+
.social-media-list {
|
144
|
+
list-style: none;
|
145
|
+
margin-left: 0;
|
146
|
+
}
|
147
|
+
|
148
|
+
.footer-content {
|
149
|
+
@include relative-font-size(0.9375);
|
150
|
+
color: $grey-color;
|
151
|
+
margin-left: -$spacing-unit / 2;
|
152
|
+
@extend %clearfix;
|
153
|
+
}
|
154
|
+
.footer-description {
|
155
|
+
margin: 0px 12px;
|
156
|
+
@media screen and (min-width: $on-palm) {
|
157
|
+
margin: 0px 6px;
|
158
|
+
}
|
159
|
+
}
|
160
|
+
@media screen and (min-width: $on-large) {
|
161
|
+
.profile-content {
|
162
|
+
display: block;
|
163
|
+
}
|
164
|
+
}
|
165
|
+
|
166
|
+
@media screen and (min-width: $on-medium) {
|
167
|
+
}
|
168
|
+
|
169
|
+
.profile-content {
|
170
|
+
padding: $spacing-unit 24px;
|
171
|
+
position: absolute;
|
172
|
+
@include media-query($on-palm) {
|
173
|
+
display: none;
|
174
|
+
}
|
175
|
+
|
176
|
+
}
|
177
|
+
/**
|
178
|
+
* Page content
|
179
|
+
*/
|
180
|
+
.page-content {
|
181
|
+
padding: $spacing-unit 0;
|
182
|
+
flex: 1 0 auto;
|
183
|
+
}
|
184
|
+
|
185
|
+
.page-heading {
|
186
|
+
@include relative-font-size(2);
|
187
|
+
}
|
188
|
+
|
189
|
+
.post-list-heading {
|
190
|
+
@include relative-font-size(1.75);
|
191
|
+
}
|
192
|
+
|
193
|
+
.post-list {
|
194
|
+
margin-left: 0;
|
195
|
+
list-style: none;
|
196
|
+
|
197
|
+
> li {
|
198
|
+
margin-bottom: $spacing-unit;
|
199
|
+
}
|
200
|
+
}
|
201
|
+
|
202
|
+
.post-meta {
|
203
|
+
font-size: $small-font-size;
|
204
|
+
color: $grey-color;
|
205
|
+
}
|
206
|
+
|
207
|
+
.post-link {
|
208
|
+
display: block;
|
209
|
+
@include relative-font-size(1.5);
|
210
|
+
}
|
211
|
+
|
212
|
+
/**
|
213
|
+
* Posts
|
214
|
+
*/
|
215
|
+
.post-header {
|
216
|
+
margin-bottom: $spacing-unit;
|
217
|
+
}
|
218
|
+
|
219
|
+
.post-title,
|
220
|
+
.post-content h1 {
|
221
|
+
@include relative-font-size(2.625);
|
222
|
+
letter-spacing: -1px;
|
223
|
+
line-height: 1;
|
224
|
+
|
225
|
+
@media screen and (min-width: $on-large) {
|
226
|
+
@include relative-font-size(2.625);
|
227
|
+
}
|
228
|
+
}
|
229
|
+
|
230
|
+
.post-content {
|
231
|
+
margin-bottom: $spacing-unit;
|
232
|
+
|
233
|
+
h2 {
|
234
|
+
@include relative-font-size(1.75);
|
235
|
+
|
236
|
+
@media screen and (min-width: $on-large) {
|
237
|
+
@include relative-font-size(2);
|
238
|
+
}
|
239
|
+
}
|
240
|
+
|
241
|
+
h3 {
|
242
|
+
@include relative-font-size(1.375);
|
243
|
+
|
244
|
+
@media screen and (min-width: $on-large) {
|
245
|
+
@include relative-font-size(1.625);
|
246
|
+
}
|
247
|
+
}
|
248
|
+
|
249
|
+
h4 {
|
250
|
+
@include relative-font-size(1.125);
|
251
|
+
|
252
|
+
@media screen and (min-width: $on-large) {
|
253
|
+
@include relative-font-size(1.25);
|
254
|
+
}
|
255
|
+
}
|
256
|
+
}
|
257
|
+
|
258
|
+
.social-media-list {
|
259
|
+
display: table;
|
260
|
+
margin: 0 auto;
|
261
|
+
li {
|
262
|
+
float: left;
|
263
|
+
margin: 0 5px;
|
264
|
+
&:first-of-type {
|
265
|
+
margin-left: 0;
|
266
|
+
}
|
267
|
+
&:last-of-type {
|
268
|
+
margin-right: 0;
|
269
|
+
}
|
270
|
+
a {
|
271
|
+
display: block;
|
272
|
+
padding: $spacing-unit / 4;
|
273
|
+
// border: 1px solid $grey-color-light;
|
274
|
+
}
|
275
|
+
&:hover .svg-icon {
|
276
|
+
fill: currentColor;
|
277
|
+
}
|
278
|
+
}
|
279
|
+
}
|
280
|
+
|
281
|
+
/**
|
282
|
+
* Grid helpers
|
283
|
+
*/
|
284
|
+
.one-half {
|
285
|
+
width: -webkit-calc(50% - (#{$spacing-unit} / 2));
|
286
|
+
width: calc(50% - (#{$spacing-unit} / 2));
|
287
|
+
@include media-query($on-palm) {
|
288
|
+
width: auto;
|
289
|
+
}
|
290
|
+
}
|
@@ -0,0 +1,71 @@
|
|
1
|
+
/**
|
2
|
+
* Syntax highlighting styles
|
3
|
+
*/
|
4
|
+
.highlight {
|
5
|
+
background: #fff;
|
6
|
+
// @extend %vertical-rhythm;
|
7
|
+
|
8
|
+
.highlighter-rouge & {
|
9
|
+
background: #eef;
|
10
|
+
}
|
11
|
+
|
12
|
+
.c { color: #998; font-style: italic } // Comment
|
13
|
+
.err { color: #a61717; background-color: #e3d2d2 } // Error
|
14
|
+
.k { font-weight: bold } // Keyword
|
15
|
+
.o { font-weight: bold } // Operator
|
16
|
+
.cm { color: #998; font-style: italic } // Comment.Multiline
|
17
|
+
.cp { color: #999; font-weight: bold } // Comment.Preproc
|
18
|
+
.c1 { color: #998; font-style: italic } // Comment.Single
|
19
|
+
.cs { color: #999; font-weight: bold; font-style: italic } // Comment.Special
|
20
|
+
.gd { color: #000; background-color: #fdd } // Generic.Deleted
|
21
|
+
.gd .x { color: #000; background-color: #faa } // Generic.Deleted.Specific
|
22
|
+
.ge { font-style: italic } // Generic.Emph
|
23
|
+
.gr { color: #a00 } // Generic.Error
|
24
|
+
.gh { color: #999 } // Generic.Heading
|
25
|
+
.gi { color: #000; background-color: #dfd } // Generic.Inserted
|
26
|
+
.gi .x { color: #000; background-color: #afa } // Generic.Inserted.Specific
|
27
|
+
.go { color: #888 } // Generic.Output
|
28
|
+
.gp { color: #555 } // Generic.Prompt
|
29
|
+
.gs { font-weight: bold } // Generic.Strong
|
30
|
+
.gu { color: #aaa } // Generic.Subheading
|
31
|
+
.gt { color: #a00 } // Generic.Traceback
|
32
|
+
.kc { font-weight: bold } // Keyword.Constant
|
33
|
+
.kd { font-weight: bold } // Keyword.Declaration
|
34
|
+
.kp { font-weight: bold } // Keyword.Pseudo
|
35
|
+
.kr { font-weight: bold } // Keyword.Reserved
|
36
|
+
.kt { color: #458; font-weight: bold } // Keyword.Type
|
37
|
+
.m { color: #099 } // Literal.Number
|
38
|
+
.s { color: #d14 } // Literal.String
|
39
|
+
.na { color: #008080 } // Name.Attribute
|
40
|
+
.nb { color: #0086B3 } // Name.Builtin
|
41
|
+
.nc { color: #458; font-weight: bold } // Name.Class
|
42
|
+
.no { color: #008080 } // Name.Constant
|
43
|
+
.ni { color: #800080 } // Name.Entity
|
44
|
+
.ne { color: #900; font-weight: bold } // Name.Exception
|
45
|
+
.nf { color: #900; font-weight: bold } // Name.Function
|
46
|
+
.nn { color: #555 } // Name.Namespace
|
47
|
+
.nt { color: #000080 } // Name.Tag
|
48
|
+
.nv { color: #008080 } // Name.Variable
|
49
|
+
.ow { font-weight: bold } // Operator.Word
|
50
|
+
.w { color: #bbb } // Text.Whitespace
|
51
|
+
.mf { color: #099 } // Literal.Number.Float
|
52
|
+
.mh { color: #099 } // Literal.Number.Hex
|
53
|
+
.mi { color: #099 } // Literal.Number.Integer
|
54
|
+
.mo { color: #099 } // Literal.Number.Oct
|
55
|
+
.sb { color: #d14 } // Literal.String.Backtick
|
56
|
+
.sc { color: #d14 } // Literal.String.Char
|
57
|
+
.sd { color: #d14 } // Literal.String.Doc
|
58
|
+
.s2 { color: #d14 } // Literal.String.Double
|
59
|
+
.se { color: #d14 } // Literal.String.Escape
|
60
|
+
.sh { color: #d14 } // Literal.String.Heredoc
|
61
|
+
.si { color: #d14 } // Literal.String.Interpol
|
62
|
+
.sx { color: #d14 } // Literal.String.Other
|
63
|
+
.sr { color: #009926 } // Literal.String.Regex
|
64
|
+
.s1 { color: #d14 } // Literal.String.Single
|
65
|
+
.ss { color: #990073 } // Literal.String.Symbol
|
66
|
+
.bp { color: #999 } // Name.Builtin.Pseudo
|
67
|
+
.vc { color: #008080 } // Name.Variable.Class
|
68
|
+
.vg { color: #008080 } // Name.Variable.Global
|
69
|
+
.vi { color: #008080 } // Name.Variable.Instance
|
70
|
+
.il { color: #099 } // Literal.Number.Integer.Long
|
71
|
+
}
|
data/_sass/spring.scss
ADDED
@@ -0,0 +1,56 @@
|
|
1
|
+
@charset "utf-8";
|
2
|
+
|
3
|
+
// Define defaults for each variable.
|
4
|
+
|
5
|
+
$base-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !default;
|
6
|
+
$base-font-size: 16px !default;
|
7
|
+
$base-font-weight: 400 !default;
|
8
|
+
$small-font-size: $base-font-size * 0.875 !default;
|
9
|
+
$base-line-height: 1.5 !default;
|
10
|
+
|
11
|
+
$spacing-unit: 30px !default;
|
12
|
+
|
13
|
+
$text-color: #111 !default;
|
14
|
+
$background-color: #fdfdfd !default;
|
15
|
+
$brand-color: #2a7ae2 !default;
|
16
|
+
|
17
|
+
$grey-color: #828282 !default;
|
18
|
+
$grey-color-light: lighten($grey-color, 40%) !default;
|
19
|
+
$grey-color-dark: darken($grey-color, 25%) !default;
|
20
|
+
$orange-color: #f66a0a !default;
|
21
|
+
$table-text-align: left !default;
|
22
|
+
|
23
|
+
// Width of the content area
|
24
|
+
$content-width: 800px !default;
|
25
|
+
|
26
|
+
$on-palm: 600px !default;
|
27
|
+
$on-laptop: 800px !default;
|
28
|
+
|
29
|
+
$on-medium: $on-palm !default;
|
30
|
+
$on-large: $on-laptop !default;
|
31
|
+
|
32
|
+
// Use media queries like this:
|
33
|
+
// @include media-query($on-palm) {
|
34
|
+
// .wrapper {
|
35
|
+
// padding-right: $spacing-unit / 2;
|
36
|
+
// padding-left: $spacing-unit / 2;
|
37
|
+
// }
|
38
|
+
// }
|
39
|
+
// Notice the following mixin uses max-width, in a deprecated, desktop-first
|
40
|
+
// approach, whereas media queries used elsewhere now use min-width.
|
41
|
+
@mixin media-query($device) {
|
42
|
+
@media screen and (max-width: $device) {
|
43
|
+
@content;
|
44
|
+
}
|
45
|
+
}
|
46
|
+
|
47
|
+
@mixin relative-font-size($ratio) {
|
48
|
+
font-size: $base-font-size * $ratio;
|
49
|
+
}
|
50
|
+
|
51
|
+
// Import partials.
|
52
|
+
@import
|
53
|
+
"spring/base",
|
54
|
+
"spring/layout",
|
55
|
+
"spring/syntax-highlighting"
|
56
|
+
;
|
@@ -0,0 +1,28 @@
|
|
1
|
+
# Contribution
|
2
|
+
|
3
|
+
# Git Flow
|
4
|
+
|
5
|
+
The crypto-js project uses [git flow](https://github.com/nvie/gitflow) to manage branches.
|
6
|
+
Do your changes on the `develop` or even better on a `feature/*` branch. Don't do any changes on the `master` branch.
|
7
|
+
|
8
|
+
# Pull request
|
9
|
+
|
10
|
+
Target your pull request on `develop` branch. Other pull request won't be accepted.
|
11
|
+
|
12
|
+
# How to build
|
13
|
+
|
14
|
+
1. Clone
|
15
|
+
|
16
|
+
2. Run
|
17
|
+
|
18
|
+
```sh
|
19
|
+
npm install
|
20
|
+
```
|
21
|
+
|
22
|
+
3. Run
|
23
|
+
|
24
|
+
```sh
|
25
|
+
npm run build
|
26
|
+
```
|
27
|
+
|
28
|
+
4. Check `build` folder
|
@@ -0,0 +1,24 @@
|
|
1
|
+
# License
|
2
|
+
|
3
|
+
[The MIT License (MIT)](http://opensource.org/licenses/MIT)
|
4
|
+
|
5
|
+
Copyright (c) 2009-2013 Jeff Mott
|
6
|
+
Copyright (c) 2013-2016 Evan Vosberg
|
7
|
+
|
8
|
+
Permission is hereby granted, free of charge, to any person obtaining a copy
|
9
|
+
of this software and associated documentation files (the "Software"), to deal
|
10
|
+
in the Software without restriction, including without limitation the rights
|
11
|
+
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
12
|
+
copies of the Software, and to permit persons to whom the Software is
|
13
|
+
furnished to do so, subject to the following conditions:
|
14
|
+
|
15
|
+
The above copyright notice and this permission notice shall be included in
|
16
|
+
all copies or substantial portions of the Software.
|
17
|
+
|
18
|
+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
19
|
+
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
20
|
+
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
21
|
+
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
22
|
+
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
23
|
+
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
24
|
+
THE SOFTWARE.
|
@@ -0,0 +1,249 @@
|
|
1
|
+
# crypto-js [](https://travis-ci.org/brix/crypto-js)
|
2
|
+
|
3
|
+
JavaScript library of crypto standards.
|
4
|
+
|
5
|
+
## Node.js (Install)
|
6
|
+
|
7
|
+
Requirements:
|
8
|
+
|
9
|
+
- Node.js
|
10
|
+
- npm (Node.js package manager)
|
11
|
+
|
12
|
+
```bash
|
13
|
+
npm install crypto-js
|
14
|
+
```
|
15
|
+
|
16
|
+
### Usage
|
17
|
+
|
18
|
+
ES6 import for typical API call signing use case:
|
19
|
+
|
20
|
+
```javascript
|
21
|
+
import sha256 from 'crypto-js/sha256';
|
22
|
+
import hmacSHA512 from 'crypto-js/hmac-sha512';
|
23
|
+
import Base64 from 'crypto-js/enc-base64';
|
24
|
+
|
25
|
+
const message, nonce, path, privateKey; // ...
|
26
|
+
const hashDigest = sha256(nonce + message);
|
27
|
+
const hmacDigest = Base64.stringify(hmacSHA512(path + hashDigest, privateKey));
|
28
|
+
```
|
29
|
+
|
30
|
+
Modular include:
|
31
|
+
|
32
|
+
```javascript
|
33
|
+
var AES = require("crypto-js/aes");
|
34
|
+
var SHA256 = require("crypto-js/sha256");
|
35
|
+
...
|
36
|
+
console.log(SHA256("Message"));
|
37
|
+
```
|
38
|
+
|
39
|
+
Including all libraries, for access to extra methods:
|
40
|
+
|
41
|
+
```javascript
|
42
|
+
var CryptoJS = require("crypto-js");
|
43
|
+
console.log(CryptoJS.HmacSHA1("Message", "Key"));
|
44
|
+
```
|
45
|
+
|
46
|
+
## Client (browser)
|
47
|
+
|
48
|
+
Requirements:
|
49
|
+
|
50
|
+
- Node.js
|
51
|
+
- Bower (package manager for frontend)
|
52
|
+
|
53
|
+
```bash
|
54
|
+
bower install crypto-js
|
55
|
+
```
|
56
|
+
|
57
|
+
### Usage
|
58
|
+
|
59
|
+
Modular include:
|
60
|
+
|
61
|
+
```javascript
|
62
|
+
require.config({
|
63
|
+
packages: [
|
64
|
+
{
|
65
|
+
name: 'crypto-js',
|
66
|
+
location: 'path-to/bower_components/crypto-js',
|
67
|
+
main: 'index'
|
68
|
+
}
|
69
|
+
]
|
70
|
+
});
|
71
|
+
|
72
|
+
require(["crypto-js/aes", "crypto-js/sha256"], function (AES, SHA256) {
|
73
|
+
console.log(SHA256("Message"));
|
74
|
+
});
|
75
|
+
```
|
76
|
+
|
77
|
+
Including all libraries, for access to extra methods:
|
78
|
+
|
79
|
+
```javascript
|
80
|
+
// Above-mentioned will work or use this simple form
|
81
|
+
require.config({
|
82
|
+
paths: {
|
83
|
+
'crypto-js': 'path-to/bower_components/crypto-js/crypto-js'
|
84
|
+
}
|
85
|
+
});
|
86
|
+
|
87
|
+
require(["crypto-js"], function (CryptoJS) {
|
88
|
+
console.log(CryptoJS.HmacSHA1("Message", "Key"));
|
89
|
+
});
|
90
|
+
```
|
91
|
+
|
92
|
+
### Usage without RequireJS
|
93
|
+
|
94
|
+
```html
|
95
|
+
<script type="text/javascript" src="path-to/bower_components/crypto-js/crypto-js.js"></script>
|
96
|
+
<script type="text/javascript">
|
97
|
+
var encrypted = CryptoJS.AES(...);
|
98
|
+
var encrypted = CryptoJS.SHA256(...);
|
99
|
+
</script>
|
100
|
+
```
|
101
|
+
|
102
|
+
## API
|
103
|
+
|
104
|
+
See: https://cryptojs.gitbook.io/docs/
|
105
|
+
|
106
|
+
### AES Encryption
|
107
|
+
|
108
|
+
#### Plain text encryption
|
109
|
+
|
110
|
+
```javascript
|
111
|
+
var CryptoJS = require("crypto-js");
|
112
|
+
|
113
|
+
// Encrypt
|
114
|
+
var ciphertext = CryptoJS.AES.encrypt('my message', 'secret key 123').toString();
|
115
|
+
|
116
|
+
// Decrypt
|
117
|
+
var bytes = CryptoJS.AES.decrypt(ciphertext, 'secret key 123');
|
118
|
+
var originalText = bytes.toString(CryptoJS.enc.Utf8);
|
119
|
+
|
120
|
+
console.log(originalText); // 'my message'
|
121
|
+
```
|
122
|
+
|
123
|
+
#### Object encryption
|
124
|
+
|
125
|
+
```javascript
|
126
|
+
var CryptoJS = require("crypto-js");
|
127
|
+
|
128
|
+
var data = [{id: 1}, {id: 2}]
|
129
|
+
|
130
|
+
// Encrypt
|
131
|
+
var ciphertext = CryptoJS.AES.encrypt(JSON.stringify(data), 'secret key 123').toString();
|
132
|
+
|
133
|
+
// Decrypt
|
134
|
+
var bytes = CryptoJS.AES.decrypt(ciphertext, 'secret key 123');
|
135
|
+
var decryptedData = JSON.parse(bytes.toString(CryptoJS.enc.Utf8));
|
136
|
+
|
137
|
+
console.log(decryptedData); // [{id: 1}, {id: 2}]
|
138
|
+
```
|
139
|
+
|
140
|
+
### List of modules
|
141
|
+
|
142
|
+
|
143
|
+
- ```crypto-js/core```
|
144
|
+
- ```crypto-js/x64-core```
|
145
|
+
- ```crypto-js/lib-typedarrays```
|
146
|
+
|
147
|
+
---
|
148
|
+
|
149
|
+
- ```crypto-js/md5```
|
150
|
+
- ```crypto-js/sha1```
|
151
|
+
- ```crypto-js/sha256```
|
152
|
+
- ```crypto-js/sha224```
|
153
|
+
- ```crypto-js/sha512```
|
154
|
+
- ```crypto-js/sha384```
|
155
|
+
- ```crypto-js/sha3```
|
156
|
+
- ```crypto-js/ripemd160```
|
157
|
+
|
158
|
+
---
|
159
|
+
|
160
|
+
- ```crypto-js/hmac-md5```
|
161
|
+
- ```crypto-js/hmac-sha1```
|
162
|
+
- ```crypto-js/hmac-sha256```
|
163
|
+
- ```crypto-js/hmac-sha224```
|
164
|
+
- ```crypto-js/hmac-sha512```
|
165
|
+
- ```crypto-js/hmac-sha384```
|
166
|
+
- ```crypto-js/hmac-sha3```
|
167
|
+
- ```crypto-js/hmac-ripemd160```
|
168
|
+
|
169
|
+
---
|
170
|
+
|
171
|
+
- ```crypto-js/pbkdf2```
|
172
|
+
|
173
|
+
---
|
174
|
+
|
175
|
+
- ```crypto-js/aes```
|
176
|
+
- ```crypto-js/tripledes```
|
177
|
+
- ```crypto-js/rc4```
|
178
|
+
- ```crypto-js/rabbit```
|
179
|
+
- ```crypto-js/rabbit-legacy```
|
180
|
+
- ```crypto-js/evpkdf```
|
181
|
+
|
182
|
+
---
|
183
|
+
|
184
|
+
- ```crypto-js/format-openssl```
|
185
|
+
- ```crypto-js/format-hex```
|
186
|
+
|
187
|
+
---
|
188
|
+
|
189
|
+
- ```crypto-js/enc-latin1```
|
190
|
+
- ```crypto-js/enc-utf8```
|
191
|
+
- ```crypto-js/enc-hex```
|
192
|
+
- ```crypto-js/enc-utf16```
|
193
|
+
- ```crypto-js/enc-base64```
|
194
|
+
|
195
|
+
---
|
196
|
+
|
197
|
+
- ```crypto-js/mode-cfb```
|
198
|
+
- ```crypto-js/mode-ctr```
|
199
|
+
- ```crypto-js/mode-ctr-gladman```
|
200
|
+
- ```crypto-js/mode-ofb```
|
201
|
+
- ```crypto-js/mode-ecb```
|
202
|
+
|
203
|
+
---
|
204
|
+
|
205
|
+
- ```crypto-js/pad-pkcs7```
|
206
|
+
- ```crypto-js/pad-ansix923```
|
207
|
+
- ```crypto-js/pad-iso10126```
|
208
|
+
- ```crypto-js/pad-iso97971```
|
209
|
+
- ```crypto-js/pad-zeropadding```
|
210
|
+
- ```crypto-js/pad-nopadding```
|
211
|
+
|
212
|
+
|
213
|
+
## Release notes
|
214
|
+
|
215
|
+
### 4.0.0
|
216
|
+
|
217
|
+
This is an update including breaking changes for some environments.
|
218
|
+
|
219
|
+
In this version `Math.random()` has been replaced by the random methods of the native crypto module.
|
220
|
+
|
221
|
+
For this reason CryptoJS might does not run in some JavaScript environments without native crypto module. Such as IE 10 or before or React Native.
|
222
|
+
|
223
|
+
### 3.3.0
|
224
|
+
|
225
|
+
Rollback, `3.3.0` is the same as `3.1.9-1`.
|
226
|
+
|
227
|
+
The move of using native secure crypto module will be shifted to a new `4.x.x` version. As it is a breaking change the impact is too big for a minor release.
|
228
|
+
|
229
|
+
### 3.2.1
|
230
|
+
|
231
|
+
The usage of the native crypto module has been fixed. The import and access of the native crypto module has been improved.
|
232
|
+
|
233
|
+
### 3.2.0
|
234
|
+
|
235
|
+
In this version `Math.random()` has been replaced by the random methods of the native crypto module.
|
236
|
+
|
237
|
+
For this reason CryptoJS might does not run in some JavaScript environments without native crypto module. Such as IE 10 or before.
|
238
|
+
|
239
|
+
If it's absolute required to run CryptoJS in such an environment, stay with `3.1.x` version. Encrypting and decrypting stays compatible. But keep in mind `3.1.x` versions still use `Math.random()` which is cryptographically not secure, as it's not random enough.
|
240
|
+
|
241
|
+
This version came along with `CRITICAL` `BUG`.
|
242
|
+
|
243
|
+
DO NOT USE THIS VERSION! Please, go for a newer version!
|
244
|
+
|
245
|
+
### 3.1.x
|
246
|
+
|
247
|
+
The `3.1.x` are based on the original CryptoJS, wrapped in CommonJS modules.
|
248
|
+
|
249
|
+
|