{"id":14340,"date":"2026-09-02T13:17:16","date_gmt":"2026-09-02T13:17:16","guid":{"rendered":"https:\/\/steentijdvondsten.nl\/post\/?page_id=14340"},"modified":"2026-09-03T21:24:51","modified_gmt":"2026-09-03T21:24:51","slug":"module-3","status":"publish","type":"page","link":"https:\/\/steentijdvondsten.nl\/post\/index.php\/module-3\/","title":{"rendered":"Module 3"},"content":{"rendered":"\n<h2 class=\"wp-block-heading has-text-align-center\" style=\"font-size:24px\">Vondsten registreren en presenteren naar een eigen priv\u00e9 PDF-opmaak<\/h2>\n\n\n\n<div style=\"height:13px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<style>\n  \/* De wrapper voor de pagina-inhoud *\/\n  .page-wrapper {\n      display: flex;                  \/* Flexbox gebruiken om de layout te controleren *\/\n      justify-content: center;        \/* Horizontaal centreren van de inhoud *\/\n      padding: 20px;                  \/* Padding voor wat ruimte aan de zijkanten *\/\n  }\n\n  \/* De container voor de inhoud zonder zijbalken *\/\n  .content-container {\n      display: flex;                  \/* Flexbox gebruiken om de content in de container te regelen *\/\n      flex-direction: column;         \/* Inhoud verticaal stapelen *\/\n      justify-content: flex-start;    \/* Begin de inhoud vanaf de bovenkant *\/\n      width: 100%;                    \/* Zorgt ervoor dat de inhoud 100% van de breedte gebruikt *\/\n      max-width: 1000px;              \/* Max breedte van de container *\/\n      margin-left: auto;              \/* Center de container *\/\n      margin-right: auto;             \/* Center de container *\/\n  }\n\n  \/* Stijl voor de individuele inhoud *\/\n  .shortcode-container {\n      background-color: #FAFAFA;      \/* Achtergrondkleur voor de inhoud *\/\n      padding: 20px;                  \/* Padding voor wat ruimte binnen de containers *\/\n      border: 2px solid #d3c3b4;      \/* Zachte randkleur *\/\n      border-radius: 10px;            \/* Afgeronde hoeken *\/\n      margin-bottom: 20px;            \/* Ruimte tussen de verschillende containers *\/\n\n      \/* Flexbox voor centreren van de inhoud binnen de container *\/\n      display: flex;\n      justify-content: center;        \/* Horizontaal centreren *\/\n      align-items: center;            \/* Verticaal centreren *\/\n      text-align: center;             \/* Zorgt ervoor dat de tekst ook gecentreerd wordt *\/\n  }\n\n  \/* Voor mobiele weergave, de inhoud krijgt 100% breedte *\/\n  @media screen and (max-width: 768px) {\n      .content-container {\n          width: 100%;                \/* Zorgt ervoor dat de inhoud 100% breedte gebruikt op mobiele apparaten *\/\n      }\n  }\n<\/style>\n\n<!-- De wrapper voor de inhoud, die de inhoud centreren zonder de zijbalken te be\u00efnvloeden -->\n<div class=\"page-wrapper\">\n    <!-- De container voor de inhoud -->\n    <div class=\"content-container\">\n        <div class=\"shortcode-container\">\n            \n    <div class=\"avr-wrapper\">\n\n        <header class=\"avr-header\">\n            <div class=\"avr-header-mark\">\ud80c\udd53<\/div>\n\n            <div>\n                <div class=\"avr-kicker\">ARCHEOLOGISCHE DOCUMENTATIE<\/div>\n                <h1>Veldregistratie<\/h1>\n                <p>Werkblad voor het vastleggen van steentijdvondsten in het veld.<\/p>\n            <\/div>\n        <\/header>\n\n\n        <!-- 01 -->\n        <section class=\"avr-section\">\n            <div class=\"avr-section-heading\">\n                <span class=\"avr-number\">01<\/span>\n\n                <div>\n                    <div class=\"avr-section-kicker\">DOCUMENTATIE<\/div>\n                    <h2>Basisgegevens<\/h2>\n                <\/div>\n            <\/div>\n\n            <div class=\"avr-grid avr-grid-4\">\n\n                <div class=\"avr-field\">\n                    <label for=\"avr-datum\">Datum<\/label>\n                    <input type=\"date\" id=\"avr-datum\">\n                <\/div>\n\n                <div class=\"avr-field\">\n                    <label for=\"avr-project\">Project<\/label>\n                    <input type=\"text\" id=\"avr-project\" placeholder=\"Projectnaam\">\n                <\/div>\n\n                <div class=\"avr-field\">\n                    <label for=\"avr-registrator\">Registrator<\/label>\n                    <input type=\"text\" id=\"avr-registrator\" placeholder=\"Naam\">\n                <\/div>\n\n                <div class=\"avr-field\">\n                    <label for=\"avr-sitecode\">Sitecode<\/label>\n                    <input type=\"text\" id=\"avr-sitecode\" value=\"SITE-001\" readonly>\n                <\/div>\n\n            <\/div>\n        <\/section>\n\n\n        <!-- 02 -->\n        <section class=\"avr-section\">\n            <div class=\"avr-section-heading\">\n                <span class=\"avr-number\">02<\/span>\n\n                <div>\n                    <div class=\"avr-section-kicker\">ANNOTATIE<\/div>\n                    <h2>Vondstgegevens<\/h2>\n                <\/div>\n            <\/div>\n\n            <div class=\"avr-grid avr-grid-4\">\n\n                <div class=\"avr-field\">\n                    <label for=\"avr-artefact\">Artefacttype<\/label>\n\n                    <select id=\"avr-artefact\">\n                        <option value=\"\">Selecteer type<\/option>\n                        <option value=\"Paleolithicum\">Paleolithicum<\/option>\n                        <option value=\"Mesolithicum\">Mesolithicum<\/option>\n                        <option value=\"Neolithicum\">Neolithicum<\/option>\n                        <option value=\"Bronstijd\">Bronstijd<\/option>\n                    <\/select>\n                <\/div>\n\n                <div class=\"avr-field\">\n                    <label for=\"avr-bodem\">Bodem<\/label>\n                    <input type=\"text\" id=\"avr-bodem\" placeholder=\"Bijv. zand \/ leem\">\n                <\/div>\n\n                <div class=\"avr-field\">\n                    <label for=\"avr-diepte\">Diepte<\/label>\n                    <div class=\"avr-input-unit\">\n                        <input type=\"number\" id=\"avr-diepte\" step=\"0.01\" placeholder=\"0.00\">\n                        <span>cm<\/span>\n                    <\/div>\n                <\/div>\n\n                <div class=\"avr-field\">\n                    <label for=\"avr-foto\">Foto<\/label>\n\n                    <input\n                        type=\"file\"\n                        id=\"avr-foto\"\n                        accept=\"image\/jpeg,image\/png,image\/webp\"\n                    \/>\n\n                    <div id=\"avr-photo-preview\" class=\"avr-photo-preview\" hidden>\n                        <div class=\"avr-photo-preview-image\">\n                            <img decoding=\"async\" id=\"avr-photo-preview-img\" src=\"\" alt=\"Voorbeeld van ge\u00fcploade foto\">\n                        <\/div>\n\n                        <div class=\"avr-photo-preview-info\">\n                            <span class=\"avr-photo-preview-label\">Voorbeeld<\/span>\n                            <span id=\"avr-photo-preview-name\"><\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n            <\/div>\n\n            <div class=\"avr-field avr-field-full\">\n                <label for=\"avr-notities\">Veldnotities<\/label>\n\n                <textarea\n                    id=\"avr-notities\"\n                    rows=\"4\"\n                    placeholder=\"Bijzonderheden, context, associaties, opmerkingen...\"\n                ><\/textarea>\n            <\/div>\n        <\/section>\n\n\n        <!-- 03 -->\n        <section class=\"avr-section\">\n            <div class=\"avr-section-heading\">\n                <span class=\"avr-number\">03<\/span>\n\n                <div>\n                    <div class=\"avr-section-kicker\">LOCATIE<\/div>\n                    <h2>Vondstlocatie<\/h2>\n                <\/div>\n            <\/div>\n\n            <div class=\"avr-location-actions\">\n                <button type=\"button\" class=\"avr-button avr-button-secondary\" id=\"avr-gps\">\n                    <span>\u25ce<\/span>\n                    GPS locatie\n                <\/button>\n\n                <span class=\"avr-location-status\" id=\"avr-location-status\">\n                    Klik op de kaart of gebruik GPS.\n                <\/span>\n            <\/div>\n\n\n            <div class=\"avr-coordinates\">\n\n                <div class=\"avr-coordinate-card\">\n                    <span>LATITUDE<\/span>\n                    <strong id=\"avr-lat-display\">\u2014<\/strong>\n                <\/div>\n\n                <div class=\"avr-coordinate-card\">\n                    <span>LONGITUDE<\/span>\n                    <strong id=\"avr-lon-display\">\u2014<\/strong>\n                <\/div>\n\n                <div class=\"avr-coordinate-card avr-coordinate-place\">\n                    <span>PLAATS<\/span>\n                    <strong id=\"avr-plaats-display\">\u2014<\/strong>\n                <\/div>\n\n            <\/div>\n\n\n            <div id=\"avr-map\" class=\"avr-map\"><\/div>\n\n            <div class=\"avr-map-hint\">\n                Sleep de marker naar de juiste positie of klik rechtstreeks op de kaart.\n            <\/div>\n        <\/section>\n\n\n        <!-- ACTIES -->\n        <div class=\"avr-actions\">\n\n            <button type=\"button\" class=\"avr-button avr-button-primary\" id=\"avr-add\">\n                + Locatie toevoegen\n            <\/button>\n\n            <button type=\"button\" class=\"avr-button avr-button-outline\" id=\"avr-pdf\">\n                \u2193 Export PDF\n            <\/button>\n\n        <\/div>\n\n\n        <!-- 04 -->\n        <section class=\"avr-section avr-registration-section\" id=\"avr-registraties\">\n\n            <div class=\"avr-section-heading\">\n                <span class=\"avr-number\">04<\/span>\n\n                <div>\n                    <div class=\"avr-section-kicker\">REGISTRATIE<\/div>\n                    <h2>Geregistreerde locaties<\/h2>\n                <\/div>\n\n                <div class=\"avr-registration-count\" id=\"avr-count\">\n                    0 registraties\n                <\/div>\n            <\/div>\n\n\n            <div id=\"avr-empty-state\" class=\"avr-empty-state\">\n                <div class=\"avr-empty-icon\">\uff0b<\/div>\n                <strong>Nog geen locaties geregistreerd<\/strong>\n                <span>Vul de gegevens in en voeg de eerste vondstlocatie toe.<\/span>\n            <\/div>\n\n\n            <div id=\"avr-table-wrap\" class=\"avr-table-wrap\" hidden>\n\n                <table class=\"avr-table\">\n\n                    <thead>\n                        <tr>\n                            <th>#<\/th>\n                            <th>Site<\/th>\n                            <th>Artefact<\/th>\n                            <th>Bodem<\/th>\n                            <th>Diepte<\/th>\n                            <th>Foto<\/th>\n                            <th>Plaats<\/th>\n                            <th>Co\u00f6rdinaten<\/th>\n                            <th>Actie<\/th>\n                        <\/tr>\n                    <\/thead>\n\n                    <tbody id=\"avr-table-body\"><\/tbody>\n\n                <\/table>\n\n            <\/div>\n\n        <\/section>\n\n\n        <footer class=\"avr-footer\">\n            <span>STEENTIJDVONDSTEN.NL<\/span>\n            <span>Archeologische veldregistratie<\/span>\n        <\/footer>\n\n    <\/div>\n\n    \n        <\/div>\n\n        \n    <\/div>\n<\/div>\n\n\n\n<!DOCTYPE html>\n<html lang=\"nl\">\n<head>\n<meta charset=\"UTF-8\">\n<title>Privacy info popup<\/title>\n\n<style>\n\/* Container met maximale breedte *\/\n.privacyInfo__container {\n    max-width: 20cm;          \/* maximaal 20 cm *\/\n    display: flex;\n    align-items: center;\n    gap: 8px;                 \/* ruimte tussen tekst en rondje *\/\n    position: relative;\n}\n\n\/* Tekst *\/\n.privacyInfo__text {\n    font-size: 14px;\n    line-height: 1.4;\n}\n\n\/* Info-icoon *\/\n.privacyInfo__icon {\n    width: 22px;\n    height: 22px;\n    min-width: 22px;\n    border-radius: 50%;\n    background-color: #c8984e; \/* donker oranje *\/\n    color: #ffffff;\n    text-align: center;\n    line-height: 22px;\n    font-weight: bold;\n    cursor: pointer;\n    user-select: none;\n    font-size: 14px;\n    position: relative;\n}\n\n\/* Popup *\/\n.privacyInfo__popup {\n    position: absolute;\n    bottom: 130%;\n    left: 50%;\n    transform: translateX(-50%);\n    background-color: #2e2e2e;\n    color: #ffffff;\n    padding: 10px 12px;\n    border-radius: 6px;\n    width: 260px;\n    font-size: 13px;\n    line-height: 1.4;\n    display: none;\n    box-sizing: border-box;\n    z-index: 1000;\n}\n\n\/* Pijltje *\/\n.privacyInfo__popup::after {\n    content: \"\";\n    position: absolute;\n    top: 100%;\n    left: 50%;\n    transform: translateX(-50%);\n    border-width: 6px;\n    border-style: solid;\n    border-color: #2e2e2e transparent transparent transparent;\n}\n\n\/* Zichtbaar *\/\n.privacyInfo__icon.privacyInfo__show .privacyInfo__popup {\n    display: block;\n}\n<\/style>\n<\/head>\n<body>\n\n\n\n<!-- PLAATS DIT BLOK WAAR JE HET WILT -->\n<div class=\"privacyInfo__container\" data-privacy-info>\n    <div class=\"privacyInfo__text\">\n         Je privacy is gewaarborgd.\n    <\/div>\n\n    <div class=\"privacyInfo__icon\">\n        i\n        <div class=\"privacyInfo__popup\">\n          Alle gegevens die je invult in het registratieformulier zijn priv\u00e9. Niemand, ook niet steentijdvondsten.nl, kan deze gegevens inzien. Wij slaan geen informatie op en hebben geen toegang tot de door jou ingevulde gegevens. Alles wordt tijdelijk opgeslagen in je eigen browser. Je kunt alle ingevulde gegevens opslaan als een PDF-document om te bewaren. Let op: zodra je de pagina verlaat, worden de ingevulde gegevens permanent verwijderd.\n            \n            Je privacy is gewaarborgd.\n        <\/div>\n    <\/div>\n<\/div>\n\n<script>\n(function () {\n    'use strict';\n\n    var containers = document.querySelectorAll('[data-privacy-info]');\n\n    function positionPopup(icon) {\n        var popup = icon.querySelector('.privacyInfo__popup');\n\n        popup.style.left = '50%';\n        popup.style.right = 'auto';\n        popup.style.transform = 'translateX(-50%)';\n\n        var rect = popup.getBoundingClientRect();\n        var margin = 10;\n\n        if (rect.left < margin) {\n            popup.style.left = '0';\n            popup.style.transform = 'translateX(0)';\n        }\n\n        if (rect.right > window.innerWidth - margin) {\n            popup.style.left = 'auto';\n            popup.style.right = '0';\n            popup.style.transform = 'translateX(0)';\n        }\n    }\n\n    containers.forEach(function (container) {\n        var icon = container.querySelector('.privacyInfo__icon');\n\n        function show() {\n            icon.classList.add('privacyInfo__show');\n            positionPopup(icon);\n        }\n\n        function hide() {\n            icon.classList.remove('privacyInfo__show');\n        }\n\n        \/\/ Desktop\n        icon.addEventListener('mouseenter', show);\n        icon.addEventListener('mouseleave', hide);\n\n        \/\/ Touch\n        icon.addEventListener('click', function (e) {\n            e.stopPropagation();\n            icon.classList.toggle('privacyInfo__show');\n            if (icon.classList.contains('privacyInfo__show')) {\n                positionPopup(icon);\n            }\n        });\n    });\n\n    document.addEventListener('click', function () {\n        containers.forEach(function (container) {\n            var icon = container.querySelector('.privacyInfo__icon');\n            icon.classList.remove('privacyInfo__show');\n        });\n    });\n\n})();\n<\/script>\n\n<\/body>\n<\/html>\n\n\n\n<p class=\"has-text-align-left wp-block-paragraph\">Afhankelijk van de instellingen van je iPhone, tablet of laptop, kun je de GPS gebruiken om direct op de locatie de co\u00f6rdinaten en vondstomstandigheden vast te leggen. Dit kan zowel ter plaatse via de kaart met internetverbinding als achteraf. Je gegevens, de locatie en foto\u2019s van de vondst kunnen samen worden opgeslagen in een PDF, samen met eventuele aanvullende informatie die je wilt toevoegen. <\/p>\n\n\n\n<!DOCTYPE html>\n<html lang=\"nl\">\n<head>\n<meta charset=\"UTF-8\">\n<title>Bodemhorizonten Popup<\/title>\n\n<style>\n  body {\n    font-family: Arial, sans-serif;\n    margin: 0;\n    padding: 20px;\n  }\n\n  button {\n    padding: 10px 15px;\n    font-size: 16px;\n    cursor: pointer;\n  }\n\n  \/* Overlay (altijd bovenaan) *\/\n  .overlay {\n    display: none;\n    position: fixed; \/* belangrijk *\/\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background: rgba(0,0,0,0.6);\n    z-index: 9999; \/* hoog genoeg *\/\n  }\n\n  \/* Popup *\/\n  .popup {\n    position: fixed; \/* ook fixed voor zekerheid *\/\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    background: #fff;\n    padding: 20px;\n    width: 60%;\n    max-width: 700px;\n    max-height: 80%;\n    overflow-y: auto;\n    border-radius: 10px;\n    box-shadow: 0 5px 20px rgba(0,0,0,0.3);\n    z-index: 10000; \/* nog hoger *\/\n  }\n\n  .close-btn {\n    float: right;\n    cursor: pointer;\n    font-size: 22px;\n    font-weight: bold;\n  }\n\n  h2 {\n    margin-top: 0;\n  }\n<\/style>\n<\/head>\n\n<body>\n\n<button onclick=\"openPopup()\">Bodem<\/button>\n\n<!-- Popup overlay (direct onder body!) -->\n<div class=\"overlay\" id=\"overlay\">\n  <div class=\"popup\">\n    <span class=\"close-btn\" onclick=\"closePopup()\">\u00d7<\/span>\n\n    <h2>Bodemhorizonten<\/h2>\n\n    <p>\n      De bodemhorizonten kunnen per land en regio sterk vari\u00ebren, afhankelijk van verschillende factoren zoals klimaat, bodemtype, vegetatie en menselijke activiteit.\n    <\/p>\n\n    <ul>\n      <li><strong>Humuslaag (O-horizont):<\/strong> Organisch materiaal zoals plantenresten en micro-organismen.<\/li>\n      <li><strong>A-horizont (plaggendek):<\/strong> Donkere bovenste minerale laag.<\/li>\n      <li><strong>E-horizont (eluviatiehorizont):<\/strong> Uitspoeling van mineralen en organisch materiaal.<\/li>\n      <li><strong>B-horizont (illuviatiehorizont):<\/strong> Ophoping van klei, ijzer of humus.<\/li>\n      <li><strong>Dekzandlaag:<\/strong> Door wind afgezet zand uit de ijstijd.<\/li>\n      <li><strong>Keilzandlaag:<\/strong> Compacte laag gevormd door gletsjers.<\/li>\n      <li><strong>C-horizont (ouderdomsbodem):<\/strong> Onderliggende oude bodemlaag.<\/li>\n    <\/ul>\n\n    <p><em>\n      Let op: de diepte, samenstelling en volgorde van deze horizonten kunnen sterk vari\u00ebren afhankelijk van de lokale omstandigheden.\n    <\/em><\/p>\n\n  <\/div>\n<\/div>\n\n<script>\nfunction openPopup() {\n  document.getElementById(\"overlay\").style.display = \"block\";\n}\n\nfunction closePopup() {\n  document.getElementById(\"overlay\").style.display = \"none\";\n}\n\n\/* Sluit popup als je buiten klikt *\/\nwindow.onclick = function(event) {\n  const overlay = document.getElementById(\"overlay\");\n  if (event.target === overlay) {\n    closePopup();\n  }\n}\n<\/script>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Vondsten registreren en presenteren naar een eigen priv\u00e9 PDF-opmaak Privacy info popup Je privacy is gewaarborgd. i Alle gegevens die je invult in het registratieformulier zijn priv\u00e9. Niemand, ook niet steentijdvondsten.nl, kan deze gegevens inzien. Wij slaan geen informatie op en hebben geen toegang tot de door jou ingevulde gegevens. Alles wordt tijdelijk opgeslagen in je eigen browser. Je kunt alle ingevulde gegevens opslaan als een PDF-document om te bewaren. Let op: zodra je de pagina verlaat, worden de ingevulde gegevens permanent verwijderd. Je privacy is gewaarborgd. Afhankelijk van de instellingen van je iPhone, tablet of laptop, kun je de GPS gebruiken om direct op de locatie de co\u00f6rdinaten en vondstomstandigheden vast te leggen. Dit kan zowel ter plaatse via de kaart met internetverbinding als achteraf. Je gegevens, de locatie en foto\u2019s van de vondst kunnen samen worden opgeslagen in een PDF, samen met eventuele aanvullende informatie die je wilt toevoegen. Bodemhorizonten Popup Bodem \u00d7 Bodemhorizonten De bodemhorizonten kunnen per land en regio sterk vari\u00ebren, afhankelijk van verschillende factoren zoals klimaat, bodemtype, vegetatie en menselijke activiteit. Humuslaag (O-horizont): Organisch materiaal zoals plantenresten en micro-organismen. A-horizont (plaggendek): Donkere bovenste minerale laag. E-horizont (eluviatiehorizont): Uitspoeling van mineralen en organisch materiaal. B-horizont (illuviatiehorizont): Ophoping van klei, ijzer of humus. Dekzandlaag: Door wind afgezet zand uit de ijstijd. Keilzandlaag: Compacte laag gevormd door gletsjers. C-horizont (ouderdomsbodem): Onderliggende oude bodemlaag. Let op: de diepte, samenstelling en volgorde van deze horizonten kunnen sterk vari\u00ebren afhankelijk van de lokale omstandigheden.<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"templates\/template-full-width-blank.php","meta":{"footnotes":""},"class_list":["post-14340","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/steentijdvondsten.nl\/post\/index.php\/wp-json\/wp\/v2\/pages\/14340","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/steentijdvondsten.nl\/post\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/steentijdvondsten.nl\/post\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/steentijdvondsten.nl\/post\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/steentijdvondsten.nl\/post\/index.php\/wp-json\/wp\/v2\/comments?post=14340"}],"version-history":[{"count":3,"href":"https:\/\/steentijdvondsten.nl\/post\/index.php\/wp-json\/wp\/v2\/pages\/14340\/revisions"}],"predecessor-version":[{"id":14494,"href":"https:\/\/steentijdvondsten.nl\/post\/index.php\/wp-json\/wp\/v2\/pages\/14340\/revisions\/14494"}],"wp:attachment":[{"href":"https:\/\/steentijdvondsten.nl\/post\/index.php\/wp-json\/wp\/v2\/media?parent=14340"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}