Skip to content

Commit 1a6566c

Browse files
gargdopplergargdoppler
authored
Fixed About and added github button (#48)
* Fixed About and added Github star * Fixed About and added Github star * Added Requested Changes
1 parent 6886ac4 commit 1a6566c

File tree

2 files changed

+32
-73
lines changed

2 files changed

+32
-73
lines changed

‎index.html‎

Lines changed: 17 additions & 27 deletions
Original file line numberDiff line numberDiff line change
@@ -5,8 +5,9 @@
55
<title>VisualML</title>
66
<link rel="shortcut icon" href="./img/favicon.ico" type="image/x-icon">
77
<meta charset="utf-8">
8+
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
89
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
9-
<meta name="viewport" content="width=device-width, minimum-scale=1.0, initial-scale=1, user-scalable=yes">
10+
<meta name="HandheldFriendly" content="true">
1011
<link rel="stylesheet" href="style.css">
1112
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css">
1213
<link href="https://code.jquery.com/ui/1.10.4/themes/ui-lightness/jquery-ui.css" rel="stylesheet">
@@ -85,13 +86,16 @@
8586
<div class="row justify-content-center" style="margin-top: 50px; margin-bottom: 0px;">
8687
<h1 style="font-family: 'Exo', sans-serif; text-align: center;">Demos</h1>
8788
</div>
89+
<div class="row justify-content-center" style="margin-top: 10px; margin-bottom: 0px;">
90+
<a class="github-button" href="https://github.com/dsgiitr/VisualML" data-color-scheme="no-preference: light; light: light; dark: dark;" data-icon="octicon-star" data-size="large" data-show-count="true" aria-label="Star dsgiitr/VisualML on GitHub">Star</a>
91+
</div>
8892
<div class="row justify-content-around">
8993
<div class="col-md-4 col-12">
9094
<div class="card block wow fadeInLeft" style="margin-top: 40px; padding: 0;">
9195
<div class="card-header box">
9296
<img src="img/cnn.gif" style="width:500px;" class="img-fluid image" alt="this is a title">
9397
<div class="middle">
94-
<a href="https://github.com/dsgiitr/VisualML/MNIST-CNN">
98+
<a href="https://github.com/dsgiitr/VisualML/tree/master/MNIST-CNN">
9599
<button type="button" class="butn github">Code</button>
96100
</a>
97101
<a href="https://dsgiitr.github.io/mnist-cnn-demo">
@@ -101,9 +105,7 @@ <h1 style="font-family: 'Exo', sans-serif; text-align: center;">Demos</h1>
101105
</div>
102106
<div class="card-body">
103107
<h4 style="font-family: 'Exo', sans-serif; text-align: center;">
104-
<a>
105108
Convolutional Neural Network
106-
</a>
107109
</h4>
108110
<p style="font-family: 'Exo', sans-serif; text-align: center;">
109111
Train and Test a CNN and visualise its layers in 3D.
@@ -116,7 +118,7 @@ <h4 style="font-family: 'Exo', sans-serif; text-align: center;">
116118
<div class="card-header box">
117119
<img src="img/nst.gif" style="width:500px;" class="img-fluid image" alt="this is a title">
118120
<div class="middle">
119-
<a href="https://github.com/dsgiitr/VisualML/neural_style_transfer">
121+
<a href="https://github.com/dsgiitr/VisualML/tree/master/neural_style_transfer">
120122
<button type="button" class="butn github">Code</button>
121123
</a>
122124
<a href="https://dsgiitr.github.io/neural-style-transfer-tfjs">
@@ -126,9 +128,7 @@ <h4 style="font-family: 'Exo', sans-serif; text-align: center;">
126128
</div>
127129
<div class="card-body">
128130
<h4 style="font-family: 'Exo', sans-serif; text-align: center;">
129-
<a>
130131
Neural Style Transfer
131-
</a>
132132
</h4>
133133
<p style="font-family: 'Exo', sans-serif; text-align: center;">
134134
Perform Neural Style Transfer on a variety of images.
@@ -141,7 +141,7 @@ <h4 style="font-family: 'Exo', sans-serif; text-align: center;">
141141
<div class="card-header box">
142142
<img src="img/ann.gif" style="width:500px;" class="img-fluid image" alt="this is a title">
143143
<div class="middle">
144-
<a href="https://github.com/dsgiitr/VisualML/ANN">
144+
<a href="https://github.com/dsgiitr/VisualML/tree/master/ANN">
145145
<button type="button" class="butn github">Code</button>
146146
</a>
147147
<a href="https://dsgiitr.github.io/ann-demo">
@@ -151,9 +151,7 @@ <h4 style="font-family: 'Exo', sans-serif; text-align: center;">
151151
</div>
152152
<div class="card-body">
153153
<h4 style="font-family: 'Exo', sans-serif; text-align: center;">
154-
<a>
155154
Artificial Neural Network
156-
</a>
157155
</h4>
158156
<p style="font-family: 'Exo', sans-serif; text-align: center;">
159157
Train and Test an ANN and visualise its structure.
@@ -168,7 +166,7 @@ <h4 style="font-family: 'Exo', sans-serif; text-align: center;">
168166
<div class="card-header box">
169167
<img src="img/atn.gif" style="width:500px;" class="img-fluid image" alt="this is a title">
170168
<div class="middle">
171-
<a href="https://github.com/dsgiitr/VisualML/Autoencoder">
169+
<a href="https://github.com/dsgiitr/VisualML/tree/master/Autoencoder">
172170
<button type="button" class="butn github">Code</button>
173171
</a>
174172
<a href="https://dsgiitr.github.io/autoencoder-demo">
@@ -178,12 +176,10 @@ <h4 style="font-family: 'Exo', sans-serif; text-align: center;">
178176
</div>
179177
<div class="card-body">
180178
<h4 style="font-family: 'Exo', sans-serif; text-align: center;">
181-
<a>
182179
Autoencoder
183-
</a>
184180
</h4>
185181
<p style="font-family: 'Exo', sans-serif; text-align: center;">
186-
Train an Autoencoder and visualise its 2D Latent Space.
182+
Train an Autoencoder and visualise its Latent Space in 2D.
187183
</p>
188184
</div>
189185
</div>
@@ -193,7 +189,7 @@ <h4 style="font-family: 'Exo', sans-serif; text-align: center;">
193189
<div class="card-header box">
194190
<img src="img/vg.gif" style="width:500px;" class="img-fluid image" alt="this is a title">
195191
<div class="middle">
196-
<a href="https://github.com/dsgiitr/VisualML/vanishing_gradients">
192+
<a href="https://github.com/dsgiitr/VisualML/tree/master/vanishing_gradients">
197193
<button type="button" class="butn github">Code</button>
198194
</a>
199195
<a href="https://dsgiitr.github.io/vanishing-gradients-demo">
@@ -203,9 +199,7 @@ <h4 style="font-family: 'Exo', sans-serif; text-align: center;">
203199
</div>
204200
<div class="card-body">
205201
<h4 style="font-family: 'Exo', sans-serif; text-align: center;">
206-
<a>
207202
Vanishing Gradients
208-
</a>
209203
</h4>
210204
<p style="font-family: 'Exo', sans-serif; text-align: center;">
211205
Visualise how ReLU solves the problem of Vanishing Gradients.
@@ -218,7 +212,7 @@ <h4 style="font-family: 'Exo', sans-serif; text-align: center;">
218212
<div class="card-header box">
219213
<img src="img/svm.gif" style="width:500px;" class="img-fluid image" alt="this is a title">
220214
<div class="middle">
221-
<a href="https://github.com/dsgiitr/VisualML/SVM">
215+
<a href="https://github.com/dsgiitr/VisualML/tree/master/SVM">
222216
<button type="button" class="butn github">Code</button>
223217
</a>
224218
<a href="https://dsgiitr.github.io/svm-demo">
@@ -228,9 +222,7 @@ <h4 style="font-family: 'Exo', sans-serif; text-align: center;">
228222
</div>
229223
<div class="card-body">
230224
<h4 style="font-family: 'Exo', sans-serif; text-align: center;">
231-
<a>
232225
Support Vector Machines
233-
</a>
234226
</h4>
235227
<p style="font-family: 'Exo', sans-serif; text-align: center;">
236228
Visualise the effects of kernels and parameters on a SVM.
@@ -245,7 +237,7 @@ <h4 style="font-family: 'Exo', sans-serif; text-align: center;">
245237
<div class="card-header box">
246238
<img src="img/pca.gif" style="width:500px;" class="img-fluid image" alt="this is a title">
247239
<div class="middle">
248-
<a href="https://github.com/dsgiitr/VisualML/PCA">
240+
<a href="https://github.com/dsgiitr/VisualML/tree/master/PCA">
249241
<button type="button" class="butn github">Code</button>
250242
</a>
251243
<a href="https://dsgiitr.github.io/pca-demo">
@@ -255,9 +247,7 @@ <h4 style="font-family: 'Exo', sans-serif; text-align: center;">
255247
</div>
256248
<div class="card-body">
257249
<h4 style="font-family: 'Exo', sans-serif; text-align: center;">
258-
<a>
259250
Principal Components Analysis
260-
</a>
261251
</h4>
262252
<p style="font-family: 'Exo', sans-serif; text-align: center;">
263253
Visualise the principal components of different types of datasets.
@@ -270,7 +260,7 @@ <h4 style="font-family: 'Exo', sans-serif; text-align: center;">
270260
<div class="card-header box">
271261
<img src="img/lr.gif" style="width:500px;" class="img-fluid image" alt="this is a title">
272262
<div class="middle">
273-
<a href="https://github.com/dsgiitr/VisualML/Logistic Regression">
263+
<a href="https://github.com/dsgiitr/VisualML/tree/master/Logistic Regression">
274264
<button type="button" class="butn github">Code</button>
275265
</a>
276266
<a href="https://dsgiitr.github.io/logistic-regression-demo">
@@ -280,9 +270,7 @@ <h4 style="font-family: 'Exo', sans-serif; text-align: center;">
280270
</div>
281271
<div class="card-body">
282272
<h4 style="font-family: 'Exo', sans-serif; text-align: center;">
283-
<a>
284273
Logistic Regression
285-
</a>
286274
</h4>
287275
<p style="font-family: 'Exo', sans-serif; text-align: center;">
288276
Visualise the separation of classes using Logistic Regression.
@@ -355,6 +343,8 @@ <h4 style="font-family: 'Exo', sans-serif; text-align: center;">
355343
});
356344
new WOW().init();
357345
</script>
346+
<!-- Place this tag in your head or just before your close body tag. -->
347+
<script async defer src="https://buttons.github.io/buttons.js"></script>
358348
</body>
359349

360-
</html>
350+
</html>

‎style.css‎

Lines changed: 15 additions & 46 deletions
Original file line numberDiff line numberDiff line change
@@ -102,6 +102,7 @@ img {
102102
.nav-link {
103103
color: white;
104104
font-family: 'Exo', sans-serif;
105+
text-align: center;
105106
}
106107

107108
.nav-pills>li>a:hover {
@@ -122,32 +123,6 @@ img {
122123
opacity: 95%;
123124
}
124125

125-
126-
/*
127-
Phones: iPhone SE
128-
*/
129-
130-
@media(max-width: 415px) and (orientation: portrait) {
131-
.navbar-brand {
132-
height: 70px;
133-
}
134-
.nav-text-home {
135-
font-size: 3em;
136-
color: floralwhite;
137-
text-align: center;
138-
margin-left: 2%;
139-
}
140-
.nav-text-about {
141-
font-size: 0.5em;
142-
color: floralwhite;
143-
text-align: center;
144-
margin-left: 2%;
145-
}
146-
.nav-link {
147-
text-align: center;
148-
}
149-
}
150-
151126
@media(max-width: 569px) and (orientation: landscape) {
152127
.navbar-brand {
153128
height: 70px;
@@ -165,7 +140,7 @@ Phones: iPhone SE
165140
opacity: 95%;
166141
}
167142
.nav-text-about {
168-
font-size: 1em;
143+
font-size: 1.5em;
169144
color: floralwhite;
170145
text-align: center;
171146
}
@@ -183,12 +158,11 @@ Phones: iPhone SE
183158
.me {
184159
border-radius: 200px;
185160
width: 400px;
186-
margin-left: 3.5%;
187161
background-color: white;
188162
opacity: 95%;
189163
}
190164
.nav-text-about {
191-
font-size: 1em;
165+
font-size: 1.2em;
192166
color: floralwhite;
193167
text-align: center;
194168
}
@@ -202,7 +176,6 @@ Phones: iPhone SE
202176
font-size: 3em;
203177
color: floralwhite;
204178
text-align: center;
205-
margin-left: -1%;
206179
}
207180
.me {
208181
border-radius: 200px;
@@ -212,10 +185,9 @@ Phones: iPhone SE
212185
opacity: 95%;
213186
}
214187
.nav-text-about {
215-
font-size: 1em;
188+
font-size: 1.5em;
216189
color: floralwhite;
217190
text-align: center;
218-
margin-left: -1%;
219191
}
220192
}
221193

@@ -227,20 +199,18 @@ Phones: iPhone SE
227199
font-size: 3em;
228200
color: floralwhite;
229201
text-align: center;
230-
margin-left: -1%;
231202
}
232203
.me {
233204
border-radius: 200px;
234205
width: 400px;
235-
margin-left: 10%;
206+
margin-left: 5%;
236207
background-color: white;
237208
opacity: 95%;
238209
}
239210
.nav-text-about {
240-
font-size: 1em;
211+
font-size: 2em;
241212
color: floralwhite;
242213
text-align: center;
243-
margin-left: -1%;
244214
}
245215
}
246216

@@ -252,17 +222,16 @@ Phones: iPhone SE
252222
font-size: 3em;
253223
color: floralwhite;
254224
text-align: center;
255-
margin-left: 2.5%;
256225
}
257226
.me {
258227
border-radius: 200px;
259228
width: 400px;
260-
margin-left: 15%;
229+
margin-left: 14.5%;
261230
background-color: white;
262231
opacity: 95%;
263232
}
264233
.nav-text-about {
265-
font-size: 1em;
234+
font-size: 2em;
266235
color: floralwhite;
267236
text-align: center;
268237
margin-left: 2.5%;
@@ -289,7 +258,7 @@ Phones: iPhone SE
289258
opacity: 95%;
290259
}
291260
.nav-text-about {
292-
font-size: 0.5em;
261+
font-size: 1.2em;
293262
color: floralwhite;
294263
text-align: center;
295264
width: 400px;
@@ -315,7 +284,7 @@ Phones: iPhone SE
315284
opacity: 95%;
316285
}
317286
.nav-text-about {
318-
font-size: 1em;
287+
font-size: 2em;
319288
color: floralwhite;
320289
text-align: center;
321290
margin-left: 2.5%;
@@ -342,7 +311,7 @@ Phones: iPhone SE
342311
opacity: 95%;
343312
}
344313
.nav-text-about {
345-
font-size: 0.5em;
314+
font-size: 1.2em;
346315
color: floralwhite;
347316
text-align: center;
348317
margin-left: 0%;
@@ -373,7 +342,7 @@ Phones: iPhone SE
373342
opacity: 95%;
374343
}
375344
.nav-text-about {
376-
font-size: 0.5em;
345+
font-size: 1.5em;
377346
color: floralwhite;
378347
text-align: center;
379348
margin-left: 0%;
@@ -408,7 +377,7 @@ Tablet1: landscape
408377
margin-left: 30%;
409378
}
410379
.nav-text-about {
411-
font-size: 1em;
380+
font-size: 1.5em;
412381
color: floralwhite;
413382
text-align: center;
414383
width: 600px;
@@ -444,7 +413,7 @@ Tablet2: landscape
444413
margin-top: 10%;
445414
}
446415
.nav-text-about {
447-
font-size: 1em;
416+
font-size: 1.5em;
448417
color: floralwhite;
449418
text-align: center;
450419
width: 600px;
@@ -545,7 +514,7 @@ Tablet3: landscape
545514
margin-top: 5%;
546515
}
547516
.nav-text-about {
548-
font-size: 0.5em;
517+
font-size: 1.5em;
549518
color: floralwhite;
550519
text-align: center;
551520
width: 600px;

0 commit comments

Comments
 (0)