11<!doctype html>
22< html lang ="en ">
3- < head >
3+
4+ < head >
45 <!-- Required meta tags -->
56 < meta charset ="utf-8 ">
67 < 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 " >
89 <!-- Bootstrap CSS -->
910 < 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 | Adversarial Attack</ title >
13+ </ head >
1314< 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 Adversarial Examples</ a >
17+
18+ <!-- Links -->
19+ <!-- <ul class="navbar-nav">
1920 <li class="nav-item">
2021 <a class="nav-link" href="#">Link 1</a>
2122 </li>
2223 </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 ">
2627 Attack
2728 </ 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 >
3839 </ div >
39- <!-- <a class="navbar-brand" href="index.html">
40+ <!-- <a class="navbar-brand" href="index.html">
4041 <img src="/logo.png" alt="Logo" style="width:30px;">
4142 </a> -->
4243</ 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 ">
4845 < 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 ">
7782 < option > alexnet</ option >
7883 < option > resnet18</ option >
7984 < option > vgg16</ option >
8085 < option > googlenet</ option >
8186 < option > mobilenet_v2</ option >
8287 </ select >
83- </ fieldset >
88+ </ fieldset >
8489
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 >
9297</ div >
9398<!-- <div class="jumbotron">
9499 <h1>Bootstrap Tutorial</h1>
95100 <p>Bootstrap is the most popular HTML, CSS...</p>
96101</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 -->
104103
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 >
105108
109+ </ html >
0 commit comments