Adrien/Site-internet
Adrien/Site-internet
1
1
Fork 0
Code Issues 2 Pull Requests Releases 5 Activity

Mise à jour de la page d'actualité

Browse Source 
Changement de format + traduction grands titres commentaires html + ajout d'images + suppression des fichiers RStudio + mise à jour du README
This commit is contained in:
Adrien CHARBONNEAU 2021-12-12 16:27:57 +01:00
parent 0a13df2f63
commit 3f54c0585a
11 changed files with 175977 additions and 515 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
.gitignore vendored
View File

@ -1,4 +1 @@
.Rproj.user *.pptx
.Rhistory
.RData
.Ruserdata

74
ACTUALITE.html
View File

@ -17,11 +17,11 @@ Bonne lecture ! -->
<meta property="og:description" content="Site de présentation d'Adrien CHARBONNEAU - Naturaliste écologue et ornithologue passionné." /> <meta property="og:description" content="Site de présentation d'Adrien CHARBONNEAU - Naturaliste écologue et ornithologue passionné." />
<meta property="og:nom_du_site" content="Adrien CHARBONNEAU – Naturaliste écologue"/> <meta property="og:nom_du_site" content="Adrien CHARBONNEAU – Naturaliste écologue"/>
<link rel="stylesheet" href="assets/css/tailwind.css">
<link rel="stylesheet" href="assets/css/main.css" /> <link rel="stylesheet" href="assets/css/main.css" />
<link rel="icon" type="image/png" href="images/AC_favicon.png" /> <link rel="icon" type="image/png" href="images/AC_favicon.png" />
<!-- Matomo : petit analyseur de visites libre et opensource -->
<!-- Matomo -->
<script> <script>
var _paq = window._paq = window._paq || []; var _paq = window._paq = window._paq || [];
/* tracker methods like "setCustomDimension" should be called before "trackPageView" */ /* tracker methods like "setCustomDimension" should be called before "trackPageView" */
@ -36,10 +36,8 @@ Bonne lecture ! -->
})(); })();
</script> </script>
<!-- End Matomo Code --> <!-- End Matomo Code -->
</head> </head>
<body class="is-preload"> <body class="is-preload">
<section> <section>
@ -48,28 +46,34 @@ Bonne lecture ! -->
<h2 id="logo">Actualité</h2> <h2 id="logo">Actualité</h2>
<p>Mes projets, études, suivis ou intérêts du moment.</p> <p>Mes projets, études, suivis ou intérêts du moment.</p>
</header> </header>
<div class="container"><sup>Date de mise à jour de la page : 07/12/2021</sup></div> <div class="container"><sup>Date de mise à jour de la page : 12/12/2021</sup></div>
<div class="identity">Un peu plus de détails sur mes compétences : <a href="index.html" class="button small">- PRÉSENTATION -</a></div><br> <div class="identity">Un peu plus de détails sur mes compétences : <a href="index.html" class="button small">- PRÉSENTATION -</a></div><br>
</div> </div>
</section> </section>
<section> <section>
<div class="container"> <div class="p-10 grid grid-cols-1 sm:grid-cols-1 md:grid-cols-3 lg:grid-cols-3 xl:grid-cols-3 gap-5">
<div class="features"> <!-- Première carte -->
<article> <div class="rounded overflow-hidden shadow-lg">
<a class="image"><img src="images/SYNERGIS.jpg" alt="" /></a> <img class="w-full" src="images/SYNERGIS-BLANC.jpg" alt="">
<div class="inner"> <div class="px-6 py-4">
<h4>PROFESSIONNEL</h4> <div class="font-bold text-xl mb-2">PROFESSIONNEL</div>
<ul class="alt"> <p class="text-gray-700 text-base">
<li>Chargé d'études ornithologiques (et naturalistes en général) chez <a href="https://synergis-environnement.com/">Synergis Environnement</a>.</li> Chargé d'études ornithologiques (et naturalistes en général) chez <a href="https://synergis-environnement.com/">Synergis Environnement</a>.
</p>
</ul>
</div> </div>
</article> <div class="px-6 pt-4 pb-2">
<article> <span class="inline-block bg-gray-200 rounded-full px-3 py-1 text-sm font-semibold text-gray-700 mr-2 mb-2">#profession</span>
<a class="image"><img src="images/BAGUAGE.jpg" alt="" /></a> <span class="inline-block bg-gray-200 rounded-full px-3 py-1 text-sm font-semibold text-gray-700 mr-2 mb-2">#bureau d'études</span>
<div class="inner"> <span class="inline-block bg-gray-200 rounded-full px-3 py-1 text-sm font-semibold text-gray-700 mr-2 mb-2">#emploi</span>
<h4>NATURALISME</h4> </div>
</div>
<!-- Seconde carte-->
<div class="rounded overflow-hidden shadow-lg">
<img class="w-full" src="images/BAGUAGE.jpg" alt="">
<div class="px-6 py-4">
<div class="font-bold text-xl mb-2">NATURALISME</div>
<p class="text-gray-700 text-base">
<ul class="alt"> <ul class="alt">
<li>Suivi de la migration nocturne (dépôt d'un enregistreur / analyse)</li> <li>Suivi de la migration nocturne (dépôt d'un enregistreur / analyse)</li>
<li><a href="https://www.vigienature.fr/fr/suivi-hivernal-des-oiseaux-communs-shoc">SHOC (hiver 2021)</a></li> <li><a href="https://www.vigienature.fr/fr/suivi-hivernal-des-oiseaux-communs-shoc">SHOC (hiver 2021)</a></li>
@ -78,24 +82,38 @@ Bonne lecture ! -->
<!-- <li><a href="https://www.vigienature.fr/fr/observatoires/suivi-temporel-oiseaux-communs-stoc/detail-protocole-3362">STOC EPS (printemps 2021)</a></li> --> <!-- <li><a href="https://www.vigienature.fr/fr/observatoires/suivi-temporel-oiseaux-communs-stoc/detail-protocole-3362">STOC EPS (printemps 2021)</a></li> -->
<!-- <li><a href="https://oiseauxdefrance.org/get-involved/epoc-odf">EPOC - ODF (printemps 2021)</a></li> --> <!-- <li><a href="https://oiseauxdefrance.org/get-involved/epoc-odf">EPOC - ODF (printemps 2021)</a></li> -->
</ul> </ul>
</p>
</div> </div>
</article> <div class="px-6 pt-4 pb-2">
<article> <span class="inline-block bg-gray-200 rounded-full px-3 py-1 text-sm font-semibold text-gray-700 mr-2 mb-2">#ornithologie</span>
<a class="image"><img src="images/NBM.jpg" alt="" /></a> <span class="inline-block bg-gray-200 rounded-full px-3 py-1 text-sm font-semibold text-gray-700 mr-2 mb-2">#passion</span>
<div class="inner"> <span class="inline-block bg-gray-200 rounded-full px-3 py-1 text-sm font-semibold text-gray-700 mr-2 mb-2">#science</span>
<h4>PROJETS</h4> </div>
</div>
<!-- Troisième carte -->
<div class="rounded overflow-hidden shadow-lg">
<img class="w-full" src="images/NBM.jpg" alt="">
<div class="px-6 py-4">
<div class="font-bold text-xl mb-2">PROJETS</div>
<p class="text-gray-700 text-base">
<ul class="alt"> <ul class="alt">
<li>Construction d'un site web personnel et des services associés (serveur, applications web, etc...) - <a href="https://git.adriencharbonneau.fr/Adrien/Site-internet"><b>accès à l'évolution du projet</b></a></li> <li>Construction d'un site web personnel et des services associés (serveur, applications web, etc...) - <a href="https://git.adriencharbonneau.fr/Adrien/Site-internet"><b>accès à l'évolution du projet</b></a></li>
<li><a href="https://gitlab.com/nbm.challenge/nbm-nocturnal-bird-migration">Nocturnal Bird Migration</a></li> <li><a href="https://gitlab.com/nbm.challenge/nbm-nocturnal-bird-migration">Nocturnal Bird Migration</a></li>
<li><a href="https://laboratoireparallele.com/2020/04/17/silent%c2%b7cities-paysages-sonores-dun-monde-confine/">Silent-Cities</a></li> <li><a href="https://laboratoireparallele.com/2020/04/17/silent%c2%b7cities-paysages-sonores-dun-monde-confine/">Silent-Cities</a></li>
</ul> </ul>
</p>
</div>
<div class="px-6 pt-4 pb-2">
<span class="inline-block bg-gray-200 rounded-full px-3 py-1 text-sm font-semibold text-gray-700 mr-2 mb-2">#site internet</span>
<span class="inline-block bg-gray-200 rounded-full px-3 py-1 text-sm font-semibold text-gray-700 mr-2 mb-2">#étude</span>
<span class="inline-block bg-gray-200 rounded-full px-3 py-1 text-sm font-semibold text-gray-700 mr-2 mb-2">#fall</span>
</div> </div>
</article>
</div> </div>
</div> </div>
</section> </section>
<!-- Footer --> <!-- Pied de page -->
<section id="footer"> <section id="footer">
<div class="container"> <div class="container">
<ul class="copyright"> <ul class="copyright">

9
README.md
View File

@ -3,12 +3,19 @@ Dépôt git du site internet https://www.adriencharbonneau.fr
[![Version du Site Internet](https://flat.badgen.net/badge/Site%20Internet/1.3/green?icon=git)](https://adriencharbonneau.fr/) [![Version du Site Internet](https://flat.badgen.net/badge/Site%20Internet/1.3/green?icon=git)](https://adriencharbonneau.fr/)
*Librairies utilisées :*
* Font Awesome
* Tailwind
### Objectifs : ### Objectifs :
- **Construire un site internet statique** : son contenu ne variera pas en fonction des lecteurs, il s'agit simplement d'une unique page HTML affichant un contenu statique - **Construire un site internet statique** : son contenu ne variera pas en fonction des lecteurs, il s'agit simplement d'une unique page HTML affichant un contenu statique
- Posséder un **historique de version** (*versionning*) du site - Posséder un **historique de version** (*versionning*) du site
- **Code disponible** afin d'être réutilisé ([Inspiration initiale](https://html5up.net/)) - **Code disponible** afin d'être réutilisé. Je m'inspire énormément sur internet ([Inspiration initiale](https://html5up.net/)), il est donc logique que ce soit réciproque.
- **automatiser** au maximum les informations (*ex : intégration automatique du CV lors d'une mise à jour*) - **automatiser** au maximum les informations (*ex : intégration automatique du CV lors d'une mise à jour*)
### Participation du lecteur (*pas implémentée pour l'instant*) : ### Participation du lecteur (*pas implémentée pour l'instant*) :
Dans le cas où le lecteur du site internet remarquerait une anomalie, un dysfonctionnement ou toute autre information qui permettrait d'améliorer le site, ce dernier pourrait communiquer par le biais des tickets/issues. Dans le cas où le lecteur du site internet remarquerait une anomalie, un dysfonctionnement ou toute autre information qui permettrait d'améliorer le site, ce dernier pourrait communiquer par le biais des tickets/issues.
**Attention cependant : cette fonctionnalité (créer un ticket sans inscription au préalable sur le site) est impossible actuellement, les développeurs travaillent sur le sujet** **Attention cependant : cette fonctionnalité (créer un ticket sans inscription au préalable sur le site) est impossible actuellement, les développeurs travaillent sur le sujet**
Néanmoins n'hésitez surtout pas à faire remonter, par le moyen qu'il vous plaira, les problèmes rencontrés sur le site ! Merci par avance 😊

13
Site-internet.Rproj
View File

@ -1,13 +0,0 @@
Version: 1.0
RestoreWorkspace: Default
SaveWorkspace: Default
AlwaysSaveHistory: Default
EnableCodeIndexing: Yes
UseSpacesForTab: Yes
NumSpacesForTab: 2
Encoding: UTF-8
RnwWeave: Sweave
LaTeX: pdfLaTeX

175454
assets/css/tailwind.css Normal file
View File

File diff suppressed because it is too large Load Diff

BIN
images/BAGUAGE-BIGUGLIA.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 124 KiB

BIN
images/BAGUAGE-MAIN.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 359 KiB

BIN
images/BAGUAGE-ROITELET.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 154 KiB

BIN
images/BAGUAGE.jpg
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 359 KiB

After

Width:  |  Height:  |  Size: 1.5 MiB

BIN
images/SYNERGIS-BLANC.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 170 KiB

11
index.html
View File

@ -20,7 +20,7 @@ Bonne lecture ! -->
<link rel="stylesheet" href="assets/css/main.css" /> <link rel="stylesheet" href="assets/css/main.css" />
<link rel="icon" type="image/png" href="images/AC_favicon.png" /> <link rel="icon" type="image/png" href="images/AC_favicon.png" />
<!-- Matomo --> <!-- Matomo : petit analyseur de visites libre et opensource -->
<script> <script>
var _paq = window._paq = window._paq || []; var _paq = window._paq = window._paq || [];
/* tracker methods like "setCustomDimension" should be called before "trackPageView" */ /* tracker methods like "setCustomDimension" should be called before "trackPageView" */
@ -35,12 +35,11 @@ Bonne lecture ! -->
})(); })();
</script> </script>
<!-- End Matomo Code --> <!-- End Matomo Code -->
</head> </head>
<body class="is-preload"> <body class="is-preload">
<!-- Header --> <!-- En-tête -->
<section id="header"> <section id="header">
<header> <header>
<span class="image avatar"><img src="images/avatar.jpg" alt="" /></span> <span class="image avatar"><img src="images/avatar.jpg" alt="" /></span>
@ -104,7 +103,7 @@ Bonne lecture ! -->
</div> </div>
</section> </section>
<!-- Gallery --> <!-- Galerie -->
<div class="gallery lightbox style1 small"> <div class="gallery lightbox style1 small">
<article> <article>
<a href="images/galerie/fulls/ATHNOC2.jpg" class="image"> <a href="images/galerie/fulls/ATHNOC2.jpg" class="image">
@ -431,7 +430,7 @@ Bonne lecture ! -->
</div> </div>
<!-- Footer --> <!-- Pied de page -->
<section id="footer"> <section id="footer">
<div class="container"> <div class="container">
<ul class="copyright"> <ul class="copyright">