1
1
<!doctype html>
2
2
< html lang ="en ">
3
- < head >
3
+
4
+ < head >
4
5
<!-- Required meta tags -->
5
6
< meta charset ="utf-8 ">
6
7
< meta name ="viewport " content ="width=device-width, initial-scale=1, shrink-to-fit=no ">
7
-
8
+ < link rel =" shortcut icon " href =" ../img/favicon.ico " type =" image/x-icon " >
8
9
<!-- Bootstrap CSS -->
9
10
< link rel ="stylesheet " href ="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css " integrity ="sha384-GJzZqFGwb1QTTN6wy59ffF1BuGJpLSa9DkKMp0DgiMDm4iYMj70gZWKYbI706tWS " crossorigin ="anonymous ">
10
-
11
- < title > Adversarial Attack</ title >
12
- </ head >
11
+
12
+ < title > VisualML | Advesarial Attack</ title >
13
+ </ head >
13
14
< nav class ="navbar navbar-expand-sm bg-dark navbar-dark ">
14
- <!-- Brand/logo -->
15
- < a class ="navbar-brand " href ="# "> Generate Advesarial Examples</ a >
16
-
17
- <!-- Links -->
18
- <!-- <ul class="navbar-nav">
15
+ <!-- Brand/logo -->
16
+ < a class ="navbar-brand " href ="# "> Generate Advesarial Examples</ a >
17
+
18
+ <!-- Links -->
19
+ <!-- <ul class="navbar-nav">
19
20
<li class="nav-item">
20
21
<a class="nav-link" href="#">Link 1</a>
21
22
</li>
22
23
</ul> -->
23
- <!-- <div class="dropdown-header">Dropdown header 1</div> -->
24
- < div class ="nav-item dropdown ">
25
- < a class ="nav-link dropdown-toggle " href ="# " id ="navbardrop " data-toggle ="dropdown ">
24
+ <!-- <div class="dropdown-header">Dropdown header 1</div> -->
25
+ < div class ="nav-item dropdown ">
26
+ < a class ="nav-link dropdown-toggle " href ="# " id ="navbardrop " data-toggle ="dropdown ">
26
27
Attack
27
28
</ a >
28
- < div class ="dropdown-menu ">
29
- < div class ="dropdown-header "> Untargeted</ div >
30
- < a class ="dropdown-item " href ="/fgsm_untargeted "> FGSM</ a >
31
- < a class ="dropdown-item " href ="/basic_iterative "> Basic Iterative</ a >
32
- < a class ="dropdown-item " href ="/iterative_ll_class "> Iterative Least Likely Class</ a >
33
- < a class ="dropdown-item " href ="/deep_fool "> Deep Fool</ a >
34
- < div class ="dropdown-header "> Targeted</ div >
35
- < a class ="dropdown-item " href ="/fgsm_targeted "> FGSM Targeted</ a >
36
- < a class ="dropdown-item " href ="/lbfgs "> LBFGS</ a >
37
- </ div >
29
+ < div class ="dropdown-menu ">
30
+ < div class ="dropdown-header "> Untargeted</ div >
31
+ < a class ="dropdown-item " href ="/fgsm_untargeted "> FGSM</ a >
32
+ < a class ="dropdown-item " href ="/basic_iterative "> Basic Iterative</ a >
33
+ < a class ="dropdown-item " href ="/iterative_ll_class "> Iterative Least Likely Class</ a >
34
+ < a class ="dropdown-item " href ="/deep_fool "> Deep Fool</ a >
35
+ < div class ="dropdown-header "> Targeted</ div >
36
+ < a class ="dropdown-item " href ="/fgsm_targeted "> FGSM Targeted</ a >
37
+ < a class ="dropdown-item " href ="/lbfgs "> LBFGS</ a >
38
+ </ div >
38
39
</ div >
39
- <!-- <a class="navbar-brand" href="index.html">
40
+ <!-- <a class="navbar-brand" href="index.html">
40
41
<img src="/logo.png" alt="Logo" style="width:30px;">
41
42
</a> -->
42
43
</ nav >
43
- < div class ="container-fluid ">
44
- < div class ="row ">
45
- < div class ="col-md-9 ">
46
- < div class ="container-fluid p-4 bg-dark text-white ">
47
- < div class ="row text-white p-2 " > < h4 > Fast Gradient Sign Method (Untargeted)</ h4 > </ div >
44
+ < div class ="container-fluid ">
48
45
< div class ="row ">
49
- < div class ="col-sm " style ="border-style: solid;border-width:1px; " > < img src ="./images/blank_image.png " style ="width:100%;height: auto; " id ="or_image "> </ img > Original Image
50
- < div id ='or_label '>
51
-
52
- </ div > </ div >
53
- < div class ="col-sm " style ="border-style: solid;border-width:1px; " > < img src ="./images/blank_image.png " style ="width:100%;height: auto; " id ="perturb "> </ img > Perturbation
54
- < div id ='del_label '> </ div >
55
- </ div >
56
- < div class ="col-sm " style ="border-style: solid;border-width:1px; " > < img src ="./images/blank_image.png " style ="width:100%;height: auto; " id ="perturbed "> </ img > Perturbed Image
57
- < div id ='per_label '>
58
-
59
- </ div > </ div >
60
- </ div >
61
- </ div >
62
- </ div >
63
- < div class ="col-md-3 ">
64
- < form id ="upload-file ">
65
- < div class ="container-fluid p-4 my-0 bg-dark text-white ">
66
- < fieldset class ="form-group ">
67
- < label for ="Image "> Upload Image</ label >
68
- < input type ="file " class ="form-control-file " name ="file " >
69
- </ fieldset >
70
- < fieldset class ="form-group ">
71
- < label for ="eps " > Epsilon:</ label >
72
- < input type ="text " class ="form-control " name ="eps " value ="0.1 ">
73
- </ fieldset >
74
- < fieldset class ="form-group ">
75
- < label for ="model "> Select Model:</ label >
76
- < select class ="form-control " id ="model " name ="model ">
46
+ < div class ="col-md-9 ">
47
+ < div class ="container-fluid p-4 bg-dark text-white ">
48
+ < div class ="row text-white p-2 ">
49
+ < h4 > Fast Gradient Sign Method (Untargeted)</ h4 >
50
+ </ div >
51
+ < div class ="row ">
52
+ < div class ="col-sm " style ="border-style: solid;border-width:1px; "> < img src ="./images/blank_image.png " style ="width:100%;height: auto; " id ="or_image "> </ img > Original Image
53
+ < div id ='or_label '>
54
+
55
+ </ div >
56
+ </ div >
57
+ < div class ="col-sm " style ="border-style: solid;border-width:1px; "> < img src ="./images/blank_image.png " style ="width:100%;height: auto; " id ="perturb "> </ img > Perturbation
58
+ < div id ='del_label '> </ div >
59
+ </ div >
60
+ < div class ="col-sm " style ="border-style: solid;border-width:1px; "> < img src ="./images/blank_image.png " style ="width:100%;height: auto; " id ="perturbed "> </ img > Perturbed Image
61
+ < div id ='per_label '>
62
+
63
+ </ div >
64
+ </ div >
65
+ </ div >
66
+ </ div >
67
+ </ div >
68
+ < div class ="col-md-3 ">
69
+ < form id ="upload-file ">
70
+ < div class ="container-fluid p-4 my-0 bg-dark text-white ">
71
+ < fieldset class ="form-group ">
72
+ < label for ="Image "> Upload Image</ label >
73
+ < input type ="file " class ="form-control-file " name ="file ">
74
+ </ fieldset >
75
+ < fieldset class ="form-group ">
76
+ < label for ="eps "> Epsilon:</ label >
77
+ < input type ="text " class ="form-control " name ="eps " value ="0.1 ">
78
+ </ fieldset >
79
+ < fieldset class ="form-group ">
80
+ < label for ="model "> Select Model:</ label >
81
+ < select class ="form-control " id ="model " name ="model ">
77
82
< option > alexnet</ option >
78
83
< option > resnet18</ option >
79
84
< option > vgg16</ option >
80
85
< option > googlenet</ option >
81
86
< option > mobilenet_v2</ option >
82
87
</ select >
83
- </ fieldset >
88
+ </ fieldset >
84
89
85
- < fieldset >
86
- < button id ="upload-file-btn " type ="button " class ="btn btn-primary "> Generate</ button >
87
- </ fieldset >
88
- </ div >
89
- </ form >
90
- </ div >
91
- </ div >
90
+ < fieldset >
91
+ < button id ="upload-file-btn " type ="button " class ="btn btn-primary "> Generate</ button >
92
+ </ fieldset >
93
+ </ div >
94
+ </ form >
95
+ </ div >
96
+ </ div >
92
97
</ div >
93
98
<!-- <div class="jumbotron">
94
99
<h1>Bootstrap Tutorial</h1>
95
100
<p>Bootstrap is the most popular HTML, CSS...</p>
96
101
</div> -->
97
- <!-- Optional JavaScript -->
98
-
99
- < script src ="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.6/umd/popper.min.js " integrity ="sha384-wHAiFfRlMFy6i5SRaxvfOCifBUQy1xHdJ/yoi7FRNXMRBu5WHdZYu1hA6ZOblgut " crossorigin ="anonymous "> </ script >
100
- < script src ="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/js/bootstrap.min.js " integrity ="sha384-B0UglyR+jN6CkvvICOB2joaf5I4l3gm9GU6Hc1og6Ls7i6U/mkkaduKaBhlAXv9k " crossorigin ="anonymous "> </ script >
101
- < script src ="index.js "> </ script >
102
- </ body >
103
- </ html >
102
+ <!-- Optional JavaScript -->
104
103
104
+ < script src ="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.6/umd/popper.min.js " integrity ="sha384-wHAiFfRlMFy6i5SRaxvfOCifBUQy1xHdJ/yoi7FRNXMRBu5WHdZYu1hA6ZOblgut " crossorigin ="anonymous "> </ script >
105
+ < script src ="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/js/bootstrap.min.js " integrity ="sha384-B0UglyR+jN6CkvvICOB2joaf5I4l3gm9GU6Hc1og6Ls7i6U/mkkaduKaBhlAXv9k " crossorigin ="anonymous "> </ script >
106
+ < script src ="index.js "> </ script >
107
+ </ body >
105
108
109
+ </ html >
0 commit comments