Skip to content

Commit 8d02873

Browse files
update website presentation (#22)
1 parent b0416d9 commit 8d02873

File tree

3 files changed

+76
-66
lines changed

3 files changed

+76
-66
lines changed

Diff for: _config.yml

+27-26
Original file line numberDiff line numberDiff line change
@@ -57,22 +57,21 @@ t:
5757
subtitle: "Pyronear est un projet open-source au service du bien commun"
5858
manifesto:
5959
title: "Qui sommes-nous ?"
60-
phrase1: "Pyronear est une association loi 1901 au service du bien commun et du logiciel libre."
61-
phrase2: "Nous portons la conviction que la protection des forêts doit être accessible à tous et qu'elle nécessite la technologie la plus efficace, transparente et abordable possible. C’est pourquoi notre solution logicielle de détection des feux de forêt est gratuite."
60+
phrase1: "<b>Pyronear</b> est une association à but non lucratif loi 1901 dont l’objectif est de démocratiser des solutions technologiques sobres et ouvertes de lutte contre les incendies de forêts, au service des écosystèmes et des citoyens. Pour cela, nous co-construisons une solution open source de détection détection précoce, performante, automatique, énergiquement sobre, économique et modulable des départs de feux dans les espaces naturels."
61+
phrase2: "<b>Open source </b>: Tout notre code est disponible en accès libre et co-développé par nos bénévoles. Nous pensons que l'intelligence collective est la meilleure façon de résoudre un problème complexe."
62+
phrase3: "<b>Détection précoce </b>: Pour lutter efficacement contre les feux de forêt il est important de les détecter de façon précoce pour permettre une intervention rapide des services d’incendies et secours et ainsi limiter leur impact."
63+
phrase4: "<b>Performance </b>: Nos experts en intelligence artificielle suivent activement l’actualité de ce domaine en plein ébullition afin de faire bénéficier Pyronear de ses dernières avancées."
64+
phrase5: "<b>Automatique </b>: Nous proposons une solution complètement automatisée afin de libérer du temps aux pompiers."
65+
phrase6: "<b>Énergétiquement sobre </b>: Nous sommes dans une démarche dite low-tech, nous avons construit un dispositif peu consommateur permettant un déploiement plus facile et une utilisation plus raisonnée de nos précieuses ressources."
66+
phrase7: "<b>Économique </b>: Notre R&D est faite par des bénévoles, notre dispositif est sobre et l’objet non-lucratif de notre association, ce qui nous permet de proposer des prix très compétitifs afin de faciliter un déploiement sur le territoire."
67+
phrase8: "<b>Modulable </b>: Nous proposons un système de détection complet mais notre dispositif a été pensé pour fonctionner avec le matériel existant (utilisation de caméras déjà en place, connexion avec nexSIS …)"
6268
steps:
6369
title: "Comment ça marche ?"
64-
step1:
65-
icon: 👀
66-
title: "1. Couverture de la zone"
67-
content: "Nos détecteurs placés en hauteur surveillent la zone forestière alentour."
68-
step2:
69-
icon: 🤖
70-
title: "2. Traitement de l'image"
71-
content: "Notre modèle d'apprentissage profond analyse les indices visuels de départ de feu."
72-
step3:
73-
icon: 🚨
74-
title: "3. Alerte !"
75-
content: "En cas de forte suspicion, l'alerte est donnée automatiquement."
70+
text1: "Pyronear est une <b>solution complète de gestion du risque incendie</b>. Elle est constituée d’un <b>algorithme de détection</b> précoce des départs de feu, implémenté sur un micro ordinateur, connecté à des <b>caméras positionnées sur des points hauts</b> avec vue sur la forêt. Nos détecteurs communiquent les <b>alertes de détection de départ de feu</b> à une base de données elle-même connectée à une <b>plateforme de supervision</b> à destination des pompiers. "
71+
image_link1: "https://lh3.googleusercontent.com/drive-viewer/AFGJ81ray0VxVjHBRwWV2U3UW9rNMlw8QZBNqOsNdGN8Pq2-FHWgjYt3uQpqO0aHpyxTdWViy7q50tNbpy9HZ-14oxuNSbft=s1600"
72+
text2: "Nos tours de détection se composent de 4/5 caméras haute résolution et d’un micro ordinateur qui capture une image par caméra à intervalles réguliers puis l’analyse localement à l’aide de notre modèle de détection de feux de forêt. En cas de détection, le mode alerte est activé, toutes les images provenant de la caméra ayant détecté le feu sont alors envoyées à notre base de données via notre api, le protocole de communication que nous avons développé."
73+
image_link2: "https://lh3.googleusercontent.com/drive-viewer/AFGJ81rKFDSwOWe1s6g0nANvlaKnbAMsCqNy4cLncnazqA_uKR928VWIgks5ds5htWhuZq_RfA41pgllkhDNUm3Yq-hDyMMd=s1600"
74+
7675
callToAction:
7776
title: "Comment le mettre en place ?"
7877
content: "Pour en savoir plus envoyez-nous un mail ou contactez-nous sur les réseaux sociaux. Nous vous répondrons le plus rapidement possible."
@@ -162,19 +161,21 @@ t:
162161
subtitle: "Pyronear is an open-source project for the common good"
163162
manifesto:
164163
title: "Who are we?"
165-
phrase1: "Pyronear is a French association (loi 1901) at the service of the common good and open-source software."
166-
phrase2: "We believe that forest preservation should be accessible to anyone and that it requires the most efficient, transparent and affordable technology possible. That is why our software solution for wildfire detection is free of charge."
164+
phrase1: "<b>Pyronear</b> is a non-profit NGO whose objective is to democratize open and low-tech solutions for fighting wildfires, for the benefit of the ecosystems and the citizens. To achieve this goal, we are co-building an early detection solution that is open source, efficient, automatic, energy-efficient, economical and modular"
165+
phrase2: "<b>Open source</b>: All our code is available for free and co-developed by our volunteers. We believe that collective intelligence is the best way to solve a complex problem."
166+
phrase3: "<b>Early detection</b>: To fight effectively against wildfires, it is important to detect them early in order to allow a quick intervention of fire and rescue services and thus limit their impact."
167+
phrase4: "<b>Performance</b>: Our AI experts actively follow the news in this fast-moving field in order to make Pyronear benefit from its latest advances."
168+
phrase5: "<b>Automatic</b>: We offer a fully automated solution to free up firefighters' time."
169+
phrase6: "<b>Energetically sober</b>: We are in a so-called low-tech approach, we have built a low-consumption device allowing an easier deployment and a more reasoned use of our precious resources."
170+
phrase7: "<b>Economic</b>: Our R&D is done by volunteers, our device is sober and the non-profit object of our association, which allows us to propose very competitive prices to facilitate a deployment on the territory."
171+
phrase8: "<b>Modular</b>: We offer a complete detection system but our device has been designed to work with existing equipment (use of cameras already in place, connection with existing software ...)"
167172
steps:
168-
title: "How does it work?"
169-
step1:
170-
title: "1. Area surveillance"
171-
content: "Our detectors places on high vantage points watch over the nearby forest area."
172-
step2:
173-
title: "2. Image processing"
174-
content: "Our deep learning model analyzes visual hints for wildfires."
175-
step3:
176-
title: "3. Alert!"
177-
content: "In case of important suspicions, the alert is raised automatically."
173+
title: "Comment ça marche ?"
174+
text1: "Pyronear is a <b>complete fire risk management solution</b>. It consists of an <b>early wildfire detection algorithm</b>, implemented on a microcomputer, connected to <b>cameras positioned on high spots</b> with a view on the forest. Our detectors communicate <b>fire alerts<b> to a database that is connected to a <b>supervision platform</b> for the fire department."
175+
image_link1: "https://lh3.googleusercontent.com/drive-viewer/AFGJ81ray0VxVjHBRwWV2U3UW9rNMlw8QZBNqOsNdGN8Pq2-FHWgjYt3uQpqO0aHpyxTdWViy7q50tNbpy9HZ-14oxuNSbft=s1600"
176+
text2: "Our detection towers consist of 4/5 high resolution cameras and a micro computer. We capture one image per camera at regular intervals and then analyze it locally using our wildfire detection model. In case of detection, the alert mode is activated, all the images coming from the camera having detected the fire are then sent to our database via our api, the communication protocol we have developed."
177+
image_link2: "https://lh3.googleusercontent.com/drive-viewer/AFGJ81rKFDSwOWe1s6g0nANvlaKnbAMsCqNy4cLncnazqA_uKR928VWIgks5ds5htWhuZq_RfA41pgllkhDNUm3Yq-hDyMMd=s1600"
178+
178179
callToAction:
179180
title: "How to deploy it?"
180181
content: "To get more information, reach us by email or on social networks. We will get back to you as soon as possible."

Diff for: _includes/manifesto.html

+24-5
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22
<section class="bg-primary" id="about">
33
<div class="container">
44
<div class="row">
5-
<div class="col-lg-8 col-lg-offset-2 text-center">
5+
<div class="col-lg-12 text-justify">
66
<h2 class="section-heading">
77
{{ site.t.[layout.lang].manifesto.title }}
88
</h2>
@@ -13,11 +13,30 @@ <h2 class="section-heading">
1313
<p>
1414
{{ site.t.[layout.lang].manifesto.phrase2 }}
1515
</p>
16-
<a href="#contact-form" class="btn btn-default btn-xl page-scroll"
17-
>{{ site.t.[layout.lang].buttons.contactUs }}</a
18-
>
16+
<p>
17+
{{ site.t.[layout.lang].manifesto.phrase3 }}
18+
</p>
19+
<p>
20+
{{ site.t.[layout.lang].manifesto.phrase4 }}
21+
</p>
22+
<p>
23+
{{ site.t.[layout.lang].manifesto.phrase5 }}
24+
</p>
25+
<p>
26+
{{ site.t.[layout.lang].manifesto.phrase6 }}
27+
</p>
28+
<p>
29+
{{ site.t.[layout.lang].manifesto.phrase7 }}
30+
</p>
31+
<p>
32+
{{ site.t.[layout.lang].manifesto.phrase8 }}
33+
</p>
34+
</div>
35+
<div class="col-lg-8 col-lg-offset-2 text-center">
36+
<a href="#contact-form" class="btn btn-default btn-xl page-scroll">{{ site.t.[layout.lang].buttons.contactUs
37+
}}</a>
1938
</div>
2039
</div>
2140
</div>
2241
</section>
23-
</pattern>
42+
</pattern>

Diff for: _includes/steps.html

+25-35
Original file line numberDiff line numberDiff line change
@@ -1,46 +1,36 @@
11
<section id="services">
22
<div class="container">
33
<div class="row">
4-
<div class="col-lg-12 text-center">
4+
<div class="col-lg-12 text-justify">
55
<h2 class="section-heading">{{ site.t.[layout.lang].steps.title }}</h2>
66
<hr class="primary" />
7+
<p>
8+
{{ site.t.[layout.lang].steps.text1 }}
9+
</p>
710
</div>
8-
</div>
9-
</div>
10-
<div class="container">
11-
<div class="row">
12-
<div class="col-md-4 text-center">
13-
<div class="service-box">
14-
<p class="emoji">
15-
<span alt="Observateur">👀</span>
16-
</p>
17-
<!-- <i class="fa fa-4x fa-diamond wow bounceIn text-primary"></i> -->
18-
<h3>{{ site.t.[layout.lang].steps.step1.title }}</h3>
19-
<p class="text-muted">
20-
{{ site.t.[layout.lang].steps.step1.content }}
21-
</p>
22-
</div>
11+
<div class="col-lg-12 text-center">
12+
13+
<p class="emoji">
14+
<a>
15+
<img alt="sponsor3-logo" src="{{ site.t.[layout.lang].steps.image_link1 }}" height=500>
16+
</a>
17+
</p class="emoji">
2318
</div>
24-
<div class="col-md-4 text-center">
25-
<div class="service-box">
26-
<p class="emoji">
27-
<span alt="Vision">🤖</span>
28-
</p class="emoji">
29-
<h3>{{ site.t.[layout.lang].steps.step2.title }}</h3>
30-
<p class="text-muted">
31-
{{ site.t.[layout.lang].steps.step2.content }}
32-
</p>
33-
</div>
19+
<div class="col-lg-12 text-justify">
20+
<p>
21+
{{ site.t.[layout.lang].steps.text2 }}
22+
</p>
3423
</div>
35-
<div class="col-md-4 text-center">
36-
<div class="service-box">
37-
<p class="emoji">
38-
<span alt="Alerte">🚨</span>
39-
</p class="emoji">
40-
<h3>{{ site.t.[layout.lang].steps.step3.title }}</h3>
41-
<p class="text-muted">{{ site.t.[layout.lang].steps.step3.content }}</p>
42-
</div>
24+
<div class="col-lg-12 text-center">
25+
26+
<p class="emoji">
27+
<a>
28+
<img alt="sponsor3-logo" src="{{ site.t.[layout.lang].steps.image_link2 }}" height=350>
29+
</a>
30+
</p class="emoji">
4331
</div>
32+
33+
34+
4435
</div>
45-
</div>
4636
</section>

0 commit comments

Comments
 (0)