Browse Source

Add FAQ

master
Haris Razis 4 years ago
parent
commit
81c0ba28fc
  1. 11496
      web/public/stylesheets/bootstrap.min.css
  2. 1138
      web/public/stylesheets/styles.min.css
  3. 8
      web/routes/index.js
  4. 1
      web/views/documentation.ejs
  5. 86
      web/views/faq.ejs
  6. 95
      web/views/index.ejs
  7. 47
      web/views/partials/footer.ejs
  8. 49
      web/views/partials/header.ejs

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

File diff suppressed because one or more lines are too long

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

File diff suppressed because it is too large

8
web/routes/index.js

@ -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

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

86
web/views/faq.ejs

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

95
web/views/index.ejs

@ -1,43 +1,13 @@
<!DOCTYPE html> <%- include("partials/header.ejs") %>
<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="/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;"> style="background: url(/images/markus-spiske-qjnAnF0jIGk-unsplash.jpg) top / cover;">
<div class="overlay"></div> <div class="overlay"></div>
<div class="container"> <div class="container">
<div class="row"> <div class="row">
<div class="col-xl-9 mx-auto"> <div class="col-xl-9 mx-auto">
<h1 class="mb-5" style="height: 20px;"><%= t('welcome') %></h1> <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> </div>
</div> </div>
@ -55,7 +25,7 @@
</div> </div>
<div class="col-lg-4"> <div class="col-lg-4">
<div class="mx-auto features-icons-item mb-5 mb-lg-0 mb-lg-3"> <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> data-bs-hover-animate="pulse"></i></div>
<h3><%= t('features_02_header') %></h3> <h3><%= t('features_02_header') %></h3>
<p class="lead mb-0"><%= t('features_02_text') %></p> <p class="lead mb-0"><%= t('features_02_text') %></p>
@ -69,8 +39,12 @@
<p class="lead mb-0"><%= t('features_03_text') %></p> <p class="lead mb-0"><%= t('features_03_text') %></p>
</div> </div>
</div> </div>
<div class="col"><a class="btn btn-primary btn-lg" role="button" data-bs-hover-animate="pulse" <div class="col">
style="color: rgb(255,255,255);margin-top: 80px;">Documentation</a></div> <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>
</div> </div>
</section> </section>
@ -102,9 +76,8 @@
<div class="container"> <div class="container">
<h2 class="mb-5 d-flex justify-content-center text-center"><%= t('available_swarmlab') %></h2> <h2 class="mb-5 d-flex justify-content-center text-center"><%= t('available_swarmlab') %></h2>
<div class="d-flex justify-content-center"> <div class="d-flex justify-content-center">
<nav class="navbar navbar-light bg-light"> <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" <input class="form-control mr-sm-2" type="text" placeholder="Search Lab-rooms" aria-label="Search" id="search">
id="search">
</nav> </nav>
</div> </div>
<div class="row"> <div class="row">
@ -207,54 +180,12 @@
</div> </div>
<div class="col-md-10 col-lg-8 col-xl-7 mx-auto"> <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 <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);" 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> href="https://git.swarmlab.io:3000/swarmlab/feedback">Feedback</a></div>
</div> </div>
</div> </div>
</div> </div>
</section> </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>
</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> <%- include("partials/footer.ejs") %>

47
web/views/partials/footer.ejs

@ -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

@ -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>
Loading…
Cancel
Save