Commit fb5353c2 authored by Corentin Mors's avatar Corentin Mors
Browse files

Add guides + faq

parent a287a576
exports.guides_index = function(req, res, next) {
res.render('guides/index');
}
exports.faq = function(req, res, next) {
res.render('guides/faq');
}
\ No newline at end of file
......@@ -95,6 +95,10 @@ body {
}
}
/** FAQ CSS */
#accordion-faq .card{
margin-bottom: 10px;
}
/** Menu CSS */
......
body{padding-top:5rem;background-color:#fff}.contenttype-title{display:flex}.contenttype-title h3{flex:1 0}.contenttype-all-button{margin-top:5px}.list-group-item-flex{display:flex}.list-group-item-tools{display:block;width:30px}.list-group-item-image{margin-right:10px}.list-group-item-content{flex:1 0}.box{margin-bottom:20px;border:2px solid #000;border-radius:6px;line-height:40px;text-align:center;padding-top:10px;background-color:#c3cee4}.content-input{height:500px}.article{padding-left:1rem;padding-bottom:1rem}[class*=col-xs]{width:auto}.container{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto;align-items:center}@media (min-width:768px){.container{width:1170px}}@media (min-width:992px){.container{width:970px}}@media (min-width:1200px){.container{width:1170px}}.wrapper{display:flex;width:100%}#sidebar{width:250px;margin-left:-250px;position:fixed;top:0;left:0;height:100vh;z-index:999;background:#7386d5;color:#fff;transition:all .3s}#sidebar.active{margin-left:0}#sidebar .sidebar-header{padding:20px;background:#6d7fcc}#sidebar ul.components{padding:20px 0;border-bottom:1px solid #47748b}#sidebar ul p{color:#fff;padding:10px}#sidebar ul li a{text-decoration:none;color:#fff;padding:10px;font-size:1.1em;display:block}#sidebar ul li a:hover{color:#7386d5;background:#fff}#sidebar ul li.active>a,a[aria-expanded=true]{color:#fff;background:#6d7fcc}#content{width:100%;padding:40px;min-height:100vh;transition:all .3s;position:absolute;top:0;right:0}#content.active{width:calc(100% - 250px)}
\ No newline at end of file
body{padding-top:5rem;background-color:#fff}.contenttype-title{display:flex}.contenttype-title h3{flex:1 0}.contenttype-all-button{margin-top:5px}.list-group-item-flex{display:flex}.list-group-item-tools{display:block;width:30px}.list-group-item-image{margin-right:10px}.list-group-item-content{flex:1 0}.box{margin-bottom:20px;border:2px solid #000;border-radius:6px;line-height:40px;text-align:center;padding-top:10px;background-color:#c3cee4}.content-input{height:500px}.article{padding-left:1rem;padding-bottom:1rem}[class*=col-xs]{width:auto}.container{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto;align-items:center}@media (min-width:768px){.container{width:1170px}}@media (min-width:992px){.container{width:970px}}@media (min-width:1200px){.container{width:1170px}}#accordion-faq .card{margin-bottom:10px}.wrapper{display:flex;width:100%}#sidebar{width:250px;margin-left:-250px;position:fixed;top:0;left:0;height:100vh;z-index:999;background:#7386d5;color:#fff;transition:all .3s}#sidebar.active{margin-left:0}#sidebar .sidebar-header{padding:20px;background:#6d7fcc}#sidebar ul.components{padding:20px 0;border-bottom:1px solid #47748b}#sidebar ul p{color:#fff;padding:10px}#sidebar ul li a{text-decoration:none;color:#fff;padding:10px;font-size:1.1em;display:block}#sidebar ul li a:hover{color:#7386d5;background:#fff}#sidebar ul li.active>a,a[aria-expanded=true]{color:#fff;background:#6d7fcc}#content{width:100%;padding:40px;min-height:100vh;transition:all .3s;position:absolute;top:0;right:0}#content.active{width:calc(100% - 250px)}
\ No newline at end of file
'use strict';
var express = require('express'),
router = express.Router();
var guidesController = require('../controllers/guides');
router.route('/')
.get(guidesController.guides_index)
router.route('/faq')
.get(guidesController.faq);
module.exports = router
......@@ -18,6 +18,7 @@ router.use('/users', require('./userRoute'));
router.use('/resources', require('./resourceRoute'));
router.use('/checklists', require('./checklistRoute'));
router.use('/sources', require('./sourceRoute'));
router.use('/guides', require('./guideRoute'));
router.route('/location')
.get(indexController.location);
......
{% extends "layout/base.html" %}
{% block content %}
<main role="main" class="container-fluid">
<div class="row">
<div class="col-sm-12">
<div id="accordion-faq">
<div class="card">
<div class="card-header" id="headingOne">
<h5 class="mb-0">
<button class="btn btn-link collapsed" data-toggle="collapse" data-target="#collapseOne" aria-expanded="false" aria-controls="collapseOne">
Where can I find my sensors' data ?
</button>
</h5>
</div>
<div id="collapseOne" class="collapse" aria-labelledby="headingOne" data-parent="#accordion">
<div class="card-body">
Under the <strong>Dashboard</strong> section you can find every useful information retrieved from the sensors. You can go to the <strong>Dashboard</strong> section from the side menu.
</div>
</div>
</div>
<div class="card">
<div class="card-header" id="headingTwo">
<h5 class="mb-0">
<button class="btn btn-link collapsed" data-toggle="collapse" data-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
How can I monitor the status of my supplies ?
</button>
</h5>
</div>
<div id="collapseTwo" class="collapse" aria-labelledby="headingTwo" data-parent="#accordion">
<div class="card-body">
Under the <strong>Resources</strong> section you can monitor the amount of supplies left. There you can visualize the amount of water, food, batteries, or every piece of harware remaining.
</div>
</div>
</div>
<div class="card">
<div class="card-header" id="headingThree">
<h5 class="mb-0">
<button class="btn btn-link collapsed" data-toggle="collapse" data-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
How to monitor the energy on my camp ?
</button>
</h5>
</div>
<div id="collapseThree" class="collapse" aria-labelledby="headingThree" data-parent="#accordion">
<div class="card-body">
Under the <strong>Dashboard</strong> section you can find data about your energy consumption and the production of the wind turbines.
</div>
</div>
</div>
<div class="card">
<div class="card-header" id="headingFour">
<h5 class="mb-0">
<button class="btn btn-link collapsed" data-toggle="collapse" data-target="#collapseFour" aria-expanded="false" aria-controls="collapseFour">
How to get data from my camp sensors ?
</button>
</h5>
</div>
<div id="collapseFour" class="collapse" aria-labelledby="headingFour" data-parent="#accordion">
<div class="card-body">
Under the <strong>Dashboard</strong> section you can find data about every sensor installed in your camp.
</div>
</div>
</div>
<div class="card">
<div class="card-header" id="headingFive">
<h5 class="mb-0">
<button class="btn btn-link collapsed" data-toggle="collapse" data-target="#collapseFive" aria-expanded="false" aria-controls="collapseFive">
How to get information about my robots ?
</button>
</h5>
</div>
<div id="collapseFive" class="collapse" aria-labelledby="headingFive" data-parent="#accordion">
<div class="card-body">
Under the <strong>Dashboard</strong> section you can monitor the status of your robots’ batteries and charging state.
</div>
</div>
</div>
<div class="card">
<div class="card-header" id="headingSix">
<h5 class="mb-0">
<button class="btn btn-link collapsed" data-toggle="collapse" data-target="#collapseSix" aria-expanded="false" aria-controls="collapseSix">
How to visualize weather forecasts ?
</button>
</h5>
</div>
<div id="collapseSix" class="collapse" aria-labelledby="headingSix" data-parent="#accordion">
<div class="card-body">
If your camp is equipped with a weather station, you can visualize the forecasts under the <strong>Dashboard</strong> section.
</div>
</div>
</div>
<div class="card">
<div class="card-header" id="headingSeven">
<h5 class="mb-0">
<button class="btn btn-link collapsed" data-toggle="collapse" data-target="#collapseSeven" aria-expanded="false" aria-controls="collapseSeven">
Where can I get information about my vital signs ?
</button>
</h5>
</div>
<div id="collapseSeven" class="collapse" aria-labelledby="headingSeven" data-parent="#accordion">
<div class="card-body">
If you wish to monitor your vital signs, go to the <strong>Dashboard</strong> section. There you can see your pulse rate, body temperature and hydration level.
</div>
</div>
</div>
<div class="card">
<div class="card-header" id="headingEight">
<h5 class="mb-0">
<button class="btn btn-link collapsed" data-toggle="collapse" data-target="#collapseEight" aria-expanded="false" aria-controls="collapseEight">
How to get the status of the data center ?
</button>
</h5>
</div>
<div id="collapseEight" class="collapse" aria-labelledby="headingEight" data-parent="#accordion">
<div class="card-body">
If your camp has a dedicated data center you can monitor its status from the <strong>Dashboard</strong> page.
</div>
</div>
</div>
<div class="card">
<div class="card-header" id="headingNine">
<h5 class="mb-0">
<button class="btn btn-link collapsed" data-toggle="collapse" data-target="#collapseNine" aria-expanded="false" aria-controls="collapseNine">
How to get my GPS coordinates ?
</button>
</h5>
</div>
<div id="collapseNine" class="collapse" aria-labelledby="headingNine" data-parent="#accordion">
<div class="card-body">
Go to the <strong>Map</strong> section to visualize your position on your <strong>Map</strong> and obtain your GPS coordinates.
</div>
</div>
</div>
<div class="card">
<div class="card-header" id="headingTen">
<h5 class="mb-0">
<button class="btn btn-link collapsed" data-toggle="collapse" data-target="#collapseTen" aria-expanded="false" aria-controls="collapseTen">
How can I get survival tips ?
</button>
</h5>
</div>
<div id="collapseTen" class="collapse" aria-labelledby="headingTen" data-parent="#accordion">
<div class="card-body">
Should you need some survival advices, you can find some under the <strong>Survival Guide</strong> section.
</div>
</div>
</div>
<div class="card">
<div class="card-header" id="headingEleven">
<h5 class="mb-0">
<button class="btn btn-link collapsed" data-toggle="collapse" data-target="#collapseEleven" aria-expanded="false" aria-controls="collapseEleven">
How to see my current objectives and tasks ?
</button>
</h5>
</div>
<div id="collapseEleven" class="collapse" aria-labelledby="headingEleven" data-parent="#accordion">
<div class="card-body">
If you wish to track your past activities and see what is next, go to the <strong>Checklist</strong> section to find your completed and remaining tasks.
</div>
</div>
</div>
<div class="card">
<div class="card-header" id="headingTwelve">
<h5 class="mb-0">
<button class="btn btn-link collapsed" data-toggle="collapse" data-target="#collapseTwelve" aria-expanded="false" aria-controls="collapseTwelve">
What are these icons : <i class="fas fa-map-marker-alt"></i> <i class="fas fa-heartbeat"></i> <i class="fas fa-tint"></i> ?
</button>
</h5>
</div>
<div id="collapseTwelve" class="collapse" aria-labelledby="headingTwelve" data-parent="#accordion">
<div class="card-body">
<ul>
<li>You can use the <i class="fas fa-map-marker-alt"></i> shortcut to go directly to the <strong>Map</strong> section.</li><br>
<li>Your pulse rate is indicated under the <i class="fas fa-heartbeat"></i> icon so that you can monitor it at every moment.</li><br>
<li>The <i class="fas fa-tint"></i> icon indicates your hydration level. If the sensors indicate that you need to hydrate yourself, then the icon will tilt to alert you.</li><br>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</main><!-- /.container -->
{% endblock %}
\ No newline at end of file
This diff is collapsed.
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment