deploy: f69c081

404.html

@@ -366,25 +366,25 @@ <h3 class="widget-title">Recent Posts</h3>
 
           <li>
 
-              <a href="/post/SVWW-vs-Hansa-Rostock-2023-10-29/">SVWW vs. Hansa Rostock @ 2023-10-29</a>
+              <a href="/post/Experimenting-with-the-font-LEXEND/">Experimenting with the font LEXEND</a>
 
           </li>
 
           <li>
 
-              <a href="/post/SGE-vs-HJK-2023-10-26/">SGE vs. HJK @ 2023-10-26</a>
+              <a href="/post/SVWW-vs-Hansa-Rostock-2023-10-29/">SVWW vs. Hansa Rostock @ 2023-10-29</a>
 
           </li>
 
           <li>
 
-              <a href="/post/Handling-IPTC-metadata-on-Android-and-Windows/">Handling IPTC metadata on Android and Windows</a>
+              <a href="/post/SGE-vs-HJK-2023-10-26/">SGE vs. HJK @ 2023-10-26</a>
 
           </li>
 
           <li>
 
-              <a href="/post/Get-and-use-a-dominant-color-that-matches-the-header-image/">Get and use a dominant color that matches the header image</a>
+              <a href="/post/Handling-IPTC-metadata-on-Android-and-Windows/">Handling IPTC metadata on Android and Windows</a>
 
           </li>
 

about/index.html

@@ -310,7 +310,7 @@ <h1 class="page-title">About</h1>
 <hr>
 <section>
 
-<h1 id="The-Developer"><a href="#The-Developer" class="headerlink" title="The Developer"></a>The Developer</h1><p>I’m a creative person and most people are shaking their heads in disbelief, when I’m telling them, that IT has a lot to do with creativity and not with math.</p>
+<h2 id="The-Developer"><a href="#The-Developer" class="headerlink" title="The Developer"></a>The Developer</h2><p>I’m a creative person and most people are shaking their heads in disbelief, when I’m telling them, that IT has a lot to do with creativity and not with math.</p>
 <p>While learning a lot of stuff about business as an industrial clerk trainee at the German headquarter of <a href="https://de.wikipedia.org/wiki/Prime_Computer">Prime Computer</a> around 1990 (the decent profession), there was a guy in the warehouse, Colin Urquhart, who was working with a new type of computer, a x68 machine from IBM and he taught me something about it and ignited my fascination about the possibilities of a computer.</p>
 <div style="width: 150px; margin: 0 0 20px 20px; float: right">
 <img src="logo-prime.png" style="width: 150px; float: left;" />
@@ -335,7 +335,7 @@ <h1 id="The-Developer"><a href="#The-Developer" class="headerlink" title="The De
 
 <section>
 
-<h1 id="The-Photo-Enthusiast"><a href="#The-Photo-Enthusiast" class="headerlink" title="The Photo Enthusiast"></a>The Photo Enthusiast</h1><p>As I was around 14 years old, I catched from wherever a <a href="https://de.wikipedia.org/wiki/Praktica_Super_TL_500_und_Super_TL_1000">Praktika TL 1000</a>, a fully mechanic SLR build in the former GDR. It was a revelation. I pointed my camera on everything and spend all my little money in developing the negatives and getting the prints. My first big purchase was a <a href="https://de.wikipedia.org/wiki/Nikon_F-301">Nikon F301</a> with some additional lenses and some equipment for my own black&#x2F;white darkroom at home in the  bathroom, for the joy of my family.</p>
+<h2 id="The-Photo-Enthusiast"><a href="#The-Photo-Enthusiast" class="headerlink" title="The Photo Enthusiast"></a>The Photo Enthusiast</h2><p>As I was around 14 years old, I catched from wherever a <a href="https://de.wikipedia.org/wiki/Praktica_Super_TL_500_und_Super_TL_1000">Praktika TL 1000</a>, a fully mechanic SLR build in the former GDR. It was a revelation. I pointed my camera on everything and spend all my little money in developing the negatives and getting the prints. My first big purchase was a <a href="https://de.wikipedia.org/wiki/Nikon_F-301">Nikon F301</a> with some additional lenses and some equipment for my own black&#x2F;white darkroom at home in the  bathroom, for the joy of my family.</p>
 <p>Since then, I’m addicted to photography. I have even tried to become a photographer and started an apprenticeship in Frankfurt&#x2F;Main after leaving school, but due to lack of support, I have given it up in favor of a “decent” profession, as my father would say ;)</p>
 <p>Today a have a lot of equipment, knowing that a good picture is done by the photographer and not by the camera, but it’s part of the fun, carrying 3 ore more kilos around my shoulder, to grab the right lens for the right shot.</p>
 <p>Find some of my photographs on </p>
@@ -387,25 +387,25 @@ <h3 class="widget-title">Recent Posts</h3>
 
           <li>
 
-              <a href="/post/SVWW-vs-Hansa-Rostock-2023-10-29/">SVWW vs. Hansa Rostock @ 2023-10-29</a>
+              <a href="/post/Experimenting-with-the-font-LEXEND/">Experimenting with the font LEXEND</a>
 
           </li>
 
           <li>
 
-              <a href="/post/SGE-vs-HJK-2023-10-26/">SGE vs. HJK @ 2023-10-26</a>
+              <a href="/post/SVWW-vs-Hansa-Rostock-2023-10-29/">SVWW vs. Hansa Rostock @ 2023-10-29</a>
 
           </li>
 
           <li>
 
-              <a href="/post/Handling-IPTC-metadata-on-Android-and-Windows/">Handling IPTC metadata on Android and Windows</a>
+              <a href="/post/SGE-vs-HJK-2023-10-26/">SGE vs. HJK @ 2023-10-26</a>
 
           </li>
 
           <li>
 
-              <a href="/post/Get-and-use-a-dominant-color-that-matches-the-header-image/">Get and use a dominant color that matches the header image</a>
+              <a href="/post/Handling-IPTC-metadata-on-Android-and-Windows/">Handling IPTC metadata on Android and Windows</a>
 
           </li>
 

api/getCategories/index.html

@@ -1 +1 @@
-{"type":"getCategories","data":{"categories":[{"name":"UI/UX","_id":"cloec6hty003qlmp15nrm400n"},{"name":"Misc","_id":"cloec6hun003ulmp14icqdey4"},{"name":"Tools","_id":"cloec6hup003ylmp1ecmv8jm2"},{"name":"JavaScript","_id":"cloec6hur0044lmp1bfu54ous"},{"name":"SQL","_id":"cloec6hut004almp16my32dwr"},{"name":"Photo","_id":"cloec6hv2004ylmp1assges87"},{"name":".NET","_id":"cloec6hv7005almp150pmfwyl"},{"name":"Football","_id":"cloec6hx100a0lmp1byn0de3i"}]}}
+{"type":"getCategories","data":{"categories":[{"name":"UI/UX","_id":"clowt48of003pu3ouen74f7lm"},{"name":"Misc","_id":"clowt48oz003vu3ou3o77go67"},{"name":"Tools","_id":"clowt48p0003zu3ou4c9h3irm"},{"name":"JavaScript","_id":"clowt48p20045u3ou3bda398t"},{"name":"SQL","_id":"clowt48p4004du3ouhx4o2wa1"},{"name":"Photo","_id":"clowt48p9004zu3ou5zq69gc2"},{"name":".NET","_id":"clowt48pd005bu3ou4d7na2vw"},{"name":"Football","_id":"clowt48qp00a1u3ouabw4fqtf"}]}}

api/getPostById/cloec6hrn000clmp157ji64at → api/getPostById/clowt48mo000cu3ou4509h7nl

@@ -1 +1 @@
-{"type":"getPostById","data":{"title":"Better Input Change Event","date":"2019-11-26T15:51:17.000Z","description":"<p>Often it is important to trigger an event, after the user of your website&#x2F;web app has filled out an text input. You have to do something with the given value in JavaScript.</p>\n<p>The intended event for this is <code>change</code>, which will be triggered, when the user has ended changing by leaving the input with his cursor, mostly by using the TAB key. This works at some degree, if there is a physical keyboard, but not really on mobile devices … and for me is leaving the field often too late to start the upcoming event.</p>","categories":[{"name":"JavaScript","_id":"cloec6hur0044lmp1bfu54ous"}],"tags":[{"name":"jQuery","_id":"cloec6huz004plmp11rum9nay"}],"content":"<p>Often it is important to trigger an event, after the user of your website&#x2F;web app has filled out an text input. You have to do something with the given value in JavaScript.</p>\n<p>The intended event for this is <code>change</code>, which will be triggered, when the user has ended changing by leaving the input with his cursor, mostly by using the TAB key. This works at some degree, if there is a physical keyboard, but not really on mobile devices … and for me is leaving the field often too late to start the upcoming event.</p>\n<span id=\"more\"></span>\n\n<p>A better way to show the user the result of his entered value, could be the event <code>input</code> which fires on every key stroke, but could be way to often, if the triggered event is for example an AJAX call.</p>\n<p>Best solution is, to observe the users key strokes and trigger the event, when he stops typing. Then there is no extra action needed by the user and the event isn’t triggered multiple times. </p>\n<p>Here’s an implementation with jQuery:</p>\n<figure class=\"highlight javascript\"><table><tr><td class=\"gutter\"><pre><span class=\"line\">1</span><br><span class=\"line\">2</span><br><span class=\"line\">3</span><br><span class=\"line\">4</span><br><span class=\"line\">5</span><br><span class=\"line\">6</span><br><span class=\"line\">7</span><br><span class=\"line\">8</span><br><span class=\"line\">9</span><br><span class=\"line\">10</span><br></pre></td><td class=\"code\"><pre><span class=\"line\">$(<span class=\"string\">&quot;#my-text-input&quot;</span>).<span class=\"title function_\">keyup</span>(<span class=\"keyword\">function</span> (<span class=\"params\"></span>) &#123;</span><br><span class=\"line\">    <span class=\"keyword\">var</span> $this = $(<span class=\"variable language_\">this</span>);</span><br><span class=\"line\">    <span class=\"built_in\">clearTimeout</span>($.<span class=\"title function_\">data</span>(<span class=\"variable language_\">this</span>, <span class=\"string\">&#x27;timer&#x27;</span>));</span><br><span class=\"line\">    <span class=\"keyword\">var</span> wait = <span class=\"built_in\">setTimeout</span>(<span class=\"keyword\">function</span> (<span class=\"params\"></span>) &#123;</span><br><span class=\"line\"></span><br><span class=\"line\">        <span class=\"comment\">//do something with the value...</span></span><br><span class=\"line\"></span><br><span class=\"line\">    &#125;, <span class=\"number\">1000</span>);</span><br><span class=\"line\">    $(<span class=\"variable language_\">this</span>).<span class=\"title function_\">data</span>(<span class=\"string\">&#x27;timer&#x27;</span>, wait);</span><br><span class=\"line\">&#125;);</span><br></pre></td></tr></table></figure>\n\n<p>Important is to wipe and set the timer on every key up, to achive that the event will be executed after 1 second after the last key stroke only.</p>\n","_path":"post/Better-Input-Change-Event/","_link":"https://kiko.io/post/Better-Input-Change-Event/","_id":"cloec6hrn000clmp157ji64at"}}
+{"type":"getPostById","data":{"title":"Better Input Change Event","date":"2019-11-26T15:51:17.000Z","description":"<p>Often it is important to trigger an event, after the user of your website&#x2F;web app has filled out an text input. You have to do something with the given value in JavaScript.</p>\n<p>The intended event for this is <code>change</code>, which will be triggered, when the user has ended changing by leaving the input with his cursor, mostly by using the TAB key. This works at some degree, if there is a physical keyboard, but not really on mobile devices … and for me is leaving the field often too late to start the upcoming event.</p>","categories":[{"name":"JavaScript","_id":"clowt48p20045u3ou3bda398t"}],"tags":[{"name":"jQuery","_id":"clowt48p7004qu3ou0cgodjyb"}],"content":"<p>Often it is important to trigger an event, after the user of your website&#x2F;web app has filled out an text input. You have to do something with the given value in JavaScript.</p>\n<p>The intended event for this is <code>change</code>, which will be triggered, when the user has ended changing by leaving the input with his cursor, mostly by using the TAB key. This works at some degree, if there is a physical keyboard, but not really on mobile devices … and for me is leaving the field often too late to start the upcoming event.</p>\n<span id=\"more\"></span>\n\n<p>A better way to show the user the result of his entered value, could be the event <code>input</code> which fires on every key stroke, but could be way to often, if the triggered event is for example an AJAX call.</p>\n<p>Best solution is, to observe the users key strokes and trigger the event, when he stops typing. Then there is no extra action needed by the user and the event isn’t triggered multiple times. </p>\n<p>Here’s an implementation with jQuery:</p>\n<figure class=\"highlight javascript\"><table><tr><td class=\"gutter\"><pre><span class=\"line\">1</span><br><span class=\"line\">2</span><br><span class=\"line\">3</span><br><span class=\"line\">4</span><br><span class=\"line\">5</span><br><span class=\"line\">6</span><br><span class=\"line\">7</span><br><span class=\"line\">8</span><br><span class=\"line\">9</span><br><span class=\"line\">10</span><br></pre></td><td class=\"code\"><pre><span class=\"line\">$(<span class=\"string\">&quot;#my-text-input&quot;</span>).<span class=\"title function_\">keyup</span>(<span class=\"keyword\">function</span> (<span class=\"params\"></span>) &#123;</span><br><span class=\"line\">    <span class=\"keyword\">var</span> $this = $(<span class=\"variable language_\">this</span>);</span><br><span class=\"line\">    <span class=\"built_in\">clearTimeout</span>($.<span class=\"title function_\">data</span>(<span class=\"variable language_\">this</span>, <span class=\"string\">&#x27;timer&#x27;</span>));</span><br><span class=\"line\">    <span class=\"keyword\">var</span> wait = <span class=\"built_in\">setTimeout</span>(<span class=\"keyword\">function</span> (<span class=\"params\"></span>) &#123;</span><br><span class=\"line\"></span><br><span class=\"line\">        <span class=\"comment\">//do something with the value...</span></span><br><span class=\"line\"></span><br><span class=\"line\">    &#125;, <span class=\"number\">1000</span>);</span><br><span class=\"line\">    $(<span class=\"variable language_\">this</span>).<span class=\"title function_\">data</span>(<span class=\"string\">&#x27;timer&#x27;</span>, wait);</span><br><span class=\"line\">&#125;);</span><br></pre></td></tr></table></figure>\n\n<p>Important is to wipe and set the timer on every key up, to achive that the event will be executed after 1 second after the last key stroke only.</p>\n","_path":"post/Better-Input-Change-Event/","_link":"https://kiko.io/post/Better-Input-Change-Event/","_id":"clowt48mo000cu3ou4509h7nl"}}