xrazis
/
docs.swarmlab.io
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity
Browse Source

Add FAQ

master
Haris Razis 4 years ago
parent
2db1caebda
commit
81c0ba28fc
10 changed files with 1496 additions and 11730 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 2
      web/locales/en.json
  2. 11496
      web/public/stylesheets/bootstrap.min.css
  3. 1138
      web/public/stylesheets/styles.min.css
  4. 8
      web/routes/index.js
  5. 1
      web/views/documentation.ejs
  6. 2
      web/views/error.ejs
  7. 86
      web/views/faq.ejs
  8. 397
      web/views/index.ejs
  9. 47
      web/views/partials/footer.ejs
  10. 49
      web/views/partials/header.ejs

2
web/locales/en.json
View File

@ -28,7 +28,7 @@
"r_header": "R Project for Statistical Computing", "r_header": "R Project for Statistical Computing",
"r_text": "One of the powerful choices for statistical analysis. R helps you to get big picture of your data by calculating statistical parameters like mean, standard deviation, correlation etc ", "r_text": "One of the powerful choices for statistical analysis. R helps you to get big picture of your data by calculating statistical parameters like mean, standard deviation, correlation etc ",
"node_header": "Node.js", "node_header": "Node.js",
"node_text1 ": "Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. This Labroom is designed to help you devel:", "node_text1": "Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. This Labroom is designed to help you devel:",
"node_text2": "Web Applications and APIs with express", "node_text2": "Web Applications and APIs with express",
"node_text3": "WebSocket Client & Server Implementation for Node", "node_text3": "WebSocket Client & Server Implementation for Node",
"node_text4": "Learn How to providing a bi-directional communication channel between a client and a server.", "node_text4": "Learn How to providing a bi-directional communication channel between a client and a server.",

11496
web/public/stylesheets/bootstrap.min.css
View File

File diff suppressed because one or more lines are too long

1138
web/public/stylesheets/styles.min.css
View File

File diff suppressed because it is too large

8
web/routes/index.js
View File

@ -5,4 +5,12 @@ router.get('/', (req, res, next) => {
res.render('index'); res.render('index');
}); });
router.get('/documentation', (req, res, next) => {
res.render('documentation');
});
router.get('/faq', (req, res, next) => {
res.render('faq');
});
module.exports = router; module.exports = router;

1
web/views/documentation.ejs
View File

@ -0,0 +1 @@
<%- include("partials/header.ejs") %>

2
web/views/error.ejs
View File

@ -1,3 +1,3 @@
<h1><%= message %></h1> <h1><%= message %></h1>
<h2><%= error.status %></h2> <h2><%= error.status %></h2>
<pre><%= error.stack %></pre> <pre><%= error.stack %></pre>

86
web/views/faq.ejs
View File

@ -0,0 +1,86 @@
<%- include("partials/header.ejs") %>
<div class="highlight-blue">
<div class="container">
<div class="intro">
<h2 class="text-center">Frequently Asked Questions</h2>
<p class="text-center" style="font-size: 24px; color: white;">For any questions not addressed in this list
please do not hesitate to contact our
support team!<br><br></p>
</div>
<div class="buttons"><a class="btn btn-primary rounded-pill" role="button" data-bs-hover-animate="jello"
href="#">Support</a>
</div>
</div>
</div>
<div class="container mt-5 mb-5">
<div class="accordion" id="accordionExample">
<div class="card">
<div class="card-header" id="headingOne">
<h2 class="mb-0">
<button class="btn btn-link" type="button" data-toggle="collapse" data-target="#collapseOne"
aria-expanded="true" aria-controls="collapseOne">
Collapsible Group Item #1
</button>
</h2>
</div>
<div id="collapseOne" class="collapse show" aria-labelledby="headingOne" data-parent="#accordionExample">
<div class="card-body">
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3
wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum
eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla
assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt
sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer
farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus
labore sustainable VHS.
</div>
</div>
</div>
<div class="card">
<div class="card-header" id="headingTwo">
<h2 class="mb-0">
<button class="btn btn-link collapsed" type="button" data-toggle="collapse"
data-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
Collapsible Group Item #2
</button>
</h2>
</div>
<div id="collapseTwo" class="collapse" aria-labelledby="headingTwo" data-parent="#accordionExample">
<div class="card-body">
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3
wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum
eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla
assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt
sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer
farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus
labore sustainable VHS.
</div>
</div>
</div>
<div class="card">
<div class="card-header" id="headingThree">
<h2 class="mb-0">
<button class="btn btn-link collapsed" type="button" data-toggle="collapse"
data-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
Collapsible Group Item #3
</button>
</h2>
</div>
<div id="collapseThree" class="collapse" aria-labelledby="headingThree" data-parent="#accordionExample">
<div class="card-body">
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3
wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum
eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla
assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt
sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer
farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus
labore sustainable VHS.
</div>
</div>
</div>
</div>
</div>
<%- include("partials/footer.ejs") %>

397
web/views/index.ejs
View File

@ -1,260 +1,191 @@
<!DOCTYPE html> <%- include("partials/header.ejs") %>
<html>
<head> <header class="masthead text-white text-center"
<meta charset="utf-8"> style="background: url(/images/markus-spiske-qjnAnF0jIGk-unsplash.jpg) top / cover;">
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no"> <div class="overlay"></div>
<title>swarmlab.io</title> <div class="container">
<link rel="stylesheet" href="/stylesheets/bootstrap.min.css"> <div class="row">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato:300,400,700,300italic,400italic,700italic"> <div class="col-xl-9 mx-auto">
<link rel="stylesheet" <h1 class="mb-5" style="height: 20px;"><%= t('welcome') %></h1>
href="https://cdnjs.cloudflare.com/ajax/libs/simple-line-icons/2.4.1/css/simple-line-icons.min.css"> <p style="font-size: 24px; color: white;"><%= t('welcome_text') %></p>
<link rel="stylesheet" href="/stylesheets/Footer-Dark.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css">
<link rel="stylesheet" href="/stylesheets/Navigation-with-Button.css">
</head>
<body>
<nav class="navbar navbar-light navbar-expand-md navigation-clean-button">
<div class="container"><a class="navbar-brand text-monospace" href="index.html">swarmlab.io</a><button
data-toggle="collapse" class="navbar-toggler" data-target="#navcol-1"><span class="sr-only">Toggle
navigation</span><span class="navbar-toggler-icon"></span></button>
<div class="collapse navbar-collapse" id="navcol-1">
<ul class="nav navbar-nav mr-auto">
<li class="nav-item" role="presentation"><a class="nav-link" href="#features">Features</a></li>
<li class="nav-item" role="presentation"><a class="nav-link" href="#services">Services</a></li>
<li class="nav-item" role="presentation"><a class="nav-link" href="#lab-rooms">Lab-rooms</a></li>
</ul><span class="navbar-text actions"> <a class="login" href="#">Log In</a><a
class="btn btn-light action-button" role="button" href="#">Sign Up</a></span>
</div> </div>
</div> </div>
</nav> </div>
<header class="masthead text-white text-center" </header>
style="background: url(/images/markus-spiske-qjnAnF0jIGk-unsplash.jpg) top / cover;"> <section class="features-icons bg-light text-center" id="features">
<div class="overlay"></div> <div class="container">
<div class="container"> <div class="row">
<div class="row"> <div class="col-lg-4">
<div class="col-xl-9 mx-auto"> <div class="mx-auto features-icons-item mb-5 mb-lg-0 mb-lg-3">
<div class="d-flex features-icons-icon"><i class="icon-screen-desktop m-auto text-primary"
<h1 class="mb-5" style="height: 20px;"><%= t('welcome') %></h1> data-bs-hover-animate="pulse"></i></div>
<p style="font-size: 24px;"><%= t('welcome_text') %></p> <h3><%= t('features_01_header') %></h3>
<p class="lead mb-0"><%= t('features_01_text') %></p>
</div> </div>
</div> </div>
</div> <div class="col-lg-4">
</header> <div class="mx-auto features-icons-item mb-5 mb-lg-0 mb-lg-3">
<section class="features-icons bg-light text-center" id="features"> <div class="d-flex features-icons-icon"><i class="icon-people m-auto text-primary"
<div class="container"> data-bs-hover-animate="pulse"></i></div>
<div class="row"> <h3><%= t('features_02_header') %></h3>
<div class="col-lg-4"> <p class="lead mb-0"><%= t('features_02_text') %></p>
<div class="mx-auto features-icons-item mb-5 mb-lg-0 mb-lg-3">
<div class="d-flex features-icons-icon"><i class="icon-screen-desktop m-auto text-primary"
data-bs-hover-animate="pulse"></i></div>
<h3><%= t('features_01_header') %></h3>
<p class="lead mb-0"><%= t('features_01_text') %></p>
</div>
</div> </div>
<div class="col-lg-4">
<div class="mx-auto features-icons-item mb-5 mb-lg-0 mb-lg-3">
<div class="d-flex features-icons-icon"><i class="icon-layers m-auto text-primary"
data-bs-hover-animate="pulse"></i></div>
<h3><%= t('features_02_header') %></h3>
<p class="lead mb-0"><%= t('features_02_text') %></p>
</div>
</div>
<div class="col-lg-4">
<div class="mx-auto features-icons-item mb-5 mb-lg-0 mb-lg-3">
<div class="d-flex features-icons-icon"><i class="icon-check m-auto text-primary"
data-bs-hover-animate="pulse"></i></div>
<h3><%= t('features_03_header') %></h3>
<p class="lead mb-0"><%= t('features_03_text') %></p>
</div>
</div>
<div class="col"><a class="btn btn-primary btn-lg" role="button" data-bs-hover-animate="pulse"
style="color: rgb(255,255,255);margin-top: 80px;">Documentation</a></div>
</div> </div>
</div> <div class="col-lg-4">
</section> <div class="mx-auto features-icons-item mb-5 mb-lg-0 mb-lg-3">
<section class="showcase" id="services"> <div class="d-flex features-icons-icon"><i class="icon-check m-auto text-primary"
<div class="container-fluid p-0"> data-bs-hover-animate="pulse"></i></div>
<div class="row no-gutters"> <h3><%= t('features_03_header') %></h3>
<div class="col-lg-6 order-lg-2 text-white showcase-img" <p class="lead mb-0"><%= t('features_03_text') %></p>
style="background: url(/images/thomas-jensen-ISG-rUel0Uw-unsplash.jpg) center / cover;"><span></span></div>
<div class="col-lg-6 my-auto order-lg-1 showcase-text">
<h2><strong><%= t('on_demand') %>&nbsp; </strong></h2>
<p class="lead mb-0"><%= t('on_demand_text') %></p><a class="btn btn-light border-dark" role="button"
data-bs-hover-animate="pulse" style="margin: 0;margin-top: 20px;"
href="https://api-client.swarmlab.io:8088">api-client.swarmlab</a>
</div> </div>
</div> </div>
<div class="row no-gutters"> <div class="col">
<div class="col-lg-6 text-white showcase-img" <a href="/documentation" class="btn btn-primary rounded-pill btn-lg mx-2" role="button"
style="background: url(/images/yancy-min-842ofHC6MaI-unsplash.jpg) center / cover;"><span></span></div> data-bs-hover-animate="pulse" style="color: rgb(255,255,255);margin-top: 80px;">Documentation</a>
<div class="col-lg-6 my-auto order-lg-1 showcase-text" style="margin: 0;"> <a href="/faq" class="btn btn-secondary rounded-pill btn-lg mx-2" role="button" data-bs-hover-animate="pulse"
<h2><strong><%= t('git') %></strong></h2> style="color: rgb(255,255,255);margin-top: 80px;">FAQ</a>
<p class="lead mb-0"><%= t('git_text') %></p><a class="btn btn-light border-dark" role="button"
data-bs-hover-animate="pulse" style="margin: 0;margin-top: 20px;"
href="https://git.swarmlab.io:3000">git.swarmlab</a>
</div>
</div> </div>
</div> </div>
</section> </div>
<section class="testimonials bg-light" id="lab-rooms"> </section>
<div class="container"> <section class="showcase" id="services">
<h2 class="mb-5 d-flex justify-content-center text-center"><%= t('available_swarmlab') %></h2> <div class="container-fluid p-0">
<div class="d-flex justify-content-center"> <div class="row no-gutters">
<nav class="navbar navbar-light bg-light"> <div class="col-lg-6 order-lg-2 text-white showcase-img"
<input class="form-control mr-sm-2" type="text" placeholder="Search Lab-rooms" aria-label="Search" style="background: url(/images/thomas-jensen-ISG-rUel0Uw-unsplash.jpg) center / cover;"><span></span></div>
id="search"> <div class="col-lg-6 my-auto order-lg-1 showcase-text">
</nav> <h2><strong><%= t('on_demand') %>&nbsp; </strong></h2>
<p class="lead mb-0"><%= t('on_demand_text') %></p><a class="btn btn-light border-dark" role="button"
data-bs-hover-animate="pulse" style="margin: 0;margin-top: 20px;"
href="https://api-client.swarmlab.io:8088">api-client.swarmlab</a>
</div> </div>
<div class="row"> </div>
<div class="col"> <div class="row no-gutters">
<div class="card-group"> <div class="col-lg-6 text-white showcase-img"
<div class="card" style="margin: 10px;"> style="background: url(/images/yancy-min-842ofHC6MaI-unsplash.jpg) center / cover;"><span></span></div>
<div class="card-body"> <div class="col-lg-6 my-auto order-lg-1 showcase-text" style="margin: 0;">
<h4 class="card-title"><%= t('python_header') %></h4> <h2><strong><%= t('git') %></strong></h2>
<p class="card-text text-muted"> <p class="lead mb-0"><%= t('git_text') %></p><a class="btn btn-light border-dark" role="button"
<%= t('python_text') %> data-bs-hover-animate="pulse" style="margin: 0;margin-top: 20px;"
<ul> href="https://git.swarmlab.io:3000">git.swarmlab</a>
<li class="text-muted">NumPy</li> </div>
<li class="text-muted">SciPy library</li> </div>
<li class="text-muted">Matplotlib</li> </div>
<li class="text-muted">IPython</li> </section>
<li class="text-muted">SymPy</li> <section class="testimonials bg-light" id="lab-rooms">
<li class="text-muted">pandas</li> <div class="container">
<li class="text-muted">Spyder scientific environment.</li> <h2 class="mb-5 d-flex justify-content-center text-center"><%= t('available_swarmlab') %></h2>
</ul> <div class="d-flex justify-content-center">
</p> <nav class="navbar navbar-light" style="background-color: #f8f9fa !important; box-shadow: none;">
</div> <input class="form-control mr-sm-2" type="text" placeholder="Search Lab-rooms" aria-label="Search" id="search">
<div class="card-footer" style="background-color: white;"> </nav>
<a class="btn btn-light btn-sm border-dark" role="button"><%= t('more_info') %></a> </div>
</div> <div class="row">
</div> <div class="col">
<div class="card" style="margin: 10px;"> <div class="card-group">
<div class="card-body"> <div class="card" style="margin: 10px;">
<h4 class="card-title"><%= t('node_header') %></h4> <div class="card-body">
<p class="card-text text-muted"> <h4 class="card-title"><%= t('python_header') %></h4>
<%= t('node_text1') %> <p class="card-text text-muted">
<ul> <%= t('python_text') %>
<li class="text-muted"><%= t('node_text2') %></li> <ul>
<li class="text-muted"><%= t('node_text3') %></li> <li class="text-muted">NumPy</li>
<li class="text-muted"><%= t('node_text4') %></li> <li class="text-muted">SciPy library</li>
</ul> <li class="text-muted">Matplotlib</li>
</p> <li class="text-muted">IPython</li>
</div> <li class="text-muted">SymPy</li>
<div class="card-footer" style="background-color: white;"> <li class="text-muted">pandas</li>
<a class="btn btn-light btn-sm border-dark" role="button"><%= t('more_info') %></a> <li class="text-muted">Spyder scientific environment.</li>
</div> </ul>
</p>
</div> </div>
<div class="card" style="margin: 10px;"> <div class="card-footer" style="background-color: white;">
<div class="card-body"> <a class="btn btn-light btn-sm border-dark" role="button"><%= t('more_info') %></a>
<h4 class="card-title"><%= t('linux_header') %></h4>
<p class="card-text text-muted">
<%= t('linux_text1') %>
<ul>
<li class="text-muted"><%= t('linux_text2') %></li>
<li class="text-muted"><%= t('linux_text3') %></li>
<li class="text-muted"><%= t('linux_text4') %></li>
<li class="text-muted"><%= t('linux_text5') %></li>
</ul>
</p>
</div>
<div class="card-footer" style="background-color: white;">
<a class="btn btn-light btn-sm border-dark" role="button"><%= t('more_info') %></a>
</div>
</div> </div>
</div> </div>
<div class="card-group"> <div class="card" style="margin: 10px;">
<div class="card" style="margin: 10px;"> <div class="card-body">
<div class="card-body"> <h4 class="card-title"><%= t('node_header') %></h4>
<h4 class="card-title"><%= t('mpi_header') %></h4> <p class="card-text text-muted">
<p class="card-text text-muted"><%= t('mpi_text') %></p> <%= t('node_text1') %>
</div> <ul>
<div class="card-footer" style="background-color: white;"> <li class="text-muted"><%= t('node_text2') %></li>
<a class="btn btn-light btn-sm border-dark" role="button"><%= t('more_info') %></a> <li class="text-muted"><%= t('node_text3') %></li>
</div> <li class="text-muted"><%= t('node_text4') %></li>
</ul>
</p>
</div>
<div class="card-footer" style="background-color: white;">
<a class="btn btn-light btn-sm border-dark" role="button"><%= t('more_info') %></a>
</div> </div>
<div class="card" style="margin: 10px;"> </div>
<div class="card-body"> <div class="card" style="margin: 10px;">
<h4 class="card-title"><%= t('r_header') %></h4> <div class="card-body">
<p class="card-text text-muted"><%= t('r_text') %></p> <h4 class="card-title"><%= t('linux_header') %></h4>
</div> <p class="card-text text-muted">
<div class="card-footer" style="background-color: white;"> <%= t('linux_text1') %>
<a class="btn btn-light btn-sm border-dark" role="button"><%= t('more_info') %></a> <ul>
</div> <li class="text-muted"><%= t('linux_text2') %></li>
<li class="text-muted"><%= t('linux_text3') %></li>
<li class="text-muted"><%= t('linux_text4') %></li>
<li class="text-muted"><%= t('linux_text5') %></li>
</ul>
</p>
</div> </div>
<div class="card" style="margin: 10px;"> <div class="card-footer" style="background-color: white;">
<div class="card-body"> <a class="btn btn-light btn-sm border-dark" role="button"><%= t('more_info') %></a>
<h4 class="card-title"><%= t('jdk_header') %></h4>
<p class="card-text text-muted"><%= t('jdk_text') %></p>
</div>
<div class="card-footer" style="background-color: white;">
<a class="btn btn-light btn-sm border-dark" role="button"><%= t('more_info') %></a>
</div>
</div> </div>
</div> </div>
</div> </div>
</div> <div class="card-group">
</div> <div class="card" style="margin: 10px;">
</section> <div class="card-body">
<section class="call-to-action text-white text-center" <h4 class="card-title"><%= t('mpi_header') %></h4>
style="background: url(/images/annie-spratt-QckxruozjRg-unsplash.jpg) center / cover;height: 400;" id="feedback"> <p class="card-text text-muted"><%= t('mpi_text') %></p>
<div class="overlay"></div> </div>
<div class="container"> <div class="card-footer" style="background-color: white;">
<div class="row"> <a class="btn btn-light btn-sm border-dark" role="button"><%= t('more_info') %></a>
<div class="col-xl-9 mx-auto"> </div>
<h2 class="mb-4"> <%= t('bug') %></h2>
</div>
<div class="col-md-10 col-lg-8 col-xl-7 mx-auto">
<div class="row d-flex justify-content-center justify-content-xl-center"><a
class="btn btn-secondary btn-lg border-secondary justify-content-center" role="button"
data-bs-hover-animate="pulse" style="margin: 0;margin-top: 20px;background-color: rgb(40,45,51);"
href=" https://git.swarmlab.io:3000/swarmlab/feedback">Feedback</a></div>
</div>
</div>
</div>
</section>
<div class="footer-dark">
<footer>
<div class="container">
<div class="row">
<div class="col-sm-6 col-md-3 item">
<h3>Menu</h3>
<ul>
<li><a href="#features">Features</a></li>
<li><a href="#">Documentation</a></li>
<li><a href="#services">Services</a></li>
<li><a href="#lab-rooms">Lab-rooms</a></li>
<li><a href="#feedback">Feedback</a></li>
<li><a href="#">FAQ</a></li>
</ul>
</div>
<div class="col-sm-6 col-md-3 item">
<h3>Translations</h3>
<ul>
<li><a href="?lng=en">English</a></li>
<li><a href="?lng=el">Greek</a></li>
<li></li>
</ul>
</div> </div>
<div class=" col-md-6 item text"> <div class="card" style="margin: 10px;">
<h3>swarmlab.io</h3> <div class="card-body">
<p><%= t('welcome_text') %></p> <h4 class="card-title"><%= t('r_header') %></h4>
<p class="card-text text-muted"><%= t('r_text') %></p>
</div>
<div class="card-footer" style="background-color: white;">
<a class="btn btn-light btn-sm border-dark" role="button"><%= t('more_info') %></a>
</div>
</div> </div>
<div class="col item social"><span class="actions"> <a class="btn btn-light btn-lg text-light action-button" <div class="card" style="margin: 10px;">
role="button" href="#" style="background-color: rgba(248,249,250,0);">Log In</a><a <div class="card-body">
class="btn btn-light btn-lg text-light action-button" role="button" href="#" <h4 class="card-title"><%= t('jdk_header') %></h4>
style="margin: 20px;background-color: rgba(248,249,250,0);color: rgb(255,255,255);">Sign Up</a></span> <p class="card-text text-muted"><%= t('jdk_text') %></p>
</div>
<div class="card-footer" style="background-color: white;">
<a class="btn btn-light btn-sm border-dark" role="button"><%= t('more_info') %></a>
</div>
</div> </div>
</div> </div>
<p class="copyright">swarmlab.io © <%= new Date().getFullYear(); %></p>
</div> </div>
</footer> </div>
</div>
</section>
<section class="call-to-action text-white text-center"
style="background: url(/images/annie-spratt-QckxruozjRg-unsplash.jpg) center / cover;height: 400;" id="feedback">
<div class="overlay"></div>
<div class="container">
<div class="row">
<div class="col-xl-9 mx-auto">
<h2 class="mb-4"> <%= t('bug') %></h2>
</div>
<div class="col-md-10 col-lg-8 col-xl-7 mx-auto">
<div class="row d-flex justify-content-center justify-content-xl-center"><a
class="btn btn-secondary btn-lg border-secondary justify-content-center rounded-pill" role="button"
data-bs-hover-animate="pulse" style="margin: 0;margin-top: 20px;background-color: rgb(40,45,51);"
href="https://git.swarmlab.io:3000/swarmlab/feedback">Feedback</a></div>
</div>
</div>
</div> </div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script> </section>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.5.0/js/bootstrap.bundle.min.js"></script>
<script src="/javascripts/bs-init.js"></script>
<script src="/javascripts/labSearch.js"></script>
</body>
</html> <%- include("partials/footer.ejs") %>

47
web/views/partials/footer.ejs
View File

@ -0,0 +1,47 @@
<div class="footer-dark">
<footer>
<div class="container">
<div class="row">
<div class="col-sm-6 col-md-3 item">
<h3>Menu</h3>
<ul>
<li><a href="/index#features">Features</a></li>
<li><a href="/index#services">Services</a></li>
<li><a href="https://api-client.swarmlab.io:8088">Lab-rooms</a></li>
<li><a href="https://git.swarmlab.io:3000">Git</a></li>
<li><a href="/documentation">Documentation</a></li>
<li><a href="/faq">FAQ</a></li>
<li><a href="https://git.swarmlab.io:3000/swarmlab/feedback">Feedback</a></li>
</ul>
</div>
<div class="col-sm-6 col-md-3 item">
<h3>Translations</h3>
<ul>
<li><a href="?lng=en">English</a></li>
<li><a href="?lng=el">Greek</a></li>
<li></li>
</ul>
</div>
<div class=" col-md-6 item text">
<h3 class="text-monospace">swarmlab.io</h3>
<p><%= t('welcome_text') %></p>
</div>
<div class="col item social"><span class="actions"> <a
class="btn btn-light btn-lg text-light action-button rounded-pill" role="button" href="#"
style="background-color: rgba(248,249,250,0);">Log In</a><a
class="btn btn-light btn-lg text-light action-button rounded-pill" role="button" href="#"
style="margin: 20px;background-color: rgba(248,249,250,0);color: rgb(255,255,255);">Sign
Up</a></span>
</div>
</div>
<p class="copyright">swarmlab.io © <%= new Date().getFullYear(); %></p>
</div>
</footer>
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.5.0/js/bootstrap.bundle.min.js"></script>
<script src="/javascripts/bs-init.js"></script>
<script src="/javascripts/labSearch.js"></script>
</body>
</html>

49
web/views/partials/header.ejs
View File

@ -0,0 +1,49 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<title>swarmlab.io</title>
<link rel="stylesheet" href="/stylesheets/bootstrap.min.css">
<link rel="stylesheet"
href="https://fonts.googleapis.com/css?family=Lato:300,400,700,300italic,400italic,700italic">
<link rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/simple-line-icons/2.4.1/css/simple-line-icons.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css">
<link rel="stylesheet" href="/stylesheets/styles.min.css">
<link rel="stylesheet" href="/stylesheets/Footer-Dark.css">
<link rel="stylesheet" href="/stylesheets/Navigation-with-Button.css">
</head>
<body>
<nav class="navbar navbar-light navbar-expand-md navigation-clean-button">
<div class="container"><a class="navbar-brand text-monospace" href="/">swarmlab.io</a><button
data-toggle="collapse" class="navbar-toggler" data-target="#navcol-1"><span class="sr-only">Toggle
navigation</span><span class="navbar-toggler-icon"></span></button>
<div class="collapse navbar-collapse" id="navcol-1">
<ul class="nav navbar-nav mr-auto">
<li class="nav-item" role="presentation"><a class="nav-link" href="/#features">Features</a>
</li>
<li class="nav-item" role="presentation"><a class="nav-link" href="/#services">Services</a></li>
<li class="nav-item" role="presentation"><a class="nav-link" href="/#lab-rooms">Lab-rooms</a></li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button"
data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Support
</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
<a class="dropdown-item" href="/documentation">Documentation</a>
<a class="dropdown-item" href="/faq">FAQ</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="https://git.swarmlab.io:3000/swarmlab/feedback">Feedback
</a>
</div>
</li>
</ul>
<span class="navbar-text actions"> <a class="login" href="/login">Log In</a><a
class="btn btn-light action-button" role="button" href="/signup">Sign Up</a></span>
</div>
</div>
</nav>
Write Preview
Loading…
Cancel
Save