zeus
4 years ago
1 changed files with 370 additions and 0 deletions
@ -0,0 +1,370 @@ |
|||||
|
<!DOCTYPE html> |
||||
|
<html lang="en"> |
||||
|
|
||||
|
<head> |
||||
|
|
||||
|
<meta charset="utf-8"> |
||||
|
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> |
||||
|
<meta name="description" content=""> |
||||
|
<meta name="author" content=""> |
||||
|
|
||||
|
<title>Swarmlab.io</title> |
||||
|
|
||||
|
<!-- Bootstrap core CSS --> |
||||
|
<link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet"> |
||||
|
|
||||
|
<!-- Custom styles for this template --> |
||||
|
<link href="css/scrolling-nav.css" rel="stylesheet"> |
||||
|
|
||||
|
</head> |
||||
|
|
||||
|
<body id="page-top"> |
||||
|
|
||||
|
|
||||
|
<!-- Navigation --> |
||||
|
<nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top" id="mainNav"> |
||||
|
<div class="container"> |
||||
|
<a class="navbar-brand js-scroll-trigger" href="#page-top">Swarmlab.io</a> |
||||
|
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation"> |
||||
|
<span class="navbar-toggler-icon"></span> |
||||
|
</button> |
||||
|
<div class="collapse navbar-collapse" id="navbarResponsive"> |
||||
|
<ul class="navbar-nav ml-auto"> |
||||
|
<li class="nav-item"> |
||||
|
<a class="nav-link js-scroll-trigger" href="#about">About</a> |
||||
|
</li> |
||||
|
<li class="nav-item"> |
||||
|
<a class="nav-link js-scroll-trigger" href="#services">Services</a> |
||||
|
</li> |
||||
|
<li class="nav-item"> |
||||
|
<a class="nav-link js-scroll-trigger" href="#labrooms">Labrooms</a> |
||||
|
</li> |
||||
|
<li class="nav-item"> |
||||
|
<a class="nav-link js-scroll-trigger" href="#faq">FAQ</a> |
||||
|
</li> |
||||
|
<li class="nav-item"> |
||||
|
<a class="nav-link js-scroll-trigger" href="https://api-client.swarmlab.io:8088/" target="_blank">Login</a> |
||||
|
</li> |
||||
|
</ul> |
||||
|
</div> |
||||
|
</div> |
||||
|
</nav> |
||||
|
|
||||
|
<header class="bg-primary text-white"> |
||||
|
<div class="container text-center"> |
||||
|
<h1>Welcome to Swarmlab.io</h1> |
||||
|
<p class="lead"> |
||||
|
Swarmlab is a powerful collaboration tool that connects tutors and students in a unique all-in-one environment that gets work done fast and easily |
||||
|
<h2> Ready-to-Use Virtual Labs one click away. </h2> |
||||
|
</p> |
||||
|
</div> |
||||
|
</header> |
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
<section id="labrooms"> |
||||
|
<div class="container"> |
||||
|
<div class="row"> |
||||
|
<div class="col-lg-8 mx-auto"> |
||||
|
<h2>Available Swarmlab Labrooms</h2> |
||||
|
<p class="lead"> |
||||
|
</p> |
||||
|
<p class="lead"> |
||||
|
</p> |
||||
|
|
||||
|
<!-- Search functionality --> |
||||
|
<nav class="navbar navbar-light justify-content-center mt-4"> |
||||
|
<form class="form-inline"> |
||||
|
<button type="button" class="btn btn-primary btn-lg mr-3" id="btnSort">Sort</button> |
||||
|
<input class="form-control form-control-lg mr-sm-2" type="search" placeholder="Search: case-sensitive." aria-label="Search" id="search"> |
||||
|
<!-- <button class="btn btn-outline-success my-2 my-sm-0" type="submit">Search</button> --> |
||||
|
</form> |
||||
|
</nav> |
||||
|
|
||||
|
<!-- Cards --> |
||||
|
<div class="layout-margin-8 mt-4"> |
||||
|
|
||||
|
<div class="card-deck"> |
||||
|
<!-- Mpi --> |
||||
|
<div class="card card-shadow text-center"> |
||||
|
<div class="card-body"> |
||||
|
<h4 class="card-title"><b>mpi</b></h4> |
||||
|
<p class="card-text"></p> |
||||
|
<div class="dropdown-divider"></div> |
||||
|
<p class="card-text"> |
||||
|
<small class="text-muted"> |
||||
|
<ul> |
||||
|
<li> |
||||
|
MPICH is a high performance and widely portable implementation of the Message Passing Interface (MPI) standard. |
||||
|
</li> |
||||
|
</ul> |
||||
|
</small></p> |
||||
|
<a href="https://git.swarmlab.io:3000/swarmlab/examples-mpi" target="_blank"> |
||||
|
<button type="button" class="btn btn-outline-primary">More Info</button> |
||||
|
</a> |
||||
|
</div> |
||||
|
</div> |
||||
|
<!-- Mpi --> |
||||
|
|
||||
|
<!-- OpenJDK --> |
||||
|
<div class="card card-shadow text-center"> |
||||
|
<div class="card-body"> |
||||
|
<h4 class="card-title"><b>Open JDK</b></h4> |
||||
|
<p class="card-text"></p> |
||||
|
<div class="dropdown-divider"></div> |
||||
|
<p class="card-text"> |
||||
|
<small class="text-muted"> |
||||
|
<ul> |
||||
|
<li> |
||||
|
OpenJDK (Open Java Development Kit) is a free and open-source implementation of the Java Platform, Standard Edition (Java SE) |
||||
|
</li> |
||||
|
</ul> |
||||
|
</small></p> |
||||
|
<a href="https://git.swarmlab.io:3000/swarmlab/examples-mpi2" target="_blank"> |
||||
|
<button type="button" class="btn btn-outline-primary">More Info</button> |
||||
|
</a> |
||||
|
</div> |
||||
|
</div> |
||||
|
<!-- OpenJDK --> |
||||
|
|
||||
|
|
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
|
|
||||
|
<!-- Cards 2 --> |
||||
|
<div class="layout-margin-8 mt-4"> |
||||
|
<div class="card-deck"> |
||||
|
|
||||
|
|
||||
|
<!-- OS2 --> |
||||
|
<div class="card card-shadow text-center"> |
||||
|
<div class="card-body"> |
||||
|
<h4 class="card-title"><b>Linux Networking/Admin/Devel</b></h4> |
||||
|
<p class="card-text"></p> |
||||
|
<div class="dropdown-divider"></div> |
||||
|
<p class="card-text"> |
||||
|
<small class="text-muted"> |
||||
|
|
||||
|
This is designed to help you with: |
||||
|
|
||||
|
<ul> |
||||
|
<li> |
||||
|
Linux Networking |
||||
|
</li> |
||||
|
<li> |
||||
|
Build network on top of OS |
||||
|
</li> |
||||
|
<li> |
||||
|
Essentials of Linux System Administration |
||||
|
</li> |
||||
|
<li> |
||||
|
Learn to orchestrate a lot of linux machines with ansible |
||||
|
</li> |
||||
|
</ul> |
||||
|
</small></p> |
||||
|
<a href="https://git.swarmlab.io:3000/labs/examples-os2" target="_blank"> |
||||
|
<button type="button" class="btn btn-outline-primary">More Info</button> |
||||
|
</a> |
||||
|
</div> |
||||
|
</div> |
||||
|
<!-- OS2 --> |
||||
|
|
||||
|
<!-- R --> |
||||
|
<div class="card card-shadow text-center"> |
||||
|
<div class="card-body"> |
||||
|
<h4 class="card-title"><b>R Project for Statistical Computing</b></h4> |
||||
|
<p class="card-text"></p> |
||||
|
<div class="dropdown-divider"></div> |
||||
|
<p class="card-text"> |
||||
|
<small class="text-muted"> |
||||
|
<ul> |
||||
|
<li> |
||||
|
One of the powerful choices for statistical analysis. <br> |
||||
|
R helps you to get big picture of your data by calculating statistical parameters like mean, standard deviation, correlation etc |
||||
|
</li> |
||||
|
</ul> |
||||
|
</small></p> |
||||
|
<a href="https://git.swarmlab.io:3000/labs/examples-r" target="_blank"> |
||||
|
<button type="button" class="btn btn-outline-primary">More Info</button> |
||||
|
</a> |
||||
|
</div> |
||||
|
</div> |
||||
|
<!-- R --> |
||||
|
|
||||
|
|
||||
|
|
||||
|
</div> |
||||
|
</div> |
||||
|
<!-- Cards 2 --> |
||||
|
<!-- Cards 3 --> |
||||
|
<div class="layout-margin-8 mt-4"> |
||||
|
<div class="card-deck"> |
||||
|
|
||||
|
|
||||
|
<!-- nodejs --> |
||||
|
<div class="card card-shadow text-center"> |
||||
|
<div class="card-body"> |
||||
|
<h4 class="card-title"><b>Node.js</b></h4> |
||||
|
<p class="card-text"></p> |
||||
|
<div class="dropdown-divider"></div> |
||||
|
<p class="card-text"> |
||||
|
<small class="text-muted"> |
||||
|
|
||||
|
Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.<br> |
||||
|
|
||||
|
This Labroom is designed to help you devel: |
||||
|
|
||||
|
<ul> |
||||
|
<li> |
||||
|
Web Applications and APIs with express |
||||
|
</li> |
||||
|
<li> |
||||
|
WebSocket Client & Server Implementation for Node |
||||
|
</li> |
||||
|
<li> |
||||
|
Learn How to providing a bi-directional communication channel between a client and a server. |
||||
|
</li> |
||||
|
</ul> |
||||
|
</small></p> |
||||
|
<a href="https://git.swarmlab.io:3000/labs/examples-nodejs" target="_blank"> |
||||
|
<button type="button" class="btn btn-outline-primary">More Info</button> |
||||
|
</a> |
||||
|
</div> |
||||
|
</div> |
||||
|
<!-- nodejs --> |
||||
|
|
||||
|
<!-- python --> |
||||
|
<div class="card card-shadow text-center"> |
||||
|
<div class="card-body"> |
||||
|
<h4 class="card-title"><b>python, scipy</b></h4> |
||||
|
<p class="card-text"></p> |
||||
|
<div class="dropdown-divider"></div> |
||||
|
<p class="card-text"> |
||||
|
<small class="text-muted"> |
||||
|
|
||||
|
|
||||
|
<b>This Labroom provides a Python-based ecosystem of open-source software for mathematics, science, engineering and Web development</b> |
||||
|
|
||||
|
<ul> |
||||
|
<li> |
||||
|
|
||||
|
|
||||
|
NumPy |
||||
|
</li> |
||||
|
<li> |
||||
|
SciPy library |
||||
|
</li> |
||||
|
<li> |
||||
|
Matplotlib |
||||
|
</li> |
||||
|
<li> |
||||
|
IPython |
||||
|
</li> |
||||
|
<li> |
||||
|
SymPy |
||||
|
</li> |
||||
|
<li> |
||||
|
pandas |
||||
|
|
||||
|
|
||||
|
</li> |
||||
|
<li> |
||||
|
Spyder scientific environment. |
||||
|
|
||||
|
|
||||
|
</li> |
||||
|
</ul> |
||||
|
</small></p> |
||||
|
<a href="https://git.swarmlab.io:3000/labs/examples-scipy" target="_blank"> |
||||
|
<button type="button" class="btn btn-outline-primary">More Info</button> |
||||
|
</a> |
||||
|
</div> |
||||
|
</div> |
||||
|
<!-- nodejs --> |
||||
|
|
||||
|
|
||||
|
</div> |
||||
|
</div> |
||||
|
<!-- Cards 2 --> |
||||
|
|
||||
|
</div> |
||||
|
|
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</section> |
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
<!-- Footer --> |
||||
|
<footer class="py-5 bg-dark"> |
||||
|
<div class="container"> |
||||
|
<!-- |
||||
|
<p class="m-0 text-center text-white">Copyright © swarmlab.io 2020</p> |
||||
|
--> |
||||
|
</div> |
||||
|
<!-- /.container --> |
||||
|
</footer> |
||||
|
|
||||
|
<!-- Bootstrap core JavaScript --> |
||||
|
<script src="vendor/jquery/jquery.min.js"></script> |
||||
|
<script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script> |
||||
|
|
||||
|
<!-- Plugin JavaScript --> |
||||
|
<script src="vendor/jquery-easing/jquery.easing.min.js"></script> |
||||
|
|
||||
|
<!-- Custom JavaScript for this theme --> |
||||
|
<script src="js/scrolling-nav.js"></script> |
||||
|
|
||||
|
<script> |
||||
|
$('#search').on('keyup keypress', function(e) { |
||||
|
var keyCode = e.keyCode || e.which; |
||||
|
if (keyCode === 13) { |
||||
|
e.preventDefault(); |
||||
|
return false; |
||||
|
} |
||||
|
}); |
||||
|
|
||||
|
$('#search').keyup(function (){ |
||||
|
|
||||
|
$('.card').removeClass('d-none'); |
||||
|
|
||||
|
var filter = $(this).val(); // get the value of the input, which we filter on |
||||
|
|
||||
|
$('.card-deck').find('.card .card-body h4:not(:contains("'+filter+'"))').parent().parent().addClass('d-none'); |
||||
|
|
||||
|
}) |
||||
|
|
||||
|
|
||||
|
|
||||
|
$('#btnSort').click(function (){ |
||||
|
|
||||
|
$('.card-deck .card').sort(function(a,b) { |
||||
|
|
||||
|
return $(a).find(".card-title").text() > $(b).find(".card-title").text() ? 1 : -1; |
||||
|
|
||||
|
}).appendTo(".card-deck"); |
||||
|
|
||||
|
}) |
||||
|
</script> |
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
</body> |
||||
|
|
||||
|
</html> |
||||
Loading…
Reference in new issue