You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
371 lines
13 KiB
371 lines
13 KiB
4 years ago
|
<!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>
|