zeus
/
SwarmLab-HowTos
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity
Browse Source

test index doc page

master
zeus 4 years ago
parent
3a308226d6
commit
2565c877db
1 changed files with 370 additions and 0 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 370
      swarmlab/index-test.html

370
swarmlab/index-test.html
View File

@ -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 &copy; 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>
Write Preview
Loading…
Cancel
Save