Skip to content

Commit 313a139

Browse files
committed
Formatting and Suggestions
1 parent a61986a commit 313a139

File tree

16 files changed

+9559
-7443
lines changed

16 files changed

+9559
-7443
lines changed

ANN/index.html

+282-269
Large diffs are not rendered by default.

Adversarial_Lab/index.html

+76-72
Original file line numberDiff line numberDiff line change
@@ -1,105 +1,109 @@
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 | Advesarial 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 Advesarial 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

Comments
 (0)