Adding tiles to the install-dotnet page

This commit is contained in:
Zlatko Knezevic
2015-07-29 23:26:31 -07:00
parent 6dccb1586b
commit ccb84b7475
2 changed files with 24 additions and 2 deletions

View File

@@ -91,4 +91,24 @@ a:hover {
margin-bottom: 35px; margin-bottom: 35px;
} }
/* Install button tiles */
.install-tile {
width: 150px;
height: 150px;
background-color: #682079;
/* add drop shadow here */
display: inline-block;
padding: 15px;
margin-right: 25px;
color: #fff;
font-family: 'Roboto Condensed';
/*font-weight: bold;*/
font-size: 18px;
}
.install-tile:hover {
background-color: #932DAB;
color: #fff;
text-decoration: none;
}

View File

@@ -26,7 +26,8 @@
<div class="row"> <div class="row">
<div class="col-md-12"> <div class="col-md-12">
<h2>Available .NET Versions</h2> <h2>Available .NET Versions</h2>
<ul id="versions" class="list-group"></ul> <!--<ul id="versions" class="list-group"></ul>-->
<div id="versionsList"></div>
</div> </div>
</div> </div>
<div class="row"> <div class="row">
@@ -51,7 +52,8 @@ $(document).ready(function() {
if (val.category == "netfx") if (val.category == "netfx")
{ {
$("#versions").append("<li class=list-group-item><a href=" + val.runtime[0].link + ">" + val.platform + "</a></li>"); //$("#versions").append("<li class=list-group-item><a href=" + val.runtime[0].link + ">" + val.platform + "</a></li>");
$("#versionsList").append("<a href='"+ val.runtime[0].link +"' class='install-tile'>"+ val.platform +"</a>");
} }
}); });
}); });