7
7
< meta name ="description " content ="A jQuery plugin wrapper for Cropper.js. ">
8
8
< meta name ="author " content ="Chen Fengyuan ">
9
9
< title > jquery-cropper</ title >
10
- < link rel ="stylesheet " href ="https://maxcdn.bootstrapcdn .com/font-awesome/4.7.0 /css/font-awesome.min. css ">
11
- < link rel ="stylesheet " href ="https://maxcdn .bootstrapcdn.com/bootstrap/4.1 .1/css/bootstrap.min.css ">
12
- < link rel ="stylesheet " href ="https://unpkg.com/cropperjs/dist/cropper.css ">
10
+ < link rel ="stylesheet " href ="https://use.fontawesome .com/releases/v5.11.2 /css/all. css " crossorigin =" anonymous ">
11
+ < link rel ="stylesheet " href ="https://stackpath .bootstrapcdn.com/bootstrap/4.3 .1/css/bootstrap.min.css " crossorigin =" anonymous ">
12
+ < link rel ="stylesheet " href ="https://unpkg.com/cropperjs/dist/cropper.css " crossorigin =" anonymous " >
13
13
< link rel ="stylesheet " href ="css/main.css ">
14
14
</ head >
15
15
< body >
34
34
< a class ="nav-link " href ="https://github.com/fengyuanchen/jquery-cropper/blob/master/README.md " data-toggle ="tooltip " title ="View the documentation "> Docs</ a >
35
35
< a class ="nav-link " href ="https://github.com/fengyuanchen/jquery-cropper " data-toggle ="tooltip " title ="View the GitHub project "> GitHub</ a >
36
36
< a class ="nav-link " href ="https://fengyuanchen.github.io/cropperjs " data-toggle ="tooltip " title ="JavaScript image cropper "> Cropper.js</ a >
37
- < a class ="nav-link " href ="https://fengyuanchen.github.io " data-toggle ="tooltip " title ="More projects "> More </ a >
37
+ < a class ="nav-link " href ="https://fengyuanchen.github.io " data-toggle ="tooltip " title ="Explore more projects "> Explore </ a >
38
38
< a class ="nav-link " href ="https://chenfengyuan.com " data-toggle ="tooltip " title ="About the author "> About</ a >
39
39
</ nav >
40
40
</ div >
46
46
< div class ="container ">
47
47
< div class ="row ">
48
48
< div class ="col-md ">
49
- < h1 > jquery-cropper < small class ="h6 "> v1.0.0 </ small > </ h1 >
49
+ < h1 > jquery-cropper < small class ="h6 "> v1.0.1 </ small > </ h1 >
50
50
< p class ="lead "> A jQuery plugin wrapper for Cropper.js.</ p >
51
51
</ div >
52
52
< div class ="col-md ">
53
53
< div class ="carbonads ">
54
- < script id ="_carbonads_js " src ="//cdn.carbonads.com/carbon.js?serve=CKYI55Q7&placement=fengyuanchengithubio " async > </ script >
54
+ < script id ="_carbonads_js " src ="https: //cdn.carbonads.com/carbon.js?serve=CKYI55Q7&placement=fengyuanchengithubio " async > </ script >
55
55
</ div >
56
56
</ div >
57
57
</ div >
@@ -144,12 +144,12 @@ <h1>jquery-cropper <small class="h6">v1.0.0</small></h1>
144
144
< div class ="btn-group ">
145
145
< button type ="button " class ="btn btn-primary " data-method ="setDragMode " data-option ="move " title ="Move ">
146
146
< span class ="docs-tooltip " data-toggle ="tooltip " data-animation ="false " title ="$().cropper("setDragMode", "move") ">
147
- < span class ="fa fa-arrows "> </ span >
147
+ < span class ="fa fa-arrows-alt "> </ span >
148
148
</ span >
149
149
</ button >
150
150
< button type ="button " class ="btn btn-primary " data-method ="setDragMode " data-option ="crop " title ="Crop ">
151
151
< span class ="docs-tooltip " data-toggle ="tooltip " data-animation ="false " title ="$().cropper("setDragMode", "crop") ">
152
- < span class ="fa fa-crop "> </ span >
152
+ < span class ="fa fa-crop-alt "> </ span >
153
153
</ span >
154
154
</ button >
155
155
</ div >
@@ -193,25 +193,25 @@ <h1>jquery-cropper <small class="h6">v1.0.0</small></h1>
193
193
< div class ="btn-group ">
194
194
< button type ="button " class ="btn btn-primary " data-method ="rotate " data-option ="-45 " title ="Rotate Left ">
195
195
< span class ="docs-tooltip " data-toggle ="tooltip " data-animation ="false " title ="$().cropper("rotate", -45) ">
196
- < span class ="fa fa-rotate-left "> </ span >
196
+ < span class ="fa fa-undo-alt "> </ span >
197
197
</ span >
198
198
</ button >
199
199
< button type ="button " class ="btn btn-primary " data-method ="rotate " data-option ="45 " title ="Rotate Right ">
200
200
< span class ="docs-tooltip " data-toggle ="tooltip " data-animation ="false " title ="$().cropper("rotate", 45) ">
201
- < span class ="fa fa-rotate-right "> </ span >
201
+ < span class ="fa fa-redo-alt "> </ span >
202
202
</ span >
203
203
</ button >
204
204
</ div >
205
205
206
206
< div class ="btn-group ">
207
207
< button type ="button " class ="btn btn-primary " data-method ="scaleX " data-option ="-1 " title ="Flip Horizontal ">
208
208
< span class ="docs-tooltip " data-toggle ="tooltip " data-animation ="false " title ="$().cropper("scaleX", -1) ">
209
- < span class ="fa fa-arrows-h "> </ span >
209
+ < span class ="fa fa-arrows-alt- h "> </ span >
210
210
</ span >
211
211
</ button >
212
212
< button type ="button " class ="btn btn-primary " data-method ="scaleY " data-option ="-1 " title ="Flip Vertical ">
213
213
< span class ="docs-tooltip " data-toggle ="tooltip " data-animation ="false " title ="$().cropper("scaleY", -1) ">
214
- < span class ="fa fa-arrows-v "> </ span >
214
+ < span class ="fa fa-arrows-alt- v "> </ span >
215
215
</ span >
216
216
</ button >
217
217
</ div >
@@ -224,7 +224,7 @@ <h1>jquery-cropper <small class="h6">v1.0.0</small></h1>
224
224
</ button >
225
225
< button type ="button " class ="btn btn-primary " data-method ="clear " title ="Clear ">
226
226
< span class ="docs-tooltip " data-toggle ="tooltip " data-animation ="false " title ="$().cropper("clear") ">
227
- < span class ="fa fa-remove "> </ span >
227
+ < span class ="fa fa-times "> </ span >
228
228
</ span >
229
229
</ button >
230
230
</ div >
@@ -245,7 +245,7 @@ <h1>jquery-cropper <small class="h6">v1.0.0</small></h1>
245
245
< div class ="btn-group ">
246
246
< button type ="button " class ="btn btn-primary " data-method ="reset " title ="Reset ">
247
247
< span class ="docs-tooltip " data-toggle ="tooltip " data-animation ="false " title ="$().cropper("reset") ">
248
- < span class ="fa fa-refresh "> </ span >
248
+ < span class ="fa fa-sync-alt "> </ span >
249
249
</ span >
250
250
</ button >
251
251
< label class ="btn btn-primary btn-upload " for ="inputImage " title ="Upload image file ">
@@ -358,7 +358,7 @@ <h5 class="modal-title" id="getCroppedCanvasTitle">Cropped</h5>
358
358
Scale (-2, -1)
359
359
</ span >
360
360
</ button >
361
- < textarea type ="text " class ="form-control " id ="putData " rows =" 1 " placeholder ="Get data to here or set data with this value "> </ textarea >
361
+ < textarea type ="text " class ="form-control " id ="putData " placeholder ="Get data to here or set data with this value "> </ textarea >
362
362
</ div > <!-- /.docs-buttons -->
363
363
364
364
< div class ="col-md-3 docs-toggles ">
@@ -565,10 +565,10 @@ <h5 class="modal-title" id="getCroppedCanvasTitle">Cropped</h5>
565
565
</ footer >
566
566
567
567
<!-- Scripts -->
568
- < script src ="https://code.jquery.com/jquery-3.3 .1.slim.min.js "> </ script >
569
- < script src ="https://maxcdn .bootstrapcdn.com/bootstrap/4.1 .1/js/bootstrap.bundle.min.js "> </ script >
570
- < script src ="https://fengyuanchen.github.io/js/common .js "> </ script >
571
- < script src ="https://unpkg.com/cropperjs/dist/cropper.js "> </ script >
568
+ < script src ="https://code.jquery.com/jquery-3.4 .1.slim.min.js " crossorigin =" anonymous "> </ script >
569
+ < script src ="https://stackpath .bootstrapcdn.com/bootstrap/4.3 .1/js/bootstrap.bundle.min.js " crossorigin =" anonymous "> </ script >
570
+ < script src ="https://fengyuanchen.github.io/shared/google-analytics .js " crossorigin =" anonymous "> </ script >
571
+ < script src ="https://unpkg.com/cropperjs/dist/cropper.js " crossorigin =" anonymous " > </ script >
572
572
< script src ="js/jquery-cropper.js "> </ script >
573
573
< script src ="js/main.js "> </ script >
574
574
</ body >
0 commit comments