Skip to content

Commit

Permalink
Fixed About and added github button (#48)
Browse files Browse the repository at this point in the history 
* Fixed About and added Github star

* Fixed About and added Github star

* Added Requested Changes
  • Loading branch information
@gargdoppler
gargdoppler authored Aug 9, 2020
1 parent 6886ac4 commit 1a6566c
Show file tree
Hide file tree
Showing 2 changed files with 32 additions and 73 deletions.
44 changes: 17 additions & 27 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -5,8 +5,9 @@
<title>VisualML</title>
<link rel="shortcut icon" href="./img/favicon.ico" type="image/x-icon">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, minimum-scale=1.0, initial-scale=1, user-scalable=yes">
<meta name="HandheldFriendly" content="true">
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css">
<link href="https://code.jquery.com/ui/1.10.4/themes/ui-lightness/jquery-ui.css" rel="stylesheet">
Expand Down Expand Up @@ -85,13 +86,16 @@
<div class="row justify-content-center" style="margin-top: 50px; margin-bottom: 0px;">
<h1 style="font-family: 'Exo', sans-serif; text-align: center;">Demos</h1>
</div>
<div class="row justify-content-center" style="margin-top: 10px; margin-bottom: 0px;">
<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>
</div>
<div class="row justify-content-around">
<div class="col-md-4 col-12">
<div class="card block wow fadeInLeft" style="margin-top: 40px; padding: 0;">
<div class="card-header box">
<img src="img/cnn.gif" style="width:500px;" class="img-fluid image" alt="this is a title">
<div class="middle">
<a href="https://github.com/dsgiitr/VisualML/MNIST-CNN">
<a href="https://github.com/dsgiitr/VisualML/tree/master/MNIST-CNN">
<button type="button" class="butn github">Code</button>
</a>
<a href="https://dsgiitr.github.io/mnist-cnn-demo">
Expand All @@ -101,9 +105,7 @@ <h1 style="font-family: 'Exo', sans-serif; text-align: center;">Demos</h1>
</div>
<div class="card-body">
<h4 style="font-family: 'Exo', sans-serif; text-align: center;">
<a>
Convolutional Neural Network
</a>
</h4>
<p style="font-family: 'Exo', sans-serif; text-align: center;">
Train and Test a CNN and visualise its layers in 3D.
Expand All @@ -116,7 +118,7 @@ <h4 style="font-family: 'Exo', sans-serif; text-align: center;">
<div class="card-header box">
<img src="img/nst.gif" style="width:500px;" class="img-fluid image" alt="this is a title">
<div class="middle">
<a href="https://github.com/dsgiitr/VisualML/neural_style_transfer">
<a href="https://github.com/dsgiitr/VisualML/tree/master/neural_style_transfer">
<button type="button" class="butn github">Code</button>
</a>
<a href="https://dsgiitr.github.io/neural-style-transfer-tfjs">
Expand All @@ -126,9 +128,7 @@ <h4 style="font-family: 'Exo', sans-serif; text-align: center;">
</div>
<div class="card-body">
<h4 style="font-family: 'Exo', sans-serif; text-align: center;">
<a>
Neural Style Transfer
</a>
</h4>
<p style="font-family: 'Exo', sans-serif; text-align: center;">
Perform Neural Style Transfer on a variety of images.
Expand All @@ -141,7 +141,7 @@ <h4 style="font-family: 'Exo', sans-serif; text-align: center;">
<div class="card-header box">
<img src="img/ann.gif" style="width:500px;" class="img-fluid image" alt="this is a title">
<div class="middle">
<a href="https://github.com/dsgiitr/VisualML/ANN">
<a href="https://github.com/dsgiitr/VisualML/tree/master/ANN">
<button type="button" class="butn github">Code</button>
</a>
<a href="https://dsgiitr.github.io/ann-demo">
Expand All @@ -151,9 +151,7 @@ <h4 style="font-family: 'Exo', sans-serif; text-align: center;">
</div>
<div class="card-body">
<h4 style="font-family: 'Exo', sans-serif; text-align: center;">
<a>
Artificial Neural Network
</a>
</h4>
<p style="font-family: 'Exo', sans-serif; text-align: center;">
Train and Test an ANN and visualise its structure.
Expand All @@ -168,7 +166,7 @@ <h4 style="font-family: 'Exo', sans-serif; text-align: center;">
<div class="card-header box">
<img src="img/atn.gif" style="width:500px;" class="img-fluid image" alt="this is a title">
<div class="middle">
<a href="https://github.com/dsgiitr/VisualML/Autoencoder">
<a href="https://github.com/dsgiitr/VisualML/tree/master/Autoencoder">
<button type="button" class="butn github">Code</button>
</a>
<a href="https://dsgiitr.github.io/autoencoder-demo">
Expand All @@ -178,12 +176,10 @@ <h4 style="font-family: 'Exo', sans-serif; text-align: center;">
</div>
<div class="card-body">
<h4 style="font-family: 'Exo', sans-serif; text-align: center;">
<a>
Autoencoder
</a>
</h4>
<p style="font-family: 'Exo', sans-serif; text-align: center;">
Train an Autoencoder and visualise its 2D Latent Space.
Train an Autoencoder and visualise its Latent Space in 2D.
</p>
</div>
</div>
Expand All @@ -193,7 +189,7 @@ <h4 style="font-family: 'Exo', sans-serif; text-align: center;">
<div class="card-header box">
<img src="img/vg.gif" style="width:500px;" class="img-fluid image" alt="this is a title">
<div class="middle">
<a href="https://github.com/dsgiitr/VisualML/vanishing_gradients">
<a href="https://github.com/dsgiitr/VisualML/tree/master/vanishing_gradients">
<button type="button" class="butn github">Code</button>
</a>
<a href="https://dsgiitr.github.io/vanishing-gradients-demo">
Expand All @@ -203,9 +199,7 @@ <h4 style="font-family: 'Exo', sans-serif; text-align: center;">
</div>
<div class="card-body">
<h4 style="font-family: 'Exo', sans-serif; text-align: center;">
<a>
Vanishing Gradients
</a>
</h4>
<p style="font-family: 'Exo', sans-serif; text-align: center;">
Visualise how ReLU solves the problem of Vanishing Gradients.
Expand All @@ -218,7 +212,7 @@ <h4 style="font-family: 'Exo', sans-serif; text-align: center;">
<div class="card-header box">
<img src="img/svm.gif" style="width:500px;" class="img-fluid image" alt="this is a title">
<div class="middle">
<a href="https://github.com/dsgiitr/VisualML/SVM">
<a href="https://github.com/dsgiitr/VisualML/tree/master/SVM">
<button type="button" class="butn github">Code</button>
</a>
<a href="https://dsgiitr.github.io/svm-demo">
Expand All @@ -228,9 +222,7 @@ <h4 style="font-family: 'Exo', sans-serif; text-align: center;">
</div>
<div class="card-body">
<h4 style="font-family: 'Exo', sans-serif; text-align: center;">
<a>
Support Vector Machines
</a>
</h4>
<p style="font-family: 'Exo', sans-serif; text-align: center;">
Visualise the effects of kernels and parameters on a SVM.
Expand All @@ -245,7 +237,7 @@ <h4 style="font-family: 'Exo', sans-serif; text-align: center;">
<div class="card-header box">
<img src="img/pca.gif" style="width:500px;" class="img-fluid image" alt="this is a title">
<div class="middle">
<a href="https://github.com/dsgiitr/VisualML/PCA">
<a href="https://github.com/dsgiitr/VisualML/tree/master/PCA">
<button type="button" class="butn github">Code</button>
</a>
<a href="https://dsgiitr.github.io/pca-demo">
Expand All @@ -255,9 +247,7 @@ <h4 style="font-family: 'Exo', sans-serif; text-align: center;">
</div>
<div class="card-body">
<h4 style="font-family: 'Exo', sans-serif; text-align: center;">
<a>
Principal Components Analysis
</a>
</h4>
<p style="font-family: 'Exo', sans-serif; text-align: center;">
Visualise the principal components of different types of datasets.
Expand All @@ -270,7 +260,7 @@ <h4 style="font-family: 'Exo', sans-serif; text-align: center;">
<div class="card-header box">
<img src="img/lr.gif" style="width:500px;" class="img-fluid image" alt="this is a title">
<div class="middle">
<a href="https://github.com/dsgiitr/VisualML/Logistic Regression">
<a href="https://github.com/dsgiitr/VisualML/tree/master/Logistic Regression">
<button type="button" class="butn github">Code</button>
</a>
<a href="https://dsgiitr.github.io/logistic-regression-demo">
Expand All @@ -280,9 +270,7 @@ <h4 style="font-family: 'Exo', sans-serif; text-align: center;">
</div>
<div class="card-body">
<h4 style="font-family: 'Exo', sans-serif; text-align: center;">
<a>
Logistic Regression
</a>
</h4>
<p style="font-family: 'Exo', sans-serif; text-align: center;">
Visualise the separation of classes using Logistic Regression.
Expand Down Expand Up @@ -355,6 +343,8 @@ <h4 style="font-family: 'Exo', sans-serif; text-align: center;">
});
new WOW().init();
</script>
<!-- Place this tag in your head or just before your close body tag. -->
<script async defer src="https://buttons.github.io/buttons.js"></script>
</body>

</html>
</html>
61 changes: 15 additions & 46 deletions style.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -102,6 +102,7 @@ img {
.nav-link {
color: white;
font-family: 'Exo', sans-serif;
text-align: center;
}

.nav-pills>li>a:hover {
Expand All @@ -122,32 +123,6 @@ img {
opacity: 95%;
}


/*
Phones: iPhone SE
*/

@media(max-width: 415px) and (orientation: portrait) {
.navbar-brand {
height: 70px;
}
.nav-text-home {
font-size: 3em;
color: floralwhite;
text-align: center;
margin-left: 2%;
}
.nav-text-about {
font-size: 0.5em;
color: floralwhite;
text-align: center;
margin-left: 2%;
}
.nav-link {
text-align: center;
}
}

@media(max-width: 569px) and (orientation: landscape) {
.navbar-brand {
height: 70px;
Expand All @@ -165,7 +140,7 @@ Phones: iPhone SE
opacity: 95%;
}
.nav-text-about {
font-size: 1em;
font-size: 1.5em;
color: floralwhite;
text-align: center;
}
Expand All @@ -183,12 +158,11 @@ Phones: iPhone SE
.me {
border-radius: 200px;
width: 400px;
margin-left: 3.5%;
background-color: white;
opacity: 95%;
}
.nav-text-about {
font-size: 1em;
font-size: 1.2em;
color: floralwhite;
text-align: center;
}
Expand All @@ -202,7 +176,6 @@ Phones: iPhone SE
font-size: 3em;
color: floralwhite;
text-align: center;
margin-left: -1%;
}
.me {
border-radius: 200px;
Expand All @@ -212,10 +185,9 @@ Phones: iPhone SE
opacity: 95%;
}
.nav-text-about {
font-size: 1em;
font-size: 1.5em;
color: floralwhite;
text-align: center;
margin-left: -1%;
}
}

Expand All @@ -227,20 +199,18 @@ Phones: iPhone SE
font-size: 3em;
color: floralwhite;
text-align: center;
margin-left: -1%;
}
.me {
border-radius: 200px;
width: 400px;
margin-left: 10%;
margin-left: 5%;
background-color: white;
opacity: 95%;
}
.nav-text-about {
font-size: 1em;
font-size: 2em;
color: floralwhite;
text-align: center;
margin-left: -1%;
}
}

Expand All @@ -252,17 +222,16 @@ Phones: iPhone SE
font-size: 3em;
color: floralwhite;
text-align: center;
margin-left: 2.5%;
}
.me {
border-radius: 200px;
width: 400px;
margin-left: 15%;
margin-left: 14.5%;
background-color: white;
opacity: 95%;
}
.nav-text-about {
font-size: 1em;
font-size: 2em;
color: floralwhite;
text-align: center;
margin-left: 2.5%;
Expand All @@ -289,7 +258,7 @@ Phones: iPhone SE
opacity: 95%;
}
.nav-text-about {
font-size: 0.5em;
font-size: 1.2em;
color: floralwhite;
text-align: center;
width: 400px;
Expand All @@ -315,7 +284,7 @@ Phones: iPhone SE
opacity: 95%;
}
.nav-text-about {
font-size: 1em;
font-size: 2em;
color: floralwhite;
text-align: center;
margin-left: 2.5%;
Expand All @@ -342,7 +311,7 @@ Phones: iPhone SE
opacity: 95%;
}
.nav-text-about {
font-size: 0.5em;
font-size: 1.2em;
color: floralwhite;
text-align: center;
margin-left: 0%;
Expand Down Expand Up @@ -373,7 +342,7 @@ Phones: iPhone SE
opacity: 95%;
}
.nav-text-about {
font-size: 0.5em;
font-size: 1.5em;
color: floralwhite;
text-align: center;
margin-left: 0%;
Expand Down Expand Up @@ -408,7 +377,7 @@ Tablet1: landscape
margin-left: 30%;
}
.nav-text-about {
font-size: 1em;
font-size: 1.5em;
color: floralwhite;
text-align: center;
width: 600px;
Expand Down Expand Up @@ -444,7 +413,7 @@ Tablet2: landscape
margin-top: 10%;
}
.nav-text-about {
font-size: 1em;
font-size: 1.5em;
color: floralwhite;
text-align: center;
width: 600px;
Expand Down Expand Up @@ -545,7 +514,7 @@ Tablet3: landscape
margin-top: 5%;
}
.nav-text-about {
font-size: 0.5em;
font-size: 1.5em;
color: floralwhite;
text-align: center;
width: 600px;
Expand Down

0 comments on commit 1a6566c

Please sign in to comment.