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

Add FAQ

master
Haris Razis 5 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
Split 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. 86
      web/views/faq.ejs
  7. 117
      web/views/index.ejs
  8. 47
      web/views/partials/footer.ejs
  9. 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_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_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_text3": "WebSocket Client & Server Implementation for Node",
"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');
});
router.get('/documentation', (req, res, next) => {
res.render('documentation');
});
router.get('/faq', (req, res, next) => {
res.render('faq');
});
module.exports = router;

1
web/views/documentation.ejs
View File

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

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") %>

117
web/views/index.ejs
View File

@ -1,48 +1,18 @@
<!DOCTYPE html>
<html>
<%- include("partials/header.ejs") %>
<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="/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>
</nav>
<header class="masthead text-white text-center"
<header class="masthead text-white text-center"
style="background: url(/images/markus-spiske-qjnAnF0jIGk-unsplash.jpg) top / cover;">
<div class="overlay"></div>
<div class="container">
<div class="row">
<div class="col-xl-9 mx-auto">
<h1 class="mb-5" style="height: 20px;"><%= t('welcome') %></h1>
<p style="font-size: 24px;"><%= t('welcome_text') %></p>
<p style="font-size: 24px; color: white;"><%= t('welcome_text') %></p>
</div>
</div>
</div>
</header>
<section class="features-icons bg-light text-center" id="features">
</header>
<section class="features-icons bg-light text-center" id="features">
<div class="container">
<div class="row">
<div class="col-lg-4">
@ -55,7 +25,7 @@
</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"
<div class="d-flex features-icons-icon"><i class="icon-people 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>
@ -69,12 +39,16 @@
<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 class="col">
<a href="/documentation" class="btn btn-primary rounded-pill btn-lg mx-2" role="button"
data-bs-hover-animate="pulse" style="color: rgb(255,255,255);margin-top: 80px;">Documentation</a>
<a href="/faq" class="btn btn-secondary rounded-pill btn-lg mx-2" role="button" data-bs-hover-animate="pulse"
style="color: rgb(255,255,255);margin-top: 80px;">FAQ</a>
</div>
</div>
</div>
</section>
<section class="showcase" id="services">
</section>
<section class="showcase" id="services">
<div class="container-fluid p-0">
<div class="row no-gutters">
<div class="col-lg-6 order-lg-2 text-white showcase-img"
@ -97,14 +71,13 @@
</div>
</div>
</div>
</section>
<section class="testimonials bg-light" id="lab-rooms">
</section>
<section class="testimonials bg-light" id="lab-rooms">
<div class="container">
<h2 class="mb-5 d-flex justify-content-center text-center"><%= t('available_swarmlab') %></h2>
<div class="d-flex justify-content-center">
<nav class="navbar navbar-light bg-light">
<input class="form-control mr-sm-2" type="text" placeholder="Search Lab-rooms" aria-label="Search"
id="search">
<nav class="navbar navbar-light" style="background-color: #f8f9fa !important; box-shadow: none;">
<input class="form-control mr-sm-2" type="text" placeholder="Search Lab-rooms" aria-label="Search" id="search">
</nav>
</div>
<div class="row">
@ -196,8 +169,8 @@
</div>
</div>
</div>
</section>
<section class="call-to-action text-white text-center"
</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">
@ -207,54 +180,12 @@
</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"
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>
</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 class=" col-md-6 item text">
<h3>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"
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" role="button" href="#"
style="margin: 20px;background-color: rgba(248,249,250,0);color: rgb(255,255,255);">Sign Up</a></span>
</div>
href="https://git.swarmlab.io:3000/swarmlab/feedback">Feedback</a></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>
</section>
</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