pappa/pauljanseneu
1
0
Fork 0
Code Issues Pull Requests Actions Activity
Files
ea12dd9ea8023d6b8967c62a5261383f6976bf21
pauljanseneu/static/mijn-blog/het-lied/index.html
Dave Jansen 56aebd4950
All checks were successful
Deploy to Netlify / Deploy to Netlify (push) Successful in 1m28s
Details
Minor cleanup pass. 
- Run prettier over all HTML.
- Combine jquery and jquery-migrate scripts
- Remove unused WP emoji code.
- Remove unused WP comment script.
- Remove unused WP embed script.
- Add Umami analytics (self-hosted, privacy friendly analytics)
2023-08-30 12:45:38 +09:00

649 lines
20 KiB
HTML
Raw Blame History

This file contains invisible Unicode characters
This file contains invisible Unicode characters that are indistinguishable to humans but may be processed differently by a computer. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<!doctype html>
<html lang="nl">
<head>
<meta charset="UTF-8" />
<title>Het Lied | Paul Jansen</title>
<link rel="profile" href="https://gmpg.org/xfn/11" />
<link
rel="stylesheet"
type="text/css"
media="all"
href="/wp-content/themes/twentyten/style.css?ver=20190507"
/>
<link
rel="stylesheet"
id="gtranslate-style-css"
href="/wp-content/plugins/gtranslate/gtranslate-style24.css?ver=5.6"
type="text/css"
media="all"
/>
<link
rel="stylesheet"
id="wp-block-library-css"
href="/wp-includes/css/dist/block-library/style.min.css?ver=5.6"
type="text/css"
media="all"
/>
<link
rel="stylesheet"
id="wp-block-library-theme-css"
href="/wp-includes/css/dist/block-library/theme.min.css?ver=5.6"
type="text/css"
media="all"
/>
<link
rel="stylesheet"
id="twentyten-block-style-css"
href="/wp-content/themes/twentyten/blocks.css?ver=20181218"
type="text/css"
media="all"
/>
<script
type="text/javascript"
src="/wp-includes/js/jquery/jquery.min.js?ver=3.5.1"
id="jquery-core-js"
></script>
<script
async
src="https://u.davejansen.com/script.js"
data-website-id="bac0576a-4143-45e8-8ded-488e2c16a7f7"
></script>
<link rel="canonical" href="/mijn-blog/het-lied/" />
<link rel="shortlink" href="/?p=460" />
<link rel="icon" href="/wp-content/uploads/2018/05/cropped-icon2-2-1-32x32.jpg" sizes="32x32" />
<link
rel="icon"
href="/wp-content/uploads/2018/05/cropped-icon2-2-1-192x192.jpg"
sizes="192x192"
/>
<link rel="apple-touch-icon" href="/wp-content/uploads/2018/05/cropped-icon2-2-1-180x180.jpg" />
<meta
name="msapplication-TileImage"
content="/wp-content/uploads/2018/05/cropped-icon2-2-1-270x270.jpg"
/>
</head>
<body class="page-template-default page page-id-460 page-child parent-pageid-2">
<div id="wrapper" class="hfeed">
<div id="header">
<div id="masthead">
<div id="branding" role="banner">
<div id="site-title">
<span>
<a href="/" title="Paul Jansen" rel="home">Paul Jansen</a>
</span>
</div>
<div id="site-description">Mensenmens</div>
<img
src="/wp-content/uploads/2017/01/cropped-cropped-HetDorpPleinHaarzuilensPaulJansen.jpg"
width="940"
height="198"
alt=""
/>
</div>
<!-- #branding -->
<div id="access" role="navigation">
<div class="skip-link screen-reader-text">
<a href="#content" title="Spring naar inhoud">Spring naar inhoud</a>
</div>
<div class="menu">
<ul>
<li><a href="/">Home</a></li>
<li
class="page_item page-item-2 page_item_has_children current_page_ancestor current_page_parent"
>
<a href="/mijn-blog/">Mijn Blog</a>
<ul class="children">
<li class="page_item page-item-462">
<a href="/mijn-blog/achtergrond-blog/">Achtergrond Blog</a>
</li>
<li class="page_item page-item-460 current_page_item">
<a href="/mijn-blog/het-lied/" aria-current="page">Het Lied</a>
</li>
</ul>
</li>
<li class="page_item page-item-547 page_item_has_children">
<a href="/paul-jansen/">Paul Jansen</a>
<ul class="children">
<li class="page_item page-item-495">
<a href="/paul-jansen/achtergrond/">Achtergrond</a>
</li>
<li class="page_item page-item-1122">
<a href="/paul-jansen/beeldmerk/">Beeldmerk</a>
</li>
<li class="page_item page-item-563">
<a href="/paul-jansen/anderen-over-mij/">Anderen over mij</a>
</li>
<li class="page_item page-item-559">
<a href="/paul-jansen/curriculum-vitae/">Curriculum Vitae</a>
</li>
<li class="page_item page-item-1465">
<a href="/paul-jansen/tests-over-paul/">Specifiek over Paul</a>
</li>
<li class="page_item page-item-839">
<a href="/paul-jansen/titels/">Titels</a>
</li>
</ul>
</li>
<li class="page_item page-item-1550">
<a href="/dementiewijs-2/">Dementiewijs</a>
</li>
<li class="page_item page-item-1186">
<a href="/boek-dementiewijs/">Boek Dementiewijs</a>
</li>
<li class="page_item page-item-490">
<a href="/contact/">Contact</a>
</li>
</ul>
</div>
</div>
<!-- #access -->
</div>
<!-- #masthead -->
</div>
<!-- #header -->
<div id="main">
<div id="container">
<div id="content" role="main">
<div id="post-460" class="post-460 page type-page status-publish hentry">
<h1 class="entry-title">Het Lied</h1>
<div class="entry-content">
<h1 style="font-weight: bold; color: #696969">Wim Sonneveld &#8211; Het Dorp</h1>
<p style="color: #686868">
Thuis heb ik nog een ansichtkaart waarop een kerk, een kar met paard, een slagerij
J. van der Ven. Een kroeg, een juffrouw op de fiets, het zegt u
hoogstwaarschijnlijk niets, maar &#8217;t is waar ik geboren ben. Dit dorp, ik
weet nog hoe het was, de boerenkind&#8217;ren in de klas, een kar die ratelt op de
keien. Het raadhuis met een pomp ervoor, een zandweg tussen koren door, het vee,
de boerderijen.
</p>
<p>
<a href="/wp-content/uploads/2014/07/tuinpadvanmijnvader.jpg"
><img
loading="lazy"
class="alignright wp-image-30 size-medium"
src="/wp-content/uploads/2014/07/tuinpadvanmijnvader-300x225.jpg"
alt="Het Tuinpad van mijn Vader"
width="300"
height="225"
srcset="
/wp-content/uploads/2014/07/tuinpadvanmijnvader-300x225.jpg 300w,
/wp-content/uploads/2014/07/tuinpadvanmijnvader.jpg 468w
"
sizes="(max-width: 300px) 100vw, 300px" /></a
>En langs het tuinpad van m&#8217;n vader, zag ik de hoge bomen staan. Ik was een
kind en wist niet beter, dan dat nooit voorbij zou gaan.
</p>
<p>
Wat leefden ze eenvoudig toen, in simp&#8217;le huizen tussen groen, met
boerenbloemen en een heg. Maar blijkbaar leefden ze verkeerd, het dorp is
gemoderniseerd en nu zijn ze op de goeie weg. Want ziet, hoe rijk het leven is, ze
zien de televisiequiz en wonen in betonnen dozen. Met flink veel glas, dan kun je
zien hoe of het bankstel staat bij Mien en d&#8217;r dressoir met plastic rozen.
</p>
<p>
En langs het tuinpad van m&#8217;n vader, zag ik de hoge bomen staan. Ik was een
kind en wist niet beter, dan dat nooit voorbij zou gaan.
</p>
<p>
De dorpsjeugd klit wat bij elkaar in minirok en beatle-haar en joelt wat mee met
beatmuziek. Ik weet wel, het is hun goeie recht, de nieuwe tijd, net wat u
zegt,<br />
maar het maakt me wat melancholiek. Ik heb hun vaders nog gekend, ze kochten
zoethout voor een cent, ik zag hun moeders touwtjespringen. Dat dorp van toen, het
is voorbij, dit is al wat er bleef voor mij: een ansicht en herinneringen.
</p>
<p>
Toen ik langs het tuinpad van m&#8217;n vader de hoge bomen nog zag staan. Ik was
een kind, hoe kon ik weten dat dat voorgoed voorbij zou gaan.
</p>
</div>
<!-- .entry-content -->
</div>
<!-- #post-460 -->
<div id="comments"></div>
<!-- #comments -->
</div>
<!-- #content -->
</div>
<!-- #container -->
<div id="primary" class="widget-area" role="complementary">
<ul class="xoxo">
<li id="recent-posts-2" class="widget-container widget_recent_entries">
<h3 class="widget-title">Meest recente berichten</h3>
<ul>
<li>
<a href="/gast-bij-zorgsaam-radio/">Gast bij ZorgSaam (Radio)</a>
<span class="post-date">19 oktober 2019</span>
</li>
<li>
<a href="/dementie-bij-de-npo/">Dementie bij de NPO</a>
<span class="post-date">29 augustus 2019</span>
</li>
<li>
<a href="/confabuleren/">Confabuleren</a>
<span class="post-date">19 augustus 2019</span>
</li>
<li>
<a href="/de-steenhouwers/">De Steenhouwers</a>
<span class="post-date">20 juli 2019</span>
</li>
<li>
<a href="/mens-arbeid-en-organisatie/">Mens, Arbeid en Organisatie</a>
<span class="post-date">5 juli 2019</span>
</li>
<li>
<a href="/organisaties-zijn-de-mensen/">Organisaties zijn de Mensen!</a>
<span class="post-date">9 juni 2019</span>
</li>
<li>
<a href="/organisaties-als-sollicitanten/">Organisaties als Sollicitanten</a>
<span class="post-date">1 mei 2019</span>
</li>
<li>
<a href="/heel-de-mens/">De Wondere Wereld van de Mens</a>
<span class="post-date">27 maart 2019</span>
</li>
<li>
<a href="/moeilijk-en-onbegrepen-gedrag/">Moeilijk en Onbegrepen Gedrag</a>
<span class="post-date">5 maart 2019</span>
</li>
<li>
<a href="/woorden-waar-muziek-in-zit/">Woorden waar muziek in zit</a>
<span class="post-date">10 februari 2019</span>
</li>
</ul>
</li>
</ul>
</div>
<!-- #primary .widget-area -->
</div>
<!-- #main -->
<div id="footer" role="contentinfo">
<div id="colophon">
<div id="site-info">
<a href="/" title="Paul Jansen" rel="home"> Paul Jansen </a>
</div>
<!-- #site-info -->
<div id="site-generator">
<a
href="https://nl.wordpress.org/"
class="imprint"
title="&#039;Semantic Personal Publishing Platform&#039;"
>
Mogelijk gemaakt door WordPress.
</a>
</div>
<!-- #site-generator -->
</div>
<!-- #colophon -->
</div>
<!-- #footer -->
</div>
<!-- #wrapper -->
<div style="position: fixed; top: 0px; right: 8%; z-index: 999999" id="gtranslate_wrapper">
<!-- GTranslate: https://gtranslate.io/ -->
<style type="text/css">
.switcher {
font-family: Arial;
font-size: 10pt;
text-align: left;
cursor: pointer;
overflow: hidden;
width: 163px;
line-height: 17px;
}
.switcher a {
text-decoration: none;
display: block;
font-size: 10pt;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
.switcher a img {
vertical-align: middle;
display: inline;
border: 0;
padding: 0;
margin: 0;
opacity: 0.8;
}
.switcher a:hover img {
opacity: 1;
}
.switcher .selected {
background: #ffffff url(/wp-content/plugins/gtranslate/switcher.png) repeat-x;
position: relative;
z-index: 9999;
}
.switcher .selected a {
border: 1px solid #cccccc;
background: url(/wp-content/plugins/gtranslate/arrow_down.png) 146px center no-repeat;
color: #666666;
padding: 3px 5px;
width: 151px;
}
.switcher .selected a.open {
background-image: url(/wp-content/plugins/gtranslate/arrow_up.png);
}
.switcher .selected a:hover {
background: #f0f0f0 url(/wp-content/plugins/gtranslate/arrow_down.png) 146px center
no-repeat;
}
.switcher .option {
position: relative;
z-index: 9998;
border-left: 1px solid #cccccc;
border-right: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
background-color: #eeeeee;
display: none;
width: 161px;
max-height: 198px;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
overflow-y: auto;
overflow-x: hidden;
}
.switcher .option a {
color: #000;
padding: 3px 5px;
}
.switcher .option a:hover {
background: #ffc;
}
.switcher .option a.selected {
background: #ffc;
}
#selected_lang_name {
float: none;
}
.l_name {
float: none !important;
margin: 0;
}
.switcher .option::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
border-radius: 5px;
background-color: #f5f5f5;
}
.switcher .option::-webkit-scrollbar {
width: 5px;
}
.switcher .option::-webkit-scrollbar-thumb {
border-radius: 5px;
-webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
background-color: #888;
}
</style>
<div class="switcher notranslate">
<div class="selected">
<a href="#" onclick="return false;"
><img
src="/wp-content/plugins/gtranslate/flags/16/nl.png"
height="16"
width="16"
alt="nl"
/>
Dutch</a
>
</div>
<div class="option">
<a
href="#"
onclick="doGTranslate('nl|ar');jQuery('div.switcher div.selected a').html(jQuery(this).html());return false;"
title="Arabic"
class="nturl"
><img
data-gt-lazy-src="/wp-content/plugins/gtranslate/flags/16/ar.png"
height="16"
width="16"
alt="ar"
/>
Arabic</a
><a
href="#"
onclick="doGTranslate('nl|zh-CN');jQuery('div.switcher div.selected a').html(jQuery(this).html());return false;"
title="Chinese (Simplified)"
class="nturl"
><img
data-gt-lazy-src="/wp-content/plugins/gtranslate/flags/16/zh-CN.png"
height="16"
width="16"
alt="zh-CN"
/>
Chinese (Simplified)</a
><a
href="#"
onclick="doGTranslate('nl|nl');jQuery('div.switcher div.selected a').html(jQuery(this).html());return false;"
title="Dutch"
class="nturl selected"
><img
data-gt-lazy-src="/wp-content/plugins/gtranslate/flags/16/nl.png"
height="16"
width="16"
alt="nl"
/>
Dutch</a
><a
href="#"
onclick="doGTranslate('nl|en');jQuery('div.switcher div.selected a').html(jQuery(this).html());return false;"
title="English"
class="nturl"
><img
data-gt-lazy-src="/wp-content/plugins/gtranslate/flags/16/en.png"
height="16"
width="16"
alt="en"
/>
English</a
><a
href="#"
onclick="doGTranslate('nl|fr');jQuery('div.switcher div.selected a').html(jQuery(this).html());return false;"
title="French"
class="nturl"
><img
data-gt-lazy-src="/wp-content/plugins/gtranslate/flags/16/fr.png"
height="16"
width="16"
alt="fr"
/>
French</a
><a
href="#"
onclick="doGTranslate('nl|de');jQuery('div.switcher div.selected a').html(jQuery(this).html());return false;"
title="German"
class="nturl"
><img
data-gt-lazy-src="/wp-content/plugins/gtranslate/flags/16/de.png"
height="16"
width="16"
alt="de"
/>
German</a
><a
href="#"
onclick="doGTranslate('nl|it');jQuery('div.switcher div.selected a').html(jQuery(this).html());return false;"
title="Italian"
class="nturl"
><img
data-gt-lazy-src="/wp-content/plugins/gtranslate/flags/16/it.png"
height="16"
width="16"
alt="it"
/>
Italian</a
><a
href="#"
onclick="doGTranslate('nl|ko');jQuery('div.switcher div.selected a').html(jQuery(this).html());return false;"
title="Korean"
class="nturl"
><img
data-gt-lazy-src="/wp-content/plugins/gtranslate/flags/16/ko.png"
height="16"
width="16"
alt="ko"
/>
Korean</a
><a
href="#"
onclick="doGTranslate('nl|ru');jQuery('div.switcher div.selected a').html(jQuery(this).html());return false;"
title="Russian"
class="nturl"
><img
data-gt-lazy-src="/wp-content/plugins/gtranslate/flags/16/ru.png"
height="16"
width="16"
alt="ru"
/>
Russian</a
><a
href="#"
onclick="doGTranslate('nl|es');jQuery('div.switcher div.selected a').html(jQuery(this).html());return false;"
title="Spanish"
class="nturl"
><img
data-gt-lazy-src="/wp-content/plugins/gtranslate/flags/16/es.png"
height="16"
width="16"
alt="es"
/>
Spanish</a
>
</div>
</div>
<script type="text/javascript">
jQuery(".switcher .selected").click(function () {
jQuery(".switcher .option a img").each(function () {
if (!jQuery(this)[0].hasAttribute("src"))
jQuery(this).attr("src", jQuery(this).attr("data-gt-lazy-src"));
});
if (!jQuery(".switcher .option").is(":visible")) {
jQuery(".switcher .option").stop(true, true).delay(100).slideDown(500);
jQuery(".switcher .selected a").toggleClass("open");
}
});
jQuery(".switcher .option").bind("mousewheel", function (e) {
var options = jQuery(".switcher .option");
if (options.is(":visible"))
options.scrollTop(options.scrollTop() - e.originalEvent.wheelDelta);
return false;
});
jQuery("body")
.not(".switcher")
.click(function (e) {
if (
jQuery(".switcher .option").is(":visible") &&
e.target != jQuery(".switcher .option").get(0)
) {
jQuery(".switcher .option").stop(true, true).delay(100).slideUp(500);
jQuery(".switcher .selected a").toggleClass("open");
}
});
</script>
<style type="text/css">
#goog-gt-tt {
display: none !important;
}
.goog-te-banner-frame {
display: none !important;
}
.goog-te-menu-value:hover {
text-decoration: none !important;
}
.goog-text-highlight {
background-color: transparent !important;
box-shadow: none !important;
}
body {
top: 0 !important;
}
#google_translate_element2 {
display: none !important;
}
</style>
<div id="google_translate_element2"></div>
<script type="text/javascript">
function googleTranslateElementInit2() {
new google.translate.TranslateElement(
{ pageLanguage: "nl", autoDisplay: false },
"google_translate_element2"
);
}
</script>
<script
type="text/javascript"
src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit2"
></script>
<script type="text/javascript">
function GTranslateGetCurrentLang() {
var keyValue = document["cookie"].match("(^|;) ?googtrans=([^;]*)(;|$)");
return keyValue ? keyValue[2].split("/")[2] : null;
}
function GTranslateFireEvent(element, event) {
try {
if (document.createEventObject) {
var evt = document.createEventObject();
element.fireEvent("on" + event, evt);
} else {
var evt = document.createEvent("HTMLEvents");
evt.initEvent(event, true, true);
element.dispatchEvent(evt);
}
} catch (e) {}
}
function doGTranslate(lang_pair) {
if (lang_pair.value) lang_pair = lang_pair.value;
if (lang_pair == "") return;
var lang = lang_pair.split("|")[1];
if (GTranslateGetCurrentLang() == null && lang == lang_pair.split("|")[0]) return;
var teCombo;
var sel = document.getElementsByTagName("select");
for (var i = 0; i < sel.length; i++)
if (/goog-te-combo/.test(sel[i].className)) {
teCombo = sel[i];
break;
}
if (
document.getElementById("google_translate_element2") == null ||
document.getElementById("google_translate_element2").innerHTML.length == 0 ||
teCombo.length == 0 ||
teCombo.innerHTML.length == 0
) {
setTimeout(function () {
doGTranslate(lang_pair);
}, 500);
} else {
teCombo.value = lang;
GTranslateFireEvent(teCombo, "change");
GTranslateFireEvent(teCombo, "change");
}
}
if (GTranslateGetCurrentLang() != null)
jQuery(document).ready(function () {
var lang_html = jQuery("div.switcher div.option")
.find('img[alt="' + GTranslateGetCurrentLang() + '"]')
.parent()
.html();
if (typeof lang_html != "undefined")
jQuery("div.switcher div.selected a").html(lang_html.replace("data-gt-lazy-", ""));
});
</script>
</div>
</body>
</html>
Reference in New Issue View Git Blame Copy Permalink