Skip to content

Commit

Permalink
Merge pull request #358 from inbo/update_doe_mee_page
Browse files Browse the repository at this point in the history
update doe mee page 'draft'
  • Loading branch information
DimEvil authored Mar 4, 2025
2 parents 4e158c1 + 254d53a commit 946cbd5
Show file tree
Hide file tree
Showing 7 changed files with 110 additions and 1 deletion.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added branding/app/assets/images/meetnetten_banner.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added branding/app/assets/images/streeplijst.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added branding/app/assets/images/vogelatlas.PNG
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added branding/app/assets/images/watervogels.PNG
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
109 changes: 109 additions & 0 deletions branding/app/pages/VBP_doemee.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,109 @@
---
title: Doe mee
_options:
layout: public/pagesLayout.html
---

<style>
body {
font-family: Arial, sans-serif;
margin: 20px;
line-height: 1.6;
}
h1, h2 {
color: #2c3e50;
}
a {
color: #2980b9;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
.logo {
width: 150px;
margin: 10px 0;
}
.natuurfoto-container {
display: flex;
justify-content: space-between;
gap: 10px;
margin: 20px 0;
}
.natuurfoto {
width: 20%; /* Groter formaat zodat ze mooi naast elkaar staan */
border-radius: 30px;
}
.watermerk {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%) rotate(-30deg);
font-size: 100px;
color: rgba(150, 150, 150, 0.5);
font-weight: bold;
z-index: 1000;
white-space: nowrap;
}
</style>

<div class="watermerk">DRAFT</div>
<h1>Doe Mee met Citizen Science en Biodiversiteitsdata!</h1>
<p>Wil je bijdragen aan wetenschappelijk onderzoek en de natuur in Vlaanderen beter in kaart brengen? Er zijn verschillende platformen waar je waarnemingen kan registreren en data kan verzamelen over biodiversiteit.</p>

<h2> Ontdek en bescherm de biodiversiteit in Vlaanderen!</h2>
<p>
Het Vlaams Biodiversiteitsportaal is dé plek waar kennis over natuur in Vlaanderen samenkomt. Dit platform bundelt waarnemingen van alles wat leeft (planten, dieren, schimmels...) en helpt onderzoekers, beleidsmakers en natuurverenigingen om onze biodiversiteit beter te begrijpen en te beschermen.
</p>

<div class="natuurfoto-container">
<img src="https://inaturalist-open-data.s3.amazonaws.com/photos/445621194/large.jpeg" alt="Anoplotrupes stercorosus" class="natuurfoto">
<img src="https://inaturalist-open-data.s3.amazonaws.com/photos/438921805/large.jpeg" alt="Calliteara pudibunda" class="natuurfoto">
<img src="https://inaturalist-open-data.s3.amazonaws.com/photos/299753066/original.jpeg" alt="Argiope bruennichi" class="natuurfoto">
</div>

<p>
Wil je zelf bijdragen? Dat kan! Door jouw waarnemingen van vogels, insecten, planten en andere soorten te registreren, help je om de verspreiding en trends van onze natuur in kaart te brengen. Jouw gegevens maken een verschil: ze dragen bij aan onderzoek, natuurbeheer en het behoud van kwetsbare soorten.
</p>

<p>Doe mee en ontdek hoe waardevol jouw bijdrage is voor de natuur in Vlaanderen!</p>

<h2> Vlaams Biodiversiteitsportaal</h2>
<img src="/images/Portaal_logo_wit_voorl.png" alt="Vlaams Biodiversiteitsportaal Logo" class="logo">
<p>Het <a href="https://www.vlaamsbiodiversiteitsportaal.be" target="_blank">Vlaams Biodiversiteitsportaal</a> verzamelt en ontsluit biodiversiteitsdata uit diverse bronnen. Hier kan je inzichten verkrijgen over soorten in Vlaanderen en zelf bijdragen.</p>

<h2>INBO-initiatieven</h2>
<p>Het Instituut voor Natuur- en Bosonderzoek (INBO) beheert verschillende projecten die bijdragen aan het in kaart brengen van de biodiversiteit in Vlaanderen. Zo zijn er:</p>
<ul>
<li><strong><a href="https://flora.inbo.be/">Florabank</a></strong>: Een uitgebreide databank met waarnemingen van wilde planten in Vlaanderen.</li>
<img src="/images/streeplijst.jpg" alt="Florabank illustratie" class="logo">
<li><strong><a href="https://meetnetten.be/">Meetnetten</a></strong>: Monitoringprogramma's die trends in populaties van soorten opvolgen.</li>
<img src="/images/meetnetten_banner.png" alt="Meetnetten illustratie" class="logo">
<li><strong><a href="https://watervogels.inbo.be/info">Watervogeltellingen</a></strong>: Jaarlijkse tellingen van overwinterende en doortrekkende watervogels.</li>
<img src="/images/watervogels.PNG" alt="Watervogeltellingen illustratie" class="logo">
<li><strong><a href="https://www.vogelatlas.be/">Broedvogelatlas</a></strong>: Een gedetailleerde inventaris van broedvogels in Vlaanderen.</li>
<img src="/images/vogelatlas.PNG" alt="Broedvogelatlas illustratie" class="logo">
</ul>
<p>Deze initiatieven leveren waardevolle informatie op voor wetenschappelijk onderzoek en natuurbeheer.</p>




<h2> iNaturalist</h2>
<img src="https://static.inaturalist.org/sites/1-logo.svg?1573071870" alt="iNaturalist Logo" class="logo">
<p><a href="https://www.inaturalist.org" target="_blank">iNaturalist</a> is een wereldwijd platform waar je foto’s van planten en dieren kan uploaden en determineren met hulp van AI en een community van experten.</p>

<h2> Waarnemingen.be</h2>
<img src="https://waarnemingen.be/static/img/tiles/home3.svg" alt="Waarnemingen.be Logo" class="logo">
<p>Op <a href="https://www.waarnemingen.be" target="_blank">Waarnemingen.be</a> kan je je natuurwaarnemingen delen en bijdragen aan wetenschappelijk onderzoek over biodiversiteit in België.</p>

<h2> Pl@ntNet</h2>
<img src="https://www.interregeurope.eu/sites/default/files/styles/banner_image/public/good_practices/good_practice__5704__1629384845.png?itok=waRb8bN8" alt="Pl@ntNet Logo" class="logo">
<p><a href="https://plantnet.org" target="_blank">Pl@ntNet</a> is een handige app waarmee je planten kan identificeren door een foto te nemen en bij te dragen aan botanisch onderzoek.</p>

<h2> Mijn Tuinlab</h2>
<img src="https://www.klascement.net/files/1/0/8/9/5/2/l/logo-mijn-tuinlab.webp?v=1418832" alt="Mijn Tuinlab Logo" class="logo">
<p><a href="https://www.mijntuinlab.be" target="_blank">Mijn Tuinlab</a> laat je toe om de biodiversiteit in je eigen tuin te meten en te vergelijken met andere deelnemers.</p>

<p>Iedereen kan meedoen! Of je nu een beginnende natuurliefhebber bent of een doorgewinterde expert, jouw waarnemingen zijn waardevol. Doe mee en help mee bouwen aan kennis over de natuur!</p>

2 changes: 1 addition & 1 deletion branding/app/themes/vlaanderen/assets/banner.html
Original file line number Diff line number Diff line change
Expand Up @@ -40,7 +40,7 @@
<!-- Main buttons -->
<li><a data-i18n="nav.species" href="::bieURL::"></a></li>
<li><a data-i18n="nav.spatial" href="::spatialURL::"></a></li>
<li><a data-i18n="nav.participate" href="https://www.vlaanderen.be/inbo/vacatures/"></a></li>
<li><a data-i18n="nav.participate" href="/pages/VBP_doemee.html"></a></li>
<li><a data-i18n="nav.dataandpartners" href="https://www.vlaanderen.be/inbo/datasets/"></a></li>

<!-- News dropdown -->
Expand Down

0 comments on commit 946cbd5

Please sign in to comment.