tag in the index.html file to your likings. <title>ALC 4.0 Cloud Challenge I

element with an unique identifier, ie. \"map\" Add CSS instructions to provide dimensions of the newly created div element Add a JavaScript code snippet to create the map, and Reference and load the Maps JavaScript API in a Source: Google Maps API documentation - Getting Started The above code will load a map of Mauritius, like so: Check out the numerous samples provided by Google to see what other options are available and how to create more sophisticated maps on your site. Usage limits Please bear in mind that although the Google Maps JavaScript API is free to use there are restrictions in free usage. More details are described in Google Maps JavaScript API Usage Limits. Given an average blogging site or a low frequented web site you might be just fine using the free tier provided by Google. In case that you hit the limits you can enable pay-as-you-go billing to unlock higher quotas. Meetings on Google Maps APIs A couple of weeks earlier there had been a joined meeting between the Mauritius Software Craftsmanship Community (MSCC) and the GDG Mauritius to explore the possibilities of using Google Maps API a little bit. See more information here: Google Maps APIs Build anything with Google: Google Maps APIs if (typeof window !== 'undefined' && window.location.hostname !== 'localhost' && window.location.hostname !== '127.0.0.1') { (window.adsbygoogle = window.adsbygoogle || []).push({}); } (function() { var loaded = false; function loadDisqusEmbed() { if (loaded) return; loaded = true; window.disqus_config = function () { this.page.url = 'google-maps-api.html'; this.page.identifier = '9271ed1c97_idgoogle-maps-api'; }; var d = document, s = d.createElement('script'); s.src = 'https://getbloggedbyjoki.disqus.com/embed.js'; s.setAttribute('data-timestamp', +new Date()); (d.head || d.body).appendChild(s); } var target = document.getElementById('disqus_thread'); if ('IntersectionObserver' in window && target) { var observer = new IntersectionObserver(function(entries) { if (entries[0].isIntersecting) { loadDisqusEmbed(); observer.disconnect(); } }, { rootMargin: '300px' }); observer.observe(target); } else { window.addEventListener('load', function() { if ('requestIdleCallback' in window) { requestIdleCallback(loadDisqusEmbed, { timeout: 4000 }); } else { setTimeout(loadDisqusEmbed, 3000); } }); } })();" }, "google-maps-guestmap.html": { "href": "google-maps-guestmap.html", "title": "Visualise your visitors with Google Maps Guestmap - Get Blogged by JoKi", "summary": "Visualise your visitors with Google Maps Guestmap Copy Markdown View Markdown GitHub Markdown Source Visualise your visitors with Google Maps Guestmap Copy Markdown Copy as Prompt Download .MD GitHub Close Loading markdown source... (function () { var rawMarkdownCache = {}; function cleanFrontmatter(text) { if (!text) return ''; // Bulletproof removal of frontmatter: between initial --- and ending --- return text.replace(/^---[\\s\\S]*?\\n---\\s*\\n?/, '').trim() + '\\n'; } function fetchMarkdown(slug, callback) { if (rawMarkdownCache[slug]) { callback(null, rawMarkdownCache[slug]); return; } var rel = ''; var url = rel + 'raw/' + encodeURIComponent(slug) + '.md'; fetch(url) .then(function (res) { if (!res.ok) throw new Error('Markdown source not found: ' + res.status); return res.text(); }) .then(function (text) { var cleaned = cleanFrontmatter(text); rawMarkdownCache[slug] = cleaned; callback(null, cleaned); }) .catch(function (err) { // Fallback: extract plain text from post content var contentEl = document.querySelector('.post-full-content .post-content, .post-content, main .inner'); if (contentEl) { var fallbackMd = '# ' + (document.querySelector('h1') ? document.querySelector('h1').innerText : 'Post') + '\\n\\n' + (contentEl.innerText || contentEl.textContent); rawMarkdownCache[slug] = fallbackMd; callback(null, fallbackMd); } else { callback(err, null); } }); } // Attach Copy Markdown handler var copyButtons = document.querySelectorAll('.btn-copy-markdown, .floating-copy-markdown'); copyButtons.forEach(function (btn) { btn.addEventListener('click', function () { var slug = btn.getAttribute('data-uid') || btn.getAttribute('data-slug') || 'google-maps-guestmap'; var originalHtml = btn.innerHTML; btn.disabled = true; fetchMarkdown(slug, function (err, md) { if (err || !md) { btn.disabled = false; alert('Could not copy Markdown source.'); return; } navigator.clipboard.writeText(md).then(function () { btn.classList.add('copied'); btn.innerHTML = ' Copied!'; setTimeout(function () { btn.classList.remove('copied'); btn.innerHTML = originalHtml; btn.disabled = false; }, 2000); }).catch(function () { btn.disabled = false; }); }); }); }); // Attach View Markdown modal var viewButtons = document.querySelectorAll('.btn-view-markdown'); var modal = document.getElementById('markdown-viewer-modal'); var codeEl = document.getElementById('markdown-viewer-code'); var closeBtn = modal ? modal.querySelector('.markdown-viewer-close') : null; var modalCopyBtn = document.getElementById('markdown-modal-copy-btn'); if (modal && viewButtons.length > 0) { viewButtons.forEach(function (btn) { btn.addEventListener('click', function () { var slug = btn.getAttribute('data-uid') || btn.getAttribute('data-slug') || 'google-maps-guestmap'; if (codeEl) codeEl.textContent = 'Loading Markdown source...'; if (typeof modal.showModal === 'function') { modal.showModal(); } else { modal.setAttribute('open', ''); } fetchMarkdown(slug, function (err, md) { if (codeEl) { codeEl.textContent = md || 'Failed to load Markdown source.'; if (window.hljs && typeof hljs.highlightElement === 'function') { hljs.highlightElement(codeEl); } // Remove any DocFX code-action / copy buttons that might have been injected var actions = modal.querySelectorAll('.code-action, .code-copy-btn, .action, a[title=\"Copy\"], button[title=\"Copy\"]'); actions.forEach(function (el) { el.remove(); }); } }); }); }); if (closeBtn) { closeBtn.addEventListener('click', function () { if (typeof modal.close === 'function') { modal.close(); } else { modal.removeAttribute('open'); } }); } // Light dismiss on backdrop click modal.addEventListener('click', function (e) { if (e.target === modal) { var rect = modal.getBoundingClientRect(); var isInDialog = ( rect.top <= e.clientY && e.clientY <= rect.top + rect.height && rect.left <= e.clientX && e.clientX <= rect.left + rect.width ); if (!isInDialog) { if (typeof modal.close === 'function') { modal.close(); } else { modal.removeAttribute('open'); } } } }); var modalPromptBtn = document.getElementById('markdown-modal-prompt-btn'); function formatPrompt(markdownText) { var postTitle = document.querySelector('h1.post-full-title') || document.querySelector('h1'); var titleStr = (postTitle ? postTitle.textContent.trim() : 'Visualise your visitors with Google Maps Guestmap') || 'Article'; var appUrl = 'https://jochen.kirstaetter.name'.replace(/\\/+$/, ''); var canonicalLink = document.querySelector('link[rel=\"canonical\"]'); var pageUrl = canonicalLink ? (canonicalLink.getAttribute('href') || canonicalLink.href) : ''; if (!pageUrl) { pageUrl = appUrl + window.location.pathname; } if (pageUrl.startsWith('/')) { pageUrl = appUrl + pageUrl; } pageUrl = pageUrl.split('?')[0].split('#')[0]; try { var parsed = new URL(pageUrl, appUrl); if (parsed.hostname === 'localhost' || parsed.hostname === '127.0.0.1' || parsed.hostname.endsWith('.localhost')) { pageUrl = appUrl + parsed.pathname; } } catch (e) {} pageUrl = pageUrl.replace(/\\/index\\.html$/, '/').replace(/\\.html$/, ''); if (pageUrl.length > appUrl.length + 1 && pageUrl.endsWith('/')) { pageUrl = pageUrl.slice(0, -1); } return 'Analyse and use the following article as context:\\n\\n' + 'Title: ' + titleStr + '\\n' + 'URL: ' + pageUrl + '\\n\\n' + '---\\n\\n' + markdownText; } if (modalCopyBtn) { modalCopyBtn.addEventListener('click', function () { var text = codeEl ? (codeEl.innerText || codeEl.textContent) : ''; if (!text) return; navigator.clipboard.writeText(text).then(function () { var origHtml = modalCopyBtn.innerHTML; modalCopyBtn.classList.add('copied'); modalCopyBtn.innerHTML = ' Copied!'; setTimeout(function () { modalCopyBtn.classList.remove('copied'); modalCopyBtn.innerHTML = origHtml; }, 2000); }); }); } if (modalPromptBtn) { modalPromptBtn.addEventListener('click', function () { var text = codeEl ? (codeEl.innerText || codeEl.textContent) : ''; if (!text) return; var promptText = formatPrompt(text); navigator.clipboard.writeText(promptText).then(function () { var origHtml = modalPromptBtn.innerHTML; modalPromptBtn.classList.add('copied'); modalPromptBtn.innerHTML = ' Copied!'; setTimeout(function () { modalPromptBtn.classList.remove('copied'); modalPromptBtn.innerHTML = origHtml; }, 2000); }); }); } } })(); 2013-04-04 - Filed under General (function() { var el = document.currentScript ? document.currentScript.previousElementSibling.querySelector('.post-full-meta-date') : document.querySelector('.post-full-meta-date'); if (el) { var raw = el.getAttribute('datetime') || el.textContent.trim(); var m = raw.match(/^(\\d{4})-(\\d{1,2})-(\\d{1,2})/); if (m) { var months = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']; var y = parseInt(m[1], 10); var mo = parseInt(m[2], 10) - 1; var d = parseInt(m[3], 10); if (mo >= 0 && mo < 12) { el.textContent = months[mo] + ' ' + d + ', ' + y; } } } })(); Thanks to an older article of Scott Hanselman I came across this gem: Google Maps Guestmap Service. The service itself allows anyone to pin their location on a world map with some basic information and icon. Looking at Scott's map with more than 1900 pins, it's truely amazing! Where are my readers located? It's quite fascinating to get to know where readers of this blog are actually coming from. Yes, of course, I already have a rough idea about your whereabouts based on Google Webmaster Tools and Google Analytics but it gives me only some blurred data. Based on my experience with the presented map I would recommend you to use Google Maps Guestmap directly in case that you would like to add yourself. Google Maps Guestmap Service is provided by MapServices It would be great to have a couple of pins soon... Thanks! Call for action: Pin yourself Actually, their service comes in two flavours: the basic, free mode and the sponsored-mode: Sponsored-mode features *No more ads shown on your map! * *No more \"donate\" button over your map! * *No restriction on number of pins shown at a given time (non-donating users can only see 500 pins a time) * *Password-protected maps (define a password that will be required to see your map) * Edit the marker-input dialog (remove fields, change the message caption) For the time being, I run the map in basic mode. But looking forward to reach the restriction of 500 pins quickly in order to donate and support them as quickly as possible. Dear readers, this is my call for action! Add your pins and push me. \uD83D\uDE09 Interestingly, the amount for a donation to MapServices is freely selectable. Please use the comment section below for your feedback and suggestions. For example, what do you think about their service? Would you use it for your website? Other purposes? And last but not least, how much money would you donate? Pin and geo-tag yourself on the Guestmap above, and watch it grow like a patchwork pattern over the next couple of weeks and months. if (typeof window !== 'undefined' && window.location.hostname !== 'localhost' && window.location.hostname !== '127.0.0.1') { (window.adsbygoogle = window.adsbygoogle || []).push({}); } (function() { var loaded = false; function loadDisqusEmbed() { if (loaded) return; loaded = true; window.disqus_config = function () { this.page.url = 'google-maps-guestmap.html'; this.page.identifier = '9271ed1c97_idgoogle-maps-guestmap'; }; var d = document, s = d.createElement('script'); s.src = 'https://getbloggedbyjoki.disqus.com/embed.js'; s.setAttribute('data-timestamp', +new Date()); (d.head || d.body).appendChild(s); } var target = document.getElementById('disqus_thread'); if ('IntersectionObserver' in window && target) { var observer = new IntersectionObserver(function(entries) { if (entries[0].isIntersecting) { loadDisqusEmbed(); observer.disconnect(); } }, { rootMargin: '300px' }); observer.observe(target); } else { window.addEventListener('load', function() { if ('requestIdleCallback' in window) { requestIdleCallback(loadDisqusEmbed, { timeout: 4000 }); } else { setTimeout(loadDisqusEmbed, 3000); } }); } })();" }, "heute-ist-ostern-und-weihnachten-gleichzeitig---.html": { "href": "heute-ist-ostern-und-weihnachten-gleichzeitig---.html", "title": "Heute ist Ostern und Weihnachten gleichzeitig... - Get Blogged by JoKi", "summary": "Heute ist Ostern und Weihnachten gleichzeitig... Copy Markdown View Markdown GitHub Markdown Source Heute ist Ostern und Weihnachten gleichzeitig... Copy Markdown Copy as Prompt Download .MD GitHub Close Loading markdown source... (function () { var rawMarkdownCache = {}; function cleanFrontmatter(text) { if (!text) return ''; // Bulletproof removal of frontmatter: between initial --- and ending --- return text.replace(/^---[\\s\\S]*?\\n---\\s*\\n?/, '').trim() + '\\n'; } function fetchMarkdown(slug, callback) { if (rawMarkdownCache[slug]) { callback(null, rawMarkdownCache[slug]); return; } var rel = ''; var url = rel + 'raw/' + encodeURIComponent(slug) + '.md'; fetch(url) .then(function (res) { if (!res.ok) throw new Error('Markdown source not found: ' + res.status); return res.text(); }) .then(function (text) { var cleaned = cleanFrontmatter(text); rawMarkdownCache[slug] = cleaned; callback(null, cleaned); }) .catch(function (err) { // Fallback: extract plain text from post content var contentEl = document.querySelector('.post-full-content .post-content, .post-content, main .inner'); if (contentEl) { var fallbackMd = '# ' + (document.querySelector('h1') ? document.querySelector('h1').innerText : 'Post') + '\\n\\n' + (contentEl.innerText || contentEl.textContent); rawMarkdownCache[slug] = fallbackMd; callback(null, fallbackMd); } else { callback(err, null); } }); } // Attach Copy Markdown handler var copyButtons = document.querySelectorAll('.btn-copy-markdown, .floating-copy-markdown'); copyButtons.forEach(function (btn) { btn.addEventListener('click', function () { var slug = btn.getAttribute('data-uid') || btn.getAttribute('data-slug') || 'heute-ist-ostern-und-weihnachten-gleichzeitig---'; var originalHtml = btn.innerHTML; btn.disabled = true; fetchMarkdown(slug, function (err, md) { if (err || !md) { btn.disabled = false; alert('Could not copy Markdown source.'); return; } navigator.clipboard.writeText(md).then(function () { btn.classList.add('copied'); btn.innerHTML = ' Copied!'; setTimeout(function () { btn.classList.remove('copied'); btn.innerHTML = originalHtml; btn.disabled = false; }, 2000); }).catch(function () { btn.disabled = false; }); }); }); }); // Attach View Markdown modal var viewButtons = document.querySelectorAll('.btn-view-markdown'); var modal = document.getElementById('markdown-viewer-modal'); var codeEl = document.getElementById('markdown-viewer-code'); var closeBtn = modal ? modal.querySelector('.markdown-viewer-close') : null; var modalCopyBtn = document.getElementById('markdown-modal-copy-btn'); if (modal && viewButtons.length > 0) { viewButtons.forEach(function (btn) { btn.addEventListener('click', function () { var slug = btn.getAttribute('data-uid') || btn.getAttribute('data-slug') || 'heute-ist-ostern-und-weihnachten-gleichzeitig---'; if (codeEl) codeEl.textContent = 'Loading Markdown source...'; if (typeof modal.showModal === 'function') { modal.showModal(); } else { modal.setAttribute('open', ''); } fetchMarkdown(slug, function (err, md) { if (codeEl) { codeEl.textContent = md || 'Failed to load Markdown source.'; if (window.hljs && typeof hljs.highlightElement === 'function') { hljs.highlightElement(codeEl); } // Remove any DocFX code-action / copy buttons that might have been injected var actions = modal.querySelectorAll('.code-action, .code-copy-btn, .action, a[title=\"Copy\"], button[title=\"Copy\"]'); actions.forEach(function (el) { el.remove(); }); } }); }); }); if (closeBtn) { closeBtn.addEventListener('click', function () { if (typeof modal.close === 'function') { modal.close(); } else { modal.removeAttribute('open'); } }); } // Light dismiss on backdrop click modal.addEventListener('click', function (e) { if (e.target === modal) { var rect = modal.getBoundingClientRect(); var isInDialog = ( rect.top <= e.clientY && e.clientY <= rect.top + rect.height && rect.left <= e.clientX && e.clientX <= rect.left + rect.width ); if (!isInDialog) { if (typeof modal.close === 'function') { modal.close(); } else { modal.removeAttribute('open'); } } } }); var modalPromptBtn = document.getElementById('markdown-modal-prompt-btn'); function formatPrompt(markdownText) { var postTitle = document.querySelector('h1.post-full-title') || document.querySelector('h1'); var titleStr = (postTitle ? postTitle.textContent.trim() : 'Heute ist Ostern und Weihnachten gleichzeitig...') || 'Article'; var appUrl = 'https://jochen.kirstaetter.name'.replace(/\\/+$/, ''); var canonicalLink = document.querySelector('link[rel=\"canonical\"]'); var pageUrl = canonicalLink ? (canonicalLink.getAttribute('href') || canonicalLink.href) : ''; if (!pageUrl) { pageUrl = appUrl + window.location.pathname; } if (pageUrl.startsWith('/')) { pageUrl = appUrl + pageUrl; } pageUrl = pageUrl.split('?')[0].split('#')[0]; try { var parsed = new URL(pageUrl, appUrl); if (parsed.hostname === 'localhost' || parsed.hostname === '127.0.0.1' || parsed.hostname.endsWith('.localhost')) { pageUrl = appUrl + parsed.pathname; } } catch (e) {} pageUrl = pageUrl.replace(/\\/index\\.html$/, '/').replace(/\\.html$/, ''); if (pageUrl.length > appUrl.length + 1 && pageUrl.endsWith('/')) { pageUrl = pageUrl.slice(0, -1); } return 'Analyse and use the following article as context:\\n\\n' + 'Title: ' + titleStr + '\\n' + 'URL: ' + pageUrl + '\\n\\n' + '---\\n\\n' + markdownText; } if (modalCopyBtn) { modalCopyBtn.addEventListener('click', function () { var text = codeEl ? (codeEl.innerText || codeEl.textContent) : ''; if (!text) return; navigator.clipboard.writeText(text).then(function () { var origHtml = modalCopyBtn.innerHTML; modalCopyBtn.classList.add('copied'); modalCopyBtn.innerHTML = ' Copied!'; setTimeout(function () { modalCopyBtn.classList.remove('copied'); modalCopyBtn.innerHTML = origHtml; }, 2000); }); }); } if (modalPromptBtn) { modalPromptBtn.addEventListener('click', function () { var text = codeEl ? (codeEl.innerText || codeEl.textContent) : ''; if (!text) return; var promptText = formatPrompt(text); navigator.clipboard.writeText(promptText).then(function () { var origHtml = modalPromptBtn.innerHTML; modalPromptBtn.classList.add('copied'); modalPromptBtn.innerHTML = ' Copied!'; setTimeout(function () { modalPromptBtn.classList.remove('copied'); modalPromptBtn.innerHTML = origHtml; }, 2000); }); }); } } })(); 2005-03-24 - Filed under General (function() { var el = document.currentScript ? document.currentScript.previousElementSibling.querySelector('.post-full-meta-date') : document.querySelector('.post-full-meta-date'); if (el) { var raw = el.getAttribute('datetime') || el.textContent.trim(); var m = raw.match(/^(\\d{4})-(\\d{1,2})-(\\d{1,2})/); if (m) { var months = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']; var y = parseInt(m[1], 10); var mo = parseInt(m[2], 10) - 1; var d = parseInt(m[3], 10); if (mo >= 0 && mo < 12) { el.textContent = months[mo] + ' ' + d + ', ' + y; } } } })(); Halleluja!! Boah, ist mir gerade ein Stein vom Herzen gefallen... Das ist echt wie Ostern und Weihnachten zusammen. Und das am heutigen Kar-Freitag - irgendwie passend, oder? Worum geht's... Nun, seit meinem kleinen Umzug im Dezember bin ich auf der Suche nach ein wenig Quellcode gewesen. Wie? Quellcode? Ja, es handelt sich dabei um die aktuelle Entwicklungsfassung vom HTML Plugin für die Active FoxPro Pages (Version 0.7.6), die noch nicht wieder zurück ins Repository eingecheckt war... Ich hab' die letzten Monate immer wieder mal meine Rechner, Festplatten und sonstigen Backup-Datenträger durchforstet, aber just vor einigen Minuten bin ich glücklich über den Code 'gestolpert' - Man, that's insane! Total happy habe ich natürlich die Sourcen sofort in Subversion eingecheckt; das ist echt cooler als Ostern und Weihnachten zusammen. Yeah, da kann ich mich morgen endlich wieder an die Weiterentwicklung dieses Projekts setzen. Die Wünsche der Anwender sammeln sich doch langsam - Zudem habe ich selbst etliche Problemzonen und Korrekturbereiche entdeckt... Ganz zu schweigen von den neuen Ideen für weitere Features! Wenn das mal keine Frohen Ostern werden! if (typeof window !== 'undefined' && window.location.hostname !== 'localhost' && window.location.hostname !== '127.0.0.1') { (window.adsbygoogle = window.adsbygoogle || []).push({}); } (function() { var loaded = false; function loadDisqusEmbed() { if (loaded) return; loaded = true; window.disqus_config = function () { this.page.url = 'heute-ist-ostern-und-weihnachten-gleichzeitig---.html'; this.page.identifier = '9271ed1c97_idheute-ist-ostern-und-weihnachten-gleichzeitig---'; }; var d = document, s = d.createElement('script'); s.src = 'https://getbloggedbyjoki.disqus.com/embed.js'; s.setAttribute('data-timestamp', +new Date()); (d.head || d.body).appendChild(s); } var target = document.getElementById('disqus_thread'); if ('IntersectionObserver' in window && target) { var observer = new IntersectionObserver(function(entries) { if (entries[0].isIntersecting) { loadDisqusEmbed(); observer.disconnect(); } }, { rootMargin: '300px' }); observer.observe(target); } else { window.addEventListener('load', function() { if ('requestIdleCallback' in window) { requestIdleCallback(loadDisqusEmbed, { timeout: 4000 }); } else { setTimeout(loadDisqusEmbed, 3000); } }); } })();" }, "high-performance-responsive-design.html": { "href": "high-performance-responsive-design.html", "title": "High Performance Responsive Design by Tom Barker - Get Blogged by JoKi", "summary": "High Performance Responsive Design by Tom Barker Copy Markdown View Markdown GitHub Markdown Source High Performance Responsive Design by Tom Barker Copy Markdown Copy as Prompt Download .MD GitHub Close Loading markdown source... (function () { var rawMarkdownCache = {}; function cleanFrontmatter(text) { if (!text) return ''; // Bulletproof removal of frontmatter: between initial --- and ending --- return text.replace(/^---[\\s\\S]*?\\n---\\s*\\n?/, '').trim() + '\\n'; } function fetchMarkdown(slug, callback) { if (rawMarkdownCache[slug]) { callback(null, rawMarkdownCache[slug]); return; } var rel = ''; var url = rel + 'raw/' + encodeURIComponent(slug) + '.md'; fetch(url) .then(function (res) { if (!res.ok) throw new Error('Markdown source not found: ' + res.status); return res.text(); }) .then(function (text) { var cleaned = cleanFrontmatter(text); rawMarkdownCache[slug] = cleaned; callback(null, cleaned); }) .catch(function (err) { // Fallback: extract plain text from post content var contentEl = document.querySelector('.post-full-content .post-content, .post-content, main .inner'); if (contentEl) { var fallbackMd = '# ' + (document.querySelector('h1') ? document.querySelector('h1').innerText : 'Post') + '\\n\\n' + (contentEl.innerText || contentEl.textContent); rawMarkdownCache[slug] = fallbackMd; callback(null, fallbackMd); } else { callback(err, null); } }); } // Attach Copy Markdown handler var copyButtons = document.querySelectorAll('.btn-copy-markdown, .floating-copy-markdown'); copyButtons.forEach(function (btn) { btn.addEventListener('click', function () { var slug = btn.getAttribute('data-uid') || btn.getAttribute('data-slug') || 'high-performance-responsive-design'; var originalHtml = btn.innerHTML; btn.disabled = true; fetchMarkdown(slug, function (err, md) { if (err || !md) { btn.disabled = false; alert('Could not copy Markdown source.'); return; } navigator.clipboard.writeText(md).then(function () { btn.classList.add('copied'); btn.innerHTML = ' Copied!'; setTimeout(function () { btn.classList.remove('copied'); btn.innerHTML = originalHtml; btn.disabled = false; }, 2000); }).catch(function () { btn.disabled = false; }); }); }); }); // Attach View Markdown modal var viewButtons = document.querySelectorAll('.btn-view-markdown'); var modal = document.getElementById('markdown-viewer-modal'); var codeEl = document.getElementById('markdown-viewer-code'); var closeBtn = modal ? modal.querySelector('.markdown-viewer-close') : null; var modalCopyBtn = document.getElementById('markdown-modal-copy-btn'); if (modal && viewButtons.length > 0) { viewButtons.forEach(function (btn) { btn.addEventListener('click', function () { var slug = btn.getAttribute('data-uid') || btn.getAttribute('data-slug') || 'high-performance-responsive-design'; if (codeEl) codeEl.textContent = 'Loading Markdown source...'; if (typeof modal.showModal === 'function') { modal.showModal(); } else { modal.setAttribute('open', ''); } fetchMarkdown(slug, function (err, md) { if (codeEl) { codeEl.textContent = md || 'Failed to load Markdown source.'; if (window.hljs && typeof hljs.highlightElement === 'function') { hljs.highlightElement(codeEl); } // Remove any DocFX code-action / copy buttons that might have been injected var actions = modal.querySelectorAll('.code-action, .code-copy-btn, .action, a[title=\"Copy\"], button[title=\"Copy\"]'); actions.forEach(function (el) { el.remove(); }); } }); }); }); if (closeBtn) { closeBtn.addEventListener('click', function () { if (typeof modal.close === 'function') { modal.close(); } else { modal.removeAttribute('open'); } }); } // Light dismiss on backdrop click modal.addEventListener('click', function (e) { if (e.target === modal) { var rect = modal.getBoundingClientRect(); var isInDialog = ( rect.top <= e.clientY && e.clientY <= rect.top + rect.height && rect.left <= e.clientX && e.clientX <= rect.left + rect.width ); if (!isInDialog) { if (typeof modal.close === 'function') { modal.close(); } else { modal.removeAttribute('open'); } } } }); var modalPromptBtn = document.getElementById('markdown-modal-prompt-btn'); function formatPrompt(markdownText) { var postTitle = document.querySelector('h1.post-full-title') || document.querySelector('h1'); var titleStr = (postTitle ? postTitle.textContent.trim() : 'High Performance Responsive Design by Tom Barker') || 'Article'; var appUrl = 'https://jochen.kirstaetter.name'.replace(/\\/+$/, ''); var canonicalLink = document.querySelector('link[rel=\"canonical\"]'); var pageUrl = canonicalLink ? (canonicalLink.getAttribute('href') || canonicalLink.href) : ''; if (!pageUrl) { pageUrl = appUrl + window.location.pathname; } if (pageUrl.startsWith('/')) { pageUrl = appUrl + pageUrl; } pageUrl = pageUrl.split('?')[0].split('#')[0]; try { var parsed = new URL(pageUrl, appUrl); if (parsed.hostname === 'localhost' || parsed.hostname === '127.0.0.1' || parsed.hostname.endsWith('.localhost')) { pageUrl = appUrl + parsed.pathname; } } catch (e) {} pageUrl = pageUrl.replace(/\\/index\\.html$/, '/').replace(/\\.html$/, ''); if (pageUrl.length > appUrl.length + 1 && pageUrl.endsWith('/')) { pageUrl = pageUrl.slice(0, -1); } return 'Analyse and use the following article as context:\\n\\n' + 'Title: ' + titleStr + '\\n' + 'URL: ' + pageUrl + '\\n\\n' + '---\\n\\n' + markdownText; } if (modalCopyBtn) { modalCopyBtn.addEventListener('click', function () { var text = codeEl ? (codeEl.innerText || codeEl.textContent) : ''; if (!text) return; navigator.clipboard.writeText(text).then(function () { var origHtml = modalCopyBtn.innerHTML; modalCopyBtn.classList.add('copied'); modalCopyBtn.innerHTML = ' Copied!'; setTimeout(function () { modalCopyBtn.classList.remove('copied'); modalCopyBtn.innerHTML = origHtml; }, 2000); }); }); } if (modalPromptBtn) { modalPromptBtn.addEventListener('click', function () { var text = codeEl ? (codeEl.innerText || codeEl.textContent) : ''; if (!text) return; var promptText = formatPrompt(text); navigator.clipboard.writeText(promptText).then(function () { var origHtml = modalPromptBtn.innerHTML; modalPromptBtn.classList.add('copied'); modalPromptBtn.innerHTML = ' Copied!'; setTimeout(function () { modalPromptBtn.classList.remove('copied'); modalPromptBtn.innerHTML = origHtml; }, 2000); }); }); } } })(); 2014-11-16 - Filed under Recension (function() { var el = document.currentScript ? document.currentScript.previousElementSibling.querySelector('.post-full-meta-date') : document.querySelector('.post-full-meta-date'); if (el) { var raw = el.getAttribute('datetime') || el.textContent.trim(); var m = raw.match(/^(\\d{4})-(\\d{1,2})-(\\d{1,2})/); if (m) { var months = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']; var y = parseInt(m[1], 10); var mo = parseInt(m[2], 10) - 1; var d = parseInt(m[3], 10); if (mo >= 0 && mo < 12) { el.textContent = months[mo] + ' ' + d + ', ' + y; } } } })(); It seems that I have a little bit of time these days. Luckily and thanks to the O'Reilly Reader Review Program I was able to get access to \"High Performance Responsive Design\" by Tom Barker. Actually, after my last review it was a tough preference compared to \"MongoDB - The Definitive Guide\" - which is hopefully now next on my reading list. Thanks to approximately 176 pages I was able to dig through this title very quickly, and honestly it was a great experience. Looking forward to see more on this topic. At the time of writing this review it wasn't available on Amazon yet: This item has not been released yet and is not eligible to be reviewed. Anyway, here's my summary which I'm going to publish on the 5th December on Amazon, too: What an eye-opener! Although, as good as everyone working in the field of web sites or web application development is talking about Responsive Web Development (RWD) Tom Barker has a simple but nevertheless shocking statement: You're doing it wrong! Okay, almost... Even though the title is explicitly addressed to web-frontend developers I would rather see it as a guidance for the web-backend developer. Yes, Tom starts his semi-scientific observations on the appearance of web sites but the actual improvement is supposed to happen on the server-side. Responsive Web Development covers way more aspects than just seemless arrangement and dynamic positioning of

sections and images. It's about network & bandwidth usage, battery life-time on mobile devices, load performance and rendering time, and other metrics related to surfing web sites. Thanks to Tom's experience as Director of Software Engineering and Development at Comcast, and an Adjunct Professor at Philadelphia University he seems to have a fable to bring the full story in easy to understand steps to the reader. Chapter by chapter he first addresses commonly used practices, then sheds some light on the individual aspects to finally point out what's wrong with those approaches - inclusive famous anti-patterns - and how it could be improved for better user experience on various devices. Modern web development - as advocated by others, too - should be based on mobile first experience. Start with the smallest screen, with the lowest resources and then extend the user experience gradually until reaching 4K smart TV environment. Define your development iterations on swag - Scientific Wild-Ass Guess or sometimes more politely called guesstimate - and specify your performance service-level agreement (SLA) as early as possible. Thanks to a test-driven development (TDD), use of headless web browser technology and performing continuous integration (CI) one can easily keep track of code commits and their impact on the existing code base. As a full-stack developer and recently involved in a greenfield web development project based on the MEAN-stack I am very glad that I read this book title at a very early stage of our project. Without any hesitation I'm going to recommend this book to any team member, maybe even ask them to read it as a compulsory lecture. Furthermore, I'd like to pick up this topic during our next user group meetings. if (typeof window !== 'undefined' && window.location.hostname !== 'localhost' && window.location.hostname !== '127.0.0.1') { (window.adsbygoogle = window.adsbygoogle || []).push({}); } (function() { var loaded = false; function loadDisqusEmbed() { if (loaded) return; loaded = true; window.disqus_config = function () { this.page.url = 'high-performance-responsive-design.html'; this.page.identifier = '9271ed1c97_idhigh-performance-responsive-design'; }; var d = document, s = d.createElement('script'); s.src = 'https://getbloggedbyjoki.disqus.com/embed.js'; s.setAttribute('data-timestamp', +new Date()); (d.head || d.body).appendChild(s); } var target = document.getElementById('disqus_thread'); if ('IntersectionObserver' in window && target) { var observer = new IntersectionObserver(function(entries) { if (entries[0].isIntersecting) { loadDisqusEmbed(); observer.disconnect(); } }, { rootMargin: '300px' }); observer.observe(target); } else { window.addEventListener('load', function() { if ('requestIdleCallback' in window) { requestIdleCallback(loadDisqusEmbed, { timeout: 4000 }); } else { setTimeout(loadDisqusEmbed, 3000); } }); } })();" }, "hit-refresh.html": { "href": "hit-refresh.html", "title": "Hit Refresh - Get Blogged by JoKi", "summary": "Hit Refresh Copy Markdown View Markdown GitHub Markdown Source Hit Refresh Copy Markdown Copy as Prompt Download .MD GitHub Close Loading markdown source... (function () { var rawMarkdownCache = {}; function cleanFrontmatter(text) { if (!text) return ''; // Bulletproof removal of frontmatter: between initial --- and ending --- return text.replace(/^---[\\s\\S]*?\\n---\\s*\\n?/, '').trim() + '\\n'; } function fetchMarkdown(slug, callback) { if (rawMarkdownCache[slug]) { callback(null, rawMarkdownCache[slug]); return; } var rel = ''; var url = rel + 'raw/' + encodeURIComponent(slug) + '.md'; fetch(url) .then(function (res) { if (!res.ok) throw new Error('Markdown source not found: ' + res.status); return res.text(); }) .then(function (text) { var cleaned = cleanFrontmatter(text); rawMarkdownCache[slug] = cleaned; callback(null, cleaned); }) .catch(function (err) { // Fallback: extract plain text from post content var contentEl = document.querySelector('.post-full-content .post-content, .post-content, main .inner'); if (contentEl) { var fallbackMd = '# ' + (document.querySelector('h1') ? document.querySelector('h1').innerText : 'Post') + '\\n\\n' + (contentEl.innerText || contentEl.textContent); rawMarkdownCache[slug] = fallbackMd; callback(null, fallbackMd); } else { callback(err, null); } }); } // Attach Copy Markdown handler var copyButtons = document.querySelectorAll('.btn-copy-markdown, .floating-copy-markdown'); copyButtons.forEach(function (btn) { btn.addEventListener('click', function () { var slug = btn.getAttribute('data-uid') || btn.getAttribute('data-slug') || 'hit-refresh'; var originalHtml = btn.innerHTML; btn.disabled = true; fetchMarkdown(slug, function (err, md) { if (err || !md) { btn.disabled = false; alert('Could not copy Markdown source.'); return; } navigator.clipboard.writeText(md).then(function () { btn.classList.add('copied'); btn.innerHTML = ' Copied!'; setTimeout(function () { btn.classList.remove('copied'); btn.innerHTML = originalHtml; btn.disabled = false; }, 2000); }).catch(function () { btn.disabled = false; }); }); }); }); // Attach View Markdown modal var viewButtons = document.querySelectorAll('.btn-view-markdown'); var modal = document.getElementById('markdown-viewer-modal'); var codeEl = document.getElementById('markdown-viewer-code'); var closeBtn = modal ? modal.querySelector('.markdown-viewer-close') : null; var modalCopyBtn = document.getElementById('markdown-modal-copy-btn'); if (modal && viewButtons.length > 0) { viewButtons.forEach(function (btn) { btn.addEventListener('click', function () { var slug = btn.getAttribute('data-uid') || btn.getAttribute('data-slug') || 'hit-refresh'; if (codeEl) codeEl.textContent = 'Loading Markdown source...'; if (typeof modal.showModal === 'function') { modal.showModal(); } else { modal.setAttribute('open', ''); } fetchMarkdown(slug, function (err, md) { if (codeEl) { codeEl.textContent = md || 'Failed to load Markdown source.'; if (window.hljs && typeof hljs.highlightElement === 'function') { hljs.highlightElement(codeEl); } // Remove any DocFX code-action / copy buttons that might have been injected var actions = modal.querySelectorAll('.code-action, .code-copy-btn, .action, a[title=\"Copy\"], button[title=\"Copy\"]'); actions.forEach(function (el) { el.remove(); }); } }); }); }); if (closeBtn) { closeBtn.addEventListener('click', function () { if (typeof modal.close === 'function') { modal.close(); } else { modal.removeAttribute('open'); } }); } // Light dismiss on backdrop click modal.addEventListener('click', function (e) { if (e.target === modal) { var rect = modal.getBoundingClientRect(); var isInDialog = ( rect.top <= e.clientY && e.clientY <= rect.top + rect.height && rect.left <= e.clientX && e.clientX <= rect.left + rect.width ); if (!isInDialog) { if (typeof modal.close === 'function') { modal.close(); } else { modal.removeAttribute('open'); } } } }); var modalPromptBtn = document.getElementById('markdown-modal-prompt-btn'); function formatPrompt(markdownText) { var postTitle = document.querySelector('h1.post-full-title') || document.querySelector('h1'); var titleStr = (postTitle ? postTitle.textContent.trim() : 'Hit Refresh') || 'Article'; var appUrl = 'https://jochen.kirstaetter.name'.replace(/\\/+$/, ''); var canonicalLink = document.querySelector('link[rel=\"canonical\"]'); var pageUrl = canonicalLink ? (canonicalLink.getAttribute('href') || canonicalLink.href) : ''; if (!pageUrl) { pageUrl = appUrl + window.location.pathname; } if (pageUrl.startsWith('/')) { pageUrl = appUrl + pageUrl; } pageUrl = pageUrl.split('?')[0].split('#')[0]; try { var parsed = new URL(pageUrl, appUrl); if (parsed.hostname === 'localhost' || parsed.hostname === '127.0.0.1' || parsed.hostname.endsWith('.localhost')) { pageUrl = appUrl + parsed.pathname; } } catch (e) {} pageUrl = pageUrl.replace(/\\/index\\.html$/, '/').replace(/\\.html$/, ''); if (pageUrl.length > appUrl.length + 1 && pageUrl.endsWith('/')) { pageUrl = pageUrl.slice(0, -1); } return 'Analyse and use the following article as context:\\n\\n' + 'Title: ' + titleStr + '\\n' + 'URL: ' + pageUrl + '\\n\\n' + '---\\n\\n' + markdownText; } if (modalCopyBtn) { modalCopyBtn.addEventListener('click', function () { var text = codeEl ? (codeEl.innerText || codeEl.textContent) : ''; if (!text) return; navigator.clipboard.writeText(text).then(function () { var origHtml = modalCopyBtn.innerHTML; modalCopyBtn.classList.add('copied'); modalCopyBtn.innerHTML = ' Copied!'; setTimeout(function () { modalCopyBtn.classList.remove('copied'); modalCopyBtn.innerHTML = origHtml; }, 2000); }); }); } if (modalPromptBtn) { modalPromptBtn.addEventListener('click', function () { var text = codeEl ? (codeEl.innerText || codeEl.textContent) : ''; if (!text) return; var promptText = formatPrompt(text); navigator.clipboard.writeText(promptText).then(function () { var origHtml = modalPromptBtn.innerHTML; modalPromptBtn.classList.add('copied'); modalPromptBtn.innerHTML = ' Copied!'; setTimeout(function () { modalPromptBtn.classList.remove('copied'); modalPromptBtn.innerHTML = origHtml; }, 2000); }); }); } } })(); 2018-01-02 - Filed under PersonalCommunity (function() { var el = document.currentScript ? document.currentScript.previousElementSibling.querySelector('.post-full-meta-date') : document.querySelector('.post-full-meta-date'); if (el) { var raw = el.getAttribute('datetime') || el.textContent.trim(); var m = raw.match(/^(\\d{4})-(\\d{1,2})-(\\d{1,2})/); if (m) { var months = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']; var y = parseInt(m[1], 10); var mo = parseInt(m[2], 10) - 1; var d = parseInt(m[3], 10); if (mo >= 0 && mo < 12) { el.textContent = months[mo] + ' ' + d + ', ' + y; } } } })(); Mid of October I received an interesting opportunity from our regional MVP lead Hande asking for contributions to support Satya Nadella's book 'Hit Refresh' on the MVP Award Blog. Following is an excerpt of my 'hit refresh moment' which has been published on the MVP Award blog in full here: We Love Hearing About How These MVPs Have #HitRefresh! My hit refresh moment came when I left my comfort zone completely and embarked on a journey into the unexpected. At the time I had a long-time established, safe and secured employment in a medium-sized company with fantastic colleagues and interesting projects to work on. Over the years I managed to ... When my employer offered me an CxO position in their new-to-be office in Mauritius I went all-in. Literally, my life and professional career was rewinded back to zero. Going to a foreign country not knowing anyone there, learning to communicate ... Now, looking back after more than ten years I have to admit it was the best decision ever. On private side I got married and we have two adorable children since then. In terms of professional career I have to report that I incorporated my own businesses in software development, in online content marketing, and in ... Changing my life in such a drastic way was an experience of a life-time. It turned out for the better. I have no regrets about this decision, and I would do it again any time. This post is part of the collection of #HitRefresh moments. Read more at www.hitrefreshbook.com if (typeof window !== 'undefined' && window.location.hostname !== 'localhost' && window.location.hostname !== '127.0.0.1') { (window.adsbygoogle = window.adsbygoogle || []).push({}); } (function() { var loaded = false; function loadDisqusEmbed() { if (loaded) return; loaded = true; window.disqus_config = function () { this.page.url = 'hit-refresh.html'; this.page.identifier = '9271ed1c97_idhit-refresh'; }; var d = document, s = d.createElement('script'); s.src = 'https://getbloggedbyjoki.disqus.com/embed.js'; s.setAttribute('data-timestamp', +new Date()); (d.head || d.body).appendChild(s); } var target = document.getElementById('disqus_thread'); if ('IntersectionObserver' in window && target) { var observer = new IntersectionObserver(function(entries) { if (entries[0].isIntersecting) { loadDisqusEmbed(); observer.disconnect(); } }, { rootMargin: '300px' }); observer.observe(target); } else { window.addEventListener('load', function() { if ('requestIdleCallback' in window) { requestIdleCallback(loadDisqusEmbed, { timeout: 4000 }); } else { setTimeout(loadDisqusEmbed, 3000); } }); } })();" }, "how-did-we-run-the-virtual-developers-conference-2020.html": { "href": "how-did-we-run-the-virtual-developers-conference-2020.html", "title": "How did we run the Virtual Developers Conference 2020? - Get Blogged by JoKi", "summary": "How did we run the Virtual Developers Conference 2020? Copy Markdown View Markdown GitHub Markdown Source How did we run the Virtual Developers Conference 2020? Copy Markdown Copy as Prompt Download .MD GitHub Close Loading markdown source... (function () { var rawMarkdownCache = {}; function cleanFrontmatter(text) { if (!text) return ''; // Bulletproof removal of frontmatter: between initial --- and ending --- return text.replace(/^---[\\s\\S]*?\\n---\\s*\\n?/, '').trim() + '\\n'; } function fetchMarkdown(slug, callback) { if (rawMarkdownCache[slug]) { callback(null, rawMarkdownCache[slug]); return; } var rel = ''; var url = rel + 'raw/' + encodeURIComponent(slug) + '.md'; fetch(url) .then(function (res) { if (!res.ok) throw new Error('Markdown source not found: ' + res.status); return res.text(); }) .then(function (text) { var cleaned = cleanFrontmatter(text); rawMarkdownCache[slug] = cleaned; callback(null, cleaned); }) .catch(function (err) { // Fallback: extract plain text from post content var contentEl = document.querySelector('.post-full-content .post-content, .post-content, main .inner'); if (contentEl) { var fallbackMd = '# ' + (document.querySelector('h1') ? document.querySelector('h1').innerText : 'Post') + '\\n\\n' + (contentEl.innerText || contentEl.textContent); rawMarkdownCache[slug] = fallbackMd; callback(null, fallbackMd); } else { callback(err, null); } }); } // Attach Copy Markdown handler var copyButtons = document.querySelectorAll('.btn-copy-markdown, .floating-copy-markdown'); copyButtons.forEach(function (btn) { btn.addEventListener('click', function () { var slug = btn.getAttribute('data-uid') || btn.getAttribute('data-slug') || 'how-did-we-run-the-virtual-developers-conference-2020'; var originalHtml = btn.innerHTML; btn.disabled = true; fetchMarkdown(slug, function (err, md) { if (err || !md) { btn.disabled = false; alert('Could not copy Markdown source.'); return; } navigator.clipboard.writeText(md).then(function () { btn.classList.add('copied'); btn.innerHTML = ' Copied!'; setTimeout(function () { btn.classList.remove('copied'); btn.innerHTML = originalHtml; btn.disabled = false; }, 2000); }).catch(function () { btn.disabled = false; }); }); }); }); // Attach View Markdown modal var viewButtons = document.querySelectorAll('.btn-view-markdown'); var modal = document.getElementById('markdown-viewer-modal'); var codeEl = document.getElementById('markdown-viewer-code'); var closeBtn = modal ? modal.querySelector('.markdown-viewer-close') : null; var modalCopyBtn = document.getElementById('markdown-modal-copy-btn'); if (modal && viewButtons.length > 0) { viewButtons.forEach(function (btn) { btn.addEventListener('click', function () { var slug = btn.getAttribute('data-uid') || btn.getAttribute('data-slug') || 'how-did-we-run-the-virtual-developers-conference-2020'; if (codeEl) codeEl.textContent = 'Loading Markdown source...'; if (typeof modal.showModal === 'function') { modal.showModal(); } else { modal.setAttribute('open', ''); } fetchMarkdown(slug, function (err, md) { if (codeEl) { codeEl.textContent = md || 'Failed to load Markdown source.'; if (window.hljs && typeof hljs.highlightElement === 'function') { hljs.highlightElement(codeEl); } // Remove any DocFX code-action / copy buttons that might have been injected var actions = modal.querySelectorAll('.code-action, .code-copy-btn, .action, a[title=\"Copy\"], button[title=\"Copy\"]'); actions.forEach(function (el) { el.remove(); }); } }); }); }); if (closeBtn) { closeBtn.addEventListener('click', function () { if (typeof modal.close === 'function') { modal.close(); } else { modal.removeAttribute('open'); } }); } // Light dismiss on backdrop click modal.addEventListener('click', function (e) { if (e.target === modal) { var rect = modal.getBoundingClientRect(); var isInDialog = ( rect.top <= e.clientY && e.clientY <= rect.top + rect.height && rect.left <= e.clientX && e.clientX <= rect.left + rect.width ); if (!isInDialog) { if (typeof modal.close === 'function') { modal.close(); } else { modal.removeAttribute('open'); } } } }); var modalPromptBtn = document.getElementById('markdown-modal-prompt-btn'); function formatPrompt(markdownText) { var postTitle = document.querySelector('h1.post-full-title') || document.querySelector('h1'); var titleStr = (postTitle ? postTitle.textContent.trim() : 'How did we run the Virtual Developers Conference 2020?') || 'Article'; var appUrl = 'https://jochen.kirstaetter.name'.replace(/\\/+$/, ''); var canonicalLink = document.querySelector('link[rel=\"canonical\"]'); var pageUrl = canonicalLink ? (canonicalLink.getAttribute('href') || canonicalLink.href) : ''; if (!pageUrl) { pageUrl = appUrl + window.location.pathname; } if (pageUrl.startsWith('/')) { pageUrl = appUrl + pageUrl; } pageUrl = pageUrl.split('?')[0].split('#')[0]; try { var parsed = new URL(pageUrl, appUrl); if (parsed.hostname === 'localhost' || parsed.hostname === '127.0.0.1' || parsed.hostname.endsWith('.localhost')) { pageUrl = appUrl + parsed.pathname; } } catch (e) {} pageUrl = pageUrl.replace(/\\/index\\.html$/, '/').replace(/\\.html$/, ''); if (pageUrl.length > appUrl.length + 1 && pageUrl.endsWith('/')) { pageUrl = pageUrl.slice(0, -1); } return 'Analyse and use the following article as context:\\n\\n' + 'Title: ' + titleStr + '\\n' + 'URL: ' + pageUrl + '\\n\\n' + '---\\n\\n' + markdownText; } if (modalCopyBtn) { modalCopyBtn.addEventListener('click', function () { var text = codeEl ? (codeEl.innerText || codeEl.textContent) : ''; if (!text) return; navigator.clipboard.writeText(text).then(function () { var origHtml = modalCopyBtn.innerHTML; modalCopyBtn.classList.add('copied'); modalCopyBtn.innerHTML = ' Copied!'; setTimeout(function () { modalCopyBtn.classList.remove('copied'); modalCopyBtn.innerHTML = origHtml; }, 2000); }); }); } if (modalPromptBtn) { modalPromptBtn.addEventListener('click', function () { var text = codeEl ? (codeEl.innerText || codeEl.textContent) : ''; if (!text) return; var promptText = formatPrompt(text); navigator.clipboard.writeText(promptText).then(function () { var origHtml = modalPromptBtn.innerHTML; modalPromptBtn.classList.add('copied'); modalPromptBtn.innerHTML = ' Copied!'; setTimeout(function () { modalPromptBtn.classList.remove('copied'); modalPromptBtn.innerHTML = origHtml; }, 2000); }); }); } } })(); 2020-09-16 - Filed under Community (function() { var el = document.currentScript ? document.currentScript.previousElementSibling.querySelector('.post-full-meta-date') : document.querySelector('.post-full-meta-date'); if (el) { var raw = el.getAttribute('datetime') || el.textContent.trim(); var m = raw.match(/^(\\d{4})-(\\d{1,2})-(\\d{1,2})/); if (m) { var months = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']; var y = parseInt(m[1], 10); var mo = parseInt(m[2], 10) - 1; var d = parseInt(m[3], 10); if (mo >= 0 && mo < 12) { el.textContent = months[mo] + ' ' + d + ', ' + y; } } } })(); Thankfully, we received a number of positive and encouraging comments on the recently concluded Virtual Developers Conference 2020 by the MSCC. The format of the conference being a full-time, online event was a total novum to members of our community. I mean, in the past, we already talked about live streaming some or all talks of our Developers Conference but practically nobody in the community ever did it before. And so, there was only one mission statement at the beginning. \"Create the best Report Writer in the world, out of only sawdust, bubblegum, and dreams.\" – Kerry Nietz, author of FoxTales Instead of a \"Report Writer\" it's the annual Developers Conference of the MSCC, the pinnacle event of our regular meetings. With the implications and constraints of the pandemic - full lockdown of Mauritius back in March and still ongoing - we needed to come up with a different solution. And literally baaed on those few ingredients - sawdust, bubblegum, and dreams - I did some research on the interweb to figure out how it would be possible for our community to provide the best possible approach to bring you the community experience and networking atmosphere of an offline event... without breaking the bank. Existing online meeting platforms Obviously, I looked at existing online meetings platforms first. Systems like Google Meet, Microsoft Teams, Zoom (nah, not really - AMA!), GoToMeeting or Jitsi Meet and many more offer quick and easy access to meetings online. However there are a number of technical limitations that I wanted to avoid or better said wanted to go beyond. Let me briefly list a few of them. No weird URL pattern for meeting rooms Availability of client applications across operating systems Avoidance of \"Zoom-Bombing\" Cost - free of charge was the high target Flexible layout handling Branding and customisation of each live stream / recording Low level of distraction for speakers Guided approach by track moderators etc. Although all online meeting platforms are superb for any kind of daily meetings and conference calls they run short on at least two of the bullet points mentioned above. Streaming services Ah, you might say but there are streaming service platforms, ie. Lightstream Studio, StreamYard, Twitch, Periscope, UStream, ON24, etc. Yes, indeed there are many. And surely they are an interesting option to go with. Lightstream actually looks pretty awesome, it was a recommendation from one of our community members, and it heads into the right direction with a lot of the requirements mentioned. I might give it a test run for another personal project some day. However, all of them are subscription-based and the available free tier, if any, has too many constraints that wouldn't allow us to realise what we had in our minds, e.g. limited time of live streaming. Plus, this event is a one-off so far, and it's not about signing a monthly contract for an unknown period. So, what now? Well, I had a look what others were doing... The Virtual Azure Community Day (VACD) caught my attention. Back in April they ran their first online event and documented their approach in two blog articles. First article I came across has been written by Maarten Balliauw from Belgium: Streaming a Community Event on YouTube - Sharing the Technologies and Learnings from Virtual Azure Community Day in which he nicely described the approach. Maarten refers to a second article Online meetups with OBS and Skype by Henk Boelman. And that blog post revealed everything in detail I needed to know for our conference. The combined information from both articles created the full picture though. Okay, let's dig a little bit deeper into the architecture, the pitfalls, and possible solutions. The big picture The general architecture for our approach is based on four main ingredients: GPU-enabled virtual machine (VM) in the cloud Skype with its built-in NDI technology Open Broadcaster Software, aka. OBS Studio Live streaming service, ie. YouTube Now with that information I would like to elaborate on each one a little bit more in detail. VM with GPU Stable and uninterrupted access to internet has been improved here in Mauritius and there are hardly any complaints on my side anymore. Also, recently I upgraded the outdated WiFi infrastructure here in my home office with a modern mesh system. However, live streaming is a different beast and reliable bandwidth and connectivity is key to success. Although it is possible at my place I'm not feeling comfortable to have responsibility for four live streams, and having to rely on my ISP as well as the local energy supplier which still surprises me with power outages from time to time. The solution here is to opt-in for a virtual machine operated by one of the cloud computing providers. In order to provide enough power to handle the video source(s) and streaming it has to be a GPU-enabled VM. Check your trusted cloud provider for such type of machines, mainly used for machine learning and AI activities, and look for the GPU options. You probably might be surprised about the price tags of such type of compute engine. Nothing to worry about, those prices are based on 24/7 operation over the period of a month. Yes, the prices are probably in the 4-digits range. Taking into consideration that our VM is going to run for a few hours a day only embrace the \"Pay what you use\" model and oversize your VM! Following are some links to get started: Create a free account on Microsoft Azure Quickstart: Create a Windows virtual machine in the Azure portal Get started for free on Google Cloud Platform Windows on Compute Engine and GPUs on Compute Engine I chose a Windows 10 based VM on Microsoft Azure and decided to connect via Remote Desktop Protocol (RDP) in order to provide a shared audio device to the VM. I have seen that PulseAudio could be configured in similar fashion on Linux VMs. Due to time constraints I did not explore this option. Let's use Microsoft Azure Either create a new account (recommended because of free credit allocated) or log into an existing one. I'm not going into the details of signing up here. There are enough walkthroughs on the net. On your Home screen click on Create a resource and Search the marketplace for Windows 10. Choose the Microsoft Windows 10 option, not the Preview one, and proceed. In the dropdown you can look for other editions and language packs. I usually pick the latest Pro edition. Then click on Create. During the Basics configuration there are two important choices to make - Region and Size of the VM. Your default size might be different. Click on Select size and choose an appropriate VM type and dimension from the available options of the region. Optionally, add a filter to the list of available VM sizes specifying that you want GPU support. Check for any VM size with the _Promo suffix in the name. Those offer a better price given same specs. For the Virtual Developers Conference I chose the NC6_Promo size which offers 6 vCPUs, 56 GB RAM and decent IOPS. The price tag is slightly below $500 a month. Again, don't let the price scare you. Unfortunately, a basic subscription on Azure is limited to 10 vCPUs by default and if you would like to go for more cores you need to request an increase of resources. However, six vCPUs are just fine... Here you'll find more details on the various GPU optimized virtual machine sizes. Just note the following: NC-series, NCv2-series, NCv3-series and NCT4_v3-series sizes are optimized for compute-intensive and network-intensive applications and algorithms. Enter the remaining fields and tick the checkbox at the bottom to confirm the Windows 10 license aspect. Then go back to the top of the page and click on the tab Advanced. There, click on Select an extension to install and choose the NVIDIA GPU Driver Extension on the next blade. Click on Create at the bottom of the page. Confirm the installation with a click on OK and the Azure portal takes you back to the Advanced options of the VM. The result should look like this. Finally, click on the Review + create button at the bottom and let Azure validate your entries. The resulting overview should look similar to this. And with a click on Create Azure starts the deployment of your new VM. This process takes about 4-5 minutes. Time to have break and enjoy some refreshments. Setting up the \"Studio\" Now with the VM in place it is time to work out the actual online studio and communication channels between hosts and speaker(s). That's where Skype comes into play. Skype is free of charge and available for all major operating systems. In worst case even as a web client. This provides maximum adaption on all parties involved. For the Virtual Developers Conference I can attest that we had people running on Windows, macOS and Linux - they were all welcome equally. The actors for a single track are based on the following constraints: Studio account that hosts the conference call and runs on the VM 1-2 Speaker accounts 1-2 Moderator / Host accounts This gives us a total of 5 Skype accounts bound to one live stream. You might probably ask why I create all those Skype accounts? Well, more on that in the next chapter on OBS Studio and how the integration of Skype works. It is also highly recommended that you create your Skype accounts a few days or even weeks in advance. Start using them from time to time, especially the Skype accounts for the speakers. Microsoft monitors any activities on those accounts and unusual behaviour like sign ins from different locations get noticed. Because the Skype account for speakers is recycled and used by multiple people Microsoft might consider this as an unusual activity and therefore asks for verification, especially when the login is happening in a “new” location / country. In such a situation you will be asked to verify the account. Confirm the email address and click on Next. Then kindly wait. Microsoft is going to send an email to the account’s address with the security code. It might take a few minutes until you receive the security code by email, kindly wait patiently. BTW, that's good reason to organise a dry run, especially with your speakers from abroad. Skype for Desktop on the VM There is only one real requirement in regards to Skype. And that's the choice of client application running on the VM. There you have to use Skype for Desktop because that's the only client version that provides support for the NDI® technology we are going to use to hook up OBS Studio. On your VM, open the Settings of Skype and choose the Calling options. In the Advanced settings enable Answer incoming calls automatically and Allow NDI® usage. Those two settings are the most important ones. Surely you can review other options to reduce the level of distraction and improve the visual appearance of the contact list, etc. To make it as simple as possible for the other four Skype accounts, I added them already as contacts into the designated studio account and created a conference/chat room using the name of the live stream, e.g. Batcave or Avengers Tower. The choice of Skype client for the speaker or for a host is secondary. However there are other obstacles to consider... Skype for Business You cannot use Skype for Business because those speaker / moderator accounts are not associated with a company but personal Skype accounts. Skype for Web This might be the simplest solution of all. However, the web client of Skype does not allow you to use webcam and screen sharing at the same time. Kind of weird compared to other web solutions. Skype for Desktop (macOS) During the test runs we observed that several speakers had permission issues on macOS. In order to provide the necessary permissions on macOS check your system settings. Under Privacy you need to grant permission to Skype to access your Camera, Microphone and probably Screen Recording. This shall be checked and adjusted before launching Skype as it requires to restart Skype anyways. Open Broadcaster Software, aka. OBS Studio With all Skype participants of a live stream in place it is time to configure OBS Studio. Connect to the Windows VM via RDP. Download and install OBS Studio and enable NDI® support in OBS. Download OBS Studio Install the NDI® runtime Get the NDI extension for OBS Your VM might ask for some reboots. Time to have a break and let the machine reboot. Set the stage (Scenes) That's the area where the actual customisation starts, and I'm going to provide you with some thoughts that we took into consideration. For the Virtual Developers Conference we created multiple scenes that show different elements offered by Skype - web cams and shared screen - and our visual theme consisting of MSCC branding, conference super heroes, hashtag, news ticker, rotation of partner logos, etc. Effectively each scene is a combination of Sources. More on that in the next paragraph. Add your elements to each stage (Sources) Important: Start the Skype conference call with all accounts involved before you add them to your instance of OBS Studio. Only active NDI® sources can be accessed. Most importantly is the addition of all Skype actors into your OBS scenes. Either click on the Plus button under the Sources or right-click somewhere in the list of sources to add an NDI™ Source. Then give it a name under Create new and confirm the dialog with OK. In the next dialog choose the Skype account you would like to assign to the source. It helps to have a list of the account names or Live IDs at hand to choose the right one. Complete this step with a click on OK and repeat the steps for all 4 actors in your conference call. Finally, we are going to add two specialised NDI® sources to the scene. First, we take care of screen sharing and add the Skype - Shared screen option. And then the Skype - Active speaker to round up all sources needed. The list of sources for one of our stages called Split - 3 that shows two hosts and one speaker looks similar to this. Note: The position of each source defines its z-index in the scene. The specialised source Audio (Skype active speaker) comes last to avoid any overlap with other resources. That source can even be positioned outside the viewport of the scene. The resulting scene looks like this. A scene that shows both hosts on the right-hand side and the speaker on the left-hand side. We used it at the beginning to introduce a single speaker and to run the Q&A session at the end of each talk. Keep the cameras in place After you placed and resized each NDI® source into your scene make sure that the feeds stop changing their size automatically. To achieve this right-click each NDI® source and choose Transform, then select Edit Transform, and set the Bounding Box Type to Scale to inner bounds. Confirm the transformation with Close. More details are described in the support area of Skype: What is Skype for content creators? Each Skype source provides audio! Pay attention to your settings under the Audio Mixer section. Each NDI® source that is active (visible) in the scene provides an audio stream. However each Skype source plays back everything that is being said in the conference call. Meaning, that is causing extreme echoes in the stream, and the main reason we use the specialised Skype - Active speaker source. To avoid any echoes mute all audio sources except the Skype - Active speaker which btw should be present in all your scenes. Keep an eye on the level indicator and adjust the slider of the audio level accordingly. Your peaks should never reach into the red area but stay in the lower yellow area all the time. That's the another good reason to organise a dry run before the event. Live streaming: And... Action! The final piece of the puzzle is the configuration of streaming. Henk mentions in his article to use Restream which allows you to broadcast to multiple platforms simultaneously. We thought about it but decided to use YouTube directly because we wanted to keep the audience in one place. Navigate to your YouTube Studio and configure a new video stream. If you want to run multiple streams at the same time like we did over those three days you need to schedule them ahead of time. Important: In case that it's your first time streaming be informed that YouTube has a 24 hours warm up period before you can actually use your account to stream. Other features are bound to the number of Subscribers of your channel. Plan ahead and make announcements to advertise your new broadcast channel. Now, in the Stream Settings you can retrieve the Stream key you need to paste into your encoder, for us: OBS Studio. Click on the Copy button and switch back to OBS Studio and open the Settings. Paste the key into the Stream Key input field. Confirm your settings with OK and you are ready to stream your Skype conference call in OBS Studio. Or better said: Not Yet! A studio (VM) needs an audio device By default the VM on Azure or GCP might not have an audio device for local playback. However you need to provide one for the Skype conference call to work properly. Without there is no sound on your stream. The solution here is to share your local sound card capabilities via Remote audio playback options in the Remote Desktop Connection (RDP). Check the settings of your Local Resources and choose Play on this computer. Your VM is now audio-enabled using a virtual audio driver and playing the test sound in Skype rings nicely on your local machine. To avoid any annoyance with your local audio it is recommended that you mute that RDP audio device in your mixer settings. If it doesn't show in the first place, scroll to the right. \uD83D\uDE09 Or better use an app like Ear Trumpet from the Microsoft Store for easier access and handling. Screen resolution and bandwidth That's now totally up to your hardware and screens. On my side I run a setup with four screens, among them also one with 4K resolution. However for your VM you do not need so much real estate running OBS Studio and Skype only. Adjusting the Display configuration to maximum full HD - 1920 by 1080 pixels - is more than sufficient to operate the studio. In case that your internet connectivity doesn't provide enough bandwidth, consider to lower the resolution furthere and to reduce the colour depth of your remote session. Note: OBS Studio is not 4K friendly either. No need to stress the connection after all. Community in mind... BTW, all our assets and configurations that we used for the Virtual Developers Conference are openly available on GitHub: OBS configurations and assets for MSCC events. I used that repository to provision a studio. For an emergency deployment on Wednesday night on the Kryptone track it took me roughly 10 minutes or less to have a fully operational OBS studio up and running. Finally, the article Streaming a Community Event on YouTube - Sharing the Technologies and Learnings from Virtual Azure Community Day by Maarten Balliauw has more tips and advice to often. Given that this article is now beyond the 3,500 words mark I'm going to save more of our notes for a second blog article. It will also contain more 'behind the scenes' looks of our battle stations and other helpful resources like our Guide for Speakers and Guide for Hosts. if (typeof window !== 'undefined' && window.location.hostname !== 'localhost' && window.location.hostname !== '127.0.0.1') { (window.adsbygoogle = window.adsbygoogle || []).push({}); } (function() { var loaded = false; function loadDisqusEmbed() { if (loaded) return; loaded = true; window.disqus_config = function () { this.page.url = 'how-did-we-run-the-virtual-developers-conference-2020.html'; this.page.identifier = '9271ed1c97_idhow-did-we-run-the-virtual-developers-conference-2020'; }; var d = document, s = d.createElement('script'); s.src = 'https://getbloggedbyjoki.disqus.com/embed.js'; s.setAttribute('data-timestamp', +new Date()); (d.head || d.body).appendChild(s); } var target = document.getElementById('disqus_thread'); if ('IntersectionObserver' in window && target) { var observer = new IntersectionObserver(function(entries) { if (entries[0].isIntersecting) { loadDisqusEmbed(); observer.disconnect(); } }, { rootMargin: '300px' }); observer.observe(target); } else { window.addEventListener('load', function() { if ('requestIdleCallback' in window) { requestIdleCallback(loadDisqusEmbed, { timeout: 4000 }); } else { setTimeout(loadDisqusEmbed, 3000); } }); } })();" }, "how-to-avoid-accidental-app-purchase.html": { "href": "how-to-avoid-accidental-app-purchase.html", "title": "How to avoid accidental app purchase - Get Blogged by JoKi", "summary": "How to avoid accidental app purchase Copy Markdown View Markdown GitHub Markdown Source How to avoid accidental app purchase Copy Markdown Copy as Prompt Download .MD GitHub Close Loading markdown source... (function () { var rawMarkdownCache = {}; function cleanFrontmatter(text) { if (!text) return ''; // Bulletproof removal of frontmatter: between initial --- and ending --- return text.replace(/^---[\\s\\S]*?\\n---\\s*\\n?/, '').trim() + '\\n'; } function fetchMarkdown(slug, callback) { if (rawMarkdownCache[slug]) { callback(null, rawMarkdownCache[slug]); return; } var rel = ''; var url = rel + 'raw/' + encodeURIComponent(slug) + '.md'; fetch(url) .then(function (res) { if (!res.ok) throw new Error('Markdown source not found: ' + res.status); return res.text(); }) .then(function (text) { var cleaned = cleanFrontmatter(text); rawMarkdownCache[slug] = cleaned; callback(null, cleaned); }) .catch(function (err) { // Fallback: extract plain text from post content var contentEl = document.querySelector('.post-full-content .post-content, .post-content, main .inner'); if (contentEl) { var fallbackMd = '# ' + (document.querySelector('h1') ? document.querySelector('h1').innerText : 'Post') + '\\n\\n' + (contentEl.innerText || contentEl.textContent); rawMarkdownCache[slug] = fallbackMd; callback(null, fallbackMd); } else { callback(err, null); } }); } // Attach Copy Markdown handler var copyButtons = document.querySelectorAll('.btn-copy-markdown, .floating-copy-markdown'); copyButtons.forEach(function (btn) { btn.addEventListener('click', function () { var slug = btn.getAttribute('data-uid') || btn.getAttribute('data-slug') || 'how-to-avoid-accidental-app-purchase'; var originalHtml = btn.innerHTML; btn.disabled = true; fetchMarkdown(slug, function (err, md) { if (err || !md) { btn.disabled = false; alert('Could not copy Markdown source.'); return; } navigator.clipboard.writeText(md).then(function () { btn.classList.add('copied'); btn.innerHTML = ' Copied!'; setTimeout(function () { btn.classList.remove('copied'); btn.innerHTML = originalHtml; btn.disabled = false; }, 2000); }).catch(function () { btn.disabled = false; }); }); }); }); // Attach View Markdown modal var viewButtons = document.querySelectorAll('.btn-view-markdown'); var modal = document.getElementById('markdown-viewer-modal'); var codeEl = document.getElementById('markdown-viewer-code'); var closeBtn = modal ? modal.querySelector('.markdown-viewer-close') : null; var modalCopyBtn = document.getElementById('markdown-modal-copy-btn'); if (modal && viewButtons.length > 0) { viewButtons.forEach(function (btn) { btn.addEventListener('click', function () { var slug = btn.getAttribute('data-uid') || btn.getAttribute('data-slug') || 'how-to-avoid-accidental-app-purchase'; if (codeEl) codeEl.textContent = 'Loading Markdown source...'; if (typeof modal.showModal === 'function') { modal.showModal(); } else { modal.setAttribute('open', ''); } fetchMarkdown(slug, function (err, md) { if (codeEl) { codeEl.textContent = md || 'Failed to load Markdown source.'; if (window.hljs && typeof hljs.highlightElement === 'function') { hljs.highlightElement(codeEl); } // Remove any DocFX code-action / copy buttons that might have been injected var actions = modal.querySelectorAll('.code-action, .code-copy-btn, .action, a[title=\"Copy\"], button[title=\"Copy\"]'); actions.forEach(function (el) { el.remove(); }); } }); }); }); if (closeBtn) { closeBtn.addEventListener('click', function () { if (typeof modal.close === 'function') { modal.close(); } else { modal.removeAttribute('open'); } }); } // Light dismiss on backdrop click modal.addEventListener('click', function (e) { if (e.target === modal) { var rect = modal.getBoundingClientRect(); var isInDialog = ( rect.top <= e.clientY && e.clientY <= rect.top + rect.height && rect.left <= e.clientX && e.clientX <= rect.left + rect.width ); if (!isInDialog) { if (typeof modal.close === 'function') { modal.close(); } else { modal.removeAttribute('open'); } } } }); var modalPromptBtn = document.getElementById('markdown-modal-prompt-btn'); function formatPrompt(markdownText) { var postTitle = document.querySelector('h1.post-full-title') || document.querySelector('h1'); var titleStr = (postTitle ? postTitle.textContent.trim() : 'How to avoid accidental app purchase') || 'Article'; var appUrl = 'https://jochen.kirstaetter.name'.replace(/\\/+$/, ''); var canonicalLink = document.querySelector('link[rel=\"canonical\"]'); var pageUrl = canonicalLink ? (canonicalLink.getAttribute('href') || canonicalLink.href) : ''; if (!pageUrl) { pageUrl = appUrl + window.location.pathname; } if (pageUrl.startsWith('/')) { pageUrl = appUrl + pageUrl; } pageUrl = pageUrl.split('?')[0].split('#')[0]; try { var parsed = new URL(pageUrl, appUrl); if (parsed.hostname === 'localhost' || parsed.hostname === '127.0.0.1' || parsed.hostname.endsWith('.localhost')) { pageUrl = appUrl + parsed.pathname; } } catch (e) {} pageUrl = pageUrl.replace(/\\/index\\.html$/, '/').replace(/\\.html$/, ''); if (pageUrl.length > appUrl.length + 1 && pageUrl.endsWith('/')) { pageUrl = pageUrl.slice(0, -1); } return 'Analyse and use the following article as context:\\n\\n' + 'Title: ' + titleStr + '\\n' + 'URL: ' + pageUrl + '\\n\\n' + '---\\n\\n' + markdownText; } if (modalCopyBtn) { modalCopyBtn.addEventListener('click', function () { var text = codeEl ? (codeEl.innerText || codeEl.textContent) : ''; if (!text) return; navigator.clipboard.writeText(text).then(function () { var origHtml = modalCopyBtn.innerHTML; modalCopyBtn.classList.add('copied'); modalCopyBtn.innerHTML = ' Copied!'; setTimeout(function () { modalCopyBtn.classList.remove('copied'); modalCopyBtn.innerHTML = origHtml; }, 2000); }); }); } if (modalPromptBtn) { modalPromptBtn.addEventListener('click', function () { var text = codeEl ? (codeEl.innerText || codeEl.textContent) : ''; if (!text) return; var promptText = formatPrompt(text); navigator.clipboard.writeText(promptText).then(function () { var origHtml = modalPromptBtn.innerHTML; modalPromptBtn.classList.add('copied'); modalPromptBtn.innerHTML = ' Copied!'; setTimeout(function () { modalPromptBtn.classList.remove('copied'); modalPromptBtn.innerHTML = origHtml; }, 2000); }); }); } } })(); 2014-09-02 - Filed under Android (function() { var el = document.currentScript ? document.currentScript.previousElementSibling.querySelector('.post-full-meta-date') : document.querySelector('.post-full-meta-date'); if (el) { var raw = el.getAttribute('datetime') || el.textContent.trim(); var m = raw.match(/^(\\d{4})-(\\d{1,2})-(\\d{1,2})/); if (m) { var months = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']; var y = parseInt(m[1], 10); var mo = parseInt(m[2], 10) - 1; var d = parseInt(m[3], 10); if (mo >= 0 && mo < 12) { el.textContent = months[mo] + ' ' + d + ', ' + y; } } } })(); Handing over your Droid to one of your children might be an option to entertain them but be aware that one of the highest revenue is generated by advertisement, app and in-app purchases. Sometimes, this might be kind of surprising for you to discover that your credit card has been charged. You should keep an eye on the payment settings on your device, too. Lately, we were joking about this on some social media network, and we heard about some expensive adventures from our friends... Check your credit card statements regularly If you don't... Well, eventually you might find some \"unknown\" transactions on your credit card statement. I already had this pleasure thanks to my little engineers (read: cutie monsters). Yesterday night I went to check the balance and transactions of last month and was kind of surprised to see this: *Check your credit card statements regularly for unknown transactions. Specifically those ones prefixed by \"Google \". It might be surprising... Yup, clearly a transaction I'm 100% sure that it wasn't done by myself. Let's do a quick root cause analysis Finding the source of this issue was quite easy. I started with a search on Google using the keyword presented on the account statement: 7Druids. Skimming the results brought me directly into the Play Store, and I was presented with quite a number of apps for children and some for grown-ups, too. 7Druids GmbH has a selection of apps for children and adults. Following the breadcrumbs I found out which app might have been the root cause. Turns out someone likes to paint on Android... Well, children usually like Kids Play Puzzle Paint. The app seems to be available for free but in-app purchases not. But at least in our house-hold one question remained open: One which device did it happen? Even though the app has been installed already, you can still again on the Installed button and you will be presented with a drop-down selection of compatible devices. But most interestingly, you will also get the information on which smartphone or tablet the app has been installed already. Finding out on which device the app has been installed is visible in the drop down selection. Aha, there we go... Not my one! I guess, I have to have a word with my BWE. Anyway, let's see how we can avoid this kind of unattended in-app purchase. How to prevent accidental purchases? Actually, it's very simple to improve the situation on your device. In case that you have multiple devices running on the same Google account, you have to go through the steps on every smartphone or tablet in order to maximise protection. Go into the Settings of the Play Store app, Check the User Controls section, and Adjust the setting of Require password for purchase. By default it's configured as Never. Change it to one of the other available options, confirm the change with your Google account password and you're done. BTW, this is official procedure from the Help section of the Google Play Store: Use password protection for purchases Anything else? Yes, there are additional options you might take into consideration, like not providing any credit card at all in Google Wallet. In my case, I'm actually using a dedicated credit card which I more or less use for online expenses exclusively. Furthermore, the credit limit on that particular card is very low. In case of the inevitable event the damage won't be too high after all. Did you already have this kind of experience? Do you have any additional tipps and tricks dealing with this kind of situation? Leave a comment... Update Google sent out a mandatory email service announcement regarding improved services: Dear Google Play customer, We strive to provide you with the best experience possible across all of our products and services. We take pride in giving you the tools to use Google Play the way you want, including the ability to control how you authorize the purchases on your account. We understand some parents might have been charged for in-app purchases made by young children who did not have permission to make those purchases. As a result, we’ve added tools to help parents avoid unauthorized in-app purchases by their young children. We are also offering refunds in certain cases in line with our agreement with the FTC. Our records show that your account was previously charged for in-app purchases. If any of those charges were the result of unauthorized purchases by a minor between March 1, 2011, and November 18, 2014, and you haven’t already received a refund for those charges, you might be eligible for a refund. In order to make the refund process as easy and quick as possible, we encourage you to use the link below. To submit a refund request: Use this link to sign into your Google account and review your in-app purchase history. Select any in-app purchases that were unauthorized purchases made by a minor and click \"Refund.\" Provide the requested information for any in-app purchases selected and click \"Submit.\" Google will review your request and contact you via email about your refund status or if we have any additional questions. All refund requests must be submitted no later than December 2, 2015. If you have any questions or need further assistance with your refund request, please refer to this FAQ. You can learn more about in-app purchases and parental controls in Google Play on our Help Center. Thank you, The Google Play Team Request of refunds for unauthorised in-app purchases As written by Google the link to request for refunds will navigate you to an overview in the Play Store. Unsurprisingly, the above analysed scenario is listed on top of my potential refunds. This page can be used to request refunds for unauthorised in-app purchases in compliance with Google's agreement with the FTC. Next, you have to provide your name and contact details in case that Google has to issue a cheque if a refund to the original payment option is not possible anymore. Enter your legal name and the postal address where refund cheques should be sent in the event that we cannot credit your original form of payment. Of course, I requested a refund for this purchase... Let's see what's going to happen. I'm going to update this article accordingly. if (typeof window !== 'undefined' && window.location.hostname !== 'localhost' && window.location.hostname !== '127.0.0.1') { (window.adsbygoogle = window.adsbygoogle || []).push({}); } (function() { var loaded = false; function loadDisqusEmbed() { if (loaded) return; loaded = true; window.disqus_config = function () { this.page.url = 'how-to-avoid-accidental-app-purchase.html'; this.page.identifier = '9271ed1c97_idhow-to-avoid-accidental-app-purchase'; }; var d = document, s = d.createElement('script'); s.src = 'https://getbloggedbyjoki.disqus.com/embed.js'; s.setAttribute('data-timestamp', +new Date()); (d.head || d.body).appendChild(s); } var target = document.getElementById('disqus_thread'); if ('IntersectionObserver' in window && target) { var observer = new IntersectionObserver(function(entries) { if (entries[0].isIntersecting) { loadDisqusEmbed(); observer.disconnect(); } }, { rootMargin: '300px' }); observer.observe(target); } else { window.addEventListener('load', function() { if ('requestIdleCallback' in window) { requestIdleCallback(loadDisqusEmbed, { timeout: 4000 }); } else { setTimeout(loadDisqusEmbed, 3000); } }); } })();" }, "how-to-build-in-car-wifi-hotspot.html": { "href": "how-to-build-in-car-wifi-hotspot.html", "title": "How to build your own 'Emtel In-Car WiFi' hot-spot - Get Blogged by JoKi", "summary": "How to build your own 'Emtel In-Car WiFi' hot-spot Copy Markdown View Markdown GitHub Markdown Source How to build your own 'Emtel In-Car WiFi' hot-spot Copy Markdown Copy as Prompt Download .MD GitHub Close Loading markdown source... (function () { var rawMarkdownCache = {}; function cleanFrontmatter(text) { if (!text) return ''; // Bulletproof removal of frontmatter: between initial --- and ending --- return text.replace(/^---[\\s\\S]*?\\n---\\s*\\n?/, '').trim() + '\\n'; } function fetchMarkdown(slug, callback) { if (rawMarkdownCache[slug]) { callback(null, rawMarkdownCache[slug]); return; } var rel = ''; var url = rel + 'raw/' + encodeURIComponent(slug) + '.md'; fetch(url) .then(function (res) { if (!res.ok) throw new Error('Markdown source not found: ' + res.status); return res.text(); }) .then(function (text) { var cleaned = cleanFrontmatter(text); rawMarkdownCache[slug] = cleaned; callback(null, cleaned); }) .catch(function (err) { // Fallback: extract plain text from post content var contentEl = document.querySelector('.post-full-content .post-content, .post-content, main .inner'); if (contentEl) { var fallbackMd = '# ' + (document.querySelector('h1') ? document.querySelector('h1').innerText : 'Post') + '\\n\\n' + (contentEl.innerText || contentEl.textContent); rawMarkdownCache[slug] = fallbackMd; callback(null, fallbackMd); } else { callback(err, null); } }); } // Attach Copy Markdown handler var copyButtons = document.querySelectorAll('.btn-copy-markdown, .floating-copy-markdown'); copyButtons.forEach(function (btn) { btn.addEventListener('click', function () { var slug = btn.getAttribute('data-uid') || btn.getAttribute('data-slug') || 'how-to-build-in-car-wifi-hotspot'; var originalHtml = btn.innerHTML; btn.disabled = true; fetchMarkdown(slug, function (err, md) { if (err || !md) { btn.disabled = false; alert('Could not copy Markdown source.'); return; } navigator.clipboard.writeText(md).then(function () { btn.classList.add('copied'); btn.innerHTML = ' Copied!'; setTimeout(function () { btn.classList.remove('copied'); btn.innerHTML = originalHtml; btn.disabled = false; }, 2000); }).catch(function () { btn.disabled = false; }); }); }); }); // Attach View Markdown modal var viewButtons = document.querySelectorAll('.btn-view-markdown'); var modal = document.getElementById('markdown-viewer-modal'); var codeEl = document.getElementById('markdown-viewer-code'); var closeBtn = modal ? modal.querySelector('.markdown-viewer-close') : null; var modalCopyBtn = document.getElementById('markdown-modal-copy-btn'); if (modal && viewButtons.length > 0) { viewButtons.forEach(function (btn) { btn.addEventListener('click', function () { var slug = btn.getAttribute('data-uid') || btn.getAttribute('data-slug') || 'how-to-build-in-car-wifi-hotspot'; if (codeEl) codeEl.textContent = 'Loading Markdown source...'; if (typeof modal.showModal === 'function') { modal.showModal(); } else { modal.setAttribute('open', ''); } fetchMarkdown(slug, function (err, md) { if (codeEl) { codeEl.textContent = md || 'Failed to load Markdown source.'; if (window.hljs && typeof hljs.highlightElement === 'function') { hljs.highlightElement(codeEl); } // Remove any DocFX code-action / copy buttons that might have been injected var actions = modal.querySelectorAll('.code-action, .code-copy-btn, .action, a[title=\"Copy\"], button[title=\"Copy\"]'); actions.forEach(function (el) { el.remove(); }); } }); }); }); if (closeBtn) { closeBtn.addEventListener('click', function () { if (typeof modal.close === 'function') { modal.close(); } else { modal.removeAttribute('open'); } }); } // Light dismiss on backdrop click modal.addEventListener('click', function (e) { if (e.target === modal) { var rect = modal.getBoundingClientRect(); var isInDialog = ( rect.top <= e.clientY && e.clientY <= rect.top + rect.height && rect.left <= e.clientX && e.clientX <= rect.left + rect.width ); if (!isInDialog) { if (typeof modal.close === 'function') { modal.close(); } else { modal.removeAttribute('open'); } } } }); var modalPromptBtn = document.getElementById('markdown-modal-prompt-btn'); function formatPrompt(markdownText) { var postTitle = document.querySelector('h1.post-full-title') || document.querySelector('h1'); var titleStr = (postTitle ? postTitle.textContent.trim() : 'How to build your own 'Emtel In-Car WiFi' hot-spot') || 'Article'; var appUrl = 'https://jochen.kirstaetter.name'.replace(/\\/+$/, ''); var canonicalLink = document.querySelector('link[rel=\"canonical\"]'); var pageUrl = canonicalLink ? (canonicalLink.getAttribute('href') || canonicalLink.href) : ''; if (!pageUrl) { pageUrl = appUrl + window.location.pathname; } if (pageUrl.startsWith('/')) { pageUrl = appUrl + pageUrl; } pageUrl = pageUrl.split('?')[0].split('#')[0]; try { var parsed = new URL(pageUrl, appUrl); if (parsed.hostname === 'localhost' || parsed.hostname === '127.0.0.1' || parsed.hostname.endsWith('.localhost')) { pageUrl = appUrl + parsed.pathname; } } catch (e) {} pageUrl = pageUrl.replace(/\\/index\\.html$/, '/').replace(/\\.html$/, ''); if (pageUrl.length > appUrl.length + 1 && pageUrl.endsWith('/')) { pageUrl = pageUrl.slice(0, -1); } return 'Analyse and use the following article as context:\\n\\n' + 'Title: ' + titleStr + '\\n' + 'URL: ' + pageUrl + '\\n\\n' + '---\\n\\n' + markdownText; } if (modalCopyBtn) { modalCopyBtn.addEventListener('click', function () { var text = codeEl ? (codeEl.innerText || codeEl.textContent) : ''; if (!text) return; navigator.clipboard.writeText(text).then(function () { var origHtml = modalCopyBtn.innerHTML; modalCopyBtn.classList.add('copied'); modalCopyBtn.innerHTML = ' Copied!'; setTimeout(function () { modalCopyBtn.classList.remove('copied'); modalCopyBtn.innerHTML = origHtml; }, 2000); }); }); } if (modalPromptBtn) { modalPromptBtn.addEventListener('click', function () { var text = codeEl ? (codeEl.innerText || codeEl.textContent) : ''; if (!text) return; var promptText = formatPrompt(text); navigator.clipboard.writeText(promptText).then(function () { var origHtml = modalPromptBtn.innerHTML; modalPromptBtn.classList.add('copied'); modalPromptBtn.innerHTML = ' Copied!'; setTimeout(function () { modalPromptBtn.classList.remove('copied'); modalPromptBtn.innerHTML = origHtml; }, 2000); }); }); } } })(); 2013-12-20 - Filed under Android (function() { var el = document.currentScript ? document.currentScript.previousElementSibling.querySelector('.post-full-meta-date') : document.querySelector('.post-full-meta-date'); if (el) { var raw = el.getAttribute('datetime') || el.textContent.trim(); var m = raw.match(/^(\\d{4})-(\\d{1,2})-(\\d{1,2})/); if (m) { var months = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']; var y = parseInt(m[1], 10); var mo = parseInt(m[2], 10) - 1; var d = parseInt(m[3], 10); if (mo >= 0 && mo < 12) { el.textContent = months[mo] + ' ' + d + ', ' + y; } } } })(); Inspired by a recent advertisement of Emtel In-Car WiFi, I thought (again) about possibilities of having my very own in-car wireless always-on internet solution. Emtel suggests that you should go to one of their nearest showrooms and buy a MIFI device... \"La nouvelle innovation Emtel est là\" Already some months back I was very pleased to read in the newspaper that Rose Hill Transportation (RHT) in corporation with Emtel started to offer wireless internet access in their buses. At that time I thought: Wow, finally someone is going to let Cyber Island happen and does not only talk about it. Unfortunately, I didn't pick up the idea thouroughly and let it slip away. Most probably because I was very busy on customer projects and organisation / administration of our new business. Why so serious? At that time, it simply wasn't important... Innovation by Emtel? Honestly? Come on, Emtel... Innovation is such a tough word and there are hardly any companies here on this island which are really innovative. I mean by definition: innovative - an adjective (of a product, idea, etc.) featuring new methods; advanced and original. And knowing about the technical background of how those MIFI devices actually work, I wouldn't even dare to use that marketing word. Since years it is possible to enable any (okay not all but almost any) decent cellular device to act as an on-demand wireless hot-spot for your WiFi devices. Even some very old Nokia telephones running on Symbian S60 have that capability. Combined with a simultaneous internet connectivity on the same device and some internal package routing we just explained (more or less) the concept of tethering. And de-mystified the magic of those MIFI devices. Eventually, someone might wonder about the legal background of this. Well, luckily Emtel themselves put an article about 'Phone as a Modem' online which clearly describes how to do it via USB or Bluetooth. My conclusion hereby is that tethering is allowed. Spontaneous WiFi access point - Why? Because we can... And because it's just damn cool! Okay, as long as you are on your own it might not be necessary to have a wireless hot-spot in your vehicle but even then there are quite a number of reasons to do it anyways. First of all, any WiFi-only mobile device is instantly able to go online. This might be your Apple iPod or iPad, your Sony PSP or PS Vita, your Nintendo 3DS, or any other Android tablet without an integrated SIM card. Second, sharing the internet connection for multiple devices reduces cost on monthly expenses. Instead of catering for multiple SIM cards and mobile web packages you would only need to have one. And last but not least, did I already mention that it is just cool? My reason to build this system is because I'd like to be able to have more comfort while I'm on the road. The children can fire up Skype and talk to their grandparents, or synchronisation services on our WiFi-only devices are still working. It's also fun to use Apple Maps to get directions here on the island. And because it's fun, cool and we can do it... In-Car WiFi - Shopping List Now, packed with our brief knowledge on how we might be able to achieve our own in-car wifi system with internet access it's time to check our list of required items. Any smartphone with built-in tethering Power charger for smartphone to use in the car (12 Volt circuit) SIM card with data access package Apps for remote administration and automated tasks When I say any smartphone with tethering support, I really mean it. Even though I personally prefer to use an Android-based smartphone you are not restricted to that I would encourage you to try the same (or at least similar) steps with a Symbian device, any Apple smartphone like the iPhone or even the iPad, or a Blackberry device. Actually, it would be awesome to have your feedback and eventually references to your installations in the comment section at the end of this article. Okay, after a quick check in my box of abandoned hardware I wasn't able to find a cellular to do the job. Knowing a couple of cool gadget guys through the Mauritius Software Craftsmanship Community (MSCC) and the UOM Computer Club I quickly posted my request on Facebook: \"Hi, I'm currently looking for an 'abandoned' (used) Android phone. Anything with USB charging will work... Brand, model, etc. doesn't matter.\" And luckily in less than one hour I closed a fair deal for a Samsung Galaxy Gio (GT-S5660). The specs for the device are okay and the Gio seemed to be a commonly used low-budget device with a good set of features. Of course, any other tethering-capable smartphone would do the job, too. An appointment was set for the next morning. Hmpf, what to do while waiting? Well, I did a little bit of research on the device and gathered some information about latest official firmware provided by Samsung and the possibilities to install aftermarket firmware / customised ROMs like CyanogenModor others onto that device. One of the positive features of the Galaxy Gio is the ability to charge the device via USB cable (even though it has a micro-USB connector). This is good for two particular reasons: First, I already have a set of various USB cables and USB power chargers which simplifies my shopping effort and second, only one standard cable necessary to hook it up on my laptop. The USB charging is also very interesting for the permanent installation in the car. Simply get an USB power charger for the cigarette lighter unit of your car and you're good to go. In my case, I already have one of those in place for my Galaxy Tab 10.1 and my BWE's Galaxy S3. If I remember correctly, I bought my power charger at the phone supply shop at Medine Mews in Port Louis but you should be able to get it anywhere on the island. Just keep an eye on the maximum allowed electric current; usually it's 1 Ampere (1A). Due to the tablet I bought a stronger one with maximum current of 2 Ampere (2A). Due to my professional activities running a software development company I already have multiple subscriptions with Emtel and it happens that one of my SIM cards for data packages is not in use. Otherwise, you might have to go and visit a showroom of Emtel (or Orange) and get one of their web packages. Quick advice: Ask for a SIM card for data package only. This might save you some bucks every month. For my installation I'm going to use an Emtel Postpaid Mobile Internet with monthly 1GB. The monthly bandwidth volume can be adjusted easily via telephone at any time. That's all for the initial setup. More about the apps later... Flashing the latest Samsung firmware As expected, the Galaxy Gio was running on an older version of Android, namely Gingerbread 2.3.3, and therefore it was just right to initiate a little flashing session. First, I tried the 'Software Update' feature of Android but Samsung didn't provide any updates - how surprising. Okay, over at SamMobile - Everything for your Samsung Mobile I got a nice list of country specific firmwares. The interesting aspect hereby is that SamMobile provides you only with firmwares that have been officially released by Samsung. All information is from Samsung KIES. Disclaimer: Remember by following the instructions here everything is on your own risk! If you brick your device, don't blame me for it! Originally, I gave the German firmware (S5660DBTKT3) a first shot but then I went for the latest one (S5660OXXKT5) available from Czech Republic. But after all, I'd say that it doesn't make a difference although I noticed that Google Books app isn't there anymore. Which is absolutely okay and saves me valuable memory space. In-Car WiFi - Manual tests Using the latest official firmware released by Samsung - Android version 2.3.6 - I was eager to check out some features and to run a couple of manual tests. First of all, I had to configure the network parameters for internet access, namely APN (Emtel: web) and connection profile. Everything went smooth and the Gio went online as expected. Then, I checked whether on-demand WiFi hot-spot and tethering was working. After a quick baptism for the ad hoc SSID name and some password arrangements I got my Tab paired successfully with the Gio and I could go online within less than a minute. Next, it was time to update a couple of pre-installed apps like Market, Talk, Voice Search, Maps, etc. to their newer counter-parts and to install some of my all-time favourite Android apps. One of them is for sure AirDroid - Best Device Manager which provides remote access to your Droid device via (wireless) network. I'm still skipping the registration part; mainly because I don't want to enable remote access via internet. As per my research on the previous day, I always came across references towards Tasker. Note: Crafty Apps EU offers a 7-days trial version of Tasker and Starter Guides on their website. You might give it a try before purchasing the paid app from the Play Store. Last but not least, I installed the Voice packages for Gingerbread's text-to-speech engine, SwiftKey Keyboard, Google Maps, and so forth. Of course, not too many apps but just some vital ones for usage in the car. Anyway, after successful installation of all apps it was time to get everything into the car and connected. The USB power charger is already in place since months and therefore I only had to swap the USB cable for the Galaxy Tab against the one for the Galaxy Gio (which is identical to the one for the Galaxy S3...) and plug in all connectors. Car's ignition system on, firing up the USB power supply and the S5660 device indicates 'Charging...' - Nicely done so far. Next, let's activate our pre-configured on-demand hot-spot and establish a data connection via Emtel. Again no problems and thanks to previous pairing and stored WiFi parameters I could surf on my tablet in less than one minute. Manual tests - Successful. My very own In-Car WiFi project is running and operational for all passengers. Pretty sleak and it didn't take that much of time or resources after all. Compared to on/off switch on the MIFI device we only have to enable or disable the Mobile AP in the Wireless settings and we are good to go. In-Car WiFi - Automation After all the compulsory steps have been completed previously it is now the time to introduce a little bit more comfort into the whole setup. Or better said: I would like to avoid as much as possible or even completely eliminate the necessity of manual interaction with the smartphone. And this is the right time to turn our attention towards any kind of Android apps that would give us the ability to perform tasks based on certain circumstances or events. As already stated, there are numbers of apps out there. Reading through various online articles, reviews and blogs it always turned out that Tasker seems to be The app for this kind of job: \"Tasker is an application for Android which performs tasks (sets of actions) based on contexts (application, time, date, location, event, gesture) in user-defined profiles or in clickable or timer home screen widgets.\" Although a couple of resources clearly state that Tasker might be too complicated for the average user, it definitely appeals towards the power-user and scripting-proof administrator. Sounds like the perfect tool for this job. Wow, even I have to say that Tasker is equivalent to a box of Lego building blocks. That app gives me a big smile and a very warm feeling... Car WiFi On Ignoring to read any kind of instructions or starter guides I was able to create, configure and run my first profile in a couple of minutes. The definition itself is very simple: Enable tethering after mobile has been switched on. Okay, let's give it a try... And to quote the IT Crowd: \"Have you tried turning it off and on again?\" Yes, now it works. Good, let's be a little bit more specific on this first profile: I only want to enable tethering after booting while I'm not at home. Sounds legit, or? Okay, there are actually various possibilities to handle this. First and most obvious, check the GPS location of the device and decide based on the coordinates whether it is necessary to activate the hot-spot or not. But this would also require that GPS location services are active (or enabled) and it takes a bit of time until the position has been located. Due to my experience while playing Ingress this can be nasty from time to time. Well, at home I have another wireless network in use and so I specify that the hot-spot should only be activated in case that the smartphone is not in the immediate vicinity of my home zone. Next, we should take into consideration that the Droid might be switched on while I'm still waiting in the yard. So far, Tasker seems to be flexible enough to handle this already based on the existing conditions. Leaving my place automatically switches the in-car WiFi on - Check! Car WiFi Off But of course, we would like to have the opposite: Switch off our hot-spot as soon as we are back. We need a new Tasker profile for this which simply disables Mobile AP as soon as we are in the proximity of the wireless network at my premises. Quick and easy, job done. Both profiles complete each other on contrary contexts and actions. Energy saving and notifications And last but least, I'm going to configure two more Tasker profiles. One that puts the mobile into Flight Mode during night hours (let's say between 20:00 hrs and 8:00 hrs), and a second one that is going to send an SMS in case that the battery status falls below 5%. That should be sufficient enough to handle most cases. If not, adjustments can be done easily. Feature Automation - Successful. By the time, I might add a couple of more profiles and gimmicks. Stay tuned... In-Car WiFi - Expenses Overall, I'm very happy about the total cost spent on this DIY project. Samsung Galaxy Gio (GT-S5660) - Rs. 1,350.- USB power charger (12V and 2A) - Rs. 500.- Emtel SIM card for Mobile Internet - Rs. 0.- (in my case, otherwise Rs. 125.-) Tasker app - $ 4.09 or ~ Rs. 120.- Couple of hours fiddling - priceless! Total amount spent: ~ Rs. 2,000.- Compared to the above mentioned Emtel advert and the cost for a Huawei MIFI E5331 of Rs. 2,799.- I not only saved some money but I have a full-featured Android smartphone including photo & video camera, phone features (call & SMS), Google Play Store and any number of Android apps. Of course, you are not obliged to install your device stationary into your vehicle. But I find it appealing and I don't have to carry another telephone with me... Note: The cost of the monthly Mobile Internet access applies in both cases and is excluded on purpose. Depending on your usage profile you might consider pre-paid or different packages. Sounds interesting? Are you going to build your own 'In-Car WiFi Hot-Spot'? Let me know about your experience... if (typeof window !== 'undefined' && window.location.hostname !== 'localhost' && window.location.hostname !== '127.0.0.1') { (window.adsbygoogle = window.adsbygoogle || []).push({}); } (function() { var loaded = false; function loadDisqusEmbed() { if (loaded) return; loaded = true; window.disqus_config = function () { this.page.url = 'how-to-build-in-car-wifi-hotspot.html'; this.page.identifier = '9271ed1c97_idhow-to-build-in-car-wifi-hotspot'; }; var d = document, s = d.createElement('script'); s.src = 'https://getbloggedbyjoki.disqus.com/embed.js'; s.setAttribute('data-timestamp', +new Date()); (d.head || d.body).appendChild(s); } var target = document.getElementById('disqus_thread'); if ('IntersectionObserver' in window && target) { var observer = new IntersectionObserver(function(entries) { if (entries[0].isIntersecting) { loadDisqusEmbed(); observer.disconnect(); } }, { rootMargin: '300px' }); observer.observe(target); } else { window.addEventListener('load', function() { if ('requestIdleCallback' in window) { requestIdleCallback(loadDisqusEmbed, { timeout: 4000 }); } else { setTimeout(loadDisqusEmbed, 3000); } }); } })();" }, "hows-mauritius-software-craftsmanship-community-going.html": { "href": "hows-mauritius-software-craftsmanship-community-going.html", "title": "How's Mauritius Software Craftsmanship Community going? - Get Blogged by JoKi", "summary": "How's Mauritius Software Craftsmanship Community going? Copy Markdown View Markdown GitHub Markdown Source How's Mauritius Software Craftsmanship Community going? Copy Markdown Copy as Prompt Download .MD GitHub Close Loading markdown source... (function () { var rawMarkdownCache = {}; function cleanFrontmatter(text) { if (!text) return ''; // Bulletproof removal of frontmatter: between initial --- and ending --- return text.replace(/^---[\\s\\S]*?\\n---\\s*\\n?/, '').trim() + '\\n'; } function fetchMarkdown(slug, callback) { if (rawMarkdownCache[slug]) { callback(null, rawMarkdownCache[slug]); return; } var rel = ''; var url = rel + 'raw/' + encodeURIComponent(slug) + '.md'; fetch(url) .then(function (res) { if (!res.ok) throw new Error('Markdown source not found: ' + res.status); return res.text(); }) .then(function (text) { var cleaned = cleanFrontmatter(text); rawMarkdownCache[slug] = cleaned; callback(null, cleaned); }) .catch(function (err) { // Fallback: extract plain text from post content var contentEl = document.querySelector('.post-full-content .post-content, .post-content, main .inner'); if (contentEl) { var fallbackMd = '# ' + (document.querySelector('h1') ? document.querySelector('h1').innerText : 'Post') + '\\n\\n' + (contentEl.innerText || contentEl.textContent); rawMarkdownCache[slug] = fallbackMd; callback(null, fallbackMd); } else { callback(err, null); } }); } // Attach Copy Markdown handler var copyButtons = document.querySelectorAll('.btn-copy-markdown, .floating-copy-markdown'); copyButtons.forEach(function (btn) { btn.addEventListener('click', function () { var slug = btn.getAttribute('data-uid') || btn.getAttribute('data-slug') || 'hows-mauritius-software-craftsmanship-community-going'; var originalHtml = btn.innerHTML; btn.disabled = true; fetchMarkdown(slug, function (err, md) { if (err || !md) { btn.disabled = false; alert('Could not copy Markdown source.'); return; } navigator.clipboard.writeText(md).then(function () { btn.classList.add('copied'); btn.innerHTML = ' Copied!'; setTimeout(function () { btn.classList.remove('copied'); btn.innerHTML = originalHtml; btn.disabled = false; }, 2000); }).catch(function () { btn.disabled = false; }); }); }); }); // Attach View Markdown modal var viewButtons = document.querySelectorAll('.btn-view-markdown'); var modal = document.getElementById('markdown-viewer-modal'); var codeEl = document.getElementById('markdown-viewer-code'); var closeBtn = modal ? modal.querySelector('.markdown-viewer-close') : null; var modalCopyBtn = document.getElementById('markdown-modal-copy-btn'); if (modal && viewButtons.length > 0) { viewButtons.forEach(function (btn) { btn.addEventListener('click', function () { var slug = btn.getAttribute('data-uid') || btn.getAttribute('data-slug') || 'hows-mauritius-software-craftsmanship-community-going'; if (codeEl) codeEl.textContent = 'Loading Markdown source...'; if (typeof modal.showModal === 'function') { modal.showModal(); } else { modal.setAttribute('open', ''); } fetchMarkdown(slug, function (err, md) { if (codeEl) { codeEl.textContent = md || 'Failed to load Markdown source.'; if (window.hljs && typeof hljs.highlightElement === 'function') { hljs.highlightElement(codeEl); } // Remove any DocFX code-action / copy buttons that might have been injected var actions = modal.querySelectorAll('.code-action, .code-copy-btn, .action, a[title=\"Copy\"], button[title=\"Copy\"]'); actions.forEach(function (el) { el.remove(); }); } }); }); }); if (closeBtn) { closeBtn.addEventListener('click', function () { if (typeof modal.close === 'function') { modal.close(); } else { modal.removeAttribute('open'); } }); } // Light dismiss on backdrop click modal.addEventListener('click', function (e) { if (e.target === modal) { var rect = modal.getBoundingClientRect(); var isInDialog = ( rect.top <= e.clientY && e.clientY <= rect.top + rect.height && rect.left <= e.clientX && e.clientX <= rect.left + rect.width ); if (!isInDialog) { if (typeof modal.close === 'function') { modal.close(); } else { modal.removeAttribute('open'); } } } }); var modalPromptBtn = document.getElementById('markdown-modal-prompt-btn'); function formatPrompt(markdownText) { var postTitle = document.querySelector('h1.post-full-title') || document.querySelector('h1'); var titleStr = (postTitle ? postTitle.textContent.trim() : 'How's Mauritius Software Craftsmanship Community going?') || 'Article'; var appUrl = 'https://jochen.kirstaetter.name'.replace(/\\/+$/, ''); var canonicalLink = document.querySelector('link[rel=\"canonical\"]'); var pageUrl = canonicalLink ? (canonicalLink.getAttribute('href') || canonicalLink.href) : ''; if (!pageUrl) { pageUrl = appUrl + window.location.pathname; } if (pageUrl.startsWith('/')) { pageUrl = appUrl + pageUrl; } pageUrl = pageUrl.split('?')[0].split('#')[0]; try { var parsed = new URL(pageUrl, appUrl); if (parsed.hostname === 'localhost' || parsed.hostname === '127.0.0.1' || parsed.hostname.endsWith('.localhost')) { pageUrl = appUrl + parsed.pathname; } } catch (e) {} pageUrl = pageUrl.replace(/\\/index\\.html$/, '/').replace(/\\.html$/, ''); if (pageUrl.length > appUrl.length + 1 && pageUrl.endsWith('/')) { pageUrl = pageUrl.slice(0, -1); } return 'Analyse and use the following article as context:\\n\\n' + 'Title: ' + titleStr + '\\n' + 'URL: ' + pageUrl + '\\n\\n' + '---\\n\\n' + markdownText; } if (modalCopyBtn) { modalCopyBtn.addEventListener('click', function () { var text = codeEl ? (codeEl.innerText || codeEl.textContent) : ''; if (!text) return; navigator.clipboard.writeText(text).then(function () { var origHtml = modalCopyBtn.innerHTML; modalCopyBtn.classList.add('copied'); modalCopyBtn.innerHTML = ' Copied!'; setTimeout(function () { modalCopyBtn.classList.remove('copied'); modalCopyBtn.innerHTML = origHtml; }, 2000); }); }); } if (modalPromptBtn) { modalPromptBtn.addEventListener('click', function () { var text = codeEl ? (codeEl.innerText || codeEl.textContent) : ''; if (!text) return; var promptText = formatPrompt(text); navigator.clipboard.writeText(promptText).then(function () { var origHtml = modalPromptBtn.innerHTML; modalPromptBtn.classList.add('copied'); modalPromptBtn.innerHTML = ' Copied!'; setTimeout(function () { modalPromptBtn.classList.remove('copied'); modalPromptBtn.innerHTML = origHtml; }, 2000); }); }); } } })(); 2013-11-24 - Filed under Community (function() { var el = document.currentScript ? document.currentScript.previousElementSibling.querySelector('.post-full-meta-date') : document.querySelector('.post-full-meta-date'); if (el) { var raw = el.getAttribute('datetime') || el.textContent.trim(); var m = raw.match(/^(\\d{4})-(\\d{1,2})-(\\d{1,2})/); if (m) { var months = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']; var y = parseInt(m[1], 10); var mo = parseInt(m[2], 10) - 1; var d = parseInt(m[3], 10); if (mo >= 0 && mo < 12) { el.textContent = months[mo] + ' ' + d + ', ' + y; } } } })(); Earlier this month I received an email from Meetup.com asking about how our young community is working. Following I simply post their initial contact and the related correspondence: \"Hi Jochen Kirstätter, November 24, 2013 is your 6 month anniversary as organizer of Mauritius Software Craftsmanship Community -- way to go! We wanted to check in again to see how you're doing and if we can help out. In addition to the help you can get from Meetup HQ, you may also want to see if your members can help. An assistant organizer can help you keep your Meetup Group going and growing. Here's what Christy, organizer of Moms of Hampton Road says: \"I am so glad that I can just appoint a couple of people to take care of things, help moderate the message board, and assist in putting up Meetups. This is a big relief for me!\" [...]\" *\"Dear Meetup team, Thanks for your gently reminder about our half-year anniversary. Well, what should I say? It's been an awesome time so far. We are counting 50+ craftsmen and there are still more interested people in our community. Within less than 4 months we actually managed to be THE meetup.com community in Mauritius, with now almost double the amount of members to the next listed group. By the end of the year, I am actually looking forward to close in at 100 members. Your portal is an absolutely asset towards the organisation, announcement and management of our gatherings. Our members simply love it, and I personally take a big advantage out of the mobile apps. It is just amazing to have this kind of flexibility at hand. Recently, we started to promote the MSCC within the professional IT world of Mauritius. We already got in touch with a number of companies to see whether there are potential synergies between our vision of an technology-agnostic IT community and their daily routines. What kind of benefits the MSCC might be able to offer to their employees and in return to elaborate on possibilities they could support the community. Of course, they don't know about the MSCC and it's our 'job' at the moment to create awareness. There will be company internal circulars with a one-page overview of MSCC and we are currently working on a brief presentation, too.* [...]\" \"Hi JoKi, Thanks for your reply! We're so happy to hear you've been able to build such a strong community. Congratulations! Keep us posted on your progress! If there's anything we can do to help, please don't hesitate to reach out. [...]\" Truly, it has been an amazing journey so far, and I'm really proud of all those passionate and enthusiastic craftsmen in the Mauritius Software Craftsmanship Community that take their free spare time and come to network and socialise with other IT people here in Mauritius. Our plans for 2014 are ambitious but you have to reach for the stars to achieve great things. Thank You, craftsmen - This is your community! if (typeof window !== 'undefined' && window.location.hostname !== 'localhost' && window.location.hostname !== '127.0.0.1') { (window.adsbygoogle = window.adsbygoogle || []).push({}); } (function() { var loaded = false; function loadDisqusEmbed() { if (loaded) return; loaded = true; window.disqus_config = function () { this.page.url = 'hows-mauritius-software-craftsmanship-community-going.html'; this.page.identifier = '9271ed1c97_idhows-mauritius-software-craftsmanship-community-going'; }; var d = document, s = d.createElement('script'); s.src = 'https://getbloggedbyjoki.disqus.com/embed.js'; s.setAttribute('data-timestamp', +new Date()); (d.head || d.body).appendChild(s); } var target = document.getElementById('disqus_thread'); if ('IntersectionObserver' in window && target) { var observer = new IntersectionObserver(function(entries) { if (entries[0].isIntersecting) { loadDisqusEmbed(); observer.disconnect(); } }, { rootMargin: '300px' }); observer.observe(target); } else { window.addEventListener('load', function() { if ('requestIdleCallback' in window) { requestIdleCallback(loadDisqusEmbed, { timeout: 4000 }); } else { setTimeout(loadDisqusEmbed, 3000); } }); } })();" }, "html-plugin-0716.html": { "href": "html-plugin-0716.html", "title": "Html Plugin 0.7.16 - Get Blogged by JoKi", "summary": "Html Plugin 0.7.16 Copy Markdown View Markdown GitHub Markdown Source Html Plugin 0.7.16 Copy Markdown Copy as Prompt Download .MD GitHub Close Loading markdown source... (function () { var rawMarkdownCache = {}; function cleanFrontmatter(text) { if (!text) return ''; // Bulletproof removal of frontmatter: between initial --- and ending --- return text.replace(/^---[\\s\\S]*?\\n---\\s*\\n?/, '').trim() + '\\n'; } function fetchMarkdown(slug, callback) { if (rawMarkdownCache[slug]) { callback(null, rawMarkdownCache[slug]); return; } var rel = ''; var url = rel + 'raw/' + encodeURIComponent(slug) + '.md'; fetch(url) .then(function (res) { if (!res.ok) throw new Error('Markdown source not found: ' + res.status); return res.text(); }) .then(function (text) { var cleaned = cleanFrontmatter(text); rawMarkdownCache[slug] = cleaned; callback(null, cleaned); }) .catch(function (err) { // Fallback: extract plain text from post content var contentEl = document.querySelector('.post-full-content .post-content, .post-content, main .inner'); if (contentEl) { var fallbackMd = '# ' + (document.querySelector('h1') ? document.querySelector('h1').innerText : 'Post') + '\\n\\n' + (contentEl.innerText || contentEl.textContent); rawMarkdownCache[slug] = fallbackMd; callback(null, fallbackMd); } else { callback(err, null); } }); } // Attach Copy Markdown handler var copyButtons = document.querySelectorAll('.btn-copy-markdown, .floating-copy-markdown'); copyButtons.forEach(function (btn) { btn.addEventListener('click', function () { var slug = btn.getAttribute('data-uid') || btn.getAttribute('data-slug') || 'html-plugin-0716'; var originalHtml = btn.innerHTML; btn.disabled = true; fetchMarkdown(slug, function (err, md) { if (err || !md) { btn.disabled = false; alert('Could not copy Markdown source.'); return; } navigator.clipboard.writeText(md).then(function () { btn.classList.add('copied'); btn.innerHTML = ' Copied!'; setTimeout(function () { btn.classList.remove('copied'); btn.innerHTML = originalHtml; btn.disabled = false; }, 2000); }).catch(function () { btn.disabled = false; }); }); }); }); // Attach View Markdown modal var viewButtons = document.querySelectorAll('.btn-view-markdown'); var modal = document.getElementById('markdown-viewer-modal'); var codeEl = document.getElementById('markdown-viewer-code'); var closeBtn = modal ? modal.querySelector('.markdown-viewer-close') : null; var modalCopyBtn = document.getElementById('markdown-modal-copy-btn'); if (modal && viewButtons.length > 0) { viewButtons.forEach(function (btn) { btn.addEventListener('click', function () { var slug = btn.getAttribute('data-uid') || btn.getAttribute('data-slug') || 'html-plugin-0716'; if (codeEl) codeEl.textContent = 'Loading Markdown source...'; if (typeof modal.showModal === 'function') { modal.showModal(); } else { modal.setAttribute('open', ''); } fetchMarkdown(slug, function (err, md) { if (codeEl) { codeEl.textContent = md || 'Failed to load Markdown source.'; if (window.hljs && typeof hljs.highlightElement === 'function') { hljs.highlightElement(codeEl); } // Remove any DocFX code-action / copy buttons that might have been injected var actions = modal.querySelectorAll('.code-action, .code-copy-btn, .action, a[title=\"Copy\"], button[title=\"Copy\"]'); actions.forEach(function (el) { el.remove(); }); } }); }); }); if (closeBtn) { closeBtn.addEventListener('click', function () { if (typeof modal.close === 'function') { modal.close(); } else { modal.removeAttribute('open'); } }); } // Light dismiss on backdrop click modal.addEventListener('click', function (e) { if (e.target === modal) { var rect = modal.getBoundingClientRect(); var isInDialog = ( rect.top <= e.clientY && e.clientY <= rect.top + rect.height && rect.left <= e.clientX && e.clientX <= rect.left + rect.width ); if (!isInDialog) { if (typeof modal.close === 'function') { modal.close(); } else { modal.removeAttribute('open'); } } } }); var modalPromptBtn = document.getElementById('markdown-modal-prompt-btn'); function formatPrompt(markdownText) { var postTitle = document.querySelector('h1.post-full-title') || document.querySelector('h1'); var titleStr = (postTitle ? postTitle.textContent.trim() : 'Html Plugin 0.7.16') || 'Article'; var appUrl = 'https://jochen.kirstaetter.name'.replace(/\\/+$/, ''); var canonicalLink = document.querySelector('link[rel=\"canonical\"]'); var pageUrl = canonicalLink ? (canonicalLink.getAttribute('href') || canonicalLink.href) : ''; if (!pageUrl) { pageUrl = appUrl + window.location.pathname; } if (pageUrl.startsWith('/')) { pageUrl = appUrl + pageUrl; } pageUrl = pageUrl.split('?')[0].split('#')[0]; try { var parsed = new URL(pageUrl, appUrl); if (parsed.hostname === 'localhost' || parsed.hostname === '127.0.0.1' || parsed.hostname.endsWith('.localhost')) { pageUrl = appUrl + parsed.pathname; } } catch (e) {} pageUrl = pageUrl.replace(/\\/index\\.html$/, '/').replace(/\\.html$/, ''); if (pageUrl.length > appUrl.length + 1 && pageUrl.endsWith('/')) { pageUrl = pageUrl.slice(0, -1); } return 'Analyse and use the following article as context:\\n\\n' + 'Title: ' + titleStr + '\\n' + 'URL: ' + pageUrl + '\\n\\n' + '---\\n\\n' + markdownText; } if (modalCopyBtn) { modalCopyBtn.addEventListener('click', function () { var text = codeEl ? (codeEl.innerText || codeEl.textContent) : ''; if (!text) return; navigator.clipboard.writeText(text).then(function () { var origHtml = modalCopyBtn.innerHTML; modalCopyBtn.classList.add('copied'); modalCopyBtn.innerHTML = ' Copied!'; setTimeout(function () { modalCopyBtn.classList.remove('copied'); modalCopyBtn.innerHTML = origHtml; }, 2000); }); }); } if (modalPromptBtn) { modalPromptBtn.addEventListener('click', function () { var text = codeEl ? (codeEl.innerText || codeEl.textContent) : ''; if (!text) return; var promptText = formatPrompt(text); navigator.clipboard.writeText(promptText).then(function () { var origHtml = modalPromptBtn.innerHTML; modalPromptBtn.classList.add('copied'); modalPromptBtn.innerHTML = ' Copied!'; setTimeout(function () { modalPromptBtn.classList.remove('copied'); modalPromptBtn.innerHTML = origHtml; }, 2000); }); }); } } })(); 2006-04-21 - Filed under Development (function() { var el = document.currentScript ? document.currentScript.previousElementSibling.querySelector('.post-full-meta-date') : document.querySelector('.post-full-meta-date'); if (el) { var raw = el.getAttribute('datetime') || el.textContent.trim(); var m = raw.match(/^(\\d{4})-(\\d{1,2})-(\\d{1,2})/); if (m) { var months = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']; var y = parseInt(m[1], 10); var mo = parseInt(m[2], 10) - 1; var d = parseInt(m[3], 10); if (mo >= 0 && mo < 12) { el.textContent = months[mo] + ' ' + d + ', ' + y; } } } })(); Am Ende der Woche reicht die Zeit doch noch für eine aktualisierte Version des HTML Plugin for Active FoxPro Pages aus. Hierbei handelt es sich um einen Bugfix-Release. Primär wurde Probleme im Zusammenspiel mit dem AfpWiki behoben. Davon betroffen sind die Methode BBCode() Links() SourceCode() Die neue Version ist wie die vorherigen unter VFP 9.0 kompiliert. Den Download gibt's hier: https://jochen.kirstaetter.name/files/html.plugin-0.7.16.exe Installation wie immer: AFP Dienst stoppen, Installation ausführen, AFP starten, fertig. Bis denne, JoKi if (typeof window !== 'undefined' && window.location.hostname !== 'localhost' && window.location.hostname !== '127.0.0.1') { (window.adsbygoogle = window.adsbygoogle || []).push({}); } (function() { var loaded = false; function loadDisqusEmbed() { if (loaded) return; loaded = true; window.disqus_config = function () { this.page.url = 'html-plugin-0716.html'; this.page.identifier = '9271ed1c97_idhtml-plugin-0716'; }; var d = document, s = d.createElement('script'); s.src = 'https://getbloggedbyjoki.disqus.com/embed.js'; s.setAttribute('data-timestamp', +new Date()); (d.head || d.body).appendChild(s); } var target = document.getElementById('disqus_thread'); if ('IntersectionObserver' in window && target) { var observer = new IntersectionObserver(function(entries) { if (entries[0].isIntersecting) { loadDisqusEmbed(); observer.disconnect(); } }, { rootMargin: '300px' }); observer.observe(target); } else { window.addEventListener('load', function() { if ('requestIdleCallback' in window) { requestIdleCallback(loadDisqusEmbed, { timeout: 4000 }); } else { setTimeout(loadDisqusEmbed, 3000); } }); } })();" }, "html-tag-nach-vfp-adaptiert.html": { "href": "html-tag-nach-vfp-adaptiert.html", "title": "HTML-Tag nach VFP adaptiert - Get Blogged by JoKi", "summary": "HTML-Tag nach VFP adaptiert Copy Markdown View Markdown GitHub Markdown Source HTML-Tag nach VFP adaptiert Copy Markdown Copy as Prompt Download .MD GitHub Close Loading markdown source... (function () { var rawMarkdownCache = {}; function cleanFrontmatter(text) { if (!text) return ''; // Bulletproof removal of frontmatter: between initial --- and ending --- return text.replace(/^---[\\s\\S]*?\\n---\\s*\\n?/, '').trim() + '\\n'; } function fetchMarkdown(slug, callback) { if (rawMarkdownCache[slug]) { callback(null, rawMarkdownCache[slug]); return; } var rel = ''; var url = rel + 'raw/' + encodeURIComponent(slug) + '.md'; fetch(url) .then(function (res) { if (!res.ok) throw new Error('Markdown source not found: ' + res.status); return res.text(); }) .then(function (text) { var cleaned = cleanFrontmatter(text); rawMarkdownCache[slug] = cleaned; callback(null, cleaned); }) .catch(function (err) { // Fallback: extract plain text from post content var contentEl = document.querySelector('.post-full-content .post-content, .post-content, main .inner'); if (contentEl) { var fallbackMd = '# ' + (document.querySelector('h1') ? document.querySelector('h1').innerText : 'Post') + '\\n\\n' + (contentEl.innerText || contentEl.textContent); rawMarkdownCache[slug] = fallbackMd; callback(null, fallbackMd); } else { callback(err, null); } }); } // Attach Copy Markdown handler var copyButtons = document.querySelectorAll('.btn-copy-markdown, .floating-copy-markdown'); copyButtons.forEach(function (btn) { btn.addEventListener('click', function () { var slug = btn.getAttribute('data-uid') || btn.getAttribute('data-slug') || 'html-tag-nach-vfp-adaptiert'; var originalHtml = btn.innerHTML; btn.disabled = true; fetchMarkdown(slug, function (err, md) { if (err || !md) { btn.disabled = false; alert('Could not copy Markdown source.'); return; } navigator.clipboard.writeText(md).then(function () { btn.classList.add('copied'); btn.innerHTML = ' Copied!'; setTimeout(function () { btn.classList.remove('copied'); btn.innerHTML = originalHtml; btn.disabled = false; }, 2000); }).catch(function () { btn.disabled = false; }); }); }); }); // Attach View Markdown modal var viewButtons = document.querySelectorAll('.btn-view-markdown'); var modal = document.getElementById('markdown-viewer-modal'); var codeEl = document.getElementById('markdown-viewer-code'); var closeBtn = modal ? modal.querySelector('.markdown-viewer-close') : null; var modalCopyBtn = document.getElementById('markdown-modal-copy-btn'); if (modal && viewButtons.length > 0) { viewButtons.forEach(function (btn) { btn.addEventListener('click', function () { var slug = btn.getAttribute('data-uid') || btn.getAttribute('data-slug') || 'html-tag-nach-vfp-adaptiert'; if (codeEl) codeEl.textContent = 'Loading Markdown source...'; if (typeof modal.showModal === 'function') { modal.showModal(); } else { modal.setAttribute('open', ''); } fetchMarkdown(slug, function (err, md) { if (codeEl) { codeEl.textContent = md || 'Failed to load Markdown source.'; if (window.hljs && typeof hljs.highlightElement === 'function') { hljs.highlightElement(codeEl); } // Remove any DocFX code-action / copy buttons that might have been injected var actions = modal.querySelectorAll('.code-action, .code-copy-btn, .action, a[title=\"Copy\"], button[title=\"Copy\"]'); actions.forEach(function (el) { el.remove(); }); } }); }); }); if (closeBtn) { closeBtn.addEventListener('click', function () { if (typeof modal.close === 'function') { modal.close(); } else { modal.removeAttribute('open'); } }); } // Light dismiss on backdrop click modal.addEventListener('click', function (e) { if (e.target === modal) { var rect = modal.getBoundingClientRect(); var isInDialog = ( rect.top <= e.clientY && e.clientY <= rect.top + rect.height && rect.left <= e.clientX && e.clientX <= rect.left + rect.width ); if (!isInDialog) { if (typeof modal.close === 'function') { modal.close(); } else { modal.removeAttribute('open'); } } } }); var modalPromptBtn = document.getElementById('markdown-modal-prompt-btn'); function formatPrompt(markdownText) { var postTitle = document.querySelector('h1.post-full-title') || document.querySelector('h1'); var titleStr = (postTitle ? postTitle.textContent.trim() : 'HTML-Tag nach VFP adaptiert') || 'Article'; var appUrl = 'https://jochen.kirstaetter.name'.replace(/\\/+$/, ''); var canonicalLink = document.querySelector('link[rel=\"canonical\"]'); var pageUrl = canonicalLink ? (canonicalLink.getAttribute('href') || canonicalLink.href) : ''; if (!pageUrl) { pageUrl = appUrl + window.location.pathname; } if (pageUrl.startsWith('/')) { pageUrl = appUrl + pageUrl; } pageUrl = pageUrl.split('?')[0].split('#')[0]; try { var parsed = new URL(pageUrl, appUrl); if (parsed.hostname === 'localhost' || parsed.hostname === '127.0.0.1' || parsed.hostname.endsWith('.localhost')) { pageUrl = appUrl + parsed.pathname; } } catch (e) {} pageUrl = pageUrl.replace(/\\/index\\.html$/, '/').replace(/\\.html$/, ''); if (pageUrl.length > appUrl.length + 1 && pageUrl.endsWith('/')) { pageUrl = pageUrl.slice(0, -1); } return 'Analyse and use the following article as context:\\n\\n' + 'Title: ' + titleStr + '\\n' + 'URL: ' + pageUrl + '\\n\\n' + '---\\n\\n' + markdownText; } if (modalCopyBtn) { modalCopyBtn.addEventListener('click', function () { var text = codeEl ? (codeEl.innerText || codeEl.textContent) : ''; if (!text) return; navigator.clipboard.writeText(text).then(function () { var origHtml = modalCopyBtn.innerHTML; modalCopyBtn.classList.add('copied'); modalCopyBtn.innerHTML = ' Copied!'; setTimeout(function () { modalCopyBtn.classList.remove('copied'); modalCopyBtn.innerHTML = origHtml; }, 2000); }); }); } if (modalPromptBtn) { modalPromptBtn.addEventListener('click', function () { var text = codeEl ? (codeEl.innerText || codeEl.textContent) : ''; if (!text) return; var promptText = formatPrompt(text); navigator.clipboard.writeText(promptText).then(function () { var origHtml = modalPromptBtn.innerHTML; modalPromptBtn.classList.add('copied'); modalPromptBtn.innerHTML = ' Copied!'; setTimeout(function () { modalPromptBtn.classList.remove('copied'); modalPromptBtn.innerHTML = origHtml; }, 2000); }); }); } } })(); 2006-09-19 - Filed under Development (function() { var el = document.currentScript ? document.currentScript.previousElementSibling.querySelector('.post-full-meta-date') : document.querySelector('.post-full-meta-date'); if (el) { var raw = el.getAttribute('datetime') || el.textContent.trim(); var m = raw.match(/^(\\d{4})-(\\d{1,2})-(\\d{1,2})/); if (m) { var months = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']; var y = parseInt(m[1], 10); var mo = parseInt(m[2], 10) - 1; var d = parseInt(m[3], 10); if (mo >= 0 && mo < 12) { el.textContent = months[mo] + ' ' + d + ', ' + y; } } } })(); Ja, es gibt auch Situationen in denen man nicht nur immer von Desktop auf Web trimmt, sondern auch mal den umgekehrten Weg einschlägt. Der folgende Beitrag nimmt den HTML-Tag fieldset als Grundlage und wir erstellen eine Shape-Klasse mit vergleichbarer Funktionalität. Das HTML-Element fieldset stellt einen Rahmen mit optionaler Überschrift dar. Mit den Controls Shape und Label (optional noch Container) können wir das ebenfalls in VFP realisieren. Hier zunächst mal der HTML-Code für ein fieldset:

Datenbank wiederherstellen

...

Das Element legend ist für die Beschriftung verantwortlich und repräsentiert unsere Labelklasse. Shape - die spartanische Variante Der erste Lösungsansatz ist sehr einfach gehalten: Wir erzeugen uns eine Shape-Klasse, die eigenständig ein zugehöriges Label instanziiert und positioniert: *====================================================================== * Fieldset-Shape * Erzeugt bei der Initialisierung ein Label zur Beschriftung des Shapes * und positioniert es. *====================================================================== Define Class FieldSet As Shape cCaption = \"\" cPrefixLabel = \"lbl\" nOffsetTop = -7 nOffsetLeft = 5 lUseLabel = .T. && Readonly @ Runtime ;-) MemberClass = \"\" MemberClassLibrary = \"\" Protected oLegend oLegend = .Null. *------------------------------------------------------------------ * Initialisierung und (optionale) Erstellung der Beschriftung. *------------------------------------------------------------------ Function Init() As Boolean DoDefault() If This.lUseLabel This.createLabel() EndIf EndFunc *------------------------------------------------------------------ * Label instanziieren und positionieren. *------------------------------------------------------------------ Protected Function createLabel() As VOID With This If Vartype(.cCaption) == \"C\" .oLegend = NewObject(Evl(.MemberClass, \"Label\"), .MemberClassLibrary) If Vartype(.oLegend) == \"O\" With .oLegend As Label .Name = This.cPrefixLabel + This.Name .BackColor = Thisform.BackColor .BackStyle = 1 .Anchor = 0 .Left = This.Left + This.nOffsetLeft .Top = This.Top + This.nOffsetTop .Anchor = Bitclear(Bitclear(This.Anchor, 2), 3) .ZOrder(0) EndWith This.cCaption = This.cCaption EndIf EndIf EndWith EndFunc *------------------------------------------------------------------ * Nachträgliche Änderungen der Caption gestatten. * Dies ermöglicht auch das Aus-/Einblenden des Controls. *------------------------------------------------------------------ Function cCaption_Assign(tcValue As String) With This If Vartype(.oLegend) == \"O\" .oLegend.Caption = m.tcValue .oLegend.Visible = Not Empty(m.tcValue) EndIf .cCaption = m.tcValue EndWith EndFunc *------------------------------------------------------------------ * Schreibschutz für This.lUseLabel implementieren. *------------------------------------------------------------------ Function lUseLabel_Assign(tlValue As Boolean) Error 1740, \"lUseLabel\" EndFunc *------------------------------------------------------------------ * Objektreferenz sauber auflösen und Label entsorgen. *------------------------------------------------------------------ Function Destroy() As Boolean With This If Vartype(.oLegend) == \"O\" .oLegend = .Null. EndIf EndWith EndFunc EndDefine Der gezeigte VFP-Quellcode dürfte weitestgehend selbsterklärend sein. Wenn in der Designzeit dem Shape die Caption gestattet wird, so wird zur Laufzeit ein Labelobjekt aus der angegebenen Klasse erzeugt und als Referenz gespeichert. Das Label erhält den gleichen Namen wie das Shape jedoch mit frei wählbarem Prefix, da wir eindeutige Objektnamen benötigen. Sofern bei der Initialisierung noch keine Beschriftung angegeben sein sollte, wird das Label noch nicht angezeigt. Die Caption kann zu jedem beliebigen späteren Zeitpunkt gesetzt (und damit eingeblendet) und wieder ausgeblendet werden. Zur Vermeidung von hängenden Referenzen und daraus resultierenden C0005-Fehlern (samt Komplettabsturz) tragen wir dafür Sorge, dass das Label ebenfalls sauber bei der Zerstörung des Shapes entfernt wird. Wichtig ist hierbei ebenfalls, dass wir die Eigenschaft lUseLabel zur Laufzeit mit einem Schreibschutz versehen. Schliesslich soll der Entwickler sich bereits in der Entwicklungsumgebung entscheiden, ob eine Beschriftung erforderlich sein könnte oder nicht. Bis denne, JoKi PS: Die fehlenden Assign-Methoden für weitere Eigenschaften sind Hausaufgabe... \uD83D\uDE01 if (typeof window !== 'undefined' && window.location.hostname !== 'localhost' && window.location.hostname !== '127.0.0.1') { (window.adsbygoogle = window.adsbygoogle || []).push({}); } (function() { var loaded = false; function loadDisqusEmbed() { if (loaded) return; loaded = true; window.disqus_config = function () { this.page.url = 'html-tag-nach-vfp-adaptiert.html'; this.page.identifier = '9271ed1c97_idhtml-tag-nach-vfp-adaptiert'; }; var d = document, s = d.createElement('script'); s.src = 'https://getbloggedbyjoki.disqus.com/embed.js'; s.setAttribute('data-timestamp', +new Date()); (d.head || d.body).appendChild(s); } var target = document.getElementById('disqus_thread'); if ('IntersectionObserver' in window && target) { var observer = new IntersectionObserver(function(entries) { if (entries[0].isIntersecting) { loadDisqusEmbed(); observer.disconnect(); } }, { rootMargin: '300px' }); observer.observe(target); } else { window.addEventListener('load', function() { if ('requestIdleCallback' in window) { requestIdleCallback(loadDisqusEmbed, { timeout: 4000 }); } else { setTimeout(loadDisqusEmbed, 3000); } }); } })();" }, "htmlplugin.html": { "href": "htmlplugin.html", "title": "HTML Plugin for Active FoxPro Pages - Get Blogged by JoKi", "summary": "HTML Plugin for Active FoxPro Pages Copy Markdown View Markdown GitHub Markdown Source HTML Plugin for Active FoxPro Pages Copy Markdown Copy as Prompt Download .MD GitHub Close Loading markdown source... (function () { var rawMarkdownCache = {}; function cleanFrontmatter(text) { if (!text) return ''; // Bulletproof removal of frontmatter: between initial --- and ending --- return text.replace(/^---[\\s\\S]*?\\n---\\s*\\n?/, '').trim() + '\\n'; } function fetchMarkdown(slug, callback) { if (rawMarkdownCache[slug]) { callback(null, rawMarkdownCache[slug]); return; } var rel = ''; var url = rel + 'raw/' + encodeURIComponent(slug) + '.md'; fetch(url) .then(function (res) { if (!res.ok) throw new Error('Markdown source not found: ' + res.status); return res.text(); }) .then(function (text) { var cleaned = cleanFrontmatter(text); rawMarkdownCache[slug] = cleaned; callback(null, cleaned); }) .catch(function (err) { // Fallback: extract plain text from post content var contentEl = document.querySelector('.post-full-content .post-content, .post-content, main .inner'); if (contentEl) { var fallbackMd = '# ' + (document.querySelector('h1') ? document.querySelector('h1').innerText : 'Post') + '\\n\\n' + (contentEl.innerText || contentEl.textContent); rawMarkdownCache[slug] = fallbackMd; callback(null, fallbackMd); } else { callback(err, null); } }); } // Attach Copy Markdown handler var copyButtons = document.querySelectorAll('.btn-copy-markdown, .floating-copy-markdown'); copyButtons.forEach(function (btn) { btn.addEventListener('click', function () { var slug = btn.getAttribute('data-uid') || btn.getAttribute('data-slug') || 'htmlplugin'; var originalHtml = btn.innerHTML; btn.disabled = true; fetchMarkdown(slug, function (err, md) { if (err || !md) { btn.disabled = false; alert('Could not copy Markdown source.'); return; } navigator.clipboard.writeText(md).then(function () { btn.classList.add('copied'); btn.innerHTML = ' Copied!'; setTimeout(function () { btn.classList.remove('copied'); btn.innerHTML = originalHtml; btn.disabled = false; }, 2000); }).catch(function () { btn.disabled = false; }); }); }); }); // Attach View Markdown modal var viewButtons = document.querySelectorAll('.btn-view-markdown'); var modal = document.getElementById('markdown-viewer-modal'); var codeEl = document.getElementById('markdown-viewer-code'); var closeBtn = modal ? modal.querySelector('.markdown-viewer-close') : null; var modalCopyBtn = document.getElementById('markdown-modal-copy-btn'); if (modal && viewButtons.length > 0) { viewButtons.forEach(function (btn) { btn.addEventListener('click', function () { var slug = btn.getAttribute('data-uid') || btn.getAttribute('data-slug') || 'htmlplugin'; if (codeEl) codeEl.textContent = 'Loading Markdown source...'; if (typeof modal.showModal === 'function') { modal.showModal(); } else { modal.setAttribute('open', ''); } fetchMarkdown(slug, function (err, md) { if (codeEl) { codeEl.textContent = md || 'Failed to load Markdown source.'; if (window.hljs && typeof hljs.highlightElement === 'function') { hljs.highlightElement(codeEl); } // Remove any DocFX code-action / copy buttons that might have been injected var actions = modal.querySelectorAll('.code-action, .code-copy-btn, .action, a[title=\"Copy\"], button[title=\"Copy\"]'); actions.forEach(function (el) { el.remove(); }); } }); }); }); if (closeBtn) { closeBtn.addEventListener('click', function () { if (typeof modal.close === 'function') { modal.close(); } else { modal.removeAttribute('open'); } }); } // Light dismiss on backdrop click modal.addEventListener('click', function (e) { if (e.target === modal) { var rect = modal.getBoundingClientRect(); var isInDialog = ( rect.top <= e.clientY && e.clientY <= rect.top + rect.height && rect.left <= e.clientX && e.clientX <= rect.left + rect.width ); if (!isInDialog) { if (typeof modal.close === 'function') { modal.close(); } else { modal.removeAttribute('open'); } } } }); var modalPromptBtn = document.getElementById('markdown-modal-prompt-btn'); function formatPrompt(markdownText) { var postTitle = document.querySelector('h1.post-full-title') || document.querySelector('h1'); var titleStr = (postTitle ? postTitle.textContent.trim() : 'HTML Plugin for Active FoxPro Pages') || 'Article'; var appUrl = 'https://jochen.kirstaetter.name'.replace(/\\/+$/, ''); var canonicalLink = document.querySelector('link[rel=\"canonical\"]'); var pageUrl = canonicalLink ? (canonicalLink.getAttribute('href') || canonicalLink.href) : ''; if (!pageUrl) { pageUrl = appUrl + window.location.pathname; } if (pageUrl.startsWith('/')) { pageUrl = appUrl + pageUrl; } pageUrl = pageUrl.split('?')[0].split('#')[0]; try { var parsed = new URL(pageUrl, appUrl); if (parsed.hostname === 'localhost' || parsed.hostname === '127.0.0.1' || parsed.hostname.endsWith('.localhost')) { pageUrl = appUrl + parsed.pathname; } } catch (e) {} pageUrl = pageUrl.replace(/\\/index\\.html$/, '/').replace(/\\.html$/, ''); if (pageUrl.length > appUrl.length + 1 && pageUrl.endsWith('/')) { pageUrl = pageUrl.slice(0, -1); } return 'Analyse and use the following article as context:\\n\\n' + 'Title: ' + titleStr + '\\n' + 'URL: ' + pageUrl + '\\n\\n' + '---\\n\\n' + markdownText; } if (modalCopyBtn) { modalCopyBtn.addEventListener('click', function () { var text = codeEl ? (codeEl.innerText || codeEl.textContent) : ''; if (!text) return; navigator.clipboard.writeText(text).then(function () { var origHtml = modalCopyBtn.innerHTML; modalCopyBtn.classList.add('copied'); modalCopyBtn.innerHTML = ' Copied!'; setTimeout(function () { modalCopyBtn.classList.remove('copied'); modalCopyBtn.innerHTML = origHtml; }, 2000); }); }); } if (modalPromptBtn) { modalPromptBtn.addEventListener('click', function () { var text = codeEl ? (codeEl.innerText || codeEl.textContent) : ''; if (!text) return; var promptText = formatPrompt(text); navigator.clipboard.writeText(promptText).then(function () { var origHtml = modalPromptBtn.innerHTML; modalPromptBtn.classList.add('copied'); modalPromptBtn.innerHTML = ' Copied!'; setTimeout(function () { modalPromptBtn.classList.remove('copied'); modalPromptBtn.innerHTML = origHtml; }, 2000); }); }); } } })(); 2009-12-14 - Filed under Projects (function() { var el = document.currentScript ? document.currentScript.previousElementSibling.querySelector('.post-full-meta-date') : document.querySelector('.post-full-meta-date'); if (el) { var raw = el.getAttribute('datetime') || el.textContent.trim(); var m = raw.match(/^(\\d{4})-(\\d{1,2})-(\\d{1,2})/); if (m) { var months = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']; var y = parseInt(m[1], 10); var mo = parseInt(m[2], 10) - 1; var d = parseInt(m[3], 10); if (mo >= 0 && mo < 12) { el.textContent = months[mo] + ' ' + d + ', ' + y; } } } })(); HTML Plugin for Active FoxPro Pages Motivation Html Plugin is primarily a plug-in for Active FoxPro Pages. But that's only half the truth. The plug-in itself is build as a component and offers stand-alone functionality for VFP developers and through COM as well for other programming languages. Setup and Installation The setup routine installs and registers the component in Windows. The current version of the setup is available here: https://jochen.kirstaetter.name/files/html.plugin-0.7.16.exe Just get the file and follow the installation instructions. Usage in Visual FoxPro In VFP you just create an object like so: Set Procedure To \"html.plugin.dll\" Additive Html = CreateObject(\"CHTML\") If you have to use COM instead, then this works just fine: Html = CreateObject(\"AFPPlugin.Html\") It was quite funny to get this component working in .NET Framework and I'm still working on this topic, but at the moment I got it to create my own namespace (tree) based on this single DLL. After you added a reference to the COM server, you'll have an new namespace tree instead of just one plain entry: ProLib.AFP3.Plugin.Html and due to COM interoperability in .NET the instance name of the class is simple HtmlClass. I wrote a sample solution that's able to convert an RSS Feed to a .NET DataSet through the Html Plugin. Well, not too hard to implement in pure .NET but the fact is, that the plug-in provides the same functionality to VFP developers. And Html Plugin is a core part of AfpWiki - a Wiki engine on top of Active FoxPro Pages. Actually the Html Plugin does all the stuff related to Regular Expressions. It's really nice to see that just one line of code parses all hyperlinks of the entire document and converts them into clickable links with 'title' attribute and protocol indicator. There is still a lot of work to do inside of AfpWiki, like backup and restore of the database, online upgrade mechanism as well as an abstraction layer to user authentication and management, but this will be implemented during a couple of weeks. You might check out https://faq.dfpug.de to see the system in action. Ah, before I forget to mention Html Plugin and AfpWiki are both available for free (as in beer g). So, if anyone of you is interested in a Wiki solution just drop me a note. if (typeof window !== 'undefined' && window.location.hostname !== 'localhost' && window.location.hostname !== '127.0.0.1') { (window.adsbygoogle = window.adsbygoogle || []).push({}); } (function() { var loaded = false; function loadDisqusEmbed() { if (loaded) return; loaded = true; window.disqus_config = function () { this.page.url = 'htmlplugin.html'; this.page.identifier = '9271ed1c97_idhtmlplugin'; }; var d = document, s = d.createElement('script'); s.src = 'https://getbloggedbyjoki.disqus.com/embed.js'; s.setAttribute('data-timestamp', +new Date()); (d.head || d.body).appendChild(s); } var target = document.getElementById('disqus_thread'); if ('IntersectionObserver' in window && target) { var observer = new IntersectionObserver(function(entries) { if (entries[0].isIntersecting) { loadDisqusEmbed(); observer.disconnect(); } }, { rootMargin: '300px' }); observer.observe(target); } else { window.addEventListener('load', function() { if ('requestIdleCallback' in window) { requestIdleCallback(loadDisqusEmbed, { timeout: 4000 }); } else { setTimeout(loadDisqusEmbed, 3000); } }); } })();" }, "http-404.html": { "href": "http-404.html", "title": "HTTP 404 - Get Blogged by JoKi", "summary": "HTTP 404 Copy Markdown View Markdown GitHub Markdown Source HTTP 404 Copy Markdown Copy as Prompt Download .MD GitHub Close Loading markdown source... (function () { var rawMarkdownCache = {}; function cleanFrontmatter(text) { if (!text) return ''; // Bulletproof removal of frontmatter: between initial --- and ending --- return text.replace(/^---[\\s\\S]*?\\n---\\s*\\n?/, '').trim() + '\\n'; } function fetchMarkdown(slug, callback) { if (rawMarkdownCache[slug]) { callback(null, rawMarkdownCache[slug]); return; } var rel = ''; var url = rel + 'raw/' + encodeURIComponent(slug) + '.md'; fetch(url) .then(function (res) { if (!res.ok) throw new Error('Markdown source not found: ' + res.status); return res.text(); }) .then(function (text) { var cleaned = cleanFrontmatter(text); rawMarkdownCache[slug] = cleaned; callback(null, cleaned); }) .catch(function (err) { // Fallback: extract plain text from post content var contentEl = document.querySelector('.post-full-content .post-content, .post-content, main .inner'); if (contentEl) { var fallbackMd = '# ' + (document.querySelector('h1') ? document.querySelector('h1').innerText : 'Post') + '\\n\\n' + (contentEl.innerText || contentEl.textContent); rawMarkdownCache[slug] = fallbackMd; callback(null, fallbackMd); } else { callback(err, null); } }); } // Attach Copy Markdown handler var copyButtons = document.querySelectorAll('.btn-copy-markdown, .floating-copy-markdown'); copyButtons.forEach(function (btn) { btn.addEventListener('click', function () { var slug = btn.getAttribute('data-uid') || btn.getAttribute('data-slug') || 'http-404'; var originalHtml = btn.innerHTML; btn.disabled = true; fetchMarkdown(slug, function (err, md) { if (err || !md) { btn.disabled = false; alert('Could not copy Markdown source.'); return; } navigator.clipboard.writeText(md).then(function () { btn.classList.add('copied'); btn.innerHTML = ' Copied!'; setTimeout(function () { btn.classList.remove('copied'); btn.innerHTML = originalHtml; btn.disabled = false; }, 2000); }).catch(function () { btn.disabled = false; }); }); }); }); // Attach View Markdown modal var viewButtons = document.querySelectorAll('.btn-view-markdown'); var modal = document.getElementById('markdown-viewer-modal'); var codeEl = document.getElementById('markdown-viewer-code'); var closeBtn = modal ? modal.querySelector('.markdown-viewer-close') : null; var modalCopyBtn = document.getElementById('markdown-modal-copy-btn'); if (modal && viewButtons.length > 0) { viewButtons.forEach(function (btn) { btn.addEventListener('click', function () { var slug = btn.getAttribute('data-uid') || btn.getAttribute('data-slug') || 'http-404'; if (codeEl) codeEl.textContent = 'Loading Markdown source...'; if (typeof modal.showModal === 'function') { modal.showModal(); } else { modal.setAttribute('open', ''); } fetchMarkdown(slug, function (err, md) { if (codeEl) { codeEl.textContent = md || 'Failed to load Markdown source.'; if (window.hljs && typeof hljs.highlightElement === 'function') { hljs.highlightElement(codeEl); } // Remove any DocFX code-action / copy buttons that might have been injected var actions = modal.querySelectorAll('.code-action, .code-copy-btn, .action, a[title=\"Copy\"], button[title=\"Copy\"]'); actions.forEach(function (el) { el.remove(); }); } }); }); }); if (closeBtn) { closeBtn.addEventListener('click', function () { if (typeof modal.close === 'function') { modal.close(); } else { modal.removeAttribute('open'); } }); } // Light dismiss on backdrop click modal.addEventListener('click', function (e) { if (e.target === modal) { var rect = modal.getBoundingClientRect(); var isInDialog = ( rect.top <= e.clientY && e.clientY <= rect.top + rect.height && rect.left <= e.clientX && e.clientX <= rect.left + rect.width ); if (!isInDialog) { if (typeof modal.close === 'function') { modal.close(); } else { modal.removeAttribute('open'); } } } }); var modalPromptBtn = document.getElementById('markdown-modal-prompt-btn'); function formatPrompt(markdownText) { var postTitle = document.querySelector('h1.post-full-title') || document.querySelector('h1'); var titleStr = (postTitle ? postTitle.textContent.trim() : 'HTTP 404') || 'Article'; var appUrl = 'https://jochen.kirstaetter.name'.replace(/\\/+$/, ''); var canonicalLink = document.querySelector('link[rel=\"canonical\"]'); var pageUrl = canonicalLink ? (canonicalLink.getAttribute('href') || canonicalLink.href) : ''; if (!pageUrl) { pageUrl = appUrl + window.location.pathname; } if (pageUrl.startsWith('/')) { pageUrl = appUrl + pageUrl; } pageUrl = pageUrl.split('?')[0].split('#')[0]; try { var parsed = new URL(pageUrl, appUrl); if (parsed.hostname === 'localhost' || parsed.hostname === '127.0.0.1' || parsed.hostname.endsWith('.localhost')) { pageUrl = appUrl + parsed.pathname; } } catch (e) {} pageUrl = pageUrl.replace(/\\/index\\.html$/, '/').replace(/\\.html$/, ''); if (pageUrl.length > appUrl.length + 1 && pageUrl.endsWith('/')) { pageUrl = pageUrl.slice(0, -1); } return 'Analyse and use the following article as context:\\n\\n' + 'Title: ' + titleStr + '\\n' + 'URL: ' + pageUrl + '\\n\\n' + '---\\n\\n' + markdownText; } if (modalCopyBtn) { modalCopyBtn.addEventListener('click', function () { var text = codeEl ? (codeEl.innerText || codeEl.textContent) : ''; if (!text) return; navigator.clipboard.writeText(text).then(function () { var origHtml = modalCopyBtn.innerHTML; modalCopyBtn.classList.add('copied'); modalCopyBtn.innerHTML = ' Copied!'; setTimeout(function () { modalCopyBtn.classList.remove('copied'); modalCopyBtn.innerHTML = origHtml; }, 2000); }); }); } if (modalPromptBtn) { modalPromptBtn.addEventListener('click', function () { var text = codeEl ? (codeEl.innerText || codeEl.textContent) : ''; if (!text) return; var promptText = formatPrompt(text); navigator.clipboard.writeText(promptText).then(function () { var origHtml = modalPromptBtn.innerHTML; modalPromptBtn.classList.add('copied'); modalPromptBtn.innerHTML = ' Copied!'; setTimeout(function () { modalPromptBtn.classList.remove('copied'); modalPromptBtn.innerHTML = origHtml; }, 2000); }); }); } } })(); 2005-04-13 - Filed under General (function() { var el = document.currentScript ? document.currentScript.previousElementSibling.querySelector('.post-full-meta-date') : document.querySelector('.post-full-meta-date'); if (el) { var raw = el.getAttribute('datetime') || el.textContent.trim(); var m = raw.match(/^(\\d{4})-(\\d{1,2})-(\\d{1,2})/); if (m) { var months = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']; var y = parseInt(m[1], 10); var mo = parseInt(m[2], 10) - 1; var d = parseInt(m[3], 10); if (mo >= 0 && mo < 12) { el.textContent = months[mo] + ' ' + d + ', ' + y; } } } })(); Spass muss sein... Ich weiss nicht mehr, wann ich den benutzerdefinierten HTTP 404 ErrorCode eingebaut habe, aber heute Nachmittag holte er mich wieder ein... Worum geht's eigentlich? Well, bei Nicht-Existenz von URLs besteht die Möglichkeit im Webserver sogenannte Antwortseiten für bestimmte HTTP-Codes zu deklarieren. Die dreistelligen Nummern sind dabei klassizifiert: 2xx - OK-Meldungen 3xx - Modify-Meldungen 4xx - Clientseitige Fehlermeldungen 5xx - Serverseitige Fehlermeldungen Der HTTP 404 sagt aus, dass die gewünschte URL nicht auffindbar ist. Im Normalfall gibt's eine langweilige Standardantwortseite des Browsers bzw. des Servers. Aber nicht so in der AFP FAQ... Wie ich schon schrieb, hatte ich vor Monaten das Problem, dass es eben nicht langweilig sein soll und habe mir ein paar Gedanken über 404er Messages gemacht. Man glaubt gar nicht, welch' Schätze in den Weiten des Internets auffindbar sind. Nun, für die FAQ habe ich mir dann auch was zusammengeschrieben bzw. entliehen: https://www.afpfaq.de/?f=170 Da es keinen Artikel in der FAQ mit der Referenznummer 170 (wie auch 171) gibt, kommt eben ein HTTP 404 mit seiner Message. Achja, es sind sprachbedingt unterschiedliche Aussagen... Have fun. Bis denne, JoKi if (typeof window !== 'undefined' && window.location.hostname !== 'localhost' && window.location.hostname !== '127.0.0.1') { (window.adsbygoogle = window.adsbygoogle || []).push({}); } (function() { var loaded = false; function loadDisqusEmbed() { if (loaded) return; loaded = true; window.disqus_config = function () { this.page.url = 'http-404.html'; this.page.identifier = '9271ed1c97_idhttp-404'; }; var d = document, s = d.createElement('script'); s.src = 'https://getbloggedbyjoki.disqus.com/embed.js'; s.setAttribute('data-timestamp', +new Date()); (d.head || d.body).appendChild(s); } var target = document.getElementById('disqus_thread'); if ('IntersectionObserver' in window && target) { var observer = new IntersectionObserver(function(entries) { if (entries[0].isIntersecting) { loadDisqusEmbed(); observer.disconnect(); } }, { rootMargin: '300px' }); observer.observe(target); } else { window.addEventListener('load', function() { if ('requestIdleCallback' in window) { requestIdleCallback(loadDisqusEmbed, { timeout: 4000 }); } else { setTimeout(loadDisqusEmbed, 3000); } }); } })();" }, "i-am-iron-man.html": { "href": "i-am-iron-man.html", "title": "I am Iron Man! - Get Blogged by JoKi", "summary": "I am Iron Man! Copy Markdown View Markdown GitHub Markdown Source I am Iron Man! Copy Markdown Copy as Prompt Download .MD GitHub Close Loading markdown source... (function () { var rawMarkdownCache = {}; function cleanFrontmatter(text) { if (!text) return ''; // Bulletproof removal of frontmatter: between initial --- and ending --- return text.replace(/^---[\\s\\S]*?\\n---\\s*\\n?/, '').trim() + '\\n'; } function fetchMarkdown(slug, callback) { if (rawMarkdownCache[slug]) { callback(null, rawMarkdownCache[slug]); return; } var rel = ''; var url = rel + 'raw/' + encodeURIComponent(slug) + '.md'; fetch(url) .then(function (res) { if (!res.ok) throw new Error('Markdown source not found: ' + res.status); return res.text(); }) .then(function (text) { var cleaned = cleanFrontmatter(text); rawMarkdownCache[slug] = cleaned; callback(null, cleaned); }) .catch(function (err) { // Fallback: extract plain text from post content var contentEl = document.querySelector('.post-full-content .post-content, .post-content, main .inner'); if (contentEl) { var fallbackMd = '# ' + (document.querySelector('h1') ? document.querySelector('h1').innerText : 'Post') + '\\n\\n' + (contentEl.innerText || contentEl.textContent); rawMarkdownCache[slug] = fallbackMd; callback(null, fallbackMd); } else { callback(err, null); } }); } // Attach Copy Markdown handler var copyButtons = document.querySelectorAll('.btn-copy-markdown, .floating-copy-markdown'); copyButtons.forEach(function (btn) { btn.addEventListener('click', function () { var slug = btn.getAttribute('data-uid') || btn.getAttribute('data-slug') || 'i-am-iron-man'; var originalHtml = btn.innerHTML; btn.disabled = true; fetchMarkdown(slug, function (err, md) { if (err || !md) { btn.disabled = false; alert('Could not copy Markdown source.'); return; } navigator.clipboard.writeText(md).then(function () { btn.classList.add('copied'); btn.innerHTML = ' Copied!'; setTimeout(function () { btn.classList.remove('copied'); btn.innerHTML = originalHtml; btn.disabled = false; }, 2000); }).catch(function () { btn.disabled = false; }); }); }); }); // Attach View Markdown modal var viewButtons = document.querySelectorAll('.btn-view-markdown'); var modal = document.getElementById('markdown-viewer-modal'); var codeEl = document.getElementById('markdown-viewer-code'); var closeBtn = modal ? modal.querySelector('.markdown-viewer-close') : null; var modalCopyBtn = document.getElementById('markdown-modal-copy-btn'); if (modal && viewButtons.length > 0) { viewButtons.forEach(function (btn) { btn.addEventListener('click', function () { var slug = btn.getAttribute('data-uid') || btn.getAttribute('data-slug') || 'i-am-iron-man'; if (codeEl) codeEl.textContent = 'Loading Markdown source...'; if (typeof modal.showModal === 'function') { modal.showModal(); } else { modal.setAttribute('open', ''); } fetchMarkdown(slug, function (err, md) { if (codeEl) { codeEl.textContent = md || 'Failed to load Markdown source.'; if (window.hljs && typeof hljs.highlightElement === 'function') { hljs.highlightElement(codeEl); } // Remove any DocFX code-action / copy buttons that might have been injected var actions = modal.querySelectorAll('.code-action, .code-copy-btn, .action, a[title=\"Copy\"], button[title=\"Copy\"]'); actions.forEach(function (el) { el.remove(); }); } }); }); }); if (closeBtn) { closeBtn.addEventListener('click', function () { if (typeof modal.close === 'function') { modal.close(); } else { modal.removeAttribute('open'); } }); } // Light dismiss on backdrop click modal.addEventListener('click', function (e) { if (e.target === modal) { var rect = modal.getBoundingClientRect(); var isInDialog = ( rect.top <= e.clientY && e.clientY <= rect.top + rect.height && rect.left <= e.clientX && e.clientX <= rect.left + rect.width ); if (!isInDialog) { if (typeof modal.close === 'function') { modal.close(); } else { modal.removeAttribute('open'); } } } }); var modalPromptBtn = document.getElementById('markdown-modal-prompt-btn'); function formatPrompt(markdownText) { var postTitle = document.querySelector('h1.post-full-title') || document.querySelector('h1'); var titleStr = (postTitle ? postTitle.textContent.trim() : 'I am Iron Man!') || 'Article'; var appUrl = 'https://jochen.kirstaetter.name'.replace(/\\/+$/, ''); var canonicalLink = document.querySelector('link[rel=\"canonical\"]'); var pageUrl = canonicalLink ? (canonicalLink.getAttribute('href') || canonicalLink.href) : ''; if (!pageUrl) { pageUrl = appUrl + window.location.pathname; } if (pageUrl.startsWith('/')) { pageUrl = appUrl + pageUrl; } pageUrl = pageUrl.split('?')[0].split('#')[0]; try { var parsed = new URL(pageUrl, appUrl); if (parsed.hostname === 'localhost' || parsed.hostname === '127.0.0.1' || parsed.hostname.endsWith('.localhost')) { pageUrl = appUrl + parsed.pathname; } } catch (e) {} pageUrl = pageUrl.replace(/\\/index\\.html$/, '/').replace(/\\.html$/, ''); if (pageUrl.length > appUrl.length + 1 && pageUrl.endsWith('/')) { pageUrl = pageUrl.slice(0, -1); } return 'Analyse and use the following article as context:\\n\\n' + 'Title: ' + titleStr + '\\n' + 'URL: ' + pageUrl + '\\n\\n' + '---\\n\\n' + markdownText; } if (modalCopyBtn) { modalCopyBtn.addEventListener('click', function () { var text = codeEl ? (codeEl.innerText || codeEl.textContent) : ''; if (!text) return; navigator.clipboard.writeText(text).then(function () { var origHtml = modalCopyBtn.innerHTML; modalCopyBtn.classList.add('copied'); modalCopyBtn.innerHTML = ' Copied!'; setTimeout(function () { modalCopyBtn.classList.remove('copied'); modalCopyBtn.innerHTML = origHtml; }, 2000); }); }); } if (modalPromptBtn) { modalPromptBtn.addEventListener('click', function () { var text = codeEl ? (codeEl.innerText || codeEl.textContent) : ''; if (!text) return; var promptText = formatPrompt(text); navigator.clipboard.writeText(promptText).then(function () { var origHtml = modalPromptBtn.innerHTML; modalPromptBtn.classList.add('copied'); modalPromptBtn.innerHTML = ' Copied!'; setTimeout(function () { modalPromptBtn.classList.remove('copied'); modalPromptBtn.innerHTML = origHtml; }, 2000); }); }); } } })(); 2017-08-13 - Filed under PersonalActivity (function() { var el = document.currentScript ? document.currentScript.previousElementSibling.querySelector('.post-full-meta-date') : document.querySelector('.post-full-meta-date'); if (el) { var raw = el.getAttribute('datetime') || el.textContent.trim(); var m = raw.match(/^(\\d{4})-(\\d{1,2})-(\\d{1,2})/); if (m) { var months = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']; var y = parseInt(m[1], 10); var mo = parseInt(m[2], 10) - 1; var d = parseInt(m[3], 10); if (mo >= 0 && mo < 12) { el.textContent = months[mo] + ' ' + d + ', ' + y; } } } })(); Living near the sea side offers a number of fun and leisure activities on, in, and under the water. Thanks to my BWE I was given a generous gift voucher for my birthday back in May. Due to our work, private constraints and the children being at school, it's only now that we finally managed to get our stuff together. Fly what? The voucher is for a session using a Flyboard. More precisely it's about an activity called \"Fly like Iron Man n’ Dive like a Dolphin\" provided by FLYn'Dive in Grand Baie. First thoughts that came across my mind, either it will be like Marty McFly on his Hoverboard in Back to the Future or really going to have this remote idea of being Tony Stark in one of his Iron Man suits. Driving up to the North was pretty smooth and after a decent breakfast at La Croisette it was about time to meet the crew. We met on the public beach near Sunset Boulevard and despite a little hiccup in the booking, (nah, not really important), my lovely wife and I finally ventured out on the boat. Check it out... A quick briefing, and I was already floating in the warm waters directly out of the bay. The boots / the board strapped on tightly. Actually, it's kind of similar to a snowboard... just without the cold and the snow. Enough writing. Why not watch the video instead? It takes a bit of strength in your body core to keep the balance on the board and therefore the jets of water. It feels a bit like standing in an air-inflated bouncing castle or big trampoline. Only difference, the ground is 'moving' and pressure comes from the bottom. Weird situation. What more to say? What an awesome birthday present! Such great fun in the water and in the air. I'm looking forward to do it again! Practice makes perfect, as they say, and later this year we're going to have family and friends coming down to Mauritius. There'll be an opportunity... Cheers, JoKi if (typeof window !== 'undefined' && window.location.hostname !== 'localhost' && window.location.hostname !== '127.0.0.1') { (window.adsbygoogle = window.adsbygoogle || []).push({}); } (function() { var loaded = false; function loadDisqusEmbed() { if (loaded) return; loaded = true; window.disqus_config = function () { this.page.url = 'i-am-iron-man.html'; this.page.identifier = '9271ed1c97_idi-am-iron-man'; }; var d = document, s = d.createElement('script'); s.src = 'https://getbloggedbyjoki.disqus.com/embed.js'; s.setAttribute('data-timestamp', +new Date()); (d.head || d.body).appendChild(s); } var target = document.getElementById('disqus_thread'); if ('IntersectionObserver' in window && target) { var observer = new IntersectionObserver(function(entries) { if (entries[0].isIntersecting) { loadDisqusEmbed(); observer.disconnect(); } }, { rootMargin: '300px' }); observer.observe(target); } else { window.addEventListener('load', function() { if ('requestIdleCallback' in window) { requestIdleCallback(loadDisqusEmbed, { timeout: 4000 }); } else { setTimeout(loadDisqusEmbed, 3000); } }); } })();" }, "ich-will-feuerwehrmann-werden.html": { "href": "ich-will-feuerwehrmann-werden.html", "title": "Ich will Feuerwehrmann werden - Get Blogged by JoKi", "summary": "Ich will Feuerwehrmann werden Copy Markdown View Markdown GitHub Markdown Source Ich will Feuerwehrmann werden Copy Markdown Copy as Prompt Download .MD GitHub Close Loading markdown source... (function () { var rawMarkdownCache = {}; function cleanFrontmatter(text) { if (!text) return ''; // Bulletproof removal of frontmatter: between initial --- and ending --- return text.replace(/^---[\\s\\S]*?\\n---\\s*\\n?/, '').trim() + '\\n'; } function fetchMarkdown(slug, callback) { if (rawMarkdownCache[slug]) { callback(null, rawMarkdownCache[slug]); return; } var rel = ''; var url = rel + 'raw/' + encodeURIComponent(slug) + '.md'; fetch(url) .then(function (res) { if (!res.ok) throw new Error('Markdown source not found: ' + res.status); return res.text(); }) .then(function (text) { var cleaned = cleanFrontmatter(text); rawMarkdownCache[slug] = cleaned; callback(null, cleaned); }) .catch(function (err) { // Fallback: extract plain text from post content var contentEl = document.querySelector('.post-full-content .post-content, .post-content, main .inner'); if (contentEl) { var fallbackMd = '# ' + (document.querySelector('h1') ? document.querySelector('h1').innerText : 'Post') + '\\n\\n' + (contentEl.innerText || contentEl.textContent); rawMarkdownCache[slug] = fallbackMd; callback(null, fallbackMd); } else { callback(err, null); } }); } // Attach Copy Markdown handler var copyButtons = document.querySelectorAll('.btn-copy-markdown, .floating-copy-markdown'); copyButtons.forEach(function (btn) { btn.addEventListener('click', function () { var slug = btn.getAttribute('data-uid') || btn.getAttribute('data-slug') || 'ich-will-feuerwehrmann-werden'; var originalHtml = btn.innerHTML; btn.disabled = true; fetchMarkdown(slug, function (err, md) { if (err || !md) { btn.disabled = false; alert('Could not copy Markdown source.'); return; } navigator.clipboard.writeText(md).then(function () { btn.classList.add('copied'); btn.innerHTML = ' Copied!'; setTimeout(function () { btn.classList.remove('copied'); btn.innerHTML = originalHtml; btn.disabled = false; }, 2000); }).catch(function () { btn.disabled = false; }); }); }); }); // Attach View Markdown modal var viewButtons = document.querySelectorAll('.btn-view-markdown'); var modal = document.getElementById('markdown-viewer-modal'); var codeEl = document.getElementById('markdown-viewer-code'); var closeBtn = modal ? modal.querySelector('.markdown-viewer-close') : null; var modalCopyBtn = document.getElementById('markdown-modal-copy-btn'); if (modal && viewButtons.length > 0) { viewButtons.forEach(function (btn) { btn.addEventListener('click', function () { var slug = btn.getAttribute('data-uid') || btn.getAttribute('data-slug') || 'ich-will-feuerwehrmann-werden'; if (codeEl) codeEl.textContent = 'Loading Markdown source...'; if (typeof modal.showModal === 'function') { modal.showModal(); } else { modal.setAttribute('open', ''); } fetchMarkdown(slug, function (err, md) { if (codeEl) { codeEl.textContent = md || 'Failed to load Markdown source.'; if (window.hljs && typeof hljs.highlightElement === 'function') { hljs.highlightElement(codeEl); } // Remove any DocFX code-action / copy buttons that might have been injected var actions = modal.querySelectorAll('.code-action, .code-copy-btn, .action, a[title=\"Copy\"], button[title=\"Copy\"]'); actions.forEach(function (el) { el.remove(); }); } }); }); }); if (closeBtn) { closeBtn.addEventListener('click', function () { if (typeof modal.close === 'function') { modal.close(); } else { modal.removeAttribute('open'); } }); } // Light dismiss on backdrop click modal.addEventListener('click', function (e) { if (e.target === modal) { var rect = modal.getBoundingClientRect(); var isInDialog = ( rect.top <= e.clientY && e.clientY <= rect.top + rect.height && rect.left <= e.clientX && e.clientX <= rect.left + rect.width ); if (!isInDialog) { if (typeof modal.close === 'function') { modal.close(); } else { modal.removeAttribute('open'); } } } }); var modalPromptBtn = document.getElementById('markdown-modal-prompt-btn'); function formatPrompt(markdownText) { var postTitle = document.querySelector('h1.post-full-title') || document.querySelector('h1'); var titleStr = (postTitle ? postTitle.textContent.trim() : 'Ich will Feuerwehrmann werden') || 'Article'; var appUrl = 'https://jochen.kirstaetter.name'.replace(/\\/+$/, ''); var canonicalLink = document.querySelector('link[rel=\"canonical\"]'); var pageUrl = canonicalLink ? (canonicalLink.getAttribute('href') || canonicalLink.href) : ''; if (!pageUrl) { pageUrl = appUrl + window.location.pathname; } if (pageUrl.startsWith('/')) { pageUrl = appUrl + pageUrl; } pageUrl = pageUrl.split('?')[0].split('#')[0]; try { var parsed = new URL(pageUrl, appUrl); if (parsed.hostname === 'localhost' || parsed.hostname === '127.0.0.1' || parsed.hostname.endsWith('.localhost')) { pageUrl = appUrl + parsed.pathname; } } catch (e) {} pageUrl = pageUrl.replace(/\\/index\\.html$/, '/').replace(/\\.html$/, ''); if (pageUrl.length > appUrl.length + 1 && pageUrl.endsWith('/')) { pageUrl = pageUrl.slice(0, -1); } return 'Analyse and use the following article as context:\\n\\n' + 'Title: ' + titleStr + '\\n' + 'URL: ' + pageUrl + '\\n\\n' + '---\\n\\n' + markdownText; } if (modalCopyBtn) { modalCopyBtn.addEventListener('click', function () { var text = codeEl ? (codeEl.innerText || codeEl.textContent) : ''; if (!text) return; navigator.clipboard.writeText(text).then(function () { var origHtml = modalCopyBtn.innerHTML; modalCopyBtn.classList.add('copied'); modalCopyBtn.innerHTML = ' Copied!'; setTimeout(function () { modalCopyBtn.classList.remove('copied'); modalCopyBtn.innerHTML = origHtml; }, 2000); }); }); } if (modalPromptBtn) { modalPromptBtn.addEventListener('click', function () { var text = codeEl ? (codeEl.innerText || codeEl.textContent) : ''; if (!text) return; var promptText = formatPrompt(text); navigator.clipboard.writeText(promptText).then(function () { var origHtml = modalPromptBtn.innerHTML; modalPromptBtn.classList.add('copied'); modalPromptBtn.innerHTML = ' Copied!'; setTimeout(function () { modalPromptBtn.classList.remove('copied'); modalPromptBtn.innerHTML = origHtml; }, 2000); }); }); } } })(); 2005-04-08 - Filed under General (function() { var el = document.currentScript ? document.currentScript.previousElementSibling.querySelector('.post-full-meta-date') : document.querySelector('.post-full-meta-date'); if (el) { var raw = el.getAttribute('datetime') || el.textContent.trim(); var m = raw.match(/^(\\d{4})-(\\d{1,2})-(\\d{1,2})/); if (m) { var months = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']; var y = parseInt(m[1], 10); var mo = parseInt(m[2], 10) - 1; var d = parseInt(m[3], 10); if (mo >= 0 && mo < 12) { el.textContent = months[mo] + ' ' + d + ', ' + y; } } } })(); Dieser Satz dürfte sicherlich noch einigen von uns bekannt sein. Wobei sich das sicherlich in Alterbereiche splitten lässt. Die einen zu alt, die nächsten im optimalen Alter und weitere wiederum zu jung für dieses Zitat Wer von euch kann sich noch an Grisu den Drachen erinnern? Ich fand und finde die TV-Serie richtig genial. Vielleicht sind nur gegenwärtig die Geschmäcker ein wenig anders. Dennoch empfinde ich diese Art an Sendungen noch lehrreich - sozusagen mit einer offensichtlichen Message. Aber ich möchte nicht ablenken, sondern auf die Ursache für diesen Blogeintrag zurückkommen. Heute Abend durfte ich - wie inzwischen seit grübel mind. 5 Jahren - wieder einmal 2 Schulstunden Unterricht für angehende Feuerwehrfrauen und -männer geniessen. Ja, auf Grund meiner langjährigen Aktivität als Ausbilder in der Gefahrstoff-Einheit der Wehr Rockenhausen bietet es sich ja schon fast zwangsläufig an, dass die beiden Unterrichtseinheiten zu \"Gefahrstoffen und gefährlichen Gütern\" entsprechend umgesetzt werden. So auch diesen Abend... Ich find's immer wieder erstaunlich und positiv wie heterogen die Verteilung in dem Grundlehrgang zum Feuerwehrmann sind. Zum einen gibt's einen wirklich hohen Anteil an Mädels und Frauen - waren locker wieder 40+% dabei und als weiteren Aspekt die Altersverteilung... Ich find's wirklich cool, und danke den Verantwortlichen Lehrgangsgestaltern, dass ich die beiden Einheiten lehren darf. Nach dem Einstieg in atomare Stoffe und Radioaktivität sowie den damit verbundenen Gefahrenpotentialen, Schutz- und Abwehrmaßnahmen ging's nach einer kurzen Pause über in den Bereich der chemischen Gefahrstoffe. Es ist immer wieder spassig, wenn man die einzelnen Ziffern der Gefahrnummer und deren Bedeutung durchgeht. Ich hoffe, dass ich dabei weder den Ernst des Stoffes noch den Spass am Feuerwehrdienst aus der Wanne kippe, aber meiner bescheidenen Meinung nach, sollten ernste Themen locker-flockig vermittelt werden, und gerade Radioaktivität sowie Chemie strotzen ja vor Begeisterung... \"Also, wenn ihr mal die Chance bekommt in einen CSA zu kommen, nutzt es! Es macht wirklich Spass.\" - Man glaubt gar nicht, wie verwirrend so eine Aussage in Kombination mit einer projezierten Folie für die Anwärter sein kann... Hehe, es ist so... Alright, genug getippert. Die zwei Einheiten sind natürlich viel zu schnell vorüber gegangen. Ich hab' auf alle Fälle wieder sehr viel Spass gehabt und bin auch der Annahme, dass sowohl die Anforderungen des Fragenkatalogs erfüllt, die Erwartungen des Lehrgangsleiters realisiert und hoffentlich das Interesse bei den AnwärterInnen geweckt wurde. Ich freue mich auf den nächsten Lehrgang. Vielleicht bist du dabei... Bis denne, JoKi if (typeof window !== 'undefined' && window.location.hostname !== 'localhost' && window.location.hostname !== '127.0.0.1') { (window.adsbygoogle = window.adsbygoogle || []).push({}); } (function() { var loaded = false; function loadDisqusEmbed() { if (loaded) return; loaded = true; window.disqus_config = function () { this.page.url = 'ich-will-feuerwehrmann-werden.html'; this.page.identifier = '9271ed1c97_idich-will-feuerwehrmann-werden'; }; var d = document, s = d.createElement('script'); s.src = 'https://getbloggedbyjoki.disqus.com/embed.js'; s.setAttribute('data-timestamp', +new Date()); (d.head || d.body).appendChild(s); } var target = document.getElementById('disqus_thread'); if ('IntersectionObserver' in window && target) { var observer = new IntersectionObserver(function(entries) { if (entries[0].isIntersecting) { loadDisqusEmbed(); observer.disconnect(); } }, { rootMargin: '300px' }); observer.observe(target); } else { window.addEventListener('load', function() { if ('requestIdleCallback' in window) { requestIdleCallback(loadDisqusEmbed, { timeout: 4000 }); } else { setTimeout(loadDisqusEmbed, 3000); } }); } })();" }, "icomm17.html": { "href": "icomm17.html", "title": "InterCommunity 2017 - Get Blogged by JoKi", "summary": "InterCommunity 2017 Copy Markdown View Markdown GitHub Markdown Source InterCommunity 2017 Copy Markdown Copy as Prompt Download .MD GitHub Close Loading markdown source... (function () { var rawMarkdownCache = {}; function cleanFrontmatter(text) { if (!text) return ''; // Bulletproof removal of frontmatter: between initial --- and ending --- return text.replace(/^---[\\s\\S]*?\\n---\\s*\\n?/, '').trim() + '\\n'; } function fetchMarkdown(slug, callback) { if (rawMarkdownCache[slug]) { callback(null, rawMarkdownCache[slug]); return; } var rel = ''; var url = rel + 'raw/' + encodeURIComponent(slug) + '.md'; fetch(url) .then(function (res) { if (!res.ok) throw new Error('Markdown source not found: ' + res.status); return res.text(); }) .then(function (text) { var cleaned = cleanFrontmatter(text); rawMarkdownCache[slug] = cleaned; callback(null, cleaned); }) .catch(function (err) { // Fallback: extract plain text from post content var contentEl = document.querySelector('.post-full-content .post-content, .post-content, main .inner'); if (contentEl) { var fallbackMd = '# ' + (document.querySelector('h1') ? document.querySelector('h1').innerText : 'Post') + '\\n\\n' + (contentEl.innerText || contentEl.textContent); rawMarkdownCache[slug] = fallbackMd; callback(null, fallbackMd); } else { callback(err, null); } }); } // Attach Copy Markdown handler var copyButtons = document.querySelectorAll('.btn-copy-markdown, .floating-copy-markdown'); copyButtons.forEach(function (btn) { btn.addEventListener('click', function () { var slug = btn.getAttribute('data-uid') || btn.getAttribute('data-slug') || 'icomm17'; var originalHtml = btn.innerHTML; btn.disabled = true; fetchMarkdown(slug, function (err, md) { if (err || !md) { btn.disabled = false; alert('Could not copy Markdown source.'); return; } navigator.clipboard.writeText(md).then(function () { btn.classList.add('copied'); btn.innerHTML = ' Copied!'; setTimeout(function () { btn.classList.remove('copied'); btn.innerHTML = originalHtml; btn.disabled = false; }, 2000); }).catch(function () { btn.disabled = false; }); }); }); }); // Attach View Markdown modal var viewButtons = document.querySelectorAll('.btn-view-markdown'); var modal = document.getElementById('markdown-viewer-modal'); var codeEl = document.getElementById('markdown-viewer-code'); var closeBtn = modal ? modal.querySelector('.markdown-viewer-close') : null; var modalCopyBtn = document.getElementById('markdown-modal-copy-btn'); if (modal && viewButtons.length > 0) { viewButtons.forEach(function (btn) { btn.addEventListener('click', function () { var slug = btn.getAttribute('data-uid') || btn.getAttribute('data-slug') || 'icomm17'; if (codeEl) codeEl.textContent = 'Loading Markdown source...'; if (typeof modal.showModal === 'function') { modal.showModal(); } else { modal.setAttribute('open', ''); } fetchMarkdown(slug, function (err, md) { if (codeEl) { codeEl.textContent = md || 'Failed to load Markdown source.'; if (window.hljs && typeof hljs.highlightElement === 'function') { hljs.highlightElement(codeEl); } // Remove any DocFX code-action / copy buttons that might have been injected var actions = modal.querySelectorAll('.code-action, .code-copy-btn, .action, a[title=\"Copy\"], button[title=\"Copy\"]'); actions.forEach(function (el) { el.remove(); }); } }); }); }); if (closeBtn) { closeBtn.addEventListener('click', function () { if (typeof modal.close === 'function') { modal.close(); } else { modal.removeAttribute('open'); } }); } // Light dismiss on backdrop click modal.addEventListener('click', function (e) { if (e.target === modal) { var rect = modal.getBoundingClientRect(); var isInDialog = ( rect.top <= e.clientY && e.clientY <= rect.top + rect.height && rect.left <= e.clientX && e.clientX <= rect.left + rect.width ); if (!isInDialog) { if (typeof modal.close === 'function') { modal.close(); } else { modal.removeAttribute('open'); } } } }); var modalPromptBtn = document.getElementById('markdown-modal-prompt-btn'); function formatPrompt(markdownText) { var postTitle = document.querySelector('h1.post-full-title') || document.querySelector('h1'); var titleStr = (postTitle ? postTitle.textContent.trim() : 'InterCommunity 2017') || 'Article'; var appUrl = 'https://jochen.kirstaetter.name'.replace(/\\/+$/, ''); var canonicalLink = document.querySelector('link[rel=\"canonical\"]'); var pageUrl = canonicalLink ? (canonicalLink.getAttribute('href') || canonicalLink.href) : ''; if (!pageUrl) { pageUrl = appUrl + window.location.pathname; } if (pageUrl.startsWith('/')) { pageUrl = appUrl + pageUrl; } pageUrl = pageUrl.split('?')[0].split('#')[0]; try { var parsed = new URL(pageUrl, appUrl); if (parsed.hostname === 'localhost' || parsed.hostname === '127.0.0.1' || parsed.hostname.endsWith('.localhost')) { pageUrl = appUrl + parsed.pathname; } } catch (e) {} pageUrl = pageUrl.replace(/\\/index\\.html$/, '/').replace(/\\.html$/, ''); if (pageUrl.length > appUrl.length + 1 && pageUrl.endsWith('/')) { pageUrl = pageUrl.slice(0, -1); } return 'Analyse and use the following article as context:\\n\\n' + 'Title: ' + titleStr + '\\n' + 'URL: ' + pageUrl + '\\n\\n' + '---\\n\\n' + markdownText; } if (modalCopyBtn) { modalCopyBtn.addEventListener('click', function () { var text = codeEl ? (codeEl.innerText || codeEl.textContent) : ''; if (!text) return; navigator.clipboard.writeText(text).then(function () { var origHtml = modalCopyBtn.innerHTML; modalCopyBtn.classList.add('copied'); modalCopyBtn.innerHTML = ' Copied!'; setTimeout(function () { modalCopyBtn.classList.remove('copied'); modalCopyBtn.innerHTML = origHtml; }, 2000); }); }); } if (modalPromptBtn) { modalPromptBtn.addEventListener('click', function () { var text = codeEl ? (codeEl.innerText || codeEl.textContent) : ''; if (!text) return; var promptText = formatPrompt(text); navigator.clipboard.writeText(promptText).then(function () { var origHtml = modalPromptBtn.innerHTML; modalPromptBtn.classList.add('copied'); modalPromptBtn.innerHTML = ' Copied!'; setTimeout(function () { modalPromptBtn.classList.remove('copied'); modalPromptBtn.innerHTML = origHtml; }, 2000); }); }); } } })(); 2017-10-12 - Filed under CommunityActivity (function() { var el = document.currentScript ? document.currentScript.previousElementSibling.querySelector('.post-full-meta-date') : document.querySelector('.post-full-meta-date'); if (el) { var raw = el.getAttribute('datetime') || el.textContent.trim(); var m = raw.match(/^(\\d{4})-(\\d{1,2})-(\\d{1,2})/); if (m) { var months = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']; var y = parseInt(m[1], 10); var mo = parseInt(m[2], 10) - 1; var d = parseInt(m[3], 10); if (mo >= 0 && mo < 12) { el.textContent = months[mo] + ' ' + d + ', ' + y; } } } })(); Following an informative posting by Duskh Koonjoobeeharry, founder of the Atlassian User Group Mauritius on Facebook, I signed up first time to attend the annual InterCommunity 2017 by the Internet Society (ISOC). This year marked the 25th anniversairy of the Internet Society, and a 24 hours live stream among several nodes across the globe gave me an opportunity to learn more about the association. Mauritius actively participated as one of the 16 Interactive Regional Nodes world-wide. Having Flic En Flac listed among other big cities like Los Angeles, Singapore, Geneva, or Montevideo indicates that it's not just about location or size but active participation and contribution. The interactive node here in Mauritius was possible thanks to AFRINIC who generously sponsored the venue and handled all the logistics. What to expect? Although I already knew a little about the existence and work of the Internet Society (in Mauritius) based on a previous invitation to attend the AFRINIC-25 conference, I was mainly interested in the advertised panel discussion dubbed \"Digital Divides and the Internet Economy: The case of Mauritius\". It would have been great to get information on the past, current and hopefully plans of the future. Attending the event would also give me a chance to meet new people, and learn from their experience and knowledge. Literally next door... AFRINIC chose the Sofitel Hotel in Wolmar for their get together. So, literally for me it was just next door, and although leaving just-in-time I was among the first to show up at the venue. Later on, it was reported that some attendees got stuck in traffic jam coming down the link road from Mon Desir towards Beaux Songes. Yes, that's a daily obstacle. Luckily, my office is located in Quatre Bornes and therefore I'm going opposite direction the other days. The registration went smooth given nobody was around, and while having a cup of tea for breakfast Kevin G. Chege, ISOC, joined me and we had a brief conversation about my expectation of today's event, the Internet Society in general, and the IT communities in Mauritius. Great, exactly what I was looking for. \uD83D\uDE09 Before the sessions kicked off I managed to chat a bit with Logan and Yashvi about the upcoming Code Wars hackathon organised by the Computer Club of the UoM. Fantastic idea and yes it's important to give students a chance to get their \"hands dirty\" and to participate in coding writing activities. Later on, SM sat next to me and we had some exchange about InterCommunity 2017, the Internet Society as well as AFRINIC. Finally, some folks of LSL Digital came through the traffic jam, and started their own live stream on Facebook. Panel discussion and livestream According to the schedule the local panel discussion was set for one hour starting at 10:00 hrs (6:00 hrs UTC). Vymala Thuron from AFRINIC managed the handover from the broadcasting HQ in Brussels and kicked off the conversation with some interesting questions for the four panelists. Following I'm trying to summarise what was discussed. Bandwidth Mr Johnny Lim Fook, IP & Broadband Manager of Mauritius Telecom mentioned that with the development of fiber networks and the constant increase of bandwidth the demands of companies but also households have gone up, too. The new challenges are about providing a reliable network infrastructure for permanent eLearning and more remote work scenarios. The aim would be to create local nodes for providers of Content Distribution Networks (CDNs) and to provide higher capacity on data caches in Mauritius. Working together for the better of all Given the existing technology and infrastructure it is now more an issue between people to agree on corporation rather than keeping the competition alive, says Mr Patrick Rene. He highlighted that sharing is important in order to move Mauritius to the next level of a knowledge-based society. Pricing in Mauritius Despite the improvements of technology and the easier access to internet connectivity one major obstacle still remains according to Mr Alan Barrett, CEO of AFRINIC, which is pricing. Whether it is the current price structure of last mile lines or hosting space in local data centres. The cost is still too high in Mauritius. Handling of cyber security With the rapid adoption of Internet of Things (IoT) Mr Kaleem Usmani, Assistant Manager CERT-MU of the National Computer Board (NCB) explained that it is important that the Mauritian government is aware of recent threats and that education of the general public in regards to cyber security needs more attention. Free WiFi given by various local providers is surely interesting to nourish easy access to the internet but it is not without risks. There were more interesting questions on the digital divide but overall it can be said that Mauritius has a fair standing in Africa. Watch the full session on YouTube or here: Prior to the hand-over to the next InterComm node in Johannesburg all attendees were kindly asked to join the birthday cake ceremony here in Mauritius. Exhaustion of IPv4 addresses After a quick break and some refreshments Mrs Madhvi Gokool of AFRINIC gave an overview of the IPv4 address management and it's exhaustion in the near future. Several Regional Internet Registries (RIRs) are already out of addresses and the few remaining ones introduced rigid regulation on the application and assignment of addresses. It was also mentioned that the adaption of IPv6 is increasing and that current internet service providers (ISPs) should give some more attention to dual-stacking network hardware instead of masquerading their clients into private IPv4 address spaces. Thanks to the constant climb of IoT devices the necessity of IPv6 is unavoidable. Share more local content Right now Mauritius is still consuming more content than actually creating and sharing information. Whether it is through video services like Netflix, Hulu or Amazon Prime several attendees showed their concerns that our island could be cut-off from the interweb very easily. The recent incident on one of the internet sea cables also made this very prominent. On the one hand it would be positive to gain more resilience and redundancy on internet connectivity and on the other hand it is welcoming to offer more content and information produced locally. As stated, with better understanding and corporation between local service providers and a revised price structure this could be achieved soon, given the existing technology available today. if (typeof window !== 'undefined' && window.location.hostname !== 'localhost' && window.location.hostname !== '127.0.0.1') { (window.adsbygoogle = window.adsbygoogle || []).push({}); } (function() { var loaded = false; function loadDisqusEmbed() { if (loaded) return; loaded = true; window.disqus_config = function () { this.page.url = 'icomm17.html'; this.page.identifier = '9271ed1c97_idicomm17'; }; var d = document, s = d.createElement('script'); s.src = 'https://getbloggedbyjoki.disqus.com/embed.js'; s.setAttribute('data-timestamp', +new Date()); (d.head || d.body).appendChild(s); } var target = document.getElementById('disqus_thread'); if ('IntersectionObserver' in window && target) { var observer = new IntersectionObserver(function(entries) { if (entries[0].isIntersecting) { loadDisqusEmbed(); observer.disconnect(); } }, { rootMargin: '300px' }); observer.observe(target); } else { window.addEventListener('load', function() { if ('requestIdleCallback' in window) { requestIdleCallback(loadDisqusEmbed, { timeout: 4000 }); } else { setTimeout(loadDisqusEmbed, 3000); } }); } })();" }, "iis-7-ein-web-server-der-next-generation.html": { "href": "iis-7-ein-web-server-der-next-generation.html", "title": "\"IIS 7 - Ein Web-Server der 'Next Generation'?\" - Get Blogged by JoKi", "summary": "\"IIS 7 - Ein Web-Server der 'Next Generation'?\" Copy Markdown View Markdown GitHub Markdown Source \"IIS 7 - Ein Web-Server der 'Next Generation'?\" Copy Markdown Copy as Prompt Download .MD GitHub Close Loading markdown source... (function () { var rawMarkdownCache = {}; function cleanFrontmatter(text) { if (!text) return ''; // Bulletproof removal of frontmatter: between initial --- and ending --- return text.replace(/^---[\\s\\S]*?\\n---\\s*\\n?/, '').trim() + '\\n'; } function fetchMarkdown(slug, callback) { if (rawMarkdownCache[slug]) { callback(null, rawMarkdownCache[slug]); return; } var rel = ''; var url = rel + 'raw/' + encodeURIComponent(slug) + '.md'; fetch(url) .then(function (res) { if (!res.ok) throw new Error('Markdown source not found: ' + res.status); return res.text(); }) .then(function (text) { var cleaned = cleanFrontmatter(text); rawMarkdownCache[slug] = cleaned; callback(null, cleaned); }) .catch(function (err) { // Fallback: extract plain text from post content var contentEl = document.querySelector('.post-full-content .post-content, .post-content, main .inner'); if (contentEl) { var fallbackMd = '# ' + (document.querySelector('h1') ? document.querySelector('h1').innerText : 'Post') + '\\n\\n' + (contentEl.innerText || contentEl.textContent); rawMarkdownCache[slug] = fallbackMd; callback(null, fallbackMd); } else { callback(err, null); } }); } // Attach Copy Markdown handler var copyButtons = document.querySelectorAll('.btn-copy-markdown, .floating-copy-markdown'); copyButtons.forEach(function (btn) { btn.addEventListener('click', function () { var slug = btn.getAttribute('data-uid') || btn.getAttribute('data-slug') || 'iis-7-ein-web-server-der-next-generation'; var originalHtml = btn.innerHTML; btn.disabled = true; fetchMarkdown(slug, function (err, md) { if (err || !md) { btn.disabled = false; alert('Could not copy Markdown source.'); return; } navigator.clipboard.writeText(md).then(function () { btn.classList.add('copied'); btn.innerHTML = ' Copied!'; setTimeout(function () { btn.classList.remove('copied'); btn.innerHTML = originalHtml; btn.disabled = false; }, 2000); }).catch(function () { btn.disabled = false; }); }); }); }); // Attach View Markdown modal var viewButtons = document.querySelectorAll('.btn-view-markdown'); var modal = document.getElementById('markdown-viewer-modal'); var codeEl = document.getElementById('markdown-viewer-code'); var closeBtn = modal ? modal.querySelector('.markdown-viewer-close') : null; var modalCopyBtn = document.getElementById('markdown-modal-copy-btn'); if (modal && viewButtons.length > 0) { viewButtons.forEach(function (btn) { btn.addEventListener('click', function () { var slug = btn.getAttribute('data-uid') || btn.getAttribute('data-slug') || 'iis-7-ein-web-server-der-next-generation'; if (codeEl) codeEl.textContent = 'Loading Markdown source...'; if (typeof modal.showModal === 'function') { modal.showModal(); } else { modal.setAttribute('open', ''); } fetchMarkdown(slug, function (err, md) { if (codeEl) { codeEl.textContent = md || 'Failed to load Markdown source.'; if (window.hljs && typeof hljs.highlightElement === 'function') { hljs.highlightElement(codeEl); } // Remove any DocFX code-action / copy buttons that might have been injected var actions = modal.querySelectorAll('.code-action, .code-copy-btn, .action, a[title=\"Copy\"], button[title=\"Copy\"]'); actions.forEach(function (el) { el.remove(); }); } }); }); }); if (closeBtn) { closeBtn.addEventListener('click', function () { if (typeof modal.close === 'function') { modal.close(); } else { modal.removeAttribute('open'); } }); } // Light dismiss on backdrop click modal.addEventListener('click', function (e) { if (e.target === modal) { var rect = modal.getBoundingClientRect(); var isInDialog = ( rect.top <= e.clientY && e.clientY <= rect.top + rect.height && rect.left <= e.clientX && e.clientX <= rect.left + rect.width ); if (!isInDialog) { if (typeof modal.close === 'function') { modal.close(); } else { modal.removeAttribute('open'); } } } }); var modalPromptBtn = document.getElementById('markdown-modal-prompt-btn'); function formatPrompt(markdownText) { var postTitle = document.querySelector('h1.post-full-title') || document.querySelector('h1'); var titleStr = (postTitle ? postTitle.textContent.trim() : '\"IIS 7 - Ein Web-Server der 'Next Generation'?\"') || 'Article'; var appUrl = 'https://jochen.kirstaetter.name'.replace(/\\/+$/, ''); var canonicalLink = document.querySelector('link[rel=\"canonical\"]'); var pageUrl = canonicalLink ? (canonicalLink.getAttribute('href') || canonicalLink.href) : ''; if (!pageUrl) { pageUrl = appUrl + window.location.pathname; } if (pageUrl.startsWith('/')) { pageUrl = appUrl + pageUrl; } pageUrl = pageUrl.split('?')[0].split('#')[0]; try { var parsed = new URL(pageUrl, appUrl); if (parsed.hostname === 'localhost' || parsed.hostname === '127.0.0.1' || parsed.hostname.endsWith('.localhost')) { pageUrl = appUrl + parsed.pathname; } } catch (e) {} pageUrl = pageUrl.replace(/\\/index\\.html$/, '/').replace(/\\.html$/, ''); if (pageUrl.length > appUrl.length + 1 && pageUrl.endsWith('/')) { pageUrl = pageUrl.slice(0, -1); } return 'Analyse and use the following article as context:\\n\\n' + 'Title: ' + titleStr + '\\n' + 'URL: ' + pageUrl + '\\n\\n' + '---\\n\\n' + markdownText; } if (modalCopyBtn) { modalCopyBtn.addEventListener('click', function () { var text = codeEl ? (codeEl.innerText || codeEl.textContent) : ''; if (!text) return; navigator.clipboard.writeText(text).then(function () { var origHtml = modalCopyBtn.innerHTML; modalCopyBtn.classList.add('copied'); modalCopyBtn.innerHTML = ' Copied!'; setTimeout(function () { modalCopyBtn.classList.remove('copied'); modalCopyBtn.innerHTML = origHtml; }, 2000); }); }); } if (modalPromptBtn) { modalPromptBtn.addEventListener('click', function () { var text = codeEl ? (codeEl.innerText || codeEl.textContent) : ''; if (!text) return; var promptText = formatPrompt(text); navigator.clipboard.writeText(promptText).then(function () { var origHtml = modalPromptBtn.innerHTML; modalPromptBtn.classList.add('copied'); modalPromptBtn.innerHTML = ' Copied!'; setTimeout(function () { modalPromptBtn.classList.remove('copied'); modalPromptBtn.innerHTML = origHtml; }, 2000); }); }); } } })(); 2006-04-27 - Filed under Development (function() { var el = document.currentScript ? document.currentScript.previousElementSibling.querySelector('.post-full-meta-date') : document.querySelector('.post-full-meta-date'); if (el) { var raw = el.getAttribute('datetime') || el.textContent.trim(); var m = raw.match(/^(\\d{4})-(\\d{1,2})-(\\d{1,2})/); if (m) { var months = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']; var y = parseInt(m[1], 10); var mo = parseInt(m[2], 10) - 1; var d = parseInt(m[3], 10); if (mo >= 0 && mo < 12) { el.textContent = months[mo] + ' ' + d + ', ' + y; } } } })(); Es wird interessant werden... *Der Stratege denkt an Web 2.0, der Entwickler vielleicht an AJAX, Webservices, etc. Schön wäre dabei natürlich auch einen Web-Server zu haben, welcher mit der Entwicklung Schritt halten kann. Ist IIS 7 die richtige Antwort für Sie? Bilden Sie sich Ihre eigene Meinung.* Anflug Am Dienstag Abend ging's mal wieder auf Achse. Dieses Mal nach Stuttgart auf einen Microsoft TechTalk zum IIS 7.0. Stuggi, klar, dass wir auch einen kleinen Schwenk über Wendlingen machen und den Tiger abholen. Schliesslich gilt es wieder als 'DreamTeam' vertreten zu sein. Zusammen mit Willi liefen wir dann wetter- und verkehrsbedingt ein wenig verspätet im Novotel in Stuttgart Stammheim und genossen den informativen Beitrag von Bernhard Frank. IIS 7 ist neu Klar, das ergibt sich ja bereits implizit, da Windows Vista bzw. Longhorn Server aktuell in der Betaphase sind. Dennoch sind die Umbaumaßnahmen im IIS und die Modularisierung wirklich interessant gelöst worden. Aus den bisher unabhängigen Eventhandlings im Webserver und der ASP.NET Umgebung wurde eins. Weiterhin ist das Konzept für ISAPI Filter und ISAPI Extensions vollständig dem Refactoring zu Gute gefallen. Die Details und massigen Featurelisten werden sicherlich auf den offiziellen Produktseiten zu finden sein, ich spare mir u.a. aus Platzgründen die Wiederholung \uD83D\uDE42 ISAPI und andere Schnittstellen Interessant ist auf alle Fälle die Option, dass weiterhin bestehende ISAPI Extensions wie beispielsweise Active FoxPro Pages direkt nutzbar sein werden, und dass weitere Schnittstellen für die Entwicklung von Server-Addons bereitstehen. Dies wurde auch eindrucksvoll anhand von verschiedenen ISAPI Filter per IHttpModule Schnittstelle gezeigt. Für die Implementierung von ISAPI Extension empfiehlt sich die Verwendung der IHttpHandler-Klasse. Was übrigens in keinster Weise auf den IIS 7 speziell ausgelegt ist. Man kann bereits seit einiger Zeit im .NET Framework eigene HttpModule und HttpHandler schreiben und im IIS 5.x bzw. IIS 6 nutzen. Das Neue dabei ist, dass dies nun global und applikationsspezifisch konfiguriert und genutzt werden kann. Achja, neben den .NET Interfaces IHttpModule und IHttpHandler gibt's die nahezu identische API für native Programmierung, etwa C oder C++, in Form von CHttpModule und CHttpHandler. Monolithische Konfiguration Neben den sehr hohen Ähnlichkeiten zu den Dynamic Shared Objects (DSO) des Apache kamen wir dennoch in der Pause zu einem Punkt, der weiterhin im IIS nach meinem Verständnis unzureichend gelöst ist und wurde. Die XML-Konfiguration für den Webserver bzw. die Website ist weiterhin monolithisch und gestattet es nicht, dass man die Konfiguration über mehrere Dateien splitten und nutzen kann. Das ist wirklich schade. Sicher taucht nun die Frage auf, wozu man das brauchen sollte... Nun, ganz einfach. Wir nehmen mal eine ASP.NET Anwendung eines Drittanbieters, exemplarisch DotNetNuke oder eben sonstwas. Die gängigen Einstellungen werden in der web.config hinterlegt und genutzt. Vielleicht eben auch individuelle Vorlieben und so. Im Falle eines Upgrade der Software mit Erweiterungen und/oder Korrekturen an der grundsätzlichen Konfiguration laufen wir in ein Problem hinein. Zwar nur ein leichtes, aber auf Dauer und steigende Häufigkeit wird es sicherlich zur Nervensäge. Hier bietet der Apache mit der Include-Direktive ganz erhebliche Vorteile. Tolle Demos und runde Sache Insgesamt bleibt bei mir der Eindruck zurück, dass das IIS-Developerteam weiter ihre Hausaufgaben gemacht haben und dem Riesenmonster IIS in der siebten Version sehr stark die Federn gestutzt haben. Bereits mit dem IIS 6 und den verschärften Sicherheitseinstellungen stieg die Gunst, aber mit der neuen Modularisierung, der Entrümpelung der Architektur und den vereinfachten Programmierschnittstellen wird der Microsoft Webserver interessanter. Active FoxPro Pages Ehrlich gesagt, bin ich persönlich noch nicht dazu gekommen AFP im IIS 7 zu testen. Dennoch sind die bisherigen Aussagen von Microsofties und IIS-Experten eintönig, dass bestehende ISAPIs problemlos funktionieren werden. Beruhigend zu wissen. Dennoch werde ich eventuell die nächste Zeit mal für einen ausführlicheren Test unter Windows Vista Beta nutzen und berichten. Und wie ich schon sagte, die IHttpHandler-Klasse kann man schon länger nutzen... Hier wird es sicherlich auch noch Neuigkeiten geben. Bis denne, JoKi if (typeof window !== 'undefined' && window.location.hostname !== 'localhost' && window.location.hostname !== '127.0.0.1') { (window.adsbygoogle = window.adsbygoogle || []).push({}); } (function() { var loaded = false; function loadDisqusEmbed() { if (loaded) return; loaded = true; window.disqus_config = function () { this.page.url = 'iis-7-ein-web-server-der-next-generation.html'; this.page.identifier = '9271ed1c97_idiis-7-ein-web-server-der-next-generation'; }; var d = document, s = d.createElement('script'); s.src = 'https://getbloggedbyjoki.disqus.com/embed.js'; s.setAttribute('data-timestamp', +new Date()); (d.head || d.body).appendChild(s); } var target = document.getElementById('disqus_thread'); if ('IntersectionObserver' in window && target) { var observer = new IntersectionObserver(function(entries) { if (entries[0].isIntersecting) { loadDisqusEmbed(); observer.disconnect(); } }, { rootMargin: '300px' }); observer.observe(target); } else { window.addEventListener('load', function() { if ('requestIdleCallback' in window) { requestIdleCallback(loadDisqusEmbed, { timeout: 4000 }); } else { setTimeout(loadDisqusEmbed, 3000); } }); } })();" }, "in-80-zeilen-um-die-vfp-tabelle.html": { "href": "in-80-zeilen-um-die-vfp-tabelle.html", "title": "In 80 Zeilen um die VFP-Tabelle - Get Blogged by JoKi", "summary": "In 80 Zeilen um die VFP-Tabelle Copy Markdown View Markdown GitHub Markdown Source In 80 Zeilen um die VFP-Tabelle Copy Markdown Copy as Prompt Download .MD GitHub Close Loading markdown source... (function () { var rawMarkdownCache = {}; function cleanFrontmatter(text) { if (!text) return ''; // Bulletproof removal of frontmatter: between initial --- and ending --- return text.replace(/^---[\\s\\S]*?\\n---\\s*\\n?/, '').trim() + '\\n'; } function fetchMarkdown(slug, callback) { if (rawMarkdownCache[slug]) { callback(null, rawMarkdownCache[slug]); return; } var rel = ''; var url = rel + 'raw/' + encodeURIComponent(slug) + '.md'; fetch(url) .then(function (res) { if (!res.ok) throw new Error('Markdown source not found: ' + res.status); return res.text(); }) .then(function (text) { var cleaned = cleanFrontmatter(text); rawMarkdownCache[slug] = cleaned; callback(null, cleaned); }) .catch(function (err) { // Fallback: extract plain text from post content var contentEl = document.querySelector('.post-full-content .post-content, .post-content, main .inner'); if (contentEl) { var fallbackMd = '# ' + (document.querySelector('h1') ? document.querySelector('h1').innerText : 'Post') + '\\n\\n' + (contentEl.innerText || contentEl.textContent); rawMarkdownCache[slug] = fallbackMd; callback(null, fallbackMd); } else { callback(err, null); } }); } // Attach Copy Markdown handler var copyButtons = document.querySelectorAll('.btn-copy-markdown, .floating-copy-markdown'); copyButtons.forEach(function (btn) { btn.addEventListener('click', function () { var slug = btn.getAttribute('data-uid') || btn.getAttribute('data-slug') || 'in-80-zeilen-um-die-vfp-tabelle'; var originalHtml = btn.innerHTML; btn.disabled = true; fetchMarkdown(slug, function (err, md) { if (err || !md) { btn.disabled = false; alert('Could not copy Markdown source.'); return; } navigator.clipboard.writeText(md).then(function () { btn.classList.add('copied'); btn.innerHTML = ' Copied!'; setTimeout(function () { btn.classList.remove('copied'); btn.innerHTML = originalHtml; btn.disabled = false; }, 2000); }).catch(function () { btn.disabled = false; }); }); }); }); // Attach View Markdown modal var viewButtons = document.querySelectorAll('.btn-view-markdown'); var modal = document.getElementById('markdown-viewer-modal'); var codeEl = document.getElementById('markdown-viewer-code'); var closeBtn = modal ? modal.querySelector('.markdown-viewer-close') : null; var modalCopyBtn = document.getElementById('markdown-modal-copy-btn'); if (modal && viewButtons.length > 0) { viewButtons.forEach(function (btn) { btn.addEventListener('click', function () { var slug = btn.getAttribute('data-uid') || btn.getAttribute('data-slug') || 'in-80-zeilen-um-die-vfp-tabelle'; if (codeEl) codeEl.textContent = 'Loading Markdown source...'; if (typeof modal.showModal === 'function') { modal.showModal(); } else { modal.setAttribute('open', ''); } fetchMarkdown(slug, function (err, md) { if (codeEl) { codeEl.textContent = md || 'Failed to load Markdown source.'; if (window.hljs && typeof hljs.highlightElement === 'function') { hljs.highlightElement(codeEl); } // Remove any DocFX code-action / copy buttons that might have been injected var actions = modal.querySelectorAll('.code-action, .code-copy-btn, .action, a[title=\"Copy\"], button[title=\"Copy\"]'); actions.forEach(function (el) { el.remove(); }); } }); }); }); if (closeBtn) { closeBtn.addEventListener('click', function () { if (typeof modal.close === 'function') { modal.close(); } else { modal.removeAttribute('open'); } }); } // Light dismiss on backdrop click modal.addEventListener('click', function (e) { if (e.target === modal) { var rect = modal.getBoundingClientRect(); var isInDialog = ( rect.top <= e.clientY && e.clientY <= rect.top + rect.height && rect.left <= e.clientX && e.clientX <= rect.left + rect.width ); if (!isInDialog) { if (typeof modal.close === 'function') { modal.close(); } else { modal.removeAttribute('open'); } } } }); var modalPromptBtn = document.getElementById('markdown-modal-prompt-btn'); function formatPrompt(markdownText) { var postTitle = document.querySelector('h1.post-full-title') || document.querySelector('h1'); var titleStr = (postTitle ? postTitle.textContent.trim() : 'In 80 Zeilen um die VFP-Tabelle') || 'Article'; var appUrl = 'https://jochen.kirstaetter.name'.replace(/\\/+$/, ''); var canonicalLink = document.querySelector('link[rel=\"canonical\"]'); var pageUrl = canonicalLink ? (canonicalLink.getAttribute('href') || canonicalLink.href) : ''; if (!pageUrl) { pageUrl = appUrl + window.location.pathname; } if (pageUrl.startsWith('/')) { pageUrl = appUrl + pageUrl; } pageUrl = pageUrl.split('?')[0].split('#')[0]; try { var parsed = new URL(pageUrl, appUrl); if (parsed.hostname === 'localhost' || parsed.hostname === '127.0.0.1' || parsed.hostname.endsWith('.localhost')) { pageUrl = appUrl + parsed.pathname; } } catch (e) {} pageUrl = pageUrl.replace(/\\/index\\.html$/, '/').replace(/\\.html$/, ''); if (pageUrl.length > appUrl.length + 1 && pageUrl.endsWith('/')) { pageUrl = pageUrl.slice(0, -1); } return 'Analyse and use the following article as context:\\n\\n' + 'Title: ' + titleStr + '\\n' + 'URL: ' + pageUrl + '\\n\\n' + '---\\n\\n' + markdownText; } if (modalCopyBtn) { modalCopyBtn.addEventListener('click', function () { var text = codeEl ? (codeEl.innerText || codeEl.textContent) : ''; if (!text) return; navigator.clipboard.writeText(text).then(function () { var origHtml = modalCopyBtn.innerHTML; modalCopyBtn.classList.add('copied'); modalCopyBtn.innerHTML = ' Copied!'; setTimeout(function () { modalCopyBtn.classList.remove('copied'); modalCopyBtn.innerHTML = origHtml; }, 2000); }); }); } if (modalPromptBtn) { modalPromptBtn.addEventListener('click', function () { var text = codeEl ? (codeEl.innerText || codeEl.textContent) : ''; if (!text) return; var promptText = formatPrompt(text); navigator.clipboard.writeText(promptText).then(function () { var origHtml = modalPromptBtn.innerHTML; modalPromptBtn.classList.add('copied'); modalPromptBtn.innerHTML = ' Copied!'; setTimeout(function () { modalPromptBtn.classList.remove('copied'); modalPromptBtn.innerHTML = origHtml; }, 2000); }); }); } } })(); 2005-04-29 - Filed under Development (function() { var el = document.currentScript ? document.currentScript.previousElementSibling.querySelector('.post-full-meta-date') : document.querySelector('.post-full-meta-date'); if (el) { var raw = el.getAttribute('datetime') || el.textContent.trim(); var m = raw.match(/^(\\d{4})-(\\d{1,2})-(\\d{1,2})/); if (m) { var months = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']; var y = parseInt(m[1], 10); var mo = parseInt(m[2], 10) - 1; var d = parseInt(m[3], 10); if (mo >= 0 && mo < 12) { el.textContent = months[mo] + ' ' + d + ', ' + y; } } } })(); Ups, I did it again... Oder so ähnlich, aber da ich gestern / heute ein wenig durch meine Kollegen zu Zwangsarbeit genötigt wurde, dachte ich mir die Zeit des Wartens könnte man anderweitig nutzen. Nun, in Vorbereitung für den kommenden Webcast zu Visual FoxPro und Visual Studio 2005 brauche ich ein wenig Übung und ein, zwei Beispiele wie man von C# auf die Datenbankfähigkeiten von Visual FoxPro zugreift. Well, gedacht, gemacht... Und so habe ich mir dann einen wirklich simplen VFP-Befehl als Vorlage genommen: Browse Mit dem Browse-Befehl kann man den Inhalt einer Tabelle in einem Grid anzeigen lassen und manipulieren. Sofern keine Tabelle im aktuellen Arbeitsbereich geöffnet ist, bietet Visual FoxPro den Datei-Auswahldialog für DBFs an. Für einen VFP-Entwickler gehört dieser Befehl zum Standardrüstzeug. Egal, ob auf lokal oder remote liegende VFP-Tabellen oder ResultSets aus ODBC-Connections (Views und Cursor) zugegriffen wird. Und damit wären wir auch bei einer sinnvollen Aufgabe für meine weiteren Schritte im Reich des .NET Frameworks unter der Herrscher des C#. Wir schreiben eine Windows-Anwendung zum Öffnen, Anzeigen und Manipulieren von Visual FoxPro Tabellen. Klingt spassig, oder? Spass hat es auf Fälle gemacht. Also, Visual Studio angeworfen, neues C# Windows-Anwendung Projekt namens VfpBrowse erstellt. Die automatisch erstellte Form-Klasse polieren wir ein wenig auf und verpassen ihr noch ein paar Felder, die wir im weiteren Verlauf brauchen werden: public class frmVfpBrowse : System.Windows.Forms.Form { private string path; private string file; private OleDbDataAdapter da; private DataSet ds; //... } Jetzt kümmern wir uns ein wenig um die optische Ausstattung und werfen ein paar Controls auf die leere Form: Label Textbox Button für den Auswahldialog FileDialog-Komponente Button für Browse Button für Update und zu guter Letzt ein DataGrid Das Ganze hübsch angeordnet und per Anchor-Eigenschaft festgetackert. So, jetzt kümmern wir uns um die Ereignisse, die Auftreten können. Da hätten wir zuerst den Click für die Dateiauswahl; diesem geben wir die FileDialog-Komponente für die Selektion der anzuzeigenden VFP-Tabelle. private void cmdSelect_Click(object sender, System.EventArgs e) { try { openFileDialog1.Filter = \"Visual FoxPro tables (*.dbf)|*.dbf\"; openFileDialog1.FilterIndex = 2; openFileDialog1.RestoreDirectory = true; } catch (Exception ex) { Debug.WriteLine(ex.ToString()); } if(openFileDialog1.ShowDialog() == DialogResult.OK) { txtTable.Text = openFileDialog1.FileName; } } Als nächstes das Click-Ereignis des Browse-Button; hier nutzen wir die Fähigkeiten der OleDb-Klassen des .NET Framework. Mittels OleDbConnection öffnen wir die VFP-Tabelle, selektieren alles komplett in einen DataAdapter und füllen ein ungebundenes DataSet, welches dem DataGrid als Datenquelle zum Futtern zugeworfen wird. Fein, fein... damit haben wir die Anzeige der Tabelle. private void cmdBrowse_Click(object sender, System.EventArgs e) { try { this.path = Path.GetDirectoryName(txtTable.Text); this.file = Path.GetFileNameWithoutExtension(txtTable.Text); } catch (Exception ex) { Debug.WriteLine(ex.ToString()); } string ConnString = \"Provider=vfpoledb.1;Data Source=\" + this.path + \";Persist Security Info=false;\"; OleDbConnection Conn = new OleDbConnection(ConnString); try { Conn.Open(); } catch (Exception ex) { Debug.WriteLine(ex.ToString()); } try { this.da = new OleDbDataAdapter(\"SELECT * FROM \" + this.file, Conn); OleDbCommandBuilder cb = new OleDbCommandBuilder(this.da); da.InsertCommand = cb.GetInsertCommand(); da.UpdateCommand = cb.GetUpdateCommand(); da.DeleteCommand = cb.GetDeleteCommand(); } catch (Exception ex) { Debug.WriteLine(ex.ToString()); } this.ds = new DataSet(); this.ds.Clear(); try { this.da.Fill(this.ds); grdTable.DataSource = this.ds.Tables[0]; } catch (Exception ex) { Debug.WriteLine(ex.ToString()); } } Als nächstes spendieren wir dem Update-Button die Fähigkeit per DataSet der Änderungen und dem bekannten DataAdapter die geänderten Informationen zurück in die VFP-Tabelle zu schreiben. Achja, dem DataAdapter haben wir natürlich im Vorfeld bereits von einem OleDbCommandBuilder erklären lassen, wie sowas zu funktionieren hat. private void cmdUpdate_Click(object sender, System.EventArgs e) { if(this.ds.HasChanges()) { DataSet dc = this.ds.GetChanges(); try { this.da.Update(dc); this.ds.AcceptChanges(); } catch (Exception ex) { Debug.WriteLine(ex.ToString()); } } } Cool, oder? Nunja, das ist erst die halbe Miete, denn die richtige Arbeitserleichterung unter Visual FoxPro besteht darin, dass die Feldinhalte direkt geändert und bei einem Zeilenwechsel ad hoc zurückgeschrieben werden. Hehe, hier für habe ich mir einen Trick einfallen lassen: Das entsprechende Ereignis des DataGrid wird an die gleiche Methode wie der Update-Button gebunden... this.grdTable.CurrentCellChanged += new System.EventHandler(this.cmdUpdate_Click); flupp Fertig! So, ihr Lieben und jetzt das Ganze noch mal zusammenhängend für die Programmsammlung zuhause. Achja, das komplette Projekt ist als ZIP-Archiv ebenfalls verfügbar. Viel Spass! using System; using System.Drawing; using System.Diagnostics; using System.Collections; using System.ComponentModel; using System.Windows.Forms; using System.IO; using System.Data; using System.Data.OleDb; namespace VfpBrowse { /// /// Zusammenfassung für frmVfpBrowse. /// public class frmVfpBrowse : System.Windows.Forms.Form { private string path; private string file; private OleDbDataAdapter da; private DataSet ds; private System.Windows.Forms.OpenFileDialog openFileDialog1; private System.Windows.Forms.Button cmdSelect; private System.Windows.Forms.Button cmdBrowse; private System.Windows.Forms.Button cmdUpdate; private System.Windows.Forms.DataGrid grdTable; private System.Windows.Forms.Label lblTable; private System.Windows.Forms.TextBox txtTable; /// /// Erforderliche Designervariable. /// private System.ComponentModel.Container components = null; public frmVfpBrowse() { // // Erforderlich für die Windows Form-Designerunterstützung // InitializeComponent(); this.grdTable.CurrentCellChanged += new System.EventHandler(this.cmdUpdate_Click); // // TODO: Fügen Sie den Konstruktorcode nach dem Aufruf von InitializeComponent hinzu // } /// /// Die verwendeten Ressourcen bereinigen. /// protected override void Dispose( bool disposing ) { if( disposing ) { if (components != null) { components.Dispose(); } } base.Dispose( disposing ); } #region Vom Windows Form-Designer generierter Code /// /// Erforderliche Methode für die Designerunterstützung. /// Der Inhalt der Methode darf nicht mit dem Code-Editor geändert werden. /// private void InitializeComponent() { this.openFileDialog1 = new System.Windows.Forms.OpenFileDialog(); this.txtTable = new System.Windows.Forms.TextBox(); this.cmdSelect = new System.Windows.Forms.Button(); this.cmdBrowse = new System.Windows.Forms.Button(); this.cmdUpdate = new System.Windows.Forms.Button(); this.grdTable = new System.Windows.Forms.DataGrid(); this.lblTable = new System.Windows.Forms.Label(); ((System.ComponentModel.ISupportInitialize)(this.grdTable)).BeginInit(); this.SuspendLayout(); // // txtTable // this.txtTable.Anchor = ((System.Windows.Forms.AnchorStyles)(((System.Windows.Forms.AnchorStyles.Top | System.Windows.Forms.AnchorStyles.Left) | System.Windows.Forms.AnchorStyles.Right))); this.txtTable.Location = new System.Drawing.Point(167, 5); this.txtTable.Name = \"txtTable\"; this.txtTable.Size = new System.Drawing.Size(312, 20); this.txtTable.TabIndex = 0; this.txtTable.Text = \"\"; // // cmdSelect // this.cmdSelect.Anchor = ((System.Windows.Forms.AnchorStyles)((System.Windows.Forms.AnchorStyles.Top | System.Windows.Forms.AnchorStyles.Right))); this.cmdSelect.Location = new System.Drawing.Point(486, 4); this.cmdSelect.Name = \"cmdSelect\"; this.cmdSelect.Size = new System.Drawing.Size(24, 23); this.cmdSelect.TabIndex = 1; this.cmdSelect.Text = \"...\"; this.cmdSelect.Click += new System.EventHandler(this.cmdSelect_Click); // // cmdBrowse // this.cmdBrowse.Anchor = ((System.Windows.Forms.AnchorStyles)((System.Windows.Forms.AnchorStyles.Top | System.Windows.Forms.AnchorStyles.Right))); this.cmdBrowse.Location = new System.Drawing.Point(517, 4); this.cmdBrowse.Name = \"cmdBrowse\"; this.cmdBrowse.TabIndex = 2; this.cmdBrowse.Text = \"Browse\"; this.cmdBrowse.Click += new System.EventHandler(this.cmdBrowse_Click); // // cmdUpdate // this.cmdUpdate.Anchor = ((System.Windows.Forms.AnchorStyles)((System.Windows.Forms.AnchorStyles.Bottom | System.Windows.Forms.AnchorStyles.Left))); this.cmdUpdate.Location = new System.Drawing.Point(8, 384); this.cmdUpdate.Name = \"cmdUpdate\"; this.cmdUpdate.TabIndex = 3; this.cmdUpdate.Text = \"Update\"; this.cmdUpdate.Click += new System.EventHandler(this.cmdUpdate_Click); // // grdTable // this.grdTable.Anchor = ((System.Windows.Forms.AnchorStyles)((((System.Windows.Forms.AnchorStyles.Top | System.Windows.Forms.AnchorStyles.Bottom) | System.Windows.Forms.AnchorStyles.Left) | System.Windows.Forms.AnchorStyles.Right))); this.grdTable.DataMember = \"\"; this.grdTable.HeaderForeColor = System.Drawing.SystemColors.ControlText; this.grdTable.Location = new System.Drawing.Point(8, 32); this.grdTable.Name = \"grdTable\"; this.grdTable.Size = new System.Drawing.Size(584, 344); this.grdTable.TabIndex = 4; // // lblTable // this.lblTable.AutoSize = true; this.lblTable.Location = new System.Drawing.Point(8, 8); this.lblTable.Name = \"lblTable\"; this.lblTable.Size = new System.Drawing.Size(156, 16); this.lblTable.TabIndex = 5; this.lblTable.Text = \"Browse a Visual FoxPro table:\"; // // frmVfpBrowse // this.AutoScaleBaseSize = new System.Drawing.Size(5, 13); this.ClientSize = new System.Drawing.Size(600, 414); this.Controls.Add(this.lblTable); this.Controls.Add(this.grdTable); this.Controls.Add(this.cmdUpdate); this.Controls.Add(this.cmdBrowse); this.Controls.Add(this.cmdSelect); this.Controls.Add(this.txtTable); this.Name = \"frmVfpBrowse\"; this.Text = \"Browse Visual FoxPro DBFs\"; this.Load += new System.EventHandler(this.frmVfpBrowse_Load); ((System.ComponentModel.ISupportInitialize)(this.grdTable)).EndInit(); this.ResumeLayout(false); } #endregion /// /// Der Haupteinstiegspunkt für die Anwendung. /// [STAThread] static void Main() { Application.Run(new frmVfpBrowse()); } private void frmVfpBrowse_Load(object sender, System.EventArgs e) { } private void cmdSelect_Click(object sender, System.EventArgs e) { try { openFileDialog1.Filter = \"Visual FoxPro tables (*.dbf)|*.dbf\"; openFileDialog1.FilterIndex = 2; openFileDialog1.RestoreDirectory = true; } catch (Exception ex) { Debug.WriteLine(ex.ToString()); } if(openFileDialog1.ShowDialog() == DialogResult.OK) { txtTable.Text = openFileDialog1.FileName; } } private void cmdBrowse_Click(object sender, System.EventArgs e) { try { this.path = Path.GetDirectoryName(txtTable.Text); this.file = Path.GetFileNameWithoutExtension(txtTable.Text); } catch (Exception ex) { Debug.WriteLine(ex.ToString()); } string ConnString = \"Provider=vfpoledb.1;Data Source=\" + this.path + \";Persist Security Info=false;\"; OleDbConnection Conn = new OleDbConnection(ConnString); try { Conn.Open(); } catch (Exception ex) { Debug.WriteLine(ex.ToString()); } try { this.da = new OleDbDataAdapter(\"SELECT * FROM \" + this.file, Conn); OleDbCommandBuilder cb = new OleDbCommandBuilder(this.da); da.InsertCommand = cb.GetInsertCommand(); da.UpdateCommand = cb.GetUpdateCommand(); da.DeleteCommand = cb.GetDeleteCommand(); } catch (Exception ex) { Debug.WriteLine(ex.ToString()); } this.ds = new DataSet(); this.ds.Clear(); try { this.da.Fill(this.ds); grdTable.DataSource = this.ds.Tables[0]; } catch (Exception ex) { Debug.WriteLine(ex.ToString()); } } private void cmdUpdate_Click(object sender, System.EventArgs e) { if(this.ds.HasChanges()) { DataSet dc = this.ds.GetChanges(); try { this.da.Update(dc); this.ds.AcceptChanges(); } catch (Exception ex) { Debug.WriteLine(ex.ToString()); } } } } } if (typeof window !== 'undefined' && window.location.hostname !== 'localhost' && window.location.hostname !== '127.0.0.1') { (window.adsbygoogle = window.adsbygoogle || []).push({}); } (function() { var loaded = false; function loadDisqusEmbed() { if (loaded) return; loaded = true; window.disqus_config = function () { this.page.url = 'in-80-zeilen-um-die-vfp-tabelle.html'; this.page.identifier = '9271ed1c97_idin-80-zeilen-um-die-vfp-tabelle'; }; var d = document, s = d.createElement('script'); s.src = 'https://getbloggedbyjoki.disqus.com/embed.js'; s.setAttribute('data-timestamp', +new Date()); (d.head || d.body).appendChild(s); } var target = document.getElementById('disqus_thread'); if ('IntersectionObserver' in window && target) { var observer = new IntersectionObserver(function(entries) { if (entries[0].isIntersecting) { loadDisqusEmbed(); observer.disconnect(); } }, { rootMargin: '300px' }); observer.observe(target); } else { window.addEventListener('load', function() { if ('requestIdleCallback' in window) { requestIdleCallback(loadDisqusEmbed, { timeout: 4000 }); } else { setTimeout(loadDisqusEmbed, 3000); } }); } })();" }, "index.html": { "href": "index.html", "title": "Get Blogged by JoKi - Get Blogged by JoKi", "summary": "Development Customise Your Instance of Jitsi Meet Explore practical options to customise and brand your self-hosted Jitsi Meet instance, and how to make modifications persistent across Debian and Ubuntu package upgrades. Jochen Kirstätter Jochen Kirstätter Sep 6, 2026 Security The Misconception of Disabling Paste on Password Fields Blocking clipboard paste on password fields does not thwart attackers. It sabotages password managers and ruins authentication security. Jochen Kirstätter Jochen Kirstätter Sep 3, 2026 AI From Solo Blogger to Editorial Board: How I Built a Multi-Agent Publishing Agency How a decade-long solo blogger assembled an 8-agent virtual publishing desk in Antigravity to conquer draft backlogs and enforce editorial discipline. Jochen Kirstätter Jochen Kirstätter Sep 2, 2026 Community Speaking at GDG Cloud Munich: State of GCP (.NET Edition) Ahead of the Google I/O Connect event in Amsterdam there had been exchange with the organisers of GDG Cloud Munich. Thankfully, they accepted a proposal to speak. Why Munich, you ask. It's quite far... Jochen Kirstätter Jochen Kirstätter Aug 31, 2026 Development Mastering the Matrix: Elegant QR Code Generation How to craft lightweight, high-performance QR code engines across Python, JavaScript, and modern C# on .NET 10, combining Galois field mathematics, Reed-Solomon Level H error correction, and frosted-glass centre badges. Jochen Kirstätter Jochen Kirstätter Aug 23, 2026 AI Using Antigravity Remote Control Exploring the experience of using Antigravity Remote Control on a mobile phone to review, edit, redact, and author draft articles directly within a local git repository. Jochen Kirstätter Jochen Kirstätter Aug 22, 2026 Development Using portless with Firebase Hosting A practical guide on combining portless local HTTPS reverse proxy with Firebase Hosting Emulators for frictionless local web development without memorizing port numbers. Jochen Kirstätter Jochen Kirstätter Aug 21, 2026 Development Gemma 3 - missing features despite announcement Congrats to the team to provide the new Gemma 3 models and the new endpoint on the Google AI API. The announcement blog - https://blog.google/technology/developers/gemma-3/ - reads wonderfully. Until... Jochen Kirstätter Jochen Kirstätter Mar 12, 2025 Development Gemini ResponseSchema vs JSON Schema specs of \"type\" as array Recently, while developing some changes in the Gemini SDK for .NET and given a reported issue on GitHub I had a look at the possibilities of passing an object as the expected structured output in JSON... Jochen Kirstätter Jochen Kirstätter Jan 20, 2025 Community C# Corner Annual Conference 2017 Speaking at the C# Conference 2017 in Delhi was an amazing experience. Both, the event and the exploration of Delhi. Visiting the Taj Mahal was a highlight. Jochen Kirstätter Jochen Kirstätter May 30, 2024 Development Untrack files in .gitignore Despite best effort and preparation of your precious source code one day you might be facing the situation that there is one or more files in your development workspace that doesn't belong into your git repository. Jochen Kirstätter Jochen Kirstätter Apr 5, 2024 Development Quickstart: Use Gemini with .NET (Vertex AI) Use Gemini in .NET in shortest time following this quickstart to configure Vertex AI on Google Cloud and add generative AI features to your apps. Jochen Kirstätter Jochen Kirstätter Apr 3, 2024" }, "infopath-als-frontend-fr-blogs.html": { "href": "infopath-als-frontend-fr-blogs.html", "title": "InfoPath als Frontend für Blogs - Get Blogged by JoKi", "summary": "InfoPath als Frontend für Blogs Copy Markdown View Markdown GitHub Markdown Source InfoPath als Frontend für Blogs Copy Markdown Copy as Prompt Download .MD GitHub Close Loading markdown source... (function () { var rawMarkdownCache = {}; function cleanFrontmatter(text) { if (!text) return ''; // Bulletproof removal of frontmatter: between initial --- and ending --- return text.replace(/^---[\\s\\S]*?\\n---\\s*\\n?/, '').trim() + '\\n'; } function fetchMarkdown(slug, callback) { if (rawMarkdownCache[slug]) { callback(null, rawMarkdownCache[slug]); return; } var rel = ''; var url = rel + 'raw/' + encodeURIComponent(slug) + '.md'; fetch(url) .then(function (res) { if (!res.ok) throw new Error('Markdown source not found: ' + res.status); return res.text(); }) .then(function (text) { var cleaned = cleanFrontmatter(text); rawMarkdownCache[slug] = cleaned; callback(null, cleaned); }) .catch(function (err) { // Fallback: extract plain text from post content var contentEl = document.querySelector('.post-full-content .post-content, .post-content, main .inner'); if (contentEl) { var fallbackMd = '# ' + (document.querySelector('h1') ? document.querySelector('h1').innerText : 'Post') + '\\n\\n' + (contentEl.innerText || contentEl.textContent); rawMarkdownCache[slug] = fallbackMd; callback(null, fallbackMd); } else { callback(err, null); } }); } // Attach Copy Markdown handler var copyButtons = document.querySelectorAll('.btn-copy-markdown, .floating-copy-markdown'); copyButtons.forEach(function (btn) { btn.addEventListener('click', function () { var slug = btn.getAttribute('data-uid') || btn.getAttribute('data-slug') || 'infopath-als-frontend-fr-blogs'; var originalHtml = btn.innerHTML; btn.disabled = true; fetchMarkdown(slug, function (err, md) { if (err || !md) { btn.disabled = false; alert('Could not copy Markdown source.'); return; } navigator.clipboard.writeText(md).then(function () { btn.classList.add('copied'); btn.innerHTML = ' Copied!'; setTimeout(function () { btn.classList.remove('copied'); btn.innerHTML = originalHtml; btn.disabled = false; }, 2000); }).catch(function () { btn.disabled = false; }); }); }); }); // Attach View Markdown modal var viewButtons = document.querySelectorAll('.btn-view-markdown'); var modal = document.getElementById('markdown-viewer-modal'); var codeEl = document.getElementById('markdown-viewer-code'); var closeBtn = modal ? modal.querySelector('.markdown-viewer-close') : null; var modalCopyBtn = document.getElementById('markdown-modal-copy-btn'); if (modal && viewButtons.length > 0) { viewButtons.forEach(function (btn) { btn.addEventListener('click', function () { var slug = btn.getAttribute('data-uid') || btn.getAttribute('data-slug') || 'infopath-als-frontend-fr-blogs'; if (codeEl) codeEl.textContent = 'Loading Markdown source...'; if (typeof modal.showModal === 'function') { modal.showModal(); } else { modal.setAttribute('open', ''); } fetchMarkdown(slug, function (err, md) { if (codeEl) { codeEl.textContent = md || 'Failed to load Markdown source.'; if (window.hljs && typeof hljs.highlightElement === 'function') { hljs.highlightElement(codeEl); } // Remove any DocFX code-action / copy buttons that might have been injected var actions = modal.querySelectorAll('.code-action, .code-copy-btn, .action, a[title=\"Copy\"], button[title=\"Copy\"]'); actions.forEach(function (el) { el.remove(); }); } }); }); }); if (closeBtn) { closeBtn.addEventListener('click', function () { if (typeof modal.close === 'function') { modal.close(); } else { modal.removeAttribute('open'); } }); } // Light dismiss on backdrop click modal.addEventListener('click', function (e) { if (e.target === modal) { var rect = modal.getBoundingClientRect(); var isInDialog = ( rect.top <= e.clientY && e.clientY <= rect.top + rect.height && rect.left <= e.clientX && e.clientX <= rect.left + rect.width ); if (!isInDialog) { if (typeof modal.close === 'function') { modal.close(); } else { modal.removeAttribute('open'); } } } }); var modalPromptBtn = document.getElementById('markdown-modal-prompt-btn'); function formatPrompt(markdownText) { var postTitle = document.querySelector('h1.post-full-title') || document.querySelector('h1'); var titleStr = (postTitle ? postTitle.textContent.trim() : 'InfoPath als Frontend für Blogs') || 'Article'; var appUrl = 'https://jochen.kirstaetter.name'.replace(/\\/+$/, ''); var canonicalLink = document.querySelector('link[rel=\"canonical\"]'); var pageUrl = canonicalLink ? (canonicalLink.getAttribute('href') || canonicalLink.href) : ''; if (!pageUrl) { pageUrl = appUrl + window.location.pathname; } if (pageUrl.startsWith('/')) { pageUrl = appUrl + pageUrl; } pageUrl = pageUrl.split('?')[0].split('#')[0]; try { var parsed = new URL(pageUrl, appUrl); if (parsed.hostname === 'localhost' || parsed.hostname === '127.0.0.1' || parsed.hostname.endsWith('.localhost')) { pageUrl = appUrl + parsed.pathname; } } catch (e) {} pageUrl = pageUrl.replace(/\\/index\\.html$/, '/').replace(/\\.html$/, ''); if (pageUrl.length > appUrl.length + 1 && pageUrl.endsWith('/')) { pageUrl = pageUrl.slice(0, -1); } return 'Analyse and use the following article as context:\\n\\n' + 'Title: ' + titleStr + '\\n' + 'URL: ' + pageUrl + '\\n\\n' + '---\\n\\n' + markdownText; } if (modalCopyBtn) { modalCopyBtn.addEventListener('click', function () { var text = codeEl ? (codeEl.innerText || codeEl.textContent) : ''; if (!text) return; navigator.clipboard.writeText(text).then(function () { var origHtml = modalCopyBtn.innerHTML; modalCopyBtn.classList.add('copied'); modalCopyBtn.innerHTML = ' Copied!'; setTimeout(function () { modalCopyBtn.classList.remove('copied'); modalCopyBtn.innerHTML = origHtml; }, 2000); }); }); } if (modalPromptBtn) { modalPromptBtn.addEventListener('click', function () { var text = codeEl ? (codeEl.innerText || codeEl.textContent) : ''; if (!text) return; var promptText = formatPrompt(text); navigator.clipboard.writeText(promptText).then(function () { var origHtml = modalPromptBtn.innerHTML; modalPromptBtn.classList.add('copied'); modalPromptBtn.innerHTML = ' Copied!'; setTimeout(function () { modalPromptBtn.classList.remove('copied'); modalPromptBtn.innerHTML = origHtml; }, 2000); }); }); } } })(); 2006-04-22 - Filed under General (function() { var el = document.currentScript ? document.currentScript.previousElementSibling.querySelector('.post-full-meta-date') : document.querySelector('.post-full-meta-date'); if (el) { var raw = el.getAttribute('datetime') || el.textContent.trim(); var m = raw.match(/^(\\d{4})-(\\d{1,2})-(\\d{1,2})/); if (m) { var months = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']; var y = parseInt(m[1], 10); var mo = parseInt(m[2], 10) - 1; var d = parseInt(m[3], 10); if (mo >= 0 && mo < 12) { el.textContent = months[mo] + ' ' + d + ', ' + y; } } } })(); InfoPath, CommunityServer, XML, blog software Mit dem Wechsel der serverseitigen Blogsoftware von .Text auf den CommunityServer auf https://www.foxite.com musste ich ebenfalls meine lokale InfoPath-Templates ändern. Glücklicherweise hat der Autor von SimpleBlogger seit längerem auch ein Template namens CSBlogger speziell für den CommunityServer bereitgestellt. Also, kurze Googlesuche, Download und wieder einrichten. Ist alles ein Kinderspiel und binnen 20 Minuten stehen auch wieder zwei neue Einträge in meinem englischsprachigen Blog online. Ein wesentlicher Vorteil bei der Verwendung von InfoPath statt dem Webbrowser besteht darin, dass die Einträge lokal gespeichert sind und die Anwendung offline funktioniert. Daher besteht in keinster Weise die Notwendigkeit einer Onlineverbindung. Was ziemlich interessant ist, wenn man im Zug oder sonstwie unterwegs ist. Für das Blog hier verwende ich einen anderen Ansatz. Ich schreibe die Beiträge zuerst in einer lokalen Installation des AfpWiki auf meiner Maschine und sobald der Artikel fertig ist, stelle ich den kompletten Eintrag online. Durch die Nutzung der BBCodes ist die Formatierung ebenfalls identisch. Lediglich die optische Präsentation divergiert ein kleines bisschen. Aber ansonsten keine Probleme. Bis denne, JoKi if (typeof window !== 'undefined' && window.location.hostname !== 'localhost' && window.location.hostname !== '127.0.0.1') { (window.adsbygoogle = window.adsbygoogle || []).push({}); } (function() { var loaded = false; function loadDisqusEmbed() { if (loaded) return; loaded = true; window.disqus_config = function () { this.page.url = 'infopath-als-frontend-fr-blogs.html'; this.page.identifier = '9271ed1c97_idinfopath-als-frontend-fr-blogs'; }; var d = document, s = d.createElement('script'); s.src = 'https://getbloggedbyjoki.disqus.com/embed.js'; s.setAttribute('data-timestamp', +new Date()); (d.head || d.body).appendChild(s); } var target = document.getElementById('disqus_thread'); if ('IntersectionObserver' in window && target) { var observer = new IntersectionObserver(function(entries) { if (entries[0].isIntersecting) { loadDisqusEmbed(); observer.disconnect(); } }, { rootMargin: '300px' }); observer.observe(target); } else { window.addEventListener('load', function() { if ('requestIdleCallback' in window) { requestIdleCallback(loadDisqusEmbed, { timeout: 4000 }); } else { setTimeout(loadDisqusEmbed, 3000); } }); } })();" }, "infotech-2008.html": { "href": "infotech-2008.html", "title": "InfoTech 2008 - Get Blogged by JoKi", "summary": "InfoTech 2008 Copy Markdown View Markdown GitHub Markdown Source InfoTech 2008 Copy Markdown Copy as Prompt Download .MD GitHub Close Loading markdown source... (function () { var rawMarkdownCache = {}; function cleanFrontmatter(text) { if (!text) return ''; // Bulletproof removal of frontmatter: between initial --- and ending --- return text.replace(/^---[\\s\\S]*?\\n---\\s*\\n?/, '').trim() + '\\n'; } function fetchMarkdown(slug, callback) { if (rawMarkdownCache[slug]) { callback(null, rawMarkdownCache[slug]); return; } var rel = ''; var url = rel + 'raw/' + encodeURIComponent(slug) + '.md'; fetch(url) .then(function (res) { if (!res.ok) throw new Error('Markdown source not found: ' + res.status); return res.text(); }) .then(function (text) { var cleaned = cleanFrontmatter(text); rawMarkdownCache[slug] = cleaned; callback(null, cleaned); }) .catch(function (err) { // Fallback: extract plain text from post content var contentEl = document.querySelector('.post-full-content .post-content, .post-content, main .inner'); if (contentEl) { var fallbackMd = '# ' + (document.querySelector('h1') ? document.querySelector('h1').innerText : 'Post') + '\\n\\n' + (contentEl.innerText || contentEl.textContent); rawMarkdownCache[slug] = fallbackMd; callback(null, fallbackMd); } else { callback(err, null); } }); } // Attach Copy Markdown handler var copyButtons = document.querySelectorAll('.btn-copy-markdown, .floating-copy-markdown'); copyButtons.forEach(function (btn) { btn.addEventListener('click', function () { var slug = btn.getAttribute('data-uid') || btn.getAttribute('data-slug') || 'infotech-2008'; var originalHtml = btn.innerHTML; btn.disabled = true; fetchMarkdown(slug, function (err, md) { if (err || !md) { btn.disabled = false; alert('Could not copy Markdown source.'); return; } navigator.clipboard.writeText(md).then(function () { btn.classList.add('copied'); btn.innerHTML = ' Copied!'; setTimeout(function () { btn.classList.remove('copied'); btn.innerHTML = originalHtml; btn.disabled = false; }, 2000); }).catch(function () { btn.disabled = false; }); }); }); }); // Attach View Markdown modal var viewButtons = document.querySelectorAll('.btn-view-markdown'); var modal = document.getElementById('markdown-viewer-modal'); var codeEl = document.getElementById('markdown-viewer-code'); var closeBtn = modal ? modal.querySelector('.markdown-viewer-close') : null; var modalCopyBtn = document.getElementById('markdown-modal-copy-btn'); if (modal && viewButtons.length > 0) { viewButtons.forEach(function (btn) { btn.addEventListener('click', function () { var slug = btn.getAttribute('data-uid') || btn.getAttribute('data-slug') || 'infotech-2008'; if (codeEl) codeEl.textContent = 'Loading Markdown source...'; if (typeof modal.showModal === 'function') { modal.showModal(); } else { modal.setAttribute('open', ''); } fetchMarkdown(slug, function (err, md) { if (codeEl) { codeEl.textContent = md || 'Failed to load Markdown source.'; if (window.hljs && typeof hljs.highlightElement === 'function') { hljs.highlightElement(codeEl); } // Remove any DocFX code-action / copy buttons that might have been injected var actions = modal.querySelectorAll('.code-action, .code-copy-btn, .action, a[title=\"Copy\"], button[title=\"Copy\"]'); actions.forEach(function (el) { el.remove(); }); } }); }); }); if (closeBtn) { closeBtn.addEventListener('click', function () { if (typeof modal.close === 'function') { modal.close(); } else { modal.removeAttribute('open'); } }); } // Light dismiss on backdrop click modal.addEventListener('click', function (e) { if (e.target === modal) { var rect = modal.getBoundingClientRect(); var isInDialog = ( rect.top <= e.clientY && e.clientY <= rect.top + rect.height && rect.left <= e.clientX && e.clientX <= rect.left + rect.width ); if (!isInDialog) { if (typeof modal.close === 'function') { modal.close(); } else { modal.removeAttribute('open'); } } } }); var modalPromptBtn = document.getElementById('markdown-modal-prompt-btn'); function formatPrompt(markdownText) { var postTitle = document.querySelector('h1.post-full-title') || document.querySelector('h1'); var titleStr = (postTitle ? postTitle.textContent.trim() : 'InfoTech 2008') || 'Article'; var appUrl = 'https://jochen.kirstaetter.name'.replace(/\\/+$/, ''); var canonicalLink = document.querySelector('link[rel=\"canonical\"]'); var pageUrl = canonicalLink ? (canonicalLink.getAttribute('href') || canonicalLink.href) : ''; if (!pageUrl) { pageUrl = appUrl + window.location.pathname; } if (pageUrl.startsWith('/')) { pageUrl = appUrl + pageUrl; } pageUrl = pageUrl.split('?')[0].split('#')[0]; try { var parsed = new URL(pageUrl, appUrl); if (parsed.hostname === 'localhost' || parsed.hostname === '127.0.0.1' || parsed.hostname.endsWith('.localhost')) { pageUrl = appUrl + parsed.pathname; } } catch (e) {} pageUrl = pageUrl.replace(/\\/index\\.html$/, '/').replace(/\\.html$/, ''); if (pageUrl.length > appUrl.length + 1 && pageUrl.endsWith('/')) { pageUrl = pageUrl.slice(0, -1); } return 'Analyse and use the following article as context:\\n\\n' + 'Title: ' + titleStr + '\\n' + 'URL: ' + pageUrl + '\\n\\n' + '---\\n\\n' + markdownText; } if (modalCopyBtn) { modalCopyBtn.addEventListener('click', function () { var text = codeEl ? (codeEl.innerText || codeEl.textContent) : ''; if (!text) return; navigator.clipboard.writeText(text).then(function () { var origHtml = modalCopyBtn.innerHTML; modalCopyBtn.classList.add('copied'); modalCopyBtn.innerHTML = ' Copied!'; setTimeout(function () { modalCopyBtn.classList.remove('copied'); modalCopyBtn.innerHTML = origHtml; }, 2000); }); }); } if (modalPromptBtn) { modalPromptBtn.addEventListener('click', function () { var text = codeEl ? (codeEl.innerText || codeEl.textContent) : ''; if (!text) return; var promptText = formatPrompt(text); navigator.clipboard.writeText(promptText).then(function () { var origHtml = modalPromptBtn.innerHTML; modalPromptBtn.classList.add('copied'); modalPromptBtn.innerHTML = ' Copied!'; setTimeout(function () { modalPromptBtn.classList.remove('copied'); modalPromptBtn.innerHTML = origHtml; }, 2000); }); }); } } })(); 2008-08-08 - Filed under Community (function() { var el = document.currentScript ? document.currentScript.previousElementSibling.querySelector('.post-full-meta-date') : document.querySelector('.post-full-meta-date'); if (el) { var raw = el.getAttribute('datetime') || el.textContent.trim(); var m = raw.match(/^(\\d{4})-(\\d{1,2})-(\\d{1,2})/); if (m) { var months = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']; var y = parseInt(m[1], 10); var mo = parseInt(m[2], 10) - 1; var d = parseInt(m[3], 10); if (mo >= 0 && mo < 12) { el.textContent = months[mo] + ' ' + d + ', ' + y; } } } })(); The National Computer Board (NCB) invited to visit their annually InfoTech fair at the Swami Vivekananda International Convention Centre. This event marks the peak of IT sector here on the island and a lot of well-known companies showed their business stuff at the Exhibition Space. Actually, I had several chances to meet people from Microsoft Indian Ocean, the University of Mauritius and the University of Technology, Mauritius After all I spend some nice hours at the Convention Centre. Looking forward to Infotech 2009. if (typeof window !== 'undefined' && window.location.hostname !== 'localhost' && window.location.hostname !== '127.0.0.1') { (window.adsbygoogle = window.adsbygoogle || []).push({}); } (function() { var loaded = false; function loadDisqusEmbed() { if (loaded) return; loaded = true; window.disqus_config = function () { this.page.url = 'infotech-2008.html'; this.page.identifier = '9271ed1c97_idinfotech-2008'; }; var d = document, s = d.createElement('script'); s.src = 'https://getbloggedbyjoki.disqus.com/embed.js'; s.setAttribute('data-timestamp', +new Date()); (d.head || d.body).appendChild(s); } var target = document.getElementById('disqus_thread'); if ('IntersectionObserver' in window && target) { var observer = new IntersectionObserver(function(entries) { if (entries[0].isIntersecting) { loadDisqusEmbed(); observer.disconnect(); } }, { rootMargin: '300px' }); observer.observe(target); } else { window.addEventListener('load', function() { if ('requestIdleCallback' in window) { requestIdleCallback(loadDisqusEmbed, { timeout: 4000 }); } else { setTimeout(loadDisqusEmbed, 3000); } }); } })();" }, "infotech-2013.html": { "href": "infotech-2013.html", "title": "Infotech 2013 - Confusing and mixed impressions - Get Blogged by JoKi", "summary": "Infotech 2013 - Confusing and mixed impressions Copy Markdown View Markdown GitHub Markdown Source Infotech 2013 - Confusing and mixed impressions Copy Markdown Copy as Prompt Download .MD GitHub Close Loading markdown source... (function () { var rawMarkdownCache = {}; function cleanFrontmatter(text) { if (!text) return ''; // Bulletproof removal of frontmatter: between initial --- and ending --- return text.replace(/^---[\\s\\S]*?\\n---\\s*\\n?/, '').trim() + '\\n'; } function fetchMarkdown(slug, callback) { if (rawMarkdownCache[slug]) { callback(null, rawMarkdownCache[slug]); return; } var rel = ''; var url = rel + 'raw/' + encodeURIComponent(slug) + '.md'; fetch(url) .then(function (res) { if (!res.ok) throw new Error('Markdown source not found: ' + res.status); return res.text(); }) .then(function (text) { var cleaned = cleanFrontmatter(text); rawMarkdownCache[slug] = cleaned; callback(null, cleaned); }) .catch(function (err) { // Fallback: extract plain text from post content var contentEl = document.querySelector('.post-full-content .post-content, .post-content, main .inner'); if (contentEl) { var fallbackMd = '# ' + (document.querySelector('h1') ? document.querySelector('h1').innerText : 'Post') + '\\n\\n' + (contentEl.innerText || contentEl.textContent); rawMarkdownCache[slug] = fallbackMd; callback(null, fallbackMd); } else { callback(err, null); } }); } // Attach Copy Markdown handler var copyButtons = document.querySelectorAll('.btn-copy-markdown, .floating-copy-markdown'); copyButtons.forEach(function (btn) { btn.addEventListener('click', function () { var slug = btn.getAttribute('data-uid') || btn.getAttribute('data-slug') || 'infotech-2013'; var originalHtml = btn.innerHTML; btn.disabled = true; fetchMarkdown(slug, function (err, md) { if (err || !md) { btn.disabled = false; alert('Could not copy Markdown source.'); return; } navigator.clipboard.writeText(md).then(function () { btn.classList.add('copied'); btn.innerHTML = ' Copied!'; setTimeout(function () { btn.classList.remove('copied'); btn.innerHTML = originalHtml; btn.disabled = false; }, 2000); }).catch(function () { btn.disabled = false; }); }); }); }); // Attach View Markdown modal var viewButtons = document.querySelectorAll('.btn-view-markdown'); var modal = document.getElementById('markdown-viewer-modal'); var codeEl = document.getElementById('markdown-viewer-code'); var closeBtn = modal ? modal.querySelector('.markdown-viewer-close') : null; var modalCopyBtn = document.getElementById('markdown-modal-copy-btn'); if (modal && viewButtons.length > 0) { viewButtons.forEach(function (btn) { btn.addEventListener('click', function () { var slug = btn.getAttribute('data-uid') || btn.getAttribute('data-slug') || 'infotech-2013'; if (codeEl) codeEl.textContent = 'Loading Markdown source...'; if (typeof modal.showModal === 'function') { modal.showModal(); } else { modal.setAttribute('open', ''); } fetchMarkdown(slug, function (err, md) { if (codeEl) { codeEl.textContent = md || 'Failed to load Markdown source.'; if (window.hljs && typeof hljs.highlightElement === 'function') { hljs.highlightElement(codeEl); } // Remove any DocFX code-action / copy buttons that might have been injected var actions = modal.querySelectorAll('.code-action, .code-copy-btn, .action, a[title=\"Copy\"], button[title=\"Copy\"]'); actions.forEach(function (el) { el.remove(); }); } }); }); }); if (closeBtn) { closeBtn.addEventListener('click', function () { if (typeof modal.close === 'function') { modal.close(); } else { modal.removeAttribute('open'); } }); } // Light dismiss on backdrop click modal.addEventListener('click', function (e) { if (e.target === modal) { var rect = modal.getBoundingClientRect(); var isInDialog = ( rect.top <= e.clientY && e.clientY <= rect.top + rect.height && rect.left <= e.clientX && e.clientX <= rect.left + rect.width ); if (!isInDialog) { if (typeof modal.close === 'function') { modal.close(); } else { modal.removeAttribute('open'); } } } }); var modalPromptBtn = document.getElementById('markdown-modal-prompt-btn'); function formatPrompt(markdownText) { var postTitle = document.querySelector('h1.post-full-title') || document.querySelector('h1'); var titleStr = (postTitle ? postTitle.textContent.trim() : 'Infotech 2013 - Confusing and mixed impressions') || 'Article'; var appUrl = 'https://jochen.kirstaetter.name'.replace(/\\/+$/, ''); var canonicalLink = document.querySelector('link[rel=\"canonical\"]'); var pageUrl = canonicalLink ? (canonicalLink.getAttribute('href') || canonicalLink.href) : ''; if (!pageUrl) { pageUrl = appUrl + window.location.pathname; } if (pageUrl.startsWith('/')) { pageUrl = appUrl + pageUrl; } pageUrl = pageUrl.split('?')[0].split('#')[0]; try { var parsed = new URL(pageUrl, appUrl); if (parsed.hostname === 'localhost' || parsed.hostname === '127.0.0.1' || parsed.hostname.endsWith('.localhost')) { pageUrl = appUrl + parsed.pathname; } } catch (e) {} pageUrl = pageUrl.replace(/\\/index\\.html$/, '/').replace(/\\.html$/, ''); if (pageUrl.length > appUrl.length + 1 && pageUrl.endsWith('/')) { pageUrl = pageUrl.slice(0, -1); } return 'Analyse and use the following article as context:\\n\\n' + 'Title: ' + titleStr + '\\n' + 'URL: ' + pageUrl + '\\n\\n' + '---\\n\\n' + markdownText; } if (modalCopyBtn) { modalCopyBtn.addEventListener('click', function () { var text = codeEl ? (codeEl.innerText || codeEl.textContent) : ''; if (!text) return; navigator.clipboard.writeText(text).then(function () { var origHtml = modalCopyBtn.innerHTML; modalCopyBtn.classList.add('copied'); modalCopyBtn.innerHTML = ' Copied!'; setTimeout(function () { modalCopyBtn.classList.remove('copied'); modalCopyBtn.innerHTML = origHtml; }, 2000); }); }); } if (modalPromptBtn) { modalPromptBtn.addEventListener('click', function () { var text = codeEl ? (codeEl.innerText || codeEl.textContent) : ''; if (!text) return; var promptText = formatPrompt(text); navigator.clipboard.writeText(promptText).then(function () { var origHtml = modalPromptBtn.innerHTML; modalPromptBtn.classList.add('copied'); modalPromptBtn.innerHTML = ' Copied!'; setTimeout(function () { modalPromptBtn.classList.remove('copied'); modalPromptBtn.innerHTML = origHtml; }, 2000); }); }); } } })(); 2013-11-22 - Filed under Community (function() { var el = document.currentScript ? document.currentScript.previousElementSibling.querySelector('.post-full-meta-date') : document.querySelector('.post-full-meta-date'); if (el) { var raw = el.getAttribute('datetime') || el.textContent.trim(); var m = raw.match(/^(\\d{4})-(\\d{1,2})-(\\d{1,2})/); if (m) { var months = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']; var y = parseInt(m[1], 10); var mo = parseInt(m[2], 10) - 1; var d = parseInt(m[3], 10); if (mo >= 0 && mo < 12) { el.textContent = months[mo] + ' ' + d + ', ' + y; } } } })(); These recent days are packed with a series of great events... Starting last Saturday, at the monthly meetup of the MSCC I talked about my experience having a conversation with representatives of the National Computer Board (NCB) about the feasibility of getting one of their presentation slots at the Infotech 2013. At that time, the overview for three days was completely (!) empty - with less than 10 days before the event and the presentations are about too happen! Well, short answer of the NCB: \"No, those slots are only for paying exhibitors. But I'll check with my manager and we'll call you back.\" Kind of disappointing for organisations and communities like the MSCC or the LUGM. I guess it is needless to say that I'm still waiting for their phone call... Anyway, Ish picked up the idea on last Saturday and also got in touch with the NCB via email. Most interestingly, his approach was way more fruitful and absolutely surprising and completely unexpected for any of us craftsmen he not only got one slot for topic presentations on Open Source, Linux and IT communities but three, and on top of that the NCB invited him to join them at their floor stand during the whole 4 days of Infotech to talk about Open Source. Fantastic and well done, Mr openSUSE advocate! Quick overview Since my first visit to Infotech a couple of years back, I have to admit that the whole event has gone from hardly acceptable to bad to absolutely unnecessary. Seriously, Infotech 2013 is not about latest technology and trends available here on the island... Infotech 2013 - the annual computer bazaar and discount market here on the island It's about lots of discounts and sell as much as you can. Empty the dust-covered shelves and sell it to the masses. Oh, you might day I'm too sarcastic about that? Hm, no I don't think so. Even when you have a conversation at some of the booths, and you ask for a couple of products being advertised - guess what? \"Well, we didn't receive the item yet. Maybe tomorrow afternoon.\" Compared to last year, there is not a single institution of tertiary education re-presented. Kind of shocking to my opinion. But again, I think this simply emphases the aspects of a tech-sales market rather than being a platform to show-case and demonstrate latest IT gadgets. Searching the dialog with the National Computer Board As mentioned, Ish got the offer from the NCB to talk about various topics using their available slots. First, as we were all too early we went to check the conference room - location, size, equipment, etc. All okay and next we tried to find someone in charge to get us going. Back at the NCB stand, it took quite some time until we got the right person. Anyway, nothing to complain or worry about as there was still plenty of time. Meanwhile, I kept myself occupied with an easy conversation about the NCB Technopreneurship Programme - what an ugly word creation - well, I kind of tried it. I guess, talking English and not looking Mauritian doesn't qualify you straight ahead to join and participate in the entrepreneurial business programme of the NCB. So, finally after at least three times rephrasing my questions I got part of the answers but still left out with the essential benefits of the whole programme itself. I mean, it's not like I would be in need to join their programme but I would like to transfer some of the information to other MSCC craftsmen which might pursue in founding a start-up in Mauritius. To cut things short: If I would be interested I might send a request for a presentation. Hm, honestly... I'm offering a communication platform to the NCB and it's up to them whether they would like to advertise and promote the Technopreneurship Programme to our 50+ craftsmen or not. Anyway, I madea note on our Trello workspace as a potential topic... Our test-run Despite the set time slots we decided to swap the sequence of our three presentations, so that they match more closely to Monday at the Linuxfest 2013. And I had to leave early, too. Running Windows applications on Linux Mauritius Software Craftsmanship Community openSUSE Project / openSUSE Advocate Program Our exclusively selected Infotech2013 session audience Kicking of the sessions, I went quickly through my slides and spent more time on the actual demonstration on how to run Windows software on Linux. Apart from a small hiccup in Microsoft Word 2007 Reading View all went smooth and stable. Overall it took me about 40 minutes to talk the various options and possibilities that could simplify your move from a Windows desktop to a Linux-based system. But for sure, I have to get rid off some visual effects on the slides and cut some demo material for Monday. I'm going to have 20 minutes only... Nice challenge! *Infotech 2013 - Running Windows applications on Linux * Infotech 2013 - Mauritius Software Craftsmanship Community presented by Nirvan and Nayar *Infotech 2013 - openSUSE Project and openSUSE Advocate Program presented by Ish * Luckily, I could stay some more minutes and enjoyed the presentation of Nirvan and Nayar about the MSCC. Both did a very good job, even though that the laptop used gave them a hard time. Ironically, it's a Windows system... okay, okay, just kidding! Afterwards some minor advice, like using a dedicated Windows user account only for the presentation (which avoids nasty notifications from the Systray area), and to uncheck \"Show Desktop Icons\" in order to show a clean and empty desktop background on the big screen. Hm, which actually reminds me to choose a better background image for Monday, too! Resume of the day Experimental... It's been a while since I spoke in public. Well, this time it was only a small audience but I'm really excited about what's going to happen at the Linuxfest 2013 on Monday. I'm really looking forward to an awesome experience and to meet lots and lots of enthusiastic young people. Updates I just went through the blog posting of Yashvin and his statement confirms my impressions neatlessly: \"I won’t be too long explaining in words how was the Infotech 2013 edition but in one word, I would say “Worst”.\" if (typeof window !== 'undefined' && window.location.hostname !== 'localhost' && window.location.hostname !== '127.0.0.1') { (window.adsbygoogle = window.adsbygoogle || []).push({}); } (function() { var loaded = false; function loadDisqusEmbed() { if (loaded) return; loaded = true; window.disqus_config = function () { this.page.url = 'infotech-2013.html'; this.page.identifier = '9271ed1c97_idinfotech-2013'; }; var d = document, s = d.createElement('script'); s.src = 'https://getbloggedbyjoki.disqus.com/embed.js'; s.setAttribute('data-timestamp', +new Date()); (d.head || d.body).appendChild(s); } var target = document.getElementById('disqus_thread'); if ('IntersectionObserver' in window && target) { var observer = new IntersectionObserver(function(entries) { if (entries[0].isIntersecting) { loadDisqusEmbed(); observer.disconnect(); } }, { rootMargin: '300px' }); observer.observe(target); } else { window.addEventListener('load', function() { if ('requestIdleCallback' in window) { requestIdleCallback(loadDisqusEmbed, { timeout: 4000 }); } else { setTimeout(loadDisqusEmbed, 3000); } }); } })();" }, "innovtech-2017.html": { "href": "innovtech-2017.html", "title": "Infotech/InnovTech 2017 - Get Blogged by JoKi", "summary": "Infotech/InnovTech 2017 Copy Markdown View Markdown GitHub Markdown Source Infotech/InnovTech 2017 Copy Markdown Copy as Prompt Download .MD GitHub Close Loading markdown source... (function () { var rawMarkdownCache = {}; function cleanFrontmatter(text) { if (!text) return ''; // Bulletproof removal of frontmatter: between initial --- and ending --- return text.replace(/^---[\\s\\S]*?\\n---\\s*\\n?/, '').trim() + '\\n'; } function fetchMarkdown(slug, callback) { if (rawMarkdownCache[slug]) { callback(null, rawMarkdownCache[slug]); return; } var rel = ''; var url = rel + 'raw/' + encodeURIComponent(slug) + '.md'; fetch(url) .then(function (res) { if (!res.ok) throw new Error('Markdown source not found: ' + res.status); return res.text(); }) .then(function (text) { var cleaned = cleanFrontmatter(text); rawMarkdownCache[slug] = cleaned; callback(null, cleaned); }) .catch(function (err) { // Fallback: extract plain text from post content var contentEl = document.querySelector('.post-full-content .post-content, .post-content, main .inner'); if (contentEl) { var fallbackMd = '# ' + (document.querySelector('h1') ? document.querySelector('h1').innerText : 'Post') + '\\n\\n' + (contentEl.innerText || contentEl.textContent); rawMarkdownCache[slug] = fallbackMd; callback(null, fallbackMd); } else { callback(err, null); } }); } // Attach Copy Markdown handler var copyButtons = document.querySelectorAll('.btn-copy-markdown, .floating-copy-markdown'); copyButtons.forEach(function (btn) { btn.addEventListener('click', function () { var slug = btn.getAttribute('data-uid') || btn.getAttribute('data-slug') || 'innovtech-2017'; var originalHtml = btn.innerHTML; btn.disabled = true; fetchMarkdown(slug, function (err, md) { if (err || !md) { btn.disabled = false; alert('Could not copy Markdown source.'); return; } navigator.clipboard.writeText(md).then(function () { btn.classList.add('copied'); btn.innerHTML = ' Copied!'; setTimeout(function () { btn.classList.remove('copied'); btn.innerHTML = originalHtml; btn.disabled = false; }, 2000); }).catch(function () { btn.disabled = false; }); }); }); }); // Attach View Markdown modal var viewButtons = document.querySelectorAll('.btn-view-markdown'); var modal = document.getElementById('markdown-viewer-modal'); var codeEl = document.getElementById('markdown-viewer-code'); var closeBtn = modal ? modal.querySelector('.markdown-viewer-close') : null; var modalCopyBtn = document.getElementById('markdown-modal-copy-btn'); if (modal && viewButtons.length > 0) { viewButtons.forEach(function (btn) { btn.addEventListener('click', function () { var slug = btn.getAttribute('data-uid') || btn.getAttribute('data-slug') || 'innovtech-2017'; if (codeEl) codeEl.textContent = 'Loading Markdown source...'; if (typeof modal.showModal === 'function') { modal.showModal(); } else { modal.setAttribute('open', ''); } fetchMarkdown(slug, function (err, md) { if (codeEl) { codeEl.textContent = md || 'Failed to load Markdown source.'; if (window.hljs && typeof hljs.highlightElement === 'function') { hljs.highlightElement(codeEl); } // Remove any DocFX code-action / copy buttons that might have been injected var actions = modal.querySelectorAll('.code-action, .code-copy-btn, .action, a[title=\"Copy\"], button[title=\"Copy\"]'); actions.forEach(function (el) { el.remove(); }); } }); }); }); if (closeBtn) { closeBtn.addEventListener('click', function () { if (typeof modal.close === 'function') { modal.close(); } else { modal.removeAttribute('open'); } }); } // Light dismiss on backdrop click modal.addEventListener('click', function (e) { if (e.target === modal) { var rect = modal.getBoundingClientRect(); var isInDialog = ( rect.top <= e.clientY && e.clientY <= rect.top + rect.height && rect.left <= e.clientX && e.clientX <= rect.left + rect.width ); if (!isInDialog) { if (typeof modal.close === 'function') { modal.close(); } else { modal.removeAttribute('open'); } } } }); var modalPromptBtn = document.getElementById('markdown-modal-prompt-btn'); function formatPrompt(markdownText) { var postTitle = document.querySelector('h1.post-full-title') || document.querySelector('h1'); var titleStr = (postTitle ? postTitle.textContent.trim() : 'Infotech/InnovTech 2017') || 'Article'; var appUrl = 'https://jochen.kirstaetter.name'.replace(/\\/+$/, ''); var canonicalLink = document.querySelector('link[rel=\"canonical\"]'); var pageUrl = canonicalLink ? (canonicalLink.getAttribute('href') || canonicalLink.href) : ''; if (!pageUrl) { pageUrl = appUrl + window.location.pathname; } if (pageUrl.startsWith('/')) { pageUrl = appUrl + pageUrl; } pageUrl = pageUrl.split('?')[0].split('#')[0]; try { var parsed = new URL(pageUrl, appUrl); if (parsed.hostname === 'localhost' || parsed.hostname === '127.0.0.1' || parsed.hostname.endsWith('.localhost')) { pageUrl = appUrl + parsed.pathname; } } catch (e) {} pageUrl = pageUrl.replace(/\\/index\\.html$/, '/').replace(/\\.html$/, ''); if (pageUrl.length > appUrl.length + 1 && pageUrl.endsWith('/')) { pageUrl = pageUrl.slice(0, -1); } return 'Analyse and use the following article as context:\\n\\n' + 'Title: ' + titleStr + '\\n' + 'URL: ' + pageUrl + '\\n\\n' + '---\\n\\n' + markdownText; } if (modalCopyBtn) { modalCopyBtn.addEventListener('click', function () { var text = codeEl ? (codeEl.innerText || codeEl.textContent) : ''; if (!text) return; navigator.clipboard.writeText(text).then(function () { var origHtml = modalCopyBtn.innerHTML; modalCopyBtn.classList.add('copied'); modalCopyBtn.innerHTML = ' Copied!'; setTimeout(function () { modalCopyBtn.classList.remove('copied'); modalCopyBtn.innerHTML = origHtml; }, 2000); }); }); } if (modalPromptBtn) { modalPromptBtn.addEventListener('click', function () { var text = codeEl ? (codeEl.innerText || codeEl.textContent) : ''; if (!text) return; var promptText = formatPrompt(text); navigator.clipboard.writeText(promptText).then(function () { var origHtml = modalPromptBtn.innerHTML; modalPromptBtn.classList.add('copied'); modalPromptBtn.innerHTML = ' Copied!'; setTimeout(function () { modalPromptBtn.classList.remove('copied'); modalPromptBtn.innerHTML = origHtml; }, 2000); }); }); } } })(); 2018-02-03 - Filed under CommunityActivityGeneral (function() { var el = document.currentScript ? document.currentScript.previousElementSibling.querySelector('.post-full-meta-date') : document.querySelector('.post-full-meta-date'); if (el) { var raw = el.getAttribute('datetime') || el.textContent.trim(); var m = raw.match(/^(\\d{4})-(\\d{1,2})-(\\d{1,2})/); if (m) { var months = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']; var y = parseInt(m[1], 10); var mo = parseInt(m[2], 10) - 1; var d = parseInt(m[3], 10); if (mo >= 0 && mo < 12) { el.textContent = months[mo] + ' ' + d + ', ' + y; } } } })(); Infotech or commonly known as the annual IT tech bazaar in Mauritius was looking for possibilities to change in 2017 - moving away from the dominant sales activities during the past years back to its original roots of being an innovative and informative IT event. And they did it! Infotech - the known parts I'm just going to quote their mission statement here: INFOTECH is the major annual Information and Communication Technology (ICT) event organised in Mauritius by the National Computer Board (NCB) in collaboration with the Ministry of Technology, Communication and Innovation. The aim is to create awareness on emerging technologies and provide business opportunities in the ICT sector. Personally, I went to Infotech first time in 2008, and back then there were more product demonstration than a vast range of discounts. And yes, every year Infotech is surely offering business opportunities and people are looking forward to it. Given the annual dates around end of November or begin of December it takes somehow into consideration that a good number of people in the IT sector and in general already received their annual bonus payments. What else better than to spend it on some hardware gadgets like a new mobile phone, a large smart TV, a new computer or laptop? But unfortunately that seemed to have been one of the major reasons why the reputation of Infotech as an event to create awareness on emerging technologies has lost out. There was too much emphasis on sales and too few on innovation. Eventually, this might be an opinionated view of things on my side. Would be great to have your input in the comments below. Infotech - the changed parts Interestingly, Infotech 2017 had less booths of retailers than in previous years and there were a good number of technology representatives. Among them someone advertising the possibilities that Mauritius could go for its own satellite in space. How cool would that be? Source: https://www.facebook.com/InfotechMauritius/ Also the organisers arranged the available exhibition space into several zones, most remarkable a designated area for 3D printing only. Then there was the LAN gaming zone strategically well placed at the back of the convention centre. And many more others. The foyer area had also more to offer than the usual food court. Most outstanding change was that the booth of the National Computer Board sprung right in your face at the entry. Fantastic placement and so easy to reach for every visitor. Really loved it. Like in previous years the NCB offered part of their booth to the Linux User Group of Mauritius (LUGM) to advocate for Free and Open Source Software (FOSS). Linux User Group of Mauritius (LUGM) to advocate for Free and Open Source Software (FOSS) The guys of the LUGM did a great job during those few days and the demonstration of Linux inclusive standard software like office, email, browser, graphics, etc. as well as show casing a complete multimedia centre running on the TV, openElec if I remember correctly, provided a solid overview and insight to visitors that there is more than just Windows for their computers. Also in the foyer there was a booth run by students of the University of Mauritius. Here they demonstrated some of their final year assignments in action. My children were really into it and glad that they were allowed to literally try everything. Final year assignments and projects by students of the University of Mauritius Interesting prototypes of robotic hands - even with remote controlled operation mode Check out more Photos section on the Infotech page on Facebook. InnovTech - the new parts InnovTech Conference, a new format of Infotech or let's better say an innovative complimentary to Infotech was organised the first time during the 2017 event. And I'm grateful about this unique opportunity to have worked with the National Computer Board to bring this new 'mini conference' format to Infotech. Mr. Jochen Kirstätter, the founder of MSCC [note: Mauritius Software Craftsmanship Community], and the Ministry of TCI [note: Ministry of Technology, Communication and Innovation] will take the lead for Day 2 and Day 3 of Innovtech Conference. Eventually inspired by the annual Developers Conference of the Mauritius Software Craftsmanship Community the NCB got in touch with several representatives of local IT communities, and invited us to several meetings in regards to InnovTech. It was a great experience, and I'm glad that some of our ideas were taken into consideration. Approximately 280 attendees came to InnovTech During Infotech the convention centre is completely used by the NCB but in the past years the various conference rooms upstairs were given no importance or value. By helping to create and to organise InnovTech I think (and hope) that future events will offer greater value to all visitors. According to officials of the National Computer Board we were able to attract approximately 280 attendees to come and follow the various presentations of InnovTech during those two days. More to read... Probably, this article might be a touch too biased given my involvement in InnovTech. Therefore I would like to invite you to read what other attendees and speakers of Infotech 2017 had to say about the event. My interactive session on Innovation during Infotech / Innovtech 2017 by Avinash Meetoo, Advisor to the Minister of TCI Infotech 2017: la vision 2030 pour le secteur des TIC en ligne de mire by Florian Lepoigneur, Lexpress.mu Infotech 2017: les imprimantes 3D volent la vedette by Florian Lepoigneur, Lexpress.mu Eagerly expecting Infotech/InnovTech 2018 I have to admit that the combination of exhibition area on the ground floor with the designated technology zones and the informative presentations in the Kestrel conference room on first level gave Infotech 2017 a positive twist. The National Computer Board managed to put new, fresh life into the event. Looking forward to this year's Infotech / InnovTech. How about you? Did you check out the exhibits or eventually did you attend one or more presentations? What's your opinion of Infotech 2017 compared to previous years? PS: Yeah, my children raided the Cyber Caravan to do another Hour of Code like professionals. if (typeof window !== 'undefined' && window.location.hostname !== 'localhost' && window.location.hostname !== '127.0.0.1') { (window.adsbygoogle = window.adsbygoogle || []).push({}); } (function() { var loaded = false; function loadDisqusEmbed() { if (loaded) return; loaded = true; window.disqus_config = function () { this.page.url = 'innovtech-2017.html'; this.page.identifier = '9271ed1c97_idinnovtech-2017'; }; var d = document, s = d.createElement('script'); s.src = 'https://getbloggedbyjoki.disqus.com/embed.js'; s.setAttribute('data-timestamp', +new Date()); (d.head || d.body).appendChild(s); } var target = document.getElementById('disqus_thread'); if ('IntersectionObserver' in window && target) { var observer = new IntersectionObserver(function(entries) { if (entries[0].isIntersecting) { loadDisqusEmbed(); observer.disconnect(); } }, { rootMargin: '300px' }); observer.observe(target); } else { window.addEventListener('load', function() { if ('requestIdleCallback' in window) { requestIdleCallback(loadDisqusEmbed, { timeout: 4000 }); } else { setTimeout(loadDisqusEmbed, 3000); } }); } })();" }, "install-adobe-air-on-ubuntu-linux.html": { "href": "install-adobe-air-on-ubuntu-linux.html", "title": "Install Adobe AIR on Ubuntu/Linux - Get Blogged by JoKi", "summary": "Install Adobe AIR on Ubuntu/Linux Copy Markdown View Markdown GitHub Markdown Source Install Adobe AIR on Ubuntu/Linux Copy Markdown Copy as Prompt Download .MD GitHub Close Loading markdown source... (function () { var rawMarkdownCache = {}; function cleanFrontmatter(text) { if (!text) return ''; // Bulletproof removal of frontmatter: between initial --- and ending --- return text.replace(/^---[\\s\\S]*?\\n---\\s*\\n?/, '').trim() + '\\n'; } function fetchMarkdown(slug, callback) { if (rawMarkdownCache[slug]) { callback(null, rawMarkdownCache[slug]); return; } var rel = ''; var url = rel + 'raw/' + encodeURIComponent(slug) + '.md'; fetch(url) .then(function (res) { if (!res.ok) throw new Error('Markdown source not found: ' + res.status); return res.text(); }) .then(function (text) { var cleaned = cleanFrontmatter(text); rawMarkdownCache[slug] = cleaned; callback(null, cleaned); }) .catch(function (err) { // Fallback: extract plain text from post content var contentEl = document.querySelector('.post-full-content .post-content, .post-content, main .inner'); if (contentEl) { var fallbackMd = '# ' + (document.querySelector('h1') ? document.querySelector('h1').innerText : 'Post') + '\\n\\n' + (contentEl.innerText || contentEl.textContent); rawMarkdownCache[slug] = fallbackMd; callback(null, fallbackMd); } else { callback(err, null); } }); } // Attach Copy Markdown handler var copyButtons = document.querySelectorAll('.btn-copy-markdown, .floating-copy-markdown'); copyButtons.forEach(function (btn) { btn.addEventListener('click', function () { var slug = btn.getAttribute('data-uid') || btn.getAttribute('data-slug') || 'install-adobe-air-on-ubuntu-linux'; var originalHtml = btn.innerHTML; btn.disabled = true; fetchMarkdown(slug, function (err, md) { if (err || !md) { btn.disabled = false; alert('Could not copy Markdown source.'); return; } navigator.clipboard.writeText(md).then(function () { btn.classList.add('copied'); btn.innerHTML = ' Copied!'; setTimeout(function () { btn.classList.remove('copied'); btn.innerHTML = originalHtml; btn.disabled = false; }, 2000); }).catch(function () { btn.disabled = false; }); }); }); }); // Attach View Markdown modal var viewButtons = document.querySelectorAll('.btn-view-markdown'); var modal = document.getElementById('markdown-viewer-modal'); var codeEl = document.getElementById('markdown-viewer-code'); var closeBtn = modal ? modal.querySelector('.markdown-viewer-close') : null; var modalCopyBtn = document.getElementById('markdown-modal-copy-btn'); if (modal && viewButtons.length > 0) { viewButtons.forEach(function (btn) { btn.addEventListener('click', function () { var slug = btn.getAttribute('data-uid') || btn.getAttribute('data-slug') || 'install-adobe-air-on-ubuntu-linux'; if (codeEl) codeEl.textContent = 'Loading Markdown source...'; if (typeof modal.showModal === 'function') { modal.showModal(); } else { modal.setAttribute('open', ''); } fetchMarkdown(slug, function (err, md) { if (codeEl) { codeEl.textContent = md || 'Failed to load Markdown source.'; if (window.hljs && typeof hljs.highlightElement === 'function') { hljs.highlightElement(codeEl); } // Remove any DocFX code-action / copy buttons that might have been injected var actions = modal.querySelectorAll('.code-action, .code-copy-btn, .action, a[title=\"Copy\"], button[title=\"Copy\"]'); actions.forEach(function (el) { el.remove(); }); } }); }); }); if (closeBtn) { closeBtn.addEventListener('click', function () { if (typeof modal.close === 'function') { modal.close(); } else { modal.removeAttribute('open'); } }); } // Light dismiss on backdrop click modal.addEventListener('click', function (e) { if (e.target === modal) { var rect = modal.getBoundingClientRect(); var isInDialog = ( rect.top <= e.clientY && e.clientY <= rect.top + rect.height && rect.left <= e.clientX && e.clientX <= rect.left + rect.width ); if (!isInDialog) { if (typeof modal.close === 'function') { modal.close(); } else { modal.removeAttribute('open'); } } } }); var modalPromptBtn = document.getElementById('markdown-modal-prompt-btn'); function formatPrompt(markdownText) { var postTitle = document.querySelector('h1.post-full-title') || document.querySelector('h1'); var titleStr = (postTitle ? postTitle.textContent.trim() : 'Install Adobe AIR on Ubuntu/Linux') || 'Article'; var appUrl = 'https://jochen.kirstaetter.name'.replace(/\\/+$/, ''); var canonicalLink = document.querySelector('link[rel=\"canonical\"]'); var pageUrl = canonicalLink ? (canonicalLink.getAttribute('href') || canonicalLink.href) : ''; if (!pageUrl) { pageUrl = appUrl + window.location.pathname; } if (pageUrl.startsWith('/')) { pageUrl = appUrl + pageUrl; } pageUrl = pageUrl.split('?')[0].split('#')[0]; try { var parsed = new URL(pageUrl, appUrl); if (parsed.hostname === 'localhost' || parsed.hostname === '127.0.0.1' || parsed.hostname.endsWith('.localhost')) { pageUrl = appUrl + parsed.pathname; } } catch (e) {} pageUrl = pageUrl.replace(/\\/index\\.html$/, '/').replace(/\\.html$/, ''); if (pageUrl.length > appUrl.length + 1 && pageUrl.endsWith('/')) { pageUrl = pageUrl.slice(0, -1); } return 'Analyse and use the following article as context:\\n\\n' + 'Title: ' + titleStr + '\\n' + 'URL: ' + pageUrl + '\\n\\n' + '---\\n\\n' + markdownText; } if (modalCopyBtn) { modalCopyBtn.addEventListener('click', function () { var text = codeEl ? (codeEl.innerText || codeEl.textContent) : ''; if (!text) return; navigator.clipboard.writeText(text).then(function () { var origHtml = modalCopyBtn.innerHTML; modalCopyBtn.classList.add('copied'); modalCopyBtn.innerHTML = ' Copied!'; setTimeout(function () { modalCopyBtn.classList.remove('copied'); modalCopyBtn.innerHTML = origHtml; }, 2000); }); }); } if (modalPromptBtn) { modalPromptBtn.addEventListener('click', function () { var text = codeEl ? (codeEl.innerText || codeEl.textContent) : ''; if (!text) return; var promptText = formatPrompt(text); navigator.clipboard.writeText(promptText).then(function () { var origHtml = modalPromptBtn.innerHTML; modalPromptBtn.classList.add('copied'); modalPromptBtn.innerHTML = ' Copied!'; setTimeout(function () { modalPromptBtn.classList.remove('copied'); modalPromptBtn.innerHTML = origHtml; }, 2000); }); }); } } })(); 2010-03-19 - Filed under Linux (function() { var el = document.currentScript ? document.currentScript.previousElementSibling.querySelector('.post-full-meta-date') : document.querySelector('.post-full-meta-date'); if (el) { var raw = el.getAttribute('datetime') || el.textContent.trim(); var m = raw.match(/^(\\d{4})-(\\d{1,2})-(\\d{1,2})/); if (m) { var months = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']; var y = parseInt(m[1], 10); var mo = parseInt(m[2], 10) - 1; var d = parseInt(m[3], 10); if (mo >= 0 && mo < 12) { el.textContent = months[mo] + ' ' + d + ', ' + y; } } } })(); Since quite some time Adobe Technologies released the Linux version of Adobe AIR to bring web applications and widgets to your desktop. Installing new applications on a Linux system is not always as easy as switching the computer on. The following instructions might be helpful to install Adobe AIR on any Linux system. First of all, get the latest installer of Adobe AIR from https://get.adobe.com/air/ - as of writing this article the file name is AdobeAIRInstaller.bin. Save the download in your preferred folder. Now, there are two ways to run the installer - visual style or console style. Visual Installation Launch your favorite or standard file manager like thunar or nautilus and browse to the folder where the AdobeAIRInstaller.bin has been saved. Right click on the file and choose 'Properties' in the context menu Set 'Execute' permissions and confirm modifications with OK Rename file into AdobeAIRInstaller Double click and follow the instructions Using the console Open a terminal like xterm Change into the directory where you stored the download Run this command: chmod +x AdobeAIRInstaller.bin Now run this command: sudo ./AdobeAIRInstaller.bin The normal installer will open, install it. From now whenever you download a .air file, just double click it and it will be installed. Troubleshooting In case that the installation does not start properly, try to install via console. This gives you more details about the reasons. Should you run into something like this: AdobeAIRInstaller.bin: 1: Syntax error: \"(\" unexpected Double check the execute permission of the installer file and try again. if (typeof window !== 'undefined' && window.location.hostname !== 'localhost' && window.location.hostname !== '127.0.0.1') { (window.adsbygoogle = window.adsbygoogle || []).push({}); } (function() { var loaded = false; function loadDisqusEmbed() { if (loaded) return; loaded = true; window.disqus_config = function () { this.page.url = 'install-adobe-air-on-ubuntu-linux.html'; this.page.identifier = '9271ed1c97_idinstall-adobe-air-on-ubuntu-linux'; }; var d = document, s = d.createElement('script'); s.src = 'https://getbloggedbyjoki.disqus.com/embed.js'; s.setAttribute('data-timestamp', +new Date()); (d.head || d.body).appendChild(s); } var target = document.getElementById('disqus_thread'); if ('IntersectionObserver' in window && target) { var observer = new IntersectionObserver(function(entries) { if (entries[0].isIntersecting) { loadDisqusEmbed(); observer.disconnect(); } }, { rootMargin: '300px' }); observer.observe(target); } else { window.addEventListener('load', function() { if ('requestIdleCallback' in window) { requestIdleCallback(loadDisqusEmbed, { timeout: 4000 }); } else { setTimeout(loadDisqusEmbed, 3000); } }); } })();" }, "install-jitsi-meet-on-gcp.html": { "href": "install-jitsi-meet-on-gcp.html", "title": "Install Jitsi Meet on Compute Engine (GCP) - Get Blogged by JoKi", "summary": "Install Jitsi Meet on Compute Engine (GCP) Copy Markdown View Markdown GitHub Markdown Source Install Jitsi Meet on Compute Engine (GCP) Copy Markdown Copy as Prompt Download .MD GitHub Close Loading markdown source... (function () { var rawMarkdownCache = {}; function cleanFrontmatter(text) { if (!text) return ''; // Bulletproof removal of frontmatter: between initial --- and ending --- return text.replace(/^---[\\s\\S]*?\\n---\\s*\\n?/, '').trim() + '\\n'; } function fetchMarkdown(slug, callback) { if (rawMarkdownCache[slug]) { callback(null, rawMarkdownCache[slug]); return; } var rel = ''; var url = rel + 'raw/' + encodeURIComponent(slug) + '.md'; fetch(url) .then(function (res) { if (!res.ok) throw new Error('Markdown source not found: ' + res.status); return res.text(); }) .then(function (text) { var cleaned = cleanFrontmatter(text); rawMarkdownCache[slug] = cleaned; callback(null, cleaned); }) .catch(function (err) { // Fallback: extract plain text from post content var contentEl = document.querySelector('.post-full-content .post-content, .post-content, main .inner'); if (contentEl) { var fallbackMd = '# ' + (document.querySelector('h1') ? document.querySelector('h1').innerText : 'Post') + '\\n\\n' + (contentEl.innerText || contentEl.textContent); rawMarkdownCache[slug] = fallbackMd; callback(null, fallbackMd); } else { callback(err, null); } }); } // Attach Copy Markdown handler var copyButtons = document.querySelectorAll('.btn-copy-markdown, .floating-copy-markdown'); copyButtons.forEach(function (btn) { btn.addEventListener('click', function () { var slug = btn.getAttribute('data-uid') || btn.getAttribute('data-slug') || 'install-jitsi-meet-on-gcp'; var originalHtml = btn.innerHTML; btn.disabled = true; fetchMarkdown(slug, function (err, md) { if (err || !md) { btn.disabled = false; alert('Could not copy Markdown source.'); return; } navigator.clipboard.writeText(md).then(function () { btn.classList.add('copied'); btn.innerHTML = ' Copied!'; setTimeout(function () { btn.classList.remove('copied'); btn.innerHTML = originalHtml; btn.disabled = false; }, 2000); }).catch(function () { btn.disabled = false; }); }); }); }); // Attach View Markdown modal var viewButtons = document.querySelectorAll('.btn-view-markdown'); var modal = document.getElementById('markdown-viewer-modal'); var codeEl = document.getElementById('markdown-viewer-code'); var closeBtn = modal ? modal.querySelector('.markdown-viewer-close') : null; var modalCopyBtn = document.getElementById('markdown-modal-copy-btn'); if (modal && viewButtons.length > 0) { viewButtons.forEach(function (btn) { btn.addEventListener('click', function () { var slug = btn.getAttribute('data-uid') || btn.getAttribute('data-slug') || 'install-jitsi-meet-on-gcp'; if (codeEl) codeEl.textContent = 'Loading Markdown source...'; if (typeof modal.showModal === 'function') { modal.showModal(); } else { modal.setAttribute('open', ''); } fetchMarkdown(slug, function (err, md) { if (codeEl) { codeEl.textContent = md || 'Failed to load Markdown source.'; if (window.hljs && typeof hljs.highlightElement === 'function') { hljs.highlightElement(codeEl); } // Remove any DocFX code-action / copy buttons that might have been injected var actions = modal.querySelectorAll('.code-action, .code-copy-btn, .action, a[title=\"Copy\"], button[title=\"Copy\"]'); actions.forEach(function (el) { el.remove(); }); } }); }); }); if (closeBtn) { closeBtn.addEventListener('click', function () { if (typeof modal.close === 'function') { modal.close(); } else { modal.removeAttribute('open'); } }); } // Light dismiss on backdrop click modal.addEventListener('click', function (e) { if (e.target === modal) { var rect = modal.getBoundingClientRect(); var isInDialog = ( rect.top <= e.clientY && e.clientY <= rect.top + rect.height && rect.left <= e.clientX && e.clientX <= rect.left + rect.width ); if (!isInDialog) { if (typeof modal.close === 'function') { modal.close(); } else { modal.removeAttribute('open'); } } } }); var modalPromptBtn = document.getElementById('markdown-modal-prompt-btn'); function formatPrompt(markdownText) { var postTitle = document.querySelector('h1.post-full-title') || document.querySelector('h1'); var titleStr = (postTitle ? postTitle.textContent.trim() : 'Install Jitsi Meet on Compute Engine (GCP)') || 'Article'; var appUrl = 'https://jochen.kirstaetter.name'.replace(/\\/+$/, ''); var canonicalLink = document.querySelector('link[rel=\"canonical\"]'); var pageUrl = canonicalLink ? (canonicalLink.getAttribute('href') || canonicalLink.href) : ''; if (!pageUrl) { pageUrl = appUrl + window.location.pathname; } if (pageUrl.startsWith('/')) { pageUrl = appUrl + pageUrl; } pageUrl = pageUrl.split('?')[0].split('#')[0]; try { var parsed = new URL(pageUrl, appUrl); if (parsed.hostname === 'localhost' || parsed.hostname === '127.0.0.1' || parsed.hostname.endsWith('.localhost')) { pageUrl = appUrl + parsed.pathname; } } catch (e) {} pageUrl = pageUrl.replace(/\\/index\\.html$/, '/').replace(/\\.html$/, ''); if (pageUrl.length > appUrl.length + 1 && pageUrl.endsWith('/')) { pageUrl = pageUrl.slice(0, -1); } return 'Analyse and use the following article as context:\\n\\n' + 'Title: ' + titleStr + '\\n' + 'URL: ' + pageUrl + '\\n\\n' + '---\\n\\n' + markdownText; } if (modalCopyBtn) { modalCopyBtn.addEventListener('click', function () { var text = codeEl ? (codeEl.innerText || codeEl.textContent) : ''; if (!text) return; navigator.clipboard.writeText(text).then(function () { var origHtml = modalCopyBtn.innerHTML; modalCopyBtn.classList.add('copied'); modalCopyBtn.innerHTML = ' Copied!'; setTimeout(function () { modalCopyBtn.classList.remove('copied'); modalCopyBtn.innerHTML = origHtml; }, 2000); }); }); } if (modalPromptBtn) { modalPromptBtn.addEventListener('click', function () { var text = codeEl ? (codeEl.innerText || codeEl.textContent) : ''; if (!text) return; var promptText = formatPrompt(text); navigator.clipboard.writeText(promptText).then(function () { var origHtml = modalPromptBtn.innerHTML; modalPromptBtn.classList.add('copied'); modalPromptBtn.innerHTML = ' Copied!'; setTimeout(function () { modalPromptBtn.classList.remove('copied'); modalPromptBtn.innerHTML = origHtml; }, 2000); }); }); } } })(); 2020-04-16 - Filed under DevelopmentCommunity (function() { var el = document.currentScript ? document.currentScript.previousElementSibling.querySelector('.post-full-meta-date') : document.querySelector('.post-full-meta-date'); if (el) { var raw = el.getAttribute('datetime') || el.textContent.trim(); var m = raw.match(/^(\\d{4})-(\\d{1,2})-(\\d{1,2})/); if (m) { var months = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']; var y = parseInt(m[1], 10); var mo = parseInt(m[2], 10) - 1; var d = parseInt(m[3], 10); if (mo >= 0 && mo < 12) { el.textContent = months[mo] + ' ' + d + ', ' + y; } } } })(); Irrespective of the current situation I already had a look at the Jitsi Meet platform some time back last year. Due to a lack of necessity and organising most community meetings offline - both MSCC and GDG Mauritius - there was no motivation to look closer into any video conferencing platform. Inspired by the announcement that meet.mixp.org offers free access to host video conferencing calls locally in Mauritius and the fact that past few meetings of the MSCC had been conducted virtually using Google Hangouts Meet, I reserved some time to do a little research. The result is a series of tutorials on how to get started with Jitsi Meet, how to customise it for your own branding, and how to enable more features beyond the basic installation. This first article describes the fundamental installation of Jitsi Meet on the Google Cloud Platform. Surely, the necessary steps shall be reproducible on other cloud computing platforms like Microsoft Azure or Amazon AWS. Prerequisites: Domain Name Before you start following the steps in this article you should consider to have a fully qualified domain name (FQDN) at hand. That domain will be used to access your Jitsi Meet server over the internet. I'm going to use the subdomain meet.mscc.mu because the Jitsi Meet video conferencing system described here will be used for the Mauritius Software Craftsmanship Community (MSCC) and associated user groups in Mauritius. Ready? Let's log into Google Cloud Console and begin the installation. Define a permanent External IP address First, you reserve a static IP address. We are going to use this IP address for the DNS record of your FQDN and to attach it to the VM instance running Jitsi Meet server. In Cloud Console navigate to VPC network > External IP addresses and reserve a new static address. Although the IP address is not attached to anything yet we are going to use it shortly. The result should look similar to this. Of course, your external IP address will be different. Create a DNS entry Now, packed with the newly created IP address it is time to create a DNS record for the domain name you would like to use for the Jitsi Meet server. This step depends on your DNS nameserver provider. I'm going to describe how it is done using Cloudflare. Under DNS management create a new A record with the subdomain meet and the external IP address provided by Google Cloud Platform. The resulting DNS configuration should look similar to above. Global DNS propagation can take up to 24 hours and it is important to wait that your DNS record has been deployed successfully. Verify DNS configuration You can use any DNS query tool to verify this step. Depending on your OS either use dig or nslookup to check whether the DNS record has been distributed to the Cloudflare public DNS server. $ dig meet.mscc.mu @1.1.1.1 ; <<>> DiG 9.11.3-1ubuntu1.11-Ubuntu <<>> meet.mscc.mu @1.1.1.1 ;; global options: +cmd ;; Got answer: ;; ->>HEADER<<- opcode: QUERY, status: NOERROR, id: 43365 ;; flags: qr rd ra; QUERY: 1, ANSWER: 1, AUTHORITY: 0, ADDITIONAL: 1 ;; OPT PSEUDOSECTION: ; EDNS: version: 0, flags:; udp: 1452 ;; QUESTION SECTION: ;meet.mscc.mu. IN A ;; ANSWER SECTION: meet.mscc.mu. 300 IN A 35.232.25.165 > nslookup meet.mscc.mu 1.1.1.1 Server: one.one.one.one Address: 1.1.1.1 Non-authoritative answer: Name: meet.mscc.mu Address: 35.232.25.165 With proper DNS settings in place you are ready to continue with the installation of Jitsi Meet. Create a VM instance Log into Cloud Console and navigate to Compute Engine > VM instances. There click on Create instance and enter relevant information for your new VM instance. The default values provided by GCP shall work just fine. However you might like to adjust region, zone and machine configuration according to your liking. Specify the hostname Important: The initial configuration allows you to set a custom hostname for your instance and you should specify the prepared DNS name as such. This choice is permanent and cannot be changed later. Click on Management, security, disks, networking, sole tenancy and enter your FQDN under Hostname. Choose the External IP address While you are at the details of Networking click on the pen symbol of the Network interface and select the external IP address that we created earlier. The entry shall look like so. Click Done when your networking options are complete. If ever you missed the initial creation of an external IP address you can open the dropdown selection under External IP and choose to Create IP address. Give the new static IP address a name and click on Reserve. However this still requires proper DNS configuration as described earlier. Configure firewall rules According to the quick install guide Jitsi Meet requires the following ports and protocols to allow traffic from the internet. 80 TCP - aka HTTP traffic 443 TCP - aka HTTPS traffic 10000 UDP The first two ports can be configured during the creation of the VM instance. Tick the checkboxes in the Firewall section and the necessary rules will be applied during the creation of the virtual machine. For the UDP port you are going to enter a Network tag for the moment. That tag is used to connect the VM instance to a (new) firewall rule. Finally, click on Create to complete your VM instance. This is going to take a few seconds and you will be notified as soon as the VM instance is ready. Create and verify firewall rules In order to create the third, remaining firewall rule you navigate to VPC network > Firewall rules and there you click on Create Firewall Rule to configure the missing information. Under Target tags you enter the same value you used as Network tags during the configuration of the VM instance. This closes the link between the instance and this firewall rule. The value for the Source IP ranges is 0.0.0.0/0 which represents any IP address from the internet. Under Protocols and ports you tick UDP protocol and you enter the port number 10000. Finally, click on Create to enable the firewall rule. The result should look similar to the list of rules below. Access the VM instance Navigate back to Compute Engine > VM instances and click on the SSH button of your instance. This should open a new browser window. Note: Eventually you have to allow Cloud Console to open popups first. After a short initialisation the connection should be established and you are greeted by a bash prompt on Linux. Install Jitsi Meet software The following steps are based on the official Jitsi Meet quick install guide on GitHub - with a few additional notes and modifications on my side. Check hostname First, verify the assignment of the Fully Qualified Domain Name (FQDN) with the following command: $ hostname -f meet.mscc.mu At the same time check that the name resolution has been added to the hosts file. $ cat /etc/hosts 127.0.0.1 localhost ::1 localhost ip6-localhost ip6-loopback ff02::1 ip6-allnodes ff02::2 ip6-allrouters 10.128.0.2 meet.mscc.mu meet # Added by Google 169.254.169.254 metadata.google.internal # Added by Google Run commands as user root Note: Many of the installation steps require elevated privileges. If you are logged in using a regular user account, you may need to increase your permissions. Either use sudo for individual commands or temporarily change user context and operate as user root. $ sudo -i Although not recommended it's faster to complete the installation as root. Add the Jitsi package repository echo 'deb https://download.jitsi.org stable/' >> /etc/apt/sources.list.d/jitsi-stable.list wget -qO - https://download.jitsi.org/jitsi-key.gpg.key | sudo apt-key add - The Jitsi repository uses a secured URL which requires that you add the HTTPS transport option to apt, then you update the local repository cache, and finally you install the package of Jitsi Meet and all dependencies. # Ensure support is available for apt repositories served via HTTPS apt-get install -y apt-transport-https # Retrieve the latest package versions across all repositories apt-get update # Perform jitsi-meet installation apt-get install -y jitsi-meet During the process you will be asked to enter the FQDN or hostname of your instance of Jitsi Meet. Enter the hostname that we verified already and hit OK to continue the installation. Next, you will be ask to configure SSL certificate of your Jitsi Meet domain. Here keep the default selection to generate a self-signed certificate and hit OK. We are going to generate an SSL certificate provided by Let's Encrypt in the next step. Install Let's Encrypt certificate Note: Verify that the DNS record has been assigned to your static external IP address and it has been distributed globally before you try to apply the Let's Encrypt SSL certificate. See Verify DNS configuration above on how to do that. At the time of writing there was a small issue running the script as described on GitHub: Lets Encrypt setup error about missing file #5929. The workaround is to create the expected deployment hook manually yourself before running the certificate installation script. # Workaround for missing deployment script mkdir -p /etc/letsencrypt/renewal-hooks/deploy/ touch /etc/letsencrypt/renewal-hooks/deploy/0000-coturn-certbot-deploy.sh chmod +x /etc/letsencrypt/renewal-hooks/deploy/0000-coturn-certbot-deploy.sh Now, run the following shell script as mentioned in the quick install guide. /usr/share/jitsi-meet/scripts/install-letsencrypt-cert.sh The script is going to ask you for an email address to send notifications from Let's Encrypt to. Then your terminal is going to provide you with tons of information and the outcome should look similar to below. Look for Congratulations! to be sure that the SSL certificate has been successfully requested from Let's Encrypt and applied to your system. Basically your installation is complete now. You shall be able to load your FQDN in your browser. In case you run into any trouble kindly repeat the steps above or refer to the official Jitsi Meet quick install or the Jitsi Community Forum. However there are probably some additional considerations prior to operating your instance of Jitsi Meet server on the internet. Adjust nginx configuration file The default configuration of nginx created by the Jitsi Meet package is not optimal and you should make a few changes to it. Open the file with your preferred text editor nano /etc/nginx/sites-enabled/meet.mscc.mu.conf Change the default protocol to HTTP/2 Look for the listen directives and add the value http2 at the end of both. It shall look like so. server { listen 443 ssl http2; listen [::]:443 ssl http2; ... Change SSL protocol versions and ciphers By default nginx is enabled to support TLS 1.0, TLS 1.1 and TLS 1.2. However the two former protocols are legacy protocol that shouldn't be used. TLS v1.0 and TLS v1.1 have been deprecated in January 2020 by modern browsers. Hence you should change the ssl_protocols directive like so. # ssl_protocols TLSv1 TLSv1.1 TLSv1.2; ssl_protocols TLSv1.2; Depending on the nginx version TLS 1.3 might be an additional option. You might consider to replace the existing directive of SSL ciphers with the following value. ssl_ciphers 'ECDHE-ECDSA-AES256-GCM-SHA384:ECDHE-RSA-AES256-GCM-SHA384:ECDHE-ECDSA-CHACHA20-POLY1305:ECDHE-RSA-CHACHA20-POLY1305:ECDHE-ECDSA-AES128-GCM-SHA256:ECDHE-RSA-AES128-GCM-SHA256:ECDHE-ECDSA-AES256-SHA384:ECDHE-RSA-AES256-SHA384:ECDHE-ECDSA-AES128-SHA256:ECDHE-RSA-AES128-SHA256'; The Mozilla SSL Configuration Generator is definitely worth a look. The Intermediate configuration would be the recommended choice. Perhaps you might like to read SSL and TLS Deployment Best Practices for more background information. Add more HTTP headers Next, you should define a few more HTTP header directives to improve your default configuration. Open the nginx config file again and add the following lines right after the existing add_header directive related to HSTS. add_header X-Content-Type-Options nosniff; # Don't use with iFrames, e.g. Jitsi Meet Desktop (Electron) app add_header X-Frame-Options SAMEORIGIN; add_header X-XSS-Protection \"1; mode=block\"; add_header Referrer-Policy no-referrer-when-downgrade; Note: The Jitsi Meet Electron application for desktop systems cannot load your instance if the HTTP header X-Frame-Options has been set. Either comment or remove that directive if you are planning to use the application. Save the configuration after each change and run a configtest. service nginx configtest [ ok ] Testing nginx configuration:. If the result is OK restart nginx as usual. Otherwise, inspect the log file located at /var/log/nginx/error.log for any error entries. service nginx restart In case that you are interested to see the impact of your changes open the Qualys SSL Server Test and validate your domain. Increase number of processes and open files The quick install guide mentions that the default configuration of a system is good for less than 100 participants. To avoid running into any unexpected situations I suggest that you increase that value already now. Open the file /etc/systemd/system.conf and add the following lines at the end. DefaultLimitNOFILE=65000 DefaultLimitNPROC=65000 DefaultTasksMax=65000 Reload the systemd changes on a running system and restart your Jitsi instance with those two commands. systemctl daemon-reload service jitsi-videobridge2 restart To verify that the settings have been applied run the following command and check the value of Tasks: XX (limit: 65000). service jitsi-videobridge2 status ● jitsi-videobridge2.service - Jitsi Videobridge Loaded: loaded (/lib/systemd/system/jitsi-videobridge2.service; enabled; vendor preset: enabled) Active: active (running) since Thu 2020-04-16 11:23:08 UTC; 14s ago Process: 7896 ExecStartPost=/bin/bash -c echo $MAINPID > /var/run/jitsi-videobridge/jitsi-videobridge.pid (code=e xited, status=0/SUCCESS) Main PID: 7895 (java) Tasks: 38 (limit: 65000) ... Confirm your installation is working Open a new browser tab or better an incognito window and navigate to the FQDN you specified during the installation. You shall be greeted by the Jitsi Meet default page. Congratulations! When you click on the gear symbol in the top right corner your browser should ask for permissions to access microphone and camera. Click Allow in both cases and continue to configure your devices you would like to use in Jitsi Meet. Change to the tab Profile to provide more information like your displayed name in the meeting rooms. On the tab More you are able to configure your preferred language. Finally, enter any value to start a new meeting and click on GO. The use of camel-case writing forms the URL to access the meeting and is automatically converted into blanks after you entered the meeting room. Enjoy your very own Jitsi Meet video conferencing system. Automate it with gcloud All steps above can be executed by using gcloud commands. Best might be to use your instance of Cloud Shell to create a VM instance and to install Jitsi Meet. Make sure that you have a domain name prepared. Create the infrastructure You would probably adjust the environmental variables at the top to change region, zone, instance name and your DNS hostname. # Define your preferences and values - to CHANGE! export REGION=us-central1 export ZONE=us-central1-a export VM_INSTANCE=mscc-jitsi-dummy export FQDN=meet.mscc.mu # Enable Compute Engine gcloud services enable compute.googleapis.com # Reserve and retrieve static IP address gcloud compute addresses create $VM_INSTANCE-ip --project=$DEVSHELL_PROJECT_ID --description=\"Static external IP address for Jitsi Meet VM instance\" --region=$REGION export IP=$(gcloud compute addresses describe $VM_INSTANCE-ip --region=$REGION --format='get(address)') # Create VM instance with hostname and attach IP address gcloud beta compute --project=$DEVSHELL_PROJECT_ID instances create $VM_INSTANCE --hostname=$FQDN --zone=$ZONE --machine-type=n1-standard-1 --subnet=default --address=$IP --network-tier=PREMIUM --tags=jitsi,http-server,https-server --image=debian-9-stretch-v20200309 --image-project=debian-cloud --boot-disk-size=10GB --boot-disk-type=pd-standard --boot-disk-device-name=$VM_INSTANCE --reservation-affinity=any # Attach firewall rules (might be already present, no big deal) gcloud compute --project=$DEVSHELL_PROJECT_ID firewall-rules create default-allow-http --direction=INGRESS --priority=1000 --network=default --action=ALLOW --rules=tcp:80 --source-ranges=0.0.0.0/0 --target-tags=http-server gcloud compute --project=$DEVSHELL_PROJECT_ID firewall-rules create default-allow-https --direction=INGRESS --priority=1000 --network=default --action=ALLOW --rules=tcp:443 --source-ranges=0.0.0.0/0 --target-tags=https-server gcloud compute --project=$DEVSHELL_PROJECT_ID firewall-rules create default-allow-10k --description=\"Allow UDP packets for VM instance running Jitsi Meet server\" --direction=INGRESS --priority=1000 --network=default --action=ALLOW --rules=udp:10000 --source-ranges=0.0.0.0/0 --target-tags=jitsi # Display external IP address and connect to instance using SSH echo $IP gcloud compute ssh $VM_INSTANCE --zone=$ZONE After execution you are going to see the external IP address in the Shell, and you should be connected to the new VM instance. In case that the remote VM instance does not respond to the SSH connection or times out, wait a short while and repeat the last command to SSH into the instance. Now is the right time to verify that your DNS record is up-to-date and matches the external IP address of your VM instance before you continue to install Jitsi Meet. Install Jitsi Meet server This paragraph summarizes the commands used above to install Jitsi Meet server. They should be run as user root. Change into an interactive session of user root first. sudo -i Then run the following to complete the basic installation of Jitsi Meet server on the VM instance. # Increase number of processes and open files cat >> /etc/systemd/system.conf <> /etc/apt/sources.list.d/jitsi-stable.list wget -qO - https://download.jitsi.org/jitsi-key.gpg.key | sudo apt-key add - # Ensure support is available for apt repositories served via HTTPS apt-get install -y apt-transport-https # Retrieve the latest package versions across all repositories apt-get update # Perform jitsi-meet installation apt-get install -y jitsi-meet Last, prepare the system for an SSL certificate provided by Let's Encrypt by running the following commands. Note: Without properly configured DNS this is going to fail. # Workaround for missing deployment script mkdir -p /etc/letsencrypt/renewal-hooks/deploy/ touch /etc/letsencrypt/renewal-hooks/deploy/0000-coturn-certbot-deploy.sh chmod +x /etc/letsencrypt/renewal-hooks/deploy/0000-coturn-certbot-deploy.sh # Get SSL certificate from Let's Encrypt /usr/share/jitsi-meet/scripts/install-letsencrypt-cert.sh You have to specify an email address to receive notifications regarding your certificates from Let's Encrypt. Congrats, your Jitsi Meet server is now operational. Maybe you like to review the nginx changes described above to improve your setup a little bit. Securing your Jitsi Meet server The default installation in this article is kind of basic and provides you a jumpstart to run your own video conferencing system. In the next article of this series I'm going to describe how you enable authentication and secure your Jitsi Meet instance. if (typeof window !== 'undefined' && window.location.hostname !== 'localhost' && window.location.hostname !== '127.0.0.1') { (window.adsbygoogle = window.adsbygoogle || []).push({}); } (function() { var loaded = false; function loadDisqusEmbed() { if (loaded) return; loaded = true; window.disqus_config = function () { this.page.url = 'install-jitsi-meet-on-gcp.html'; this.page.identifier = '9271ed1c97_idinstall-jitsi-meet-on-gcp'; }; var d = document, s = d.createElement('script'); s.src = 'https://getbloggedbyjoki.disqus.com/embed.js'; s.setAttribute('data-timestamp', +new Date()); (d.head || d.body).appendChild(s); } var target = document.getElementById('disqus_thread'); if ('IntersectionObserver' in window && target) { var observer = new IntersectionObserver(function(entries) { if (entries[0].isIntersecting) { loadDisqusEmbed(); observer.disconnect(); } }, { rootMargin: '300px' }); observer.observe(target); } else { window.addEventListener('load', function() { if ('requestIdleCallback' in window) { requestIdleCallback(loadDisqusEmbed, { timeout: 4000 }); } else { setTimeout(loadDisqusEmbed, 3000); } }); } })();" }, "install-visual-studio-code-on-linux-ubuntu.html": { "href": "install-visual-studio-code-on-linux-ubuntu.html", "title": "Installing Visual Studio Code on Linux (Ubuntu) - Get Blogged by JoKi", "summary": "Installing Visual Studio Code on Linux (Ubuntu) Copy Markdown View Markdown GitHub Markdown Source Installing Visual Studio Code on Linux (Ubuntu) Copy Markdown Copy as Prompt Download .MD GitHub Close Loading markdown source... (function () { var rawMarkdownCache = {}; function cleanFrontmatter(text) { if (!text) return ''; // Bulletproof removal of frontmatter: between initial --- and ending --- return text.replace(/^---[\\s\\S]*?\\n---\\s*\\n?/, '').trim() + '\\n'; } function fetchMarkdown(slug, callback) { if (rawMarkdownCache[slug]) { callback(null, rawMarkdownCache[slug]); return; } var rel = ''; var url = rel + 'raw/' + encodeURIComponent(slug) + '.md'; fetch(url) .then(function (res) { if (!res.ok) throw new Error('Markdown source not found: ' + res.status); return res.text(); }) .then(function (text) { var cleaned = cleanFrontmatter(text); rawMarkdownCache[slug] = cleaned; callback(null, cleaned); }) .catch(function (err) { // Fallback: extract plain text from post content var contentEl = document.querySelector('.post-full-content .post-content, .post-content, main .inner'); if (contentEl) { var fallbackMd = '# ' + (document.querySelector('h1') ? document.querySelector('h1').innerText : 'Post') + '\\n\\n' + (contentEl.innerText || contentEl.textContent); rawMarkdownCache[slug] = fallbackMd; callback(null, fallbackMd); } else { callback(err, null); } }); } // Attach Copy Markdown handler var copyButtons = document.querySelectorAll('.btn-copy-markdown, .floating-copy-markdown'); copyButtons.forEach(function (btn) { btn.addEventListener('click', function () { var slug = btn.getAttribute('data-uid') || btn.getAttribute('data-slug') || 'install-visual-studio-code-on-linux-ubuntu'; var originalHtml = btn.innerHTML; btn.disabled = true; fetchMarkdown(slug, function (err, md) { if (err || !md) { btn.disabled = false; alert('Could not copy Markdown source.'); return; } navigator.clipboard.writeText(md).then(function () { btn.classList.add('copied'); btn.innerHTML = ' Copied!'; setTimeout(function () { btn.classList.remove('copied'); btn.innerHTML = originalHtml; btn.disabled = false; }, 2000); }).catch(function () { btn.disabled = false; }); }); }); }); // Attach View Markdown modal var viewButtons = document.querySelectorAll('.btn-view-markdown'); var modal = document.getElementById('markdown-viewer-modal'); var codeEl = document.getElementById('markdown-viewer-code'); var closeBtn = modal ? modal.querySelector('.markdown-viewer-close') : null; var modalCopyBtn = document.getElementById('markdown-modal-copy-btn'); if (modal && viewButtons.length > 0) { viewButtons.forEach(function (btn) { btn.addEventListener('click', function () { var slug = btn.getAttribute('data-uid') || btn.getAttribute('data-slug') || 'install-visual-studio-code-on-linux-ubuntu'; if (codeEl) codeEl.textContent = 'Loading Markdown source...'; if (typeof modal.showModal === 'function') { modal.showModal(); } else { modal.setAttribute('open', ''); } fetchMarkdown(slug, function (err, md) { if (codeEl) { codeEl.textContent = md || 'Failed to load Markdown source.'; if (window.hljs && typeof hljs.highlightElement === 'function') { hljs.highlightElement(codeEl); } // Remove any DocFX code-action / copy buttons that might have been injected var actions = modal.querySelectorAll('.code-action, .code-copy-btn, .action, a[title=\"Copy\"], button[title=\"Copy\"]'); actions.forEach(function (el) { el.remove(); }); } }); }); }); if (closeBtn) { closeBtn.addEventListener('click', function () { if (typeof modal.close === 'function') { modal.close(); } else { modal.removeAttribute('open'); } }); } // Light dismiss on backdrop click modal.addEventListener('click', function (e) { if (e.target === modal) { var rect = modal.getBoundingClientRect(); var isInDialog = ( rect.top <= e.clientY && e.clientY <= rect.top + rect.height && rect.left <= e.clientX && e.clientX <= rect.left + rect.width ); if (!isInDialog) { if (typeof modal.close === 'function') { modal.close(); } else { modal.removeAttribute('open'); } } } }); var modalPromptBtn = document.getElementById('markdown-modal-prompt-btn'); function formatPrompt(markdownText) { var postTitle = document.querySelector('h1.post-full-title') || document.querySelector('h1'); var titleStr = (postTitle ? postTitle.textContent.trim() : 'Installing Visual Studio Code on Linux (Ubuntu)') || 'Article'; var appUrl = 'https://jochen.kirstaetter.name'.replace(/\\/+$/, ''); var canonicalLink = document.querySelector('link[rel=\"canonical\"]'); var pageUrl = canonicalLink ? (canonicalLink.getAttribute('href') || canonicalLink.href) : ''; if (!pageUrl) { pageUrl = appUrl + window.location.pathname; } if (pageUrl.startsWith('/')) { pageUrl = appUrl + pageUrl; } pageUrl = pageUrl.split('?')[0].split('#')[0]; try { var parsed = new URL(pageUrl, appUrl); if (parsed.hostname === 'localhost' || parsed.hostname === '127.0.0.1' || parsed.hostname.endsWith('.localhost')) { pageUrl = appUrl + parsed.pathname; } } catch (e) {} pageUrl = pageUrl.replace(/\\/index\\.html$/, '/').replace(/\\.html$/, ''); if (pageUrl.length > appUrl.length + 1 && pageUrl.endsWith('/')) { pageUrl = pageUrl.slice(0, -1); } return 'Analyse and use the following article as context:\\n\\n' + 'Title: ' + titleStr + '\\n' + 'URL: ' + pageUrl + '\\n\\n' + '---\\n\\n' + markdownText; } if (modalCopyBtn) { modalCopyBtn.addEventListener('click', function () { var text = codeEl ? (codeEl.innerText || codeEl.textContent) : ''; if (!text) return; navigator.clipboard.writeText(text).then(function () { var origHtml = modalCopyBtn.innerHTML; modalCopyBtn.classList.add('copied'); modalCopyBtn.innerHTML = ' Copied!'; setTimeout(function () { modalCopyBtn.classList.remove('copied'); modalCopyBtn.innerHTML = origHtml; }, 2000); }); }); } if (modalPromptBtn) { modalPromptBtn.addEventListener('click', function () { var text = codeEl ? (codeEl.innerText || codeEl.textContent) : ''; if (!text) return; var promptText = formatPrompt(text); navigator.clipboard.writeText(promptText).then(function () { var origHtml = modalPromptBtn.innerHTML; modalPromptBtn.classList.add('copied'); modalPromptBtn.innerHTML = ' Copied!'; setTimeout(function () { modalPromptBtn.classList.remove('copied'); modalPromptBtn.innerHTML = origHtml; }, 2000); }); }); } } })(); 2015-07-24 - Filed under Linux (function() { var el = document.currentScript ? document.currentScript.previousElementSibling.querySelector('.post-full-meta-date') : document.querySelector('.post-full-meta-date'); if (el) { var raw = el.getAttribute('datetime') || el.textContent.trim(); var m = raw.match(/^(\\d{4})-(\\d{1,2})-(\\d{1,2})/); if (m) { var months = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']; var y = parseInt(m[1], 10); var mo = parseInt(m[2], 10) - 1; var d = parseInt(m[3], 10); if (mo >= 0 && mo < 12) { el.textContent = months[mo] + ' ' + d + ', ' + y; } } } })(); During this year's //build conference Microsoft officially announced a new member of the Visual Studio series called Code. As described by several people already it is a HTML5, JavaScript/TypeScript based text editor hosted inside the Electron shell and it runs natively on Windows, Mac OS X and Linux. This article hopefully gives you some ideas during installation and assistance to have an improved experience out of the box compared to the standard option - at least at the time of writing this article. Getting Visual Studio Code I started using Visual Studio Code since the first released version 0.1.0, and being part of the Insider Preview program for VS Code I managed to download and get the latest version always using this short-listed link: https://aka.ms/vscode Which is an alias for this web address: https://code.visualstudio.com/ Get the latest version of Visual Studio Code from the web site Microsoft's web site of Code detects your operating system and directly offers you the best download option based on your current browser. I'm currently running Xubuntu 15.04 x64 - Vivid Vervet and the site offers me a direct link to get the latest 64-bit version of Visual Studio Code. In case that you'd like to download a different version please scroll down to the bottom of the site and check the additional options. Note: Originally, I started using Code 0.1.0 on Xubuntu 14.10 and then upgraded my machine around mid of May. Also, on a different machine running Ubuntu 14.04 LTS I can confirm to use Visual Studio Code successfully. Unzip the archive After you downloaded the latest ZIP archive for your architecture, here: VSCode-linux-x64.zip, you should decide where to extract the content of the compressed file. Well, in my case, I'd like to have third party products below the appropriate location, and therefore I usually choose /opt. Eventually you might ask yourself why? Well, here's a decent chapter about the Linux Filesystem Hierarchy written by The Linux Documentation Project (TLDP): 1.13 /opt This directory is reserved for all the software and add-on packages that are not part of the default installation. For example, StarOffice, Kylix, Netscape Communicator and WordPerfect packages are normally found here. To comply with the FSSTND, all third party applications should be installed in this directory. Any package to be installed here must locate its static files (ie. extra fonts, clipart, database files) must locate its static files in a separate /opt/'package' or /opt/'provider' directory tree (similar to the way in which Windows will install new software to its own directory tree C:\\Windows\\Progam Files\"Program Name\"), where 'package' is a name that describes the software package and 'provider' is the provider's LANANA registered name. Looks good to me, or? Anyway, let's just use this as base - given that you're root on the machine - it's surely a good choice, otherwise feel free to unzip the archive in your personal user space below your home directory. Next, let's extract the content as suggested using the console (or terminal in case that you'd prefer this term): $ cd /opt /opt$ sudo unzip ~/Downloads/VSCode-linux-x64.zip This is going to create a new directory VSCode-linux-x64 which contains the static binary to run Visual Studio Code on your system. Right now, you would be able to launch the text editor by executing the following command: /opt$ ./VSCode-linux-x64/Code Despite some warnings and errors on the console output, similar to those: [3437:0724/220852:ERROR:browser_main_loop.cc(173)] Running without the SUID sandbox! See https://code.google.com/p/chromium/wiki/LinuxSUIDSandboxDevelopment for more information on developing with the sandbox on. bash: cannot set terminal process group (-1): Inappropriate ioctl for device bash: no job control in this shell Visual Studio Code is up and running... Welcome screen of Visual Studio Code on first start of the text editor Adding a little bit more comfort Hopefully, you were able to launch Visual Studio Code based on the description given above. Now, let's add a little bit more comfort to your user experience. Unfortunately, there is no out-of-the-box installation package for the usual distributions - at least not yet, and we are obliged to do some manual steps. Following, I'm going to give you my steps with some brief explanations about the why and how. Of course, there are always multiple choices and you might either skip one or the other step or even have better suggestions. Please use the comment section at the bottom to give me your tips & tricks. Thanks! Version-(in)dependent folder and symbolic link Not sure about you but given the manual installation steps I would like to have a better control each time I consider to install a newer version of Code. Also, this helps to keep some adjustments on constant path information like Application launcher and shortcuts to run Visual Studio Code. Okay, let's dig into that and first rename (move) the base directory of Code to a version-specific one: /opt$ sudo mv VSCode-linux-x64 VSCode-0.5.0 Again, as of writing this article 0.5.0 was the latest available version. Meanwhile, the are good chances that you might have a higher version already - good! Next, I usually create a symbolic soft link back to the newly renamed folder in order to stay version-independent. Sounds confusing, right? Hold on, I'll explain it in a short, and you will see the benefits, too. /opt$ sudo ln -s VSCode-0.5.0 VSCode Your own /opt folder might look similar to this one right now: Extract the Visual Studio Code zip archive below /opt directory and create a version-independent symlink As you can see on the screenshot I've been using Code since the very beginning, and using this approach I am actually able to keep all versions installed side-by-side next to each other. The most interesting part is the version-independent symlink in the /opt directory. This allows me to launch Visual Studio Code by executing the following line from anywhere: /opt/VSCode/Code Like using the Application Finder on Xubuntu after pressing Alt+F2: Launch Visual Studio Code from the Application Finder with fully qualified path to executable This scenario gives us a good head start for further activities. The power of PATH Now that we have a \"fixed\" location for Visual Studio Code, it would be more comfortable to avoid to specify the full path information each time that we would like to launch the text editor. Also, looking to some of the cool command line options of Code on other platforms, it would be nice to have them as well on Linux. Okay, then let's do it using the PATH environment variable. The Linux Information Project has a good definition online: PATH Definition PATH is an environmental variable in Linux and other Unix-like operating systems that tells the shell which directories to search for executable files (i.e., ready-to-run programs) in response to commands issued by a user. It increases both the convenience and the safety of such operating systems and is widely considered to be the single most important environmental variable. That sounds exactly like what we are looking for. And in compliance with other operating systems, we are going to create another symlink for our purpose, like this: ~$ sudo ln -s /opt/VSCode/Code /usr/local/bin/code Changing the letter casing of the executable from proper writing - Code - to lower case writing - code - isn't a typo actually. Update: Recently, I discovered that the official guide on Setting up Visual Studio Code on Linux also mentions the creation of a symlink as a tip. Commonly, UNIX and Linux commands are written in lower-case writing anyway, so why should we break with this tradition? Of course, you will be able to launch the text editor now with this new path, too. Either on the console / terminal, like so ~$ code or using the Application Finder - the choice is yours. Launch Visual Studio Code from the Application Finder Thanks to the PATH environment variable we can now completely omit the path information. Linux knows where to find our executable now. Application launcher in Main Menu Being able to start Visual Studio Code anywhere from the console has already given us some comfort but compared to Windows and Mac OS X users we are still living in the digital stone age, and no application is fully installed on your Linux OS without an application launcher in your main menu. In Xubuntu you would open Application Menu (or press Alt+F1) - Settings - Main Menu in order to add a new launcher to the menu. In the menu editor select the Development section or any other where you would like to place the launcher and click on New Item to define the Launcher Properties. Eventually, you might like to enter the following on your machine: Add a new item to the main menu for Visual Studio Code Unfortunately, this leaves us with an empty icon for now. Quickly open a new terminal and switch to an existing one and let's see which graphics are provided by Microsoft, like so: ~$ find /opt/VSCode/* -type f -iname '*.png' /opt/VSCode/resources/app/vso.png /opt/VSCode/resources/app/client/vs/base/ui/scrollbar/impl/arrow-up.png /opt/VSCode/resources/app/client/vs/base/ui/scrollbar/impl/arrow-left.png /opt/VSCode/resources/app/client/vs/base/ui/scrollbar/impl/arrow-right.png /opt/VSCode/resources/app/client/vs/base/ui/scrollbar/impl/arrow-right-dark.png /opt/VSCode/resources/app/client/vs/base/ui/scrollbar/impl/arrow-left-dark.png /opt/VSCode/resources/app/client/vs/base/ui/scrollbar/impl/arrow-down-dark.png /opt/VSCode/resources/app/client/vs/base/ui/scrollbar/impl/arrow-down.png /opt/VSCode/resources/app/client/vs/base/ui/scrollbar/impl/arrow-up-dark.png /opt/VSCode/resources/app/client/vs/editor/diff/diagonal-fill.png /opt/VSCode/resources/app/client/vs/editor/css/arrow-left.png /opt/VSCode/resources/app/client/vs/editor/css/arrow-right.png /opt/VSCode/resources/app/client/vs/workbench/contrib/daytona/TestPlugin/Resources/Images.png /opt/VSCode/resources/app/client/vs/workbench/contrib/daytona/TestPlugin/Images/FileIdentifier.png /opt/VSCode/resources/app/client/vs/workbench/contrib/daytona/TestPlugin/Images/icon2.png /opt/VSCode/resources/app/client/vs/workbench/contrib/daytona/TestPlugin/Images/icon3.png /opt/VSCode/resources/app/client/vs/workbench/contrib/daytona/TestPlugin/Images/icon1.png /opt/VSCode/resources/app/client/vs/workbench/contrib/daytona/TestPlugin/Images/console-icons.png /opt/VSCode/resources/app/client/vs/workbench/ui/parts/editor/media/letterpress.png /opt/VSCode/resources/app/client/vs/workbench/ui/parts/editor/media/letterpress-dark@2x.png /opt/VSCode/resources/app/client/vs/workbench/ui/parts/editor/media/letterpress-dark.png /opt/VSCode/resources/app/client/vs/workbench/ui/parts/editor/media/letterpress@2x.png /opt/VSCode/resources/app/node_modules/emmet/Icon.png Alternatively, you might also have a look at the SVG graphics provided by Visual Studio Code. I chose the vso.png and to simplify my life in regards of future upgrades and unexpected changes, I placed a copy of the graphic file into the usual location on a Linux system: ~$ sudo cp /opt/VSCode/resources/app/vso.png /usr/share/icons/ Hint: Use the Move option in the window menu to relocate the dialog using the arrow keys, and then confirm your selection with a click on the OK button of the dialog. Your Main Menu editor might look like this now: Visual Studio Code as proper entry in the main menu of Xubuntu Congratulations, your new application launcher has been added to the menu and you can either navigate into the Development section (or the one you chose) or type your choice into the application quick filter textbox to find and execute Visual Studio Code. Navigate the application menu to launch Visual Studio Code Use the quick filter entry of the application menu to launch Visual Studio Code Creating a Desktop Entry file As we are working with Linux there are always multiple ways to achieve the same or similar result. And eventually you might prefer the possibility to create and use a file-based application launcher which adds itself to the menu structure automatically. Creating a .desktop file is not too challenging and requires a simple text editor - like Visual Studio Code \uD83D\uDE09 - to write the following definition into it: [Desktop Entry] Version=1.0 Encoding=UTF-8 Name=Visual Studio Code GenericName=Integrated Development Environment Comment=Code Editing. Redefined. Build and debug modern web and cloud applications. Exec=code TryExec=code Icon=vso StartupNotify=true Terminal=false Type=Application MimeType=text/x-csharp;application/x-mds;application/x-mdp;application/x-cmbx;application/x-prjx;application/x-csproj;application/x-vbproj;application/x-sln;application/x-aspx;text/xml;application/xhtml+xml;text/html;text/plain; Categories=GNOME;GTK;Development;IDE; Save it as vscode.desktop and then put this file into the appropriate location for a Linux system: ~$ sudo cp vscode.desktop /usr/share/applications/vscode.desktop Thanks to the proper location of the shared icon and the symlinks we created earlier, we do not have to specify any absolute paths in our Desktop Entry file. As soon as the file has been copied below the shared applications folder it automatically appears in your main menu and is ready to be used. For your extra comfort you might like to download the vscode.desktop file. You will have to rename the file and place it accordingly on your system. Make it a launcher in Cairo Dock As for the different options of Ubuntu I have to admit that I'm a long-year user of the Xfce environment, called Xubuntu, and on top I also like using a flexible dock panel (or two or three). Cairo dock is a fantastic package in case that you would like to have a little bit of Mac OS X flavour on your Linux desktop, and adding a launcher for Visual Studio Code is very simply to do. Add Visual Studio Code to a dock panel like cairo dock or similar First, run Visual Studio Code using one of the previously described methods. Next, after the application runs and an icon of code appears in the dock panel right-click the icon, then select the sub-menu entry \"Make it a launcher\" from the \"code\" context menu entry and you're done. That's actually similar to pinning an application to the taskbar in Windows 7, Windows 8 or Windows 10. Close the text editor and your new launcher will still remain in the dock panel. Resume on installing Visual Studio Code Without any question it is fantastic to have an identical text editor for all three major operating system. But Linux users are currently confronted with some lack of comfort compared to their Windows and Mac OS X friends. Although there are several and in my opinion easy ways to increase the user experience in using Visual Studio Code under Linux I'm a bit concerned whether Microsoft is keeping it on par to the other systems. Right now, installation takes some manual steps, there are essential parts missing in order to provide an excellent first contact and other editor features like automatic updates aren't yet available for the Linux variation compared to Windows and Mac OS X. Bearing in mind that the product has been launched back in April/May this year only and we are currently on version 0.5.0, I am very interested in the future development. The documentation online has some neat features for you, and the team at Microsoft has an open ear to the feedback and wishes given on their UserVoice website, too. That's all for the installation part of Visual Studio Code. Please leave your comments as well as tips & tricks for me. Happy coding! if (typeof window !== 'undefined' && window.location.hostname !== 'localhost' && window.location.hostname !== '127.0.0.1') { (window.adsbygoogle = window.adsbygoogle || []).push({}); } (function() { var loaded = false; function loadDisqusEmbed() { if (loaded) return; loaded = true; window.disqus_config = function () { this.page.url = 'install-visual-studio-code-on-linux-ubuntu.html'; this.page.identifier = '9271ed1c97_idinstall-visual-studio-code-on-linux-ubuntu'; }; var d = document, s = d.createElement('script'); s.src = 'https://getbloggedbyjoki.disqus.com/embed.js'; s.setAttribute('data-timestamp', +new Date()); (d.head || d.body).appendChild(s); } var target = document.getElementById('disqus_thread'); if ('IntersectionObserver' in window && target) { var observer = new IntersectionObserver(function(entries) { if (entries[0].isIntersecting) { loadDisqusEmbed(); observer.disconnect(); } }, { rootMargin: '300px' }); observer.observe(target); } else { window.addEventListener('load', function() { if ('requestIdleCallback' in window) { requestIdleCallback(loadDisqusEmbed, { timeout: 4000 }); } else { setTimeout(loadDisqusEmbed, 3000); } }); } })();" }, "integrate-google-adsense-ghost.html": { "href": "integrate-google-adsense-ghost.html", "title": "Integrate Google AdSense into your Ghost - Get Blogged by JoKi", "summary": "Integrate Google AdSense into your Ghost Copy Markdown View Markdown GitHub Markdown Source Integrate Google AdSense into your Ghost Copy Markdown Copy as Prompt Download .MD GitHub Close Loading markdown source... (function () { var rawMarkdownCache = {}; function cleanFrontmatter(text) { if (!text) return ''; // Bulletproof removal of frontmatter: between initial --- and ending --- return text.replace(/^---[\\s\\S]*?\\n---\\s*\\n?/, '').trim() + '\\n'; } function fetchMarkdown(slug, callback) { if (rawMarkdownCache[slug]) { callback(null, rawMarkdownCache[slug]); return; } var rel = ''; var url = rel + 'raw/' + encodeURIComponent(slug) + '.md'; fetch(url) .then(function (res) { if (!res.ok) throw new Error('Markdown source not found: ' + res.status); return res.text(); }) .then(function (text) { var cleaned = cleanFrontmatter(text); rawMarkdownCache[slug] = cleaned; callback(null, cleaned); }) .catch(function (err) { // Fallback: extract plain text from post content var contentEl = document.querySelector('.post-full-content .post-content, .post-content, main .inner'); if (contentEl) { var fallbackMd = '# ' + (document.querySelector('h1') ? document.querySelector('h1').innerText : 'Post') + '\\n\\n' + (contentEl.innerText || contentEl.textContent); rawMarkdownCache[slug] = fallbackMd; callback(null, fallbackMd); } else { callback(err, null); } }); } // Attach Copy Markdown handler var copyButtons = document.querySelectorAll('.btn-copy-markdown, .floating-copy-markdown'); copyButtons.forEach(function (btn) { btn.addEventListener('click', function () { var slug = btn.getAttribute('data-uid') || btn.getAttribute('data-slug') || 'integrate-google-adsense-ghost'; var originalHtml = btn.innerHTML; btn.disabled = true; fetchMarkdown(slug, function (err, md) { if (err || !md) { btn.disabled = false; alert('Could not copy Markdown source.'); return; } navigator.clipboard.writeText(md).then(function () { btn.classList.add('copied'); btn.innerHTML = ' Copied!'; setTimeout(function () { btn.classList.remove('copied'); btn.innerHTML = originalHtml; btn.disabled = false; }, 2000); }).catch(function () { btn.disabled = false; }); }); }); }); // Attach View Markdown modal var viewButtons = document.querySelectorAll('.btn-view-markdown'); var modal = document.getElementById('markdown-viewer-modal'); var codeEl = document.getElementById('markdown-viewer-code'); var closeBtn = modal ? modal.querySelector('.markdown-viewer-close') : null; var modalCopyBtn = document.getElementById('markdown-modal-copy-btn'); if (modal && viewButtons.length > 0) { viewButtons.forEach(function (btn) { btn.addEventListener('click', function () { var slug = btn.getAttribute('data-uid') || btn.getAttribute('data-slug') || 'integrate-google-adsense-ghost'; if (codeEl) codeEl.textContent = 'Loading Markdown source...'; if (typeof modal.showModal === 'function') { modal.showModal(); } else { modal.setAttribute('open', ''); } fetchMarkdown(slug, function (err, md) { if (codeEl) { codeEl.textContent = md || 'Failed to load Markdown source.'; if (window.hljs && typeof hljs.highlightElement === 'function') { hljs.highlightElement(codeEl); } // Remove any DocFX code-action / copy buttons that might have been injected var actions = modal.querySelectorAll('.code-action, .code-copy-btn, .action, a[title=\"Copy\"], button[title=\"Copy\"]'); actions.forEach(function (el) { el.remove(); }); } }); }); }); if (closeBtn) { closeBtn.addEventListener('click', function () { if (typeof modal.close === 'function') { modal.close(); } else { modal.removeAttribute('open'); } }); } // Light dismiss on backdrop click modal.addEventListener('click', function (e) { if (e.target === modal) { var rect = modal.getBoundingClientRect(); var isInDialog = ( rect.top <= e.clientY && e.clientY <= rect.top + rect.height && rect.left <= e.clientX && e.clientX <= rect.left + rect.width ); if (!isInDialog) { if (typeof modal.close === 'function') { modal.close(); } else { modal.removeAttribute('open'); } } } }); var modalPromptBtn = document.getElementById('markdown-modal-prompt-btn'); function formatPrompt(markdownText) { var postTitle = document.querySelector('h1.post-full-title') || document.querySelector('h1'); var titleStr = (postTitle ? postTitle.textContent.trim() : 'Integrate Google AdSense into your Ghost') || 'Article'; var appUrl = 'https://jochen.kirstaetter.name'.replace(/\\/+$/, ''); var canonicalLink = document.querySelector('link[rel=\"canonical\"]'); var pageUrl = canonicalLink ? (canonicalLink.getAttribute('href') || canonicalLink.href) : ''; if (!pageUrl) { pageUrl = appUrl + window.location.pathname; } if (pageUrl.startsWith('/')) { pageUrl = appUrl + pageUrl; } pageUrl = pageUrl.split('?')[0].split('#')[0]; try { var parsed = new URL(pageUrl, appUrl); if (parsed.hostname === 'localhost' || parsed.hostname === '127.0.0.1' || parsed.hostname.endsWith('.localhost')) { pageUrl = appUrl + parsed.pathname; } } catch (e) {} pageUrl = pageUrl.replace(/\\/index\\.html$/, '/').replace(/\\.html$/, ''); if (pageUrl.length > appUrl.length + 1 && pageUrl.endsWith('/')) { pageUrl = pageUrl.slice(0, -1); } return 'Analyse and use the following article as context:\\n\\n' + 'Title: ' + titleStr + '\\n' + 'URL: ' + pageUrl + '\\n\\n' + '---\\n\\n' + markdownText; } if (modalCopyBtn) { modalCopyBtn.addEventListener('click', function () { var text = codeEl ? (codeEl.innerText || codeEl.textContent) : ''; if (!text) return; navigator.clipboard.writeText(text).then(function () { var origHtml = modalCopyBtn.innerHTML; modalCopyBtn.classList.add('copied'); modalCopyBtn.innerHTML = ' Copied!'; setTimeout(function () { modalCopyBtn.classList.remove('copied'); modalCopyBtn.innerHTML = origHtml; }, 2000); }); }); } if (modalPromptBtn) { modalPromptBtn.addEventListener('click', function () { var text = codeEl ? (codeEl.innerText || codeEl.textContent) : ''; if (!text) return; var promptText = formatPrompt(text); navigator.clipboard.writeText(promptText).then(function () { var origHtml = modalPromptBtn.innerHTML; modalPromptBtn.classList.add('copied'); modalPromptBtn.innerHTML = ' Copied!'; setTimeout(function () { modalPromptBtn.classList.remove('copied'); modalPromptBtn.innerHTML = origHtml; }, 2000); }); }); } } })(); 2017-09-25 - Filed under Development (function() { var el = document.currentScript ? document.currentScript.previousElementSibling.querySelector('.post-full-meta-date') : document.querySelector('.post-full-meta-date'); if (el) { var raw = el.getAttribute('datetime') || el.textContent.trim(); var m = raw.match(/^(\\d{4})-(\\d{1,2})-(\\d{1,2})/); if (m) { var months = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']; var y = parseInt(m[1], 10); var mo = parseInt(m[2], 10) - 1; var d = parseInt(m[3], 10); if (mo >= 0 && mo < 12) { el.textContent = months[mo] + ' ' + d + ', ' + y; } } } })(); A little bit of extra pocket money at the beginning can with some effort turn into a solid passive income. Google AdSense is one of the many platforms to monetize your site. Turn your passion into profit. AdSense is a free, simple way to make money online by placing ads on your website. In Migration to Ghost I wrote about how I migrated from my previous blogging software to Ghost but I didn't mention about the Google AdSense integration. Thanks to a brief chat on Facebook I was reminded about that and the following paragraphs describe the changes I applied. Decision on where to place AdSense Using advertisment on your Ghost blog site can help you to earn money online. But there are some aspects to take into consideration depending on your personal interest, the nature of your website and the expected audience. Showing adverts on your site might slow down loading performance Should the adverts shown on your site match with your content written? Where and how many adverts would you like to display on your site? What are the odds that too many ads could possible scare away your readers? Are you offering other services than reading content on your site? etc. My personal choice is that I wanted to display a single advert at the end of an article. Therefore, you won't find ads in any other location of this site (as of writing). Referring back to the FB conversation, here's the actual initiator of this article: Any specific config you did for google ads? Well, yes. This blog is mainly based on the default Ghost theme \"Casper\" and I had to add the necessary code and HTML fragments into my modified theme. Creating a partial view Given that Ghost themes are based on Handlebars and their flexible way of working with code fragments I created a new view in the partials folder called ads-banner.hbs. The JavaScript code has been generated by the AdSense dashboard and I simply copied it into a

element as part of my partial view: As per Google AdSense \"This ad unit can automatically adapt its size to the space available on the page.\" For further reference check out Google's Get started with ad code documentation online. Having a partial view gives a better flexibility using that snippet in various ways compared to just adding it hard-coded somewhere into the template. Referencing the partial view As mentioned, I decided to show adverts only after the content of an article but decided to show it before the Disqus comments. Articles or better said Stories in Ghost are displayed using the post.hbs view. {{/author}} {{> \"ads-banner\"}} {{!-- If you use Disqus comments, just uncomment this block. The only thing you need to change is \"test-apkdzgmqhj\" - which should be replaced with your own Disqus site-id. --}}

In the code above I added a Partial Expression into the post view in order to embed the partial view created previously. Of course, you can decide to add as many partial expression in your posts template and other locations of your site as you like to. For more information about Handlebars used in Ghost I recommend that you dig deeper into the Themes documentation of Ghost. Restart Ghost service According to the Ghost theme structure you will need to restart Ghost each time you add or remove a file from the theme directory for it to be recognised and used. This is done on the command line using the ghost-cli command: $ ghost restart I case you're running multiple instances of Ghost on the same server it might be better to explicitly stop that particular Ghost instance and start it again instead of restarting all instances, like so: $ ghost stop [name] $ ghost start Using AdSense and Analytics A combination of both Google AdSense and Google Analytics is highly recommended as it helps you to get more details on the demographics and behaviour of your site visitors. This should also help you to provide more specialised and targeted campaigns on your site by eventually excluding certain topics not matching your actual content. Keeping an eye on the bounce rates shall give you an indicator whether visitors actually navigate around your site or just interested into a single article. My final recommendation would be: 'Less is More'. if (typeof window !== 'undefined' && window.location.hostname !== 'localhost' && window.location.hostname !== '127.0.0.1') { (window.adsbygoogle = window.adsbygoogle || []).push({}); } (function() { var loaded = false; function loadDisqusEmbed() { if (loaded) return; loaded = true; window.disqus_config = function () { this.page.url = 'integrate-google-adsense-ghost.html'; this.page.identifier = '9271ed1c97_idintegrate-google-adsense-ghost'; }; var d = document, s = d.createElement('script'); s.src = 'https://getbloggedbyjoki.disqus.com/embed.js'; s.setAttribute('data-timestamp', +new Date()); (d.head || d.body).appendChild(s); } var target = document.getElementById('disqus_thread'); if ('IntersectionObserver' in window && target) { var observer = new IntersectionObserver(function(entries) { if (entries[0].isIntersecting) { loadDisqusEmbed(); observer.disconnect(); } }, { rootMargin: '300px' }); observer.observe(target); } else { window.addEventListener('load', function() { if ('requestIdleCallback' in window) { requestIdleCallback(loadDisqusEmbed, { timeout: 4000 }); } else { setTimeout(loadDisqusEmbed, 3000); } }); } })();" }, "international-blogging.html": { "href": "international-blogging.html", "title": "International blogging - Get Blogged by JoKi", "summary": "International blogging Copy Markdown View Markdown GitHub Markdown Source International blogging Copy Markdown Copy as Prompt Download .MD GitHub Close Loading markdown source... (function () { var rawMarkdownCache = {}; function cleanFrontmatter(text) { if (!text) return ''; // Bulletproof removal of frontmatter: between initial --- and ending --- return text.replace(/^---[\\s\\S]*?\\n---\\s*\\n?/, '').trim() + '\\n'; } function fetchMarkdown(slug, callback) { if (rawMarkdownCache[slug]) { callback(null, rawMarkdownCache[slug]); return; } var rel = ''; var url = rel + 'raw/' + encodeURIComponent(slug) + '.md'; fetch(url) .then(function (res) { if (!res.ok) throw new Error('Markdown source not found: ' + res.status); return res.text(); }) .then(function (text) { var cleaned = cleanFrontmatter(text); rawMarkdownCache[slug] = cleaned; callback(null, cleaned); }) .catch(function (err) { // Fallback: extract plain text from post content var contentEl = document.querySelector('.post-full-content .post-content, .post-content, main .inner'); if (contentEl) { var fallbackMd = '# ' + (document.querySelector('h1') ? document.querySelector('h1').innerText : 'Post') + '\\n\\n' + (contentEl.innerText || contentEl.textContent); rawMarkdownCache[slug] = fallbackMd; callback(null, fallbackMd); } else { callback(err, null); } }); } // Attach Copy Markdown handler var copyButtons = document.querySelectorAll('.btn-copy-markdown, .floating-copy-markdown'); copyButtons.forEach(function (btn) { btn.addEventListener('click', function () { var slug = btn.getAttribute('data-uid') || btn.getAttribute('data-slug') || 'international-blogging'; var originalHtml = btn.innerHTML; btn.disabled = true; fetchMarkdown(slug, function (err, md) { if (err || !md) { btn.disabled = false; alert('Could not copy Markdown source.'); return; } navigator.clipboard.writeText(md).then(function () { btn.classList.add('copied'); btn.innerHTML = ' Copied!'; setTimeout(function () { btn.classList.remove('copied'); btn.innerHTML = originalHtml; btn.disabled = false; }, 2000); }).catch(function () { btn.disabled = false; }); }); }); }); // Attach View Markdown modal var viewButtons = document.querySelectorAll('.btn-view-markdown'); var modal = document.getElementById('markdown-viewer-modal'); var codeEl = document.getElementById('markdown-viewer-code'); var closeBtn = modal ? modal.querySelector('.markdown-viewer-close') : null; var modalCopyBtn = document.getElementById('markdown-modal-copy-btn'); if (modal && viewButtons.length > 0) { viewButtons.forEach(function (btn) { btn.addEventListener('click', function () { var slug = btn.getAttribute('data-uid') || btn.getAttribute('data-slug') || 'international-blogging'; if (codeEl) codeEl.textContent = 'Loading Markdown source...'; if (typeof modal.showModal === 'function') { modal.showModal(); } else { modal.setAttribute('open', ''); } fetchMarkdown(slug, function (err, md) { if (codeEl) { codeEl.textContent = md || 'Failed to load Markdown source.'; if (window.hljs && typeof hljs.highlightElement === 'function') { hljs.highlightElement(codeEl); } // Remove any DocFX code-action / copy buttons that might have been injected var actions = modal.querySelectorAll('.code-action, .code-copy-btn, .action, a[title=\"Copy\"], button[title=\"Copy\"]'); actions.forEach(function (el) { el.remove(); }); } }); }); }); if (closeBtn) { closeBtn.addEventListener('click', function () { if (typeof modal.close === 'function') { modal.close(); } else { modal.removeAttribute('open'); } }); } // Light dismiss on backdrop click modal.addEventListener('click', function (e) { if (e.target === modal) { var rect = modal.getBoundingClientRect(); var isInDialog = ( rect.top <= e.clientY && e.clientY <= rect.top + rect.height && rect.left <= e.clientX && e.clientX <= rect.left + rect.width ); if (!isInDialog) { if (typeof modal.close === 'function') { modal.close(); } else { modal.removeAttribute('open'); } } } }); var modalPromptBtn = document.getElementById('markdown-modal-prompt-btn'); function formatPrompt(markdownText) { var postTitle = document.querySelector('h1.post-full-title') || document.querySelector('h1'); var titleStr = (postTitle ? postTitle.textContent.trim() : 'International blogging') || 'Article'; var appUrl = 'https://jochen.kirstaetter.name'.replace(/\\/+$/, ''); var canonicalLink = document.querySelector('link[rel=\"canonical\"]'); var pageUrl = canonicalLink ? (canonicalLink.getAttribute('href') || canonicalLink.href) : ''; if (!pageUrl) { pageUrl = appUrl + window.location.pathname; } if (pageUrl.startsWith('/')) { pageUrl = appUrl + pageUrl; } pageUrl = pageUrl.split('?')[0].split('#')[0]; try { var parsed = new URL(pageUrl, appUrl); if (parsed.hostname === 'localhost' || parsed.hostname === '127.0.0.1' || parsed.hostname.endsWith('.localhost')) { pageUrl = appUrl + parsed.pathname; } } catch (e) {} pageUrl = pageUrl.replace(/\\/index\\.html$/, '/').replace(/\\.html$/, ''); if (pageUrl.length > appUrl.length + 1 && pageUrl.endsWith('/')) { pageUrl = pageUrl.slice(0, -1); } return 'Analyse and use the following article as context:\\n\\n' + 'Title: ' + titleStr + '\\n' + 'URL: ' + pageUrl + '\\n\\n' + '---\\n\\n' + markdownText; } if (modalCopyBtn) { modalCopyBtn.addEventListener('click', function () { var text = codeEl ? (codeEl.innerText || codeEl.textContent) : ''; if (!text) return; navigator.clipboard.writeText(text).then(function () { var origHtml = modalCopyBtn.innerHTML; modalCopyBtn.classList.add('copied'); modalCopyBtn.innerHTML = ' Copied!'; setTimeout(function () { modalCopyBtn.classList.remove('copied'); modalCopyBtn.innerHTML = origHtml; }, 2000); }); }); } if (modalPromptBtn) { modalPromptBtn.addEventListener('click', function () { var text = codeEl ? (codeEl.innerText || codeEl.textContent) : ''; if (!text) return; var promptText = formatPrompt(text); navigator.clipboard.writeText(promptText).then(function () { var origHtml = modalPromptBtn.innerHTML; modalPromptBtn.classList.add('copied'); modalPromptBtn.innerHTML = ' Copied!'; setTimeout(function () { modalPromptBtn.classList.remove('copied'); modalPromptBtn.innerHTML = origHtml; }, 2000); }); }); } } })(); 2005-08-01 - Filed under General (function() { var el = document.currentScript ? document.currentScript.previousElementSibling.querySelector('.post-full-meta-date') : document.querySelector('.post-full-meta-date'); if (el) { var raw = el.getAttribute('datetime') || el.textContent.trim(); var m = raw.match(/^(\\d{4})-(\\d{1,2})-(\\d{1,2})/); if (m) { var months = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']; var y = parseInt(m[1], 10); var mo = parseInt(m[2], 10) - 1; var d = parseInt(m[3], 10); if (mo >= 0 && mo < 12) { el.textContent = months[mo] + ' ' + d + ', ' + y; } } } })(); Hi, so this is my first entry. Joining the Foxite community is hopefully a lot of fun and even more opportunity to learn more about Visual FoxPro and software engineering. So, maybe I should start with a short introduction to myself. My name is Jochen Kirstätter - aka JoKi - and I'm living near Kaiserslautern, Germany, Europe, Earth. I started developing software back in 1995. At that time I programmed dynamic web sites using HTML (UI), Perl and later PHP (business logic) and MySQL (database) - a natural three-tier environment. During spring 1999 I joined Kheops GmbH, a small company in Kaiserslautern and got in contact with Visual FoxPro 6 SP 5. Wow, amazing! And at that moment I did a lot of mistakes but during my first attendance at 1999s Devcon Germany I got the final idea and returned to multi-tier development. Puuh, VFP provides so much possibilities and I got lost in spaghetti code. But right after this conference I was delighted and got a way back to tier development. Thanks for that. In 2002 I got the chance to speak about Active FoxPro Pages (vendor session) at the German Devcon. OMG, I was so nervous and... it was a bad experience after all. But hey, it was also a chance to improve my capabilities as speaker and one year later it was really fun. In 2003 I did the sessions for Whil Hentzen (he got ill...) about VFP/Linux and I guess it was okay. So, still a year later, I had four sessions - two as regional director of the German FoxPro User Group and two about Active FoxPro Pages - and yup, finally I got the idea. I'm currently working on the sessions for this years conference later in November. At the moment I'm preparing three to four sessions. All about different aspects in VFP and development in general. Cross fingers... \uD83D\uDE09 Meanwhile I'm regional directory of the German FoxPro User Group in Speyer - the city with the dome... We meet monthly and have a really good time talking about VFP, SQL Server and sometimes about .NET framework. During 2003 Microsoft Germany contacted me to join their community program named CLIP. That was because of my FAQ website abou Active FoxPro Pages and VFP in general. And so the whole community related stuff exploded to the maximum and it's really a lot of fun. At the end of 2004 I was contacted by the European INETA communty - thanks to Rainer Becker who registered all dFPUG usergroups. And since this year I'm as well active in SQL PASS community to chat about Microsoft SQL Server - so, any technology I use at my daily work at Kheops is compained by a community activity - maybe I'm addicted to this whole stuff... \uD83D\uDE09 really dunno, but I have a lot of fun doing this. Additional to my daily job at Kheops and ProLib I develop small tools and other stuff - hopefully useful to anyone else than me. There are several - HTML Plugin for Active FoxPro Pages, VFP and COM interface, AfpWiki and Active FoxPro Pages FAQ. I hope to write some lines about those during next months... so, wait and see. Okidoki, so this is my international hello to the VFP community. Have fun, JoKi if (typeof window !== 'undefined' && window.location.hostname !== 'localhost' && window.location.hostname !== '127.0.0.1') { (window.adsbygoogle = window.adsbygoogle || []).push({}); } (function() { var loaded = false; function loadDisqusEmbed() { if (loaded) return; loaded = true; window.disqus_config = function () { this.page.url = 'international-blogging.html'; this.page.identifier = '9271ed1c97_idinternational-blogging'; }; var d = document, s = d.createElement('script'); s.src = 'https://getbloggedbyjoki.disqus.com/embed.js'; s.setAttribute('data-timestamp', +new Date()); (d.head || d.body).appendChild(s); } var target = document.getElementById('disqus_thread'); if ('IntersectionObserver' in window && target) { var observer = new IntersectionObserver(function(entries) { if (entries[0].isIntersecting) { loadDisqusEmbed(); observer.disconnect(); } }, { rootMargin: '300px' }); observer.observe(target); } else { window.addEventListener('load', function() { if ('requestIdleCallback' in window) { requestIdleCallback(loadDisqusEmbed, { timeout: 4000 }); } else { setTimeout(loadDisqusEmbed, 3000); } }); } })();" }, "internetcaches-unglaublich.html": { "href": "internetcaches-unglaublich.html", "title": "Internetcaches - unglaublich! - Get Blogged by JoKi", "summary": "Internetcaches - unglaublich! Copy Markdown View Markdown GitHub Markdown Source Internetcaches - unglaublich! Copy Markdown Copy as Prompt Download .MD GitHub Close Loading markdown source... (function () { var rawMarkdownCache = {}; function cleanFrontmatter(text) { if (!text) return ''; // Bulletproof removal of frontmatter: between initial --- and ending --- return text.replace(/^---[\\s\\S]*?\\n---\\s*\\n?/, '').trim() + '\\n'; } function fetchMarkdown(slug, callback) { if (rawMarkdownCache[slug]) { callback(null, rawMarkdownCache[slug]); return; } var rel = ''; var url = rel + 'raw/' + encodeURIComponent(slug) + '.md'; fetch(url) .then(function (res) { if (!res.ok) throw new Error('Markdown source not found: ' + res.status); return res.text(); }) .then(function (text) { var cleaned = cleanFrontmatter(text); rawMarkdownCache[slug] = cleaned; callback(null, cleaned); }) .catch(function (err) { // Fallback: extract plain text from post content var contentEl = document.querySelector('.post-full-content .post-content, .post-content, main .inner'); if (contentEl) { var fallbackMd = '# ' + (document.querySelector('h1') ? document.querySelector('h1').innerText : 'Post') + '\\n\\n' + (contentEl.innerText || contentEl.textContent); rawMarkdownCache[slug] = fallbackMd; callback(null, fallbackMd); } else { callback(err, null); } }); } // Attach Copy Markdown handler var copyButtons = document.querySelectorAll('.btn-copy-markdown, .floating-copy-markdown'); copyButtons.forEach(function (btn) { btn.addEventListener('click', function () { var slug = btn.getAttribute('data-uid') || btn.getAttribute('data-slug') || 'internetcaches-unglaublich'; var originalHtml = btn.innerHTML; btn.disabled = true; fetchMarkdown(slug, function (err, md) { if (err || !md) { btn.disabled = false; alert('Could not copy Markdown source.'); return; } navigator.clipboard.writeText(md).then(function () { btn.classList.add('copied'); btn.innerHTML = ' Copied!'; setTimeout(function () { btn.classList.remove('copied'); btn.innerHTML = originalHtml; btn.disabled = false; }, 2000); }).catch(function () { btn.disabled = false; }); }); }); }); // Attach View Markdown modal var viewButtons = document.querySelectorAll('.btn-view-markdown'); var modal = document.getElementById('markdown-viewer-modal'); var codeEl = document.getElementById('markdown-viewer-code'); var closeBtn = modal ? modal.querySelector('.markdown-viewer-close') : null; var modalCopyBtn = document.getElementById('markdown-modal-copy-btn'); if (modal && viewButtons.length > 0) { viewButtons.forEach(function (btn) { btn.addEventListener('click', function () { var slug = btn.getAttribute('data-uid') || btn.getAttribute('data-slug') || 'internetcaches-unglaublich'; if (codeEl) codeEl.textContent = 'Loading Markdown source...'; if (typeof modal.showModal === 'function') { modal.showModal(); } else { modal.setAttribute('open', ''); } fetchMarkdown(slug, function (err, md) { if (codeEl) { codeEl.textContent = md || 'Failed to load Markdown source.'; if (window.hljs && typeof hljs.highlightElement === 'function') { hljs.highlightElement(codeEl); } // Remove any DocFX code-action / copy buttons that might have been injected var actions = modal.querySelectorAll('.code-action, .code-copy-btn, .action, a[title=\"Copy\"], button[title=\"Copy\"]'); actions.forEach(function (el) { el.remove(); }); } }); }); }); if (closeBtn) { closeBtn.addEventListener('click', function () { if (typeof modal.close === 'function') { modal.close(); } else { modal.removeAttribute('open'); } }); } // Light dismiss on backdrop click modal.addEventListener('click', function (e) { if (e.target === modal) { var rect = modal.getBoundingClientRect(); var isInDialog = ( rect.top <= e.clientY && e.clientY <= rect.top + rect.height && rect.left <= e.clientX && e.clientX <= rect.left + rect.width ); if (!isInDialog) { if (typeof modal.close === 'function') { modal.close(); } else { modal.removeAttribute('open'); } } } }); var modalPromptBtn = document.getElementById('markdown-modal-prompt-btn'); function formatPrompt(markdownText) { var postTitle = document.querySelector('h1.post-full-title') || document.querySelector('h1'); var titleStr = (postTitle ? postTitle.textContent.trim() : 'Internetcaches - unglaublich!') || 'Article'; var appUrl = 'https://jochen.kirstaetter.name'.replace(/\\/+$/, ''); var canonicalLink = document.querySelector('link[rel=\"canonical\"]'); var pageUrl = canonicalLink ? (canonicalLink.getAttribute('href') || canonicalLink.href) : ''; if (!pageUrl) { pageUrl = appUrl + window.location.pathname; } if (pageUrl.startsWith('/')) { pageUrl = appUrl + pageUrl; } pageUrl = pageUrl.split('?')[0].split('#')[0]; try { var parsed = new URL(pageUrl, appUrl); if (parsed.hostname === 'localhost' || parsed.hostname === '127.0.0.1' || parsed.hostname.endsWith('.localhost')) { pageUrl = appUrl + parsed.pathname; } } catch (e) {} pageUrl = pageUrl.replace(/\\/index\\.html$/, '/').replace(/\\.html$/, ''); if (pageUrl.length > appUrl.length + 1 && pageUrl.endsWith('/')) { pageUrl = pageUrl.slice(0, -1); } return 'Analyse and use the following article as context:\\n\\n' + 'Title: ' + titleStr + '\\n' + 'URL: ' + pageUrl + '\\n\\n' + '---\\n\\n' + markdownText; } if (modalCopyBtn) { modalCopyBtn.addEventListener('click', function () { var text = codeEl ? (codeEl.innerText || codeEl.textContent) : ''; if (!text) return; navigator.clipboard.writeText(text).then(function () { var origHtml = modalCopyBtn.innerHTML; modalCopyBtn.classList.add('copied'); modalCopyBtn.innerHTML = ' Copied!'; setTimeout(function () { modalCopyBtn.classList.remove('copied'); modalCopyBtn.innerHTML = origHtml; }, 2000); }); }); } if (modalPromptBtn) { modalPromptBtn.addEventListener('click', function () { var text = codeEl ? (codeEl.innerText || codeEl.textContent) : ''; if (!text) return; var promptText = formatPrompt(text); navigator.clipboard.writeText(promptText).then(function () { var origHtml = modalPromptBtn.innerHTML; modalPromptBtn.classList.add('copied'); modalPromptBtn.innerHTML = ' Copied!'; setTimeout(function () { modalPromptBtn.classList.remove('copied'); modalPromptBtn.innerHTML = origHtml; }, 2000); }); }); } } })(); 2006-04-18 - Filed under General (function() { var el = document.currentScript ? document.currentScript.previousElementSibling.querySelector('.post-full-meta-date') : document.querySelector('.post-full-meta-date'); if (el) { var raw = el.getAttribute('datetime') || el.textContent.trim(); var m = raw.match(/^(\\d{4})-(\\d{1,2})-(\\d{1,2})/); if (m) { var months = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']; var y = parseInt(m[1], 10); var mo = parseInt(m[2], 10) - 1; var d = parseInt(m[3], 10); if (mo >= 0 && mo < 12) { el.textContent = months[mo] + ' ' + d + ', ' + y; } } } })(); Wow, ich bin mal wieder positiv sprachlos! Eigentlich hatte ich bereits vor längerer Zeit die Suche nach weiteren Einträgen meines Blogs eingestellt, da nichts mehr aufzutreiben war. Aber heute ergab es sich mal wieder aus einer Laune heraus, dass ich nach etwas Bestimmten suchte und... Äh, was macht denn ein Blogeintrag von mir in der Trefferliste? Konkret ging's um das Thema HTML Metatags und Verbesserung des Rankings. Nun, cool, mal sehen, ob ich den wieder in der Datenbank habe... Nö. Noch besser! Ein wenig angekratzt, wieso denn der Beitrag jetzt erst im Cache von Google auftaucht, wurde ich etwas mutiger und habe mal in der Blogdatenbank nachgeschaut, zu welchen Einträgen ich zwar eine Überschrift aber keinen Beitrag habe - Okay, fein, damit haben wir ja schon mal eine Schlagwortliste für das Interview mit Google. Bewaffnet mit einer kleinen, aber feinen Spezialität der Google-Engine - dem Suchparameter site: - ging's auch gleich ab in die Tiefen des Caches... und nach einigen Stunden wieder überglücklich heraus. Leute, das war der beste virtuelle Tauchgang meines Lebens. Ich hab' locker 30(!! alte Beiträge komplett wieder gefunden. Darunter auch die informativen Einträge von der Devcon Prag 2005 - mein Favorit ist die Heimfahrt - und weitere Schmankerl, die ich schon längst abgeschrieben hatte. Der Servercrash ist damit inzwischen rein datentechnisch betrachtet überstanden. Neben der Tatsache, dass ich wieder alle Artikel der AFP FAQ in allen Sprachen besitze, bin ich natürlich wesentlich glücklicher darüber, dass auch nun meinen persönlichen Artikel des Blogs wieder online zur Verfügung stehen. Und ja, man wird schlauer, denn inzwischen mache ich jede Woche ein Fullbackup der eingesetzten Datenbanken meiner Websites. Dabei werden dann auch die optischen Templates gezogen... Leute, es macht wirklich Spass in den Beiträgen aus 2005 zu lesen. Unglaublich viel Spass. Und einmal mehr gilt mein Dank den Machern und Betreibern von Google - Leute, eure Infrastruktur ist der echte Hammer im Internet - Danke! Bis denne, JoKi if (typeof window !== 'undefined' && window.location.hostname !== 'localhost' && window.location.hostname !== '127.0.0.1') { (window.adsbygoogle = window.adsbygoogle || []).push({}); } (function() { var loaded = false; function loadDisqusEmbed() { if (loaded) return; loaded = true; window.disqus_config = function () { this.page.url = 'internetcaches-unglaublich.html'; this.page.identifier = '9271ed1c97_idinternetcaches-unglaublich'; }; var d = document, s = d.createElement('script'); s.src = 'https://getbloggedbyjoki.disqus.com/embed.js'; s.setAttribute('data-timestamp', +new Date()); (d.head || d.body).appendChild(s); } var target = document.getElementById('disqus_thread'); if ('IntersectionObserver' in window && target) { var observer = new IntersectionObserver(function(entries) { if (entries[0].isIntersecting) { loadDisqusEmbed(); observer.disconnect(); } }, { rootMargin: '300px' }); observer.observe(target); } else { window.addEventListener('load', function() { if ('requestIdleCallback' in window) { requestIdleCallback(loadDisqusEmbed, { timeout: 4000 }); } else { setTimeout(loadDisqusEmbed, 3000); } }); } })();" }, "intranet-explorer.html": { "href": "intranet-explorer.html", "title": "Intranet Explorer - Get Blogged by JoKi", "summary": "Intranet Explorer Copy Markdown View Markdown GitHub Markdown Source Intranet Explorer Copy Markdown Copy as Prompt Download .MD GitHub Close Loading markdown source... (function () { var rawMarkdownCache = {}; function cleanFrontmatter(text) { if (!text) return ''; // Bulletproof removal of frontmatter: between initial --- and ending --- return text.replace(/^---[\\s\\S]*?\\n---\\s*\\n?/, '').trim() + '\\n'; } function fetchMarkdown(slug, callback) { if (rawMarkdownCache[slug]) { callback(null, rawMarkdownCache[slug]); return; } var rel = ''; var url = rel + 'raw/' + encodeURIComponent(slug) + '.md'; fetch(url) .then(function (res) { if (!res.ok) throw new Error('Markdown source not found: ' + res.status); return res.text(); }) .then(function (text) { var cleaned = cleanFrontmatter(text); rawMarkdownCache[slug] = cleaned; callback(null, cleaned); }) .catch(function (err) { // Fallback: extract plain text from post content var contentEl = document.querySelector('.post-full-content .post-content, .post-content, main .inner'); if (contentEl) { var fallbackMd = '# ' + (document.querySelector('h1') ? document.querySelector('h1').innerText : 'Post') + '\\n\\n' + (contentEl.innerText || contentEl.textContent); rawMarkdownCache[slug] = fallbackMd; callback(null, fallbackMd); } else { callback(err, null); } }); } // Attach Copy Markdown handler var copyButtons = document.querySelectorAll('.btn-copy-markdown, .floating-copy-markdown'); copyButtons.forEach(function (btn) { btn.addEventListener('click', function () { var slug = btn.getAttribute('data-uid') || btn.getAttribute('data-slug') || 'intranet-explorer'; var originalHtml = btn.innerHTML; btn.disabled = true; fetchMarkdown(slug, function (err, md) { if (err || !md) { btn.disabled = false; alert('Could not copy Markdown source.'); return; } navigator.clipboard.writeText(md).then(function () { btn.classList.add('copied'); btn.innerHTML = ' Copied!'; setTimeout(function () { btn.classList.remove('copied'); btn.innerHTML = originalHtml; btn.disabled = false; }, 2000); }).catch(function () { btn.disabled = false; }); }); }); }); // Attach View Markdown modal var viewButtons = document.querySelectorAll('.btn-view-markdown'); var modal = document.getElementById('markdown-viewer-modal'); var codeEl = document.getElementById('markdown-viewer-code'); var closeBtn = modal ? modal.querySelector('.markdown-viewer-close') : null; var modalCopyBtn = document.getElementById('markdown-modal-copy-btn'); if (modal && viewButtons.length > 0) { viewButtons.forEach(function (btn) { btn.addEventListener('click', function () { var slug = btn.getAttribute('data-uid') || btn.getAttribute('data-slug') || 'intranet-explorer'; if (codeEl) codeEl.textContent = 'Loading Markdown source...'; if (typeof modal.showModal === 'function') { modal.showModal(); } else { modal.setAttribute('open', ''); } fetchMarkdown(slug, function (err, md) { if (codeEl) { codeEl.textContent = md || 'Failed to load Markdown source.'; if (window.hljs && typeof hljs.highlightElement === 'function') { hljs.highlightElement(codeEl); } // Remove any DocFX code-action / copy buttons that might have been injected var actions = modal.querySelectorAll('.code-action, .code-copy-btn, .action, a[title=\"Copy\"], button[title=\"Copy\"]'); actions.forEach(function (el) { el.remove(); }); } }); }); }); if (closeBtn) { closeBtn.addEventListener('click', function () { if (typeof modal.close === 'function') { modal.close(); } else { modal.removeAttribute('open'); } }); } // Light dismiss on backdrop click modal.addEventListener('click', function (e) { if (e.target === modal) { var rect = modal.getBoundingClientRect(); var isInDialog = ( rect.top <= e.clientY && e.clientY <= rect.top + rect.height && rect.left <= e.clientX && e.clientX <= rect.left + rect.width ); if (!isInDialog) { if (typeof modal.close === 'function') { modal.close(); } else { modal.removeAttribute('open'); } } } }); var modalPromptBtn = document.getElementById('markdown-modal-prompt-btn'); function formatPrompt(markdownText) { var postTitle = document.querySelector('h1.post-full-title') || document.querySelector('h1'); var titleStr = (postTitle ? postTitle.textContent.trim() : 'Intranet Explorer') || 'Article'; var appUrl = 'https://jochen.kirstaetter.name'.replace(/\\/+$/, ''); var canonicalLink = document.querySelector('link[rel=\"canonical\"]'); var pageUrl = canonicalLink ? (canonicalLink.getAttribute('href') || canonicalLink.href) : ''; if (!pageUrl) { pageUrl = appUrl + window.location.pathname; } if (pageUrl.startsWith('/')) { pageUrl = appUrl + pageUrl; } pageUrl = pageUrl.split('?')[0].split('#')[0]; try { var parsed = new URL(pageUrl, appUrl); if (parsed.hostname === 'localhost' || parsed.hostname === '127.0.0.1' || parsed.hostname.endsWith('.localhost')) { pageUrl = appUrl + parsed.pathname; } } catch (e) {} pageUrl = pageUrl.replace(/\\/index\\.html$/, '/').replace(/\\.html$/, ''); if (pageUrl.length > appUrl.length + 1 && pageUrl.endsWith('/')) { pageUrl = pageUrl.slice(0, -1); } return 'Analyse and use the following article as context:\\n\\n' + 'Title: ' + titleStr + '\\n' + 'URL: ' + pageUrl + '\\n\\n' + '---\\n\\n' + markdownText; } if (modalCopyBtn) { modalCopyBtn.addEventListener('click', function () { var text = codeEl ? (codeEl.innerText || codeEl.textContent) : ''; if (!text) return; navigator.clipboard.writeText(text).then(function () { var origHtml = modalCopyBtn.innerHTML; modalCopyBtn.classList.add('copied'); modalCopyBtn.innerHTML = ' Copied!'; setTimeout(function () { modalCopyBtn.classList.remove('copied'); modalCopyBtn.innerHTML = origHtml; }, 2000); }); }); } if (modalPromptBtn) { modalPromptBtn.addEventListener('click', function () { var text = codeEl ? (codeEl.innerText || codeEl.textContent) : ''; if (!text) return; var promptText = formatPrompt(text); navigator.clipboard.writeText(promptText).then(function () { var origHtml = modalPromptBtn.innerHTML; modalPromptBtn.classList.add('copied'); modalPromptBtn.innerHTML = ' Copied!'; setTimeout(function () { modalPromptBtn.classList.remove('copied'); modalPromptBtn.innerHTML = origHtml; }, 2000); }); }); } } })(); 2005-10-12 - Filed under General (function() { var el = document.currentScript ? document.currentScript.previousElementSibling.querySelector('.post-full-meta-date') : document.querySelector('.post-full-meta-date'); if (el) { var raw = el.getAttribute('datetime') || el.textContent.trim(); var m = raw.match(/^(\\d{4})-(\\d{1,2})-(\\d{1,2})/); if (m) { var months = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']; var y = parseInt(m[1], 10); var mo = parseInt(m[2], 10) - 1; var d = parseInt(m[3], 10); if (mo >= 0 && mo < 12) { el.textContent = months[mo] + ' ' + d + ', ' + y; } } } })(); Ja, das erscheint mir aktuell als wesentlich passenderen Namen für den Microsoft IE. Wieso komme ich darauf? Ausgehend von einer laufenden Unterhaltung mit dem Eisbären ergab sich die Idee nahezu als Konsequenz und mit einigen Überlegungen gefällt mir der Umstand sogar noch besser. Hier mal der Einstieg für euch: *12.10.2005 14:39 Delfin@Work: Öhem... cool... Schon mal ins Infosystem geschaut. Ich hab' irgendwie den Rahmen bei der Combobox entsorgt... 12.10.2005 14:44 Der Eisbär @ Work: Hm 12.10.2005 14:44 Der Eisbär @ Work: Also falls Du rausfindest, wie, sags mir ^^ 12.10.2005 14:45 Delfin@Work: Yup 12.10.2005 14:45 Der Eisbär @ Work: Mal so die ganz doofe Vermutung, dass es ein simples border = 0 ist, ist es wohl nicht? 12.10.2005 14:45 Delfin@Work: Könnte sein, aber hatte ich mal in der Vergangenheit probiert... 12.10.2005 14:46 Delfin@Work: Hm, könnte aber auch am Firefox 1.5 liegen. Denn im IE ist der Rahmen noch da. 12.10.2005 14:47 Der Eisbär @ Work: Frickelfox 1.5 is raus? 12.10.2005 14:47 Der Eisbär @ Work: Ah okay, Beta ^^ 12.10.2005 14:47 Der Eisbär @ Work: Hm, auf den bin ich ja auch mal sehr gespannt 12.10.2005 14:48 Delfin@Work: Wie kommst du auf Frickelfox? 12.10.2005 14:48 Der Eisbär @ Work: lach Das war net so ernst gemeint 12.10.2005 14:48 Delfin@Work: Ich vermute, dass es mit CSS3 zu tun hat. 12.10.2005 14:49 Der Eisbär @ Work: Hmmm .... irgendwie müsst ich mein Wissen in dem Bereich auch mal wieder polieren 12.10.2005 14:49 Delfin@Work: Hm, da fällt mir gerade ein, dss MS seinen IE umbenennen sollte.. 12.10.2005 14:49 Der Eisbär @ Work: In? 12.10.2005 14:50 Delfin@Work: In \"Intranet Explorer\", denn da ist er am besten aufgehoben und die Leistungen sind überzeugend. In einem kontrollierten Umfeld ist das Teil geeigneter. 12.10.2005 14:50 Der Eisbär @ Work: Hm, da ist durchaus was dran 12.10.2005 14:50 Der Eisbär @ Work: Aber hey, wenn das dann bedeutet, dass statt dem IE der Windowsstandardbrowser der MSN Explorer wird, dann gute Nacht 12.10.2005 14:51 Delfin@Work: Tjoa, dann erst recht nur Intranet... 12.10.2005 14:51 Der Eisbär @ Work: Zielgruppe \"Frauen und Kinder\", wenn ich so was schon höre * Und wenn man sich einige webbasierte Anwendungen sowie webbasierte Software betrachtet, dann stellt man in den meisten Fällen garantiert zwei Dinge fest: Es sind meistens Intranet-Anwendungen und eher selten im offenen Dschungel des Internets anzutreffen Die Implementierung ist optimiert auf den Microsoft Browser Über den ersten Punkt lässt sich sicherlich viel diskutieren; jedoch sehe ich beim zweiten Punkt ein klassisches Henne-Ei-Problem. Denn viele Hersteller von webbasierten Lösungen nehmen den IE als Marktführer für die Windowsplattform als das Maß aller Dinge für ihre Entwicklung und vernachlässigen damit (un-)bewusst andere Browser und andere Betriebssysteme. Schade eigentlich, da sich hier sicherlich noch einige Lizenzen für Clients machen liessen, und es im Widerspruch zur Idee der vernetzten Informationsanbietung steht. Also, gehen wir davon aus, dass wir in einer kontrollierten, gesicherten Arbeitsumgebung aktiv sein können. Und jetzt, kann ich mir auch wieder den IE als geeignetes Werkzeug zur Anwendung der webbasierten Software vorstellen. Daher auch die Idee für die Namensänderung Intranet Explorer. Zusätzlich müsste eine entsprechende Netzwerk-Kontrollinstanz sicherstellen, dass keine externen Requests (also dem bösen Internet) ausgehend vom IE mittels Proxies und Firewalls zugelassen wird. Hier sehe ich ein besonderes Tätigkeitsfeld für den Systemadministrator. \uD83D\uDE0E Und wir haben eine klare Aufgabentrennung: Intranet kann der IE übernehmen, während im Internet sorgenfrei(er) mit den Gecko-basierten Browsern navigiert wird. Wie seht ihr die Situation? Bis denne, JoKi if (typeof window !== 'undefined' && window.location.hostname !== 'localhost' && window.location.hostname !== '127.0.0.1') { (window.adsbygoogle = window.adsbygoogle || []).push({}); } (function() { var loaded = false; function loadDisqusEmbed() { if (loaded) return; loaded = true; window.disqus_config = function () { this.page.url = 'intranet-explorer.html'; this.page.identifier = '9271ed1c97_idintranet-explorer'; }; var d = document, s = d.createElement('script'); s.src = 'https://getbloggedbyjoki.disqus.com/embed.js'; s.setAttribute('data-timestamp', +new Date()); (d.head || d.body).appendChild(s); } var target = document.getElementById('disqus_thread'); if ('IntersectionObserver' in window && target) { var observer = new IntersectionObserver(function(entries) { if (entries[0].isIntersecting) { loadDisqusEmbed(); observer.disconnect(); } }, { rootMargin: '300px' }); observer.observe(target); } else { window.addEventListener('load', function() { if ('requestIdleCallback' in window) { requestIdleCallback(loadDisqusEmbed, { timeout: 4000 }); } else { setTimeout(loadDisqusEmbed, 3000); } }); } })();" }, "intro-to-mscc.html": { "href": "intro-to-mscc.html", "title": "Introduction to Mauritius Software Craftsmanship Community - Get Blogged by JoKi", "summary": "Introduction to Mauritius Software Craftsmanship Community Copy Markdown View Markdown GitHub Markdown Source Introduction to Mauritius Software Craftsmanship Community Copy Markdown Copy as Prompt Download .MD GitHub Close Loading markdown source... (function () { var rawMarkdownCache = {}; function cleanFrontmatter(text) { if (!text) return ''; // Bulletproof removal of frontmatter: between initial --- and ending --- return text.replace(/^---[\\s\\S]*?\\n---\\s*\\n?/, '').trim() + '\\n'; } function fetchMarkdown(slug, callback) { if (rawMarkdownCache[slug]) { callback(null, rawMarkdownCache[slug]); return; } var rel = ''; var url = rel + 'raw/' + encodeURIComponent(slug) + '.md'; fetch(url) .then(function (res) { if (!res.ok) throw new Error('Markdown source not found: ' + res.status); return res.text(); }) .then(function (text) { var cleaned = cleanFrontmatter(text); rawMarkdownCache[slug] = cleaned; callback(null, cleaned); }) .catch(function (err) { // Fallback: extract plain text from post content var contentEl = document.querySelector('.post-full-content .post-content, .post-content, main .inner'); if (contentEl) { var fallbackMd = '# ' + (document.querySelector('h1') ? document.querySelector('h1').innerText : 'Post') + '\\n\\n' + (contentEl.innerText || contentEl.textContent); rawMarkdownCache[slug] = fallbackMd; callback(null, fallbackMd); } else { callback(err, null); } }); } // Attach Copy Markdown handler var copyButtons = document.querySelectorAll('.btn-copy-markdown, .floating-copy-markdown'); copyButtons.forEach(function (btn) { btn.addEventListener('click', function () { var slug = btn.getAttribute('data-uid') || btn.getAttribute('data-slug') || 'intro-to-mscc'; var originalHtml = btn.innerHTML; btn.disabled = true; fetchMarkdown(slug, function (err, md) { if (err || !md) { btn.disabled = false; alert('Could not copy Markdown source.'); return; } navigator.clipboard.writeText(md).then(function () { btn.classList.add('copied'); btn.innerHTML = ' Copied!'; setTimeout(function () { btn.classList.remove('copied'); btn.innerHTML = originalHtml; btn.disabled = false; }, 2000); }).catch(function () { btn.disabled = false; }); }); }); }); // Attach View Markdown modal var viewButtons = document.querySelectorAll('.btn-view-markdown'); var modal = document.getElementById('markdown-viewer-modal'); var codeEl = document.getElementById('markdown-viewer-code'); var closeBtn = modal ? modal.querySelector('.markdown-viewer-close') : null; var modalCopyBtn = document.getElementById('markdown-modal-copy-btn'); if (modal && viewButtons.length > 0) { viewButtons.forEach(function (btn) { btn.addEventListener('click', function () { var slug = btn.getAttribute('data-uid') || btn.getAttribute('data-slug') || 'intro-to-mscc'; if (codeEl) codeEl.textContent = 'Loading Markdown source...'; if (typeof modal.showModal === 'function') { modal.showModal(); } else { modal.setAttribute('open', ''); } fetchMarkdown(slug, function (err, md) { if (codeEl) { codeEl.textContent = md || 'Failed to load Markdown source.'; if (window.hljs && typeof hljs.highlightElement === 'function') { hljs.highlightElement(codeEl); } // Remove any DocFX code-action / copy buttons that might have been injected var actions = modal.querySelectorAll('.code-action, .code-copy-btn, .action, a[title=\"Copy\"], button[title=\"Copy\"]'); actions.forEach(function (el) { el.remove(); }); } }); }); }); if (closeBtn) { closeBtn.addEventListener('click', function () { if (typeof modal.close === 'function') { modal.close(); } else { modal.removeAttribute('open'); } }); } // Light dismiss on backdrop click modal.addEventListener('click', function (e) { if (e.target === modal) { var rect = modal.getBoundingClientRect(); var isInDialog = ( rect.top <= e.clientY && e.clientY <= rect.top + rect.height && rect.left <= e.clientX && e.clientX <= rect.left + rect.width ); if (!isInDialog) { if (typeof modal.close === 'function') { modal.close(); } else { modal.removeAttribute('open'); } } } }); var modalPromptBtn = document.getElementById('markdown-modal-prompt-btn'); function formatPrompt(markdownText) { var postTitle = document.querySelector('h1.post-full-title') || document.querySelector('h1'); var titleStr = (postTitle ? postTitle.textContent.trim() : 'Introduction to Mauritius Software Craftsmanship Community') || 'Article'; var appUrl = 'https://jochen.kirstaetter.name'.replace(/\\/+$/, ''); var canonicalLink = document.querySelector('link[rel=\"canonical\"]'); var pageUrl = canonicalLink ? (canonicalLink.getAttribute('href') || canonicalLink.href) : ''; if (!pageUrl) { pageUrl = appUrl + window.location.pathname; } if (pageUrl.startsWith('/')) { pageUrl = appUrl + pageUrl; } pageUrl = pageUrl.split('?')[0].split('#')[0]; try { var parsed = new URL(pageUrl, appUrl); if (parsed.hostname === 'localhost' || parsed.hostname === '127.0.0.1' || parsed.hostname.endsWith('.localhost')) { pageUrl = appUrl + parsed.pathname; } } catch (e) {} pageUrl = pageUrl.replace(/\\/index\\.html$/, '/').replace(/\\.html$/, ''); if (pageUrl.length > appUrl.length + 1 && pageUrl.endsWith('/')) { pageUrl = pageUrl.slice(0, -1); } return 'Analyse and use the following article as context:\\n\\n' + 'Title: ' + titleStr + '\\n' + 'URL: ' + pageUrl + '\\n\\n' + '---\\n\\n' + markdownText; } if (modalCopyBtn) { modalCopyBtn.addEventListener('click', function () { var text = codeEl ? (codeEl.innerText || codeEl.textContent) : ''; if (!text) return; navigator.clipboard.writeText(text).then(function () { var origHtml = modalCopyBtn.innerHTML; modalCopyBtn.classList.add('copied'); modalCopyBtn.innerHTML = ' Copied!'; setTimeout(function () { modalCopyBtn.classList.remove('copied'); modalCopyBtn.innerHTML = origHtml; }, 2000); }); }); } if (modalPromptBtn) { modalPromptBtn.addEventListener('click', function () { var text = codeEl ? (codeEl.innerText || codeEl.textContent) : ''; if (!text) return; var promptText = formatPrompt(text); navigator.clipboard.writeText(promptText).then(function () { var origHtml = modalPromptBtn.innerHTML; modalPromptBtn.classList.add('copied'); modalPromptBtn.innerHTML = ' Copied!'; setTimeout(function () { modalPromptBtn.classList.remove('copied'); modalPromptBtn.innerHTML = origHtml; }, 2000); }); }); } } })(); 2015-03-01 - Filed under Community (function() { var el = document.currentScript ? document.currentScript.previousElementSibling.querySelector('.post-full-meta-date') : document.querySelector('.post-full-meta-date'); if (el) { var raw = el.getAttribute('datetime') || el.textContent.trim(); var m = raw.match(/^(\\d{4})-(\\d{1,2})-(\\d{1,2})/); if (m) { var months = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']; var y = parseInt(m[1], 10); var mo = parseInt(m[2], 10) - 1; var d = parseInt(m[3], 10); if (mo >= 0 && mo < 12) { el.textContent = months[mo] + ' ' + d + ', ' + y; } } } })(); Whether you are working in the field of Internet Technology (IT) since a long time or you just started your studies in Computer Science recently, at some point in time you might have the urge to meet and exchange with other like-minded people. Communities and user groups are surely the way to go and most likely there is an active user group already not far from you. Although user groups are not new concepts it was a bit surprising for me that discover the lack of an active community here in Mauritius - I mean active ones. According to some search queries on Google you can easily find relicts of previously existing user groups; but unfortunately most of them aren't active anymore. While having a closer look at the search results and with the experience I gained during earlier years as a member of various communities and even being responsible to organise monthly meetings for more than two years, I finally decided that Mauritius should have a vital and thriving IT community again. No offense towards the other existing ones but as said, they were either long forgotten and abandonded or acted very dormant in some remote corner of the island. Anyway, back in May 2013 I started to organise myself a little bit and officially announced the existence of the Mauritius Software Craftsmanship Community, or short: MSCC, on various social media channels. What is the MSCC? Let me quote the official \"About Us\" statement from our official site: \"This is a community for those who care and are proud of what they do. For those developers, regardless how experienced they are, who want to improve and master their craft. This is a community for those who believe that being average is just not good enough.\" A simply mission statement. The MSCC is technology-agnostic community and spans an umbrella over any kind of technology. Simply because you can't ignore other technologies anymore in a connected IT world as we have. A front-end developer for iOS applications should have the chance to connect with a Python back-end coder and eventually with a DBA for MySQL or PostgreSQL and exchange their experience. Furthermore, I'm a huge fan of cross-platform development, and it is very pleasant to have pure Web developers - with all that HTML5, CSS3, JavaScript and JS libraries stuff - and passionate C# or Java coders at the same table. This diversity of knowledge can assist and boost your personal situation. And last but not least, there are projects and open positions 'flying' around... People might like to hear others opinion about an employer or get new impulses on how to tackle down an issue at their workspace, etc. This is about community. And that's how I see the MSCC in general - free of any limitations be it by programming language or technology. Having the chance to exchange experience and to discuss certain aspects of technology saves you time and money, and it's a pleasure to enjoy. Compared to dusty books and remote online resources. It's about humans! Elements of a successful community Within less than 1.5 years the number of registered craftsmen in our community reached 200+ members. The MSCC is now the largest IT community in Mauritius, maybe even in the region of Indian Ocean but there are have been a couple of techniques to make this happen. Following I would like to describe some key indicators that helped to thrive this user group. Of course, the list is not complete and they are surely more aspects in play to achieve this goal; at least it might be some starting point for others. Regular dates, easy accessible locations (and stick to it) Trust me, especially at the beginning it might be frustrating and discouraging. The first two or three meetups, I was sitting on my own at a local bistro and couldn't talk to anyone else about my current struggles in coding or about discussing some vital ideas with someone else. Be persistent! It takes time that other people in your area take note and they also have to see whether they can arrange their schedule to come and visit. The MSCC has currently two schedules: The weekly Code & Coffee session every Wednesday morning The monthly topic during the last Saturday of a month Of course, you don't to have to stick to this one but at least focus on regular, easy to remember dates, ie. third Monday evening, or similar. Organise topic-specific events and give away SWAG During the weekly meetings we usually exchange about recent news in the IT scene, talk about various ideas and technologies and sometimes put our heads together to work out an issue a craftsmen brought on that day. Personally, I'm enjoying the time out of office, and for a good number of times I got great hints from others and was able to improve my daily routine and productivity. You would be surprised about how much a short personal chat with someone else could help you to get better on your job. Our monthly meetups are usually centered around a specific topic, and most of the time it is other community members that share there experience in a certain field with all the other attendees. Usually, we choose two sessions of approximately 45 to 60 minutes and then have a nice Q & A session afterwa Active contribution to social media channels Creating awareness of the community and keeping an open communication channels for announcements and exchange between members is very important. The MSCC is present on all major social media platforms like Twitter, Facebook, Google+ and LinkedIn. In case that this might take too much of time, there are multiple tools on the market that allow simultaneous posting to all of those platforms. Your user group members have different taste and preferences, so don't miss the chance to be present for all of them. Engage with members and ask for assistance An IT community is about latest news in technology, IT-related promotions and other cool things that are worth sharing and discussing. Again be persistent and post interesting information through the social media platforms, retweet, share postings and be an attractive source for your members. Even though there are endless numbers of news publications don't be afraid to collect some good ones and redistribute them through the user group. In general, it might be also interesting to engage some selected group members to assist you. Especially, about publication of news and promotional offers. Engage, encourage, share the load and have great fun together. Also, in terms of work related scenarios it's great to have some vital communication among user group attendees. The number of project offers, requests for some freelancing work and consulting activities has constantly increased between our members. The networking sessions during our monthly meetups are highly appreciated by the MSCC craftsmen as they offer the chance to get in touch with skilled people. Someone might be looking for a job while another attendee is desperately looking for talent to fill an open position. Work together with other communities Do not distinguish or isolate yourself from other IT communities. No, quite the opposite: Embrace their activities, learn from each and other maybe even organise common events. Despite the short period of existence of the Mauritius Software Craftsmanship Community there are positive connections to several other user groups here in Mauritius. Most interestingly, the MSCC acted somehow as a catalyst or igniter for them. Back in 2013 the local Linux user group - LUGM - was kind of dormant with very low profile and irregular get-togethers. A bit inspired by the our communities activities the LUGM experienced a wave of new motivation. There have been several Linuxfest events since then, and future events are planned together. Another example is the newly founded chapter of Startup Grind in Mauritius. The founder is one of the MSCC craftsmen with great ideas and ambitions in the field of entrepreneurship. You see, communication and networking are essential to keep an IT community like the MSCC prospering. Your future looks bright Running and participating in a user group or any kind of community usually provides quite a number of advantages for anyone. On the one side it is very joyful for me to organise appointments and get in touch with people that might be interested to present a little demo of their projects or their recent problems they had to tackle down, and on the other side there are lots of companies that have various support programs or sponsorship especially tailored for user groups. Don't be shy! Contact them and ask for gimmicks that you could hand out in small contests or raffles during one of the upcoming meetings. Usually those companies provide all kind of goodies, books free of charge, or sometimes even licenses for communities. Meeting other software developers or IT guys also opens up your point of view on the local market and there might be interesting projects or job offers available, too. A community like the Mauritius Software Craftsmanship Community is great for freelancers, self-employed, students and of course employees. Meetings will be organised on a regular basis, and I'm open to all kind of suggestions from you. Please leave a comment and join the conversations on social networks. if (typeof window !== 'undefined' && window.location.hostname !== 'localhost' && window.location.hostname !== '127.0.0.1') { (window.adsbygoogle = window.adsbygoogle || []).push({}); } (function() { var loaded = false; function loadDisqusEmbed() { if (loaded) return; loaded = true; window.disqus_config = function () { this.page.url = 'intro-to-mscc.html'; this.page.identifier = '9271ed1c97_idintro-to-mscc'; }; var d = document, s = d.createElement('script'); s.src = 'https://getbloggedbyjoki.disqus.com/embed.js'; s.setAttribute('data-timestamp', +new Date()); (d.head || d.body).appendChild(s); } var target = document.getElementById('disqus_thread'); if ('IntersectionObserver' in window && target) { var observer = new IntersectionObserver(function(entries) { if (entries[0].isIntersecting) { loadDisqusEmbed(); observer.disconnect(); } }, { rootMargin: '300px' }); observer.observe(target); } else { window.addEventListener('load', function() { if ('requestIdleCallback' in window) { requestIdleCallback(loadDisqusEmbed, { timeout: 4000 }); } else { setTimeout(loadDisqusEmbed, 3000); } }); } })();" }, "introducing-microsoft-sql-server-2005-for-developers.html": { "href": "introducing-microsoft-sql-server-2005-for-developers.html", "title": "Introducing Microsoft SQL Server 2005 For Developers - Get Blogged by JoKi", "summary": "Introducing Microsoft SQL Server 2005 For Developers Copy Markdown View Markdown GitHub Markdown Source Introducing Microsoft SQL Server 2005 For Developers Copy Markdown Copy as Prompt Download .MD GitHub Close Loading markdown source... (function () { var rawMarkdownCache = {}; function cleanFrontmatter(text) { if (!text) return ''; // Bulletproof removal of frontmatter: between initial --- and ending --- return text.replace(/^---[\\s\\S]*?\\n---\\s*\\n?/, '').trim() + '\\n'; } function fetchMarkdown(slug, callback) { if (rawMarkdownCache[slug]) { callback(null, rawMarkdownCache[slug]); return; } var rel = ''; var url = rel + 'raw/' + encodeURIComponent(slug) + '.md'; fetch(url) .then(function (res) { if (!res.ok) throw new Error('Markdown source not found: ' + res.status); return res.text(); }) .then(function (text) { var cleaned = cleanFrontmatter(text); rawMarkdownCache[slug] = cleaned; callback(null, cleaned); }) .catch(function (err) { // Fallback: extract plain text from post content var contentEl = document.querySelector('.post-full-content .post-content, .post-content, main .inner'); if (contentEl) { var fallbackMd = '# ' + (document.querySelector('h1') ? document.querySelector('h1').innerText : 'Post') + '\\n\\n' + (contentEl.innerText || contentEl.textContent); rawMarkdownCache[slug] = fallbackMd; callback(null, fallbackMd); } else { callback(err, null); } }); } // Attach Copy Markdown handler var copyButtons = document.querySelectorAll('.btn-copy-markdown, .floating-copy-markdown'); copyButtons.forEach(function (btn) { btn.addEventListener('click', function () { var slug = btn.getAttribute('data-uid') || btn.getAttribute('data-slug') || 'introducing-microsoft-sql-server-2005-for-developers'; var originalHtml = btn.innerHTML; btn.disabled = true; fetchMarkdown(slug, function (err, md) { if (err || !md) { btn.disabled = false; alert('Could not copy Markdown source.'); return; } navigator.clipboard.writeText(md).then(function () { btn.classList.add('copied'); btn.innerHTML = ' Copied!'; setTimeout(function () { btn.classList.remove('copied'); btn.innerHTML = originalHtml; btn.disabled = false; }, 2000); }).catch(function () { btn.disabled = false; }); }); }); }); // Attach View Markdown modal var viewButtons = document.querySelectorAll('.btn-view-markdown'); var modal = document.getElementById('markdown-viewer-modal'); var codeEl = document.getElementById('markdown-viewer-code'); var closeBtn = modal ? modal.querySelector('.markdown-viewer-close') : null; var modalCopyBtn = document.getElementById('markdown-modal-copy-btn'); if (modal && viewButtons.length > 0) { viewButtons.forEach(function (btn) { btn.addEventListener('click', function () { var slug = btn.getAttribute('data-uid') || btn.getAttribute('data-slug') || 'introducing-microsoft-sql-server-2005-for-developers'; if (codeEl) codeEl.textContent = 'Loading Markdown source...'; if (typeof modal.showModal === 'function') { modal.showModal(); } else { modal.setAttribute('open', ''); } fetchMarkdown(slug, function (err, md) { if (codeEl) { codeEl.textContent = md || 'Failed to load Markdown source.'; if (window.hljs && typeof hljs.highlightElement === 'function') { hljs.highlightElement(codeEl); } // Remove any DocFX code-action / copy buttons that might have been injected var actions = modal.querySelectorAll('.code-action, .code-copy-btn, .action, a[title=\"Copy\"], button[title=\"Copy\"]'); actions.forEach(function (el) { el.remove(); }); } }); }); }); if (closeBtn) { closeBtn.addEventListener('click', function () { if (typeof modal.close === 'function') { modal.close(); } else { modal.removeAttribute('open'); } }); } // Light dismiss on backdrop click modal.addEventListener('click', function (e) { if (e.target === modal) { var rect = modal.getBoundingClientRect(); var isInDialog = ( rect.top <= e.clientY && e.clientY <= rect.top + rect.height && rect.left <= e.clientX && e.clientX <= rect.left + rect.width ); if (!isInDialog) { if (typeof modal.close === 'function') { modal.close(); } else { modal.removeAttribute('open'); } } } }); var modalPromptBtn = document.getElementById('markdown-modal-prompt-btn'); function formatPrompt(markdownText) { var postTitle = document.querySelector('h1.post-full-title') || document.querySelector('h1'); var titleStr = (postTitle ? postTitle.textContent.trim() : 'Introducing Microsoft SQL Server 2005 For Developers') || 'Article'; var appUrl = 'https://jochen.kirstaetter.name'.replace(/\\/+$/, ''); var canonicalLink = document.querySelector('link[rel=\"canonical\"]'); var pageUrl = canonicalLink ? (canonicalLink.getAttribute('href') || canonicalLink.href) : ''; if (!pageUrl) { pageUrl = appUrl + window.location.pathname; } if (pageUrl.startsWith('/')) { pageUrl = appUrl + pageUrl; } pageUrl = pageUrl.split('?')[0].split('#')[0]; try { var parsed = new URL(pageUrl, appUrl); if (parsed.hostname === 'localhost' || parsed.hostname === '127.0.0.1' || parsed.hostname.endsWith('.localhost')) { pageUrl = appUrl + parsed.pathname; } } catch (e) {} pageUrl = pageUrl.replace(/\\/index\\.html$/, '/').replace(/\\.html$/, ''); if (pageUrl.length > appUrl.length + 1 && pageUrl.endsWith('/')) { pageUrl = pageUrl.slice(0, -1); } return 'Analyse and use the following article as context:\\n\\n' + 'Title: ' + titleStr + '\\n' + 'URL: ' + pageUrl + '\\n\\n' + '---\\n\\n' + markdownText; } if (modalCopyBtn) { modalCopyBtn.addEventListener('click', function () { var text = codeEl ? (codeEl.innerText || codeEl.textContent) : ''; if (!text) return; navigator.clipboard.writeText(text).then(function () { var origHtml = modalCopyBtn.innerHTML; modalCopyBtn.classList.add('copied'); modalCopyBtn.innerHTML = ' Copied!'; setTimeout(function () { modalCopyBtn.classList.remove('copied'); modalCopyBtn.innerHTML = origHtml; }, 2000); }); }); } if (modalPromptBtn) { modalPromptBtn.addEventListener('click', function () { var text = codeEl ? (codeEl.innerText || codeEl.textContent) : ''; if (!text) return; var promptText = formatPrompt(text); navigator.clipboard.writeText(promptText).then(function () { var origHtml = modalPromptBtn.innerHTML; modalPromptBtn.classList.add('copied'); modalPromptBtn.innerHTML = ' Copied!'; setTimeout(function () { modalPromptBtn.classList.remove('copied'); modalPromptBtn.innerHTML = origHtml; }, 2000); }); }); } } })(); 2005-07-14 - Filed under Recension (function() { var el = document.currentScript ? document.currentScript.previousElementSibling.querySelector('.post-full-meta-date') : document.querySelector('.post-full-meta-date'); if (el) { var raw = el.getAttribute('datetime') || el.textContent.trim(); var m = raw.match(/^(\\d{4})-(\\d{1,2})-(\\d{1,2})/); if (m) { var months = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']; var y = parseInt(m[1], 10); var mo = parseInt(m[2], 10) - 1; var d = parseInt(m[3], 10); if (mo >= 0 && mo < 12) { el.textContent = months[mo] + ' ' + d + ', ' + y; } } } })(); Rezension: Introducing Microsoft SQL Server 2005 For Developers Von Peter DeBetta Microsoft wird im Laufe des Jahres 2005 das Nachfolgeprodukt zu SQL Server 2000 veröffentlichen. In Introducing Microsoft SQL Server 2005 For Developers betrachtet Peter DeBetta das Produkt aus der Sichtweise eines Anwendungsentwicklers, und liefert anschaulich einen Überblick samt Beispielen zu den Verbesserungen und den neuen Technologien. Als eines der ersten Bücher zu Microsoft SQL Server 2005, auch unter dem Codenamen â€œYukonâ€\u009D bekannt, richtet sich das Buch primär an Entwickler, die bereits mit dem SQL Server 2000 arbeiten, und sich über die aufregenden Änderungen frühzeitig informieren möchten. Das Buch eignet sich ebenfalls für Datenbankadministratoren mit programmiertechnischen Ambitionen. Sie erhalten Einblicke in die Verbesserungen und die neuen Technologien aus der Sichtweise eines Entwicklers. In den einzelnen Kapiteln: ? SQL Server Management Studio and Transact-SQL ? But Wait...More Transact-SQL ? XML-The Real Deal ? Microsoft .NET Framework Integration ? User-Defined DataTypes ? Client-Side ADO.NET ? Security ? Data Transformation Services ? SQL Server Management Objects ? Native HTTP SOAP ? Notification Services ? SQL Server Service Broker ? Reporting Services vermittelt Ihnen Peter DeBetta mit leicht verständlichen und nachvollziehbaren Beispielen den Einsatzzweck und die grundsätzliche Funktionsweise der Technologien. Das Buch versteht sich als eine Einführung zu den Themen, dennoch geben die einzelnen Kapitel den Inhalt in ausreichender Wissentiefe wider, so dass Sie mit den gewonnenen Kenntnissen ad hoc in Ihren Anwendungen und Datenbanken loslegen könnten. Der Schwerpunkt der Neuerungen beim Microsoft SQL Server 2005 liegt weiterhin auf der Nutzung und Programmierung von Transact-SQL. Techniken wie etwa die Integration des .NET Frameworks erweitern die Möglichkeiten des Servers. Die ersten Kapitel bieten Ihnen neben ausreichend Quellcode in Transact-SQL und C# ebenfalls eine Art Entscheidungsleitfaden durch die kritische Analyse und Einschätzung der jeweiligen Lösung. In den weiteren Abschnitten erhalten Sie Einblicke in die verbesserten und neu hinzugefügten Schnittstellen des SQL Server 2005. Besonders die programmatischen Schnittstellen bieten die größten Reize für einen Entwickler und hier hat Microsoft einiges zu bieten. Die Data Transformation Services wurden vollständig neu geschrieben und mit einer umfangreichen Programmschnittstelle versehen. Die SQL Distributed Management Objects (SQL-DMO) und die XML-Fähigkeiten des SQL Server 2000 liegen nun mit mehr Funktionalität in Form der SQL Server Management Objects (SMO) und HTTP Endpoints vor. Die hinteren Kapitel zu den Themen Notification Services, dem SQL Server Service Broker und den Reporting Services können leider nur die Spitze des Eisberges der einzelnen Technologie anbieten. Das jeweilige Teilgebiet ist schlichtweg zu umfangreich für eine Vorstellung. Fairerweise verweist der Autor hier ausdrücklich auf weiterführende Literatur, bietet dennoch ausreichend Lesestoff und Beispiele für die ersten Schritte. Insgesamt liefert dieses Buch â€“ gemäß seinem Titel â€“ eine umfangreiche und leicht verständliche Vorstellung der Verbesserungen und der neuen Technologien des Microsoft SQL Server 2005. Neben der lockeren Schreibweise und den verständlichen Beispielen wartet das Buch mit einem kleinen Bonushäppchen auf: Im Anhang steht Ihnen ein Kapitel aus dem Buch The Microsoft Plaform Ahead von David S. Platt zur Verfügung. ISBN: 0-7356-1962-X Umfang: 272 Seiten Sprache: Englisch Verfügbare Buchformate: Gedruckt Preis: US $29,99 (EUR 25,50) Druckdatum: Oktober 2004 if (typeof window !== 'undefined' && window.location.hostname !== 'localhost' && window.location.hostname !== '127.0.0.1') { (window.adsbygoogle = window.adsbygoogle || []).push({}); } (function() { var loaded = false; function loadDisqusEmbed() { if (loaded) return; loaded = true; window.disqus_config = function () { this.page.url = 'introducing-microsoft-sql-server-2005-for-developers.html'; this.page.identifier = '9271ed1c97_idintroducing-microsoft-sql-server-2005-for-developers'; }; var d = document, s = d.createElement('script'); s.src = 'https://getbloggedbyjoki.disqus.com/embed.js'; s.setAttribute('data-timestamp', +new Date()); (d.head || d.body).appendChild(s); } var target = document.getElementById('disqus_thread'); if ('IntersectionObserver' in window && target) { var observer = new IntersectionObserver(function(entries) { if (entries[0].isIntersecting) { loadDisqusEmbed(); observer.disconnect(); } }, { rootMargin: '300px' }); observer.observe(target); } else { window.addEventListener('load', function() { if ('requestIdleCallback' in window) { requestIdleCallback(loadDisqusEmbed, { timeout: 4000 }); } else { setTimeout(loadDisqusEmbed, 3000); } }); } })();" }, "irgendwas-habe-ich-vergessen----.html": { "href": "irgendwas-habe-ich-vergessen----.html", "title": "Irgendwas habe ich vergessen... ? - Get Blogged by JoKi", "summary": "Irgendwas habe ich vergessen... ? Copy Markdown View Markdown GitHub Markdown Source Irgendwas habe ich vergessen... ? Copy Markdown Copy as Prompt Download .MD GitHub Close Loading markdown source... (function () { var rawMarkdownCache = {}; function cleanFrontmatter(text) { if (!text) return ''; // Bulletproof removal of frontmatter: between initial --- and ending --- return text.replace(/^---[\\s\\S]*?\\n---\\s*\\n?/, '').trim() + '\\n'; } function fetchMarkdown(slug, callback) { if (rawMarkdownCache[slug]) { callback(null, rawMarkdownCache[slug]); return; } var rel = ''; var url = rel + 'raw/' + encodeURIComponent(slug) + '.md'; fetch(url) .then(function (res) { if (!res.ok) throw new Error('Markdown source not found: ' + res.status); return res.text(); }) .then(function (text) { var cleaned = cleanFrontmatter(text); rawMarkdownCache[slug] = cleaned; callback(null, cleaned); }) .catch(function (err) { // Fallback: extract plain text from post content var contentEl = document.querySelector('.post-full-content .post-content, .post-content, main .inner'); if (contentEl) { var fallbackMd = '# ' + (document.querySelector('h1') ? document.querySelector('h1').innerText : 'Post') + '\\n\\n' + (contentEl.innerText || contentEl.textContent); rawMarkdownCache[slug] = fallbackMd; callback(null, fallbackMd); } else { callback(err, null); } }); } // Attach Copy Markdown handler var copyButtons = document.querySelectorAll('.btn-copy-markdown, .floating-copy-markdown'); copyButtons.forEach(function (btn) { btn.addEventListener('click', function () { var slug = btn.getAttribute('data-uid') || btn.getAttribute('data-slug') || 'irgendwas-habe-ich-vergessen----'; var originalHtml = btn.innerHTML; btn.disabled = true; fetchMarkdown(slug, function (err, md) { if (err || !md) { btn.disabled = false; alert('Could not copy Markdown source.'); return; } navigator.clipboard.writeText(md).then(function () { btn.classList.add('copied'); btn.innerHTML = ' Copied!'; setTimeout(function () { btn.classList.remove('copied'); btn.innerHTML = originalHtml; btn.disabled = false; }, 2000); }).catch(function () { btn.disabled = false; }); }); }); }); // Attach View Markdown modal var viewButtons = document.querySelectorAll('.btn-view-markdown'); var modal = document.getElementById('markdown-viewer-modal'); var codeEl = document.getElementById('markdown-viewer-code'); var closeBtn = modal ? modal.querySelector('.markdown-viewer-close') : null; var modalCopyBtn = document.getElementById('markdown-modal-copy-btn'); if (modal && viewButtons.length > 0) { viewButtons.forEach(function (btn) { btn.addEventListener('click', function () { var slug = btn.getAttribute('data-uid') || btn.getAttribute('data-slug') || 'irgendwas-habe-ich-vergessen----'; if (codeEl) codeEl.textContent = 'Loading Markdown source...'; if (typeof modal.showModal === 'function') { modal.showModal(); } else { modal.setAttribute('open', ''); } fetchMarkdown(slug, function (err, md) { if (codeEl) { codeEl.textContent = md || 'Failed to load Markdown source.'; if (window.hljs && typeof hljs.highlightElement === 'function') { hljs.highlightElement(codeEl); } // Remove any DocFX code-action / copy buttons that might have been injected var actions = modal.querySelectorAll('.code-action, .code-copy-btn, .action, a[title=\"Copy\"], button[title=\"Copy\"]'); actions.forEach(function (el) { el.remove(); }); } }); }); }); if (closeBtn) { closeBtn.addEventListener('click', function () { if (typeof modal.close === 'function') { modal.close(); } else { modal.removeAttribute('open'); } }); } // Light dismiss on backdrop click modal.addEventListener('click', function (e) { if (e.target === modal) { var rect = modal.getBoundingClientRect(); var isInDialog = ( rect.top <= e.clientY && e.clientY <= rect.top + rect.height && rect.left <= e.clientX && e.clientX <= rect.left + rect.width ); if (!isInDialog) { if (typeof modal.close === 'function') { modal.close(); } else { modal.removeAttribute('open'); } } } }); var modalPromptBtn = document.getElementById('markdown-modal-prompt-btn'); function formatPrompt(markdownText) { var postTitle = document.querySelector('h1.post-full-title') || document.querySelector('h1'); var titleStr = (postTitle ? postTitle.textContent.trim() : 'Irgendwas habe ich vergessen... ?') || 'Article'; var appUrl = 'https://jochen.kirstaetter.name'.replace(/\\/+$/, ''); var canonicalLink = document.querySelector('link[rel=\"canonical\"]'); var pageUrl = canonicalLink ? (canonicalLink.getAttribute('href') || canonicalLink.href) : ''; if (!pageUrl) { pageUrl = appUrl + window.location.pathname; } if (pageUrl.startsWith('/')) { pageUrl = appUrl + pageUrl; } pageUrl = pageUrl.split('?')[0].split('#')[0]; try { var parsed = new URL(pageUrl, appUrl); if (parsed.hostname === 'localhost' || parsed.hostname === '127.0.0.1' || parsed.hostname.endsWith('.localhost')) { pageUrl = appUrl + parsed.pathname; } } catch (e) {} pageUrl = pageUrl.replace(/\\/index\\.html$/, '/').replace(/\\.html$/, ''); if (pageUrl.length > appUrl.length + 1 && pageUrl.endsWith('/')) { pageUrl = pageUrl.slice(0, -1); } return 'Analyse and use the following article as context:\\n\\n' + 'Title: ' + titleStr + '\\n' + 'URL: ' + pageUrl + '\\n\\n' + '---\\n\\n' + markdownText; } if (modalCopyBtn) { modalCopyBtn.addEventListener('click', function () { var text = codeEl ? (codeEl.innerText || codeEl.textContent) : ''; if (!text) return; navigator.clipboard.writeText(text).then(function () { var origHtml = modalCopyBtn.innerHTML; modalCopyBtn.classList.add('copied'); modalCopyBtn.innerHTML = ' Copied!'; setTimeout(function () { modalCopyBtn.classList.remove('copied'); modalCopyBtn.innerHTML = origHtml; }, 2000); }); }); } if (modalPromptBtn) { modalPromptBtn.addEventListener('click', function () { var text = codeEl ? (codeEl.innerText || codeEl.textContent) : ''; if (!text) return; var promptText = formatPrompt(text); navigator.clipboard.writeText(promptText).then(function () { var origHtml = modalPromptBtn.innerHTML; modalPromptBtn.classList.add('copied'); modalPromptBtn.innerHTML = ' Copied!'; setTimeout(function () { modalPromptBtn.classList.remove('copied'); modalPromptBtn.innerHTML = origHtml; }, 2000); }); }); } } })(); 2007-01-25 - Filed under General (function() { var el = document.currentScript ? document.currentScript.previousElementSibling.querySelector('.post-full-meta-date') : document.querySelector('.post-full-meta-date'); if (el) { var raw = el.getAttribute('datetime') || el.textContent.trim(); var m = raw.match(/^(\\d{4})-(\\d{1,2})-(\\d{1,2})/); if (m) { var months = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']; var y = parseInt(m[1], 10); var mo = parseInt(m[2], 10) - 1; var d = parseInt(m[3], 10); if (mo >= 0 && mo < 12) { el.textContent = months[mo] + ' ' + d + ', ' + y; } } } })(); Ich bin mir wirklich sehr sicher, dass ich irgendetwas vergessen habe. Ich komm' zwar aktuell nicht drauf, aber da war 100% noch was gewesen. Hmm, mal drüber nachgrübeln und weiterschreiben; vielleicht fällt es mir ja wieder ein. 2007 - neues Jahr, neues Glück, neue Aufgaben und Ziele Der Jahresabschluß 2006 ist sowohl kalendarisch wie auch gedanklich inzwischen abgeschlossen und das neue Jahr hat begonnen. Zumindest bei mir vergeht der Januar immer wie im Fluge... nunja, diesmal sogar im tatsächlichen Sinn des Wortes, aber dazu gleich mehr. Ich hoffe, dass es euch der Jahreswechsel ähnlich gut ergangen ist. 2007 - neue Kategorie angelegt Ich gehe davon aus, dass es bisher noch keinem Leser richtig aufgefallen ist, daher möchte ich es hier betonen. Seit einigen Tagen habe ich eine neue Artikelkategorie - Globetrotter - angelegt. Darin werde ich ein wenig von meinen Reiseerlebnissen berichten. Dies hatte ich ja bereits in der Vergangenheit schon ab und zu mal getan, aber ich denke, dass es sich künftig rentieren wird, diese Beiträge eigenständig zu führen. Auch hierzu gleich mehr... 2007 - neue Aufgaben Meine aktuellen Projektaufgaben auf der Arbeit gehen nach etlichen Monaten intensiver Beschäftigung so langsam dem Ende entgegen. Zwar stehen wir derzeit noch nicht in weiteren Verhandlungen, aber wir wollen mal sehen, was 2007 im Bereich der Projektleitung und Software-Entwicklung für mich bringen wird. Auch hierzu werde ich im Laufe des Jahres hoffentlich ein paar Infos geben können... Achja, da war doch was... Genau, jetzt ist es mir wieder eingefallen. Dieses Blog! \uD83E\uDD2A Sorry, dass ich fast 2 Monate keinen neuen Beitrag mehr geschrieben habe und auch dass dieses Blog einige Wochen offline schien. Ich möchte hierzu keine weiteren Worte verlieren. Bis denne, JoKi if (typeof window !== 'undefined' && window.location.hostname !== 'localhost' && window.location.hostname !== '127.0.0.1') { (window.adsbygoogle = window.adsbygoogle || []).push({}); } (function() { var loaded = false; function loadDisqusEmbed() { if (loaded) return; loaded = true; window.disqus_config = function () { this.page.url = 'irgendwas-habe-ich-vergessen----.html'; this.page.identifier = '9271ed1c97_idirgendwas-habe-ich-vergessen----'; }; var d = document, s = d.createElement('script'); s.src = 'https://getbloggedbyjoki.disqus.com/embed.js'; s.setAttribute('data-timestamp', +new Date()); (d.head || d.body).appendChild(s); } var target = document.getElementById('disqus_thread'); if ('IntersectionObserver' in window && target) { var observer = new IntersectionObserver(function(entries) { if (entries[0].isIntersecting) { loadDisqusEmbed(); observer.disconnect(); } }, { rootMargin: '300px' }); observer.observe(target); } else { window.addEventListener('load', function() { if ('requestIdleCallback' in window) { requestIdleCallback(loadDisqusEmbed, { timeout: 4000 }); } else { setTimeout(loadDisqusEmbed, 3000); } }); } })();" }, "ja-ist-denn-schon-weihnachten.html": { "href": "ja-ist-denn-schon-weihnachten.html", "title": "Ja, ist denn schon Weihnachten? - Get Blogged by JoKi", "summary": "Ja, ist denn schon Weihnachten? Copy Markdown View Markdown GitHub Markdown Source Ja, ist denn schon Weihnachten? Copy Markdown Copy as Prompt Download .MD GitHub Close Loading markdown source... (function () { var rawMarkdownCache = {}; function cleanFrontmatter(text) { if (!text) return ''; // Bulletproof removal of frontmatter: between initial --- and ending --- return text.replace(/^---[\\s\\S]*?\\n---\\s*\\n?/, '').trim() + '\\n'; } function fetchMarkdown(slug, callback) { if (rawMarkdownCache[slug]) { callback(null, rawMarkdownCache[slug]); return; } var rel = ''; var url = rel + 'raw/' + encodeURIComponent(slug) + '.md'; fetch(url) .then(function (res) { if (!res.ok) throw new Error('Markdown source not found: ' + res.status); return res.text(); }) .then(function (text) { var cleaned = cleanFrontmatter(text); rawMarkdownCache[slug] = cleaned; callback(null, cleaned); }) .catch(function (err) { // Fallback: extract plain text from post content var contentEl = document.querySelector('.post-full-content .post-content, .post-content, main .inner'); if (contentEl) { var fallbackMd = '# ' + (document.querySelector('h1') ? document.querySelector('h1').innerText : 'Post') + '\\n\\n' + (contentEl.innerText || contentEl.textContent); rawMarkdownCache[slug] = fallbackMd; callback(null, fallbackMd); } else { callback(err, null); } }); } // Attach Copy Markdown handler var copyButtons = document.querySelectorAll('.btn-copy-markdown, .floating-copy-markdown'); copyButtons.forEach(function (btn) { btn.addEventListener('click', function () { var slug = btn.getAttribute('data-uid') || btn.getAttribute('data-slug') || 'ja-ist-denn-schon-weihnachten'; var originalHtml = btn.innerHTML; btn.disabled = true; fetchMarkdown(slug, function (err, md) { if (err || !md) { btn.disabled = false; alert('Could not copy Markdown source.'); return; } navigator.clipboard.writeText(md).then(function () { btn.classList.add('copied'); btn.innerHTML = ' Copied!'; setTimeout(function () { btn.classList.remove('copied'); btn.innerHTML = originalHtml; btn.disabled = false; }, 2000); }).catch(function () { btn.disabled = false; }); }); }); }); // Attach View Markdown modal var viewButtons = document.querySelectorAll('.btn-view-markdown'); var modal = document.getElementById('markdown-viewer-modal'); var codeEl = document.getElementById('markdown-viewer-code'); var closeBtn = modal ? modal.querySelector('.markdown-viewer-close') : null; var modalCopyBtn = document.getElementById('markdown-modal-copy-btn'); if (modal && viewButtons.length > 0) { viewButtons.forEach(function (btn) { btn.addEventListener('click', function () { var slug = btn.getAttribute('data-uid') || btn.getAttribute('data-slug') || 'ja-ist-denn-schon-weihnachten'; if (codeEl) codeEl.textContent = 'Loading Markdown source...'; if (typeof modal.showModal === 'function') { modal.showModal(); } else { modal.setAttribute('open', ''); } fetchMarkdown(slug, function (err, md) { if (codeEl) { codeEl.textContent = md || 'Failed to load Markdown source.'; if (window.hljs && typeof hljs.highlightElement === 'function') { hljs.highlightElement(codeEl); } // Remove any DocFX code-action / copy buttons that might have been injected var actions = modal.querySelectorAll('.code-action, .code-copy-btn, .action, a[title=\"Copy\"], button[title=\"Copy\"]'); actions.forEach(function (el) { el.remove(); }); } }); }); }); if (closeBtn) { closeBtn.addEventListener('click', function () { if (typeof modal.close === 'function') { modal.close(); } else { modal.removeAttribute('open'); } }); } // Light dismiss on backdrop click modal.addEventListener('click', function (e) { if (e.target === modal) { var rect = modal.getBoundingClientRect(); var isInDialog = ( rect.top <= e.clientY && e.clientY <= rect.top + rect.height && rect.left <= e.clientX && e.clientX <= rect.left + rect.width ); if (!isInDialog) { if (typeof modal.close === 'function') { modal.close(); } else { modal.removeAttribute('open'); } } } }); var modalPromptBtn = document.getElementById('markdown-modal-prompt-btn'); function formatPrompt(markdownText) { var postTitle = document.querySelector('h1.post-full-title') || document.querySelector('h1'); var titleStr = (postTitle ? postTitle.textContent.trim() : 'Ja, ist denn schon Weihnachten?') || 'Article'; var appUrl = 'https://jochen.kirstaetter.name'.replace(/\\/+$/, ''); var canonicalLink = document.querySelector('link[rel=\"canonical\"]'); var pageUrl = canonicalLink ? (canonicalLink.getAttribute('href') || canonicalLink.href) : ''; if (!pageUrl) { pageUrl = appUrl + window.location.pathname; } if (pageUrl.startsWith('/')) { pageUrl = appUrl + pageUrl; } pageUrl = pageUrl.split('?')[0].split('#')[0]; try { var parsed = new URL(pageUrl, appUrl); if (parsed.hostname === 'localhost' || parsed.hostname === '127.0.0.1' || parsed.hostname.endsWith('.localhost')) { pageUrl = appUrl + parsed.pathname; } } catch (e) {} pageUrl = pageUrl.replace(/\\/index\\.html$/, '/').replace(/\\.html$/, ''); if (pageUrl.length > appUrl.length + 1 && pageUrl.endsWith('/')) { pageUrl = pageUrl.slice(0, -1); } return 'Analyse and use the following article as context:\\n\\n' + 'Title: ' + titleStr + '\\n' + 'URL: ' + pageUrl + '\\n\\n' + '---\\n\\n' + markdownText; } if (modalCopyBtn) { modalCopyBtn.addEventListener('click', function () { var text = codeEl ? (codeEl.innerText || codeEl.textContent) : ''; if (!text) return; navigator.clipboard.writeText(text).then(function () { var origHtml = modalCopyBtn.innerHTML; modalCopyBtn.classList.add('copied'); modalCopyBtn.innerHTML = ' Copied!'; setTimeout(function () { modalCopyBtn.classList.remove('copied'); modalCopyBtn.innerHTML = origHtml; }, 2000); }); }); } if (modalPromptBtn) { modalPromptBtn.addEventListener('click', function () { var text = codeEl ? (codeEl.innerText || codeEl.textContent) : ''; if (!text) return; var promptText = formatPrompt(text); navigator.clipboard.writeText(promptText).then(function () { var origHtml = modalPromptBtn.innerHTML; modalPromptBtn.classList.add('copied'); modalPromptBtn.innerHTML = ' Copied!'; setTimeout(function () { modalPromptBtn.classList.remove('copied'); modalPromptBtn.innerHTML = origHtml; }, 2000); }); }); } } })(); 2005-11-18 - Filed under Community (function() { var el = document.currentScript ? document.currentScript.previousElementSibling.querySelector('.post-full-meta-date') : document.querySelector('.post-full-meta-date'); if (el) { var raw = el.getAttribute('datetime') || el.textContent.trim(); var m = raw.match(/^(\\d{4})-(\\d{1,2})-(\\d{1,2})/); if (m) { var months = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']; var y = parseInt(m[1], 10); var mo = parseInt(m[2], 10) - 1; var d = parseInt(m[3], 10); if (mo >= 0 && mo < 12) { el.textContent = months[mo] + ' ' + d + ', ' + y; } } } })(); So ging es mir als ich gestern Abend nach Hause kam und ein freundlicher Zettel meiner Nachbarn an der Tür klebte: \"Wir haben ein Paket für dich angenommen, Gruß.\" - Hm, Paket? Ich hab' doch gar nichts bestellt. Naja, okay, kann noch ein bisschen warten... Zuerst wollte ich mich noch ein wenig Entspannen und bin 4.25 Kilometer über Feldwege bei 2° Celsius durch die Gegend gejoggt. Es ist herrlich bei dem Wetter unterwegs zu sein. Absolut empfehlenswert. Auf dem Rückweg dann noch schnell bei Nachbars vorbeigeschaut und das Paket abgeholt. Hm, der Herr Nachbar sah mich etwas verduzt an, aber okay, so sieht man eben aus, wenn man gerade joggen war... Egal, das Paket kam von Microsoft, genauer gesagt von der INETA - Yeah! Cool, auf alle Fälle rechtzeitig zu unserem nächsten VFP Stammtisch in Speyer - der genaue Termin ist noch offen... Die Kiste mit den Weihnachtspräsenten füllt sich so langsam... Mein Dank gilt allen Sponsoren für die Möglichkeit, dass wir zu Weihnachten eine kleine Tombola veranstalten können. Ich bin mal gespannt, was sich noch organisieren lässt. Hehehe, für einen Stammtisch kann man nie genug haben. Bis denne, JoKi if (typeof window !== 'undefined' && window.location.hostname !== 'localhost' && window.location.hostname !== '127.0.0.1') { (window.adsbygoogle = window.adsbygoogle || []).push({}); } (function() { var loaded = false; function loadDisqusEmbed() { if (loaded) return; loaded = true; window.disqus_config = function () { this.page.url = 'ja-ist-denn-schon-weihnachten.html'; this.page.identifier = '9271ed1c97_idja-ist-denn-schon-weihnachten'; }; var d = document, s = d.createElement('script'); s.src = 'https://getbloggedbyjoki.disqus.com/embed.js'; s.setAttribute('data-timestamp', +new Date()); (d.head || d.body).appendChild(s); } var target = document.getElementById('disqus_thread'); if ('IntersectionObserver' in window && target) { var observer = new IntersectionObserver(function(entries) { if (entries[0].isIntersecting) { loadDisqusEmbed(); observer.disconnect(); } }, { rootMargin: '300px' }); observer.observe(target); } else { window.addEventListener('load', function() { if ('requestIdleCallback' in window) { requestIdleCallback(loadDisqusEmbed, { timeout: 4000 }); } else { setTimeout(loadDisqusEmbed, 3000); } }); } })();" }, "javascript-macht-spass.html": { "href": "javascript-macht-spass.html", "title": "JavaScript macht Spass - Get Blogged by JoKi", "summary": "JavaScript macht Spass Copy Markdown View Markdown GitHub Markdown Source JavaScript macht Spass Copy Markdown Copy as Prompt Download .MD GitHub Close Loading markdown source... (function () { var rawMarkdownCache = {}; function cleanFrontmatter(text) { if (!text) return ''; // Bulletproof removal of frontmatter: between initial --- and ending --- return text.replace(/^---[\\s\\S]*?\\n---\\s*\\n?/, '').trim() + '\\n'; } function fetchMarkdown(slug, callback) { if (rawMarkdownCache[slug]) { callback(null, rawMarkdownCache[slug]); return; } var rel = ''; var url = rel + 'raw/' + encodeURIComponent(slug) + '.md'; fetch(url) .then(function (res) { if (!res.ok) throw new Error('Markdown source not found: ' + res.status); return res.text(); }) .then(function (text) { var cleaned = cleanFrontmatter(text); rawMarkdownCache[slug] = cleaned; callback(null, cleaned); }) .catch(function (err) { // Fallback: extract plain text from post content var contentEl = document.querySelector('.post-full-content .post-content, .post-content, main .inner'); if (contentEl) { var fallbackMd = '# ' + (document.querySelector('h1') ? document.querySelector('h1').innerText : 'Post') + '\\n\\n' + (contentEl.innerText || contentEl.textContent); rawMarkdownCache[slug] = fallbackMd; callback(null, fallbackMd); } else { callback(err, null); } }); } // Attach Copy Markdown handler var copyButtons = document.querySelectorAll('.btn-copy-markdown, .floating-copy-markdown'); copyButtons.forEach(function (btn) { btn.addEventListener('click', function () { var slug = btn.getAttribute('data-uid') || btn.getAttribute('data-slug') || 'javascript-macht-spass'; var originalHtml = btn.innerHTML; btn.disabled = true; fetchMarkdown(slug, function (err, md) { if (err || !md) { btn.disabled = false; alert('Could not copy Markdown source.'); return; } navigator.clipboard.writeText(md).then(function () { btn.classList.add('copied'); btn.innerHTML = ' Copied!'; setTimeout(function () { btn.classList.remove('copied'); btn.innerHTML = originalHtml; btn.disabled = false; }, 2000); }).catch(function () { btn.disabled = false; }); }); }); }); // Attach View Markdown modal var viewButtons = document.querySelectorAll('.btn-view-markdown'); var modal = document.getElementById('markdown-viewer-modal'); var codeEl = document.getElementById('markdown-viewer-code'); var closeBtn = modal ? modal.querySelector('.markdown-viewer-close') : null; var modalCopyBtn = document.getElementById('markdown-modal-copy-btn'); if (modal && viewButtons.length > 0) { viewButtons.forEach(function (btn) { btn.addEventListener('click', function () { var slug = btn.getAttribute('data-uid') || btn.getAttribute('data-slug') || 'javascript-macht-spass'; if (codeEl) codeEl.textContent = 'Loading Markdown source...'; if (typeof modal.showModal === 'function') { modal.showModal(); } else { modal.setAttribute('open', ''); } fetchMarkdown(slug, function (err, md) { if (codeEl) { codeEl.textContent = md || 'Failed to load Markdown source.'; if (window.hljs && typeof hljs.highlightElement === 'function') { hljs.highlightElement(codeEl); } // Remove any DocFX code-action / copy buttons that might have been injected var actions = modal.querySelectorAll('.code-action, .code-copy-btn, .action, a[title=\"Copy\"], button[title=\"Copy\"]'); actions.forEach(function (el) { el.remove(); }); } }); }); }); if (closeBtn) { closeBtn.addEventListener('click', function () { if (typeof modal.close === 'function') { modal.close(); } else { modal.removeAttribute('open'); } }); } // Light dismiss on backdrop click modal.addEventListener('click', function (e) { if (e.target === modal) { var rect = modal.getBoundingClientRect(); var isInDialog = ( rect.top <= e.clientY && e.clientY <= rect.top + rect.height && rect.left <= e.clientX && e.clientX <= rect.left + rect.width ); if (!isInDialog) { if (typeof modal.close === 'function') { modal.close(); } else { modal.removeAttribute('open'); } } } }); var modalPromptBtn = document.getElementById('markdown-modal-prompt-btn'); function formatPrompt(markdownText) { var postTitle = document.querySelector('h1.post-full-title') || document.querySelector('h1'); var titleStr = (postTitle ? postTitle.textContent.trim() : 'JavaScript macht Spass') || 'Article'; var appUrl = 'https://jochen.kirstaetter.name'.replace(/\\/+$/, ''); var canonicalLink = document.querySelector('link[rel=\"canonical\"]'); var pageUrl = canonicalLink ? (canonicalLink.getAttribute('href') || canonicalLink.href) : ''; if (!pageUrl) { pageUrl = appUrl + window.location.pathname; } if (pageUrl.startsWith('/')) { pageUrl = appUrl + pageUrl; } pageUrl = pageUrl.split('?')[0].split('#')[0]; try { var parsed = new URL(pageUrl, appUrl); if (parsed.hostname === 'localhost' || parsed.hostname === '127.0.0.1' || parsed.hostname.endsWith('.localhost')) { pageUrl = appUrl + parsed.pathname; } } catch (e) {} pageUrl = pageUrl.replace(/\\/index\\.html$/, '/').replace(/\\.html$/, ''); if (pageUrl.length > appUrl.length + 1 && pageUrl.endsWith('/')) { pageUrl = pageUrl.slice(0, -1); } return 'Analyse and use the following article as context:\\n\\n' + 'Title: ' + titleStr + '\\n' + 'URL: ' + pageUrl + '\\n\\n' + '---\\n\\n' + markdownText; } if (modalCopyBtn) { modalCopyBtn.addEventListener('click', function () { var text = codeEl ? (codeEl.innerText || codeEl.textContent) : ''; if (!text) return; navigator.clipboard.writeText(text).then(function () { var origHtml = modalCopyBtn.innerHTML; modalCopyBtn.classList.add('copied'); modalCopyBtn.innerHTML = ' Copied!'; setTimeout(function () { modalCopyBtn.classList.remove('copied'); modalCopyBtn.innerHTML = origHtml; }, 2000); }); }); } if (modalPromptBtn) { modalPromptBtn.addEventListener('click', function () { var text = codeEl ? (codeEl.innerText || codeEl.textContent) : ''; if (!text) return; var promptText = formatPrompt(text); navigator.clipboard.writeText(promptText).then(function () { var origHtml = modalPromptBtn.innerHTML; modalPromptBtn.classList.add('copied'); modalPromptBtn.innerHTML = ' Copied!'; setTimeout(function () { modalPromptBtn.classList.remove('copied'); modalPromptBtn.innerHTML = origHtml; }, 2000); }); }); } } })(); 2004-07-13 - Filed under Development (function() { var el = document.currentScript ? document.currentScript.previousElementSibling.querySelector('.post-full-meta-date') : document.querySelector('.post-full-meta-date'); if (el) { var raw = el.getAttribute('datetime') || el.textContent.trim(); var m = raw.match(/^(\\d{4})-(\\d{1,2})-(\\d{1,2})/); if (m) { var months = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']; var y = parseInt(m[1], 10); var mo = parseInt(m[2], 10) - 1; var d = parseInt(m[3], 10); if (mo >= 0 && mo < 12) { el.textContent = months[mo] + ' ' + d + ', ' + y; } } } })(); Vielleicht kennt ihr auch das Problem... Man hat eine brauchbare GUI in HTML server-seitig mittels einer Skriptsprache wie die Active FoxPro Pages - https://www.afpages.de - zusammengesetzt und die Kommunikation zwischen Client und Server harmoniert auch sehr gut, aber irgendwie bleibt das Gefühl, daß noch etwas fehlt. Nun, so ging es mir auch bei der Programmierung einer externen Website... Es handelt sich um eine Überarbeitung, die noch im Gange ist. Aber die primären Lebensfunktionen der Site sind vorhanden, es gibt ausreichend Content, aber... wie schon gesagt, es fehlt was. Okay, die einzige Möglichkeit der Site mehr Leben und Interaktion mit dem Benutzer einzuhauchen besteht darin, daß man auf eine client-seitige Skriptsprache zurückgreift und darin kräftig programmiert. Als mögliche Kandidaten kommen max. 3 Kandidaten in Frage: JavaScript - der Platzhirsch JScript - die Sparversion von Microsoft VBScript - das Sicherheitsrisiko Irgendwie fällt alles unter den Begriff ECMAScript, aber nagelt mich nicht über das Was und Wie fest. Nun denn, die Entscheidung ist sehr eindeutig zu Gunsten JavaScript ausgefallen, da die anderen keine echte Alternative darstellen und extremst an das Document Object Modell (DOM) des Internet Explorer gebunden sind. JavaScript bietet aufgrund der Specs des W3C zudem alle Optionen für eine saubere, browserübergreifende Implementierung der gewünschten Funktionalität - und es läuft in allen Browsern... Ja, I know - Ausnahmen bestätigen die Regel und schimpfen sich Konqueror und Safari. Sorry, guys! Aber wieder zurück zum Geschehen und der Idee: Mehr Interaktion mit dem Benutzer. Nun im konkreten Fall ging es um eine Wiki-GUI, deren server-seitige Engine bereits sehr ausgereift ist. Nach einer kurzen Analyse ergibt sich das Szenario, daß jede Seite durch einen Begriff bzw. durch das WikiWord eindeutig auffindbar ist. Okay, kleiner Suchdialog und fertig. Sofern dieser omnipräsent ist... In diesem Fall ist aber nicht so. Also kam mir die Idee eines 'versteckten' Suchdialogs. Wir erinnern uns, das WikiWord ist entscheidend! Die aktuelle Implementierung in JavaScript gestattet es, durch Doppelklick auf das aktuelle WikiWord die GUI auf eine 'Suchmaske' umzuschalten, welche durch Bestätigen mit Enter ausgelöst oder durch Klick irgendwo hin wieder geschlossen wird. Einfach, aber praktisch, oder? Und Dank JavaScript funktioniert es in den meisten Browsern. \uD83D\uDE0E Achja, noch eine kleine Anmerkung, es ist äußerst hilfreich mit den Browser aus der Mozilla-Familie zu testen, da diese sowohl eine JavaScript-Konsole als auch einen DOM Inspector bereitstellen. Was IMHO wesentlich mehr Vorteile als ein stupider Fehlerhinweis vom IE bietet. Aber das sei jeder/m selbst überlassen. Keep on coding! Bis denne, JoKi if (typeof window !== 'undefined' && window.location.hostname !== 'localhost' && window.location.hostname !== '127.0.0.1') { (window.adsbygoogle = window.adsbygoogle || []).push({}); } (function() { var loaded = false; function loadDisqusEmbed() { if (loaded) return; loaded = true; window.disqus_config = function () { this.page.url = 'javascript-macht-spass.html'; this.page.identifier = '9271ed1c97_idjavascript-macht-spass'; }; var d = document, s = d.createElement('script'); s.src = 'https://getbloggedbyjoki.disqus.com/embed.js'; s.setAttribute('data-timestamp', +new Date()); (d.head || d.body).appendChild(s); } var target = document.getElementById('disqus_thread'); if ('IntersectionObserver' in window && target) { var observer = new IntersectionObserver(function(entries) { if (entries[0].isIntersecting) { loadDisqusEmbed(); observer.disconnect(); } }, { rootMargin: '300px' }); observer.observe(target); } else { window.addEventListener('load', function() { if ('requestIdleCallback' in window) { requestIdleCallback(loadDisqusEmbed, { timeout: 4000 }); } else { setTimeout(loadDisqusEmbed, 3000); } }); } })();" }, "jeder-sollte-ein-hamsterfell-besitzen.html": { "href": "jeder-sollte-ein-hamsterfell-besitzen.html", "title": "Jeder sollte ein Hamsterfell besitzen - Get Blogged by JoKi", "summary": "Jeder sollte ein Hamsterfell besitzen Copy Markdown View Markdown GitHub Markdown Source Jeder sollte ein Hamsterfell besitzen Copy Markdown Copy as Prompt Download .MD GitHub Close Loading markdown source... (function () { var rawMarkdownCache = {}; function cleanFrontmatter(text) { if (!text) return ''; // Bulletproof removal of frontmatter: between initial --- and ending --- return text.replace(/^---[\\s\\S]*?\\n---\\s*\\n?/, '').trim() + '\\n'; } function fetchMarkdown(slug, callback) { if (rawMarkdownCache[slug]) { callback(null, rawMarkdownCache[slug]); return; } var rel = ''; var url = rel + 'raw/' + encodeURIComponent(slug) + '.md'; fetch(url) .then(function (res) { if (!res.ok) throw new Error('Markdown source not found: ' + res.status); return res.text(); }) .then(function (text) { var cleaned = cleanFrontmatter(text); rawMarkdownCache[slug] = cleaned; callback(null, cleaned); }) .catch(function (err) { // Fallback: extract plain text from post content var contentEl = document.querySelector('.post-full-content .post-content, .post-content, main .inner'); if (contentEl) { var fallbackMd = '# ' + (document.querySelector('h1') ? document.querySelector('h1').innerText : 'Post') + '\\n\\n' + (contentEl.innerText || contentEl.textContent); rawMarkdownCache[slug] = fallbackMd; callback(null, fallbackMd); } else { callback(err, null); } }); } // Attach Copy Markdown handler var copyButtons = document.querySelectorAll('.btn-copy-markdown, .floating-copy-markdown'); copyButtons.forEach(function (btn) { btn.addEventListener('click', function () { var slug = btn.getAttribute('data-uid') || btn.getAttribute('data-slug') || 'jeder-sollte-ein-hamsterfell-besitzen'; var originalHtml = btn.innerHTML; btn.disabled = true; fetchMarkdown(slug, function (err, md) { if (err || !md) { btn.disabled = false; alert('Could not copy Markdown source.'); return; } navigator.clipboard.writeText(md).then(function () { btn.classList.add('copied'); btn.innerHTML = ' Copied!'; setTimeout(function () { btn.classList.remove('copied'); btn.innerHTML = originalHtml; btn.disabled = false; }, 2000); }).catch(function () { btn.disabled = false; }); }); }); }); // Attach View Markdown modal var viewButtons = document.querySelectorAll('.btn-view-markdown'); var modal = document.getElementById('markdown-viewer-modal'); var codeEl = document.getElementById('markdown-viewer-code'); var closeBtn = modal ? modal.querySelector('.markdown-viewer-close') : null; var modalCopyBtn = document.getElementById('markdown-modal-copy-btn'); if (modal && viewButtons.length > 0) { viewButtons.forEach(function (btn) { btn.addEventListener('click', function () { var slug = btn.getAttribute('data-uid') || btn.getAttribute('data-slug') || 'jeder-sollte-ein-hamsterfell-besitzen'; if (codeEl) codeEl.textContent = 'Loading Markdown source...'; if (typeof modal.showModal === 'function') { modal.showModal(); } else { modal.setAttribute('open', ''); } fetchMarkdown(slug, function (err, md) { if (codeEl) { codeEl.textContent = md || 'Failed to load Markdown source.'; if (window.hljs && typeof hljs.highlightElement === 'function') { hljs.highlightElement(codeEl); } // Remove any DocFX code-action / copy buttons that might have been injected var actions = modal.querySelectorAll('.code-action, .code-copy-btn, .action, a[title=\"Copy\"], button[title=\"Copy\"]'); actions.forEach(function (el) { el.remove(); }); } }); }); }); if (closeBtn) { closeBtn.addEventListener('click', function () { if (typeof modal.close === 'function') { modal.close(); } else { modal.removeAttribute('open'); } }); } // Light dismiss on backdrop click modal.addEventListener('click', function (e) { if (e.target === modal) { var rect = modal.getBoundingClientRect(); var isInDialog = ( rect.top <= e.clientY && e.clientY <= rect.top + rect.height && rect.left <= e.clientX && e.clientX <= rect.left + rect.width ); if (!isInDialog) { if (typeof modal.close === 'function') { modal.close(); } else { modal.removeAttribute('open'); } } } }); var modalPromptBtn = document.getElementById('markdown-modal-prompt-btn'); function formatPrompt(markdownText) { var postTitle = document.querySelector('h1.post-full-title') || document.querySelector('h1'); var titleStr = (postTitle ? postTitle.textContent.trim() : 'Jeder sollte ein Hamsterfell besitzen') || 'Article'; var appUrl = 'https://jochen.kirstaetter.name'.replace(/\\/+$/, ''); var canonicalLink = document.querySelector('link[rel=\"canonical\"]'); var pageUrl = canonicalLink ? (canonicalLink.getAttribute('href') || canonicalLink.href) : ''; if (!pageUrl) { pageUrl = appUrl + window.location.pathname; } if (pageUrl.startsWith('/')) { pageUrl = appUrl + pageUrl; } pageUrl = pageUrl.split('?')[0].split('#')[0]; try { var parsed = new URL(pageUrl, appUrl); if (parsed.hostname === 'localhost' || parsed.hostname === '127.0.0.1' || parsed.hostname.endsWith('.localhost')) { pageUrl = appUrl + parsed.pathname; } } catch (e) {} pageUrl = pageUrl.replace(/\\/index\\.html$/, '/').replace(/\\.html$/, ''); if (pageUrl.length > appUrl.length + 1 && pageUrl.endsWith('/')) { pageUrl = pageUrl.slice(0, -1); } return 'Analyse and use the following article as context:\\n\\n' + 'Title: ' + titleStr + '\\n' + 'URL: ' + pageUrl + '\\n\\n' + '---\\n\\n' + markdownText; } if (modalCopyBtn) { modalCopyBtn.addEventListener('click', function () { var text = codeEl ? (codeEl.innerText || codeEl.textContent) : ''; if (!text) return; navigator.clipboard.writeText(text).then(function () { var origHtml = modalCopyBtn.innerHTML; modalCopyBtn.classList.add('copied'); modalCopyBtn.innerHTML = ' Copied!'; setTimeout(function () { modalCopyBtn.classList.remove('copied'); modalCopyBtn.innerHTML = origHtml; }, 2000); }); }); } if (modalPromptBtn) { modalPromptBtn.addEventListener('click', function () { var text = codeEl ? (codeEl.innerText || codeEl.textContent) : ''; if (!text) return; var promptText = formatPrompt(text); navigator.clipboard.writeText(promptText).then(function () { var origHtml = modalPromptBtn.innerHTML; modalPromptBtn.classList.add('copied'); modalPromptBtn.innerHTML = ' Copied!'; setTimeout(function () { modalPromptBtn.classList.remove('copied'); modalPromptBtn.innerHTML = origHtml; }, 2000); }); }); } } })(); 2005-05-04 - Filed under General (function() { var el = document.currentScript ? document.currentScript.previousElementSibling.querySelector('.post-full-meta-date') : document.querySelector('.post-full-meta-date'); if (el) { var raw = el.getAttribute('datetime') || el.textContent.trim(); var m = raw.match(/^(\\d{4})-(\\d{1,2})-(\\d{1,2})/); if (m) { var months = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']; var y = parseInt(m[1], 10); var mo = parseInt(m[2], 10) - 1; var d = parseInt(m[3], 10); if (mo >= 0 && mo < 12) { el.textContent = months[mo] + ' ' + d + ', ' + y; } } } })(); Wie genial!! https://www.hamsterfelle.de/ Schaut euch diese coole Seite an, deren Shopangebot ist der absolute Hammer. Und im Gästebuch gibt's Spitzenkommentare dazu. Ist echt interessant, wie sich doch der Begriff Haustier im Laufe der Zeit wandelt... Nunja, dazu fällt mir derzeit nur folgendes ein: All animals are equal, but some animals are more equal than others. Bis denne, JoKi if (typeof window !== 'undefined' && window.location.hostname !== 'localhost' && window.location.hostname !== '127.0.0.1') { (window.adsbygoogle = window.adsbygoogle || []).push({}); } (function() { var loaded = false; function loadDisqusEmbed() { if (loaded) return; loaded = true; window.disqus_config = function () { this.page.url = 'jeder-sollte-ein-hamsterfell-besitzen.html'; this.page.identifier = '9271ed1c97_idjeder-sollte-ein-hamsterfell-besitzen'; }; var d = document, s = d.createElement('script'); s.src = 'https://getbloggedbyjoki.disqus.com/embed.js'; s.setAttribute('data-timestamp', +new Date()); (d.head || d.body).appendChild(s); } var target = document.getElementById('disqus_thread'); if ('IntersectionObserver' in window && target) { var observer = new IntersectionObserver(function(entries) { if (entries[0].isIntersecting) { loadDisqusEmbed(); observer.disconnect(); } }, { rootMargin: '300px' }); observer.observe(target); } else { window.addEventListener('load', function() { if ('requestIdleCallback' in window) { requestIdleCallback(loadDisqusEmbed, { timeout: 4000 }); } else { setTimeout(loadDisqusEmbed, 3000); } }); } })();" }, "john-onolan.html": { "href": "john-onolan.html", "title": "Campsite fire talk with John O'Nolan - Get Blogged by JoKi", "summary": "Campsite fire talk with John O'Nolan Copy Markdown View Markdown GitHub Markdown Source Campsite fire talk with John O'Nolan Copy Markdown Copy as Prompt Download .MD GitHub Close Loading markdown source... (function () { var rawMarkdownCache = {}; function cleanFrontmatter(text) { if (!text) return ''; // Bulletproof removal of frontmatter: between initial --- and ending --- return text.replace(/^---[\\s\\S]*?\\n---\\s*\\n?/, '').trim() + '\\n'; } function fetchMarkdown(slug, callback) { if (rawMarkdownCache[slug]) { callback(null, rawMarkdownCache[slug]); return; } var rel = ''; var url = rel + 'raw/' + encodeURIComponent(slug) + '.md'; fetch(url) .then(function (res) { if (!res.ok) throw new Error('Markdown source not found: ' + res.status); return res.text(); }) .then(function (text) { var cleaned = cleanFrontmatter(text); rawMarkdownCache[slug] = cleaned; callback(null, cleaned); }) .catch(function (err) { // Fallback: extract plain text from post content var contentEl = document.querySelector('.post-full-content .post-content, .post-content, main .inner'); if (contentEl) { var fallbackMd = '# ' + (document.querySelector('h1') ? document.querySelector('h1').innerText : 'Post') + '\\n\\n' + (contentEl.innerText || contentEl.textContent); rawMarkdownCache[slug] = fallbackMd; callback(null, fallbackMd); } else { callback(err, null); } }); } // Attach Copy Markdown handler var copyButtons = document.querySelectorAll('.btn-copy-markdown, .floating-copy-markdown'); copyButtons.forEach(function (btn) { btn.addEventListener('click', function () { var slug = btn.getAttribute('data-uid') || btn.getAttribute('data-slug') || 'john-onolan'; var originalHtml = btn.innerHTML; btn.disabled = true; fetchMarkdown(slug, function (err, md) { if (err || !md) { btn.disabled = false; alert('Could not copy Markdown source.'); return; } navigator.clipboard.writeText(md).then(function () { btn.classList.add('copied'); btn.innerHTML = ' Copied!'; setTimeout(function () { btn.classList.remove('copied'); btn.innerHTML = originalHtml; btn.disabled = false; }, 2000); }).catch(function () { btn.disabled = false; }); }); }); }); // Attach View Markdown modal var viewButtons = document.querySelectorAll('.btn-view-markdown'); var modal = document.getElementById('markdown-viewer-modal'); var codeEl = document.getElementById('markdown-viewer-code'); var closeBtn = modal ? modal.querySelector('.markdown-viewer-close') : null; var modalCopyBtn = document.getElementById('markdown-modal-copy-btn'); if (modal && viewButtons.length > 0) { viewButtons.forEach(function (btn) { btn.addEventListener('click', function () { var slug = btn.getAttribute('data-uid') || btn.getAttribute('data-slug') || 'john-onolan'; if (codeEl) codeEl.textContent = 'Loading Markdown source...'; if (typeof modal.showModal === 'function') { modal.showModal(); } else { modal.setAttribute('open', ''); } fetchMarkdown(slug, function (err, md) { if (codeEl) { codeEl.textContent = md || 'Failed to load Markdown source.'; if (window.hljs && typeof hljs.highlightElement === 'function') { hljs.highlightElement(codeEl); } // Remove any DocFX code-action / copy buttons that might have been injected var actions = modal.querySelectorAll('.code-action, .code-copy-btn, .action, a[title=\"Copy\"], button[title=\"Copy\"]'); actions.forEach(function (el) { el.remove(); }); } }); }); }); if (closeBtn) { closeBtn.addEventListener('click', function () { if (typeof modal.close === 'function') { modal.close(); } else { modal.removeAttribute('open'); } }); } // Light dismiss on backdrop click modal.addEventListener('click', function (e) { if (e.target === modal) { var rect = modal.getBoundingClientRect(); var isInDialog = ( rect.top <= e.clientY && e.clientY <= rect.top + rect.height && rect.left <= e.clientX && e.clientX <= rect.left + rect.width ); if (!isInDialog) { if (typeof modal.close === 'function') { modal.close(); } else { modal.removeAttribute('open'); } } } }); var modalPromptBtn = document.getElementById('markdown-modal-prompt-btn'); function formatPrompt(markdownText) { var postTitle = document.querySelector('h1.post-full-title') || document.querySelector('h1'); var titleStr = (postTitle ? postTitle.textContent.trim() : 'Campsite fire talk with John O'Nolan') || 'Article'; var appUrl = 'https://jochen.kirstaetter.name'.replace(/\\/+$/, ''); var canonicalLink = document.querySelector('link[rel=\"canonical\"]'); var pageUrl = canonicalLink ? (canonicalLink.getAttribute('href') || canonicalLink.href) : ''; if (!pageUrl) { pageUrl = appUrl + window.location.pathname; } if (pageUrl.startsWith('/')) { pageUrl = appUrl + pageUrl; } pageUrl = pageUrl.split('?')[0].split('#')[0]; try { var parsed = new URL(pageUrl, appUrl); if (parsed.hostname === 'localhost' || parsed.hostname === '127.0.0.1' || parsed.hostname.endsWith('.localhost')) { pageUrl = appUrl + parsed.pathname; } } catch (e) {} pageUrl = pageUrl.replace(/\\/index\\.html$/, '/').replace(/\\.html$/, ''); if (pageUrl.length > appUrl.length + 1 && pageUrl.endsWith('/')) { pageUrl = pageUrl.slice(0, -1); } return 'Analyse and use the following article as context:\\n\\n' + 'Title: ' + titleStr + '\\n' + 'URL: ' + pageUrl + '\\n\\n' + '---\\n\\n' + markdownText; } if (modalCopyBtn) { modalCopyBtn.addEventListener('click', function () { var text = codeEl ? (codeEl.innerText || codeEl.textContent) : ''; if (!text) return; navigator.clipboard.writeText(text).then(function () { var origHtml = modalCopyBtn.innerHTML; modalCopyBtn.classList.add('copied'); modalCopyBtn.innerHTML = ' Copied!'; setTimeout(function () { modalCopyBtn.classList.remove('copied'); modalCopyBtn.innerHTML = origHtml; }, 2000); }); }); } if (modalPromptBtn) { modalPromptBtn.addEventListener('click', function () { var text = codeEl ? (codeEl.innerText || codeEl.textContent) : ''; if (!text) return; var promptText = formatPrompt(text); navigator.clipboard.writeText(promptText).then(function () { var origHtml = modalPromptBtn.innerHTML; modalPromptBtn.classList.add('copied'); modalPromptBtn.innerHTML = ' Copied!'; setTimeout(function () { modalPromptBtn.classList.remove('copied'); modalPromptBtn.innerHTML = origHtml; }, 2000); }); }); } } })(); 2018-11-13 - Filed under CommunityActivity (function() { var el = document.currentScript ? document.currentScript.previousElementSibling.querySelector('.post-full-meta-date') : document.querySelector('.post-full-meta-date'); if (el) { var raw = el.getAttribute('datetime') || el.textContent.trim(); var m = raw.match(/^(\\d{4})-(\\d{1,2})-(\\d{1,2})/); if (m) { var months = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']; var y = parseInt(m[1], 10); var mo = parseInt(m[2], 10) - 1; var d = parseInt(m[3], 10); if (mo >= 0 && mo < 12) { el.textContent = months[mo] + ' ' + d + ', ' + y; } } } })(); Good things take time. After more than a year I finally managed to sit down and write about the experience of welcoming John O'Nolan, founder of Ghost blogging platform, to one of our MSCC meetings. How did you manage that? Honestly, it wasn't me but one of our female craftsman, Humeira. She is a subscriber to John's YouTube channel and given his vlogging activity he mentioned that he would be En route to Mauritius soon. So, Humeira poked me over Twitter asking whether it could be interesting to meet with John or not. Given such a great opportunity you don't have to ask me: Yes, of course! Living on a remote, tropical island like Mauritius doesn't offer you too many options to meet with famous people from the rest of the world. Hence, we seize every chance to meet and to get to know someone's story. Dear reader, in case that you decide to come and visit our lovely island, get in touch with either me or any other MSCC craftsmen. Everybody is eager to meet and hear your story. Well, effectively I encouraged Humeira to check out whether John would be okay to join us for an evening, and assisted a little bit to arrange a get together at Flying Dodo. He agreed and the rest... please read on. Ghost - Happy Hour Q&A The event Ghost - Happy Hour Q&A with John O'Nolan was organised and announced on quite a short notice. And despite a low number of RSVPs more craftsmen than expected came that evening. If I counted properly we had 27 attendees in total. A little history With a slight delay John then started to introduce himself and his previous activities working on WordPress. His passion about blogging then led to the very successful crowdfunding campaign on Kickstarter - Ghost: Just a Blogging Platform. There is an informative interview about How John O'Nolan Grew His Publishing Platform to $750,000/year available on Indie Hackers. Ghost - a minimalist blog platform John explained the origin of the name Ghost: It is based on the known concept of ghostwriting. Having a versatile assistant to compose interesting articles. Okay, while you're still the author the idea is that the blogging platform turns into an enjoyable environment to work with. Ghost is a fully open source, hackable platform for building and running a modern online publication. Since the original Kickstarter campaign the product has evolved nicely. Apart from the initial web interface to administer the blog, Ghost provides a fully-featured desktop experience built on top of the Electron environment for Windows, macOS and Linux, and recently an Android app has been added. The iOS counter-part app seems to be in the making (as of writing). Have a look at the Ghost Native Apps available for free. Personally, I'm usually writing my content in Ghost Desktop only. Bringing journalism to the next level John was very interested in the local media scene and spoke about the Ghost for Journalism initiative. A journalism development program to help build new, exciting, and sustainable publications. During 2017 the not-for-profit organisation behind Ghost ran this grant program to encourage independent news coverage on the net; unfortunately I haven't seen anything similar for 2018 yet. Our mission is to create the best open source tools for independent journalists and writers across the world, and have a real impact on the future of online media. You'll find more insights about that development program in John's Announcing Ghost for Journalism article on his blog. Perhaps you send him a tweet in case you have some serious contender; even nowadays, you never know. Open Source Did you know that the whole Ghost blog universe is open source and available on GitHub: TryGhost? Yup, that's pretty awesome. And the developer community around Ghost is busy. There are frequent updates with great improvements and stabilisations. Getting into development of Ghost themes for example is very easy and straight forward. Themes are based on Handlebars and the documentation provides all information needed to create appealing and modern UIs for a blog running on Ghost. The environment to develop Ghost itself is a bit trickier but doable as soon as you are more familiar with the architecture and the various components. Get Blogged: Long overdue upgrade The months prior to this event I was procrastinating myself. On one hand I really wanted to write more content again like in previous years but on the other hand I have to admit that I grew tired of the cumbersome editor in Joomla. I don't know but it felt like torture even trying to write something. Although I already heard a little bit about Ghost from other craftsmen in MSCC I never had the urge to actually give it a shot. Now, knowing the story behind Ghost from John himself puts a complete different light on that whole blog thing. Perhaps I just needed that last drop of water to get going again. And John convinced me to try Ghost. But even then it took almost another half year to get going finally. With the official Announcing Ghost 1.0 I started to explore Ghost 1.0.2. And it was a breeze. Having several root servers myself I wanted to explore the possibilities of self-hosting the Ghost platform. Using their ghost-cli application gets your started instantly on a Linux machine. Open a terminal, create a new empty folder and run the install command of Ghost, like so: $ mkdir ghost $ cd !$ $ ghost install local The ghost-cli runs a couple of checks to see whether your system is compatible and warns you in case that you're not using the recommended platform. Feel free to continue; we want to experiment with and discover Ghost. Don't skip the Getting Started guide in the official documentation of Ghost. It is very detailed and resourceful. Oh, and feel free to read another article here on the blog in case that you are doing a Migration to Ghost from Joomla. Try it yourself Self-hosting as described in the previous paragraph is just one option. And not everyone has neither a Linux machine nor a root server to operate Ghost after all. Perhaps you might like to head over to Ghost and test their platform yourself. Try Ghost(Pro) free for 14 days, no obligation. John in Mauritius In case that you are interested to know more about Ghost and John, I recommend you to head over to John O'Nolan's website. There are a good number of gems available. Although it seems that John evolved into Vlogs compared to Blogs. Over there you will also find an article inclusive video link about John's experience in #TropicalValley - Mauritius: One of the most beautiful places in the world. It is quite hilarious actually. Enjoy! Talking about Vlogs... The whole conversation has been recorded. Kudos to the folks of LSL Digital. If you are interested to watch it, check out the MSCC channel on YouTube. Good night, John! Thank You! It was an amazing evening and I'm sure that our craftsmen appreciated your talk. I learned a lot from that camp-site fire talk with John and the elegance of Ghost motivated me to launch this website with a new look and fresh content. Meeting John O'Nolan was really fun! Thanks! Image credit: Nirvan Pagooah if (typeof window !== 'undefined' && window.location.hostname !== 'localhost' && window.location.hostname !== '127.0.0.1') { (window.adsbygoogle = window.adsbygoogle || []).push({}); } (function() { var loaded = false; function loadDisqusEmbed() { if (loaded) return; loaded = true; window.disqus_config = function () { this.page.url = 'john-onolan.html'; this.page.identifier = '9271ed1c97_idjohn-onolan'; }; var d = document, s = d.createElement('script'); s.src = 'https://getbloggedbyjoki.disqus.com/embed.js'; s.setAttribute('data-timestamp', +new Date()); (d.head || d.body).appendChild(s); } var target = document.getElementById('disqus_thread'); if ('IntersectionObserver' in window && target) { var observer = new IntersectionObserver(function(entries) { if (entries[0].isIntersecting) { loadDisqusEmbed(); observer.disconnect(); } }, { rootMargin: '300px' }); observer.observe(target); } else { window.addEventListener('load', function() { if ('requestIdleCallback' in window) { requestIdleCallback(loadDisqusEmbed, { timeout: 4000 }); } else { setTimeout(loadDisqusEmbed, 3000); } }); } })();" }, "jubel--trubel--heiterkeit.html": { "href": "jubel--trubel--heiterkeit.html", "title": "Jubel, Trubel, Heiterkeit - Get Blogged by JoKi", "summary": "Jubel, Trubel, Heiterkeit Copy Markdown View Markdown GitHub Markdown Source Jubel, Trubel, Heiterkeit Copy Markdown Copy as Prompt Download .MD GitHub Close Loading markdown source... (function () { var rawMarkdownCache = {}; function cleanFrontmatter(text) { if (!text) return ''; // Bulletproof removal of frontmatter: between initial --- and ending --- return text.replace(/^---[\\s\\S]*?\\n---\\s*\\n?/, '').trim() + '\\n'; } function fetchMarkdown(slug, callback) { if (rawMarkdownCache[slug]) { callback(null, rawMarkdownCache[slug]); return; } var rel = ''; var url = rel + 'raw/' + encodeURIComponent(slug) + '.md'; fetch(url) .then(function (res) { if (!res.ok) throw new Error('Markdown source not found: ' + res.status); return res.text(); }) .then(function (text) { var cleaned = cleanFrontmatter(text); rawMarkdownCache[slug] = cleaned; callback(null, cleaned); }) .catch(function (err) { // Fallback: extract plain text from post content var contentEl = document.querySelector('.post-full-content .post-content, .post-content, main .inner'); if (contentEl) { var fallbackMd = '# ' + (document.querySelector('h1') ? document.querySelector('h1').innerText : 'Post') + '\\n\\n' + (contentEl.innerText || contentEl.textContent); rawMarkdownCache[slug] = fallbackMd; callback(null, fallbackMd); } else { callback(err, null); } }); } // Attach Copy Markdown handler var copyButtons = document.querySelectorAll('.btn-copy-markdown, .floating-copy-markdown'); copyButtons.forEach(function (btn) { btn.addEventListener('click', function () { var slug = btn.getAttribute('data-uid') || btn.getAttribute('data-slug') || 'jubel--trubel--heiterkeit'; var originalHtml = btn.innerHTML; btn.disabled = true; fetchMarkdown(slug, function (err, md) { if (err || !md) { btn.disabled = false; alert('Could not copy Markdown source.'); return; } navigator.clipboard.writeText(md).then(function () { btn.classList.add('copied'); btn.innerHTML = ' Copied!'; setTimeout(function () { btn.classList.remove('copied'); btn.innerHTML = originalHtml; btn.disabled = false; }, 2000); }).catch(function () { btn.disabled = false; }); }); }); }); // Attach View Markdown modal var viewButtons = document.querySelectorAll('.btn-view-markdown'); var modal = document.getElementById('markdown-viewer-modal'); var codeEl = document.getElementById('markdown-viewer-code'); var closeBtn = modal ? modal.querySelector('.markdown-viewer-close') : null; var modalCopyBtn = document.getElementById('markdown-modal-copy-btn'); if (modal && viewButtons.length > 0) { viewButtons.forEach(function (btn) { btn.addEventListener('click', function () { var slug = btn.getAttribute('data-uid') || btn.getAttribute('data-slug') || 'jubel--trubel--heiterkeit'; if (codeEl) codeEl.textContent = 'Loading Markdown source...'; if (typeof modal.showModal === 'function') { modal.showModal(); } else { modal.setAttribute('open', ''); } fetchMarkdown(slug, function (err, md) { if (codeEl) { codeEl.textContent = md || 'Failed to load Markdown source.'; if (window.hljs && typeof hljs.highlightElement === 'function') { hljs.highlightElement(codeEl); } // Remove any DocFX code-action / copy buttons that might have been injected var actions = modal.querySelectorAll('.code-action, .code-copy-btn, .action, a[title=\"Copy\"], button[title=\"Copy\"]'); actions.forEach(function (el) { el.remove(); }); } }); }); }); if (closeBtn) { closeBtn.addEventListener('click', function () { if (typeof modal.close === 'function') { modal.close(); } else { modal.removeAttribute('open'); } }); } // Light dismiss on backdrop click modal.addEventListener('click', function (e) { if (e.target === modal) { var rect = modal.getBoundingClientRect(); var isInDialog = ( rect.top <= e.clientY && e.clientY <= rect.top + rect.height && rect.left <= e.clientX && e.clientX <= rect.left + rect.width ); if (!isInDialog) { if (typeof modal.close === 'function') { modal.close(); } else { modal.removeAttribute('open'); } } } }); var modalPromptBtn = document.getElementById('markdown-modal-prompt-btn'); function formatPrompt(markdownText) { var postTitle = document.querySelector('h1.post-full-title') || document.querySelector('h1'); var titleStr = (postTitle ? postTitle.textContent.trim() : 'Jubel, Trubel, Heiterkeit') || 'Article'; var appUrl = 'https://jochen.kirstaetter.name'.replace(/\\/+$/, ''); var canonicalLink = document.querySelector('link[rel=\"canonical\"]'); var pageUrl = canonicalLink ? (canonicalLink.getAttribute('href') || canonicalLink.href) : ''; if (!pageUrl) { pageUrl = appUrl + window.location.pathname; } if (pageUrl.startsWith('/')) { pageUrl = appUrl + pageUrl; } pageUrl = pageUrl.split('?')[0].split('#')[0]; try { var parsed = new URL(pageUrl, appUrl); if (parsed.hostname === 'localhost' || parsed.hostname === '127.0.0.1' || parsed.hostname.endsWith('.localhost')) { pageUrl = appUrl + parsed.pathname; } } catch (e) {} pageUrl = pageUrl.replace(/\\/index\\.html$/, '/').replace(/\\.html$/, ''); if (pageUrl.length > appUrl.length + 1 && pageUrl.endsWith('/')) { pageUrl = pageUrl.slice(0, -1); } return 'Analyse and use the following article as context:\\n\\n' + 'Title: ' + titleStr + '\\n' + 'URL: ' + pageUrl + '\\n\\n' + '---\\n\\n' + markdownText; } if (modalCopyBtn) { modalCopyBtn.addEventListener('click', function () { var text = codeEl ? (codeEl.innerText || codeEl.textContent) : ''; if (!text) return; navigator.clipboard.writeText(text).then(function () { var origHtml = modalCopyBtn.innerHTML; modalCopyBtn.classList.add('copied'); modalCopyBtn.innerHTML = ' Copied!'; setTimeout(function () { modalCopyBtn.classList.remove('copied'); modalCopyBtn.innerHTML = origHtml; }, 2000); }); }); } if (modalPromptBtn) { modalPromptBtn.addEventListener('click', function () { var text = codeEl ? (codeEl.innerText || codeEl.textContent) : ''; if (!text) return; var promptText = formatPrompt(text); navigator.clipboard.writeText(promptText).then(function () { var origHtml = modalPromptBtn.innerHTML; modalPromptBtn.classList.add('copied'); modalPromptBtn.innerHTML = ' Copied!'; setTimeout(function () { modalPromptBtn.classList.remove('copied'); modalPromptBtn.innerHTML = origHtml; }, 2000); }); }); } } })(); 2007-02-22 - Filed under General (function() { var el = document.currentScript ? document.currentScript.previousElementSibling.querySelector('.post-full-meta-date') : document.querySelector('.post-full-meta-date'); if (el) { var raw = el.getAttribute('datetime') || el.textContent.trim(); var m = raw.match(/^(\\d{4})-(\\d{1,2})-(\\d{1,2})/); if (m) { var months = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']; var y = parseInt(m[1], 10); var mo = parseInt(m[2], 10) - 1; var d = parseInt(m[3], 10); if (mo >= 0 && mo < 12) { el.textContent = months[mo] + ' ' + d + ', ' + y; } } } })(); Die närrischen Tage sind auch dieses Jahr unbeschadet an mir vorbeigezogen. Eigentlich geniesse ich die Faschingszeit schon, aber dieses Jahr ist nichts wie es bisher war und mir blieb letztendlich die Entscheidung, ob Party oder Zukunft - ich habe mich daher für Zukunft entschieden... denn Party kann man auch jederzeit selbst machen - da braucht's nicht extra Fasching für. Ja... Zukunft. Ich denke, dass inzwischen der richtige Zeitpunkt gekommen sein dürfte, um ein wenig mehr Informationen preis geben zu können. Irgendwann im Q3/Q4 2006 kam die Geschäftsführung auf mich zu, ob ich mir vorstellen könnte künftig im Ausland tätig zu sein. Prinzipiell natürlich ja... ich liebe die Ferne und bedingt durch Projektarbeit, etc. konnte ich 2006 auch wenig Auszeit geniessen. Und so entwickelte und manifestierte sich im Laufe der Monate der ganze Ansatz, dass wir im Ausland ein weiteres Büro öffnen werden. Meine Aufgabe dabei, umfasse primär den Kontakt nach Deutschland sowie die Koordination und Führung der neuen Entwicklungsteams - also prinzipiell der typische Offshore- bzw. Outsourcing-Fall. Konkret bedeutet dies für mich, dass ich statt wie bisher ein Projekt-Team aus sieben bis acht Entwicklern künftig eben mehrere Projekt-Teams mit insgesamt bis zu 20 Entwicklern leiten werde. Ich denke, dass meine langjährige Erfahrung als Gruppenführer in der Freiwilligen Feuerwehr hierbei sehr von Nutzen sein wird. Ja, und eben Ausland statt in Deutschland. Mein Chef wOOdy hat zwischenzeitlich dazu 'ne Info im Forum der dFPUG veröffentlicht. Dennoch hoffe ich, dass es auch noch eine offizielle Pressemitteilung über den neuen Sachverhalt geben wird. \uD83E\uDD2A .o( Boah, wieso redet der um den heißen Brei herum? ) Okay, okay... ich schreib' ja schon etwas zum Thema 'Ausland'. \uD83D\uDE01 So, nehmen wir mal den Globus und spannen einen Radius von etwa 9.500 Kilometer... was in etwa 11 Stunden Flugzeit entspricht. Dann orientieren wir uns ausgehend von Deutschland press nach Süden. Okay, damit landen wir dann irgendwo in Südafrika, aber da bin ich nicht... Wir folgen nun unserem Kreis nach Osten - vorbei an Madagaskar, dann vorbei an Le RÃ©union und dann... ja, dann landen wir auf einer kleinen, unabhängigen Insel. Es handelt sich hierbei um die Republik Mauritius mitten im Indischen Ozean. Die Koordinaten für Google Earth bzw. Virtual Earth werde ich euch demnächst noch bereitstellen. Achja, diesen Beitrag schreibe ich übrigens auf einer Veranda in Flic en Flac an der Westküste von Mauritius. Geschätzte Temperatur dürfte bei 31°C oder so liegen. Logisch, dass dabei ein Longdrink am Abend nicht fehlen darf. Der weitläufige Sandstrand ist zwar ca. sieben Gehminuten entfernt, aber wen interessiert's... Flic en Flac (FeF) ist übrigens eine der touristischen Hochburgen von Mauritius, neben Grand Baie und umliegend im Norden und einigen Orten an der Ostküste. Aber keinesfalls im gleichen Atemzug mit Mallorca zu nennen, erst recht nicht falls man den Ballermann im Sinn haben sollte. Nee nee, all in all, eine lockere, gepflegte Atmosphäre. Ich fühle mich richtig gut. Vor allem auch raus aus dem nasskalten Winter in Deutschland. Tsss, gestern um die Uhrzeit war ich noch in München, eigentlich Wahnsinn das Ganze, aber genial! Eventuell ist dem einen oder anderen Leser dieses Blogs aufgefallen, dass sich inzwischen auf der rechten Navigationsspalte eine neue Sektion namens 'Villa JoKi' samt Google Kalender befindet... falls nicht, angucken, sofort! \uD83E\uDD2A Dieser Kalender dient primär der Information für euch, wann ich zuhause bin und wie die Belegung in meiner neuen Unterkunft ist. Schliesslich hoffe ich, dass ich übers Jahr Besuch von Verwandten, Bekannten und Freunden sowie Kollegen erhalten werde. Ihr habt daher schon direkt den Überblick, ob und wann meine Location für euren Urlaub auf Mauritius geeignet ist. Aktuell ist noch alles frei und ich werde im März für einige Tage nicht zuhause sein, aber ich hoffe und gehe davon aus, dass sich im Laufe der Wochen Einträge finden werden. Nach wager Planung kündigen sich bereits für März und April die ersten Kollegen an, die mir dankenswerterweise mit den neuen Entwicklerteams unter die Arme greifen werden. So weit mal der Kalender... außerdem habe ich bei Google gleich noch ein Online-Photoalbum angelegt. Dort werde ich euch Bilder, und Bilder und ja noch mehr Bilder hier aus Mauritius zur Verfügung stellen. Das Limit liegt derzeit bei 250 MB oder so, aber bis dahin gehe ich davon aus, dass ich eine eigene Photogallerie auf diesem Server installiert haben dürfte. Also, ich hoffe, von euch zu hören und freue mich selbstverständlich über jeden Besuch. Schaut nach wie es bei euch passt, ob bei mir frei ist und schickt mir bitte 'ne kurze Info, so dass ich euch einplanen kann... Willkommen in der Villa JoKi - Welcome at Villa JoKi - Bienvenue Ã Villa JoKi So, nun aber genug getippert, habe noch 'ne Verabredung zum Abendessen... Bis denne, JoKi if (typeof window !== 'undefined' && window.location.hostname !== 'localhost' && window.location.hostname !== '127.0.0.1') { (window.adsbygoogle = window.adsbygoogle || []).push({}); } (function() { var loaded = false; function loadDisqusEmbed() { if (loaded) return; loaded = true; window.disqus_config = function () { this.page.url = 'jubel--trubel--heiterkeit.html'; this.page.identifier = '9271ed1c97_idjubel--trubel--heiterkeit'; }; var d = document, s = d.createElement('script'); s.src = 'https://getbloggedbyjoki.disqus.com/embed.js'; s.setAttribute('data-timestamp', +new Date()); (d.head || d.body).appendChild(s); } var target = document.getElementById('disqus_thread'); if ('IntersectionObserver' in window && target) { var observer = new IntersectionObserver(function(entries) { if (entries[0].isIntersecting) { loadDisqusEmbed(); observer.disconnect(); } }, { rootMargin: '300px' }); observer.observe(target); } else { window.addEventListener('load', function() { if ('requestIdleCallback' in window) { requestIdleCallback(loadDisqusEmbed, { timeout: 4000 }); } else { setTimeout(loadDisqusEmbed, 3000); } }); } })();" }, "kaum-lobt-man-die-deutsche-bahn.html": { "href": "kaum-lobt-man-die-deutsche-bahn.html", "title": "Kaum lobt man die Deutsche Bahn - Get Blogged by JoKi", "summary": "Kaum lobt man die Deutsche Bahn Copy Markdown View Markdown GitHub Markdown Source Kaum lobt man die Deutsche Bahn Copy Markdown Copy as Prompt Download .MD GitHub Close Loading markdown source... (function () { var rawMarkdownCache = {}; function cleanFrontmatter(text) { if (!text) return ''; // Bulletproof removal of frontmatter: between initial --- and ending --- return text.replace(/^---[\\s\\S]*?\\n---\\s*\\n?/, '').trim() + '\\n'; } function fetchMarkdown(slug, callback) { if (rawMarkdownCache[slug]) { callback(null, rawMarkdownCache[slug]); return; } var rel = ''; var url = rel + 'raw/' + encodeURIComponent(slug) + '.md'; fetch(url) .then(function (res) { if (!res.ok) throw new Error('Markdown source not found: ' + res.status); return res.text(); }) .then(function (text) { var cleaned = cleanFrontmatter(text); rawMarkdownCache[slug] = cleaned; callback(null, cleaned); }) .catch(function (err) { // Fallback: extract plain text from post content var contentEl = document.querySelector('.post-full-content .post-content, .post-content, main .inner'); if (contentEl) { var fallbackMd = '# ' + (document.querySelector('h1') ? document.querySelector('h1').innerText : 'Post') + '\\n\\n' + (contentEl.innerText || contentEl.textContent); rawMarkdownCache[slug] = fallbackMd; callback(null, fallbackMd); } else { callback(err, null); } }); } // Attach Copy Markdown handler var copyButtons = document.querySelectorAll('.btn-copy-markdown, .floating-copy-markdown'); copyButtons.forEach(function (btn) { btn.addEventListener('click', function () { var slug = btn.getAttribute('data-uid') || btn.getAttribute('data-slug') || 'kaum-lobt-man-die-deutsche-bahn'; var originalHtml = btn.innerHTML; btn.disabled = true; fetchMarkdown(slug, function (err, md) { if (err || !md) { btn.disabled = false; alert('Could not copy Markdown source.'); return; } navigator.clipboard.writeText(md).then(function () { btn.classList.add('copied'); btn.innerHTML = ' Copied!'; setTimeout(function () { btn.classList.remove('copied'); btn.innerHTML = originalHtml; btn.disabled = false; }, 2000); }).catch(function () { btn.disabled = false; }); }); }); }); // Attach View Markdown modal var viewButtons = document.querySelectorAll('.btn-view-markdown'); var modal = document.getElementById('markdown-viewer-modal'); var codeEl = document.getElementById('markdown-viewer-code'); var closeBtn = modal ? modal.querySelector('.markdown-viewer-close') : null; var modalCopyBtn = document.getElementById('markdown-modal-copy-btn'); if (modal && viewButtons.length > 0) { viewButtons.forEach(function (btn) { btn.addEventListener('click', function () { var slug = btn.getAttribute('data-uid') || btn.getAttribute('data-slug') || 'kaum-lobt-man-die-deutsche-bahn'; if (codeEl) codeEl.textContent = 'Loading Markdown source...'; if (typeof modal.showModal === 'function') { modal.showModal(); } else { modal.setAttribute('open', ''); } fetchMarkdown(slug, function (err, md) { if (codeEl) { codeEl.textContent = md || 'Failed to load Markdown source.'; if (window.hljs && typeof hljs.highlightElement === 'function') { hljs.highlightElement(codeEl); } // Remove any DocFX code-action / copy buttons that might have been injected var actions = modal.querySelectorAll('.code-action, .code-copy-btn, .action, a[title=\"Copy\"], button[title=\"Copy\"]'); actions.forEach(function (el) { el.remove(); }); } }); }); }); if (closeBtn) { closeBtn.addEventListener('click', function () { if (typeof modal.close === 'function') { modal.close(); } else { modal.removeAttribute('open'); } }); } // Light dismiss on backdrop click modal.addEventListener('click', function (e) { if (e.target === modal) { var rect = modal.getBoundingClientRect(); var isInDialog = ( rect.top <= e.clientY && e.clientY <= rect.top + rect.height && rect.left <= e.clientX && e.clientX <= rect.left + rect.width ); if (!isInDialog) { if (typeof modal.close === 'function') { modal.close(); } else { modal.removeAttribute('open'); } } } }); var modalPromptBtn = document.getElementById('markdown-modal-prompt-btn'); function formatPrompt(markdownText) { var postTitle = document.querySelector('h1.post-full-title') || document.querySelector('h1'); var titleStr = (postTitle ? postTitle.textContent.trim() : 'Kaum lobt man die Deutsche Bahn') || 'Article'; var appUrl = 'https://jochen.kirstaetter.name'.replace(/\\/+$/, ''); var canonicalLink = document.querySelector('link[rel=\"canonical\"]'); var pageUrl = canonicalLink ? (canonicalLink.getAttribute('href') || canonicalLink.href) : ''; if (!pageUrl) { pageUrl = appUrl + window.location.pathname; } if (pageUrl.startsWith('/')) { pageUrl = appUrl + pageUrl; } pageUrl = pageUrl.split('?')[0].split('#')[0]; try { var parsed = new URL(pageUrl, appUrl); if (parsed.hostname === 'localhost' || parsed.hostname === '127.0.0.1' || parsed.hostname.endsWith('.localhost')) { pageUrl = appUrl + parsed.pathname; } } catch (e) {} pageUrl = pageUrl.replace(/\\/index\\.html$/, '/').replace(/\\.html$/, ''); if (pageUrl.length > appUrl.length + 1 && pageUrl.endsWith('/')) { pageUrl = pageUrl.slice(0, -1); } return 'Analyse and use the following article as context:\\n\\n' + 'Title: ' + titleStr + '\\n' + 'URL: ' + pageUrl + '\\n\\n' + '---\\n\\n' + markdownText; } if (modalCopyBtn) { modalCopyBtn.addEventListener('click', function () { var text = codeEl ? (codeEl.innerText || codeEl.textContent) : ''; if (!text) return; navigator.clipboard.writeText(text).then(function () { var origHtml = modalCopyBtn.innerHTML; modalCopyBtn.classList.add('copied'); modalCopyBtn.innerHTML = ' Copied!'; setTimeout(function () { modalCopyBtn.classList.remove('copied'); modalCopyBtn.innerHTML = origHtml; }, 2000); }); }); } if (modalPromptBtn) { modalPromptBtn.addEventListener('click', function () { var text = codeEl ? (codeEl.innerText || codeEl.textContent) : ''; if (!text) return; var promptText = formatPrompt(text); navigator.clipboard.writeText(promptText).then(function () { var origHtml = modalPromptBtn.innerHTML; modalPromptBtn.classList.add('copied'); modalPromptBtn.innerHTML = ' Copied!'; setTimeout(function () { modalPromptBtn.classList.remove('copied'); modalPromptBtn.innerHTML = origHtml; }, 2000); }); }); } } })(); 2006-09-16 - Filed under General (function() { var el = document.currentScript ? document.currentScript.previousElementSibling.querySelector('.post-full-meta-date') : document.querySelector('.post-full-meta-date'); if (el) { var raw = el.getAttribute('datetime') || el.textContent.trim(); var m = raw.match(/^(\\d{4})-(\\d{1,2})-(\\d{1,2})/); if (m) { var months = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']; var y = parseInt(m[1], 10); var mo = parseInt(m[2], 10) - 1; var d = parseInt(m[3], 10); if (mo >= 0 && mo < 12) { el.textContent = months[mo] + ' ' + d + ', ' + y; } } } })(); ... wird man direkt eines Besseren belehrt. Aber starten wir den Tag am Morgen und berichten von den Details mit der DB später. Samstag - die Chance zum Ausschlafen Auch wenn ich noch im Hotel irgendwo südlich von Berlin erwache, so ist es doch Samstag und ich habe die Chance zum Ausschlafen. Die letzten Tage waren immer sehr früh und aktionsreich. Auch wenn ich nicht unbedingt viel Schlaf benötige, so kommen mir Tage wie dieser ab und zu doch sehr gelegen. Die letzten Tage, genauer die letzten drei, waren erfüllt mit einem Workshop zu Acodey - unserer Komponentenbibliothek. Bedingt durch die Mächtigkeit und der kundenspezifischen Anpassungen sind diese Art Workshops (un-)regelmäßig angesetzt. Die Vorteile liegen hierbei meines Erachtens klar auf der Hand: Der Kunde erhält die neuesten Informationen zu den Komponenten und deren Anwendung direkt vom Hersteller; wir haben die Chance besser auf die Anforderungen und Wünsche einzugehen und die Möglichkeit zur Erweiterung unserer Bibliothek. Ausschlafen ist hier übrigens im Sinne von 'kurz nach 7:00 Uhr' statt wie die sonstigen Tage um 6:30 Uhr zu verstehen. \uD83E\uDD2A - Das sind echte 'Todeszeiten' für einen nachtaktiven Entwickler wie mich. Aber es hat genau wie beim AFP-Workshop letzte Woche erneut sehr viel Spass und Freude bereitet, über unsere Produkte zu sprechen und Lösungen mit dem Kunden auszuarbeiten. Kein Wunder, waren es doch die gleichen Teilnehmer... Zusammen mit dem letzten Verbliebenen des Workshops waren wir die einzigen Gäste dieser Nacht überhaupt und entsprechend ruhig konnten wir uns das Frühstück zu Gemüte führen, und ein wenig über die Inhalte der letzten Tage resümieren. Und so ging die Zeit beinahe wie im Fluge um. Fahrkarte per Mobilfunk Coole Sache... 'Das Handy wird zur Fahrkarte' wie es die Deutsche Bahn betitelt. Nunja, der Begriff 'Handy' zeugt ja nicht sonderlich von Intelligenz, aber das Konzept ist sehr einfach, kundenfreundlich und stylish. Fahrkartenbuchung mit/ohne Reservierung sind für ICE und IC/EC ab 51 Kilometer Distanz möglich. Hm, okay, also dann doch noch traditionell am Schalter das Ticket für den Regionalexpress nach Berlin Hbf gekauft. Und ab geht's... Dank guter Funkverbindung und MMS-fähigen Gerät überbrücke ich die Zeit bis zur Landeshauptstadt mit der Suche nach einer geeigneten Verbindung in die Heimat. Hm, ja, etwa 19:00 Uhr zuhause ankommen klingt gut. Und zweimal Umsteigen ist auch akzeptabel, also schauen wir mal nach Reservierung und Buchen online. Alles ohne Notebook, direkt über den Browser des Mobilfunkgeräts. Dringring - sie haben eine MMS erhalten. Phantastisch, das ging sogar schneller als der Ticketautomat die Fahrkarte gedruckt und ausgespuckt hat. Die MMS selbst besteht aus zwei Teilen: Einem 2D-Barcode mit Zertifikat für die Kontrollautomaten der Zugbegleitung und den Ticketdaten im Klartext. Gut, Ticket vorliegend, dann wollen wir mal sehen, was bei der Prüfung im ICE passieren wird... \uD83D\uDE01 ICE wird 15 Jahre - und das Chaos bricht aus Nach einem kurzen Zwischenstopp am Berliner Hauptbahnhof geht's pünktlich im ICE los. Sitzplatzreservierung hat leider nicht ganz geklappt, aber das Sven-Prinzip ist aktiv und ich finde ein 6er-Abteil mit nur drei Reservierungen. Hehehe, mein Sitzplatz, komme wer wolle... Und die weiteren Fahrtgäste lassen nicht auf sich warten. Am Ende sind wir ausgebucht. Ein rustikales Ehepartner auf dem Weg nach Bad Sobernheim und vier Jungspunde - übrigens in Balance (3:3) - wenn ich mich da mal einbeziehen darf. Die Fahrt verläuft gut. Ja, bis kurz vor Braunschweig... wir werden langsamer und 'dürfen' dann bedingt durch Notarzteinsatz samt Personenschaden mitten in der Prärie stehen bleiben. Nach einiger Zeit läuft ein sichtlich entrüsteter und laut zetender Zugführer an uns vorbei. Tja, bleibt aktuell nur der Weg zurück über Magdeburg. Achja, und inzwischen gab's die erste Fahrscheinprüfung. 'Och, nicht die neuen Dinger.' - g - tjoa, Service am Kunden. Genau wie beschrieben, scannt der Zugbegleiter das Mobilfunkgerät und prüft mein Authentifizierung. Soweit alles in Ordnung. Das war ja einfach... Die Zeit verrinnt... ... im wahrsten Sinne der Worte. Habe ich schon erwähnt, dass wir immer noch stehen? Okay, nach mehr als einer Stunde informiert uns das Zugpersonal, dass wir Gutscheine erhalten werden und unsere Tickets zwecks Stempelung bereithalten mögen... Öh, mein Telefon wollte ich aber nicht verschönern lassen. Warten wir mal ab was passiert: 'Ach, sie sind das ja. Hm, hier ist der Gutschein, aber bitte nicht schummeln.' - Klar, warum sollte ich auch? Immerhin geht die Fahrt dann doch nach knapp zwei Stunden weiter - in die Gegenrichtung. Wir haben aktuell etwa eine Verspätung von 190 Minuten Ahhhja, 3:10 Stunden klingen wohl zu brutal für die Reisenden oder wie ist die Angabe zu verstehen? Egal, ich gehe auch nicht davon aus, dass wir in irgendeiner Weise Boden gutmachen werden. Hm, das entspricht in etwa 22:00 Uhr Ankunft bei mir, dass klappt jedoch nicht mit der gebuchten Reiseroute, also Plan B und wir disponieren den Weg über Mannheim. Irgendwie habe ich echt Mitleid mit der Zugbegleitung. Nicht nur, dass seit der WM die Bordansagen generell in zwei Sprachen (mehr schlecht denn recht) durchgegeben werden, nein auch die vielen Anfragen mit den alternativen Verbindungen und herrje Problemen und 'angekratzten' Reisenden. Ich glaube, die sind allesamt froh, wenn sie Feierabend haben und ins Wochenende können. We are empty 'Bedingt durch die Verspätung von 3 Stunden und 10 Minuten' - ah, geht doch... - 'weisen wir sie darauf hin, dass wir das Bordrestaurant ausnahmeweise früher schliessen müssen. Dieser ICE wird die Fahrt in Frankfurt Hbf beenden.' - Hehehe, komplett geplündert der Laden hier. Glücklicherweise konnte ich mir rechtzeitig noch was zu Trinken sichern. Die weitere Reiseroute Okay, also, dann eben die Ostroute nach Hause. Statt wie geplant über Bad Münster geht es eben über Mannheim und Kaiserslautern nach Hause. Wir sind ja spontan und flexibel. Ich bin mal gespannt was mich noch alles erwarten wird. Die Umsteigezeit in Ffm beträgt übrigens nur geplante 10 Minuten. Sofern keine weiteren Verzögerungen eintreffen sollten... ... die jedoch wegen der Gleisblockierung nicht ausblieben. Somit wurde der reguläre ICE nach München über Mannheim und Stuttgart eben 8 Minuten später auf dem gegenüberliegenden Gleis erwartet. Fein, die Weiterfahrt bis nach Mannheim blieb dann relativ unkompliziert. Immerhin waren wir noch zu dritt, und nutzten die Zeit mit Smalltalk, wo denn wer herkomme und wohin zu welchem Zweck fahre. Wenn Chaos, dann Chaos Nach einer kurzen Verschnaufpause in Mannheim ging es dann mit der S-Bahn weiter .o( Das nächste Mal nehme ich den IC/EC nach Paris... ). Nur das Chaos wurde wieder größer: jugendliche Fußballfans des 1.FC Saarbrücken. Mann, mann, was ein Gelabbers. Ich kann euch sagen, unglaublich. \uD83E\uDD2A Well, letztendlich brachte mich die RSB zurück in die gewohnte Heimat. Jetzt erstmal ein ausgiebiges Bad zum Relaxen nehmen... Bis denne, JoKi PS: Die logistische Leistung zur Disposition der Verspätungen und Anschlußverbindungen ist übrigens respektabel und verdient mein Lob. if (typeof window !== 'undefined' && window.location.hostname !== 'localhost' && window.location.hostname !== '127.0.0.1') { (window.adsbygoogle = window.adsbygoogle || []).push({}); } (function() { var loaded = false; function loadDisqusEmbed() { if (loaded) return; loaded = true; window.disqus_config = function () { this.page.url = 'kaum-lobt-man-die-deutsche-bahn.html'; this.page.identifier = '9271ed1c97_idkaum-lobt-man-die-deutsche-bahn'; }; var d = document, s = d.createElement('script'); s.src = 'https://getbloggedbyjoki.disqus.com/embed.js'; s.setAttribute('data-timestamp', +new Date()); (d.head || d.body).appendChild(s); } var target = document.getElementById('disqus_thread'); if ('IntersectionObserver' in window && target) { var observer = new IntersectionObserver(function(entries) { if (entries[0].isIntersecting) { loadDisqusEmbed(); observer.disconnect(); } }, { rootMargin: '300px' }); observer.observe(target); } else { window.addEventListener('load', function() { if ('requestIdleCallback' in window) { requestIdleCallback(loadDisqusEmbed, { timeout: 4000 }); } else { setTimeout(loadDisqusEmbed, 3000); } }); } })();" }, "keynote-ahead.html": { "href": "keynote-ahead.html", "title": "Keynote ahead - Get Blogged by JoKi", "summary": "Keynote ahead Copy Markdown View Markdown GitHub Markdown Source Keynote ahead Copy Markdown Copy as Prompt Download .MD GitHub Close Loading markdown source... (function () { var rawMarkdownCache = {}; function cleanFrontmatter(text) { if (!text) return ''; // Bulletproof removal of frontmatter: between initial --- and ending --- return text.replace(/^---[\\s\\S]*?\\n---\\s*\\n?/, '').trim() + '\\n'; } function fetchMarkdown(slug, callback) { if (rawMarkdownCache[slug]) { callback(null, rawMarkdownCache[slug]); return; } var rel = ''; var url = rel + 'raw/' + encodeURIComponent(slug) + '.md'; fetch(url) .then(function (res) { if (!res.ok) throw new Error('Markdown source not found: ' + res.status); return res.text(); }) .then(function (text) { var cleaned = cleanFrontmatter(text); rawMarkdownCache[slug] = cleaned; callback(null, cleaned); }) .catch(function (err) { // Fallback: extract plain text from post content var contentEl = document.querySelector('.post-full-content .post-content, .post-content, main .inner'); if (contentEl) { var fallbackMd = '# ' + (document.querySelector('h1') ? document.querySelector('h1').innerText : 'Post') + '\\n\\n' + (contentEl.innerText || contentEl.textContent); rawMarkdownCache[slug] = fallbackMd; callback(null, fallbackMd); } else { callback(err, null); } }); } // Attach Copy Markdown handler var copyButtons = document.querySelectorAll('.btn-copy-markdown, .floating-copy-markdown'); copyButtons.forEach(function (btn) { btn.addEventListener('click', function () { var slug = btn.getAttribute('data-uid') || btn.getAttribute('data-slug') || 'keynote-ahead'; var originalHtml = btn.innerHTML; btn.disabled = true; fetchMarkdown(slug, function (err, md) { if (err || !md) { btn.disabled = false; alert('Could not copy Markdown source.'); return; } navigator.clipboard.writeText(md).then(function () { btn.classList.add('copied'); btn.innerHTML = ' Copied!'; setTimeout(function () { btn.classList.remove('copied'); btn.innerHTML = originalHtml; btn.disabled = false; }, 2000); }).catch(function () { btn.disabled = false; }); }); }); }); // Attach View Markdown modal var viewButtons = document.querySelectorAll('.btn-view-markdown'); var modal = document.getElementById('markdown-viewer-modal'); var codeEl = document.getElementById('markdown-viewer-code'); var closeBtn = modal ? modal.querySelector('.markdown-viewer-close') : null; var modalCopyBtn = document.getElementById('markdown-modal-copy-btn'); if (modal && viewButtons.length > 0) { viewButtons.forEach(function (btn) { btn.addEventListener('click', function () { var slug = btn.getAttribute('data-uid') || btn.getAttribute('data-slug') || 'keynote-ahead'; if (codeEl) codeEl.textContent = 'Loading Markdown source...'; if (typeof modal.showModal === 'function') { modal.showModal(); } else { modal.setAttribute('open', ''); } fetchMarkdown(slug, function (err, md) { if (codeEl) { codeEl.textContent = md || 'Failed to load Markdown source.'; if (window.hljs && typeof hljs.highlightElement === 'function') { hljs.highlightElement(codeEl); } // Remove any DocFX code-action / copy buttons that might have been injected var actions = modal.querySelectorAll('.code-action, .code-copy-btn, .action, a[title=\"Copy\"], button[title=\"Copy\"]'); actions.forEach(function (el) { el.remove(); }); } }); }); }); if (closeBtn) { closeBtn.addEventListener('click', function () { if (typeof modal.close === 'function') { modal.close(); } else { modal.removeAttribute('open'); } }); } // Light dismiss on backdrop click modal.addEventListener('click', function (e) { if (e.target === modal) { var rect = modal.getBoundingClientRect(); var isInDialog = ( rect.top <= e.clientY && e.clientY <= rect.top + rect.height && rect.left <= e.clientX && e.clientX <= rect.left + rect.width ); if (!isInDialog) { if (typeof modal.close === 'function') { modal.close(); } else { modal.removeAttribute('open'); } } } }); var modalPromptBtn = document.getElementById('markdown-modal-prompt-btn'); function formatPrompt(markdownText) { var postTitle = document.querySelector('h1.post-full-title') || document.querySelector('h1'); var titleStr = (postTitle ? postTitle.textContent.trim() : 'Keynote ahead') || 'Article'; var appUrl = 'https://jochen.kirstaetter.name'.replace(/\\/+$/, ''); var canonicalLink = document.querySelector('link[rel=\"canonical\"]'); var pageUrl = canonicalLink ? (canonicalLink.getAttribute('href') || canonicalLink.href) : ''; if (!pageUrl) { pageUrl = appUrl + window.location.pathname; } if (pageUrl.startsWith('/')) { pageUrl = appUrl + pageUrl; } pageUrl = pageUrl.split('?')[0].split('#')[0]; try { var parsed = new URL(pageUrl, appUrl); if (parsed.hostname === 'localhost' || parsed.hostname === '127.0.0.1' || parsed.hostname.endsWith('.localhost')) { pageUrl = appUrl + parsed.pathname; } } catch (e) {} pageUrl = pageUrl.replace(/\\/index\\.html$/, '/').replace(/\\.html$/, ''); if (pageUrl.length > appUrl.length + 1 && pageUrl.endsWith('/')) { pageUrl = pageUrl.slice(0, -1); } return 'Analyse and use the following article as context:\\n\\n' + 'Title: ' + titleStr + '\\n' + 'URL: ' + pageUrl + '\\n\\n' + '---\\n\\n' + markdownText; } if (modalCopyBtn) { modalCopyBtn.addEventListener('click', function () { var text = codeEl ? (codeEl.innerText || codeEl.textContent) : ''; if (!text) return; navigator.clipboard.writeText(text).then(function () { var origHtml = modalCopyBtn.innerHTML; modalCopyBtn.classList.add('copied'); modalCopyBtn.innerHTML = ' Copied!'; setTimeout(function () { modalCopyBtn.classList.remove('copied'); modalCopyBtn.innerHTML = origHtml; }, 2000); }); }); } if (modalPromptBtn) { modalPromptBtn.addEventListener('click', function () { var text = codeEl ? (codeEl.innerText || codeEl.textContent) : ''; if (!text) return; var promptText = formatPrompt(text); navigator.clipboard.writeText(promptText).then(function () { var origHtml = modalPromptBtn.innerHTML; modalPromptBtn.classList.add('copied'); modalPromptBtn.innerHTML = ' Copied!'; setTimeout(function () { modalPromptBtn.classList.remove('copied'); modalPromptBtn.innerHTML = origHtml; }, 2000); }); }); } } })(); 2006-02-08 - Filed under Community (function() { var el = document.currentScript ? document.currentScript.previousElementSibling.querySelector('.post-full-meta-date') : document.querySelector('.post-full-meta-date'); if (el) { var raw = el.getAttribute('datetime') || el.textContent.trim(); var m = raw.match(/^(\\d{4})-(\\d{1,2})-(\\d{1,2})/); if (m) { var months = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']; var y = parseInt(m[1], 10); var mo = parseInt(m[2], 10) - 1; var d = parseInt(m[3], 10); if (mo >= 0 && mo < 12) { el.textContent = months[mo] + ' ' + d + ', ' + y; } } } })(); Und los geht's... Yeah! Nach den ersten Begrüßungen und Shake-Hands mit einigen Community-Mitgliedern gibt's die Uniform für die nächsten drei Tage: eine dunkelblaue Soft-Shell-Weste mit 'ner coolen Rückenbeflockung: Ask the Experts. Frisch gedressed und stolz wie Oskar geht's wieder zurück ins Foyer der Stadthalle. Lockerer Smalltalk mit weiteren Experten und die ersten bekannten Gesichter aus der CLIP-Community treffen ein. Zwischenzeitlich hatten wir ebenfalls einen 'Mini-Stammtisch Speyer' hier im Foyer: Aktuell konnte ich bereits drei Stammtischteilnehmer begrüßen. Und gerüchteweise sind weitere Personen vom dFPUG Stammtisch anwesend. Wir werden sehen. Weiterhin stehe ich noch in der Bring-Schuld für den Launch der neuen Website für die Terminplanung des Stammtisch. Konform zum Launch der Microsoft Produkte wird's den Launch ebenfalls innerhalb der nächsten drei Tage geben. Die Keynote startet mit einem kurzen Überblick des heutigen Tages und greift den Details für das Party-Event des Abends ein wenig vor. Cooler Stuff wird angeboten. Unter anderem ist das Komikerduo Mundstuhl angekündigt, weitere internationale Music-Acts und und und... Also, die Spannung für heute Abend ist damit definitiv geweckt. Ahhh, gerade wurde auch erläutert, warum überhaupt Karlsruhe... Neben der historischen Grundlage zum Launch vor vier Jahren, stehen die weltweit anerkannte Universität und selbstredend die TechTalks als führende Gründe. Sieht schon witzig aus, so im Kontext der anderen Veranstaltungsorte. Aber okay, ich find's auf alle Fälle genial. ---- VfpStammtischSpeyer GetBlogged if (typeof window !== 'undefined' && window.location.hostname !== 'localhost' && window.location.hostname !== '127.0.0.1') { (window.adsbygoogle = window.adsbygoogle || []).push({}); } (function() { var loaded = false; function loadDisqusEmbed() { if (loaded) return; loaded = true; window.disqus_config = function () { this.page.url = 'keynote-ahead.html'; this.page.identifier = '9271ed1c97_idkeynote-ahead'; }; var d = document, s = d.createElement('script'); s.src = 'https://getbloggedbyjoki.disqus.com/embed.js'; s.setAttribute('data-timestamp', +new Date()); (d.head || d.body).appendChild(s); } var target = document.getElementById('disqus_thread'); if ('IntersectionObserver' in window && target) { var observer = new IntersectionObserver(function(entries) { if (entries[0].isIntersecting) { loadDisqusEmbed(); observer.disconnect(); } }, { rootMargin: '300px' }); observer.observe(target); } else { window.addEventListener('load', function() { if ('requestIdleCallback' in window) { requestIdleCallback(loadDisqusEmbed, { timeout: 4000 }); } else { setTimeout(loadDisqusEmbed, 3000); } }); } })();" }, "koffer-packen-und-los-gehts.html": { "href": "koffer-packen-und-los-gehts.html", "title": "Koffer packen und los geht's... - Get Blogged by JoKi", "summary": "Koffer packen und los geht's... Copy Markdown View Markdown GitHub Markdown Source Koffer packen und los geht's... Copy Markdown Copy as Prompt Download .MD GitHub Close Loading markdown source... (function () { var rawMarkdownCache = {}; function cleanFrontmatter(text) { if (!text) return ''; // Bulletproof removal of frontmatter: between initial --- and ending --- return text.replace(/^---[\\s\\S]*?\\n---\\s*\\n?/, '').trim() + '\\n'; } function fetchMarkdown(slug, callback) { if (rawMarkdownCache[slug]) { callback(null, rawMarkdownCache[slug]); return; } var rel = ''; var url = rel + 'raw/' + encodeURIComponent(slug) + '.md'; fetch(url) .then(function (res) { if (!res.ok) throw new Error('Markdown source not found: ' + res.status); return res.text(); }) .then(function (text) { var cleaned = cleanFrontmatter(text); rawMarkdownCache[slug] = cleaned; callback(null, cleaned); }) .catch(function (err) { // Fallback: extract plain text from post content var contentEl = document.querySelector('.post-full-content .post-content, .post-content, main .inner'); if (contentEl) { var fallbackMd = '# ' + (document.querySelector('h1') ? document.querySelector('h1').innerText : 'Post') + '\\n\\n' + (contentEl.innerText || contentEl.textContent); rawMarkdownCache[slug] = fallbackMd; callback(null, fallbackMd); } else { callback(err, null); } }); } // Attach Copy Markdown handler var copyButtons = document.querySelectorAll('.btn-copy-markdown, .floating-copy-markdown'); copyButtons.forEach(function (btn) { btn.addEventListener('click', function () { var slug = btn.getAttribute('data-uid') || btn.getAttribute('data-slug') || 'koffer-packen-und-los-gehts'; var originalHtml = btn.innerHTML; btn.disabled = true; fetchMarkdown(slug, function (err, md) { if (err || !md) { btn.disabled = false; alert('Could not copy Markdown source.'); return; } navigator.clipboard.writeText(md).then(function () { btn.classList.add('copied'); btn.innerHTML = ' Copied!'; setTimeout(function () { btn.classList.remove('copied'); btn.innerHTML = originalHtml; btn.disabled = false; }, 2000); }).catch(function () { btn.disabled = false; }); }); }); }); // Attach View Markdown modal var viewButtons = document.querySelectorAll('.btn-view-markdown'); var modal = document.getElementById('markdown-viewer-modal'); var codeEl = document.getElementById('markdown-viewer-code'); var closeBtn = modal ? modal.querySelector('.markdown-viewer-close') : null; var modalCopyBtn = document.getElementById('markdown-modal-copy-btn'); if (modal && viewButtons.length > 0) { viewButtons.forEach(function (btn) { btn.addEventListener('click', function () { var slug = btn.getAttribute('data-uid') || btn.getAttribute('data-slug') || 'koffer-packen-und-los-gehts'; if (codeEl) codeEl.textContent = 'Loading Markdown source...'; if (typeof modal.showModal === 'function') { modal.showModal(); } else { modal.setAttribute('open', ''); } fetchMarkdown(slug, function (err, md) { if (codeEl) { codeEl.textContent = md || 'Failed to load Markdown source.'; if (window.hljs && typeof hljs.highlightElement === 'function') { hljs.highlightElement(codeEl); } // Remove any DocFX code-action / copy buttons that might have been injected var actions = modal.querySelectorAll('.code-action, .code-copy-btn, .action, a[title=\"Copy\"], button[title=\"Copy\"]'); actions.forEach(function (el) { el.remove(); }); } }); }); }); if (closeBtn) { closeBtn.addEventListener('click', function () { if (typeof modal.close === 'function') { modal.close(); } else { modal.removeAttribute('open'); } }); } // Light dismiss on backdrop click modal.addEventListener('click', function (e) { if (e.target === modal) { var rect = modal.getBoundingClientRect(); var isInDialog = ( rect.top <= e.clientY && e.clientY <= rect.top + rect.height && rect.left <= e.clientX && e.clientX <= rect.left + rect.width ); if (!isInDialog) { if (typeof modal.close === 'function') { modal.close(); } else { modal.removeAttribute('open'); } } } }); var modalPromptBtn = document.getElementById('markdown-modal-prompt-btn'); function formatPrompt(markdownText) { var postTitle = document.querySelector('h1.post-full-title') || document.querySelector('h1'); var titleStr = (postTitle ? postTitle.textContent.trim() : 'Koffer packen und los geht's...') || 'Article'; var appUrl = 'https://jochen.kirstaetter.name'.replace(/\\/+$/, ''); var canonicalLink = document.querySelector('link[rel=\"canonical\"]'); var pageUrl = canonicalLink ? (canonicalLink.getAttribute('href') || canonicalLink.href) : ''; if (!pageUrl) { pageUrl = appUrl + window.location.pathname; } if (pageUrl.startsWith('/')) { pageUrl = appUrl + pageUrl; } pageUrl = pageUrl.split('?')[0].split('#')[0]; try { var parsed = new URL(pageUrl, appUrl); if (parsed.hostname === 'localhost' || parsed.hostname === '127.0.0.1' || parsed.hostname.endsWith('.localhost')) { pageUrl = appUrl + parsed.pathname; } } catch (e) {} pageUrl = pageUrl.replace(/\\/index\\.html$/, '/').replace(/\\.html$/, ''); if (pageUrl.length > appUrl.length + 1 && pageUrl.endsWith('/')) { pageUrl = pageUrl.slice(0, -1); } return 'Analyse and use the following article as context:\\n\\n' + 'Title: ' + titleStr + '\\n' + 'URL: ' + pageUrl + '\\n\\n' + '---\\n\\n' + markdownText; } if (modalCopyBtn) { modalCopyBtn.addEventListener('click', function () { var text = codeEl ? (codeEl.innerText || codeEl.textContent) : ''; if (!text) return; navigator.clipboard.writeText(text).then(function () { var origHtml = modalCopyBtn.innerHTML; modalCopyBtn.classList.add('copied'); modalCopyBtn.innerHTML = ' Copied!'; setTimeout(function () { modalCopyBtn.classList.remove('copied'); modalCopyBtn.innerHTML = origHtml; }, 2000); }); }); } if (modalPromptBtn) { modalPromptBtn.addEventListener('click', function () { var text = codeEl ? (codeEl.innerText || codeEl.textContent) : ''; if (!text) return; var promptText = formatPrompt(text); navigator.clipboard.writeText(promptText).then(function () { var origHtml = modalPromptBtn.innerHTML; modalPromptBtn.classList.add('copied'); modalPromptBtn.innerHTML = ' Copied!'; setTimeout(function () { modalPromptBtn.classList.remove('copied'); modalPromptBtn.innerHTML = origHtml; }, 2000); }); }); } } })(); 2004-11-08 - Filed under Community (function() { var el = document.currentScript ? document.currentScript.previousElementSibling.querySelector('.post-full-meta-date') : document.querySelector('.post-full-meta-date'); if (el) { var raw = el.getAttribute('datetime') || el.textContent.trim(); var m = raw.match(/^(\\d{4})-(\\d{1,2})-(\\d{1,2})/); if (m) { var months = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']; var y = parseInt(m[1], 10); var mo = parseInt(m[2], 10) - 1; var d = parseInt(m[3], 10); if (mo >= 0 && mo < 12) { el.textContent = months[mo] + ' ' + d + ', ' + y; } } } })(); Die 11. Visual FoxPro Entwicklerkonferenz der dFPUG startet am morgigen Tage. Der Sessionplan ist randvoll mit einer hohen Varianz an Themen. Ich nutze den Vortag noch die letzte Schliffe und vor allem zum Koffer packen. Image courtesy of Mikavas if (typeof window !== 'undefined' && window.location.hostname !== 'localhost' && window.location.hostname !== '127.0.0.1') { (window.adsbygoogle = window.adsbygoogle || []).push({}); } (function() { var loaded = false; function loadDisqusEmbed() { if (loaded) return; loaded = true; window.disqus_config = function () { this.page.url = 'koffer-packen-und-los-gehts.html'; this.page.identifier = '9271ed1c97_idkoffer-packen-und-los-gehts'; }; var d = document, s = d.createElement('script'); s.src = 'https://getbloggedbyjoki.disqus.com/embed.js'; s.setAttribute('data-timestamp', +new Date()); (d.head || d.body).appendChild(s); } var target = document.getElementById('disqus_thread'); if ('IntersectionObserver' in window && target) { var observer = new IntersectionObserver(function(entries) { if (entries[0].isIntersecting) { loadDisqusEmbed(); observer.disconnect(); } }, { rootMargin: '300px' }); observer.observe(target); } else { window.addEventListener('load', function() { if ('requestIdleCallback' in window) { requestIdleCallback(loadDisqusEmbed, { timeout: 4000 }); } else { setTimeout(loadDisqusEmbed, 3000); } }); } })();" }, "kommentar-zu-parameterobjekte.html": { "href": "kommentar-zu-parameterobjekte.html", "title": "Kommentar zu 'Parameterobjekte' - Get Blogged by JoKi", "summary": "Kommentar zu 'Parameterobjekte' Copy Markdown View Markdown GitHub Markdown Source Kommentar zu 'Parameterobjekte' Copy Markdown Copy as Prompt Download .MD GitHub Close Loading markdown source... (function () { var rawMarkdownCache = {}; function cleanFrontmatter(text) { if (!text) return ''; // Bulletproof removal of frontmatter: between initial --- and ending --- return text.replace(/^---[\\s\\S]*?\\n---\\s*\\n?/, '').trim() + '\\n'; } function fetchMarkdown(slug, callback) { if (rawMarkdownCache[slug]) { callback(null, rawMarkdownCache[slug]); return; } var rel = ''; var url = rel + 'raw/' + encodeURIComponent(slug) + '.md'; fetch(url) .then(function (res) { if (!res.ok) throw new Error('Markdown source not found: ' + res.status); return res.text(); }) .then(function (text) { var cleaned = cleanFrontmatter(text); rawMarkdownCache[slug] = cleaned; callback(null, cleaned); }) .catch(function (err) { // Fallback: extract plain text from post content var contentEl = document.querySelector('.post-full-content .post-content, .post-content, main .inner'); if (contentEl) { var fallbackMd = '# ' + (document.querySelector('h1') ? document.querySelector('h1').innerText : 'Post') + '\\n\\n' + (contentEl.innerText || contentEl.textContent); rawMarkdownCache[slug] = fallbackMd; callback(null, fallbackMd); } else { callback(err, null); } }); } // Attach Copy Markdown handler var copyButtons = document.querySelectorAll('.btn-copy-markdown, .floating-copy-markdown'); copyButtons.forEach(function (btn) { btn.addEventListener('click', function () { var slug = btn.getAttribute('data-uid') || btn.getAttribute('data-slug') || 'kommentar-zu-parameterobjekte'; var originalHtml = btn.innerHTML; btn.disabled = true; fetchMarkdown(slug, function (err, md) { if (err || !md) { btn.disabled = false; alert('Could not copy Markdown source.'); return; } navigator.clipboard.writeText(md).then(function () { btn.classList.add('copied'); btn.innerHTML = ' Copied!'; setTimeout(function () { btn.classList.remove('copied'); btn.innerHTML = originalHtml; btn.disabled = false; }, 2000); }).catch(function () { btn.disabled = false; }); }); }); }); // Attach View Markdown modal var viewButtons = document.querySelectorAll('.btn-view-markdown'); var modal = document.getElementById('markdown-viewer-modal'); var codeEl = document.getElementById('markdown-viewer-code'); var closeBtn = modal ? modal.querySelector('.markdown-viewer-close') : null; var modalCopyBtn = document.getElementById('markdown-modal-copy-btn'); if (modal && viewButtons.length > 0) { viewButtons.forEach(function (btn) { btn.addEventListener('click', function () { var slug = btn.getAttribute('data-uid') || btn.getAttribute('data-slug') || 'kommentar-zu-parameterobjekte'; if (codeEl) codeEl.textContent = 'Loading Markdown source...'; if (typeof modal.showModal === 'function') { modal.showModal(); } else { modal.setAttribute('open', ''); } fetchMarkdown(slug, function (err, md) { if (codeEl) { codeEl.textContent = md || 'Failed to load Markdown source.'; if (window.hljs && typeof hljs.highlightElement === 'function') { hljs.highlightElement(codeEl); } // Remove any DocFX code-action / copy buttons that might have been injected var actions = modal.querySelectorAll('.code-action, .code-copy-btn, .action, a[title=\"Copy\"], button[title=\"Copy\"]'); actions.forEach(function (el) { el.remove(); }); } }); }); }); if (closeBtn) { closeBtn.addEventListener('click', function () { if (typeof modal.close === 'function') { modal.close(); } else { modal.removeAttribute('open'); } }); } // Light dismiss on backdrop click modal.addEventListener('click', function (e) { if (e.target === modal) { var rect = modal.getBoundingClientRect(); var isInDialog = ( rect.top <= e.clientY && e.clientY <= rect.top + rect.height && rect.left <= e.clientX && e.clientX <= rect.left + rect.width ); if (!isInDialog) { if (typeof modal.close === 'function') { modal.close(); } else { modal.removeAttribute('open'); } } } }); var modalPromptBtn = document.getElementById('markdown-modal-prompt-btn'); function formatPrompt(markdownText) { var postTitle = document.querySelector('h1.post-full-title') || document.querySelector('h1'); var titleStr = (postTitle ? postTitle.textContent.trim() : 'Kommentar zu 'Parameterobjekte'') || 'Article'; var appUrl = 'https://jochen.kirstaetter.name'.replace(/\\/+$/, ''); var canonicalLink = document.querySelector('link[rel=\"canonical\"]'); var pageUrl = canonicalLink ? (canonicalLink.getAttribute('href') || canonicalLink.href) : ''; if (!pageUrl) { pageUrl = appUrl + window.location.pathname; } if (pageUrl.startsWith('/')) { pageUrl = appUrl + pageUrl; } pageUrl = pageUrl.split('?')[0].split('#')[0]; try { var parsed = new URL(pageUrl, appUrl); if (parsed.hostname === 'localhost' || parsed.hostname === '127.0.0.1' || parsed.hostname.endsWith('.localhost')) { pageUrl = appUrl + parsed.pathname; } } catch (e) {} pageUrl = pageUrl.replace(/\\/index\\.html$/, '/').replace(/\\.html$/, ''); if (pageUrl.length > appUrl.length + 1 && pageUrl.endsWith('/')) { pageUrl = pageUrl.slice(0, -1); } return 'Analyse and use the following article as context:\\n\\n' + 'Title: ' + titleStr + '\\n' + 'URL: ' + pageUrl + '\\n\\n' + '---\\n\\n' + markdownText; } if (modalCopyBtn) { modalCopyBtn.addEventListener('click', function () { var text = codeEl ? (codeEl.innerText || codeEl.textContent) : ''; if (!text) return; navigator.clipboard.writeText(text).then(function () { var origHtml = modalCopyBtn.innerHTML; modalCopyBtn.classList.add('copied'); modalCopyBtn.innerHTML = ' Copied!'; setTimeout(function () { modalCopyBtn.classList.remove('copied'); modalCopyBtn.innerHTML = origHtml; }, 2000); }); }); } if (modalPromptBtn) { modalPromptBtn.addEventListener('click', function () { var text = codeEl ? (codeEl.innerText || codeEl.textContent) : ''; if (!text) return; var promptText = formatPrompt(text); navigator.clipboard.writeText(promptText).then(function () { var origHtml = modalPromptBtn.innerHTML; modalPromptBtn.classList.add('copied'); modalPromptBtn.innerHTML = ' Copied!'; setTimeout(function () { modalPromptBtn.classList.remove('copied'); modalPromptBtn.innerHTML = origHtml; }, 2000); }); }); } } })(); 2006-08-25 - Filed under Development (function() { var el = document.currentScript ? document.currentScript.previousElementSibling.querySelector('.post-full-meta-date') : document.querySelector('.post-full-meta-date'); if (el) { var raw = el.getAttribute('datetime') || el.textContent.trim(); var m = raw.match(/^(\\d{4})-(\\d{1,2})-(\\d{1,2})/); if (m) { var months = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']; var y = parseInt(m[1], 10); var mo = parseInt(m[2], 10) - 1; var d = parseInt(m[3], 10); if (mo >= 0 && mo < 12) { el.textContent = months[mo] + ' ' + d + ', ' + y; } } } })(); Grundlage für diesen Beitrag liefert der Blogeintrag von Olaf Doschke: Parameterobjekte vom 10.06.2006 hier der vollständige Kommentar zu seinem Artikel und meiner 'Weltansicht' zu diesem Sachverhalt: Hallo Olaf, ich finde, dass es ein guter Artikel ist. Wir nutzen das Konzept von Parameter-/Transferobjekten bereits seit Jahren. Dein Ansatz mit den semikolon-separierten Werten (SSV) finde ich soweit auch gut. Bleibt nur die folgende Frage: Wieso Semikolon und nicht Kommata? Eine weitere Frage, oder besser gesagt ein konzeptioneller Gedankengang, geht dahin, dass ich mich frage, wieso der Aufbau der Klasse in den Aufruf der Funktion per Parameter zu erfolgen hat. Der Hintergrund dabei ist, dass man innerhalb eines Projektes eigentlich eine definierte Anzahl von Transferobjekten besitzt, welche auch eine konstante Schnittstelle besitzen sollten. Mein Problem mit deiner Objektdeklaration beim Aufruf geht in die Richtung der Wartbarkeit des Codes. Vom Ansatz her hätte ich das Interface der Funktion in etwa so aufgebaut: Function CreateParameterObject(tcToken As String, tcProperties As String, tcTypes As String, tcValues As String) As Object Über die Namensgebung brauchen nicht zu sprechen... Bei mir würde die Funktion 'GetParameter()' lauten. Die Idee für den Token zielt dahin, dass ich nun innerhalb der Case-Anweisungen ebenfalls eine Art Factory Design Pattern nutzen kann, welches Zugriff auf fertigdefinierte Klassendefinitionen ermöglicht. Diese könnten etwa in einer MetaTabelle(cToken, cProperties, cTypes, cValues) hinterlegt sein. Damit verbessert sich meiner Ansicht nach die Lesbarkeit und vereinfacht sich die Codepflege. Durch die Verwendung von Konstanten kann sich der Informationsgehalt weiter erhöhen. Hier mal ein wenig Beispielcode: Local loPosition m.loPosition = CreateParameterObject(\"Position\") m.loPosition.Left = 100 m.loPosition.Top = 120 Die weiteren Konstellationen sind identisch mit deinem aktuellen Entwurf, sofern der erste Parameter leer bleibt. Also, etwa so: lo = CreateParameterObject(\"\",\"iX;iY\",\"I;I\",\"20;100\") ? lo.iX, lo.iY Eine Kombination wäre sicherlich auch denkbar: #Define PARAMETER_POSITION \"Position\" lo = CreateParameterObject(PARAMETER_POSITION,\"\",\"\",\"20;100\") ? lo.iX, lo.iY In diesem Fall stammen die Informationen zu Eigenschaften und deren Typ aus der Tokenbeschreibung. Hm, was mir noch aufgefallen ist... Was spricht gegen den Fall 'Pcount() == 0'? In dieser Situation verweigert deine gezeigte Implementierung die Rückgabe eines Empty-Objekts, dass übrigens bereits erzeugt wurde... So, jetzt bin ich doch bei der genaueren Betrachtung deines Codes und ziemlich neugierig, ob deiner Entscheidungsgrundlagen. Es ist nämlich sehr interessant darüber zu philosophieren. In deiner Routine nutzt du drei Arrays zur Abbildung der drei Stringparameter in Kombination mit dem Alines()-Statements. Die Möglichkeit zur Definition des Delimiters in Alines() ist wirklich sehr praktisch. Dennoch würde ich in diesem Fall auf die Konvertierung von String nach Array verzichten und direkt mit den vorhandenen VFP-Funktionen GetWordCount() und GetWordNum() arbeiten: For lnIndex = 1 To GetWordCount(tcProperties, \";\") AddProperty(loObject, GetWordNum(tcProperties, lnIndex, \";\")) EndFor Es ist reine Neugier, wieso du mit Arrays arbeitest. Interessiert mich wirklich sehr. Ich denke, dass ich mal beide Varianten auf Performance (Anzahl der Durchläufe in konstanter Zeitspanne) prüfen werde. Bis denne, JoKi if (typeof window !== 'undefined' && window.location.hostname !== 'localhost' && window.location.hostname !== '127.0.0.1') { (window.adsbygoogle = window.adsbygoogle || []).push({}); } (function() { var loaded = false; function loadDisqusEmbed() { if (loaded) return; loaded = true; window.disqus_config = function () { this.page.url = 'kommentar-zu-parameterobjekte.html'; this.page.identifier = '9271ed1c97_idkommentar-zu-parameterobjekte'; }; var d = document, s = d.createElement('script'); s.src = 'https://getbloggedbyjoki.disqus.com/embed.js'; s.setAttribute('data-timestamp', +new Date()); (d.head || d.body).appendChild(s); } var target = document.getElementById('disqus_thread'); if ('IntersectionObserver' in window && target) { var observer = new IntersectionObserver(function(entries) { if (entries[0].isIntersecting) { loadDisqusEmbed(); observer.disconnect(); } }, { rootMargin: '300px' }); observer.observe(target); } else { window.addEventListener('load', function() { if ('requestIdleCallback' in window) { requestIdleCallback(loadDisqusEmbed, { timeout: 4000 }); } else { setTimeout(loadDisqusEmbed, 3000); } }); } })();" }, "kommentare-zum-eisbr.html": { "href": "kommentare-zum-eisbr.html", "title": "Kommentare zum Eisbär - Get Blogged by JoKi", "summary": "Kommentare zum Eisbär Copy Markdown View Markdown GitHub Markdown Source Kommentare zum Eisbär Copy Markdown Copy as Prompt Download .MD GitHub Close Loading markdown source... (function () { var rawMarkdownCache = {}; function cleanFrontmatter(text) { if (!text) return ''; // Bulletproof removal of frontmatter: between initial --- and ending --- return text.replace(/^---[\\s\\S]*?\\n---\\s*\\n?/, '').trim() + '\\n'; } function fetchMarkdown(slug, callback) { if (rawMarkdownCache[slug]) { callback(null, rawMarkdownCache[slug]); return; } var rel = ''; var url = rel + 'raw/' + encodeURIComponent(slug) + '.md'; fetch(url) .then(function (res) { if (!res.ok) throw new Error('Markdown source not found: ' + res.status); return res.text(); }) .then(function (text) { var cleaned = cleanFrontmatter(text); rawMarkdownCache[slug] = cleaned; callback(null, cleaned); }) .catch(function (err) { // Fallback: extract plain text from post content var contentEl = document.querySelector('.post-full-content .post-content, .post-content, main .inner'); if (contentEl) { var fallbackMd = '# ' + (document.querySelector('h1') ? document.querySelector('h1').innerText : 'Post') + '\\n\\n' + (contentEl.innerText || contentEl.textContent); rawMarkdownCache[slug] = fallbackMd; callback(null, fallbackMd); } else { callback(err, null); } }); } // Attach Copy Markdown handler var copyButtons = document.querySelectorAll('.btn-copy-markdown, .floating-copy-markdown'); copyButtons.forEach(function (btn) { btn.addEventListener('click', function () { var slug = btn.getAttribute('data-uid') || btn.getAttribute('data-slug') || 'kommentare-zum-eisbr'; var originalHtml = btn.innerHTML; btn.disabled = true; fetchMarkdown(slug, function (err, md) { if (err || !md) { btn.disabled = false; alert('Could not copy Markdown source.'); return; } navigator.clipboard.writeText(md).then(function () { btn.classList.add('copied'); btn.innerHTML = ' Copied!'; setTimeout(function () { btn.classList.remove('copied'); btn.innerHTML = originalHtml; btn.disabled = false; }, 2000); }).catch(function () { btn.disabled = false; }); }); }); }); // Attach View Markdown modal var viewButtons = document.querySelectorAll('.btn-view-markdown'); var modal = document.getElementById('markdown-viewer-modal'); var codeEl = document.getElementById('markdown-viewer-code'); var closeBtn = modal ? modal.querySelector('.markdown-viewer-close') : null; var modalCopyBtn = document.getElementById('markdown-modal-copy-btn'); if (modal && viewButtons.length > 0) { viewButtons.forEach(function (btn) { btn.addEventListener('click', function () { var slug = btn.getAttribute('data-uid') || btn.getAttribute('data-slug') || 'kommentare-zum-eisbr'; if (codeEl) codeEl.textContent = 'Loading Markdown source...'; if (typeof modal.showModal === 'function') { modal.showModal(); } else { modal.setAttribute('open', ''); } fetchMarkdown(slug, function (err, md) { if (codeEl) { codeEl.textContent = md || 'Failed to load Markdown source.'; if (window.hljs && typeof hljs.highlightElement === 'function') { hljs.highlightElement(codeEl); } // Remove any DocFX code-action / copy buttons that might have been injected var actions = modal.querySelectorAll('.code-action, .code-copy-btn, .action, a[title=\"Copy\"], button[title=\"Copy\"]'); actions.forEach(function (el) { el.remove(); }); } }); }); }); if (closeBtn) { closeBtn.addEventListener('click', function () { if (typeof modal.close === 'function') { modal.close(); } else { modal.removeAttribute('open'); } }); } // Light dismiss on backdrop click modal.addEventListener('click', function (e) { if (e.target === modal) { var rect = modal.getBoundingClientRect(); var isInDialog = ( rect.top <= e.clientY && e.clientY <= rect.top + rect.height && rect.left <= e.clientX && e.clientX <= rect.left + rect.width ); if (!isInDialog) { if (typeof modal.close === 'function') { modal.close(); } else { modal.removeAttribute('open'); } } } }); var modalPromptBtn = document.getElementById('markdown-modal-prompt-btn'); function formatPrompt(markdownText) { var postTitle = document.querySelector('h1.post-full-title') || document.querySelector('h1'); var titleStr = (postTitle ? postTitle.textContent.trim() : 'Kommentare zum Eisbär') || 'Article'; var appUrl = 'https://jochen.kirstaetter.name'.replace(/\\/+$/, ''); var canonicalLink = document.querySelector('link[rel=\"canonical\"]'); var pageUrl = canonicalLink ? (canonicalLink.getAttribute('href') || canonicalLink.href) : ''; if (!pageUrl) { pageUrl = appUrl + window.location.pathname; } if (pageUrl.startsWith('/')) { pageUrl = appUrl + pageUrl; } pageUrl = pageUrl.split('?')[0].split('#')[0]; try { var parsed = new URL(pageUrl, appUrl); if (parsed.hostname === 'localhost' || parsed.hostname === '127.0.0.1' || parsed.hostname.endsWith('.localhost')) { pageUrl = appUrl + parsed.pathname; } } catch (e) {} pageUrl = pageUrl.replace(/\\/index\\.html$/, '/').replace(/\\.html$/, ''); if (pageUrl.length > appUrl.length + 1 && pageUrl.endsWith('/')) { pageUrl = pageUrl.slice(0, -1); } return 'Analyse and use the following article as context:\\n\\n' + 'Title: ' + titleStr + '\\n' + 'URL: ' + pageUrl + '\\n\\n' + '---\\n\\n' + markdownText; } if (modalCopyBtn) { modalCopyBtn.addEventListener('click', function () { var text = codeEl ? (codeEl.innerText || codeEl.textContent) : ''; if (!text) return; navigator.clipboard.writeText(text).then(function () { var origHtml = modalCopyBtn.innerHTML; modalCopyBtn.classList.add('copied'); modalCopyBtn.innerHTML = ' Copied!'; setTimeout(function () { modalCopyBtn.classList.remove('copied'); modalCopyBtn.innerHTML = origHtml; }, 2000); }); }); } if (modalPromptBtn) { modalPromptBtn.addEventListener('click', function () { var text = codeEl ? (codeEl.innerText || codeEl.textContent) : ''; if (!text) return; var promptText = formatPrompt(text); navigator.clipboard.writeText(promptText).then(function () { var origHtml = modalPromptBtn.innerHTML; modalPromptBtn.classList.add('copied'); modalPromptBtn.innerHTML = ' Copied!'; setTimeout(function () { modalPromptBtn.classList.remove('copied'); modalPromptBtn.innerHTML = origHtml; }, 2000); }); }); } } })(); 2005-09-13 - Filed under Community (function() { var el = document.currentScript ? document.currentScript.previousElementSibling.querySelector('.post-full-meta-date') : document.querySelector('.post-full-meta-date'); if (el) { var raw = el.getAttribute('datetime') || el.textContent.trim(); var m = raw.match(/^(\\d{4})-(\\d{1,2})-(\\d{1,2})/); if (m) { var months = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']; var y = parseInt(m[1], 10); var mo = parseInt(m[2], 10) - 1; var d = parseInt(m[3], 10); if (mo >= 0 && mo < 12) { el.textContent = months[mo] + ' ' + d + ', ' + y; } } } })(); Irgendwie reicht die Kommentarfunktion beim Eisbären nicht mehr bzw. die notwendige Funktionalität fehlt im Blog. Daher schreibe ich meine Gedanken und Anmerkungen hier. Also deine Einleitung ist ja schon ein leichter 'Brüller': 'uebrigens, bitte nicht wegen der Umlaute wundern, aber die Terminals hier auf der PDC verfuegen logischerweise nicht ueber deutsche Tastaturen' - Öhem, schon mal was von Lokalisierung gehört? Evtl. auch die Tastenkombination Alt+Shift - Naja, wenn auf der PDC die Terminals keine multiplen Layouts anbieten, zeugt das von ... [zensiert]. Wenn man als Veranstalter einer internationalen Konferenz noch nicht einmal lokalisierte Terminals anbietet... - Neee, ich schreib' nix weiter. Und wieso logischerweise? Öhem, gibt's eigentlich kein WLAN und Steckdosen, dass du deinen Laptop benutzen kannst??? Hehehe, der Eintrag 'Sex mit japanischen Zwillingen' dürfte wohl auf sich warten lassen... zwinker Also, wenn Energieerzeuger wie Software-Entwickler arbeiten würden... Willkommen in der Steinzeit bzw. im atomar verstrahlten dritten Jahrtausend. Ich schweife ab. Hm, in deiner Passage fehlte die Aussage 'I invited the internet' - Ist schon spassig, dass es vor 1985 keine Computer gab... grübel - und das grafische Oberflächen, und generelle Netzwerkfähigkeiten und ... erinnert mich gerade spontan an einen Song von Die Prinzen 'Das ist alles nur gekl...' - oder okay \uD83D\uDE09 Marketing war immer schon eine Stärke. 'das ist ja ein Punkt, wo ich persoenlich Windows weit vor Linux sehe, die Integration zahlreicher Anwendungen' - kennst du den netten Spruch von Dieter Nuhr? Falls nicht, dann können wir uns gerne mal darüber unterhalten. Diese Aussage ist bereits seit Jahren exakt ein sehr häufiger Nachteil in Windows, aber Marketing... 'Toolbars in Tabs ... ein geniales Konzept, wie ich finde, und verdammt uebersichtlich.' - gääääähn - Oh, wie innovativ und so neu... Hallo? Aufwachen! 'dies ist meiner Meinung nach wieder mal ein Beispiel, wo Microsoft erst eine wichtige Entwicklung ewig lang verpennt, es dann aber deutlich umfangreicher und besser umsetzt als die Konkurrenz.' - Hehehe, eine? - Ist es nicht sehr oft so? Wurde wenigstens auch OpenDocument in Office 12 gezeigt? Du kennst meine Meinung dazu. Und ehrlich gesagt, stellen sich andere Hersteller ab und zu auch betriebswirtschaftliche Fragen. Es freut mich, dass Microsoft ausreichend Geld zum Hinterherlaufen besitzt, aber Innovationen wachsen an anderen Stellen. 'Ansonsten bringt Windows eine neue Speichertechnologie namens SuperFetch mit' - Uiiih, sollte sie es wirklich endlich mal schaffen, dass echte Speicherreservierung funktioniert? Ist ja fast undenkbar, aber mit Unterstützung einiger offener Kernelquellen lässt sich da sicherlich was machen. hüstel... 'der Datenzugriff auf SQL-Datenbanken oder sonst eine x-beliebige Datenquelle geht direkt aus C# heraus, und das ganze dermassen einfach ... da sieht selbst Visual FoxPro alt dagegen aus.' - Nun, ein 20 Jahre altes Produkt von Grund auf zu neu zu bauen ist einfacher, ja da gebe ich dir recht, aber mal ehrlich, woher stammen denn die Ansätze für diesen direkten Datenbankzugriff und das DataBinding, hm? Meiner Meinung nach, hat es irgendjmd. bei Microsoft endlich mal verstanden, dass die Technologien von VFP wieder mal begutachtet und neu bewertet werden, so dass man sich von Anfang einiges an Arbeit sparen kann, weil man Bestehendes verbessert und adaptiert. Ist nur aktuell ziemlich interessant, dass die beiden Verantwortlichen ehemalige FoxPro-Gurus sind... Zufall? Verschwörung? Oh Mann, wie blind bist du eigentlich? - 'was die ganze Programmierung auf zwei, drei Zeilen JScript reduziert.' - Klar, und morgen backen alle Himbeereiskuchen. Sobald du nur 'ne Winzigkeit vom vorgeschriebenen Weg abweichen möchtest, kannste dich wieder mit zig Problemen beschäftigen. Zumindest war es bisher immer so, ist es aktuell immer noch und wird es daher auch künftig nicht anders werden. Mein Fazit: Ich finde es wirklich klasse, dass du dir soviel Mühe machst, die Blogeinträge zu schreiben, aber irgendwie scheinst du unterwegs einen Virus abbekommen zu haben - Leichtgläubigkeit. Natürlich wird alles neuer, toller, bunter, einfacher und sicherer werden, aber mit welchem Benefit für einen Entwickler und vielmehr mit welcher Freiheit für einen Entwickler. Weisste einen Anwender interessiert nicht, dass sein Office 23 mit einem Server ad hoc Telemetriedaten austauscht, er möchte ein fehlerfrei funktionierendes Produkt mit einer einfachen Usability. Insofern muss ich dir ganz ehrlich sagen, dass ich dich zukünftig eher Alice oder Dorothy nennen werde. Bis denne, JoKi PS: Ich freu' mich auf kritischere Beiträge und ein wenig mehr Beurteilung der Konsequenzen \uD83D\uDE09 PPS: Nein, ich bin nicht gegen die Entwicklungen bei Microsoft; im Gegenteil! Ich sehe die Dinge aufgrund meiner Kenntnisse nur wesentlich kritischer... oder realistischer. if (typeof window !== 'undefined' && window.location.hostname !== 'localhost' && window.location.hostname !== '127.0.0.1') { (window.adsbygoogle = window.adsbygoogle || []).push({}); } (function() { var loaded = false; function loadDisqusEmbed() { if (loaded) return; loaded = true; window.disqus_config = function () { this.page.url = 'kommentare-zum-eisbr.html'; this.page.identifier = '9271ed1c97_idkommentare-zum-eisbr'; }; var d = document, s = d.createElement('script'); s.src = 'https://getbloggedbyjoki.disqus.com/embed.js'; s.setAttribute('data-timestamp', +new Date()); (d.head || d.body).appendChild(s); } var target = document.getElementById('disqus_thread'); if ('IntersectionObserver' in window && target) { var observer = new IntersectionObserver(function(entries) { if (entries[0].isIntersecting) { loadDisqusEmbed(); observer.disconnect(); } }, { rootMargin: '300px' }); observer.observe(target); } else { window.addEventListener('load', function() { if ('requestIdleCallback' in window) { requestIdleCallback(loadDisqusEmbed, { timeout: 4000 }); } else { setTimeout(loadDisqusEmbed, 3000); } }); } })();" }, "kommune-33.html": { "href": "kommune-33.html", "title": "Kommune 33 - Get Blogged by JoKi", "summary": "Kommune 33 Copy Markdown View Markdown GitHub Markdown Source Kommune 33 Copy Markdown Copy as Prompt Download .MD GitHub Close Loading markdown source... (function () { var rawMarkdownCache = {}; function cleanFrontmatter(text) { if (!text) return ''; // Bulletproof removal of frontmatter: between initial --- and ending --- return text.replace(/^---[\\s\\S]*?\\n---\\s*\\n?/, '').trim() + '\\n'; } function fetchMarkdown(slug, callback) { if (rawMarkdownCache[slug]) { callback(null, rawMarkdownCache[slug]); return; } var rel = ''; var url = rel + 'raw/' + encodeURIComponent(slug) + '.md'; fetch(url) .then(function (res) { if (!res.ok) throw new Error('Markdown source not found: ' + res.status); return res.text(); }) .then(function (text) { var cleaned = cleanFrontmatter(text); rawMarkdownCache[slug] = cleaned; callback(null, cleaned); }) .catch(function (err) { // Fallback: extract plain text from post content var contentEl = document.querySelector('.post-full-content .post-content, .post-content, main .inner'); if (contentEl) { var fallbackMd = '# ' + (document.querySelector('h1') ? document.querySelector('h1').innerText : 'Post') + '\\n\\n' + (contentEl.innerText || contentEl.textContent); rawMarkdownCache[slug] = fallbackMd; callback(null, fallbackMd); } else { callback(err, null); } }); } // Attach Copy Markdown handler var copyButtons = document.querySelectorAll('.btn-copy-markdown, .floating-copy-markdown'); copyButtons.forEach(function (btn) { btn.addEventListener('click', function () { var slug = btn.getAttribute('data-uid') || btn.getAttribute('data-slug') || 'kommune-33'; var originalHtml = btn.innerHTML; btn.disabled = true; fetchMarkdown(slug, function (err, md) { if (err || !md) { btn.disabled = false; alert('Could not copy Markdown source.'); return; } navigator.clipboard.writeText(md).then(function () { btn.classList.add('copied'); btn.innerHTML = ' Copied!'; setTimeout(function () { btn.classList.remove('copied'); btn.innerHTML = originalHtml; btn.disabled = false; }, 2000); }).catch(function () { btn.disabled = false; }); }); }); }); // Attach View Markdown modal var viewButtons = document.querySelectorAll('.btn-view-markdown'); var modal = document.getElementById('markdown-viewer-modal'); var codeEl = document.getElementById('markdown-viewer-code'); var closeBtn = modal ? modal.querySelector('.markdown-viewer-close') : null; var modalCopyBtn = document.getElementById('markdown-modal-copy-btn'); if (modal && viewButtons.length > 0) { viewButtons.forEach(function (btn) { btn.addEventListener('click', function () { var slug = btn.getAttribute('data-uid') || btn.getAttribute('data-slug') || 'kommune-33'; if (codeEl) codeEl.textContent = 'Loading Markdown source...'; if (typeof modal.showModal === 'function') { modal.showModal(); } else { modal.setAttribute('open', ''); } fetchMarkdown(slug, function (err, md) { if (codeEl) { codeEl.textContent = md || 'Failed to load Markdown source.'; if (window.hljs && typeof hljs.highlightElement === 'function') { hljs.highlightElement(codeEl); } // Remove any DocFX code-action / copy buttons that might have been injected var actions = modal.querySelectorAll('.code-action, .code-copy-btn, .action, a[title=\"Copy\"], button[title=\"Copy\"]'); actions.forEach(function (el) { el.remove(); }); } }); }); }); if (closeBtn) { closeBtn.addEventListener('click', function () { if (typeof modal.close === 'function') { modal.close(); } else { modal.removeAttribute('open'); } }); } // Light dismiss on backdrop click modal.addEventListener('click', function (e) { if (e.target === modal) { var rect = modal.getBoundingClientRect(); var isInDialog = ( rect.top <= e.clientY && e.clientY <= rect.top + rect.height && rect.left <= e.clientX && e.clientX <= rect.left + rect.width ); if (!isInDialog) { if (typeof modal.close === 'function') { modal.close(); } else { modal.removeAttribute('open'); } } } }); var modalPromptBtn = document.getElementById('markdown-modal-prompt-btn'); function formatPrompt(markdownText) { var postTitle = document.querySelector('h1.post-full-title') || document.querySelector('h1'); var titleStr = (postTitle ? postTitle.textContent.trim() : 'Kommune 33') || 'Article'; var appUrl = 'https://jochen.kirstaetter.name'.replace(/\\/+$/, ''); var canonicalLink = document.querySelector('link[rel=\"canonical\"]'); var pageUrl = canonicalLink ? (canonicalLink.getAttribute('href') || canonicalLink.href) : ''; if (!pageUrl) { pageUrl = appUrl + window.location.pathname; } if (pageUrl.startsWith('/')) { pageUrl = appUrl + pageUrl; } pageUrl = pageUrl.split('?')[0].split('#')[0]; try { var parsed = new URL(pageUrl, appUrl); if (parsed.hostname === 'localhost' || parsed.hostname === '127.0.0.1' || parsed.hostname.endsWith('.localhost')) { pageUrl = appUrl + parsed.pathname; } } catch (e) {} pageUrl = pageUrl.replace(/\\/index\\.html$/, '/').replace(/\\.html$/, ''); if (pageUrl.length > appUrl.length + 1 && pageUrl.endsWith('/')) { pageUrl = pageUrl.slice(0, -1); } return 'Analyse and use the following article as context:\\n\\n' + 'Title: ' + titleStr + '\\n' + 'URL: ' + pageUrl + '\\n\\n' + '---\\n\\n' + markdownText; } if (modalCopyBtn) { modalCopyBtn.addEventListener('click', function () { var text = codeEl ? (codeEl.innerText || codeEl.textContent) : ''; if (!text) return; navigator.clipboard.writeText(text).then(function () { var origHtml = modalCopyBtn.innerHTML; modalCopyBtn.classList.add('copied'); modalCopyBtn.innerHTML = ' Copied!'; setTimeout(function () { modalCopyBtn.classList.remove('copied'); modalCopyBtn.innerHTML = origHtml; }, 2000); }); }); } if (modalPromptBtn) { modalPromptBtn.addEventListener('click', function () { var text = codeEl ? (codeEl.innerText || codeEl.textContent) : ''; if (!text) return; var promptText = formatPrompt(text); navigator.clipboard.writeText(promptText).then(function () { var origHtml = modalPromptBtn.innerHTML; modalPromptBtn.classList.add('copied'); modalPromptBtn.innerHTML = ' Copied!'; setTimeout(function () { modalPromptBtn.classList.remove('copied'); modalPromptBtn.innerHTML = origHtml; }, 2000); }); }); } } })(); 2006-02-10 - Filed under Community (function() { var el = document.currentScript ? document.currentScript.previousElementSibling.querySelector('.post-full-meta-date') : document.querySelector('.post-full-meta-date'); if (el) { var raw = el.getAttribute('datetime') || el.textContent.trim(); var m = raw.match(/^(\\d{4})-(\\d{1,2})-(\\d{1,2})/); if (m) { var months = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']; var y = parseInt(m[1], 10); var mo = parseInt(m[2], 10) - 1; var d = parseInt(m[3], 10); if (mo >= 0 && mo < 12) { el.textContent = months[mo] + ' ' + d + ', ' + y; } } } })(); Alter Schwede! Es ist sicherlich schwierig während der Zeit eines so großartigen Events wie das Ready to Rock the Launch noch eine Übernachtungsmöglichkeit zu finden. Okay, ich bin gewissermaßen selbst schuld, da ich mich relativ spät um eine Unterkunft gekümmert habe, aber okay, es gibt immer Möglichkeiten. Zuerst ging's ins Internet: Hotels in Karlsruhe googlen. Alles klar, nach zwei, drei Anrufen die Ernüchterung... alles ausgebucht, keine Chance! Öhem, Mist. Also, Plan B - Kollegen und Freunde interviewen ob weiterer Ideen und Anregungen. Well, den entscheidenden Impuls erhielt ich von meinem 'Schwager in spe' \uD83D\uDE42 Schau dir mal die folgenden Pensionen an, da ist sicherlich was dabei... Jaoh okay... Erster Anruf - ausgebucht. Zweiter Anruf - ausgebucht. und so weiter... Letztendlich konnte ich im Zoo unterkommen. Im wahrlich übertragenen Sinne des Wortes. Das Wort Pension könnte man in diesem Fall problemlos mit Studenten-Wohnheim der Sechziger ersetzen. De facto handelt es sich um einen renovierten Altbau. Die 'Pension' verteilt sich auf drei bis vier Etagen und die Zimmer sind ganz normale Zimmer mit Bett und Kleiderschrank. Minimalismus für die Nacht pur - coole Sache. Mir soll's egal sein, da ich lediglich ein Dach über dem Kopf und ein Bett unterm Hintern haben möchte. Für die paar Stunden braucht's keinen Anspruch. Die Reinlichkeit ist sehr gut und bedarf keinerlei Kritik - im Gegenteil! Hab ich eigentlich schon etwas über den Host der Pension geschrieben? Nee, okay, dann kurz ein paar Worte dazu... Man könnte eigentlich sagen, dass es sich um einen ehemaligen Langzeitstudenten handelt. Lockeres Alltagsoutfit und ganz im alternativen Uni-Style. Die Formalitäten? Joah, also, hier mal den Meldebogen ausfüllen und that's it. Aber... was ist das? Da ich nur kurz vom Kongresszentrum rübergesprungen bin, hatte ich die Ask the Experts Weste noch an und scheint ihn das Wort Microsoft irritiert zu haben. \uD83D\uDE0E Und yes... ein bekennender Linuxanhänger. Okay, jetzt packen wir die Verwirrungstaktik aus. Nach den 'ersten Platitüden' zu Good and Evil, entkräftige ich jegliche Argumente mit hilfreichen Tipps und kompetenten Informationen zu Linux. Hehehe, was macht ein Linuxer im Microsoft-Dress in Karlsruhe? - Ganz einfach: Das Beste aus beiden Welten nutzen. Das erinnert mich immer an den Spruch 'Der Wolf im Schafspelz' - was jedoch in keinster Weise zutrifft. Ich find's beispielsweise absolut klasse, dass Microsoft in den letzten Jahren als Aussteller auf dem Linuxtag aktiv war und hoffentlich wieder sein wird. Denn... wir leben in einer heterogenen IT-Welt. Es gibt weder das Eine Betriebssystem, noch die Eine Software zum Lösen aller Probleme. Sondern immer die Alternativen und die Wahlmöglichkeiten aus Vielen. Quintessenz: Falls man in Karlsruhe eine lockere, günstige Unterkunftmöglichkeit in Karlsruhe sucht und vielleicht noch im Bereich Linux / Unix unterwegs ist, dann ist die Pension am Zoo empfehlenswert. Mir hat es absolut Spass gemacht und gut geschlafen habe ich auf alle Fälle. Bis denne, JoKi if (typeof window !== 'undefined' && window.location.hostname !== 'localhost' && window.location.hostname !== '127.0.0.1') { (window.adsbygoogle = window.adsbygoogle || []).push({}); } (function() { var loaded = false; function loadDisqusEmbed() { if (loaded) return; loaded = true; window.disqus_config = function () { this.page.url = 'kommune-33.html'; this.page.identifier = '9271ed1c97_idkommune-33'; }; var d = document, s = d.createElement('script'); s.src = 'https://getbloggedbyjoki.disqus.com/embed.js'; s.setAttribute('data-timestamp', +new Date()); (d.head || d.body).appendChild(s); } var target = document.getElementById('disqus_thread'); if ('IntersectionObserver' in window && target) { var observer = new IntersectionObserver(function(entries) { if (entries[0].isIntersecting) { loadDisqusEmbed(); observer.disconnect(); } }, { rootMargin: '300px' }); observer.observe(target); } else { window.addEventListener('load', function() { if ('requestIdleCallback' in window) { requestIdleCallback(loadDisqusEmbed, { timeout: 4000 }); } else { setTimeout(loadDisqusEmbed, 3000); } }); } })();" }, "konspiratives-community-treffen.html": { "href": "konspiratives-community-treffen.html", "title": "Konspiratives Community-Treffen? - Get Blogged by JoKi", "summary": "Konspiratives Community-Treffen? Copy Markdown View Markdown GitHub Markdown Source Konspiratives Community-Treffen? Copy Markdown Copy as Prompt Download .MD GitHub Close Loading markdown source... (function () { var rawMarkdownCache = {}; function cleanFrontmatter(text) { if (!text) return ''; // Bulletproof removal of frontmatter: between initial --- and ending --- return text.replace(/^---[\\s\\S]*?\\n---\\s*\\n?/, '').trim() + '\\n'; } function fetchMarkdown(slug, callback) { if (rawMarkdownCache[slug]) { callback(null, rawMarkdownCache[slug]); return; } var rel = ''; var url = rel + 'raw/' + encodeURIComponent(slug) + '.md'; fetch(url) .then(function (res) { if (!res.ok) throw new Error('Markdown source not found: ' + res.status); return res.text(); }) .then(function (text) { var cleaned = cleanFrontmatter(text); rawMarkdownCache[slug] = cleaned; callback(null, cleaned); }) .catch(function (err) { // Fallback: extract plain text from post content var contentEl = document.querySelector('.post-full-content .post-content, .post-content, main .inner'); if (contentEl) { var fallbackMd = '# ' + (document.querySelector('h1') ? document.querySelector('h1').innerText : 'Post') + '\\n\\n' + (contentEl.innerText || contentEl.textContent); rawMarkdownCache[slug] = fallbackMd; callback(null, fallbackMd); } else { callback(err, null); } }); } // Attach Copy Markdown handler var copyButtons = document.querySelectorAll('.btn-copy-markdown, .floating-copy-markdown'); copyButtons.forEach(function (btn) { btn.addEventListener('click', function () { var slug = btn.getAttribute('data-uid') || btn.getAttribute('data-slug') || 'konspiratives-community-treffen'; var originalHtml = btn.innerHTML; btn.disabled = true; fetchMarkdown(slug, function (err, md) { if (err || !md) { btn.disabled = false; alert('Could not copy Markdown source.'); return; } navigator.clipboard.writeText(md).then(function () { btn.classList.add('copied'); btn.innerHTML = ' Copied!'; setTimeout(function () { btn.classList.remove('copied'); btn.innerHTML = originalHtml; btn.disabled = false; }, 2000); }).catch(function () { btn.disabled = false; }); }); }); }); // Attach View Markdown modal var viewButtons = document.querySelectorAll('.btn-view-markdown'); var modal = document.getElementById('markdown-viewer-modal'); var codeEl = document.getElementById('markdown-viewer-code'); var closeBtn = modal ? modal.querySelector('.markdown-viewer-close') : null; var modalCopyBtn = document.getElementById('markdown-modal-copy-btn'); if (modal && viewButtons.length > 0) { viewButtons.forEach(function (btn) { btn.addEventListener('click', function () { var slug = btn.getAttribute('data-uid') || btn.getAttribute('data-slug') || 'konspiratives-community-treffen'; if (codeEl) codeEl.textContent = 'Loading Markdown source...'; if (typeof modal.showModal === 'function') { modal.showModal(); } else { modal.setAttribute('open', ''); } fetchMarkdown(slug, function (err, md) { if (codeEl) { codeEl.textContent = md || 'Failed to load Markdown source.'; if (window.hljs && typeof hljs.highlightElement === 'function') { hljs.highlightElement(codeEl); } // Remove any DocFX code-action / copy buttons that might have been injected var actions = modal.querySelectorAll('.code-action, .code-copy-btn, .action, a[title=\"Copy\"], button[title=\"Copy\"]'); actions.forEach(function (el) { el.remove(); }); } }); }); }); if (closeBtn) { closeBtn.addEventListener('click', function () { if (typeof modal.close === 'function') { modal.close(); } else { modal.removeAttribute('open'); } }); } // Light dismiss on backdrop click modal.addEventListener('click', function (e) { if (e.target === modal) { var rect = modal.getBoundingClientRect(); var isInDialog = ( rect.top <= e.clientY && e.clientY <= rect.top + rect.height && rect.left <= e.clientX && e.clientX <= rect.left + rect.width ); if (!isInDialog) { if (typeof modal.close === 'function') { modal.close(); } else { modal.removeAttribute('open'); } } } }); var modalPromptBtn = document.getElementById('markdown-modal-prompt-btn'); function formatPrompt(markdownText) { var postTitle = document.querySelector('h1.post-full-title') || document.querySelector('h1'); var titleStr = (postTitle ? postTitle.textContent.trim() : 'Konspiratives Community-Treffen?') || 'Article'; var appUrl = 'https://jochen.kirstaetter.name'.replace(/\\/+$/, ''); var canonicalLink = document.querySelector('link[rel=\"canonical\"]'); var pageUrl = canonicalLink ? (canonicalLink.getAttribute('href') || canonicalLink.href) : ''; if (!pageUrl) { pageUrl = appUrl + window.location.pathname; } if (pageUrl.startsWith('/')) { pageUrl = appUrl + pageUrl; } pageUrl = pageUrl.split('?')[0].split('#')[0]; try { var parsed = new URL(pageUrl, appUrl); if (parsed.hostname === 'localhost' || parsed.hostname === '127.0.0.1' || parsed.hostname.endsWith('.localhost')) { pageUrl = appUrl + parsed.pathname; } } catch (e) {} pageUrl = pageUrl.replace(/\\/index\\.html$/, '/').replace(/\\.html$/, ''); if (pageUrl.length > appUrl.length + 1 && pageUrl.endsWith('/')) { pageUrl = pageUrl.slice(0, -1); } return 'Analyse and use the following article as context:\\n\\n' + 'Title: ' + titleStr + '\\n' + 'URL: ' + pageUrl + '\\n\\n' + '---\\n\\n' + markdownText; } if (modalCopyBtn) { modalCopyBtn.addEventListener('click', function () { var text = codeEl ? (codeEl.innerText || codeEl.textContent) : ''; if (!text) return; navigator.clipboard.writeText(text).then(function () { var origHtml = modalCopyBtn.innerHTML; modalCopyBtn.classList.add('copied'); modalCopyBtn.innerHTML = ' Copied!'; setTimeout(function () { modalCopyBtn.classList.remove('copied'); modalCopyBtn.innerHTML = origHtml; }, 2000); }); }); } if (modalPromptBtn) { modalPromptBtn.addEventListener('click', function () { var text = codeEl ? (codeEl.innerText || codeEl.textContent) : ''; if (!text) return; var promptText = formatPrompt(text); navigator.clipboard.writeText(promptText).then(function () { var origHtml = modalPromptBtn.innerHTML; modalPromptBtn.classList.add('copied'); modalPromptBtn.innerHTML = ' Copied!'; setTimeout(function () { modalPromptBtn.classList.remove('copied'); modalPromptBtn.innerHTML = origHtml; }, 2000); }); }); } } })(); 2006-04-13 - Filed under Community (function() { var el = document.currentScript ? document.currentScript.previousElementSibling.querySelector('.post-full-meta-date') : document.querySelector('.post-full-meta-date'); if (el) { var raw = el.getAttribute('datetime') || el.textContent.trim(); var m = raw.match(/^(\\d{4})-(\\d{1,2})-(\\d{1,2})/); if (m) { var months = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']; var y = parseInt(m[1], 10); var mo = parseInt(m[2], 10) - 1; var d = parseInt(m[3], 10); if (mo >= 0 && mo < 12) { el.textContent = months[mo] + ' ' + d + ', ' + y; } } } })(); Willkommen zur Trainingsrunde des SV Grün/Weiß Mainz. Wie vielleicht schon der ein oder andere geneigte Leser mitbekommen haben könnte, sind meine Community-Kollegen Willi und Tiger in meinen heimatlichen Gefilden unterwegs. Bereits letzte Woche liefen die erste Grobplanungen, die sich am Montag konkretisierten. Thomas sammelt Alex in Mannheim ein, und wir treffen uns dann mir, um den Rest des Abends mit lockerem Klönen und starker Musik im Kult zu verbringen. Also, während die beiden noch auf Tour waren, habe ich mir die Zeit noch mit einem Klassiker auf DVD verdingt: Time Bandits von Terry Gilliam. Herrlich, insbesondere das Interview mit einem französischen Team. It's party time Öhm, oder auch erstmal nicht. Denn beim normalen Durchschleichen der verkehrsberuhigten Zone fiel mir gleich ein verdächtiges Fahrzeug auf. Silverfarbener Mercedes Kombi mit grüner Tarnbeklebung: Los Grünos \uD83D\uDE03 Spasshalber meinte ich noch, dass die gleich wenden werden und uns anhalten. .o( Jaja, labber' du nur... ) Und so war's auch. Scheinbar versprüht Thomas irgendwelche Pheromone - who knows. Okay, also, das übliche... oder auch nicht, denn das hektische Rumfummeln mit der Taschenlampe und der intensiven Inspektion des Fahrzeugs passen nicht zu einer regulären Verkehrskontrolle. Insbesondere wenn die üblichen Hinweise - \"Guten Abend, das ist eine allgemeine Verkehrskontrolle\" - und Fragen - \"Haben Sie etwas getrunken?\" - überhaupt nicht fielen. Sehr suspekt, aber ich würde mir auch heftige Gedanken machen, wenn drei lockere Typen nachts um halb zwölf durch die Gegend tuckern. Schmuggelware? Hehlergut? - Tjoa, leider Fehlanzeige, wir sind anständige Bürger - auch wenn es mit Ankunft der WM anfängt, interessanter für Terroristen zu werden. Leute, es wird nichts so heiß gegessen wie es gekocht wird. Kommt mal wieder auf den Teppich der Normalität... Lady's night Nach der etwa zwanzigminütigen Personalausweisprüfung konnten wir dann noch locker und flockig im Kult einlaufen. Hach, was ein Spass. Hatte ich eigentlich schon erwähnt, dass mittwochs so 'ne Art Lady's Night im Kult stattfindet? Nee, okay, also neben der Tatsache, dass die Musik ziemlich auf alternativ und feminim ausgelegt ist, sind auch überdurchschnittlich viele Frauen unterwegs. Immer wieder ein erheiternder Anblick. Sowohl in eine Richtung, wie auch in die andere. \uD83D\uDE09 Gut, gut. Die ersten bekannten Gesichter sind auch gleich entdeckt und wir gesellen uns gemütlich zu einigen Bekannten. Bei einer gepflegten Runde Bionade - Geschmack Holunder tauschen wir uns über die aktuellen Neuigkeiten aus der Community, dem Universum und dem Leben überhaupt aus. Wirklich spassig, was da seit unserem letzten Treffen auf der CeBIT alles wieder vorgefallen ist. Ich hoffe nur, dass keiner von uns auf die Idee kommt, eine Biographie zu schreiben. Die Anwaltsklagen wären uns gewiß... \uD83D\uDE09 So, aktuell sitzen wir beim Frühstück, mal sehen was der heutige Tag noch bringen wird... Get Blogged soon und bis denne, JoKi if (typeof window !== 'undefined' && window.location.hostname !== 'localhost' && window.location.hostname !== '127.0.0.1') { (window.adsbygoogle = window.adsbygoogle || []).push({}); } (function() { var loaded = false; function loadDisqusEmbed() { if (loaded) return; loaded = true; window.disqus_config = function () { this.page.url = 'konspiratives-community-treffen.html'; this.page.identifier = '9271ed1c97_idkonspiratives-community-treffen'; }; var d = document, s = d.createElement('script'); s.src = 'https://getbloggedbyjoki.disqus.com/embed.js'; s.setAttribute('data-timestamp', +new Date()); (d.head || d.body).appendChild(s); } var target = document.getElementById('disqus_thread'); if ('IntersectionObserver' in window && target) { var observer = new IntersectionObserver(function(entries) { if (entries[0].isIntersecting) { loadDisqusEmbed(); observer.disconnect(); } }, { rootMargin: '300px' }); observer.observe(target); } else { window.addEventListener('load', function() { if ('requestIdleCallback' in window) { requestIdleCallback(loadDisqusEmbed, { timeout: 4000 }); } else { setTimeout(loadDisqusEmbed, 3000); } }); } })();" }, "krakathon-2017.html": { "href": "krakathon-2017.html", "title": "Krakathon 2017 - Get Blogged by JoKi", "summary": "Krakathon 2017 Copy Markdown View Markdown GitHub Markdown Source Krakathon 2017 Copy Markdown Copy as Prompt Download .MD GitHub Close Loading markdown source... (function () { var rawMarkdownCache = {}; function cleanFrontmatter(text) { if (!text) return ''; // Bulletproof removal of frontmatter: between initial --- and ending --- return text.replace(/^---[\\s\\S]*?\\n---\\s*\\n?/, '').trim() + '\\n'; } function fetchMarkdown(slug, callback) { if (rawMarkdownCache[slug]) { callback(null, rawMarkdownCache[slug]); return; } var rel = ''; var url = rel + 'raw/' + encodeURIComponent(slug) + '.md'; fetch(url) .then(function (res) { if (!res.ok) throw new Error('Markdown source not found: ' + res.status); return res.text(); }) .then(function (text) { var cleaned = cleanFrontmatter(text); rawMarkdownCache[slug] = cleaned; callback(null, cleaned); }) .catch(function (err) { // Fallback: extract plain text from post content var contentEl = document.querySelector('.post-full-content .post-content, .post-content, main .inner'); if (contentEl) { var fallbackMd = '# ' + (document.querySelector('h1') ? document.querySelector('h1').innerText : 'Post') + '\\n\\n' + (contentEl.innerText || contentEl.textContent); rawMarkdownCache[slug] = fallbackMd; callback(null, fallbackMd); } else { callback(err, null); } }); } // Attach Copy Markdown handler var copyButtons = document.querySelectorAll('.btn-copy-markdown, .floating-copy-markdown'); copyButtons.forEach(function (btn) { btn.addEventListener('click', function () { var slug = btn.getAttribute('data-uid') || btn.getAttribute('data-slug') || 'krakathon-2017'; var originalHtml = btn.innerHTML; btn.disabled = true; fetchMarkdown(slug, function (err, md) { if (err || !md) { btn.disabled = false; alert('Could not copy Markdown source.'); return; } navigator.clipboard.writeText(md).then(function () { btn.classList.add('copied'); btn.innerHTML = ' Copied!'; setTimeout(function () { btn.classList.remove('copied'); btn.innerHTML = originalHtml; btn.disabled = false; }, 2000); }).catch(function () { btn.disabled = false; }); }); }); }); // Attach View Markdown modal var viewButtons = document.querySelectorAll('.btn-view-markdown'); var modal = document.getElementById('markdown-viewer-modal'); var codeEl = document.getElementById('markdown-viewer-code'); var closeBtn = modal ? modal.querySelector('.markdown-viewer-close') : null; var modalCopyBtn = document.getElementById('markdown-modal-copy-btn'); if (modal && viewButtons.length > 0) { viewButtons.forEach(function (btn) { btn.addEventListener('click', function () { var slug = btn.getAttribute('data-uid') || btn.getAttribute('data-slug') || 'krakathon-2017'; if (codeEl) codeEl.textContent = 'Loading Markdown source...'; if (typeof modal.showModal === 'function') { modal.showModal(); } else { modal.setAttribute('open', ''); } fetchMarkdown(slug, function (err, md) { if (codeEl) { codeEl.textContent = md || 'Failed to load Markdown source.'; if (window.hljs && typeof hljs.highlightElement === 'function') { hljs.highlightElement(codeEl); } // Remove any DocFX code-action / copy buttons that might have been injected var actions = modal.querySelectorAll('.code-action, .code-copy-btn, .action, a[title=\"Copy\"], button[title=\"Copy\"]'); actions.forEach(function (el) { el.remove(); }); } }); }); }); if (closeBtn) { closeBtn.addEventListener('click', function () { if (typeof modal.close === 'function') { modal.close(); } else { modal.removeAttribute('open'); } }); } // Light dismiss on backdrop click modal.addEventListener('click', function (e) { if (e.target === modal) { var rect = modal.getBoundingClientRect(); var isInDialog = ( rect.top <= e.clientY && e.clientY <= rect.top + rect.height && rect.left <= e.clientX && e.clientX <= rect.left + rect.width ); if (!isInDialog) { if (typeof modal.close === 'function') { modal.close(); } else { modal.removeAttribute('open'); } } } }); var modalPromptBtn = document.getElementById('markdown-modal-prompt-btn'); function formatPrompt(markdownText) { var postTitle = document.querySelector('h1.post-full-title') || document.querySelector('h1'); var titleStr = (postTitle ? postTitle.textContent.trim() : 'Krakathon 2017') || 'Article'; var appUrl = 'https://jochen.kirstaetter.name'.replace(/\\/+$/, ''); var canonicalLink = document.querySelector('link[rel=\"canonical\"]'); var pageUrl = canonicalLink ? (canonicalLink.getAttribute('href') || canonicalLink.href) : ''; if (!pageUrl) { pageUrl = appUrl + window.location.pathname; } if (pageUrl.startsWith('/')) { pageUrl = appUrl + pageUrl; } pageUrl = pageUrl.split('?')[0].split('#')[0]; try { var parsed = new URL(pageUrl, appUrl); if (parsed.hostname === 'localhost' || parsed.hostname === '127.0.0.1' || parsed.hostname.endsWith('.localhost')) { pageUrl = appUrl + parsed.pathname; } } catch (e) {} pageUrl = pageUrl.replace(/\\/index\\.html$/, '/').replace(/\\.html$/, ''); if (pageUrl.length > appUrl.length + 1 && pageUrl.endsWith('/')) { pageUrl = pageUrl.slice(0, -1); } return 'Analyse and use the following article as context:\\n\\n' + 'Title: ' + titleStr + '\\n' + 'URL: ' + pageUrl + '\\n\\n' + '---\\n\\n' + markdownText; } if (modalCopyBtn) { modalCopyBtn.addEventListener('click', function () { var text = codeEl ? (codeEl.innerText || codeEl.textContent) : ''; if (!text) return; navigator.clipboard.writeText(text).then(function () { var origHtml = modalCopyBtn.innerHTML; modalCopyBtn.classList.add('copied'); modalCopyBtn.innerHTML = ' Copied!'; setTimeout(function () { modalCopyBtn.classList.remove('copied'); modalCopyBtn.innerHTML = origHtml; }, 2000); }); }); } if (modalPromptBtn) { modalPromptBtn.addEventListener('click', function () { var text = codeEl ? (codeEl.innerText || codeEl.textContent) : ''; if (!text) return; var promptText = formatPrompt(text); navigator.clipboard.writeText(promptText).then(function () { var origHtml = modalPromptBtn.innerHTML; modalPromptBtn.classList.add('copied'); modalPromptBtn.innerHTML = ' Copied!'; setTimeout(function () { modalPromptBtn.classList.remove('copied'); modalPromptBtn.innerHTML = origHtml; }, 2000); }); }); } } })(); 2017-10-27 - Filed under CommunityActivity (function() { var el = document.currentScript ? document.currentScript.previousElementSibling.querySelector('.post-full-meta-date') : document.querySelector('.post-full-meta-date'); if (el) { var raw = el.getAttribute('datetime') || el.textContent.trim(); var m = raw.match(/^(\\d{4})-(\\d{1,2})-(\\d{1,2})/); if (m) { var months = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']; var y = parseInt(m[1], 10); var mo = parseInt(m[2], 10) - 1; var d = parseInt(m[3], 10); if (mo >= 0 && mo < 12) { el.textContent = months[mo] + ' ' + d + ', ' + y; } } } })(); Pirates! Pirates everywhere! This year my children urged me to bring them again to the coolest hackathon in Mauritius. They absolutely loved the experience from last year and so the anticipation grew over the last couple of weeks. The Krakathon is in their own words \"Le Krakathon, c’est comme un hackaton mais avec un Kraken et un trésor!\". This translates freely to: The Krakathon is like a hackathon but with a Kraken and a treasure! Code to chase the Kraken! The whole event is build around a pirate and swashbuckler stylish atmosphere where participants form a crew (team of up to 4 members) to solve algorithms and programming challenges. Compared to other events the Krakathon doesn't have a single overall aim asking teams to compete against each other to achieve the best outcome on the same request. There is no jury to vet it. No, the Krakathon uses a catalog of coding exercises. Given the level of difficulty they are assigned various amounts of points. The challenge is to implement and demonstrate working solutions and to accumulate as many points as possible during 24 hours. The progress of a team and the position among each other is updated and published regularly on the Krakathon Scoreboard online. Transparency is key! And it is great for others to follow their team remotely, and to cheer them up on social media, too. The Flying Craftsman Thanks to the generousity of ict.io it was possible to form a ship crew to represent the Mauritius Software Craftsmanship Community again. Like last year, The Flying Craftsman was manned at an early stage and was ready to sail off the shores. The crew under Captain Saif was freshly put together, and unfortunately had to be shuffled a few days ahead of the event. Left to right: Saif, Wasim, Arvind and Alvin Luckily, we talked about the Krakathon during the weekly Code & Coffee breakfast meetings of the MSCC and Alvin, a digital nomad from Malaysia actually, expressed high interest. Instead of just visiting the Krakathon he boarded The Flying Craftsman and was right in the middle of the chase for the Kraken. I'm loving this community! Spirit of the Sea 24 hours doesn't sound much for sailing on the ocean but coding straight all the time is cumbersome and tiring. A real physical and mental challenge - hats off to all pirates! The final standing of this year's search for the Kraken is as following: ForceCoders Pickle Rick Xtensio The Flying Craftsman came out 6th. All teams found their treasure and rewards after this coding marathon. Personally, I'm glad to see that more and more opportunities like this are available in Mauritius. And thanks to the numerous partners and sponsors Krakathon turns out to be one of the coolest. Surely an event not to miss in the future! Check the captains' log books Although I'm not an active participant in the Krakathon I like going there to cheer up all those brave mates. And as mentioned initially, my children are super excited and eager to be there, too. Don't miss the reports on the Krakathon by others with lots of pictures and videos: Krakathon 2017 - un Hackathon mais avec un Kraken et un trésor - jour 1 by Pritvi Krakathon 2017 - Day 1 by Bilaal Krakathon 2017 - Day 2 by Bilaal Krakathon 2017 by Akasha Krakathon 2017: Les ForceCoders remportent la deuxième édition du code challenge! by ict.io Krakathon: les «Force Coders» remportent la 2e édition by lexpress.mu Last but not least, Krakathon 2018 has its countdown already. Aye aye, pirates! if (typeof window !== 'undefined' && window.location.hostname !== 'localhost' && window.location.hostname !== '127.0.0.1') { (window.adsbygoogle = window.adsbygoogle || []).push({}); } (function() { var loaded = false; function loadDisqusEmbed() { if (loaded) return; loaded = true; window.disqus_config = function () { this.page.url = 'krakathon-2017.html'; this.page.identifier = '9271ed1c97_idkrakathon-2017'; }; var d = document, s = d.createElement('script'); s.src = 'https://getbloggedbyjoki.disqus.com/embed.js'; s.setAttribute('data-timestamp', +new Date()); (d.head || d.body).appendChild(s); } var target = document.getElementById('disqus_thread'); if ('IntersectionObserver' in window && target) { var observer = new IntersectionObserver(function(entries) { if (entries[0].isIntersecting) { loadDisqusEmbed(); observer.disconnect(); } }, { rootMargin: '300px' }); observer.observe(target); } else { window.addEventListener('load', function() { if ('requestIdleCallback' in window) { requestIdleCallback(loadDisqusEmbed, { timeout: 4000 }); } else { setTimeout(loadDisqusEmbed, 3000); } }); } })();" }, "kuehe-auf-nachtwanderung.html": { "href": "kuehe-auf-nachtwanderung.html", "title": "Kühe auf Nachtwanderung - Get Blogged by JoKi", "summary": "Kühe auf Nachtwanderung Copy Markdown View Markdown GitHub Markdown Source Kühe auf Nachtwanderung Copy Markdown Copy as Prompt Download .MD GitHub Close Loading markdown source... (function () { var rawMarkdownCache = {}; function cleanFrontmatter(text) { if (!text) return ''; // Bulletproof removal of frontmatter: between initial --- and ending --- return text.replace(/^---[\\s\\S]*?\\n---\\s*\\n?/, '').trim() + '\\n'; } function fetchMarkdown(slug, callback) { if (rawMarkdownCache[slug]) { callback(null, rawMarkdownCache[slug]); return; } var rel = ''; var url = rel + 'raw/' + encodeURIComponent(slug) + '.md'; fetch(url) .then(function (res) { if (!res.ok) throw new Error('Markdown source not found: ' + res.status); return res.text(); }) .then(function (text) { var cleaned = cleanFrontmatter(text); rawMarkdownCache[slug] = cleaned; callback(null, cleaned); }) .catch(function (err) { // Fallback: extract plain text from post content var contentEl = document.querySelector('.post-full-content .post-content, .post-content, main .inner'); if (contentEl) { var fallbackMd = '# ' + (document.querySelector('h1') ? document.querySelector('h1').innerText : 'Post') + '\\n\\n' + (contentEl.innerText || contentEl.textContent); rawMarkdownCache[slug] = fallbackMd; callback(null, fallbackMd); } else { callback(err, null); } }); } // Attach Copy Markdown handler var copyButtons = document.querySelectorAll('.btn-copy-markdown, .floating-copy-markdown'); copyButtons.forEach(function (btn) { btn.addEventListener('click', function () { var slug = btn.getAttribute('data-uid') || btn.getAttribute('data-slug') || 'kuehe-auf-nachtwanderung'; var originalHtml = btn.innerHTML; btn.disabled = true; fetchMarkdown(slug, function (err, md) { if (err || !md) { btn.disabled = false; alert('Could not copy Markdown source.'); return; } navigator.clipboard.writeText(md).then(function () { btn.classList.add('copied'); btn.innerHTML = ' Copied!'; setTimeout(function () { btn.classList.remove('copied'); btn.innerHTML = originalHtml; btn.disabled = false; }, 2000); }).catch(function () { btn.disabled = false; }); }); }); }); // Attach View Markdown modal var viewButtons = document.querySelectorAll('.btn-view-markdown'); var modal = document.getElementById('markdown-viewer-modal'); var codeEl = document.getElementById('markdown-viewer-code'); var closeBtn = modal ? modal.querySelector('.markdown-viewer-close') : null; var modalCopyBtn = document.getElementById('markdown-modal-copy-btn'); if (modal && viewButtons.length > 0) { viewButtons.forEach(function (btn) { btn.addEventListener('click', function () { var slug = btn.getAttribute('data-uid') || btn.getAttribute('data-slug') || 'kuehe-auf-nachtwanderung'; if (codeEl) codeEl.textContent = 'Loading Markdown source...'; if (typeof modal.showModal === 'function') { modal.showModal(); } else { modal.setAttribute('open', ''); } fetchMarkdown(slug, function (err, md) { if (codeEl) { codeEl.textContent = md || 'Failed to load Markdown source.'; if (window.hljs && typeof hljs.highlightElement === 'function') { hljs.highlightElement(codeEl); } // Remove any DocFX code-action / copy buttons that might have been injected var actions = modal.querySelectorAll('.code-action, .code-copy-btn, .action, a[title=\"Copy\"], button[title=\"Copy\"]'); actions.forEach(function (el) { el.remove(); }); } }); }); }); if (closeBtn) { closeBtn.addEventListener('click', function () { if (typeof modal.close === 'function') { modal.close(); } else { modal.removeAttribute('open'); } }); } // Light dismiss on backdrop click modal.addEventListener('click', function (e) { if (e.target === modal) { var rect = modal.getBoundingClientRect(); var isInDialog = ( rect.top <= e.clientY && e.clientY <= rect.top + rect.height && rect.left <= e.clientX && e.clientX <= rect.left + rect.width ); if (!isInDialog) { if (typeof modal.close === 'function') { modal.close(); } else { modal.removeAttribute('open'); } } } }); var modalPromptBtn = document.getElementById('markdown-modal-prompt-btn'); function formatPrompt(markdownText) { var postTitle = document.querySelector('h1.post-full-title') || document.querySelector('h1'); var titleStr = (postTitle ? postTitle.textContent.trim() : 'Kühe auf Nachtwanderung') || 'Article'; var appUrl = 'https://jochen.kirstaetter.name'.replace(/\\/+$/, ''); var canonicalLink = document.querySelector('link[rel=\"canonical\"]'); var pageUrl = canonicalLink ? (canonicalLink.getAttribute('href') || canonicalLink.href) : ''; if (!pageUrl) { pageUrl = appUrl + window.location.pathname; } if (pageUrl.startsWith('/')) { pageUrl = appUrl + pageUrl; } pageUrl = pageUrl.split('?')[0].split('#')[0]; try { var parsed = new URL(pageUrl, appUrl); if (parsed.hostname === 'localhost' || parsed.hostname === '127.0.0.1' || parsed.hostname.endsWith('.localhost')) { pageUrl = appUrl + parsed.pathname; } } catch (e) {} pageUrl = pageUrl.replace(/\\/index\\.html$/, '/').replace(/\\.html$/, ''); if (pageUrl.length > appUrl.length + 1 && pageUrl.endsWith('/')) { pageUrl = pageUrl.slice(0, -1); } return 'Analyse and use the following article as context:\\n\\n' + 'Title: ' + titleStr + '\\n' + 'URL: ' + pageUrl + '\\n\\n' + '---\\n\\n' + markdownText; } if (modalCopyBtn) { modalCopyBtn.addEventListener('click', function () { var text = codeEl ? (codeEl.innerText || codeEl.textContent) : ''; if (!text) return; navigator.clipboard.writeText(text).then(function () { var origHtml = modalCopyBtn.innerHTML; modalCopyBtn.classList.add('copied'); modalCopyBtn.innerHTML = ' Copied!'; setTimeout(function () { modalCopyBtn.classList.remove('copied'); modalCopyBtn.innerHTML = origHtml; }, 2000); }); }); } if (modalPromptBtn) { modalPromptBtn.addEventListener('click', function () { var text = codeEl ? (codeEl.innerText || codeEl.textContent) : ''; if (!text) return; var promptText = formatPrompt(text); navigator.clipboard.writeText(promptText).then(function () { var origHtml = modalPromptBtn.innerHTML; modalPromptBtn.classList.add('copied'); modalPromptBtn.innerHTML = ' Copied!'; setTimeout(function () { modalPromptBtn.classList.remove('copied'); modalPromptBtn.innerHTML = origHtml; }, 2000); }); }); } } })(); 2005-10-15 - Filed under General (function() { var el = document.currentScript ? document.currentScript.previousElementSibling.querySelector('.post-full-meta-date') : document.querySelector('.post-full-meta-date'); if (el) { var raw = el.getAttribute('datetime') || el.textContent.trim(); var m = raw.match(/^(\\d{4})-(\\d{1,2})-(\\d{1,2})/); if (m) { var months = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']; var y = parseInt(m[1], 10); var mo = parseInt(m[2], 10) - 1; var d = parseInt(m[3], 10); if (mo >= 0 && mo < 12) { el.textContent = months[mo] + ' ' + d + ', ' + y; } } } })(); Mal wieder eine Anekdote aus dem privaten Bereich. Was passiert wenn man mal länger in der Feuerwehr zusammen mit den Kameraden den Abend gestaltet und daher nach Mitternacht Richtung Domizil fährt? Nun, in unserer ländlichen Gegend scheinen des Bauers Kühe erweiterten Auslauf zu haben... Ich weiß ja nicht wie man die nächtlichen Herumtreiber sonst verstehen sollte, aber ich glaube, dass den beiden Kälbern schlichtweg zu langweilig auf der Weide war. Wir hatten auf alle Fälle unseren Spass. Zuerst Sturmklingeln beim Kuhbesitzer, dann noch einen weiteren Mann zur Unterstützung aus den Federn ziehen und dann 'bewaffnet' mit Warnblinker vom Fahrzeug, zwei Taschenlampen quer über die unteren Wiesen, um die Milchviecher auf die Koppel zu treiben. Wohl gemerkt, irgendwann nachts um halb zwei oder so... Ich fand's cool! Zumal es den Alltag abwechselungsreich gestaltet. Hast du auch schon mal Kühe bei der Nachtwanderung begleitet? Bis denne, JoKi if (typeof window !== 'undefined' && window.location.hostname !== 'localhost' && window.location.hostname !== '127.0.0.1') { (window.adsbygoogle = window.adsbygoogle || []).push({}); } (function() { var loaded = false; function loadDisqusEmbed() { if (loaded) return; loaded = true; window.disqus_config = function () { this.page.url = 'kuehe-auf-nachtwanderung.html'; this.page.identifier = '9271ed1c97_idkuehe-auf-nachtwanderung'; }; var d = document, s = d.createElement('script'); s.src = 'https://getbloggedbyjoki.disqus.com/embed.js'; s.setAttribute('data-timestamp', +new Date()); (d.head || d.body).appendChild(s); } var target = document.getElementById('disqus_thread'); if ('IntersectionObserver' in window && target) { var observer = new IntersectionObserver(function(entries) { if (entries[0].isIntersecting) { loadDisqusEmbed(); observer.disconnect(); } }, { rootMargin: '300px' }); observer.observe(target); } else { window.addEventListener('load', function() { if ('requestIdleCallback' in window) { requestIdleCallback(loadDisqusEmbed, { timeout: 4000 }); } else { setTimeout(loadDisqusEmbed, 3000); } }); } })();" }, "kung-shee-fat-choy.html": { "href": "kung-shee-fat-choy.html", "title": "Kung Shee Fat Choy - Get Blogged by JoKi", "summary": "Kung Shee Fat Choy Copy Markdown View Markdown GitHub Markdown Source Kung Shee Fat Choy Copy Markdown Copy as Prompt Download .MD GitHub Close Loading markdown source... (function () { var rawMarkdownCache = {}; function cleanFrontmatter(text) { if (!text) return ''; // Bulletproof removal of frontmatter: between initial --- and ending --- return text.replace(/^---[\\s\\S]*?\\n---\\s*\\n?/, '').trim() + '\\n'; } function fetchMarkdown(slug, callback) { if (rawMarkdownCache[slug]) { callback(null, rawMarkdownCache[slug]); return; } var rel = ''; var url = rel + 'raw/' + encodeURIComponent(slug) + '.md'; fetch(url) .then(function (res) { if (!res.ok) throw new Error('Markdown source not found: ' + res.status); return res.text(); }) .then(function (text) { var cleaned = cleanFrontmatter(text); rawMarkdownCache[slug] = cleaned; callback(null, cleaned); }) .catch(function (err) { // Fallback: extract plain text from post content var contentEl = document.querySelector('.post-full-content .post-content, .post-content, main .inner'); if (contentEl) { var fallbackMd = '# ' + (document.querySelector('h1') ? document.querySelector('h1').innerText : 'Post') + '\\n\\n' + (contentEl.innerText || contentEl.textContent); rawMarkdownCache[slug] = fallbackMd; callback(null, fallbackMd); } else { callback(err, null); } }); } // Attach Copy Markdown handler var copyButtons = document.querySelectorAll('.btn-copy-markdown, .floating-copy-markdown'); copyButtons.forEach(function (btn) { btn.addEventListener('click', function () { var slug = btn.getAttribute('data-uid') || btn.getAttribute('data-slug') || 'kung-shee-fat-choy'; var originalHtml = btn.innerHTML; btn.disabled = true; fetchMarkdown(slug, function (err, md) { if (err || !md) { btn.disabled = false; alert('Could not copy Markdown source.'); return; } navigator.clipboard.writeText(md).then(function () { btn.classList.add('copied'); btn.innerHTML = ' Copied!'; setTimeout(function () { btn.classList.remove('copied'); btn.innerHTML = originalHtml; btn.disabled = false; }, 2000); }).catch(function () { btn.disabled = false; }); }); }); }); // Attach View Markdown modal var viewButtons = document.querySelectorAll('.btn-view-markdown'); var modal = document.getElementById('markdown-viewer-modal'); var codeEl = document.getElementById('markdown-viewer-code'); var closeBtn = modal ? modal.querySelector('.markdown-viewer-close') : null; var modalCopyBtn = document.getElementById('markdown-modal-copy-btn'); if (modal && viewButtons.length > 0) { viewButtons.forEach(function (btn) { btn.addEventListener('click', function () { var slug = btn.getAttribute('data-uid') || btn.getAttribute('data-slug') || 'kung-shee-fat-choy'; if (codeEl) codeEl.textContent = 'Loading Markdown source...'; if (typeof modal.showModal === 'function') { modal.showModal(); } else { modal.setAttribute('open', ''); } fetchMarkdown(slug, function (err, md) { if (codeEl) { codeEl.textContent = md || 'Failed to load Markdown source.'; if (window.hljs && typeof hljs.highlightElement === 'function') { hljs.highlightElement(codeEl); } // Remove any DocFX code-action / copy buttons that might have been injected var actions = modal.querySelectorAll('.code-action, .code-copy-btn, .action, a[title=\"Copy\"], button[title=\"Copy\"]'); actions.forEach(function (el) { el.remove(); }); } }); }); }); if (closeBtn) { closeBtn.addEventListener('click', function () { if (typeof modal.close === 'function') { modal.close(); } else { modal.removeAttribute('open'); } }); } // Light dismiss on backdrop click modal.addEventListener('click', function (e) { if (e.target === modal) { var rect = modal.getBoundingClientRect(); var isInDialog = ( rect.top <= e.clientY && e.clientY <= rect.top + rect.height && rect.left <= e.clientX && e.clientX <= rect.left + rect.width ); if (!isInDialog) { if (typeof modal.close === 'function') { modal.close(); } else { modal.removeAttribute('open'); } } } }); var modalPromptBtn = document.getElementById('markdown-modal-prompt-btn'); function formatPrompt(markdownText) { var postTitle = document.querySelector('h1.post-full-title') || document.querySelector('h1'); var titleStr = (postTitle ? postTitle.textContent.trim() : 'Kung Shee Fat Choy') || 'Article'; var appUrl = 'https://jochen.kirstaetter.name'.replace(/\\/+$/, ''); var canonicalLink = document.querySelector('link[rel=\"canonical\"]'); var pageUrl = canonicalLink ? (canonicalLink.getAttribute('href') || canonicalLink.href) : ''; if (!pageUrl) { pageUrl = appUrl + window.location.pathname; } if (pageUrl.startsWith('/')) { pageUrl = appUrl + pageUrl; } pageUrl = pageUrl.split('?')[0].split('#')[0]; try { var parsed = new URL(pageUrl, appUrl); if (parsed.hostname === 'localhost' || parsed.hostname === '127.0.0.1' || parsed.hostname.endsWith('.localhost')) { pageUrl = appUrl + parsed.pathname; } } catch (e) {} pageUrl = pageUrl.replace(/\\/index\\.html$/, '/').replace(/\\.html$/, ''); if (pageUrl.length > appUrl.length + 1 && pageUrl.endsWith('/')) { pageUrl = pageUrl.slice(0, -1); } return 'Analyse and use the following article as context:\\n\\n' + 'Title: ' + titleStr + '\\n' + 'URL: ' + pageUrl + '\\n\\n' + '---\\n\\n' + markdownText; } if (modalCopyBtn) { modalCopyBtn.addEventListener('click', function () { var text = codeEl ? (codeEl.innerText || codeEl.textContent) : ''; if (!text) return; navigator.clipboard.writeText(text).then(function () { var origHtml = modalCopyBtn.innerHTML; modalCopyBtn.classList.add('copied'); modalCopyBtn.innerHTML = ' Copied!'; setTimeout(function () { modalCopyBtn.classList.remove('copied'); modalCopyBtn.innerHTML = origHtml; }, 2000); }); }); } if (modalPromptBtn) { modalPromptBtn.addEventListener('click', function () { var text = codeEl ? (codeEl.innerText || codeEl.textContent) : ''; if (!text) return; var promptText = formatPrompt(text); navigator.clipboard.writeText(promptText).then(function () { var origHtml = modalPromptBtn.innerHTML; modalPromptBtn.classList.add('copied'); modalPromptBtn.innerHTML = ' Copied!'; setTimeout(function () { modalPromptBtn.classList.remove('copied'); modalPromptBtn.innerHTML = origHtml; }, 2000); }); }); } } })(); 2008-02-08 - Filed under General (function() { var el = document.currentScript ? document.currentScript.previousElementSibling.querySelector('.post-full-meta-date') : document.querySelector('.post-full-meta-date'); if (el) { var raw = el.getAttribute('datetime') || el.textContent.trim(); var m = raw.match(/^(\\d{4})-(\\d{1,2})-(\\d{1,2})/); if (m) { var months = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']; var y = parseInt(m[1], 10); var mo = parseInt(m[2], 10) - 1; var d = parseInt(m[3], 10); if (mo >= 0 && mo < 12) { el.textContent = months[mo] + ' ' + d + ', ' + y; } } } })(); Happy New Year in chinese language. Today is Chinese Spring Festivaland we are celebrating the start of a new chinese year. You may think'Why are you celebrating?' Well, the answer is straight forward. Mylovely girlfriend and future wife is half chinese. Any more questions? And together with all the family we are enjoying this public holiday inMauritius. The interesting difference here is that the date of 'NewYear' variies from year to year compared to the occidential knowledge,whereas Silvester is always on the 31st of December. But still thereare a lot of fireworks and fire crackers in the surroundings. It'sreally nice to see and hear those spectacles. So, to all of you living the asian way of live: Kung Shee Fat Choy Enjoy your life and stay well. PS: While writing these lines the next two(!) cyclones, namely Hondoand Ivan, are already on the satellite images and trajectory. Let's seewhat the next two days will offer. if (typeof window !== 'undefined' && window.location.hostname !== 'localhost' && window.location.hostname !== '127.0.0.1') { (window.adsbygoogle = window.adsbygoogle || []).push({}); } (function() { var loaded = false; function loadDisqusEmbed() { if (loaded) return; loaded = true; window.disqus_config = function () { this.page.url = 'kung-shee-fat-choy.html'; this.page.identifier = '9271ed1c97_idkung-shee-fat-choy'; }; var d = document, s = d.createElement('script'); s.src = 'https://getbloggedbyjoki.disqus.com/embed.js'; s.setAttribute('data-timestamp', +new Date()); (d.head || d.body).appendChild(s); } var target = document.getElementById('disqus_thread'); if ('IntersectionObserver' in window && target) { var observer = new IntersectionObserver(function(entries) { if (entries[0].isIntersecting) { loadDisqusEmbed(); observer.disconnect(); } }, { rootMargin: '300px' }); observer.observe(target); } else { window.addEventListener('load', function() { if ('requestIdleCallback' in window) { requestIdleCallback(loadDisqusEmbed, { timeout: 4000 }); } else { setTimeout(loadDisqusEmbed, 3000); } }); } })();" }, "launch-event-windows-10-and-visual-studio-2015.html": { "href": "launch-event-windows-10-and-visual-studio-2015.html", "title": "Launch Event: Windows 10 and Visual Studio 2015 - Get Blogged by JoKi", "summary": "Launch Event: Windows 10 and Visual Studio 2015 Copy Markdown View Markdown GitHub Markdown Source Launch Event: Windows 10 and Visual Studio 2015 Copy Markdown Copy as Prompt Download .MD GitHub Close Loading markdown source... (function () { var rawMarkdownCache = {}; function cleanFrontmatter(text) { if (!text) return ''; // Bulletproof removal of frontmatter: between initial --- and ending --- return text.replace(/^---[\\s\\S]*?\\n---\\s*\\n?/, '').trim() + '\\n'; } function fetchMarkdown(slug, callback) { if (rawMarkdownCache[slug]) { callback(null, rawMarkdownCache[slug]); return; } var rel = ''; var url = rel + 'raw/' + encodeURIComponent(slug) + '.md'; fetch(url) .then(function (res) { if (!res.ok) throw new Error('Markdown source not found: ' + res.status); return res.text(); }) .then(function (text) { var cleaned = cleanFrontmatter(text); rawMarkdownCache[slug] = cleaned; callback(null, cleaned); }) .catch(function (err) { // Fallback: extract plain text from post content var contentEl = document.querySelector('.post-full-content .post-content, .post-content, main .inner'); if (contentEl) { var fallbackMd = '# ' + (document.querySelector('h1') ? document.querySelector('h1').innerText : 'Post') + '\\n\\n' + (contentEl.innerText || contentEl.textContent); rawMarkdownCache[slug] = fallbackMd; callback(null, fallbackMd); } else { callback(err, null); } }); } // Attach Copy Markdown handler var copyButtons = document.querySelectorAll('.btn-copy-markdown, .floating-copy-markdown'); copyButtons.forEach(function (btn) { btn.addEventListener('click', function () { var slug = btn.getAttribute('data-uid') || btn.getAttribute('data-slug') || 'launch-event-windows-10-and-visual-studio-2015'; var originalHtml = btn.innerHTML; btn.disabled = true; fetchMarkdown(slug, function (err, md) { if (err || !md) { btn.disabled = false; alert('Could not copy Markdown source.'); return; } navigator.clipboard.writeText(md).then(function () { btn.classList.add('copied'); btn.innerHTML = ' Copied!'; setTimeout(function () { btn.classList.remove('copied'); btn.innerHTML = originalHtml; btn.disabled = false; }, 2000); }).catch(function () { btn.disabled = false; }); }); }); }); // Attach View Markdown modal var viewButtons = document.querySelectorAll('.btn-view-markdown'); var modal = document.getElementById('markdown-viewer-modal'); var codeEl = document.getElementById('markdown-viewer-code'); var closeBtn = modal ? modal.querySelector('.markdown-viewer-close') : null; var modalCopyBtn = document.getElementById('markdown-modal-copy-btn'); if (modal && viewButtons.length > 0) { viewButtons.forEach(function (btn) { btn.addEventListener('click', function () { var slug = btn.getAttribute('data-uid') || btn.getAttribute('data-slug') || 'launch-event-windows-10-and-visual-studio-2015'; if (codeEl) codeEl.textContent = 'Loading Markdown source...'; if (typeof modal.showModal === 'function') { modal.showModal(); } else { modal.setAttribute('open', ''); } fetchMarkdown(slug, function (err, md) { if (codeEl) { codeEl.textContent = md || 'Failed to load Markdown source.'; if (window.hljs && typeof hljs.highlightElement === 'function') { hljs.highlightElement(codeEl); } // Remove any DocFX code-action / copy buttons that might have been injected var actions = modal.querySelectorAll('.code-action, .code-copy-btn, .action, a[title=\"Copy\"], button[title=\"Copy\"]'); actions.forEach(function (el) { el.remove(); }); } }); }); }); if (closeBtn) { closeBtn.addEventListener('click', function () { if (typeof modal.close === 'function') { modal.close(); } else { modal.removeAttribute('open'); } }); } // Light dismiss on backdrop click modal.addEventListener('click', function (e) { if (e.target === modal) { var rect = modal.getBoundingClientRect(); var isInDialog = ( rect.top <= e.clientY && e.clientY <= rect.top + rect.height && rect.left <= e.clientX && e.clientX <= rect.left + rect.width ); if (!isInDialog) { if (typeof modal.close === 'function') { modal.close(); } else { modal.removeAttribute('open'); } } } }); var modalPromptBtn = document.getElementById('markdown-modal-prompt-btn'); function formatPrompt(markdownText) { var postTitle = document.querySelector('h1.post-full-title') || document.querySelector('h1'); var titleStr = (postTitle ? postTitle.textContent.trim() : 'Launch Event: Windows 10 and Visual Studio 2015') || 'Article'; var appUrl = 'https://jochen.kirstaetter.name'.replace(/\\/+$/, ''); var canonicalLink = document.querySelector('link[rel=\"canonical\"]'); var pageUrl = canonicalLink ? (canonicalLink.getAttribute('href') || canonicalLink.href) : ''; if (!pageUrl) { pageUrl = appUrl + window.location.pathname; } if (pageUrl.startsWith('/')) { pageUrl = appUrl + pageUrl; } pageUrl = pageUrl.split('?')[0].split('#')[0]; try { var parsed = new URL(pageUrl, appUrl); if (parsed.hostname === 'localhost' || parsed.hostname === '127.0.0.1' || parsed.hostname.endsWith('.localhost')) { pageUrl = appUrl + parsed.pathname; } } catch (e) {} pageUrl = pageUrl.replace(/\\/index\\.html$/, '/').replace(/\\.html$/, ''); if (pageUrl.length > appUrl.length + 1 && pageUrl.endsWith('/')) { pageUrl = pageUrl.slice(0, -1); } return 'Analyse and use the following article as context:\\n\\n' + 'Title: ' + titleStr + '\\n' + 'URL: ' + pageUrl + '\\n\\n' + '---\\n\\n' + markdownText; } if (modalCopyBtn) { modalCopyBtn.addEventListener('click', function () { var text = codeEl ? (codeEl.innerText || codeEl.textContent) : ''; if (!text) return; navigator.clipboard.writeText(text).then(function () { var origHtml = modalCopyBtn.innerHTML; modalCopyBtn.classList.add('copied'); modalCopyBtn.innerHTML = ' Copied!'; setTimeout(function () { modalCopyBtn.classList.remove('copied'); modalCopyBtn.innerHTML = origHtml; }, 2000); }); }); } if (modalPromptBtn) { modalPromptBtn.addEventListener('click', function () { var text = codeEl ? (codeEl.innerText || codeEl.textContent) : ''; if (!text) return; var promptText = formatPrompt(text); navigator.clipboard.writeText(promptText).then(function () { var origHtml = modalPromptBtn.innerHTML; modalPromptBtn.classList.add('copied'); modalPromptBtn.innerHTML = ' Copied!'; setTimeout(function () { modalPromptBtn.classList.remove('copied'); modalPromptBtn.innerHTML = origHtml; }, 2000); }); }); } } })(); 2015-08-06 - Filed under Community (function() { var el = document.currentScript ? document.currentScript.previousElementSibling.querySelector('.post-full-meta-date') : document.querySelector('.post-full-meta-date'); if (el) { var raw = el.getAttribute('datetime') || el.textContent.trim(); var m = raw.match(/^(\\d{4})-(\\d{1,2})-(\\d{1,2})/); if (m) { var months = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']; var y = parseInt(m[1], 10); var mo = parseInt(m[2], 10) - 1; var d = parseInt(m[3], 10); if (mo >= 0 && mo < 12) { el.textContent = months[mo] + ' ' + d + ', ' + y; } } } })(); The month July 2015 marked two more great milestones in the history of Microsoft. First, on the 20th of July Visual Studio 2015 has been released and second, just a couple of days later on the 29th of July was the global launch of Windows 10. Both latest incarnations of world-wide known and used products coming from Redmond. Back at the begin of June I already got in touch with our local Technical Evangelist asking whether there might be any plans regarding those two activities. And the following weeks I bumped my questions here and there in order to see what's going on here on \"Cyber Island\". Finally, on the 21st of July I got an official invitation to attend the Windows 10 Launch: Windows 10 official event invitation at Microsoft Indian Ocean Islands & French Pacific No question whether to attend or not... Windows 10, Visual Studio 2015 and... Visual Studio Code Yes, you read it correctly - Visual Studio Code, Microsoft's newly launched cross-platform text editor for quick and easy access to redefined code editing features. Surprisingly, Arnaud got in touch with me just some days prior to the event asking whether it would be suitable to actually do a presentation on Visual Studio Code - best running it on Linux, too. As I just wrote an article regarding an enhanced experience of using Code on Linux I agreed and all was set for the event to happen. T - 30 minutes... Even though it's officially after office hours and therefore after the usual rush hour in Port Louis, I didn't want to gamble on being late and left a bit earlier. Luckily, the short trip to the capital went smooth and it was quite fluid to drive, even in Port Louis itself. At approximately 18:00 hrs I finally arrived in front of Dias Pier Building at the Caudan Waterfront, and more or less bumped into fellow tweeter Cedric. Most interestingly it was the first time ever that we met \"offline\" but we recognised each other on the spot. Well, off to the Microsoft office then... Some of the Microsoft Student Partners (MSP) were already around and it seemed that another technical session on C# development was still in full swing. Great, lots of geeks and familiar faces around. Next, I spoke to Arnaud and we checked the schedule of sessions for the evening quickly. Cool, my session on Visual Studio Code is going to be the sugar icing on top of a promising evening - last one! As there was still plenty of time we went to check the available equipment for the presentation, and the fun started. As I'm using an older HP laptop running on Xubuntu 15.04 with a VGA output only but the projector didn't want to accept this input source we had to look for alternatives in order to give the audience some first hand experience with this awesome editor. Well, using an USB-HDMI converter based on DisplayLink wasn't properly recognised by the kernel and I didn't want to go through some of the pain I had with an external USB display, I suggested that I'm going to run the demo on a virtualised environment on my main machine. Luckily, I still had a freshly installed Xubuntu 14.04 as an image. Based on my own step-by-step guide and after transferring some source code folders I was ready for prime-time. Lots of professional networking and expert exchange during the Windows 10 event Networking before, during and after the presentations Honestly, it's always great to attend social events for software developers, eh craftsmen. Those unique opportunities to meet with other geeks in the field are undeniable and there should be more events like this throughout the year. Apart from getting introduced to new peeps and got quite a number of questions regarding the past and future Developers Conference. Surely, the event back in April was a great success and personally I'm very pleased with the outcome especially after a short preparation time of less than 4 months. Right now, there are already plans and small preparations in the pipe for 2016, more to come soon. Also, please read the blog articles from other fellows attending: Windows 10 and Visual Studio 2015 launch event in Mauritius Windows 10 & Visual Studio Launch Event at Microsoft Indian Ocean Islands Windows 10 Launch Party in Mauritius They wrote a bit more about the details of the sessions of the evening. I'm going to spare you with that one... \uD83D\uDE09 Talking about Visual Studio Code Well, it was more or less just a cameo session of roughly 20 minutes. Actually, I went quickly through the steps of acquiring Code from the official website, gave some details about the nature of the application. Code itself is written in TypeScript using web-based technologies which are then hosted in the cross-platform compatible Electron shell which runs on Windows, Mac OS X and Linux operating systems. Next, there were the steps from my guide, and after showing the shortcut entry in the main application menu it was time to fire up Code itself. Showing source code of an AngularJS web app with controller and partial view next to each other in Visual Studio Code Thanks to the high quality even at this early stage of Code there were no surprises and I showed some features, like the usual syntax highlighting capabilities of a variety of programming languages, the builtin image and icon display, as well as the neat integration of git client. Using the AngularJS source code and the partial views in HTML of the website of the developers conference I also demo'd the split view feature of Code. Which is actually pretty handy to have controller and view source code next to each other while developing your web sites or web applications. And last but not least, I switched virtual desktop and showed the last two, three features in Visual Studio Code on Windows, too. Just to demonstrate that the UI and user experience is identical between operating systems. Code is surely a great tool for mixed teams of software and web developers. Eventually, you might also have a look at the options to customise your key bindings - just to make it more comfortable to your personal taste. Thanks After the launch event of Windows 8 back in October 2012 where I met Arnaud Meslier first time there had been some great development in terms of ICT here in Mauritius. Apart from the activities of the Linux User Group of Mauritius (LUGM) and the Mauritius Software Craftsmanship Community (MSCC) there are more and more opportunities for like-minded people to meet and exchange offline. Apart from the introduction of great products and tools this evening, it was a pleasure for me to have a wide range of chats with other geeks. Thanks, and the next event is hopefully staged already... \uD83D\uDE09 if (typeof window !== 'undefined' && window.location.hostname !== 'localhost' && window.location.hostname !== '127.0.0.1') { (window.adsbygoogle = window.adsbygoogle || []).push({}); } (function() { var loaded = false; function loadDisqusEmbed() { if (loaded) return; loaded = true; window.disqus_config = function () { this.page.url = 'launch-event-windows-10-and-visual-studio-2015.html'; this.page.identifier = '9271ed1c97_idlaunch-event-windows-10-and-visual-studio-2015'; }; var d = document, s = d.createElement('script'); s.src = 'https://getbloggedbyjoki.disqus.com/embed.js'; s.setAttribute('data-timestamp', +new Date()); (d.head || d.body).appendChild(s); } var target = document.getElementById('disqus_thread'); if ('IntersectionObserver' in window && target) { var observer = new IntersectionObserver(function(entries) { if (entries[0].isIntersecting) { loadDisqusEmbed(); observer.disconnect(); } }, { rootMargin: '300px' }); observer.observe(target); } else { window.addEventListener('load', function() { if ('requestIdleCallback' in window) { requestIdleCallback(loadDisqusEmbed, { timeout: 4000 }); } else { setTimeout(loadDisqusEmbed, 3000); } }); } })();" }, "learn-to-code-in-swift.html": { "href": "learn-to-code-in-swift.html", "title": "Learn to Code in Swift: The new language of iOS Apps by Kevin McNeish - Get Blogged by JoKi", "summary": "Learn to Code in Swift: The new language of iOS Apps by Kevin McNeish Copy Markdown View Markdown GitHub Markdown Source Learn to Code in Swift: The new language of iOS Apps by Kevin McNeish Copy Markdown Copy as Prompt Download .MD GitHub Close Loading markdown source... (function () { var rawMarkdownCache = {}; function cleanFrontmatter(text) { if (!text) return ''; // Bulletproof removal of frontmatter: between initial --- and ending --- return text.replace(/^---[\\s\\S]*?\\n---\\s*\\n?/, '').trim() + '\\n'; } function fetchMarkdown(slug, callback) { if (rawMarkdownCache[slug]) { callback(null, rawMarkdownCache[slug]); return; } var rel = ''; var url = rel + 'raw/' + encodeURIComponent(slug) + '.md'; fetch(url) .then(function (res) { if (!res.ok) throw new Error('Markdown source not found: ' + res.status); return res.text(); }) .then(function (text) { var cleaned = cleanFrontmatter(text); rawMarkdownCache[slug] = cleaned; callback(null, cleaned); }) .catch(function (err) { // Fallback: extract plain text from post content var contentEl = document.querySelector('.post-full-content .post-content, .post-content, main .inner'); if (contentEl) { var fallbackMd = '# ' + (document.querySelector('h1') ? document.querySelector('h1').innerText : 'Post') + '\\n\\n' + (contentEl.innerText || contentEl.textContent); rawMarkdownCache[slug] = fallbackMd; callback(null, fallbackMd); } else { callback(err, null); } }); } // Attach Copy Markdown handler var copyButtons = document.querySelectorAll('.btn-copy-markdown, .floating-copy-markdown'); copyButtons.forEach(function (btn) { btn.addEventListener('click', function () { var slug = btn.getAttribute('data-uid') || btn.getAttribute('data-slug') || 'learn-to-code-in-swift'; var originalHtml = btn.innerHTML; btn.disabled = true; fetchMarkdown(slug, function (err, md) { if (err || !md) { btn.disabled = false; alert('Could not copy Markdown source.'); return; } navigator.clipboard.writeText(md).then(function () { btn.classList.add('copied'); btn.innerHTML = ' Copied!'; setTimeout(function () { btn.classList.remove('copied'); btn.innerHTML = originalHtml; btn.disabled = false; }, 2000); }).catch(function () { btn.disabled = false; }); }); }); }); // Attach View Markdown modal var viewButtons = document.querySelectorAll('.btn-view-markdown'); var modal = document.getElementById('markdown-viewer-modal'); var codeEl = document.getElementById('markdown-viewer-code'); var closeBtn = modal ? modal.querySelector('.markdown-viewer-close') : null; var modalCopyBtn = document.getElementById('markdown-modal-copy-btn'); if (modal && viewButtons.length > 0) { viewButtons.forEach(function (btn) { btn.addEventListener('click', function () { var slug = btn.getAttribute('data-uid') || btn.getAttribute('data-slug') || 'learn-to-code-in-swift'; if (codeEl) codeEl.textContent = 'Loading Markdown source...'; if (typeof modal.showModal === 'function') { modal.showModal(); } else { modal.setAttribute('open', ''); } fetchMarkdown(slug, function (err, md) { if (codeEl) { codeEl.textContent = md || 'Failed to load Markdown source.'; if (window.hljs && typeof hljs.highlightElement === 'function') { hljs.highlightElement(codeEl); } // Remove any DocFX code-action / copy buttons that might have been injected var actions = modal.querySelectorAll('.code-action, .code-copy-btn, .action, a[title=\"Copy\"], button[title=\"Copy\"]'); actions.forEach(function (el) { el.remove(); }); } }); }); }); if (closeBtn) { closeBtn.addEventListener('click', function () { if (typeof modal.close === 'function') { modal.close(); } else { modal.removeAttribute('open'); } }); } // Light dismiss on backdrop click modal.addEventListener('click', function (e) { if (e.target === modal) { var rect = modal.getBoundingClientRect(); var isInDialog = ( rect.top <= e.clientY && e.clientY <= rect.top + rect.height && rect.left <= e.clientX && e.clientX <= rect.left + rect.width ); if (!isInDialog) { if (typeof modal.close === 'function') { modal.close(); } else { modal.removeAttribute('open'); } } } }); var modalPromptBtn = document.getElementById('markdown-modal-prompt-btn'); function formatPrompt(markdownText) { var postTitle = document.querySelector('h1.post-full-title') || document.querySelector('h1'); var titleStr = (postTitle ? postTitle.textContent.trim() : 'Learn to Code in Swift: The new language of iOS Apps by Kevin McNeish') || 'Article'; var appUrl = 'https://jochen.kirstaetter.name'.replace(/\\/+$/, ''); var canonicalLink = document.querySelector('link[rel=\"canonical\"]'); var pageUrl = canonicalLink ? (canonicalLink.getAttribute('href') || canonicalLink.href) : ''; if (!pageUrl) { pageUrl = appUrl + window.location.pathname; } if (pageUrl.startsWith('/')) { pageUrl = appUrl + pageUrl; } pageUrl = pageUrl.split('?')[0].split('#')[0]; try { var parsed = new URL(pageUrl, appUrl); if (parsed.hostname === 'localhost' || parsed.hostname === '127.0.0.1' || parsed.hostname.endsWith('.localhost')) { pageUrl = appUrl + parsed.pathname; } } catch (e) {} pageUrl = pageUrl.replace(/\\/index\\.html$/, '/').replace(/\\.html$/, ''); if (pageUrl.length > appUrl.length + 1 && pageUrl.endsWith('/')) { pageUrl = pageUrl.slice(0, -1); } return 'Analyse and use the following article as context:\\n\\n' + 'Title: ' + titleStr + '\\n' + 'URL: ' + pageUrl + '\\n\\n' + '---\\n\\n' + markdownText; } if (modalCopyBtn) { modalCopyBtn.addEventListener('click', function () { var text = codeEl ? (codeEl.innerText || codeEl.textContent) : ''; if (!text) return; navigator.clipboard.writeText(text).then(function () { var origHtml = modalCopyBtn.innerHTML; modalCopyBtn.classList.add('copied'); modalCopyBtn.innerHTML = ' Copied!'; setTimeout(function () { modalCopyBtn.classList.remove('copied'); modalCopyBtn.innerHTML = origHtml; }, 2000); }); }); } if (modalPromptBtn) { modalPromptBtn.addEventListener('click', function () { var text = codeEl ? (codeEl.innerText || codeEl.textContent) : ''; if (!text) return; var promptText = formatPrompt(text); navigator.clipboard.writeText(promptText).then(function () { var origHtml = modalPromptBtn.innerHTML; modalPromptBtn.classList.add('copied'); modalPromptBtn.innerHTML = ' Copied!'; setTimeout(function () { modalPromptBtn.classList.remove('copied'); modalPromptBtn.innerHTML = origHtml; }, 2000); }); }); } } })(); 2016-02-28 - Filed under Recension (function() { var el = document.currentScript ? document.currentScript.previousElementSibling.querySelector('.post-full-meta-date') : document.querySelector('.post-full-meta-date'); if (el) { var raw = el.getAttribute('datetime') || el.textContent.trim(); var m = raw.match(/^(\\d{4})-(\\d{1,2})-(\\d{1,2})/); if (m) { var months = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']; var y = parseInt(m[1], 10); var mo = parseInt(m[2], 10) - 1; var d = parseInt(m[3], 10); if (mo >= 0 && mo < 12) { el.textContent = months[mo] + ' ' + d + ', ' + y; } } } })(); As a subscriber of a mailing list curated by Kevin McNeish I received his call to action around begin of December last year, Call for action: Review Kevin's book \"Learn to Code in Swift\" and following his request I sent him an email that I'd be interested to read and review his title. Luckily, I was among the first 20 to respond and after some quick exchange of emails I had his book title \"Learn to Code in Swift: The new language of iOS Apps\" on my Kindle device. Today, I left the following review on Amazon: Solid content delivery of the concepts of Swift - Easy to understand Frankly, I know Kevin since more than a decade, attended one of his five-days workshop, and he simply keeps on delivering solid, high quality content that is logically structured, easy to read and to understand. Despite being a seasoned software developer in other programming languages I was very pleased when Apple introduced their completely renewed and well-designed programming language Swift. And although I'm more focused on using C# on Xamarin to develop smartphone and mobile application I always like to keep an eye on other technologies. As Swift is surely one of them I thought to give Kevin's book a shot... And he has delivered as expected. Only by looking at the table of content I knew that this is going to be a fun read. The book is actually structured like a set of full-day classes or better said a training workshop for beginners in Swift. It starts with the basic elements of Swift, then covers code workflow and finishes of with more advanced topics like closures and error handling. Throughout the chapters there are some samples which have some hidden gems (for those knowing Kevin, his family and friends more closely). Those samples put a smile on my face and gave me a couple of chuckles, like in chapter 10 when Kevin explains the handling of arrays in Swift using \"well-known\" names as array elements. Unfortunately, I'm giving a 4 stars rating only for two reasons: The amount of either typographic, grammar or contextual errors. The book version I had at the time reading had at least an error in every chapter. Some of them are quite obvious just by reading through the chapters, others are a bit trickier, ie. explanations in text don't match the illustrations or diagrams. Surely, the quality in this area could be better with a little bit of editorial activities. Formatting issues and display of images or videos. Actually, I read the book using three different devices - a classic Kindle, an iPad mini using the Kindle app, and the web edition of the Kindle app. First, on the classic e-ink-based Kindle some of the images either didn't load at all or the display was too blurry or too dark to enjoy the visual appearance. Same applies to videos which wouldn't even play (but this could be due to my low-bandwidth internet connection). Second, after finishing 'Chapter 22: Generics in the Real World' you'll get the Amazon book rating screen despite two more chapters and appendices to read. Luckily, these issues are easy to fix, and I hope that Kevin is going to provide an update soon. I'd like to close my book review with a paragraph from the 'About the author' chapter which sums it up beautifully: \"I learned that writing software is a very creative process. In just a matter of hours, I could conceive an idea, create a software design and have it up and running on a computer.\" This book on learning how to write software in Swift is highly recommended. Eventually, you might be interested to give it a shot right here and check out the free book preview of Learn to Code in Swift by Kevin McNeish. Even though I develop mainly in C# and using Xamarin to develop iOS apps I have to admit that reading Kevin's book was very informative and helped me to get a better insight intormation to iOS application development in general. if (typeof window !== 'undefined' && window.location.hostname !== 'localhost' && window.location.hostname !== '127.0.0.1') { (window.adsbygoogle = window.adsbygoogle || []).push({}); } (function() { var loaded = false; function loadDisqusEmbed() { if (loaded) return; loaded = true; window.disqus_config = function () { this.page.url = 'learn-to-code-in-swift.html'; this.page.identifier = '9271ed1c97_idlearn-to-code-in-swift'; }; var d = document, s = d.createElement('script'); s.src = 'https://getbloggedbyjoki.disqus.com/embed.js'; s.setAttribute('data-timestamp', +new Date()); (d.head || d.body).appendChild(s); } var target = document.getElementById('disqus_thread'); if ('IntersectionObserver' in window && target) { var observer = new IntersectionObserver(function(entries) { if (entries[0].isIntersecting) { loadDisqusEmbed(); observer.disconnect(); } }, { rootMargin: '300px' }); observer.observe(target); } else { window.addEventListener('load', function() { if ('requestIdleCallback' in window) { requestIdleCallback(loadDisqusEmbed, { timeout: 4000 }); } else { setTimeout(loadDisqusEmbed, 3000); } }); } })();" }, "learning-content-for-mcsds-web-applications-and-windows-store-apps-using-html5.html": { "href": "learning-content-for-mcsds-web-applications-and-windows-store-apps-using-html5.html", "title": "Learning content for MCSDs: Web Applications and Windows Store Apps using HTML5 - Get Blogged by JoKi", "summary": "Learning content for MCSDs: Web Applications and Windows Store Apps using HTML5 Copy Markdown View Markdown GitHub Markdown Source Learning content for MCSDs: Web Applications and Windows Store Apps using HTML5 Copy Markdown Copy as Prompt Download .MD GitHub Close Loading markdown source... (function () { var rawMarkdownCache = {}; function cleanFrontmatter(text) { if (!text) return ''; // Bulletproof removal of frontmatter: between initial --- and ending --- return text.replace(/^---[\\s\\S]*?\\n---\\s*\\n?/, '').trim() + '\\n'; } function fetchMarkdown(slug, callback) { if (rawMarkdownCache[slug]) { callback(null, rawMarkdownCache[slug]); return; } var rel = ''; var url = rel + 'raw/' + encodeURIComponent(slug) + '.md'; fetch(url) .then(function (res) { if (!res.ok) throw new Error('Markdown source not found: ' + res.status); return res.text(); }) .then(function (text) { var cleaned = cleanFrontmatter(text); rawMarkdownCache[slug] = cleaned; callback(null, cleaned); }) .catch(function (err) { // Fallback: extract plain text from post content var contentEl = document.querySelector('.post-full-content .post-content, .post-content, main .inner'); if (contentEl) { var fallbackMd = '# ' + (document.querySelector('h1') ? document.querySelector('h1').innerText : 'Post') + '\\n\\n' + (contentEl.innerText || contentEl.textContent); rawMarkdownCache[slug] = fallbackMd; callback(null, fallbackMd); } else { callback(err, null); } }); } // Attach Copy Markdown handler var copyButtons = document.querySelectorAll('.btn-copy-markdown, .floating-copy-markdown'); copyButtons.forEach(function (btn) { btn.addEventListener('click', function () { var slug = btn.getAttribute('data-uid') || btn.getAttribute('data-slug') || 'learning-content-for-mcsds-web-applications-and-windows-store-apps-using-html5'; var originalHtml = btn.innerHTML; btn.disabled = true; fetchMarkdown(slug, function (err, md) { if (err || !md) { btn.disabled = false; alert('Could not copy Markdown source.'); return; } navigator.clipboard.writeText(md).then(function () { btn.classList.add('copied'); btn.innerHTML = ' Copied!'; setTimeout(function () { btn.classList.remove('copied'); btn.innerHTML = originalHtml; btn.disabled = false; }, 2000); }).catch(function () { btn.disabled = false; }); }); }); }); // Attach View Markdown modal var viewButtons = document.querySelectorAll('.btn-view-markdown'); var modal = document.getElementById('markdown-viewer-modal'); var codeEl = document.getElementById('markdown-viewer-code'); var closeBtn = modal ? modal.querySelector('.markdown-viewer-close') : null; var modalCopyBtn = document.getElementById('markdown-modal-copy-btn'); if (modal && viewButtons.length > 0) { viewButtons.forEach(function (btn) { btn.addEventListener('click', function () { var slug = btn.getAttribute('data-uid') || btn.getAttribute('data-slug') || 'learning-content-for-mcsds-web-applications-and-windows-store-apps-using-html5'; if (codeEl) codeEl.textContent = 'Loading Markdown source...'; if (typeof modal.showModal === 'function') { modal.showModal(); } else { modal.setAttribute('open', ''); } fetchMarkdown(slug, function (err, md) { if (codeEl) { codeEl.textContent = md || 'Failed to load Markdown source.'; if (window.hljs && typeof hljs.highlightElement === 'function') { hljs.highlightElement(codeEl); } // Remove any DocFX code-action / copy buttons that might have been injected var actions = modal.querySelectorAll('.code-action, .code-copy-btn, .action, a[title=\"Copy\"], button[title=\"Copy\"]'); actions.forEach(function (el) { el.remove(); }); } }); }); }); if (closeBtn) { closeBtn.addEventListener('click', function () { if (typeof modal.close === 'function') { modal.close(); } else { modal.removeAttribute('open'); } }); } // Light dismiss on backdrop click modal.addEventListener('click', function (e) { if (e.target === modal) { var rect = modal.getBoundingClientRect(); var isInDialog = ( rect.top <= e.clientY && e.clientY <= rect.top + rect.height && rect.left <= e.clientX && e.clientX <= rect.left + rect.width ); if (!isInDialog) { if (typeof modal.close === 'function') { modal.close(); } else { modal.removeAttribute('open'); } } } }); var modalPromptBtn = document.getElementById('markdown-modal-prompt-btn'); function formatPrompt(markdownText) { var postTitle = document.querySelector('h1.post-full-title') || document.querySelector('h1'); var titleStr = (postTitle ? postTitle.textContent.trim() : 'Learning content for MCSDs: Web Applications and Windows Store Apps using HTML5') || 'Article'; var appUrl = 'https://jochen.kirstaetter.name'.replace(/\\/+$/, ''); var canonicalLink = document.querySelector('link[rel=\"canonical\"]'); var pageUrl = canonicalLink ? (canonicalLink.getAttribute('href') || canonicalLink.href) : ''; if (!pageUrl) { pageUrl = appUrl + window.location.pathname; } if (pageUrl.startsWith('/')) { pageUrl = appUrl + pageUrl; } pageUrl = pageUrl.split('?')[0].split('#')[0]; try { var parsed = new URL(pageUrl, appUrl); if (parsed.hostname === 'localhost' || parsed.hostname === '127.0.0.1' || parsed.hostname.endsWith('.localhost')) { pageUrl = appUrl + parsed.pathname; } } catch (e) {} pageUrl = pageUrl.replace(/\\/index\\.html$/, '/').replace(/\\.html$/, ''); if (pageUrl.length > appUrl.length + 1 && pageUrl.endsWith('/')) { pageUrl = pageUrl.slice(0, -1); } return 'Analyse and use the following article as context:\\n\\n' + 'Title: ' + titleStr + '\\n' + 'URL: ' + pageUrl + '\\n\\n' + '---\\n\\n' + markdownText; } if (modalCopyBtn) { modalCopyBtn.addEventListener('click', function () { var text = codeEl ? (codeEl.innerText || codeEl.textContent) : ''; if (!text) return; navigator.clipboard.writeText(text).then(function () { var origHtml = modalCopyBtn.innerHTML; modalCopyBtn.classList.add('copied'); modalCopyBtn.innerHTML = ' Copied!'; setTimeout(function () { modalCopyBtn.classList.remove('copied'); modalCopyBtn.innerHTML = origHtml; }, 2000); }); }); } if (modalPromptBtn) { modalPromptBtn.addEventListener('click', function () { var text = codeEl ? (codeEl.innerText || codeEl.textContent) : ''; if (!text) return; var promptText = formatPrompt(text); navigator.clipboard.writeText(promptText).then(function () { var origHtml = modalPromptBtn.innerHTML; modalPromptBtn.classList.add('copied'); modalPromptBtn.innerHTML = ' Copied!'; setTimeout(function () { modalPromptBtn.classList.remove('copied'); modalPromptBtn.innerHTML = origHtml; }, 2000); }); }); } } })(); 2012-11-16 - Filed under Development (function() { var el = document.currentScript ? document.currentScript.previousElementSibling.querySelector('.post-full-meta-date') : document.querySelector('.post-full-meta-date'); if (el) { var raw = el.getAttribute('datetime') || el.textContent.trim(); var m = raw.match(/^(\\d{4})-(\\d{1,2})-(\\d{1,2})/); if (m) { var months = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']; var y = parseInt(m[1], 10); var mo = parseInt(m[2], 10) - 1; var d = parseInt(m[3], 10); if (mo >= 0 && mo < 12) { el.textContent = months[mo] + ' ' + d + ', ' + y; } } } })(); Recently, I started again to learn for various Microsoft certifications. First candidate on my way to MSCD: Web Applications is the Exam 70-480: Programming in HTML5 with JavaScript and CSS3. Motivation to go for a Microsoft exam I guess, this is quite personal but let me briefly describe my intentions to go that exam. First, I'm doing web development since the 1990's. Working with HTML, CSS and Javascript is happening almost daily in my workspace. And honestly, I do not only do 'pure' web development but already integrated several HTML/CSS/Javascript frontend UIs into an existing desktop application (written in Visual FoxPro) inclusive two-way communication and data exchange. Hm, might be an interesting topic for another blog article here... Second, this exam has a very interesting aspect which is listed at the bottom of the exam's details: Credit Toward Certification When you pass Exam 70-480: Programming in HTML5 with JavaScript and CSS3, you complete the requirements for the following certification(s): Programming in HTML5 with JavaScript and CSS3 Specialist Exam 70-480: Programming in HTML5 with JavaScript and CSS3: counts as credit toward the following certification(s): MCSD: Web ApplicationsMCSD: Windows Store Apps using HTML5 So, passing one single exam will earn you specialist certification straight-forward, and opens the path to higher levels of certifications. Preparations and learning path Well, due to a newsletter from Microsoft Learning (MSL) I caught interest in picking up the circumstances and learning materials for this particular exam. As of writing this article there is a promotional / voucher code available which enables you to register for this exam for free! Simply register yourself with or log into your existing account at Prometric, choose the exam for a testing facility near to you and enter the voucher code HTMLJMP (available through 31.03.2013 or while supplies last). Hurry up, there are restrictions... As stated above, I'm already very familiar with web development and the programming flavours involved into this. But of course, it is always good to freshen up your knowledge and reflect on yourself. Microsoft is putting a lot of effort to attract any kind of developers into the 'App Development'. Whether it is for the Windows 8 Store or the Windows Phone 8 Store, doesn't really matter. They simply need more apps. This demand for skilled developers also comes with a nice side-effect: Lots and lots of material to study. During the first couple of hours, I could easily gather high quality preparation material - again for free! Following is just a small list of starting points. If you have more resources, please drop me a message in the comment section, and I'll be glad to update this article accordingly. Developing HTML5 Apps Jump Start This is an accelerated jump start video course on development of HTML5 Apps for Windows 8. There are six modules that are split into two video sessions per module. Very informative and intense course material. This is packed stuff taken from an official preparation course for exam 70-480. Developing Windows Store Apps with HTML5 Jump Start Again, an accelerated preparation video course on Windows 8 Apps. There are six modules with two video sessions each which will catapult you to your exam. This is also related to preps for exam 70-481. Programming Windows 8 Apps with HTML, CSS, and JavaScript Kraig Brockschmidt delves into the ups and downs of Windows 8 App development over 800+ pages. Great eBook to read, study, and to practice the samples - best of all, it's for free. Read my review on this title. codeSHOW() This is a Windows 8 HTML/JS project with the express goal of demonstrating simple development concepts for the Windows 8 platform. Code, code and more code... absolutely great stuff to study and practice. Microsoft Virtual Academy I already wrote about the MVA in a previous article. Well, if you haven't registered yourself yet, now is the time. The list is not complete for sure, but this might keep you busy for at least one or even two weeks to go through the material. Please don't hesitate to add more resources in the comment section. Right now, I'm already through all videos once, and digging my way through chapter 4 of Kraig's book. Additional material - Pluralsight Apart from those free online resources, I also following some courses from the excellent library of Pluralsight. They already have their own section for Windows 8 development, but of course, you get companion material about HTML5, CSS and Javascript in other sections, too. Introduction to Building Windows 8 Applications Building Windows 8 Applications with JavaScript and HTML Selling Windows 8 Apps HTML5 Fundamentals Using HTML5 and CSS3 HTML5 Advanced Topics CSS3 etc... Interesting to see that Michael Palermo provides his course material on multiple platforms. Fantastic! You might also pay a visit to his personal blog. Hm, it just came to my mind that Aaron Skonnard of Pluralsight publishes so-called '24 hours Learning Paths' based on courses available in the course library. Would be interested to see a combination for Windows 8 App development using HTML5, CSS3 and Javascript in the future. Recommended workspace environment Well, you might have guessed it but this requires Windows 8, Visual Studio 2012 Express or another flavour, and a valid Developers License. Due to an MSDN subscription I working on VS 2012 Premium with some additional tools by Telerik. Honestly, the fastest way to get you up and running for Windows 8 App development is the source code archive of codeSHOW(). It does not only give you all source code in general but contains a couple of SDKs like Bing Maps, Microsoft Advertising, Live ID, and Telerik Windows 8 controls... for free! Hint: Get the Windows Phone 8 SDK as well. Don't worry, while you are studying the material for Windows 8 you will be able to leverage from this knowledge to development for the phone platform, too. It takes roughly one to two hours to get your workspace and learning environment, at least this was my time frame due to slow internet connection and an aged spare machine. \uD83D\uDE09 Oh, before I forget to mention it, as soon as you're done, go quickly to the Windows Store and search for ClassBrowserPlus. You might not need it ad hoc for your development using HTML5, CSS and Javascript but I think that it is a great developer's utility that enables you to view the properties, methods and events (along with help text) for all Windows 8 classes. It's always good to look behind the scenes and to explore how it is made. Idea: Start/join a learning group The way you learn new things or intensify your knowledge in a certain technology is completely up to your personal preference. Back in my days at the university, we used to meet once or twice a week in a small quiet room to exchange our progress, questions and problems we ran into. In general, I recommend to any software craftsman to lift your butt and get out to exchange with other developers. Personally, I like this approach, as it gives you new points of view and an insight into others' own experience with certain techniques and how they managed to solve tricky issues. Just keep it relaxed and not too formal after all, and you might a have a good time away from your dull office desk. Give your machine a break, too. Updates First, I passed exam 70-480 successfully. Second, there is more content for your preparation. Thanks to Michael Palermo's blog article I stumbled upon these great instructions by Matthew Hughes (hint: start at the bottom) to get yourself prepared for exam 70-480. if (typeof window !== 'undefined' && window.location.hostname !== 'localhost' && window.location.hostname !== '127.0.0.1') { (window.adsbygoogle = window.adsbygoogle || []).push({}); } (function() { var loaded = false; function loadDisqusEmbed() { if (loaded) return; loaded = true; window.disqus_config = function () { this.page.url = 'learning-content-for-mcsds-web-applications-and-windows-store-apps-using-html5.html'; this.page.identifier = '9271ed1c97_idlearning-content-for-mcsds-web-applications-and-windows-store-apps-using-html5'; }; var d = document, s = d.createElement('script'); s.src = 'https://getbloggedbyjoki.disqus.com/embed.js'; s.setAttribute('data-timestamp', +new Date()); (d.head || d.body).appendChild(s); } var target = document.getElementById('disqus_thread'); if ('IntersectionObserver' in window && target) { var observer = new IntersectionObserver(function(entries) { if (entries[0].isIntersecting) { loadDisqusEmbed(); observer.disconnect(); } }, { rootMargin: '300px' }); observer.observe(target); } else { window.addEventListener('load', function() { if ('requestIdleCallback' in window) { requestIdleCallback(loadDisqusEmbed, { timeout: 4000 }); } else { setTimeout(loadDisqusEmbed, 3000); } }); } })();" }, "learning-from-jquery.html": { "href": "learning-from-jquery.html", "title": "Learning from jQuery - Solid fundament for experienced jQuery developers - Get Blogged by JoKi", "summary": "Learning from jQuery - Solid fundament for experienced jQuery developers Copy Markdown View Markdown GitHub Markdown Source Learning from jQuery - Solid fundament for experienced jQuery developers Copy Markdown Copy as Prompt Download .MD GitHub Close Loading markdown source... (function () { var rawMarkdownCache = {}; function cleanFrontmatter(text) { if (!text) return ''; // Bulletproof removal of frontmatter: between initial --- and ending --- return text.replace(/^---[\\s\\S]*?\\n---\\s*\\n?/, '').trim() + '\\n'; } function fetchMarkdown(slug, callback) { if (rawMarkdownCache[slug]) { callback(null, rawMarkdownCache[slug]); return; } var rel = ''; var url = rel + 'raw/' + encodeURIComponent(slug) + '.md'; fetch(url) .then(function (res) { if (!res.ok) throw new Error('Markdown source not found: ' + res.status); return res.text(); }) .then(function (text) { var cleaned = cleanFrontmatter(text); rawMarkdownCache[slug] = cleaned; callback(null, cleaned); }) .catch(function (err) { // Fallback: extract plain text from post content var contentEl = document.querySelector('.post-full-content .post-content, .post-content, main .inner'); if (contentEl) { var fallbackMd = '# ' + (document.querySelector('h1') ? document.querySelector('h1').innerText : 'Post') + '\\n\\n' + (contentEl.innerText || contentEl.textContent); rawMarkdownCache[slug] = fallbackMd; callback(null, fallbackMd); } else { callback(err, null); } }); } // Attach Copy Markdown handler var copyButtons = document.querySelectorAll('.btn-copy-markdown, .floating-copy-markdown'); copyButtons.forEach(function (btn) { btn.addEventListener('click', function () { var slug = btn.getAttribute('data-uid') || btn.getAttribute('data-slug') || 'learning-from-jquery'; var originalHtml = btn.innerHTML; btn.disabled = true; fetchMarkdown(slug, function (err, md) { if (err || !md) { btn.disabled = false; alert('Could not copy Markdown source.'); return; } navigator.clipboard.writeText(md).then(function () { btn.classList.add('copied'); btn.innerHTML = ' Copied!'; setTimeout(function () { btn.classList.remove('copied'); btn.innerHTML = originalHtml; btn.disabled = false; }, 2000); }).catch(function () { btn.disabled = false; }); }); }); }); // Attach View Markdown modal var viewButtons = document.querySelectorAll('.btn-view-markdown'); var modal = document.getElementById('markdown-viewer-modal'); var codeEl = document.getElementById('markdown-viewer-code'); var closeBtn = modal ? modal.querySelector('.markdown-viewer-close') : null; var modalCopyBtn = document.getElementById('markdown-modal-copy-btn'); if (modal && viewButtons.length > 0) { viewButtons.forEach(function (btn) { btn.addEventListener('click', function () { var slug = btn.getAttribute('data-uid') || btn.getAttribute('data-slug') || 'learning-from-jquery'; if (codeEl) codeEl.textContent = 'Loading Markdown source...'; if (typeof modal.showModal === 'function') { modal.showModal(); } else { modal.setAttribute('open', ''); } fetchMarkdown(slug, function (err, md) { if (codeEl) { codeEl.textContent = md || 'Failed to load Markdown source.'; if (window.hljs && typeof hljs.highlightElement === 'function') { hljs.highlightElement(codeEl); } // Remove any DocFX code-action / copy buttons that might have been injected var actions = modal.querySelectorAll('.code-action, .code-copy-btn, .action, a[title=\"Copy\"], button[title=\"Copy\"]'); actions.forEach(function (el) { el.remove(); }); } }); }); }); if (closeBtn) { closeBtn.addEventListener('click', function () { if (typeof modal.close === 'function') { modal.close(); } else { modal.removeAttribute('open'); } }); } // Light dismiss on backdrop click modal.addEventListener('click', function (e) { if (e.target === modal) { var rect = modal.getBoundingClientRect(); var isInDialog = ( rect.top <= e.clientY && e.clientY <= rect.top + rect.height && rect.left <= e.clientX && e.clientX <= rect.left + rect.width ); if (!isInDialog) { if (typeof modal.close === 'function') { modal.close(); } else { modal.removeAttribute('open'); } } } }); var modalPromptBtn = document.getElementById('markdown-modal-prompt-btn'); function formatPrompt(markdownText) { var postTitle = document.querySelector('h1.post-full-title') || document.querySelector('h1'); var titleStr = (postTitle ? postTitle.textContent.trim() : 'Learning from jQuery - Solid fundament for experienced jQuery developers') || 'Article'; var appUrl = 'https://jochen.kirstaetter.name'.replace(/\\/+$/, ''); var canonicalLink = document.querySelector('link[rel=\"canonical\"]'); var pageUrl = canonicalLink ? (canonicalLink.getAttribute('href') || canonicalLink.href) : ''; if (!pageUrl) { pageUrl = appUrl + window.location.pathname; } if (pageUrl.startsWith('/')) { pageUrl = appUrl + pageUrl; } pageUrl = pageUrl.split('?')[0].split('#')[0]; try { var parsed = new URL(pageUrl, appUrl); if (parsed.hostname === 'localhost' || parsed.hostname === '127.0.0.1' || parsed.hostname.endsWith('.localhost')) { pageUrl = appUrl + parsed.pathname; } } catch (e) {} pageUrl = pageUrl.replace(/\\/index\\.html$/, '/').replace(/\\.html$/, ''); if (pageUrl.length > appUrl.length + 1 && pageUrl.endsWith('/')) { pageUrl = pageUrl.slice(0, -1); } return 'Analyse and use the following article as context:\\n\\n' + 'Title: ' + titleStr + '\\n' + 'URL: ' + pageUrl + '\\n\\n' + '---\\n\\n' + markdownText; } if (modalCopyBtn) { modalCopyBtn.addEventListener('click', function () { var text = codeEl ? (codeEl.innerText || codeEl.textContent) : ''; if (!text) return; navigator.clipboard.writeText(text).then(function () { var origHtml = modalCopyBtn.innerHTML; modalCopyBtn.classList.add('copied'); modalCopyBtn.innerHTML = ' Copied!'; setTimeout(function () { modalCopyBtn.classList.remove('copied'); modalCopyBtn.innerHTML = origHtml; }, 2000); }); }); } if (modalPromptBtn) { modalPromptBtn.addEventListener('click', function () { var text = codeEl ? (codeEl.innerText || codeEl.textContent) : ''; if (!text) return; var promptText = formatPrompt(text); navigator.clipboard.writeText(promptText).then(function () { var origHtml = modalPromptBtn.innerHTML; modalPromptBtn.classList.add('copied'); modalPromptBtn.innerHTML = ' Copied!'; setTimeout(function () { modalPromptBtn.classList.remove('copied'); modalPromptBtn.innerHTML = origHtml; }, 2000); }); }); } } })(); 2013-05-20 - Filed under Recension (function() { var el = document.currentScript ? document.currentScript.previousElementSibling.querySelector('.post-full-meta-date') : document.querySelector('.post-full-meta-date'); if (el) { var raw = el.getAttribute('datetime') || el.textContent.trim(); var m = raw.match(/^(\\d{4})-(\\d{1,2})-(\\d{1,2})/); if (m) { var months = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']; var y = parseInt(m[1], 10); var mo = parseInt(m[2], 10) - 1; var d = parseInt(m[3], 10); if (mo >= 0 && mo < 12) { el.textContent = months[mo] + ' ' + d + ', ' + y; } } } })(); Frankly speaking, I had to sleep a night over before typing this review. And even now it is not an easy, straight-forward task to write this recension. I'm not sure whether I'm the right kind of audience this title is actually addressed to. It clearly states that this book is for web developers which are very familiar with jQuery library but would like to extend their knowledge to vanilla JavaScript. Not being part of this particular group it felt strange to go through the various chapters after all. This title is clearly addressed to experienced jQuery users and developers especially while looking for improvements in performance and better ways of optimisations. Sometimes just to simplify the existing jQuery code in order to avoid the heavy load of the complete jQuery library and sometimes for the better understanding of JavaScript and its syntax. Callum's style of writing is clear and the numerous code samples used to emphasize the various techniques are good ones and easy to understand. Quite interestingly, it put a light smile on my face when I compared his sample code of sending an AJAX request to some code in one of my own blog articles I wrote back in 2006 (in German language). JavaScript is clearly a mature language and certain requirements are simply done this way. And Callum explains the nuts and bolts of JavaScript very well. Personally, I gained most out of this book from chapter 5 - JavaScript Conventions. The paragraphs and code snippets on Optimizations and Common Antipatterns gave me a better understanding on various aspects of JavaScript development, and I definitely have to revise a couple of code fragments I have written in the past. Overall the book provides solid information on JavaScript for jQuery developers and is worth the money spent. Just be sure that you're part of the targeted audience. if (typeof window !== 'undefined' && window.location.hostname !== 'localhost' && window.location.hostname !== '127.0.0.1') { (window.adsbygoogle = window.adsbygoogle || []).push({}); } (function() { var loaded = false; function loadDisqusEmbed() { if (loaded) return; loaded = true; window.disqus_config = function () { this.page.url = 'learning-from-jquery.html'; this.page.identifier = '9271ed1c97_idlearning-from-jquery'; }; var d = document, s = d.createElement('script'); s.src = 'https://getbloggedbyjoki.disqus.com/embed.js'; s.setAttribute('data-timestamp', +new Date()); (d.head || d.body).appendChild(s); } var target = document.getElementById('disqus_thread'); if ('IntersectionObserver' in window && target) { var observer = new IntersectionObserver(function(entries) { if (entries[0].isIntersecting) { loadDisqusEmbed(); observer.disconnect(); } }, { rootMargin: '300px' }); observer.observe(target); } else { window.addEventListener('load', function() { if ('requestIdleCallback' in window) { requestIdleCallback(loadDisqusEmbed, { timeout: 4000 }); } else { setTimeout(loadDisqusEmbed, 3000); } }); } })();" }, "lets-rock-with-my-and-maria.html": { "href": "lets-rock-with-my-and-maria.html", "title": "Lets rock with MySQL and MariaDB - Get Blogged by JoKi", "summary": "Lets rock with MySQL and MariaDB Copy Markdown View Markdown GitHub Markdown Source Lets rock with MySQL and MariaDB Copy Markdown Copy as Prompt Download .MD GitHub Close Loading markdown source... (function () { var rawMarkdownCache = {}; function cleanFrontmatter(text) { if (!text) return ''; // Bulletproof removal of frontmatter: between initial --- and ending --- return text.replace(/^---[\\s\\S]*?\\n---\\s*\\n?/, '').trim() + '\\n'; } function fetchMarkdown(slug, callback) { if (rawMarkdownCache[slug]) { callback(null, rawMarkdownCache[slug]); return; } var rel = ''; var url = rel + 'raw/' + encodeURIComponent(slug) + '.md'; fetch(url) .then(function (res) { if (!res.ok) throw new Error('Markdown source not found: ' + res.status); return res.text(); }) .then(function (text) { var cleaned = cleanFrontmatter(text); rawMarkdownCache[slug] = cleaned; callback(null, cleaned); }) .catch(function (err) { // Fallback: extract plain text from post content var contentEl = document.querySelector('.post-full-content .post-content, .post-content, main .inner'); if (contentEl) { var fallbackMd = '# ' + (document.querySelector('h1') ? document.querySelector('h1').innerText : 'Post') + '\\n\\n' + (contentEl.innerText || contentEl.textContent); rawMarkdownCache[slug] = fallbackMd; callback(null, fallbackMd); } else { callback(err, null); } }); } // Attach Copy Markdown handler var copyButtons = document.querySelectorAll('.btn-copy-markdown, .floating-copy-markdown'); copyButtons.forEach(function (btn) { btn.addEventListener('click', function () { var slug = btn.getAttribute('data-uid') || btn.getAttribute('data-slug') || 'lets-rock-with-my-and-maria'; var originalHtml = btn.innerHTML; btn.disabled = true; fetchMarkdown(slug, function (err, md) { if (err || !md) { btn.disabled = false; alert('Could not copy Markdown source.'); return; } navigator.clipboard.writeText(md).then(function () { btn.classList.add('copied'); btn.innerHTML = ' Copied!'; setTimeout(function () { btn.classList.remove('copied'); btn.innerHTML = originalHtml; btn.disabled = false; }, 2000); }).catch(function () { btn.disabled = false; }); }); }); }); // Attach View Markdown modal var viewButtons = document.querySelectorAll('.btn-view-markdown'); var modal = document.getElementById('markdown-viewer-modal'); var codeEl = document.getElementById('markdown-viewer-code'); var closeBtn = modal ? modal.querySelector('.markdown-viewer-close') : null; var modalCopyBtn = document.getElementById('markdown-modal-copy-btn'); if (modal && viewButtons.length > 0) { viewButtons.forEach(function (btn) { btn.addEventListener('click', function () { var slug = btn.getAttribute('data-uid') || btn.getAttribute('data-slug') || 'lets-rock-with-my-and-maria'; if (codeEl) codeEl.textContent = 'Loading Markdown source...'; if (typeof modal.showModal === 'function') { modal.showModal(); } else { modal.setAttribute('open', ''); } fetchMarkdown(slug, function (err, md) { if (codeEl) { codeEl.textContent = md || 'Failed to load Markdown source.'; if (window.hljs && typeof hljs.highlightElement === 'function') { hljs.highlightElement(codeEl); } // Remove any DocFX code-action / copy buttons that might have been injected var actions = modal.querySelectorAll('.code-action, .code-copy-btn, .action, a[title=\"Copy\"], button[title=\"Copy\"]'); actions.forEach(function (el) { el.remove(); }); } }); }); }); if (closeBtn) { closeBtn.addEventListener('click', function () { if (typeof modal.close === 'function') { modal.close(); } else { modal.removeAttribute('open'); } }); } // Light dismiss on backdrop click modal.addEventListener('click', function (e) { if (e.target === modal) { var rect = modal.getBoundingClientRect(); var isInDialog = ( rect.top <= e.clientY && e.clientY <= rect.top + rect.height && rect.left <= e.clientX && e.clientX <= rect.left + rect.width ); if (!isInDialog) { if (typeof modal.close === 'function') { modal.close(); } else { modal.removeAttribute('open'); } } } }); var modalPromptBtn = document.getElementById('markdown-modal-prompt-btn'); function formatPrompt(markdownText) { var postTitle = document.querySelector('h1.post-full-title') || document.querySelector('h1'); var titleStr = (postTitle ? postTitle.textContent.trim() : 'Lets rock with MySQL and MariaDB') || 'Article'; var appUrl = 'https://jochen.kirstaetter.name'.replace(/\\/+$/, ''); var canonicalLink = document.querySelector('link[rel=\"canonical\"]'); var pageUrl = canonicalLink ? (canonicalLink.getAttribute('href') || canonicalLink.href) : ''; if (!pageUrl) { pageUrl = appUrl + window.location.pathname; } if (pageUrl.startsWith('/')) { pageUrl = appUrl + pageUrl; } pageUrl = pageUrl.split('?')[0].split('#')[0]; try { var parsed = new URL(pageUrl, appUrl); if (parsed.hostname === 'localhost' || parsed.hostname === '127.0.0.1' || parsed.hostname.endsWith('.localhost')) { pageUrl = appUrl + parsed.pathname; } } catch (e) {} pageUrl = pageUrl.replace(/\\/index\\.html$/, '/').replace(/\\.html$/, ''); if (pageUrl.length > appUrl.length + 1 && pageUrl.endsWith('/')) { pageUrl = pageUrl.slice(0, -1); } return 'Analyse and use the following article as context:\\n\\n' + 'Title: ' + titleStr + '\\n' + 'URL: ' + pageUrl + '\\n\\n' + '---\\n\\n' + markdownText; } if (modalCopyBtn) { modalCopyBtn.addEventListener('click', function () { var text = codeEl ? (codeEl.innerText || codeEl.textContent) : ''; if (!text) return; navigator.clipboard.writeText(text).then(function () { var origHtml = modalCopyBtn.innerHTML; modalCopyBtn.classList.add('copied'); modalCopyBtn.innerHTML = ' Copied!'; setTimeout(function () { modalCopyBtn.classList.remove('copied'); modalCopyBtn.innerHTML = origHtml; }, 2000); }); }); } if (modalPromptBtn) { modalPromptBtn.addEventListener('click', function () { var text = codeEl ? (codeEl.innerText || codeEl.textContent) : ''; if (!text) return; var promptText = formatPrompt(text); navigator.clipboard.writeText(promptText).then(function () { var origHtml = modalPromptBtn.innerHTML; modalPromptBtn.classList.add('copied'); modalPromptBtn.innerHTML = ' Copied!'; setTimeout(function () { modalPromptBtn.classList.remove('copied'); modalPromptBtn.innerHTML = origHtml; }, 2000); }); }); } } })(); 2015-01-02 - Filed under Linux (function() { var el = document.currentScript ? document.currentScript.previousElementSibling.querySelector('.post-full-meta-date') : document.querySelector('.post-full-meta-date'); if (el) { var raw = el.getAttribute('datetime') || el.textContent.trim(); var m = raw.match(/^(\\d{4})-(\\d{1,2})-(\\d{1,2})/); if (m) { var months = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']; var y = parseInt(m[1], 10); var mo = parseInt(m[2], 10) - 1; var d = parseInt(m[3], 10); if (mo >= 0 && mo < 12) { el.textContent = months[mo] + ' ' + d + ', ' + y; } } } })(); Some weeks months ago... What happens on Facebook I saw an announcement made by Ronny on Facebook that he's about to organise a meeting about MySQL and MariaDB. Well, I have to admit that I didn't have that much contact with Ronny but I knew that he was involved in the initiation of the Linux User Group of Mauritius (LUGM), and that Ish already mentioned his name a couple of times, mostly because of the inspirational approach and other funny things. Well, long story short. Ronny mentioned that one of his friends will be around on the island for some vacation and that said person agreed to do a session on the history, the (eventual) future and some technical aspects of MySQL and MariaDB. Sounds great and having an expert from abroad doesn't happen too often... Okay, next Ronny was looking for a decent location and I suggested to him that he might his luck at The Flying Dodo Brewery in Bagatelle. In general not a problem but those guys over there speak money and in order to get their side room with some conference aspirations they wouldn't agree on the usual deal for user groups. Meaning: Room for attendees consuming food & drinks. As I had personal interest in this session to happen, I backed Ronny's intentions to go forward with it and to let me know in case that there financial constraints to be expected. Running your business provides you with some benefits and allowances. Anyway, there was a little fee for the evening to be paid, and I was glad to cover those expenses through my business: IOS Indian Ocean Software Ltd. Lets rock with MySQL and MariaDB The \"event\" was scheduled for the evening hours, and after the official part it was commonly agreed that we are going to leverage the location and have a decent after-meeting session at the brewery. It's always nice to combine work with pleasure - particularly in that specific order. Our presenter, an international consultant for MySQL and MariaDB working at SkySQL AB at that time, named Joffrey Michaie did a great job during the evening. First, he gave us a brief history lesson about the origins of MySQL, then elaborated on the recent purchase event during the last couple of years and went over the actual reasons why MariaDB has been created. Well, Sun and Oracle did a great job to get quite a number of good developers on MySQL as well as the community on their feet. The fork of MySQL into MariaDB is reasonable given that Oracle doesn't need to support two opposing RDBMS within the same company - astounishingly that's a very familiar constellation seeing Microsoft SQL Server and Microsoft Visual FoxPro (VFP) in the past. Anyway, approximately 90% (and more) of the original MySQL developers quit their job and went over to a company called SkySQL AB - which is solely temporarily and there had been a press release recently, that it's now officially MariaDB AB. Monty Widenius had his coup and the core development team is back to its roots. And... best of all: MariaDB is an inplace-replacement for MySQL. In case that you're operating your website or blog on MySQL you can simply install and use MariaDB instead of. It works flawlessly. Next, Jojo gave us some corner data about the wide-spread use of MySQL/MariaDB. Actually some big internet companies or better said their websites (like Facebook, SAP, Xing, etc.) are driven by MySQL installations spread over hundreds or even over thousands of machines. Of course, this requires some interesting architecture not only regarding the physical setup of machines and networks but also in terms of storage and replication features. High-availability (HA) is the magical keyword in this case. At a certain size you have to switch towards DB clusters and Joffrey gave us good information about one could setup such clusters using Galera. He also gave us a brief overview of some specialised storage engines available in MySQL/MariaDB which definitely go far beyond the capabilities of the standard types like MyISAM or InnoDB. Full screen entertainment for geeks The full presentation of a whooping 107 slides is available on SlideShare - Thanks to Joffrey and the LUGM! MariaDB Presentation by Joffrey Michaie On my side, I have to admit that I was a bit interruptive as I had a good number of questions regarding certain features I'm used to using either VFP or SQL Server. Especially given the fact that I was involved in the software architecture and development of client-server applications that run on roughly 100 instances of SQL Server including different types of data replication. Yes, we did partitioning and the database has a variety of replication scenarios for different tables; including typical master-slave replication but also enhanced 2-way replication. Also dealing with data volumes in 2-digit and even 3-digit regions is not unusual with my clients. And there is quite a difference between writing and running queries against a low amount of records compared to tables with 15+ million records. Not to forget about write and update operations. Patiently, Joffrey took note of my questions and he had very good answers how certain setups and requirements could be solved and handled with MariaDB. One of the interesting topics was the discussion about data types of \"uniqueidentifier\" versus \"UUID\" versus \"Global Transaction ID (GTID)\". Well, basically they are the same... Whereas SQL Server handles replication based on that specific data type, MySQL or MariaDB remains on dealing with integer-based column data types (comparable to Auto-Increment in SQL Server) - which I find problematic. MariaDB is not just the database anymore; it's a platform for application developers and database administrators Anyway, the evening had some interesting chunks of information for me and I enjoyed the whole presentation. Joffrey knows how to keep the audience focused and engaged into the topic. And shamelessly we extending the scheduled 1-hour session by at least 30 minutes or so. Until all questions have been asked and answered. And after all this talking and listening it was time to move over to the social aspects of the evening and to get some refreshments. Networking session and future activities Later on I managed to have a little smalltalk with Jojo and even though the meeting was under the aegis of the LUGM, I informed him about the existence, goals and intentions of the Mauritius Software Craftsmanship Community (MSCC). Dunno, how he took it but since then we are still in touch on social media networks, and have a chat from time to time. On my part I'm looking forward to the next opportunity to hear about MariaDBfrom Joffrey - and of course I won't hesitate to act as a sponsor again. Oh, and thanks for the goodies - I really like that black MariaDB 10 T-Shirt. Disclaimer: Images are courtesy of MariaDB Corporation Ab. MariaDB is a trademark or registered trademarks of MariaDB Corporation Ab in the European Union and United States of America and/or other countries. MySQL is a trademark of Oracle Corporation Inc. if (typeof window !== 'undefined' && window.location.hostname !== 'localhost' && window.location.hostname !== '127.0.0.1') { (window.adsbygoogle = window.adsbygoogle || []).push({}); } (function() { var loaded = false; function loadDisqusEmbed() { if (loaded) return; loaded = true; window.disqus_config = function () { this.page.url = 'lets-rock-with-my-and-maria.html'; this.page.identifier = '9271ed1c97_idlets-rock-with-my-and-maria'; }; var d = document, s = d.createElement('script'); s.src = 'https://getbloggedbyjoki.disqus.com/embed.js'; s.setAttribute('data-timestamp', +new Date()); (d.head || d.body).appendChild(s); } var target = document.getElementById('disqus_thread'); if ('IntersectionObserver' in window && target) { var observer = new IntersectionObserver(function(entries) { if (entries[0].isIntersecting) { loadDisqusEmbed(); observer.disconnect(); } }, { rootMargin: '300px' }); observer.observe(target); } else { window.addEventListener('load', function() { if ('requestIdleCallback' in window) { requestIdleCallback(loadDisqusEmbed, { timeout: 4000 }); } else { setTimeout(loadDisqusEmbed, 3000); } }); } })();" }, "lily-of-the-valley.html": { "href": "lily-of-the-valley.html", "title": "Lily of the Valley - Get Blogged by JoKi", "summary": "Lily of the Valley Copy Markdown View Markdown GitHub Markdown Source Lily of the Valley Copy Markdown Copy as Prompt Download .MD GitHub Close Loading markdown source... (function () { var rawMarkdownCache = {}; function cleanFrontmatter(text) { if (!text) return ''; // Bulletproof removal of frontmatter: between initial --- and ending --- return text.replace(/^---[\\s\\S]*?\\n---\\s*\\n?/, '').trim() + '\\n'; } function fetchMarkdown(slug, callback) { if (rawMarkdownCache[slug]) { callback(null, rawMarkdownCache[slug]); return; } var rel = ''; var url = rel + 'raw/' + encodeURIComponent(slug) + '.md'; fetch(url) .then(function (res) { if (!res.ok) throw new Error('Markdown source not found: ' + res.status); return res.text(); }) .then(function (text) { var cleaned = cleanFrontmatter(text); rawMarkdownCache[slug] = cleaned; callback(null, cleaned); }) .catch(function (err) { // Fallback: extract plain text from post content var contentEl = document.querySelector('.post-full-content .post-content, .post-content, main .inner'); if (contentEl) { var fallbackMd = '# ' + (document.querySelector('h1') ? document.querySelector('h1').innerText : 'Post') + '\\n\\n' + (contentEl.innerText || contentEl.textContent); rawMarkdownCache[slug] = fallbackMd; callback(null, fallbackMd); } else { callback(err, null); } }); } // Attach Copy Markdown handler var copyButtons = document.querySelectorAll('.btn-copy-markdown, .floating-copy-markdown'); copyButtons.forEach(function (btn) { btn.addEventListener('click', function () { var slug = btn.getAttribute('data-uid') || btn.getAttribute('data-slug') || 'lily-of-the-valley'; var originalHtml = btn.innerHTML; btn.disabled = true; fetchMarkdown(slug, function (err, md) { if (err || !md) { btn.disabled = false; alert('Could not copy Markdown source.'); return; } navigator.clipboard.writeText(md).then(function () { btn.classList.add('copied'); btn.innerHTML = ' Copied!'; setTimeout(function () { btn.classList.remove('copied'); btn.innerHTML = originalHtml; btn.disabled = false; }, 2000); }).catch(function () { btn.disabled = false; }); }); }); }); // Attach View Markdown modal var viewButtons = document.querySelectorAll('.btn-view-markdown'); var modal = document.getElementById('markdown-viewer-modal'); var codeEl = document.getElementById('markdown-viewer-code'); var closeBtn = modal ? modal.querySelector('.markdown-viewer-close') : null; var modalCopyBtn = document.getElementById('markdown-modal-copy-btn'); if (modal && viewButtons.length > 0) { viewButtons.forEach(function (btn) { btn.addEventListener('click', function () { var slug = btn.getAttribute('data-uid') || btn.getAttribute('data-slug') || 'lily-of-the-valley'; if (codeEl) codeEl.textContent = 'Loading Markdown source...'; if (typeof modal.showModal === 'function') { modal.showModal(); } else { modal.setAttribute('open', ''); } fetchMarkdown(slug, function (err, md) { if (codeEl) { codeEl.textContent = md || 'Failed to load Markdown source.'; if (window.hljs && typeof hljs.highlightElement === 'function') { hljs.highlightElement(codeEl); } // Remove any DocFX code-action / copy buttons that might have been injected var actions = modal.querySelectorAll('.code-action, .code-copy-btn, .action, a[title=\"Copy\"], button[title=\"Copy\"]'); actions.forEach(function (el) { el.remove(); }); } }); }); }); if (closeBtn) { closeBtn.addEventListener('click', function () { if (typeof modal.close === 'function') { modal.close(); } else { modal.removeAttribute('open'); } }); } // Light dismiss on backdrop click modal.addEventListener('click', function (e) { if (e.target === modal) { var rect = modal.getBoundingClientRect(); var isInDialog = ( rect.top <= e.clientY && e.clientY <= rect.top + rect.height && rect.left <= e.clientX && e.clientX <= rect.left + rect.width ); if (!isInDialog) { if (typeof modal.close === 'function') { modal.close(); } else { modal.removeAttribute('open'); } } } }); var modalPromptBtn = document.getElementById('markdown-modal-prompt-btn'); function formatPrompt(markdownText) { var postTitle = document.querySelector('h1.post-full-title') || document.querySelector('h1'); var titleStr = (postTitle ? postTitle.textContent.trim() : 'Lily of the Valley') || 'Article'; var appUrl = 'https://jochen.kirstaetter.name'.replace(/\\/+$/, ''); var canonicalLink = document.querySelector('link[rel=\"canonical\"]'); var pageUrl = canonicalLink ? (canonicalLink.getAttribute('href') || canonicalLink.href) : ''; if (!pageUrl) { pageUrl = appUrl + window.location.pathname; } if (pageUrl.startsWith('/')) { pageUrl = appUrl + pageUrl; } pageUrl = pageUrl.split('?')[0].split('#')[0]; try { var parsed = new URL(pageUrl, appUrl); if (parsed.hostname === 'localhost' || parsed.hostname === '127.0.0.1' || parsed.hostname.endsWith('.localhost')) { pageUrl = appUrl + parsed.pathname; } } catch (e) {} pageUrl = pageUrl.replace(/\\/index\\.html$/, '/').replace(/\\.html$/, ''); if (pageUrl.length > appUrl.length + 1 && pageUrl.endsWith('/')) { pageUrl = pageUrl.slice(0, -1); } return 'Analyse and use the following article as context:\\n\\n' + 'Title: ' + titleStr + '\\n' + 'URL: ' + pageUrl + '\\n\\n' + '---\\n\\n' + markdownText; } if (modalCopyBtn) { modalCopyBtn.addEventListener('click', function () { var text = codeEl ? (codeEl.innerText || codeEl.textContent) : ''; if (!text) return; navigator.clipboard.writeText(text).then(function () { var origHtml = modalCopyBtn.innerHTML; modalCopyBtn.classList.add('copied'); modalCopyBtn.innerHTML = ' Copied!'; setTimeout(function () { modalCopyBtn.classList.remove('copied'); modalCopyBtn.innerHTML = origHtml; }, 2000); }); }); } if (modalPromptBtn) { modalPromptBtn.addEventListener('click', function () { var text = codeEl ? (codeEl.innerText || codeEl.textContent) : ''; if (!text) return; var promptText = formatPrompt(text); navigator.clipboard.writeText(promptText).then(function () { var origHtml = modalPromptBtn.innerHTML; modalPromptBtn.classList.add('copied'); modalPromptBtn.innerHTML = ' Copied!'; setTimeout(function () { modalPromptBtn.classList.remove('copied'); modalPromptBtn.innerHTML = origHtml; }, 2000); }); }); } } })(); 2005-10-17 - Filed under General (function() { var el = document.currentScript ? document.currentScript.previousElementSibling.querySelector('.post-full-meta-date') : document.querySelector('.post-full-meta-date'); if (el) { var raw = el.getAttribute('datetime') || el.textContent.trim(); var m = raw.match(/^(\\d{4})-(\\d{1,2})-(\\d{1,2})/); if (m) { var months = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']; var y = parseInt(m[1], 10); var mo = parseInt(m[2], 10) - 1; var d = parseInt(m[3], 10); if (mo >= 0 && mo < 12) { el.textContent = months[mo] + ' ' + d + ', ' + y; } } } })(); Hmm, das kommt davon wenn man sich mal das Monatsprogramm im Kult anschaut - Live Act! Wow, hier im Kult einen Live Act? - Genial, ich glaub' meinen letzten Live Act im Kult hab ich vor 10 Jahren oder so mitgenommen. Damals war's 'ne Doors Coverband, die richtig geilen Sound und Stimmung rübergebracht hat. Alter Schwede! Well, alternative Rockmusik mit Folklore-Touch - ich glaub' das dürfte es am ehesten treffen... Lily of the Valley sind zwei Mädels, die seit einigen Jahren europäische Musikkultur in ihre Songs einfliessen lassen und nutzen. Ich glaub' die beiden haben an dem Abend mal locker 10 Instrumente in ihrer Performance genutzt. Querflöte und Akkordeon dürften noch die ausgefallensten gewesen sein. Anfangs dachte ich nur - Oh, Mann, wo bin ich hier nur gelandet? -, aber mit der Zeit wurde es richtig cool und ehrlich gesagt, ziemlich chillig... Die Tanzfläche war als Stage umgebaut und die beiden nutzen die geringe Größe, um spontan das Publikum beim Musizieren einzuspannen. Nice! Glücklicherweise konnte ich mir einen lockeren Platz mit vollem Überblick ergattern und im Laufe des Abends hatte ich noch ein sehr ausgelassenes Gespräch mit meiner Nächsten... Das ist Kult! Zu meiner Schande muss ich gestehen, dass ich das Gespräch bei manchen Songs viel interessanter fand. Aber die Musik hat super in den Background gepasst. Und so habe ich mir im Affekt auch die aktuelle CD der beiden zugelegt. Wenn schon, denn schon... oder? Gegen Mitternacht erfolgte die Übergabe an den DJ und yeah, die passende Musik zur Stimmung des Abends wurde aufgelegt. Ist schon cool, wenn man Mike Oldfield in der 'Disko' auf die Ohren bekommt. Mal sehen, wann sich das Gespräch weiterführen lässt. War echt spassig! Bis denne, JoKi Achja, auf dem Heimweg lief selbstredend Lily of the Valley im CD-Player... if (typeof window !== 'undefined' && window.location.hostname !== 'localhost' && window.location.hostname !== '127.0.0.1') { (window.adsbygoogle = window.adsbygoogle || []).push({}); } (function() { var loaded = false; function loadDisqusEmbed() { if (loaded) return; loaded = true; window.disqus_config = function () { this.page.url = 'lily-of-the-valley.html'; this.page.identifier = '9271ed1c97_idlily-of-the-valley'; }; var d = document, s = d.createElement('script'); s.src = 'https://getbloggedbyjoki.disqus.com/embed.js'; s.setAttribute('data-timestamp', +new Date()); (d.head || d.body).appendChild(s); } var target = document.getElementById('disqus_thread'); if ('IntersectionObserver' in window && target) { var observer = new IntersectionObserver(function(entries) { if (entries[0].isIntersecting) { loadDisqusEmbed(); observer.disconnect(); } }, { rootMargin: '300px' }); observer.observe(target); } else { window.addEventListener('load', function() { if ('requestIdleCallback' in window) { requestIdleCallback(loadDisqusEmbed, { timeout: 4000 }); } else { setTimeout(loadDisqusEmbed, 3000); } }); } })();" }, "linq-auch-mit-vfp-kein-problem-vosql.html": { "href": "linq-auch-mit-vfp-kein-problem-vosql.html", "title": "LINQ - auch mit VFP kein Problem: VOSQL - Get Blogged by JoKi", "summary": "LINQ - auch mit VFP kein Problem: VOSQL Copy Markdown View Markdown GitHub Markdown Source LINQ - auch mit VFP kein Problem: VOSQL Copy Markdown Copy as Prompt Download .MD GitHub Close Loading markdown source... (function () { var rawMarkdownCache = {}; function cleanFrontmatter(text) { if (!text) return ''; // Bulletproof removal of frontmatter: between initial --- and ending --- return text.replace(/^---[\\s\\S]*?\\n---\\s*\\n?/, '').trim() + '\\n'; } function fetchMarkdown(slug, callback) { if (rawMarkdownCache[slug]) { callback(null, rawMarkdownCache[slug]); return; } var rel = ''; var url = rel + 'raw/' + encodeURIComponent(slug) + '.md'; fetch(url) .then(function (res) { if (!res.ok) throw new Error('Markdown source not found: ' + res.status); return res.text(); }) .then(function (text) { var cleaned = cleanFrontmatter(text); rawMarkdownCache[slug] = cleaned; callback(null, cleaned); }) .catch(function (err) { // Fallback: extract plain text from post content var contentEl = document.querySelector('.post-full-content .post-content, .post-content, main .inner'); if (contentEl) { var fallbackMd = '# ' + (document.querySelector('h1') ? document.querySelector('h1').innerText : 'Post') + '\\n\\n' + (contentEl.innerText || contentEl.textContent); rawMarkdownCache[slug] = fallbackMd; callback(null, fallbackMd); } else { callback(err, null); } }); } // Attach Copy Markdown handler var copyButtons = document.querySelectorAll('.btn-copy-markdown, .floating-copy-markdown'); copyButtons.forEach(function (btn) { btn.addEventListener('click', function () { var slug = btn.getAttribute('data-uid') || btn.getAttribute('data-slug') || 'linq-auch-mit-vfp-kein-problem-vosql'; var originalHtml = btn.innerHTML; btn.disabled = true; fetchMarkdown(slug, function (err, md) { if (err || !md) { btn.disabled = false; alert('Could not copy Markdown source.'); return; } navigator.clipboard.writeText(md).then(function () { btn.classList.add('copied'); btn.innerHTML = ' Copied!'; setTimeout(function () { btn.classList.remove('copied'); btn.innerHTML = originalHtml; btn.disabled = false; }, 2000); }).catch(function () { btn.disabled = false; }); }); }); }); // Attach View Markdown modal var viewButtons = document.querySelectorAll('.btn-view-markdown'); var modal = document.getElementById('markdown-viewer-modal'); var codeEl = document.getElementById('markdown-viewer-code'); var closeBtn = modal ? modal.querySelector('.markdown-viewer-close') : null; var modalCopyBtn = document.getElementById('markdown-modal-copy-btn'); if (modal && viewButtons.length > 0) { viewButtons.forEach(function (btn) { btn.addEventListener('click', function () { var slug = btn.getAttribute('data-uid') || btn.getAttribute('data-slug') || 'linq-auch-mit-vfp-kein-problem-vosql'; if (codeEl) codeEl.textContent = 'Loading Markdown source...'; if (typeof modal.showModal === 'function') { modal.showModal(); } else { modal.setAttribute('open', ''); } fetchMarkdown(slug, function (err, md) { if (codeEl) { codeEl.textContent = md || 'Failed to load Markdown source.'; if (window.hljs && typeof hljs.highlightElement === 'function') { hljs.highlightElement(codeEl); } // Remove any DocFX code-action / copy buttons that might have been injected var actions = modal.querySelectorAll('.code-action, .code-copy-btn, .action, a[title=\"Copy\"], button[title=\"Copy\"]'); actions.forEach(function (el) { el.remove(); }); } }); }); }); if (closeBtn) { closeBtn.addEventListener('click', function () { if (typeof modal.close === 'function') { modal.close(); } else { modal.removeAttribute('open'); } }); } // Light dismiss on backdrop click modal.addEventListener('click', function (e) { if (e.target === modal) { var rect = modal.getBoundingClientRect(); var isInDialog = ( rect.top <= e.clientY && e.clientY <= rect.top + rect.height && rect.left <= e.clientX && e.clientX <= rect.left + rect.width ); if (!isInDialog) { if (typeof modal.close === 'function') { modal.close(); } else { modal.removeAttribute('open'); } } } }); var modalPromptBtn = document.getElementById('markdown-modal-prompt-btn'); function formatPrompt(markdownText) { var postTitle = document.querySelector('h1.post-full-title') || document.querySelector('h1'); var titleStr = (postTitle ? postTitle.textContent.trim() : 'LINQ - auch mit VFP kein Problem: VOSQL') || 'Article'; var appUrl = 'https://jochen.kirstaetter.name'.replace(/\\/+$/, ''); var canonicalLink = document.querySelector('link[rel=\"canonical\"]'); var pageUrl = canonicalLink ? (canonicalLink.getAttribute('href') || canonicalLink.href) : ''; if (!pageUrl) { pageUrl = appUrl + window.location.pathname; } if (pageUrl.startsWith('/')) { pageUrl = appUrl + pageUrl; } pageUrl = pageUrl.split('?')[0].split('#')[0]; try { var parsed = new URL(pageUrl, appUrl); if (parsed.hostname === 'localhost' || parsed.hostname === '127.0.0.1' || parsed.hostname.endsWith('.localhost')) { pageUrl = appUrl + parsed.pathname; } } catch (e) {} pageUrl = pageUrl.replace(/\\/index\\.html$/, '/').replace(/\\.html$/, ''); if (pageUrl.length > appUrl.length + 1 && pageUrl.endsWith('/')) { pageUrl = pageUrl.slice(0, -1); } return 'Analyse and use the following article as context:\\n\\n' + 'Title: ' + titleStr + '\\n' + 'URL: ' + pageUrl + '\\n\\n' + '---\\n\\n' + markdownText; } if (modalCopyBtn) { modalCopyBtn.addEventListener('click', function () { var text = codeEl ? (codeEl.innerText || codeEl.textContent) : ''; if (!text) return; navigator.clipboard.writeText(text).then(function () { var origHtml = modalCopyBtn.innerHTML; modalCopyBtn.classList.add('copied'); modalCopyBtn.innerHTML = ' Copied!'; setTimeout(function () { modalCopyBtn.classList.remove('copied'); modalCopyBtn.innerHTML = origHtml; }, 2000); }); }); } if (modalPromptBtn) { modalPromptBtn.addEventListener('click', function () { var text = codeEl ? (codeEl.innerText || codeEl.textContent) : ''; if (!text) return; var promptText = formatPrompt(text); navigator.clipboard.writeText(promptText).then(function () { var origHtml = modalPromptBtn.innerHTML; modalPromptBtn.classList.add('copied'); modalPromptBtn.innerHTML = ' Copied!'; setTimeout(function () { modalPromptBtn.classList.remove('copied'); modalPromptBtn.innerHTML = origHtml; }, 2000); }); }); } } })(); 2005-09-21 - Filed under Development (function() { var el = document.currentScript ? document.currentScript.previousElementSibling.querySelector('.post-full-meta-date') : document.querySelector('.post-full-meta-date'); if (el) { var raw = el.getAttribute('datetime') || el.textContent.trim(); var m = raw.match(/^(\\d{4})-(\\d{1,2})-(\\d{1,2})/); if (m) { var months = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']; var y = parseInt(m[1], 10); var mo = parseInt(m[2], 10) - 1; var d = parseInt(m[3], 10); if (mo >= 0 && mo < 12) { el.textContent = months[mo] + ' ' + d + ', ' + y; } } } })(); Achja, wer sagt's denn. Kaum sind die ersten Sprößlinge von LINQ zu lesen, da gibt's ein gleichartiges Proof-of-Concept in Visual FoxPro dazu. Hätte mich auch ehrlich gesagt ein wenig gewundert, wenn es mit einer datenbank-zentrierten Programmiersprache nicht möglich wäre, einen objektorientierten Ansatz gemäß zukünftigem .NET Framework (Orcas - Version 3.0) zu realisieren. Die ausführlichen Details und den Quellcode könnt ihr euch im Blog von Craig Boyd anschauen: Project LINQ - Can it be done in VFP? please remember that I've spent a total of about 1 hour on this and part of that time was spent getting a list of countries and stats for the example. I just wanted to show a proof-of-concept for now. - nette Aussage... Ansonsten bleibt nur zu sagen, dass ich mir auch schon mal Gedanken zu einer entsprechenden OO-Umsetzung für den Datenzugriff gemacht hatte, aber ehrlich gesagt diesen Ansatz aus Performancegründen ad acta gelegt hatte. Nunja, wir werden sehen was die Zukunft uns bringen wird. Spannend ist es allemal. Aber bevor ich mir weiter Gedanken über diesen Ansatz mache - den ich übrigens sehr gut finde - spiele ich lieber weiter an meiner Implementierung von FoxSQL. Vllt. später mal dazu. Bis denne, JoKi if (typeof window !== 'undefined' && window.location.hostname !== 'localhost' && window.location.hostname !== '127.0.0.1') { (window.adsbygoogle = window.adsbygoogle || []).push({}); } (function() { var loaded = false; function loadDisqusEmbed() { if (loaded) return; loaded = true; window.disqus_config = function () { this.page.url = 'linq-auch-mit-vfp-kein-problem-vosql.html'; this.page.identifier = '9271ed1c97_idlinq-auch-mit-vfp-kein-problem-vosql'; }; var d = document, s = d.createElement('script'); s.src = 'https://getbloggedbyjoki.disqus.com/embed.js'; s.setAttribute('data-timestamp', +new Date()); (d.head || d.body).appendChild(s); } var target = document.getElementById('disqus_thread'); if ('IntersectionObserver' in window && target) { var observer = new IntersectionObserver(function(entries) { if (entries[0].isIntersecting) { loadDisqusEmbed(); observer.disconnect(); } }, { rootMargin: '300px' }); observer.observe(target); } else { window.addEventListener('load', function() { if ('requestIdleCallback' in window) { requestIdleCallback(loadDisqusEmbed, { timeout: 4000 }); } else { setTimeout(loadDisqusEmbed, 3000); } }); } })();" }, "listed-at-foxblogs-tagcloud.html": { "href": "listed-at-foxblogs-tagcloud.html", "title": "Listed at FoxBlogs (TagCloud) - Get Blogged by JoKi", "summary": "Listed at FoxBlogs (TagCloud) Copy Markdown View Markdown GitHub Markdown Source Listed at FoxBlogs (TagCloud) Copy Markdown Copy as Prompt Download .MD GitHub Close Loading markdown source... (function () { var rawMarkdownCache = {}; function cleanFrontmatter(text) { if (!text) return ''; // Bulletproof removal of frontmatter: between initial --- and ending --- return text.replace(/^---[\\s\\S]*?\\n---\\s*\\n?/, '').trim() + '\\n'; } function fetchMarkdown(slug, callback) { if (rawMarkdownCache[slug]) { callback(null, rawMarkdownCache[slug]); return; } var rel = ''; var url = rel + 'raw/' + encodeURIComponent(slug) + '.md'; fetch(url) .then(function (res) { if (!res.ok) throw new Error('Markdown source not found: ' + res.status); return res.text(); }) .then(function (text) { var cleaned = cleanFrontmatter(text); rawMarkdownCache[slug] = cleaned; callback(null, cleaned); }) .catch(function (err) { // Fallback: extract plain text from post content var contentEl = document.querySelector('.post-full-content .post-content, .post-content, main .inner'); if (contentEl) { var fallbackMd = '# ' + (document.querySelector('h1') ? document.querySelector('h1').innerText : 'Post') + '\\n\\n' + (contentEl.innerText || contentEl.textContent); rawMarkdownCache[slug] = fallbackMd; callback(null, fallbackMd); } else { callback(err, null); } }); } // Attach Copy Markdown handler var copyButtons = document.querySelectorAll('.btn-copy-markdown, .floating-copy-markdown'); copyButtons.forEach(function (btn) { btn.addEventListener('click', function () { var slug = btn.getAttribute('data-uid') || btn.getAttribute('data-slug') || 'listed-at-foxblogs-tagcloud'; var originalHtml = btn.innerHTML; btn.disabled = true; fetchMarkdown(slug, function (err, md) { if (err || !md) { btn.disabled = false; alert('Could not copy Markdown source.'); return; } navigator.clipboard.writeText(md).then(function () { btn.classList.add('copied'); btn.innerHTML = ' Copied!'; setTimeout(function () { btn.classList.remove('copied'); btn.innerHTML = originalHtml; btn.disabled = false; }, 2000); }).catch(function () { btn.disabled = false; }); }); }); }); // Attach View Markdown modal var viewButtons = document.querySelectorAll('.btn-view-markdown'); var modal = document.getElementById('markdown-viewer-modal'); var codeEl = document.getElementById('markdown-viewer-code'); var closeBtn = modal ? modal.querySelector('.markdown-viewer-close') : null; var modalCopyBtn = document.getElementById('markdown-modal-copy-btn'); if (modal && viewButtons.length > 0) { viewButtons.forEach(function (btn) { btn.addEventListener('click', function () { var slug = btn.getAttribute('data-uid') || btn.getAttribute('data-slug') || 'listed-at-foxblogs-tagcloud'; if (codeEl) codeEl.textContent = 'Loading Markdown source...'; if (typeof modal.showModal === 'function') { modal.showModal(); } else { modal.setAttribute('open', ''); } fetchMarkdown(slug, function (err, md) { if (codeEl) { codeEl.textContent = md || 'Failed to load Markdown source.'; if (window.hljs && typeof hljs.highlightElement === 'function') { hljs.highlightElement(codeEl); } // Remove any DocFX code-action / copy buttons that might have been injected var actions = modal.querySelectorAll('.code-action, .code-copy-btn, .action, a[title=\"Copy\"], button[title=\"Copy\"]'); actions.forEach(function (el) { el.remove(); }); } }); }); }); if (closeBtn) { closeBtn.addEventListener('click', function () { if (typeof modal.close === 'function') { modal.close(); } else { modal.removeAttribute('open'); } }); } // Light dismiss on backdrop click modal.addEventListener('click', function (e) { if (e.target === modal) { var rect = modal.getBoundingClientRect(); var isInDialog = ( rect.top <= e.clientY && e.clientY <= rect.top + rect.height && rect.left <= e.clientX && e.clientX <= rect.left + rect.width ); if (!isInDialog) { if (typeof modal.close === 'function') { modal.close(); } else { modal.removeAttribute('open'); } } } }); var modalPromptBtn = document.getElementById('markdown-modal-prompt-btn'); function formatPrompt(markdownText) { var postTitle = document.querySelector('h1.post-full-title') || document.querySelector('h1'); var titleStr = (postTitle ? postTitle.textContent.trim() : 'Listed at FoxBlogs (TagCloud)') || 'Article'; var appUrl = 'https://jochen.kirstaetter.name'.replace(/\\/+$/, ''); var canonicalLink = document.querySelector('link[rel=\"canonical\"]'); var pageUrl = canonicalLink ? (canonicalLink.getAttribute('href') || canonicalLink.href) : ''; if (!pageUrl) { pageUrl = appUrl + window.location.pathname; } if (pageUrl.startsWith('/')) { pageUrl = appUrl + pageUrl; } pageUrl = pageUrl.split('?')[0].split('#')[0]; try { var parsed = new URL(pageUrl, appUrl); if (parsed.hostname === 'localhost' || parsed.hostname === '127.0.0.1' || parsed.hostname.endsWith('.localhost')) { pageUrl = appUrl + parsed.pathname; } } catch (e) {} pageUrl = pageUrl.replace(/\\/index\\.html$/, '/').replace(/\\.html$/, ''); if (pageUrl.length > appUrl.length + 1 && pageUrl.endsWith('/')) { pageUrl = pageUrl.slice(0, -1); } return 'Analyse and use the following article as context:\\n\\n' + 'Title: ' + titleStr + '\\n' + 'URL: ' + pageUrl + '\\n\\n' + '---\\n\\n' + markdownText; } if (modalCopyBtn) { modalCopyBtn.addEventListener('click', function () { var text = codeEl ? (codeEl.innerText || codeEl.textContent) : ''; if (!text) return; navigator.clipboard.writeText(text).then(function () { var origHtml = modalCopyBtn.innerHTML; modalCopyBtn.classList.add('copied'); modalCopyBtn.innerHTML = ' Copied!'; setTimeout(function () { modalCopyBtn.classList.remove('copied'); modalCopyBtn.innerHTML = origHtml; }, 2000); }); }); } if (modalPromptBtn) { modalPromptBtn.addEventListener('click', function () { var text = codeEl ? (codeEl.innerText || codeEl.textContent) : ''; if (!text) return; var promptText = formatPrompt(text); navigator.clipboard.writeText(promptText).then(function () { var origHtml = modalPromptBtn.innerHTML; modalPromptBtn.classList.add('copied'); modalPromptBtn.innerHTML = ' Copied!'; setTimeout(function () { modalPromptBtn.classList.remove('copied'); modalPromptBtn.innerHTML = origHtml; }, 2000); }); }); } } })(); 2005-12-29 - Filed under Community (function() { var el = document.currentScript ? document.currentScript.previousElementSibling.querySelector('.post-full-meta-date') : document.querySelector('.post-full-meta-date'); if (el) { var raw = el.getAttribute('datetime') || el.textContent.trim(); var m = raw.match(/^(\\d{4})-(\\d{1,2})-(\\d{1,2})/); if (m) { var months = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']; var y = parseInt(m[1], 10); var mo = parseInt(m[2], 10) - 1; var d = parseInt(m[3], 10); if (mo >= 0 && mo < 12) { el.textContent = months[mo] + ' ' + d + ', ' + y; } } } })(); Just like to mention, that ITA Software provides an OMPL list of blogs about Visual FoxPro and related stuff. I like this kind of compressed information. I already was very confident with the list of bloggers at the FoxWiki - https://fox.wikis.com/wc.dll?WikiBlogWatchPeople But using OMPL is very cool! Thanks to Rick Borup for providing this useful service. Sincerely, JoKi if (typeof window !== 'undefined' && window.location.hostname !== 'localhost' && window.location.hostname !== '127.0.0.1') { (window.adsbygoogle = window.adsbygoogle || []).push({}); } (function() { var loaded = false; function loadDisqusEmbed() { if (loaded) return; loaded = true; window.disqus_config = function () { this.page.url = 'listed-at-foxblogs-tagcloud.html'; this.page.identifier = '9271ed1c97_idlisted-at-foxblogs-tagcloud'; }; var d = document, s = d.createElement('script'); s.src = 'https://getbloggedbyjoki.disqus.com/embed.js'; s.setAttribute('data-timestamp', +new Date()); (d.head || d.body).appendChild(s); } var target = document.getElementById('disqus_thread'); if ('IntersectionObserver' in window && target) { var observer = new IntersectionObserver(function(entries) { if (entries[0].isIntersecting) { loadDisqusEmbed(); observer.disconnect(); } }, { rootMargin: '300px' }); observer.observe(target); } else { window.addEventListener('load', function() { if ('requestIdleCallback' in window) { requestIdleCallback(loadDisqusEmbed, { timeout: 4000 }); } else { setTimeout(loadDisqusEmbed, 3000); } }); } })();" }, "live-and-let-live-modern-laziness.html": { "href": "live-and-let-live-modern-laziness.html", "title": "Live and let live - modern laziness... - Get Blogged by JoKi", "summary": "Live and let live - modern laziness... Copy Markdown View Markdown GitHub Markdown Source Live and let live - modern laziness... Copy Markdown Copy as Prompt Download .MD GitHub Close Loading markdown source... (function () { var rawMarkdownCache = {}; function cleanFrontmatter(text) { if (!text) return ''; // Bulletproof removal of frontmatter: between initial --- and ending --- return text.replace(/^---[\\s\\S]*?\\n---\\s*\\n?/, '').trim() + '\\n'; } function fetchMarkdown(slug, callback) { if (rawMarkdownCache[slug]) { callback(null, rawMarkdownCache[slug]); return; } var rel = ''; var url = rel + 'raw/' + encodeURIComponent(slug) + '.md'; fetch(url) .then(function (res) { if (!res.ok) throw new Error('Markdown source not found: ' + res.status); return res.text(); }) .then(function (text) { var cleaned = cleanFrontmatter(text); rawMarkdownCache[slug] = cleaned; callback(null, cleaned); }) .catch(function (err) { // Fallback: extract plain text from post content var contentEl = document.querySelector('.post-full-content .post-content, .post-content, main .inner'); if (contentEl) { var fallbackMd = '# ' + (document.querySelector('h1') ? document.querySelector('h1').innerText : 'Post') + '\\n\\n' + (contentEl.innerText || contentEl.textContent); rawMarkdownCache[slug] = fallbackMd; callback(null, fallbackMd); } else { callback(err, null); } }); } // Attach Copy Markdown handler var copyButtons = document.querySelectorAll('.btn-copy-markdown, .floating-copy-markdown'); copyButtons.forEach(function (btn) { btn.addEventListener('click', function () { var slug = btn.getAttribute('data-uid') || btn.getAttribute('data-slug') || 'live-and-let-live-modern-laziness'; var originalHtml = btn.innerHTML; btn.disabled = true; fetchMarkdown(slug, function (err, md) { if (err || !md) { btn.disabled = false; alert('Could not copy Markdown source.'); return; } navigator.clipboard.writeText(md).then(function () { btn.classList.add('copied'); btn.innerHTML = ' Copied!'; setTimeout(function () { btn.classList.remove('copied'); btn.innerHTML = originalHtml; btn.disabled = false; }, 2000); }).catch(function () { btn.disabled = false; }); }); }); }); // Attach View Markdown modal var viewButtons = document.querySelectorAll('.btn-view-markdown'); var modal = document.getElementById('markdown-viewer-modal'); var codeEl = document.getElementById('markdown-viewer-code'); var closeBtn = modal ? modal.querySelector('.markdown-viewer-close') : null; var modalCopyBtn = document.getElementById('markdown-modal-copy-btn'); if (modal && viewButtons.length > 0) { viewButtons.forEach(function (btn) { btn.addEventListener('click', function () { var slug = btn.getAttribute('data-uid') || btn.getAttribute('data-slug') || 'live-and-let-live-modern-laziness'; if (codeEl) codeEl.textContent = 'Loading Markdown source...'; if (typeof modal.showModal === 'function') { modal.showModal(); } else { modal.setAttribute('open', ''); } fetchMarkdown(slug, function (err, md) { if (codeEl) { codeEl.textContent = md || 'Failed to load Markdown source.'; if (window.hljs && typeof hljs.highlightElement === 'function') { hljs.highlightElement(codeEl); } // Remove any DocFX code-action / copy buttons that might have been injected var actions = modal.querySelectorAll('.code-action, .code-copy-btn, .action, a[title=\"Copy\"], button[title=\"Copy\"]'); actions.forEach(function (el) { el.remove(); }); } }); }); }); if (closeBtn) { closeBtn.addEventListener('click', function () { if (typeof modal.close === 'function') { modal.close(); } else { modal.removeAttribute('open'); } }); } // Light dismiss on backdrop click modal.addEventListener('click', function (e) { if (e.target === modal) { var rect = modal.getBoundingClientRect(); var isInDialog = ( rect.top <= e.clientY && e.clientY <= rect.top + rect.height && rect.left <= e.clientX && e.clientX <= rect.left + rect.width ); if (!isInDialog) { if (typeof modal.close === 'function') { modal.close(); } else { modal.removeAttribute('open'); } } } }); var modalPromptBtn = document.getElementById('markdown-modal-prompt-btn'); function formatPrompt(markdownText) { var postTitle = document.querySelector('h1.post-full-title') || document.querySelector('h1'); var titleStr = (postTitle ? postTitle.textContent.trim() : 'Live and let live - modern laziness...') || 'Article'; var appUrl = 'https://jochen.kirstaetter.name'.replace(/\\/+$/, ''); var canonicalLink = document.querySelector('link[rel=\"canonical\"]'); var pageUrl = canonicalLink ? (canonicalLink.getAttribute('href') || canonicalLink.href) : ''; if (!pageUrl) { pageUrl = appUrl + window.location.pathname; } if (pageUrl.startsWith('/')) { pageUrl = appUrl + pageUrl; } pageUrl = pageUrl.split('?')[0].split('#')[0]; try { var parsed = new URL(pageUrl, appUrl); if (parsed.hostname === 'localhost' || parsed.hostname === '127.0.0.1' || parsed.hostname.endsWith('.localhost')) { pageUrl = appUrl + parsed.pathname; } } catch (e) {} pageUrl = pageUrl.replace(/\\/index\\.html$/, '/').replace(/\\.html$/, ''); if (pageUrl.length > appUrl.length + 1 && pageUrl.endsWith('/')) { pageUrl = pageUrl.slice(0, -1); } return 'Analyse and use the following article as context:\\n\\n' + 'Title: ' + titleStr + '\\n' + 'URL: ' + pageUrl + '\\n\\n' + '---\\n\\n' + markdownText; } if (modalCopyBtn) { modalCopyBtn.addEventListener('click', function () { var text = codeEl ? (codeEl.innerText || codeEl.textContent) : ''; if (!text) return; navigator.clipboard.writeText(text).then(function () { var origHtml = modalCopyBtn.innerHTML; modalCopyBtn.classList.add('copied'); modalCopyBtn.innerHTML = ' Copied!'; setTimeout(function () { modalCopyBtn.classList.remove('copied'); modalCopyBtn.innerHTML = origHtml; }, 2000); }); }); } if (modalPromptBtn) { modalPromptBtn.addEventListener('click', function () { var text = codeEl ? (codeEl.innerText || codeEl.textContent) : ''; if (!text) return; var promptText = formatPrompt(text); navigator.clipboard.writeText(promptText).then(function () { var origHtml = modalPromptBtn.innerHTML; modalPromptBtn.classList.add('copied'); modalPromptBtn.innerHTML = ' Copied!'; setTimeout(function () { modalPromptBtn.classList.remove('copied'); modalPromptBtn.innerHTML = origHtml; }, 2000); }); }); } } })(); 2015-06-28 - Filed under General (function() { var el = document.currentScript ? document.currentScript.previousElementSibling.querySelector('.post-full-meta-date') : document.querySelector('.post-full-meta-date'); if (el) { var raw = el.getAttribute('datetime') || el.textContent.trim(); var m = raw.match(/^(\\d{4})-(\\d{1,2})-(\\d{1,2})/); if (m) { var months = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']; var y = parseInt(m[1], 10); var mo = parseInt(m[2], 10) - 1; var d = parseInt(m[3], 10); if (mo >= 0 && mo < 12) { el.textContent = months[mo] + ' ' + d + ', ' + y; } } } })(); Wow, it has been a while since I managed to visit the author's corner of my blog. Well, quite frankly there had been a variety aspects and quite a number of excuses to avoid coming to this place and I'd like to write a little bit about it. Eventually, this article might be a little bit boring for some of the readers but I would like you to join the comment section at the bottom - maybe after reading the following lines. Thank you! Stay sharp! Well, gratefully I have to report that the first ever Developers Conference had quite some positive impact on the local IT scene and we managed to reach out to some international audience, too. Apart from the (mostly) positive feedback of participants, speakers and sponsors alike, I would like to mention that the event received a little bit of media coverage, too. Despite our (short) preparation period of approximately 3.5 months and a small core organisation team of 3 people, I would say that we had quite some fun and hopefully were able to deliver some interesting content. But quite frankly I would like to remind people here on the island that it is about taking action and doing things... don't just sit there, talk about potential ideas and throw them overboard just because one or two people in your inner circle are discouraging and pointing out \"so many problems and eventualities\". Remember, Rome wasn't built in a day and adventuring a journey of 1,000 miles starts with a first single step. Taking a vacation from my blog But coming back to this blog, I have to admit that I was simple taking a mental vacation from it. The preparation period of the conference as well as running the event in high gears was kind of exhausting - physically and mentally. And hereby, I would like to express my deepest gratitude and thanks to my loving wife, Mary Jane, and my two little monsters for their patience and light short-comings in terms of \"paying attention\", \"being around\", and of course \"daddy-time in general\". Thanks and I love you all... And of course, there is the business side of the medal. Spending quite some time on arrangements with potential sponsors, having frequent exchange with potential speakers, and getting the conference web site in shape was kind of exhausting. But don't forget, I'm a small business owner, and spending time on such extra-ordinary activities has actually a double-impact. Yes, it does. Any non-productive time, economically speaking, directly implicates less incoming money on the bank account. So, while I was really enjoying the extra-time donated to community and creating more awareness of the Mauritius Software Craftsmanship Community in general, I had to keep an eye on the financial situation of things, too. You can't just stop doing your daily job... Well deserved refreshment after the preparations and successful execution of the first ever Developers Conference in Mauritius Obviously, there had been some catch-up to be done right after the event in order to keep my clients and my chief financial officer (read: BWE) happy. And so, instead of hanging out on the beach enjoying the perks of living on a tropical island, this meant to keep the caps on the keyboard warm and in constant movement. Like a well-oiled machinery that just needs some TLC from time to time I was hacking down lines of code during the last two months actually. Again, I really do love my profession and from that point of view, it never felt like an obligation or burden to get rid off of a pile of queued up work. Aux contraire, it felt great to be \"back\" and stay focused on coding lines after lines for my customers' requirements. Lack of inspiration? Now after roughly seven to eight weeks in, I'm still not sure whether it feels right to finally pick up blogging again. Honestly, due to narrow focus on work assignments - even though being busy with a variety of different contexts - I was waiting for the right moment to write here on the blog. Maybe you might have a similar experience that even though you have a fantastic idea to blog about... that there's a lack of inspiration, or should I say passion?, to actually sit and starting the article. Well, tonight it just feels right. The last two weeks had been great and I'm feeling the energy coming back to me. Right now, I'm again in a position where there's a little extra time... and some light cuddles of inspiration are whispering into my ears. \uD83D\uDE09 Yeah, that sounds kind of awkward... Being occupied with other activities Yes, trust me on that one... \uD83D\uDE09 Apart from writing code for customer projects and assignments I have been busy reading a good number of technical books on different topics. Again, I' have a good feeling about writing some reviews during the next couple of weeks. Most titles were of technical nature but there had been one or two titles from different genres in-between. And, not to forget to mention I also got some event invitations which I had to attend to as well. Honestly, the last two months had been great in all kind of flavours - hahaha, expect for entertaining this blog - and I'm really looking forward to share some of those experiences with my readers. And there are going to be some technical entries, too. Anyway, I kept my notes of interesting topics I would like to pin down here on the blog, and during the upcoming weeks I'm confident to share my thoughts on various aspects of software development, community activities in the IT world of Mauritius, and of course life in general. Stay tuned for more chapters to come... if (typeof window !== 'undefined' && window.location.hostname !== 'localhost' && window.location.hostname !== '127.0.0.1') { (window.adsbygoogle = window.adsbygoogle || []).push({}); } (function() { var loaded = false; function loadDisqusEmbed() { if (loaded) return; loaded = true; window.disqus_config = function () { this.page.url = 'live-and-let-live-modern-laziness.html'; this.page.identifier = '9271ed1c97_idlive-and-let-live-modern-laziness'; }; var d = document, s = d.createElement('script'); s.src = 'https://getbloggedbyjoki.disqus.com/embed.js'; s.setAttribute('data-timestamp', +new Date()); (d.head || d.body).appendChild(s); } var target = document.getElementById('disqus_thread'); if ('IntersectionObserver' in window && target) { var observer = new IntersectionObserver(function(entries) { if (entries[0].isIntersecting) { loadDisqusEmbed(); observer.disconnect(); } }, { rootMargin: '300px' }); observer.observe(target); } else { window.addEventListener('load', function() { if ('requestIdleCallback' in window) { requestIdleCallback(loadDisqusEmbed, { timeout: 4000 }); } else { setTimeout(loadDisqusEmbed, 3000); } }); } })();" }, "lndliches-brandenburg.html": { "href": "lndliches-brandenburg.html", "title": "Ländliches Brandenburg - Get Blogged by JoKi", "summary": "Ländliches Brandenburg Copy Markdown View Markdown GitHub Markdown Source Ländliches Brandenburg Copy Markdown Copy as Prompt Download .MD GitHub Close Loading markdown source... (function () { var rawMarkdownCache = {}; function cleanFrontmatter(text) { if (!text) return ''; // Bulletproof removal of frontmatter: between initial --- and ending --- return text.replace(/^---[\\s\\S]*?\\n---\\s*\\n?/, '').trim() + '\\n'; } function fetchMarkdown(slug, callback) { if (rawMarkdownCache[slug]) { callback(null, rawMarkdownCache[slug]); return; } var rel = ''; var url = rel + 'raw/' + encodeURIComponent(slug) + '.md'; fetch(url) .then(function (res) { if (!res.ok) throw new Error('Markdown source not found: ' + res.status); return res.text(); }) .then(function (text) { var cleaned = cleanFrontmatter(text); rawMarkdownCache[slug] = cleaned; callback(null, cleaned); }) .catch(function (err) { // Fallback: extract plain text from post content var contentEl = document.querySelector('.post-full-content .post-content, .post-content, main .inner'); if (contentEl) { var fallbackMd = '# ' + (document.querySelector('h1') ? document.querySelector('h1').innerText : 'Post') + '\\n\\n' + (contentEl.innerText || contentEl.textContent); rawMarkdownCache[slug] = fallbackMd; callback(null, fallbackMd); } else { callback(err, null); } }); } // Attach Copy Markdown handler var copyButtons = document.querySelectorAll('.btn-copy-markdown, .floating-copy-markdown'); copyButtons.forEach(function (btn) { btn.addEventListener('click', function () { var slug = btn.getAttribute('data-uid') || btn.getAttribute('data-slug') || 'lndliches-brandenburg'; var originalHtml = btn.innerHTML; btn.disabled = true; fetchMarkdown(slug, function (err, md) { if (err || !md) { btn.disabled = false; alert('Could not copy Markdown source.'); return; } navigator.clipboard.writeText(md).then(function () { btn.classList.add('copied'); btn.innerHTML = ' Copied!'; setTimeout(function () { btn.classList.remove('copied'); btn.innerHTML = originalHtml; btn.disabled = false; }, 2000); }).catch(function () { btn.disabled = false; }); }); }); }); // Attach View Markdown modal var viewButtons = document.querySelectorAll('.btn-view-markdown'); var modal = document.getElementById('markdown-viewer-modal'); var codeEl = document.getElementById('markdown-viewer-code'); var closeBtn = modal ? modal.querySelector('.markdown-viewer-close') : null; var modalCopyBtn = document.getElementById('markdown-modal-copy-btn'); if (modal && viewButtons.length > 0) { viewButtons.forEach(function (btn) { btn.addEventListener('click', function () { var slug = btn.getAttribute('data-uid') || btn.getAttribute('data-slug') || 'lndliches-brandenburg'; if (codeEl) codeEl.textContent = 'Loading Markdown source...'; if (typeof modal.showModal === 'function') { modal.showModal(); } else { modal.setAttribute('open', ''); } fetchMarkdown(slug, function (err, md) { if (codeEl) { codeEl.textContent = md || 'Failed to load Markdown source.'; if (window.hljs && typeof hljs.highlightElement === 'function') { hljs.highlightElement(codeEl); } // Remove any DocFX code-action / copy buttons that might have been injected var actions = modal.querySelectorAll('.code-action, .code-copy-btn, .action, a[title=\"Copy\"], button[title=\"Copy\"]'); actions.forEach(function (el) { el.remove(); }); } }); }); }); if (closeBtn) { closeBtn.addEventListener('click', function () { if (typeof modal.close === 'function') { modal.close(); } else { modal.removeAttribute('open'); } }); } // Light dismiss on backdrop click modal.addEventListener('click', function (e) { if (e.target === modal) { var rect = modal.getBoundingClientRect(); var isInDialog = ( rect.top <= e.clientY && e.clientY <= rect.top + rect.height && rect.left <= e.clientX && e.clientX <= rect.left + rect.width ); if (!isInDialog) { if (typeof modal.close === 'function') { modal.close(); } else { modal.removeAttribute('open'); } } } }); var modalPromptBtn = document.getElementById('markdown-modal-prompt-btn'); function formatPrompt(markdownText) { var postTitle = document.querySelector('h1.post-full-title') || document.querySelector('h1'); var titleStr = (postTitle ? postTitle.textContent.trim() : 'Ländliches Brandenburg') || 'Article'; var appUrl = 'https://jochen.kirstaetter.name'.replace(/\\/+$/, ''); var canonicalLink = document.querySelector('link[rel=\"canonical\"]'); var pageUrl = canonicalLink ? (canonicalLink.getAttribute('href') || canonicalLink.href) : ''; if (!pageUrl) { pageUrl = appUrl + window.location.pathname; } if (pageUrl.startsWith('/')) { pageUrl = appUrl + pageUrl; } pageUrl = pageUrl.split('?')[0].split('#')[0]; try { var parsed = new URL(pageUrl, appUrl); if (parsed.hostname === 'localhost' || parsed.hostname === '127.0.0.1' || parsed.hostname.endsWith('.localhost')) { pageUrl = appUrl + parsed.pathname; } } catch (e) {} pageUrl = pageUrl.replace(/\\/index\\.html$/, '/').replace(/\\.html$/, ''); if (pageUrl.length > appUrl.length + 1 && pageUrl.endsWith('/')) { pageUrl = pageUrl.slice(0, -1); } return 'Analyse and use the following article as context:\\n\\n' + 'Title: ' + titleStr + '\\n' + 'URL: ' + pageUrl + '\\n\\n' + '---\\n\\n' + markdownText; } if (modalCopyBtn) { modalCopyBtn.addEventListener('click', function () { var text = codeEl ? (codeEl.innerText || codeEl.textContent) : ''; if (!text) return; navigator.clipboard.writeText(text).then(function () { var origHtml = modalCopyBtn.innerHTML; modalCopyBtn.classList.add('copied'); modalCopyBtn.innerHTML = ' Copied!'; setTimeout(function () { modalCopyBtn.classList.remove('copied'); modalCopyBtn.innerHTML = origHtml; }, 2000); }); }); } if (modalPromptBtn) { modalPromptBtn.addEventListener('click', function () { var text = codeEl ? (codeEl.innerText || codeEl.textContent) : ''; if (!text) return; var promptText = formatPrompt(text); navigator.clipboard.writeText(promptText).then(function () { var origHtml = modalPromptBtn.innerHTML; modalPromptBtn.classList.add('copied'); modalPromptBtn.innerHTML = ' Copied!'; setTimeout(function () { modalPromptBtn.classList.remove('copied'); modalPromptBtn.innerHTML = origHtml; }, 2000); }); }); } } })(); 2006-09-13 - Filed under General (function() { var el = document.currentScript ? document.currentScript.previousElementSibling.querySelector('.post-full-meta-date') : document.querySelector('.post-full-meta-date'); if (el) { var raw = el.getAttribute('datetime') || el.textContent.trim(); var m = raw.match(/^(\\d{4})-(\\d{1,2})-(\\d{1,2})/); if (m) { var months = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']; var y = parseInt(m[1], 10); var mo = parseInt(m[2], 10) - 1; var d = parseInt(m[3], 10); if (mo >= 0 && mo < 12) { el.textContent = months[mo] + ' ' + d + ', ' + y; } } } })(); Anreise Im Gegensatz zur Hinreise nach Prag verlief die Rückkehr nach Deutschland relativ unspektakulär. Morgens mit Bus und Metro zum Flughafen, lockeres Einchecken und diesmal ohne unvorhergesehene Wartezeiten zurück nach Berlin Tegel. Von dort aus ging die Reise per Bahn weiter in die ländlichen Regionen von Teltow-Flaeming im südlichen Brandenburg. Schon die Fahrt im Regional-Express durch die morgendliche Sonne verhieß Gutes für den weiteren Tagesverlauf. Die Gegend hier - Teltow-Fläming bzw. Der Teltow - ist einfach nur traumhaft: Wiesen- und Waldregionen soweit das Auge reicht - und das weitestgehend flach. Herrlich, sicherlich ein Paradies für Sportler... Laufen, Radfahren und Skaten. Letzte Woche auf dem AFP-Workshop wurde bereits die Information in die Gespräche eingestreut, dass hier extra eine Skaterbahn über mehrere Kilometer angelegt sei. Klingt verlockend... Acodey-Workshop Die nächsten Tage werden wir uns mit diversen Komponenten aus unserer Bibliothek Acodey beschäftigen. Die Anforderungen sind durch den Kunden vorgegeben und wir schauen, welche Ergebnisse wir gemeinsam produzieren können. Weiterhin besteht die Notwendigkeit zur Verwendung eines Baum-Controls. Nichts leichter als das... \uD83D\uDE01 - schliesslich nutzen wir diesen bereits ausgiebig und erfolgreich in eigenen Projekten. Heute beschäftigen wir uns erst noch ein wenig mit Zugriff auf multiple VFP-Datenbanken über die Klassen DataEnvironment und VfpDataBehavior, und bereinigen das Projekt samt Entwicklungsverzeichnis. Tilt... Der Akku neigt sich dem Ende. Kein Wunder - durfte ich doch um 4:30 oder so heute morgen aufstehen. Nach Anreise und etlichen Stunden Workshop freue ich mich über gemütliches Zusammensitzen beim Abendessen mit zwei Teilnehmer, die im gleichen Hotel nächtigen. Bis denne, JoKi if (typeof window !== 'undefined' && window.location.hostname !== 'localhost' && window.location.hostname !== '127.0.0.1') { (window.adsbygoogle = window.adsbygoogle || []).push({}); } (function() { var loaded = false; function loadDisqusEmbed() { if (loaded) return; loaded = true; window.disqus_config = function () { this.page.url = 'lndliches-brandenburg.html'; this.page.identifier = '9271ed1c97_idlndliches-brandenburg'; }; var d = document, s = d.createElement('script'); s.src = 'https://getbloggedbyjoki.disqus.com/embed.js'; s.setAttribute('data-timestamp', +new Date()); (d.head || d.body).appendChild(s); } var target = document.getElementById('disqus_thread'); if ('IntersectionObserver' in window && target) { var observer = new IntersectionObserver(function(entries) { if (entries[0].isIntersecting) { loadDisqusEmbed(); observer.disconnect(); } }, { rootMargin: '300px' }); observer.observe(target); } else { window.addEventListener('load', function() { if ('requestIdleCallback' in window) { requestIdleCallback(loadDisqusEmbed, { timeout: 4000 }); } else { setTimeout(loadDisqusEmbed, 3000); } }); } })();" }, "long-time-ago---.html": { "href": "long-time-ago---.html", "title": "Long time ago... - Get Blogged by JoKi", "summary": "Long time ago... Copy Markdown View Markdown GitHub Markdown Source Long time ago... Copy Markdown Copy as Prompt Download .MD GitHub Close Loading markdown source... (function () { var rawMarkdownCache = {}; function cleanFrontmatter(text) { if (!text) return ''; // Bulletproof removal of frontmatter: between initial --- and ending --- return text.replace(/^---[\\s\\S]*?\\n---\\s*\\n?/, '').trim() + '\\n'; } function fetchMarkdown(slug, callback) { if (rawMarkdownCache[slug]) { callback(null, rawMarkdownCache[slug]); return; } var rel = ''; var url = rel + 'raw/' + encodeURIComponent(slug) + '.md'; fetch(url) .then(function (res) { if (!res.ok) throw new Error('Markdown source not found: ' + res.status); return res.text(); }) .then(function (text) { var cleaned = cleanFrontmatter(text); rawMarkdownCache[slug] = cleaned; callback(null, cleaned); }) .catch(function (err) { // Fallback: extract plain text from post content var contentEl = document.querySelector('.post-full-content .post-content, .post-content, main .inner'); if (contentEl) { var fallbackMd = '# ' + (document.querySelector('h1') ? document.querySelector('h1').innerText : 'Post') + '\\n\\n' + (contentEl.innerText || contentEl.textContent); rawMarkdownCache[slug] = fallbackMd; callback(null, fallbackMd); } else { callback(err, null); } }); } // Attach Copy Markdown handler var copyButtons = document.querySelectorAll('.btn-copy-markdown, .floating-copy-markdown'); copyButtons.forEach(function (btn) { btn.addEventListener('click', function () { var slug = btn.getAttribute('data-uid') || btn.getAttribute('data-slug') || 'long-time-ago---'; var originalHtml = btn.innerHTML; btn.disabled = true; fetchMarkdown(slug, function (err, md) { if (err || !md) { btn.disabled = false; alert('Could not copy Markdown source.'); return; } navigator.clipboard.writeText(md).then(function () { btn.classList.add('copied'); btn.innerHTML = ' Copied!'; setTimeout(function () { btn.classList.remove('copied'); btn.innerHTML = originalHtml; btn.disabled = false; }, 2000); }).catch(function () { btn.disabled = false; }); }); }); }); // Attach View Markdown modal var viewButtons = document.querySelectorAll('.btn-view-markdown'); var modal = document.getElementById('markdown-viewer-modal'); var codeEl = document.getElementById('markdown-viewer-code'); var closeBtn = modal ? modal.querySelector('.markdown-viewer-close') : null; var modalCopyBtn = document.getElementById('markdown-modal-copy-btn'); if (modal && viewButtons.length > 0) { viewButtons.forEach(function (btn) { btn.addEventListener('click', function () { var slug = btn.getAttribute('data-uid') || btn.getAttribute('data-slug') || 'long-time-ago---'; if (codeEl) codeEl.textContent = 'Loading Markdown source...'; if (typeof modal.showModal === 'function') { modal.showModal(); } else { modal.setAttribute('open', ''); } fetchMarkdown(slug, function (err, md) { if (codeEl) { codeEl.textContent = md || 'Failed to load Markdown source.'; if (window.hljs && typeof hljs.highlightElement === 'function') { hljs.highlightElement(codeEl); } // Remove any DocFX code-action / copy buttons that might have been injected var actions = modal.querySelectorAll('.code-action, .code-copy-btn, .action, a[title=\"Copy\"], button[title=\"Copy\"]'); actions.forEach(function (el) { el.remove(); }); } }); }); }); if (closeBtn) { closeBtn.addEventListener('click', function () { if (typeof modal.close === 'function') { modal.close(); } else { modal.removeAttribute('open'); } }); } // Light dismiss on backdrop click modal.addEventListener('click', function (e) { if (e.target === modal) { var rect = modal.getBoundingClientRect(); var isInDialog = ( rect.top <= e.clientY && e.clientY <= rect.top + rect.height && rect.left <= e.clientX && e.clientX <= rect.left + rect.width ); if (!isInDialog) { if (typeof modal.close === 'function') { modal.close(); } else { modal.removeAttribute('open'); } } } }); var modalPromptBtn = document.getElementById('markdown-modal-prompt-btn'); function formatPrompt(markdownText) { var postTitle = document.querySelector('h1.post-full-title') || document.querySelector('h1'); var titleStr = (postTitle ? postTitle.textContent.trim() : 'Long time ago...') || 'Article'; var appUrl = 'https://jochen.kirstaetter.name'.replace(/\\/+$/, ''); var canonicalLink = document.querySelector('link[rel=\"canonical\"]'); var pageUrl = canonicalLink ? (canonicalLink.getAttribute('href') || canonicalLink.href) : ''; if (!pageUrl) { pageUrl = appUrl + window.location.pathname; } if (pageUrl.startsWith('/')) { pageUrl = appUrl + pageUrl; } pageUrl = pageUrl.split('?')[0].split('#')[0]; try { var parsed = new URL(pageUrl, appUrl); if (parsed.hostname === 'localhost' || parsed.hostname === '127.0.0.1' || parsed.hostname.endsWith('.localhost')) { pageUrl = appUrl + parsed.pathname; } } catch (e) {} pageUrl = pageUrl.replace(/\\/index\\.html$/, '/').replace(/\\.html$/, ''); if (pageUrl.length > appUrl.length + 1 && pageUrl.endsWith('/')) { pageUrl = pageUrl.slice(0, -1); } return 'Analyse and use the following article as context:\\n\\n' + 'Title: ' + titleStr + '\\n' + 'URL: ' + pageUrl + '\\n\\n' + '---\\n\\n' + markdownText; } if (modalCopyBtn) { modalCopyBtn.addEventListener('click', function () { var text = codeEl ? (codeEl.innerText || codeEl.textContent) : ''; if (!text) return; navigator.clipboard.writeText(text).then(function () { var origHtml = modalCopyBtn.innerHTML; modalCopyBtn.classList.add('copied'); modalCopyBtn.innerHTML = ' Copied!'; setTimeout(function () { modalCopyBtn.classList.remove('copied'); modalCopyBtn.innerHTML = origHtml; }, 2000); }); }); } if (modalPromptBtn) { modalPromptBtn.addEventListener('click', function () { var text = codeEl ? (codeEl.innerText || codeEl.textContent) : ''; if (!text) return; var promptText = formatPrompt(text); navigator.clipboard.writeText(promptText).then(function () { var origHtml = modalPromptBtn.innerHTML; modalPromptBtn.classList.add('copied'); modalPromptBtn.innerHTML = ' Copied!'; setTimeout(function () { modalPromptBtn.classList.remove('copied'); modalPromptBtn.innerHTML = origHtml; }, 2000); }); }); } } })(); 2005-12-28 - Filed under Community (function() { var el = document.currentScript ? document.currentScript.previousElementSibling.querySelector('.post-full-meta-date') : document.querySelector('.post-full-meta-date'); if (el) { var raw = el.getAttribute('datetime') || el.textContent.trim(); var m = raw.match(/^(\\d{4})-(\\d{1,2})-(\\d{1,2})/); if (m) { var months = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']; var y = parseInt(m[1], 10); var mo = parseInt(m[2], 10) - 1; var d = parseInt(m[3], 10); if (mo >= 0 && mo < 12) { el.textContent = months[mo] + ' ' + d + ', ' + y; } } } })(); ...in a country far far far away. I guess this may be the words for a fairy tale. But this blog article isn't to be one of those. Well, long time ago since I blogged my last article on this site. Meanwhile I did a lot of project stuff for some customers and now again, it's vacation time. Probably the best time to write a new blog entry. Alright, let's what's changed since last time. Actually I wrote some nice entries to my German blog at https://jochen.kirstaetter.name/ and like to summarize the last three months a little bit. Starting with the German VFP developer's conference - https://devcon.dfpug.de - should be a smooth way to sum up all this stuff. Yup, again I had the chance to speak at the conference and I held four sessions. Those were about useful and free tools to enhance daily work with Visual FoxPro (D-GEIZ), Regular Expressions - my favorite one (D-REGX), using Subversion as source code version control system (D-SVN) and last but not least about interoperability between Visual FoxPro and Linux related technologies (D-LINU). Just check out the session descriptions for details or even better the UT Coverage at https://www.utcoverage.com/German/2005 and https://www.utcoverage.com/German/20052 - especially the picture gallery. \uD83D\uDE09 It was a lot of fun during these days and I appreciate next year's event. Additionally I'll head to Praha again. Maybe we'll meet each other. Fine, talking about German FoxPro User Group (dFPUG) I'd like to mention that we just had our last meeting of the regional user group at Speyer - the city here in Germany with the famous dome. Yeah, it was a quite funny event because we had some nice goodies from O'Reilly, Microsoft and others as give-aways. Plans for 2006 are already made and I bet that this will be one of the best opportunities to get in touch with die-hard FoxPro coders in our region. \uD83D\uDE09 One of the monthly attendees uses Fox since FoxBase 1.02b (IIRC) - that's way impressive. And here we are at the present moment. Currently I did a lot of enhancements in Html Plugin for Active FoxPro Pages and AfpWiki itself. I hope to release both products during next week. Html Plugin is primarily a plug-in for Active FoxPro Pages. But that's only half the truth. The plug-in itself is build as a component and offers stand-alone functionality for VFP developers and through COM as well for other programming languages. In VFP you just create an object like so: Set Procedure To \"html.plugin.dll\" Additive Html = CreateObject(\"CHTML\") If you have to use COM instead, then this works just fine: Html = CreateObject(\"AFPPlugin.Html\") It was quite funny to get this component working in .NET Framework and I'm still working on this topic, but at the moment I got it to create my own namespace (tree) based on this single DLL. After you added a reference to the COM server, you'll have an new namespace tree instead of just one plain entry: ProLib.AFP3.Plugin.Html and due to COM interoperability in .NET the instance name of the class is simple HtmlClass. I wrote a sample solution that's able to convert an RSS Feed to a .NET DataSet through the Html Plugin. Well, not too hard to implement in pure .NET but the fact is, that the plug-in provides the same functionality to VFP developers. And... Html Plugin is a core part of AfpWiki - a Wiki engine on top of Active FoxPro Pages. Actually the Html Plugin does all the stuff related to Regular Expressions. It's really nice to see that just one line of code parses all hyperlinks of the entire document and converts them into clickable links with 'title' attribute and protocol indicator. There is still a lot of work to do inside of AfpWiki, like backup and restore of the database, online upgrade mechanism as well as an abstraction layer to user authentication and management, but this will be implemented during a couple of weeks. You might check out https://faq.dfpug.de to see the system in action. Ah, before I forget to mention... Html Plugin and AfpWiki are both available for free (as in beer g). So, if anyone of you is interested in a Wiki solution... just drop me a note. That's all for 2005... I wish you A Happy New Year and hope to see you all in 2006 again. Sincerely, JoKi if (typeof window !== 'undefined' && window.location.hostname !== 'localhost' && window.location.hostname !== '127.0.0.1') { (window.adsbygoogle = window.adsbygoogle || []).push({}); } (function() { var loaded = false; function loadDisqusEmbed() { if (loaded) return; loaded = true; window.disqus_config = function () { this.page.url = 'long-time-ago---.html'; this.page.identifier = '9271ed1c97_idlong-time-ago---'; }; var d = document, s = d.createElement('script'); s.src = 'https://getbloggedbyjoki.disqus.com/embed.js'; s.setAttribute('data-timestamp', +new Date()); (d.head || d.body).appendChild(s); } var target = document.getElementById('disqus_thread'); if ('IntersectionObserver' in window && target) { var observer = new IntersectionObserver(function(entries) { if (entries[0].isIntersecting) { loadDisqusEmbed(); observer.disconnect(); } }, { rootMargin: '300px' }); observer.observe(target); } else { window.addEventListener('load', function() { if ('requestIdleCallback' in window) { requestIdleCallback(loadDisqusEmbed, { timeout: 4000 }); } else { setTimeout(loadDisqusEmbed, 3000); } }); } })();" }, "loss-of-power-even-wo-cyclone.html": { "href": "loss-of-power-even-wo-cyclone.html", "title": "Loss of power - even w/o cyclone - Get Blogged by JoKi", "summary": "Loss of power - even w/o cyclone Copy Markdown View Markdown GitHub Markdown Source Loss of power - even w/o cyclone Copy Markdown Copy as Prompt Download .MD GitHub Close Loading markdown source... (function () { var rawMarkdownCache = {}; function cleanFrontmatter(text) { if (!text) return ''; // Bulletproof removal of frontmatter: between initial --- and ending --- return text.replace(/^---[\\s\\S]*?\\n---\\s*\\n?/, '').trim() + '\\n'; } function fetchMarkdown(slug, callback) { if (rawMarkdownCache[slug]) { callback(null, rawMarkdownCache[slug]); return; } var rel = ''; var url = rel + 'raw/' + encodeURIComponent(slug) + '.md'; fetch(url) .then(function (res) { if (!res.ok) throw new Error('Markdown source not found: ' + res.status); return res.text(); }) .then(function (text) { var cleaned = cleanFrontmatter(text); rawMarkdownCache[slug] = cleaned; callback(null, cleaned); }) .catch(function (err) { // Fallback: extract plain text from post content var contentEl = document.querySelector('.post-full-content .post-content, .post-content, main .inner'); if (contentEl) { var fallbackMd = '# ' + (document.querySelector('h1') ? document.querySelector('h1').innerText : 'Post') + '\\n\\n' + (contentEl.innerText || contentEl.textContent); rawMarkdownCache[slug] = fallbackMd; callback(null, fallbackMd); } else { callback(err, null); } }); } // Attach Copy Markdown handler var copyButtons = document.querySelectorAll('.btn-copy-markdown, .floating-copy-markdown'); copyButtons.forEach(function (btn) { btn.addEventListener('click', function () { var slug = btn.getAttribute('data-uid') || btn.getAttribute('data-slug') || 'loss-of-power-even-wo-cyclone'; var originalHtml = btn.innerHTML; btn.disabled = true; fetchMarkdown(slug, function (err, md) { if (err || !md) { btn.disabled = false; alert('Could not copy Markdown source.'); return; } navigator.clipboard.writeText(md).then(function () { btn.classList.add('copied'); btn.innerHTML = ' Copied!'; setTimeout(function () { btn.classList.remove('copied'); btn.innerHTML = originalHtml; btn.disabled = false; }, 2000); }).catch(function () { btn.disabled = false; }); }); }); }); // Attach View Markdown modal var viewButtons = document.querySelectorAll('.btn-view-markdown'); var modal = document.getElementById('markdown-viewer-modal'); var codeEl = document.getElementById('markdown-viewer-code'); var closeBtn = modal ? modal.querySelector('.markdown-viewer-close') : null; var modalCopyBtn = document.getElementById('markdown-modal-copy-btn'); if (modal && viewButtons.length > 0) { viewButtons.forEach(function (btn) { btn.addEventListener('click', function () { var slug = btn.getAttribute('data-uid') || btn.getAttribute('data-slug') || 'loss-of-power-even-wo-cyclone'; if (codeEl) codeEl.textContent = 'Loading Markdown source...'; if (typeof modal.showModal === 'function') { modal.showModal(); } else { modal.setAttribute('open', ''); } fetchMarkdown(slug, function (err, md) { if (codeEl) { codeEl.textContent = md || 'Failed to load Markdown source.'; if (window.hljs && typeof hljs.highlightElement === 'function') { hljs.highlightElement(codeEl); } // Remove any DocFX code-action / copy buttons that might have been injected var actions = modal.querySelectorAll('.code-action, .code-copy-btn, .action, a[title=\"Copy\"], button[title=\"Copy\"]'); actions.forEach(function (el) { el.remove(); }); } }); }); }); if (closeBtn) { closeBtn.addEventListener('click', function () { if (typeof modal.close === 'function') { modal.close(); } else { modal.removeAttribute('open'); } }); } // Light dismiss on backdrop click modal.addEventListener('click', function (e) { if (e.target === modal) { var rect = modal.getBoundingClientRect(); var isInDialog = ( rect.top <= e.clientY && e.clientY <= rect.top + rect.height && rect.left <= e.clientX && e.clientX <= rect.left + rect.width ); if (!isInDialog) { if (typeof modal.close === 'function') { modal.close(); } else { modal.removeAttribute('open'); } } } }); var modalPromptBtn = document.getElementById('markdown-modal-prompt-btn'); function formatPrompt(markdownText) { var postTitle = document.querySelector('h1.post-full-title') || document.querySelector('h1'); var titleStr = (postTitle ? postTitle.textContent.trim() : 'Loss of power - even w/o cyclone') || 'Article'; var appUrl = 'https://jochen.kirstaetter.name'.replace(/\\/+$/, ''); var canonicalLink = document.querySelector('link[rel=\"canonical\"]'); var pageUrl = canonicalLink ? (canonicalLink.getAttribute('href') || canonicalLink.href) : ''; if (!pageUrl) { pageUrl = appUrl + window.location.pathname; } if (pageUrl.startsWith('/')) { pageUrl = appUrl + pageUrl; } pageUrl = pageUrl.split('?')[0].split('#')[0]; try { var parsed = new URL(pageUrl, appUrl); if (parsed.hostname === 'localhost' || parsed.hostname === '127.0.0.1' || parsed.hostname.endsWith('.localhost')) { pageUrl = appUrl + parsed.pathname; } } catch (e) {} pageUrl = pageUrl.replace(/\\/index\\.html$/, '/').replace(/\\.html$/, ''); if (pageUrl.length > appUrl.length + 1 && pageUrl.endsWith('/')) { pageUrl = pageUrl.slice(0, -1); } return 'Analyse and use the following article as context:\\n\\n' + 'Title: ' + titleStr + '\\n' + 'URL: ' + pageUrl + '\\n\\n' + '---\\n\\n' + markdownText; } if (modalCopyBtn) { modalCopyBtn.addEventListener('click', function () { var text = codeEl ? (codeEl.innerText || codeEl.textContent) : ''; if (!text) return; navigator.clipboard.writeText(text).then(function () { var origHtml = modalCopyBtn.innerHTML; modalCopyBtn.classList.add('copied'); modalCopyBtn.innerHTML = ' Copied!'; setTimeout(function () { modalCopyBtn.classList.remove('copied'); modalCopyBtn.innerHTML = origHtml; }, 2000); }); }); } if (modalPromptBtn) { modalPromptBtn.addEventListener('click', function () { var text = codeEl ? (codeEl.innerText || codeEl.textContent) : ''; if (!text) return; var promptText = formatPrompt(text); navigator.clipboard.writeText(promptText).then(function () { var origHtml = modalPromptBtn.innerHTML; modalPromptBtn.classList.add('copied'); modalPromptBtn.innerHTML = ' Copied!'; setTimeout(function () { modalPromptBtn.classList.remove('copied'); modalPromptBtn.innerHTML = origHtml; }, 2000); }); }); } } })(); 2008-02-03 - Filed under General (function() { var el = document.currentScript ? document.currentScript.previousElementSibling.querySelector('.post-full-meta-date') : document.querySelector('.post-full-meta-date'); if (el) { var raw = el.getAttribute('datetime') || el.textContent.trim(); var m = raw.match(/^(\\d{4})-(\\d{1,2})-(\\d{1,2})/); if (m) { var months = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']; var y = parseInt(m[1], 10); var mo = parseInt(m[2], 10) - 1; var d = parseInt(m[3], 10); if (mo >= 0 && mo < 12) { el.textContent = months[mo] + ' ' + d + ', ' + y; } } } })(); It's quite funny to write these lines at the moment... because the place I live is completely without any electricity. So, you may wonder 'How is able to write a blog article?' - Hehehe, quite easy. Using a laptop and internet connectivity via mobile. Simple but effective. Also interesting is the matter of fact that there are no bad weather conditions or whatever that seems to be of natural sources. Hm, so I guess that someone hit a pole on the road and cut the power line. Yeah, things like this can happen. We gonna know tomorrow (hopefully). Anyways, I need to spare some battery power for work and close this article with the following sentence: It's amazing to see the stars w/o any light source in the surroundings. So long and good night from Mauritius. if (typeof window !== 'undefined' && window.location.hostname !== 'localhost' && window.location.hostname !== '127.0.0.1') { (window.adsbygoogle = window.adsbygoogle || []).push({}); } (function() { var loaded = false; function loadDisqusEmbed() { if (loaded) return; loaded = true; window.disqus_config = function () { this.page.url = 'loss-of-power-even-wo-cyclone.html'; this.page.identifier = '9271ed1c97_idloss-of-power-even-wo-cyclone'; }; var d = document, s = d.createElement('script'); s.src = 'https://getbloggedbyjoki.disqus.com/embed.js'; s.setAttribute('data-timestamp', +new Date()); (d.head || d.body).appendChild(s); } var target = document.getElementById('disqus_thread'); if ('IntersectionObserver' in window && target) { var observer = new IntersectionObserver(function(entries) { if (entries[0].isIntersecting) { loadDisqusEmbed(); observer.disconnect(); } }, { rootMargin: '300px' }); observer.observe(target); } else { window.addEventListener('load', function() { if ('requestIdleCallback' in window) { requestIdleCallback(loadDisqusEmbed, { timeout: 4000 }); } else { setTimeout(loadDisqusEmbed, 3000); } }); } })();" }, "lost-in-the-twilight-zone---.html": { "href": "lost-in-the-twilight-zone---.html", "title": "Lost in the Twilight Zone... - Get Blogged by JoKi", "summary": "Lost in the Twilight Zone... Copy Markdown View Markdown GitHub Markdown Source Lost in the Twilight Zone... Copy Markdown Copy as Prompt Download .MD GitHub Close Loading markdown source... (function () { var rawMarkdownCache = {}; function cleanFrontmatter(text) { if (!text) return ''; // Bulletproof removal of frontmatter: between initial --- and ending --- return text.replace(/^---[\\s\\S]*?\\n---\\s*\\n?/, '').trim() + '\\n'; } function fetchMarkdown(slug, callback) { if (rawMarkdownCache[slug]) { callback(null, rawMarkdownCache[slug]); return; } var rel = ''; var url = rel + 'raw/' + encodeURIComponent(slug) + '.md'; fetch(url) .then(function (res) { if (!res.ok) throw new Error('Markdown source not found: ' + res.status); return res.text(); }) .then(function (text) { var cleaned = cleanFrontmatter(text); rawMarkdownCache[slug] = cleaned; callback(null, cleaned); }) .catch(function (err) { // Fallback: extract plain text from post content var contentEl = document.querySelector('.post-full-content .post-content, .post-content, main .inner'); if (contentEl) { var fallbackMd = '# ' + (document.querySelector('h1') ? document.querySelector('h1').innerText : 'Post') + '\\n\\n' + (contentEl.innerText || contentEl.textContent); rawMarkdownCache[slug] = fallbackMd; callback(null, fallbackMd); } else { callback(err, null); } }); } // Attach Copy Markdown handler var copyButtons = document.querySelectorAll('.btn-copy-markdown, .floating-copy-markdown'); copyButtons.forEach(function (btn) { btn.addEventListener('click', function () { var slug = btn.getAttribute('data-uid') || btn.getAttribute('data-slug') || 'lost-in-the-twilight-zone---'; var originalHtml = btn.innerHTML; btn.disabled = true; fetchMarkdown(slug, function (err, md) { if (err || !md) { btn.disabled = false; alert('Could not copy Markdown source.'); return; } navigator.clipboard.writeText(md).then(function () { btn.classList.add('copied'); btn.innerHTML = ' Copied!'; setTimeout(function () { btn.classList.remove('copied'); btn.innerHTML = originalHtml; btn.disabled = false; }, 2000); }).catch(function () { btn.disabled = false; }); }); }); }); // Attach View Markdown modal var viewButtons = document.querySelectorAll('.btn-view-markdown'); var modal = document.getElementById('markdown-viewer-modal'); var codeEl = document.getElementById('markdown-viewer-code'); var closeBtn = modal ? modal.querySelector('.markdown-viewer-close') : null; var modalCopyBtn = document.getElementById('markdown-modal-copy-btn'); if (modal && viewButtons.length > 0) { viewButtons.forEach(function (btn) { btn.addEventListener('click', function () { var slug = btn.getAttribute('data-uid') || btn.getAttribute('data-slug') || 'lost-in-the-twilight-zone---'; if (codeEl) codeEl.textContent = 'Loading Markdown source...'; if (typeof modal.showModal === 'function') { modal.showModal(); } else { modal.setAttribute('open', ''); } fetchMarkdown(slug, function (err, md) { if (codeEl) { codeEl.textContent = md || 'Failed to load Markdown source.'; if (window.hljs && typeof hljs.highlightElement === 'function') { hljs.highlightElement(codeEl); } // Remove any DocFX code-action / copy buttons that might have been injected var actions = modal.querySelectorAll('.code-action, .code-copy-btn, .action, a[title=\"Copy\"], button[title=\"Copy\"]'); actions.forEach(function (el) { el.remove(); }); } }); }); }); if (closeBtn) { closeBtn.addEventListener('click', function () { if (typeof modal.close === 'function') { modal.close(); } else { modal.removeAttribute('open'); } }); } // Light dismiss on backdrop click modal.addEventListener('click', function (e) { if (e.target === modal) { var rect = modal.getBoundingClientRect(); var isInDialog = ( rect.top <= e.clientY && e.clientY <= rect.top + rect.height && rect.left <= e.clientX && e.clientX <= rect.left + rect.width ); if (!isInDialog) { if (typeof modal.close === 'function') { modal.close(); } else { modal.removeAttribute('open'); } } } }); var modalPromptBtn = document.getElementById('markdown-modal-prompt-btn'); function formatPrompt(markdownText) { var postTitle = document.querySelector('h1.post-full-title') || document.querySelector('h1'); var titleStr = (postTitle ? postTitle.textContent.trim() : 'Lost in the Twilight Zone...') || 'Article'; var appUrl = 'https://jochen.kirstaetter.name'.replace(/\\/+$/, ''); var canonicalLink = document.querySelector('link[rel=\"canonical\"]'); var pageUrl = canonicalLink ? (canonicalLink.getAttribute('href') || canonicalLink.href) : ''; if (!pageUrl) { pageUrl = appUrl + window.location.pathname; } if (pageUrl.startsWith('/')) { pageUrl = appUrl + pageUrl; } pageUrl = pageUrl.split('?')[0].split('#')[0]; try { var parsed = new URL(pageUrl, appUrl); if (parsed.hostname === 'localhost' || parsed.hostname === '127.0.0.1' || parsed.hostname.endsWith('.localhost')) { pageUrl = appUrl + parsed.pathname; } } catch (e) {} pageUrl = pageUrl.replace(/\\/index\\.html$/, '/').replace(/\\.html$/, ''); if (pageUrl.length > appUrl.length + 1 && pageUrl.endsWith('/')) { pageUrl = pageUrl.slice(0, -1); } return 'Analyse and use the following article as context:\\n\\n' + 'Title: ' + titleStr + '\\n' + 'URL: ' + pageUrl + '\\n\\n' + '---\\n\\n' + markdownText; } if (modalCopyBtn) { modalCopyBtn.addEventListener('click', function () { var text = codeEl ? (codeEl.innerText || codeEl.textContent) : ''; if (!text) return; navigator.clipboard.writeText(text).then(function () { var origHtml = modalCopyBtn.innerHTML; modalCopyBtn.classList.add('copied'); modalCopyBtn.innerHTML = ' Copied!'; setTimeout(function () { modalCopyBtn.classList.remove('copied'); modalCopyBtn.innerHTML = origHtml; }, 2000); }); }); } if (modalPromptBtn) { modalPromptBtn.addEventListener('click', function () { var text = codeEl ? (codeEl.innerText || codeEl.textContent) : ''; if (!text) return; var promptText = formatPrompt(text); navigator.clipboard.writeText(promptText).then(function () { var origHtml = modalPromptBtn.innerHTML; modalPromptBtn.classList.add('copied'); modalPromptBtn.innerHTML = ' Copied!'; setTimeout(function () { modalPromptBtn.classList.remove('copied'); modalPromptBtn.innerHTML = origHtml; }, 2000); }); }); } } })(); 2005-07-12 - Filed under General (function() { var el = document.currentScript ? document.currentScript.previousElementSibling.querySelector('.post-full-meta-date') : document.querySelector('.post-full-meta-date'); if (el) { var raw = el.getAttribute('datetime') || el.textContent.trim(); var m = raw.match(/^(\\d{4})-(\\d{1,2})-(\\d{1,2})/); if (m) { var months = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']; var y = parseInt(m[1], 10); var mo = parseInt(m[2], 10) - 1; var d = parseInt(m[3], 10); if (mo >= 0 && mo < 12) { el.textContent = months[mo] + ' ' + d + ', ' + y; } } } })(); Ich glaube so dürfte es Golo heute ergangen sein... ...nachdem er Zugang zum Tracking-System der Active FoxPro Pages erhalten hat. \uD83D\uDE09 Wie kam's dazu? Ganz einfach eigentlich, wir haben einen Eintrag, der es ermöglichen soll, dass die Active FoxPro Pages ohne irgendwelche Installationsorgien ad hoc out-of-the-box genutzt werden sollen. Sozusagen XCopy-Deployment auf dem Webserver. Dies dürfte insbesondere für die kleineren Hosting-Angebote interessant werden, da wir hier auf etliche Limitierungen eingehen und diese umgehen. Nunja, wir werden sehen. Letztendlich hatten wir intensiv über einen Eintrag gesprochen und diverse Ansätze und Lösungsmöglichkeiten erörtert. Irgendwann kamen wir dann mal auf die Idee, was denn an Voraussetzungen vorhanden ist und welche Bedingungen zu erfüllen sind. Und dann fing der Spass an... Also, Spass für mich, aber Golo hat's irgendwie anders aufgenommen. See for yourself - dürfte wohl am besten passen. Schon der erste Blick in die Twilight Zone sorgte bereits für das ein oder andere Stirnrunzeln, von den Mund-auf-Luft-hol-Mund-zu-Aktivitäten möchte nicht berichten. Erwähnte ich schon das Kopfschütteln mit erstauntem Blick? \uD83D\uDE09 Okay, letztendlich erhielt er einen Account und damit ist er dann endgültig versunken - Ich hab' ihn seitdem nicht mehr gesichtet, geschweige denn gehört - rituelle Andacht bei ihm? Well, ich bin mal gespannt, ob er bis morgen die Trackingliste mit unseren Ansätzen und Absichten für künftige Versionen der Active FoxPro Pages durch ist, oder ob's doch länger brauchen wird. Welcome to the desert of the real world \uD83D\uDE09 Ich bin mal auf die ersten Reaktionen gespannt... if (typeof window !== 'undefined' && window.location.hostname !== 'localhost' && window.location.hostname !== '127.0.0.1') { (window.adsbygoogle = window.adsbygoogle || []).push({}); } (function() { var loaded = false; function loadDisqusEmbed() { if (loaded) return; loaded = true; window.disqus_config = function () { this.page.url = 'lost-in-the-twilight-zone---.html'; this.page.identifier = '9271ed1c97_idlost-in-the-twilight-zone---'; }; var d = document, s = d.createElement('script'); s.src = 'https://getbloggedbyjoki.disqus.com/embed.js'; s.setAttribute('data-timestamp', +new Date()); (d.head || d.body).appendChild(s); } var target = document.getElementById('disqus_thread'); if ('IntersectionObserver' in window && target) { var observer = new IntersectionObserver(function(entries) { if (entries[0].isIntersecting) { loadDisqusEmbed(); observer.disconnect(); } }, { rootMargin: '300px' }); observer.observe(target); } else { window.addEventListener('load', function() { if ('requestIdleCallback' in window) { requestIdleCallback(loadDisqusEmbed, { timeout: 4000 }); } else { setTimeout(loadDisqusEmbed, 3000); } }); } })();" }, "lugm-corsair-hackers-reboot.html": { "href": "lugm-corsair-hackers-reboot.html", "title": "Corsair Hackers Reboot - Get Blogged by JoKi", "summary": "Corsair Hackers Reboot Copy Markdown View Markdown GitHub Markdown Source Corsair Hackers Reboot Copy Markdown Copy as Prompt Download .MD GitHub Close Loading markdown source... (function () { var rawMarkdownCache = {}; function cleanFrontmatter(text) { if (!text) return ''; // Bulletproof removal of frontmatter: between initial --- and ending --- return text.replace(/^---[\\s\\S]*?\\n---\\s*\\n?/, '').trim() + '\\n'; } function fetchMarkdown(slug, callback) { if (rawMarkdownCache[slug]) { callback(null, rawMarkdownCache[slug]); return; } var rel = ''; var url = rel + 'raw/' + encodeURIComponent(slug) + '.md'; fetch(url) .then(function (res) { if (!res.ok) throw new Error('Markdown source not found: ' + res.status); return res.text(); }) .then(function (text) { var cleaned = cleanFrontmatter(text); rawMarkdownCache[slug] = cleaned; callback(null, cleaned); }) .catch(function (err) { // Fallback: extract plain text from post content var contentEl = document.querySelector('.post-full-content .post-content, .post-content, main .inner'); if (contentEl) { var fallbackMd = '# ' + (document.querySelector('h1') ? document.querySelector('h1').innerText : 'Post') + '\\n\\n' + (contentEl.innerText || contentEl.textContent); rawMarkdownCache[slug] = fallbackMd; callback(null, fallbackMd); } else { callback(err, null); } }); } // Attach Copy Markdown handler var copyButtons = document.querySelectorAll('.btn-copy-markdown, .floating-copy-markdown'); copyButtons.forEach(function (btn) { btn.addEventListener('click', function () { var slug = btn.getAttribute('data-uid') || btn.getAttribute('data-slug') || 'lugm-corsair-hackers-reboot'; var originalHtml = btn.innerHTML; btn.disabled = true; fetchMarkdown(slug, function (err, md) { if (err || !md) { btn.disabled = false; alert('Could not copy Markdown source.'); return; } navigator.clipboard.writeText(md).then(function () { btn.classList.add('copied'); btn.innerHTML = ' Copied!'; setTimeout(function () { btn.classList.remove('copied'); btn.innerHTML = originalHtml; btn.disabled = false; }, 2000); }).catch(function () { btn.disabled = false; }); }); }); }); // Attach View Markdown modal var viewButtons = document.querySelectorAll('.btn-view-markdown'); var modal = document.getElementById('markdown-viewer-modal'); var codeEl = document.getElementById('markdown-viewer-code'); var closeBtn = modal ? modal.querySelector('.markdown-viewer-close') : null; var modalCopyBtn = document.getElementById('markdown-modal-copy-btn'); if (modal && viewButtons.length > 0) { viewButtons.forEach(function (btn) { btn.addEventListener('click', function () { var slug = btn.getAttribute('data-uid') || btn.getAttribute('data-slug') || 'lugm-corsair-hackers-reboot'; if (codeEl) codeEl.textContent = 'Loading Markdown source...'; if (typeof modal.showModal === 'function') { modal.showModal(); } else { modal.setAttribute('open', ''); } fetchMarkdown(slug, function (err, md) { if (codeEl) { codeEl.textContent = md || 'Failed to load Markdown source.'; if (window.hljs && typeof hljs.highlightElement === 'function') { hljs.highlightElement(codeEl); } // Remove any DocFX code-action / copy buttons that might have been injected var actions = modal.querySelectorAll('.code-action, .code-copy-btn, .action, a[title=\"Copy\"], button[title=\"Copy\"]'); actions.forEach(function (el) { el.remove(); }); } }); }); }); if (closeBtn) { closeBtn.addEventListener('click', function () { if (typeof modal.close === 'function') { modal.close(); } else { modal.removeAttribute('open'); } }); } // Light dismiss on backdrop click modal.addEventListener('click', function (e) { if (e.target === modal) { var rect = modal.getBoundingClientRect(); var isInDialog = ( rect.top <= e.clientY && e.clientY <= rect.top + rect.height && rect.left <= e.clientX && e.clientX <= rect.left + rect.width ); if (!isInDialog) { if (typeof modal.close === 'function') { modal.close(); } else { modal.removeAttribute('open'); } } } }); var modalPromptBtn = document.getElementById('markdown-modal-prompt-btn'); function formatPrompt(markdownText) { var postTitle = document.querySelector('h1.post-full-title') || document.querySelector('h1'); var titleStr = (postTitle ? postTitle.textContent.trim() : 'Corsair Hackers Reboot') || 'Article'; var appUrl = 'https://jochen.kirstaetter.name'.replace(/\\/+$/, ''); var canonicalLink = document.querySelector('link[rel=\"canonical\"]'); var pageUrl = canonicalLink ? (canonicalLink.getAttribute('href') || canonicalLink.href) : ''; if (!pageUrl) { pageUrl = appUrl + window.location.pathname; } if (pageUrl.startsWith('/')) { pageUrl = appUrl + pageUrl; } pageUrl = pageUrl.split('?')[0].split('#')[0]; try { var parsed = new URL(pageUrl, appUrl); if (parsed.hostname === 'localhost' || parsed.hostname === '127.0.0.1' || parsed.hostname.endsWith('.localhost')) { pageUrl = appUrl + parsed.pathname; } } catch (e) {} pageUrl = pageUrl.replace(/\\/index\\.html$/, '/').replace(/\\.html$/, ''); if (pageUrl.length > appUrl.length + 1 && pageUrl.endsWith('/')) { pageUrl = pageUrl.slice(0, -1); } return 'Analyse and use the following article as context:\\n\\n' + 'Title: ' + titleStr + '\\n' + 'URL: ' + pageUrl + '\\n\\n' + '---\\n\\n' + markdownText; } if (modalCopyBtn) { modalCopyBtn.addEventListener('click', function () { var text = codeEl ? (codeEl.innerText || codeEl.textContent) : ''; if (!text) return; navigator.clipboard.writeText(text).then(function () { var origHtml = modalCopyBtn.innerHTML; modalCopyBtn.classList.add('copied'); modalCopyBtn.innerHTML = ' Copied!'; setTimeout(function () { modalCopyBtn.classList.remove('copied'); modalCopyBtn.innerHTML = origHtml; }, 2000); }); }); } if (modalPromptBtn) { modalPromptBtn.addEventListener('click', function () { var text = codeEl ? (codeEl.innerText || codeEl.textContent) : ''; if (!text) return; var promptText = formatPrompt(text); navigator.clipboard.writeText(promptText).then(function () { var origHtml = modalPromptBtn.innerHTML; modalPromptBtn.classList.add('copied'); modalPromptBtn.innerHTML = ' Copied!'; setTimeout(function () { modalPromptBtn.classList.remove('copied'); modalPromptBtn.innerHTML = origHtml; }, 2000); }); }); } } })(); 2014-04-21 - Filed under Community (function() { var el = document.currentScript ? document.currentScript.previousElementSibling.querySelector('.post-full-meta-date') : document.querySelector('.post-full-meta-date'); if (el) { var raw = el.getAttribute('datetime') || el.textContent.trim(); var m = raw.match(/^(\\d{4})-(\\d{1,2})-(\\d{1,2})/); if (m) { var months = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']; var y = parseInt(m[1], 10); var mo = parseInt(m[2], 10) - 1; var d = parseInt(m[3], 10); if (mo >= 0 && mo < 12) { el.textContent = months[mo] + ' ' + d + ', ' + y; } } } })(); It wasn't easy for me to attend but it was absolutely worth to go. The Linux User Group of Mauritius (LUGM) organised another get-together for any open source enthusiast here on the island. Strangely named \"Corsair Hackers Reboot\" but it stands for a positive cause: \"Corsair Hackers Reboot Event A collaborative activity involving LUGM, UoM Computer Club, Fortune Way Shopping Mall and several geeks from around the island, striving to put FOSS into homes & offices. The public is invited to discover and explore Free Software & Open Source.\" And it was a good opportunity for me and the kids to visit the east coast of Mauritius, too. Perfect timing It couldn't have been better... Why? Well, for two important reasons (in terms of IT): End of support for Microsoft Windows XP - 08.04.2014 Release of Ubuntu 14.04 Long Term Support - 17.04.2014 Quite funnily, those two IT dates weren't the initial reasons and only during the weeks of preparations we put those together. And therefore it was even more positive to promote the use of Linux and open source software in general to a broader audience. Getting there ... Thanks to the new motor way M3 and all the additional road work which has been completed recently it was very simple to get across the island in a very quick and relaxed manner. Compared to my trips in the early days of living in Mauritius (and riding on a scooter) it was very smooth and within less than an hour we hit Centrale de Flacq. Well, being in the city doesn't necessarily mean that one has arrived at the destination. But thanks to modern technology I had a quick look on Google Maps, and we finally managed to get a parking behind the huge bus terminal in Flacq. From there it was just a short walk to Fortune Way. The children were trying to count the number of buses... Well, lots and lots of buses - really impressive actually. What was presented? There were different areas set up. Right at the entrance one's attention was directly drawn towards the elevated hacker's stage. Similar to rock stars performing their gig there was bunch of computers, laptops and networking equipment in order to cater the right working conditions for coding/programming challenge(s) on the one hand and for the pen-testing or system hacking competition on the other hand. Personally, I was very impresses that actually Nitin took care of the pen-testing competition. He hardly started one year back with Linux in general, and Kali Linux specifically. Seeing his personal development from absolute newbie to a decent Linux system administrator within such a short period of time, is really impressive. His passion to open source software made him a living. Next, clock-wise seen, was the Kid's Corner with face-painting as the main attraction. Additionally, there were numerous paper print outs to colour. Plus a decent workstation with the educational suite GCompris. Of course, my little ones were into that. They already know GCompris since a while as they are allowed to use it on an IGEL thin client terminal here at home. To simplify my life, I set up GCompris as full-screen guest session on the server, and they can pass the login screen without any further obstacles. And because it's a thin client hooked up to a XDMCP remote session I don't have to worry about the hardware on their desk, too. The next section was the main attraction of the event: BYOD - Bring Your Own Device Well, compared to the usual context of BYOD the corsairs had a completely different intention. Here, you could bring your own laptop and a team of knowledgeable experts - read: geeks and so on - offered to fully convert your system on any Linux distribution of your choice. And even though I came later, I was told that the USB pen drives had been in permanent use. From being prepared via dd command over launching LiveCD session to finally installing a fresh Linux system on bare metal. Most interestingly, I did a similar job already a couple of months ago, while upgrading an existing Windows XP system to Xubuntu 13.10. So far, the female owner is very happy and enjoys her system almost every evening to go shopping online, checking mails, and reading latest news from the Anime world. Back to the Hackers event, Ish told me that they managed approximately 20 conversion during the day. Furthermore, Ajay and others gladly assisted some visitors with some tricky issues and by the end of the day you can call is a success. While I was around, there was a elderly male visitor that got a full-fledged system conversion to a Linux system running completely in French language. A little bit more to the centre it was Yasir's turn to demonstrate his Arduino hardware that he hooked up with an experimental electrical circuit board connected to an LCD matrix display. That's the real spirit of hacking, and he showed some minor adjustments on the fly while demo'ing the system. Also, very interesting there was a thermal sensor around. Personally, I think that platforms like the Arduino as well as the Raspberry Pi have a great potential at a very affordable price in order to bring a better understanding of electronics as well as computer programming to a broader audience. It would be great to see more of those experiments during future activities. And last but not least there were a small number of vendors. Amongst them was Emtel - once again as sponsor of the general internet connectivity - and another hardware supplier from Riche Terre shopping mall. They had a good collection of Android related gimmicks, like a autonomous web cam that can convert any TV with HDMI connector into an online video chat system given WiFi. It's actually kind of awesome to have a Skype or Google hangout video session on the big screen rather than on the laptop. Some pictures of the event LUGM: Great conversations on Linux, open source and free software during the Corsair Hackers Reboot LUGM: Educational workstation running GCompris suite attracted the youngest attendees of the day. Of course, face painting had to be done prior to hacking... LUGM: Nadim demoing some Linux specifics to interested visitors. Everyone was pretty busy during the whole day LUGM: The hacking competition, here pen-testing a wireless connection and access point between multiple machines LUGM: Well prepared workstations to be able to 'upgrade' visitors' machines to any Linux operating system Final thoughts Gratefully, during the preparations of the event I was invited to leave some comments or suggestions, and the team of the LUGM did a great job. The outdoor banner was a eye-catcher, the various flyers and posters for the event were clearly written and as far as I understood from the quick chats I had with Ish, Nadim, Nitin, Ajay, and of course others all were very happy about the event execution. Great job, LUGM! And I'm already looking forward to the next Corsair Hackers Reboot event ... Crossing fingers: Very soon and hopefully this year again \uD83D\uDE03 Update: In the media The event had been announced in local media, too. L'Express: Salon informatique: Hacking Challenge à Flacq if (typeof window !== 'undefined' && window.location.hostname !== 'localhost' && window.location.hostname !== '127.0.0.1') { (window.adsbygoogle = window.adsbygoogle || []).push({}); } (function() { var loaded = false; function loadDisqusEmbed() { if (loaded) return; loaded = true; window.disqus_config = function () { this.page.url = 'lugm-corsair-hackers-reboot.html'; this.page.identifier = '9271ed1c97_idlugm-corsair-hackers-reboot'; }; var d = document, s = d.createElement('script'); s.src = 'https://getbloggedbyjoki.disqus.com/embed.js'; s.setAttribute('data-timestamp', +new Date()); (d.head || d.body).appendChild(s); } var target = document.getElementById('disqus_thread'); if ('IntersectionObserver' in window && target) { var observer = new IntersectionObserver(function(entries) { if (entries[0].isIntersecting) { loadDisqusEmbed(); observer.disconnect(); } }, { rootMargin: '300px' }); observer.observe(target); } else { window.addEventListener('load', function() { if ('requestIdleCallback' in window) { requestIdleCallback(loadDisqusEmbed, { timeout: 4000 }); } else { setTimeout(loadDisqusEmbed, 3000); } }); } })();" }, "lugm-meeting-17082013-mugg-a-bean-bagatelle.html": { "href": "lugm-meeting-17082013-mugg-a-bean-bagatelle.html", "title": "LUGM meeting - 17.08.2013 - Mugg & Bean, Bagatelle - Get Blogged by JoKi", "summary": "LUGM meeting - 17.08.2013 - Mugg & Bean, Bagatelle Copy Markdown View Markdown GitHub Markdown Source LUGM meeting - 17.08.2013 - Mugg & Bean, Bagatelle Copy Markdown Copy as Prompt Download .MD GitHub Close Loading markdown source... (function () { var rawMarkdownCache = {}; function cleanFrontmatter(text) { if (!text) return ''; // Bulletproof removal of frontmatter: between initial --- and ending --- return text.replace(/^---[\\s\\S]*?\\n---\\s*\\n?/, '').trim() + '\\n'; } function fetchMarkdown(slug, callback) { if (rawMarkdownCache[slug]) { callback(null, rawMarkdownCache[slug]); return; } var rel = ''; var url = rel + 'raw/' + encodeURIComponent(slug) + '.md'; fetch(url) .then(function (res) { if (!res.ok) throw new Error('Markdown source not found: ' + res.status); return res.text(); }) .then(function (text) { var cleaned = cleanFrontmatter(text); rawMarkdownCache[slug] = cleaned; callback(null, cleaned); }) .catch(function (err) { // Fallback: extract plain text from post content var contentEl = document.querySelector('.post-full-content .post-content, .post-content, main .inner'); if (contentEl) { var fallbackMd = '# ' + (document.querySelector('h1') ? document.querySelector('h1').innerText : 'Post') + '\\n\\n' + (contentEl.innerText || contentEl.textContent); rawMarkdownCache[slug] = fallbackMd; callback(null, fallbackMd); } else { callback(err, null); } }); } // Attach Copy Markdown handler var copyButtons = document.querySelectorAll('.btn-copy-markdown, .floating-copy-markdown'); copyButtons.forEach(function (btn) { btn.addEventListener('click', function () { var slug = btn.getAttribute('data-uid') || btn.getAttribute('data-slug') || 'lugm-meeting-17082013-mugg-a-bean-bagatelle'; var originalHtml = btn.innerHTML; btn.disabled = true; fetchMarkdown(slug, function (err, md) { if (err || !md) { btn.disabled = false; alert('Could not copy Markdown source.'); return; } navigator.clipboard.writeText(md).then(function () { btn.classList.add('copied'); btn.innerHTML = ' Copied!'; setTimeout(function () { btn.classList.remove('copied'); btn.innerHTML = originalHtml; btn.disabled = false; }, 2000); }).catch(function () { btn.disabled = false; }); }); }); }); // Attach View Markdown modal var viewButtons = document.querySelectorAll('.btn-view-markdown'); var modal = document.getElementById('markdown-viewer-modal'); var codeEl = document.getElementById('markdown-viewer-code'); var closeBtn = modal ? modal.querySelector('.markdown-viewer-close') : null; var modalCopyBtn = document.getElementById('markdown-modal-copy-btn'); if (modal && viewButtons.length > 0) { viewButtons.forEach(function (btn) { btn.addEventListener('click', function () { var slug = btn.getAttribute('data-uid') || btn.getAttribute('data-slug') || 'lugm-meeting-17082013-mugg-a-bean-bagatelle'; if (codeEl) codeEl.textContent = 'Loading Markdown source...'; if (typeof modal.showModal === 'function') { modal.showModal(); } else { modal.setAttribute('open', ''); } fetchMarkdown(slug, function (err, md) { if (codeEl) { codeEl.textContent = md || 'Failed to load Markdown source.'; if (window.hljs && typeof hljs.highlightElement === 'function') { hljs.highlightElement(codeEl); } // Remove any DocFX code-action / copy buttons that might have been injected var actions = modal.querySelectorAll('.code-action, .code-copy-btn, .action, a[title=\"Copy\"], button[title=\"Copy\"]'); actions.forEach(function (el) { el.remove(); }); } }); }); }); if (closeBtn) { closeBtn.addEventListener('click', function () { if (typeof modal.close === 'function') { modal.close(); } else { modal.removeAttribute('open'); } }); } // Light dismiss on backdrop click modal.addEventListener('click', function (e) { if (e.target === modal) { var rect = modal.getBoundingClientRect(); var isInDialog = ( rect.top <= e.clientY && e.clientY <= rect.top + rect.height && rect.left <= e.clientX && e.clientX <= rect.left + rect.width ); if (!isInDialog) { if (typeof modal.close === 'function') { modal.close(); } else { modal.removeAttribute('open'); } } } }); var modalPromptBtn = document.getElementById('markdown-modal-prompt-btn'); function formatPrompt(markdownText) { var postTitle = document.querySelector('h1.post-full-title') || document.querySelector('h1'); var titleStr = (postTitle ? postTitle.textContent.trim() : 'LUGM meeting - 17.08.2013 - Mugg & Bean, Bagatelle') || 'Article'; var appUrl = 'https://jochen.kirstaetter.name'.replace(/\\/+$/, ''); var canonicalLink = document.querySelector('link[rel=\"canonical\"]'); var pageUrl = canonicalLink ? (canonicalLink.getAttribute('href') || canonicalLink.href) : ''; if (!pageUrl) { pageUrl = appUrl + window.location.pathname; } if (pageUrl.startsWith('/')) { pageUrl = appUrl + pageUrl; } pageUrl = pageUrl.split('?')[0].split('#')[0]; try { var parsed = new URL(pageUrl, appUrl); if (parsed.hostname === 'localhost' || parsed.hostname === '127.0.0.1' || parsed.hostname.endsWith('.localhost')) { pageUrl = appUrl + parsed.pathname; } } catch (e) {} pageUrl = pageUrl.replace(/\\/index\\.html$/, '/').replace(/\\.html$/, ''); if (pageUrl.length > appUrl.length + 1 && pageUrl.endsWith('/')) { pageUrl = pageUrl.slice(0, -1); } return 'Analyse and use the following article as context:\\n\\n' + 'Title: ' + titleStr + '\\n' + 'URL: ' + pageUrl + '\\n\\n' + '---\\n\\n' + markdownText; } if (modalCopyBtn) { modalCopyBtn.addEventListener('click', function () { var text = codeEl ? (codeEl.innerText || codeEl.textContent) : ''; if (!text) return; navigator.clipboard.writeText(text).then(function () { var origHtml = modalCopyBtn.innerHTML; modalCopyBtn.classList.add('copied'); modalCopyBtn.innerHTML = ' Copied!'; setTimeout(function () { modalCopyBtn.classList.remove('copied'); modalCopyBtn.innerHTML = origHtml; }, 2000); }); }); } if (modalPromptBtn) { modalPromptBtn.addEventListener('click', function () { var text = codeEl ? (codeEl.innerText || codeEl.textContent) : ''; if (!text) return; var promptText = formatPrompt(text); navigator.clipboard.writeText(promptText).then(function () { var origHtml = modalPromptBtn.innerHTML; modalPromptBtn.classList.add('copied'); modalPromptBtn.innerHTML = ' Copied!'; setTimeout(function () { modalPromptBtn.classList.remove('copied'); modalPromptBtn.innerHTML = origHtml; }, 2000); }); }); } } })(); 2013-08-13 - Filed under Linux (function() { var el = document.currentScript ? document.currentScript.previousElementSibling.querySelector('.post-full-meta-date') : document.querySelector('.post-full-meta-date'); if (el) { var raw = el.getAttribute('datetime') || el.textContent.trim(); var m = raw.match(/^(\\d{4})-(\\d{1,2})-(\\d{1,2})/); if (m) { var months = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']; var y = parseInt(m[1], 10); var mo = parseInt(m[2], 10) - 1; var d = parseInt(m[3], 10); if (mo >= 0 && mo < 12) { el.textContent = months[mo] + ' ' + d + ', ' + y; } } } })(); Okay, indirect advertisement! Next meetup of the Linux User Group of Mauritius is scheduled for Saturday, 17.08.2013 at 15:00hrs at Mugg & Bean, Bagatelle: Linux User Group of Mauritius is a computer users group comprising of like-minded geeks with the passion to make computing something fun (: We are dedicated to Linux and the FOSS community. We strive to promote free software, open standards and to generally have a good time by hosting social events that educate, allow members to share ideas and knowledge and to build friendship. This particular meetup will focus on : Introducing LUGM to new members & students A brief intro about Linux, Free Software & open licenses Short presentation on openSUSE Advocate Program LUGM : https://lugm.org/about More details and RSVP are available on the Facebook event here if (typeof window !== 'undefined' && window.location.hostname !== 'localhost' && window.location.hostname !== '127.0.0.1') { (window.adsbygoogle = window.adsbygoogle || []).push({}); } (function() { var loaded = false; function loadDisqusEmbed() { if (loaded) return; loaded = true; window.disqus_config = function () { this.page.url = 'lugm-meeting-17082013-mugg-a-bean-bagatelle.html'; this.page.identifier = '9271ed1c97_idlugm-meeting-17082013-mugg-a-bean-bagatelle'; }; var d = document, s = d.createElement('script'); s.src = 'https://getbloggedbyjoki.disqus.com/embed.js'; s.setAttribute('data-timestamp', +new Date()); (d.head || d.body).appendChild(s); } var target = document.getElementById('disqus_thread'); if ('IntersectionObserver' in window && target) { var observer = new IntersectionObserver(function(entries) { if (entries[0].isIntersecting) { loadDisqusEmbed(); observer.disconnect(); } }, { rootMargin: '300px' }); observer.observe(target); } else { window.addEventListener('load', function() { if ('requestIdleCallback' in window) { requestIdleCallback(loadDisqusEmbed, { timeout: 4000 }); } else { setTimeout(loadDisqusEmbed, 3000); } }); } })();" }, "magazine-von-level-extreme-frei-verfgbar.html": { "href": "magazine-von-level-extreme-frei-verfgbar.html", "title": "Magazine von Level Extreme frei verfügbar - Get Blogged by JoKi", "summary": "Magazine von Level Extreme frei verfügbar Copy Markdown View Markdown GitHub Markdown Source Magazine von Level Extreme frei verfügbar Copy Markdown Copy as Prompt Download .MD GitHub Close Loading markdown source... (function () { var rawMarkdownCache = {}; function cleanFrontmatter(text) { if (!text) return ''; // Bulletproof removal of frontmatter: between initial --- and ending --- return text.replace(/^---[\\s\\S]*?\\n---\\s*\\n?/, '').trim() + '\\n'; } function fetchMarkdown(slug, callback) { if (rawMarkdownCache[slug]) { callback(null, rawMarkdownCache[slug]); return; } var rel = ''; var url = rel + 'raw/' + encodeURIComponent(slug) + '.md'; fetch(url) .then(function (res) { if (!res.ok) throw new Error('Markdown source not found: ' + res.status); return res.text(); }) .then(function (text) { var cleaned = cleanFrontmatter(text); rawMarkdownCache[slug] = cleaned; callback(null, cleaned); }) .catch(function (err) { // Fallback: extract plain text from post content var contentEl = document.querySelector('.post-full-content .post-content, .post-content, main .inner'); if (contentEl) { var fallbackMd = '# ' + (document.querySelector('h1') ? document.querySelector('h1').innerText : 'Post') + '\\n\\n' + (contentEl.innerText || contentEl.textContent); rawMarkdownCache[slug] = fallbackMd; callback(null, fallbackMd); } else { callback(err, null); } }); } // Attach Copy Markdown handler var copyButtons = document.querySelectorAll('.btn-copy-markdown, .floating-copy-markdown'); copyButtons.forEach(function (btn) { btn.addEventListener('click', function () { var slug = btn.getAttribute('data-uid') || btn.getAttribute('data-slug') || 'magazine-von-level-extreme-frei-verfgbar'; var originalHtml = btn.innerHTML; btn.disabled = true; fetchMarkdown(slug, function (err, md) { if (err || !md) { btn.disabled = false; alert('Could not copy Markdown source.'); return; } navigator.clipboard.writeText(md).then(function () { btn.classList.add('copied'); btn.innerHTML = ' Copied!'; setTimeout(function () { btn.classList.remove('copied'); btn.innerHTML = originalHtml; btn.disabled = false; }, 2000); }).catch(function () { btn.disabled = false; }); }); }); }); // Attach View Markdown modal var viewButtons = document.querySelectorAll('.btn-view-markdown'); var modal = document.getElementById('markdown-viewer-modal'); var codeEl = document.getElementById('markdown-viewer-code'); var closeBtn = modal ? modal.querySelector('.markdown-viewer-close') : null; var modalCopyBtn = document.getElementById('markdown-modal-copy-btn'); if (modal && viewButtons.length > 0) { viewButtons.forEach(function (btn) { btn.addEventListener('click', function () { var slug = btn.getAttribute('data-uid') || btn.getAttribute('data-slug') || 'magazine-von-level-extreme-frei-verfgbar'; if (codeEl) codeEl.textContent = 'Loading Markdown source...'; if (typeof modal.showModal === 'function') { modal.showModal(); } else { modal.setAttribute('open', ''); } fetchMarkdown(slug, function (err, md) { if (codeEl) { codeEl.textContent = md || 'Failed to load Markdown source.'; if (window.hljs && typeof hljs.highlightElement === 'function') { hljs.highlightElement(codeEl); } // Remove any DocFX code-action / copy buttons that might have been injected var actions = modal.querySelectorAll('.code-action, .code-copy-btn, .action, a[title=\"Copy\"], button[title=\"Copy\"]'); actions.forEach(function (el) { el.remove(); }); } }); }); }); if (closeBtn) { closeBtn.addEventListener('click', function () { if (typeof modal.close === 'function') { modal.close(); } else { modal.removeAttribute('open'); } }); } // Light dismiss on backdrop click modal.addEventListener('click', function (e) { if (e.target === modal) { var rect = modal.getBoundingClientRect(); var isInDialog = ( rect.top <= e.clientY && e.clientY <= rect.top + rect.height && rect.left <= e.clientX && e.clientX <= rect.left + rect.width ); if (!isInDialog) { if (typeof modal.close === 'function') { modal.close(); } else { modal.removeAttribute('open'); } } } }); var modalPromptBtn = document.getElementById('markdown-modal-prompt-btn'); function formatPrompt(markdownText) { var postTitle = document.querySelector('h1.post-full-title') || document.querySelector('h1'); var titleStr = (postTitle ? postTitle.textContent.trim() : 'Magazine von Level Extreme frei verfügbar') || 'Article'; var appUrl = 'https://jochen.kirstaetter.name'.replace(/\\/+$/, ''); var canonicalLink = document.querySelector('link[rel=\"canonical\"]'); var pageUrl = canonicalLink ? (canonicalLink.getAttribute('href') || canonicalLink.href) : ''; if (!pageUrl) { pageUrl = appUrl + window.location.pathname; } if (pageUrl.startsWith('/')) { pageUrl = appUrl + pageUrl; } pageUrl = pageUrl.split('?')[0].split('#')[0]; try { var parsed = new URL(pageUrl, appUrl); if (parsed.hostname === 'localhost' || parsed.hostname === '127.0.0.1' || parsed.hostname.endsWith('.localhost')) { pageUrl = appUrl + parsed.pathname; } } catch (e) {} pageUrl = pageUrl.replace(/\\/index\\.html$/, '/').replace(/\\.html$/, ''); if (pageUrl.length > appUrl.length + 1 && pageUrl.endsWith('/')) { pageUrl = pageUrl.slice(0, -1); } return 'Analyse and use the following article as context:\\n\\n' + 'Title: ' + titleStr + '\\n' + 'URL: ' + pageUrl + '\\n\\n' + '---\\n\\n' + markdownText; } if (modalCopyBtn) { modalCopyBtn.addEventListener('click', function () { var text = codeEl ? (codeEl.innerText || codeEl.textContent) : ''; if (!text) return; navigator.clipboard.writeText(text).then(function () { var origHtml = modalCopyBtn.innerHTML; modalCopyBtn.classList.add('copied'); modalCopyBtn.innerHTML = ' Copied!'; setTimeout(function () { modalCopyBtn.classList.remove('copied'); modalCopyBtn.innerHTML = origHtml; }, 2000); }); }); } if (modalPromptBtn) { modalPromptBtn.addEventListener('click', function () { var text = codeEl ? (codeEl.innerText || codeEl.textContent) : ''; if (!text) return; var promptText = formatPrompt(text); navigator.clipboard.writeText(promptText).then(function () { var origHtml = modalPromptBtn.innerHTML; modalPromptBtn.classList.add('copied'); modalPromptBtn.innerHTML = ' Copied!'; setTimeout(function () { modalPromptBtn.classList.remove('copied'); modalPromptBtn.innerHTML = origHtml; }, 2000); }); }); } } })(); 2006-03-28 - Filed under Community (function() { var el = document.currentScript ? document.currentScript.previousElementSibling.querySelector('.post-full-meta-date') : document.querySelector('.post-full-meta-date'); if (el) { var raw = el.getAttribute('datetime') || el.textContent.trim(); var m = raw.match(/^(\\d{4})-(\\d{1,2})-(\\d{1,2})/); if (m) { var months = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']; var y = parseInt(m[1], 10); var mo = parseInt(m[2], 10) - 1; var d = parseInt(m[3], 10); if (mo >= 0 && mo < 12) { el.textContent = months[mo] + ' ' + d + ', ' + y; } } } })(); Wow! Ich konnte die Mitteilung heute morgen erst nicht richtig fassen, aber in der Tat Level Extreme gibt seine beiden bekannten Zeitschriften Universal Thread Magazine und Level Extreme .NET Magazine an alle Mitglieder von UniversalThread frei. if (typeof window !== 'undefined' && window.location.hostname !== 'localhost' && window.location.hostname !== '127.0.0.1') { (window.adsbygoogle = window.adsbygoogle || []).push({}); } (function() { var loaded = false; function loadDisqusEmbed() { if (loaded) return; loaded = true; window.disqus_config = function () { this.page.url = 'magazine-von-level-extreme-frei-verfgbar.html'; this.page.identifier = '9271ed1c97_idmagazine-von-level-extreme-frei-verfgbar'; }; var d = document, s = d.createElement('script'); s.src = 'https://getbloggedbyjoki.disqus.com/embed.js'; s.setAttribute('data-timestamp', +new Date()); (d.head || d.body).appendChild(s); } var target = document.getElementById('disqus_thread'); if ('IntersectionObserver' in window && target) { var observer = new IntersectionObserver(function(entries) { if (entries[0].isIntersecting) { loadDisqusEmbed(); observer.disconnect(); } }, { rootMargin: '300px' }); observer.observe(target); } else { window.addEventListener('load', function() { if ('requestIdleCallback' in window) { requestIdleCallback(loadDisqusEmbed, { timeout: 4000 }); } else { setTimeout(loadDisqusEmbed, 3000); } }); } })();" }, "managing-joomla-via-android.html": { "href": "managing-joomla-via-android.html", "title": "Managing Joomla via Android - Get Blogged by JoKi", "summary": "Managing Joomla via Android Copy Markdown View Markdown GitHub Markdown Source Managing Joomla via Android Copy Markdown Copy as Prompt Download .MD GitHub Close Loading markdown source... (function () { var rawMarkdownCache = {}; function cleanFrontmatter(text) { if (!text) return ''; // Bulletproof removal of frontmatter: between initial --- and ending --- return text.replace(/^---[\\s\\S]*?\\n---\\s*\\n?/, '').trim() + '\\n'; } function fetchMarkdown(slug, callback) { if (rawMarkdownCache[slug]) { callback(null, rawMarkdownCache[slug]); return; } var rel = ''; var url = rel + 'raw/' + encodeURIComponent(slug) + '.md'; fetch(url) .then(function (res) { if (!res.ok) throw new Error('Markdown source not found: ' + res.status); return res.text(); }) .then(function (text) { var cleaned = cleanFrontmatter(text); rawMarkdownCache[slug] = cleaned; callback(null, cleaned); }) .catch(function (err) { // Fallback: extract plain text from post content var contentEl = document.querySelector('.post-full-content .post-content, .post-content, main .inner'); if (contentEl) { var fallbackMd = '# ' + (document.querySelector('h1') ? document.querySelector('h1').innerText : 'Post') + '\\n\\n' + (contentEl.innerText || contentEl.textContent); rawMarkdownCache[slug] = fallbackMd; callback(null, fallbackMd); } else { callback(err, null); } }); } // Attach Copy Markdown handler var copyButtons = document.querySelectorAll('.btn-copy-markdown, .floating-copy-markdown'); copyButtons.forEach(function (btn) { btn.addEventListener('click', function () { var slug = btn.getAttribute('data-uid') || btn.getAttribute('data-slug') || 'managing-joomla-via-android'; var originalHtml = btn.innerHTML; btn.disabled = true; fetchMarkdown(slug, function (err, md) { if (err || !md) { btn.disabled = false; alert('Could not copy Markdown source.'); return; } navigator.clipboard.writeText(md).then(function () { btn.classList.add('copied'); btn.innerHTML = ' Copied!'; setTimeout(function () { btn.classList.remove('copied'); btn.innerHTML = originalHtml; btn.disabled = false; }, 2000); }).catch(function () { btn.disabled = false; }); }); }); }); // Attach View Markdown modal var viewButtons = document.querySelectorAll('.btn-view-markdown'); var modal = document.getElementById('markdown-viewer-modal'); var codeEl = document.getElementById('markdown-viewer-code'); var closeBtn = modal ? modal.querySelector('.markdown-viewer-close') : null; var modalCopyBtn = document.getElementById('markdown-modal-copy-btn'); if (modal && viewButtons.length > 0) { viewButtons.forEach(function (btn) { btn.addEventListener('click', function () { var slug = btn.getAttribute('data-uid') || btn.getAttribute('data-slug') || 'managing-joomla-via-android'; if (codeEl) codeEl.textContent = 'Loading Markdown source...'; if (typeof modal.showModal === 'function') { modal.showModal(); } else { modal.setAttribute('open', ''); } fetchMarkdown(slug, function (err, md) { if (codeEl) { codeEl.textContent = md || 'Failed to load Markdown source.'; if (window.hljs && typeof hljs.highlightElement === 'function') { hljs.highlightElement(codeEl); } // Remove any DocFX code-action / copy buttons that might have been injected var actions = modal.querySelectorAll('.code-action, .code-copy-btn, .action, a[title=\"Copy\"], button[title=\"Copy\"]'); actions.forEach(function (el) { el.remove(); }); } }); }); }); if (closeBtn) { closeBtn.addEventListener('click', function () { if (typeof modal.close === 'function') { modal.close(); } else { modal.removeAttribute('open'); } }); } // Light dismiss on backdrop click modal.addEventListener('click', function (e) { if (e.target === modal) { var rect = modal.getBoundingClientRect(); var isInDialog = ( rect.top <= e.clientY && e.clientY <= rect.top + rect.height && rect.left <= e.clientX && e.clientX <= rect.left + rect.width ); if (!isInDialog) { if (typeof modal.close === 'function') { modal.close(); } else { modal.removeAttribute('open'); } } } }); var modalPromptBtn = document.getElementById('markdown-modal-prompt-btn'); function formatPrompt(markdownText) { var postTitle = document.querySelector('h1.post-full-title') || document.querySelector('h1'); var titleStr = (postTitle ? postTitle.textContent.trim() : 'Managing Joomla via Android') || 'Article'; var appUrl = 'https://jochen.kirstaetter.name'.replace(/\\/+$/, ''); var canonicalLink = document.querySelector('link[rel=\"canonical\"]'); var pageUrl = canonicalLink ? (canonicalLink.getAttribute('href') || canonicalLink.href) : ''; if (!pageUrl) { pageUrl = appUrl + window.location.pathname; } if (pageUrl.startsWith('/')) { pageUrl = appUrl + pageUrl; } pageUrl = pageUrl.split('?')[0].split('#')[0]; try { var parsed = new URL(pageUrl, appUrl); if (parsed.hostname === 'localhost' || parsed.hostname === '127.0.0.1' || parsed.hostname.endsWith('.localhost')) { pageUrl = appUrl + parsed.pathname; } } catch (e) {} pageUrl = pageUrl.replace(/\\/index\\.html$/, '/').replace(/\\.html$/, ''); if (pageUrl.length > appUrl.length + 1 && pageUrl.endsWith('/')) { pageUrl = pageUrl.slice(0, -1); } return 'Analyse and use the following article as context:\\n\\n' + 'Title: ' + titleStr + '\\n' + 'URL: ' + pageUrl + '\\n\\n' + '---\\n\\n' + markdownText; } if (modalCopyBtn) { modalCopyBtn.addEventListener('click', function () { var text = codeEl ? (codeEl.innerText || codeEl.textContent) : ''; if (!text) return; navigator.clipboard.writeText(text).then(function () { var origHtml = modalCopyBtn.innerHTML; modalCopyBtn.classList.add('copied'); modalCopyBtn.innerHTML = ' Copied!'; setTimeout(function () { modalCopyBtn.classList.remove('copied'); modalCopyBtn.innerHTML = origHtml; }, 2000); }); }); } if (modalPromptBtn) { modalPromptBtn.addEventListener('click', function () { var text = codeEl ? (codeEl.innerText || codeEl.textContent) : ''; if (!text) return; var promptText = formatPrompt(text); navigator.clipboard.writeText(promptText).then(function () { var origHtml = modalPromptBtn.innerHTML; modalPromptBtn.classList.add('copied'); modalPromptBtn.innerHTML = ' Copied!'; setTimeout(function () { modalPromptBtn.classList.remove('copied'); modalPromptBtn.innerHTML = origHtml; }, 2000); }); }); } } })(); 2012-11-28 - Filed under Android (function() { var el = document.currentScript ? document.currentScript.previousElementSibling.querySelector('.post-full-meta-date') : document.querySelector('.post-full-meta-date'); if (el) { var raw = el.getAttribute('datetime') || el.textContent.trim(); var m = raw.match(/^(\\d{4})-(\\d{1,2})-(\\d{1,2})/); if (m) { var months = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']; var y = parseInt(m[1], 10); var mo = parseInt(m[2], 10) - 1; var d = parseInt(m[3], 10); if (mo >= 0 && mo < 12) { el.textContent = months[mo] + ' ' + d + ', ' + y; } } } })(); Surprisingly, it was only today that I actually looked for possible solutions to write more content for my blog. Since quite some time I'm using my Samsung Galaxy Tab 10.1 for all kind of social media activities like Google+, FB, etc. but also for my casual mail during the evening hours. And yes, I feel a little bit guilty about missing the chance to use my tablet to write some content here... OK, only a little bit. \uD83D\uDE09 These are not the droids you are looking for But those lazy times are over! While searching the Play Store with the expression 'joomla' I got three interesting hits: Joomla Admin Mobile! Joooid Joomla! Security Checklist After reading the reviews I installed the two later apps. Joomla! Security Checklist The author clearly outlines here that the app is primarily for his personal purpose to have safety checklist at hand at anytime. I guess that any reader of this article has an Android based smartphone or tablet, so that simple app should be part of your toolbox when using Joomla! for your websites. Joooid plugin & app Although I was looking for an app that could work with the default XML RPC interface of Joomla I have to admit that this combination of an enhanced Web service suits me better, mainly due to performance reason. The official website has not only the downloads for Joomla versions 1.5 - 2.5 but also very good and easy to follow step-by-step instructions to prepare your server for the Android app. It will take you less than 5 minutes to get it up and running. For safety reasons, I recommend that you should configure your Web server to have an additional authentication layer on the plugins folder. The smartphone app has the ability to run against HTTP authentication. Personally, I like the look and feel of the app. It is a little bit different compared to the web UI but still easy to use. In fact, this article is the first one written in the Joooid app. At the moment, I only miss the ability to have list tags. Quick and easy Writing full-fledged articles with images, a couple of hyperlinks and some styling here and there should be left to the desktop. At least for the moment. Let's see whether I'm going to change my mind on this during the upcoming months... I'll give it a try, and hope to publish at least once per month to write some content using Joooid. Actually, it would be great to have some feedback about other Joomla! clients in the wild. if (typeof window !== 'undefined' && window.location.hostname !== 'localhost' && window.location.hostname !== '127.0.0.1') { (window.adsbygoogle = window.adsbygoogle || []).push({}); } (function() { var loaded = false; function loadDisqusEmbed() { if (loaded) return; loaded = true; window.disqus_config = function () { this.page.url = 'managing-joomla-via-android.html'; this.page.identifier = '9271ed1c97_idmanaging-joomla-via-android'; }; var d = document, s = d.createElement('script'); s.src = 'https://getbloggedbyjoki.disqus.com/embed.js'; s.setAttribute('data-timestamp', +new Date()); (d.head || d.body).appendChild(s); } var target = document.getElementById('disqus_thread'); if ('IntersectionObserver' in window && target) { var observer = new IntersectionObserver(function(entries) { if (entries[0].isIntersecting) { loadDisqusEmbed(); observer.disconnect(); } }, { rootMargin: '300px' }); observer.observe(target); } else { window.addEventListener('load', function() { if ('requestIdleCallback' in window) { requestIdleCallback(loadDisqusEmbed, { timeout: 4000 }); } else { setTimeout(loadDisqusEmbed, 3000); } }); } })();" }, "marathon--die-dritte.html": { "href": "marathon--die-dritte.html", "title": "Marathon, die Dritte - Get Blogged by JoKi", "summary": "Marathon, die Dritte Copy Markdown View Markdown GitHub Markdown Source Marathon, die Dritte Copy Markdown Copy as Prompt Download .MD GitHub Close Loading markdown source... (function () { var rawMarkdownCache = {}; function cleanFrontmatter(text) { if (!text) return ''; // Bulletproof removal of frontmatter: between initial --- and ending --- return text.replace(/^---[\\s\\S]*?\\n---\\s*\\n?/, '').trim() + '\\n'; } function fetchMarkdown(slug, callback) { if (rawMarkdownCache[slug]) { callback(null, rawMarkdownCache[slug]); return; } var rel = ''; var url = rel + 'raw/' + encodeURIComponent(slug) + '.md'; fetch(url) .then(function (res) { if (!res.ok) throw new Error('Markdown source not found: ' + res.status); return res.text(); }) .then(function (text) { var cleaned = cleanFrontmatter(text); rawMarkdownCache[slug] = cleaned; callback(null, cleaned); }) .catch(function (err) { // Fallback: extract plain text from post content var contentEl = document.querySelector('.post-full-content .post-content, .post-content, main .inner'); if (contentEl) { var fallbackMd = '# ' + (document.querySelector('h1') ? document.querySelector('h1').innerText : 'Post') + '\\n\\n' + (contentEl.innerText || contentEl.textContent); rawMarkdownCache[slug] = fallbackMd; callback(null, fallbackMd); } else { callback(err, null); } }); } // Attach Copy Markdown handler var copyButtons = document.querySelectorAll('.btn-copy-markdown, .floating-copy-markdown'); copyButtons.forEach(function (btn) { btn.addEventListener('click', function () { var slug = btn.getAttribute('data-uid') || btn.getAttribute('data-slug') || 'marathon--die-dritte'; var originalHtml = btn.innerHTML; btn.disabled = true; fetchMarkdown(slug, function (err, md) { if (err || !md) { btn.disabled = false; alert('Could not copy Markdown source.'); return; } navigator.clipboard.writeText(md).then(function () { btn.classList.add('copied'); btn.innerHTML = ' Copied!'; setTimeout(function () { btn.classList.remove('copied'); btn.innerHTML = originalHtml; btn.disabled = false; }, 2000); }).catch(function () { btn.disabled = false; }); }); }); }); // Attach View Markdown modal var viewButtons = document.querySelectorAll('.btn-view-markdown'); var modal = document.getElementById('markdown-viewer-modal'); var codeEl = document.getElementById('markdown-viewer-code'); var closeBtn = modal ? modal.querySelector('.markdown-viewer-close') : null; var modalCopyBtn = document.getElementById('markdown-modal-copy-btn'); if (modal && viewButtons.length > 0) { viewButtons.forEach(function (btn) { btn.addEventListener('click', function () { var slug = btn.getAttribute('data-uid') || btn.getAttribute('data-slug') || 'marathon--die-dritte'; if (codeEl) codeEl.textContent = 'Loading Markdown source...'; if (typeof modal.showModal === 'function') { modal.showModal(); } else { modal.setAttribute('open', ''); } fetchMarkdown(slug, function (err, md) { if (codeEl) { codeEl.textContent = md || 'Failed to load Markdown source.'; if (window.hljs && typeof hljs.highlightElement === 'function') { hljs.highlightElement(codeEl); } // Remove any DocFX code-action / copy buttons that might have been injected var actions = modal.querySelectorAll('.code-action, .code-copy-btn, .action, a[title=\"Copy\"], button[title=\"Copy\"]'); actions.forEach(function (el) { el.remove(); }); } }); }); }); if (closeBtn) { closeBtn.addEventListener('click', function () { if (typeof modal.close === 'function') { modal.close(); } else { modal.removeAttribute('open'); } }); } // Light dismiss on backdrop click modal.addEventListener('click', function (e) { if (e.target === modal) { var rect = modal.getBoundingClientRect(); var isInDialog = ( rect.top <= e.clientY && e.clientY <= rect.top + rect.height && rect.left <= e.clientX && e.clientX <= rect.left + rect.width ); if (!isInDialog) { if (typeof modal.close === 'function') { modal.close(); } else { modal.removeAttribute('open'); } } } }); var modalPromptBtn = document.getElementById('markdown-modal-prompt-btn'); function formatPrompt(markdownText) { var postTitle = document.querySelector('h1.post-full-title') || document.querySelector('h1'); var titleStr = (postTitle ? postTitle.textContent.trim() : 'Marathon, die Dritte') || 'Article'; var appUrl = 'https://jochen.kirstaetter.name'.replace(/\\/+$/, ''); var canonicalLink = document.querySelector('link[rel=\"canonical\"]'); var pageUrl = canonicalLink ? (canonicalLink.getAttribute('href') || canonicalLink.href) : ''; if (!pageUrl) { pageUrl = appUrl + window.location.pathname; } if (pageUrl.startsWith('/')) { pageUrl = appUrl + pageUrl; } pageUrl = pageUrl.split('?')[0].split('#')[0]; try { var parsed = new URL(pageUrl, appUrl); if (parsed.hostname === 'localhost' || parsed.hostname === '127.0.0.1' || parsed.hostname.endsWith('.localhost')) { pageUrl = appUrl + parsed.pathname; } } catch (e) {} pageUrl = pageUrl.replace(/\\/index\\.html$/, '/').replace(/\\.html$/, ''); if (pageUrl.length > appUrl.length + 1 && pageUrl.endsWith('/')) { pageUrl = pageUrl.slice(0, -1); } return 'Analyse and use the following article as context:\\n\\n' + 'Title: ' + titleStr + '\\n' + 'URL: ' + pageUrl + '\\n\\n' + '---\\n\\n' + markdownText; } if (modalCopyBtn) { modalCopyBtn.addEventListener('click', function () { var text = codeEl ? (codeEl.innerText || codeEl.textContent) : ''; if (!text) return; navigator.clipboard.writeText(text).then(function () { var origHtml = modalCopyBtn.innerHTML; modalCopyBtn.classList.add('copied'); modalCopyBtn.innerHTML = ' Copied!'; setTimeout(function () { modalCopyBtn.classList.remove('copied'); modalCopyBtn.innerHTML = origHtml; }, 2000); }); }); } if (modalPromptBtn) { modalPromptBtn.addEventListener('click', function () { var text = codeEl ? (codeEl.innerText || codeEl.textContent) : ''; if (!text) return; var promptText = formatPrompt(text); navigator.clipboard.writeText(promptText).then(function () { var origHtml = modalPromptBtn.innerHTML; modalPromptBtn.classList.add('copied'); modalPromptBtn.innerHTML = ' Copied!'; setTimeout(function () { modalPromptBtn.classList.remove('copied'); modalPromptBtn.innerHTML = origHtml; }, 2000); }); }); } } })(); 2005-05-08 - Filed under General (function() { var el = document.currentScript ? document.currentScript.previousElementSibling.querySelector('.post-full-meta-date') : document.querySelector('.post-full-meta-date'); if (el) { var raw = el.getAttribute('datetime') || el.textContent.trim(); var m = raw.match(/^(\\d{4})-(\\d{1,2})-(\\d{1,2})/); if (m) { var months = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']; var y = parseInt(m[1], 10); var mo = parseInt(m[2], 10) - 1; var d = parseInt(m[3], 10); if (mo >= 0 && mo < 12) { el.textContent = months[mo] + ' ' + d + ', ' + y; } } } })(); gäääääähn Wenn ich denjenigen erwische, der mich nach 1.5h Schlaf nach Zahnpasta fragt, wehe... Aber dieses Risiko muss man einplanen, wenn im Großzelt nächtigt. Nunja, egal. Tube raus, murmelndes Gebrabbel von sich geben und wieder umdrehen. Nur irgendwann nimmt der Verkehrslärm vor und im Zelt halt doch überhaupt. Insbesondere, wenn eine 'Horde' junger Mütter mit den Frischlingen rasten. Ich habe Kiddies echt gerne, aber nicht nach nur knapp 3h Schlaf... aber okay. Sowas ist ebenfalls einzuplanen. So, wenn wir schon ein Duschzettel für die Läufer bereitstellen, dann gilt es jenes auch zu testen. Flupp und schon geht's los... Well, Wasser ist auf alle Fälle aus der Leitung gekommen und ich konnte danach wenigstens wieder aus den Augen schauen. Wisst ihr was genial ist? - Wenn man frisch geduscht zurück ins Zelt kommt und das Frühstück ist fertig. Mann, dass ist der Oberhammer. Frische Rühreier und Butterbrot... schleckerlecker So, heute ist der Tag der Läufer - und es sind einige gewesen. Zwischenzeitlich ging gar nix mehr weiter. Zuschauer, Läufer, Familienangehörige der Läufer, achja, dann Skater, und Läufer, und... ja Läufer, dann wieder Kiddies jeglichen Alters, und Kinderwägen, sagte ich schon Läufer? Es war wirklich amüsant den wusselndenMenschenhaufen von leicht erhöhter Position zu beobachten. Wir hatten auf alle Fälle unseren Spass. Aufgabentechnisch gesehen, hatten wir lediglich darauf zu achten, dass in unserem Zelt ausreichend heißes Wasser für die Sportler zur Verfügung steht. Und da gab's keinerlei Probleme. Achja, das Mittagessen... Frische Spaghetti mit selbst zu bereiteter Bolognesesauce (erwähnte ich, dass die Tomaten frisch waren?) und/oder al Pesto (ebenfalls selbst erzeugt...) - Wie auch schon am Vortag hat unser Chefkoch zuviel zubereitet... Ein heiterer Spass. Ansonsten, bleibt nicht mehr viel zu berichten. Am frühen Abend ging's an den gemeinschaftlichen Abbau und auf die Rückfahrt. In der Wehr das Material noch sofort versorgt und die Fahrzeuge wieder entsprechend flott gemacht. Ich glaub' gegen 20:00 oder so, war Schicht im Schacht - schliesslich war Muttertag, nicht wahr... Und ich war auch ziemlich froh, dass ich den Schlaf der Gerechten nachholen durfte. Hm, glücklicherweise habe ich in der Formel 1 an diesem Sonntag nur wenig verpasst. if (typeof window !== 'undefined' && window.location.hostname !== 'localhost' && window.location.hostname !== '127.0.0.1') { (window.adsbygoogle = window.adsbygoogle || []).push({}); } (function() { var loaded = false; function loadDisqusEmbed() { if (loaded) return; loaded = true; window.disqus_config = function () { this.page.url = 'marathon--die-dritte.html'; this.page.identifier = '9271ed1c97_idmarathon--die-dritte'; }; var d = document, s = d.createElement('script'); s.src = 'https://getbloggedbyjoki.disqus.com/embed.js'; s.setAttribute('data-timestamp', +new Date()); (d.head || d.body).appendChild(s); } var target = document.getElementById('disqus_thread'); if ('IntersectionObserver' in window && target) { var observer = new IntersectionObserver(function(entries) { if (entries[0].isIntersecting) { loadDisqusEmbed(); observer.disconnect(); } }, { rootMargin: '300px' }); observer.observe(target); } else { window.addEventListener('load', function() { if ('requestIdleCallback' in window) { requestIdleCallback(loadDisqusEmbed, { timeout: 4000 }); } else { setTimeout(loadDisqusEmbed, 3000); } }); } })();" }, "marathon--die-erste.html": { "href": "marathon--die-erste.html", "title": "Marathon, die Erste - Get Blogged by JoKi", "summary": "Marathon, die Erste Copy Markdown View Markdown GitHub Markdown Source Marathon, die Erste Copy Markdown Copy as Prompt Download .MD GitHub Close Loading markdown source... (function () { var rawMarkdownCache = {}; function cleanFrontmatter(text) { if (!text) return ''; // Bulletproof removal of frontmatter: between initial --- and ending --- return text.replace(/^---[\\s\\S]*?\\n---\\s*\\n?/, '').trim() + '\\n'; } function fetchMarkdown(slug, callback) { if (rawMarkdownCache[slug]) { callback(null, rawMarkdownCache[slug]); return; } var rel = ''; var url = rel + 'raw/' + encodeURIComponent(slug) + '.md'; fetch(url) .then(function (res) { if (!res.ok) throw new Error('Markdown source not found: ' + res.status); return res.text(); }) .then(function (text) { var cleaned = cleanFrontmatter(text); rawMarkdownCache[slug] = cleaned; callback(null, cleaned); }) .catch(function (err) { // Fallback: extract plain text from post content var contentEl = document.querySelector('.post-full-content .post-content, .post-content, main .inner'); if (contentEl) { var fallbackMd = '# ' + (document.querySelector('h1') ? document.querySelector('h1').innerText : 'Post') + '\\n\\n' + (contentEl.innerText || contentEl.textContent); rawMarkdownCache[slug] = fallbackMd; callback(null, fallbackMd); } else { callback(err, null); } }); } // Attach Copy Markdown handler var copyButtons = document.querySelectorAll('.btn-copy-markdown, .floating-copy-markdown'); copyButtons.forEach(function (btn) { btn.addEventListener('click', function () { var slug = btn.getAttribute('data-uid') || btn.getAttribute('data-slug') || 'marathon--die-erste'; var originalHtml = btn.innerHTML; btn.disabled = true; fetchMarkdown(slug, function (err, md) { if (err || !md) { btn.disabled = false; alert('Could not copy Markdown source.'); return; } navigator.clipboard.writeText(md).then(function () { btn.classList.add('copied'); btn.innerHTML = ' Copied!'; setTimeout(function () { btn.classList.remove('copied'); btn.innerHTML = originalHtml; btn.disabled = false; }, 2000); }).catch(function () { btn.disabled = false; }); }); }); }); // Attach View Markdown modal var viewButtons = document.querySelectorAll('.btn-view-markdown'); var modal = document.getElementById('markdown-viewer-modal'); var codeEl = document.getElementById('markdown-viewer-code'); var closeBtn = modal ? modal.querySelector('.markdown-viewer-close') : null; var modalCopyBtn = document.getElementById('markdown-modal-copy-btn'); if (modal && viewButtons.length > 0) { viewButtons.forEach(function (btn) { btn.addEventListener('click', function () { var slug = btn.getAttribute('data-uid') || btn.getAttribute('data-slug') || 'marathon--die-erste'; if (codeEl) codeEl.textContent = 'Loading Markdown source...'; if (typeof modal.showModal === 'function') { modal.showModal(); } else { modal.setAttribute('open', ''); } fetchMarkdown(slug, function (err, md) { if (codeEl) { codeEl.textContent = md || 'Failed to load Markdown source.'; if (window.hljs && typeof hljs.highlightElement === 'function') { hljs.highlightElement(codeEl); } // Remove any DocFX code-action / copy buttons that might have been injected var actions = modal.querySelectorAll('.code-action, .code-copy-btn, .action, a[title=\"Copy\"], button[title=\"Copy\"]'); actions.forEach(function (el) { el.remove(); }); } }); }); }); if (closeBtn) { closeBtn.addEventListener('click', function () { if (typeof modal.close === 'function') { modal.close(); } else { modal.removeAttribute('open'); } }); } // Light dismiss on backdrop click modal.addEventListener('click', function (e) { if (e.target === modal) { var rect = modal.getBoundingClientRect(); var isInDialog = ( rect.top <= e.clientY && e.clientY <= rect.top + rect.height && rect.left <= e.clientX && e.clientX <= rect.left + rect.width ); if (!isInDialog) { if (typeof modal.close === 'function') { modal.close(); } else { modal.removeAttribute('open'); } } } }); var modalPromptBtn = document.getElementById('markdown-modal-prompt-btn'); function formatPrompt(markdownText) { var postTitle = document.querySelector('h1.post-full-title') || document.querySelector('h1'); var titleStr = (postTitle ? postTitle.textContent.trim() : 'Marathon, die Erste') || 'Article'; var appUrl = 'https://jochen.kirstaetter.name'.replace(/\\/+$/, ''); var canonicalLink = document.querySelector('link[rel=\"canonical\"]'); var pageUrl = canonicalLink ? (canonicalLink.getAttribute('href') || canonicalLink.href) : ''; if (!pageUrl) { pageUrl = appUrl + window.location.pathname; } if (pageUrl.startsWith('/')) { pageUrl = appUrl + pageUrl; } pageUrl = pageUrl.split('?')[0].split('#')[0]; try { var parsed = new URL(pageUrl, appUrl); if (parsed.hostname === 'localhost' || parsed.hostname === '127.0.0.1' || parsed.hostname.endsWith('.localhost')) { pageUrl = appUrl + parsed.pathname; } } catch (e) {} pageUrl = pageUrl.replace(/\\/index\\.html$/, '/').replace(/\\.html$/, ''); if (pageUrl.length > appUrl.length + 1 && pageUrl.endsWith('/')) { pageUrl = pageUrl.slice(0, -1); } return 'Analyse and use the following article as context:\\n\\n' + 'Title: ' + titleStr + '\\n' + 'URL: ' + pageUrl + '\\n\\n' + '---\\n\\n' + markdownText; } if (modalCopyBtn) { modalCopyBtn.addEventListener('click', function () { var text = codeEl ? (codeEl.innerText || codeEl.textContent) : ''; if (!text) return; navigator.clipboard.writeText(text).then(function () { var origHtml = modalCopyBtn.innerHTML; modalCopyBtn.classList.add('copied'); modalCopyBtn.innerHTML = ' Copied!'; setTimeout(function () { modalCopyBtn.classList.remove('copied'); modalCopyBtn.innerHTML = origHtml; }, 2000); }); }); } if (modalPromptBtn) { modalPromptBtn.addEventListener('click', function () { var text = codeEl ? (codeEl.innerText || codeEl.textContent) : ''; if (!text) return; var promptText = formatPrompt(text); navigator.clipboard.writeText(promptText).then(function () { var origHtml = modalPromptBtn.innerHTML; modalPromptBtn.classList.add('copied'); modalPromptBtn.innerHTML = ' Copied!'; setTimeout(function () { modalPromptBtn.classList.remove('copied'); modalPromptBtn.innerHTML = origHtml; }, 2000); }); }); } } })(); 2005-05-04 - Filed under General (function() { var el = document.currentScript ? document.currentScript.previousElementSibling.querySelector('.post-full-meta-date') : document.querySelector('.post-full-meta-date'); if (el) { var raw = el.getAttribute('datetime') || el.textContent.trim(); var m = raw.match(/^(\\d{4})-(\\d{1,2})-(\\d{1,2})/); if (m) { var months = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']; var y = parseInt(m[1], 10); var mo = parseInt(m[2], 10) - 1; var d = parseInt(m[3], 10); if (mo >= 0 && mo < 12) { el.textContent = months[mo] + ' ' + d + ', ' + y; } } } })(); Ahhhhh Herrlich, wenn man nach vier (4!) Stunden total entspannt aus der Badewanne steigt. Phantastisch! Ich glaub', es gibt nur eine Sache, die mehr Spass macht... Auf alle Fälle habe ich nun ein weiteres Buch zu Ende gelesen. Es handelt sich dabei einen Titel aus der Belletristik - Tod und Teufel von Frank Schätzing - und ich kann euch das Buch nur wärmstens an Herzen legen. Es handelt sich dabei um einen spannenden und geschickt geschriebenen 'Krimi'-Roman, der im 13. Jahrhundert in der Domstadt Köln handelt. Primär geht's dabei um die Fehde zwischen kirchlichen und weltlichen Interessen in Form des Erzbischofs von Köln und den ansässigen Patriziern. Und einen unfreiwilligen Helden in der Geschichte... Wirklich lesenswert. Bis denne, JoKi if (typeof window !== 'undefined' && window.location.hostname !== 'localhost' && window.location.hostname !== '127.0.0.1') { (window.adsbygoogle = window.adsbygoogle || []).push({}); } (function() { var loaded = false; function loadDisqusEmbed() { if (loaded) return; loaded = true; window.disqus_config = function () { this.page.url = 'marathon--die-erste.html'; this.page.identifier = '9271ed1c97_idmarathon--die-erste'; }; var d = document, s = d.createElement('script'); s.src = 'https://getbloggedbyjoki.disqus.com/embed.js'; s.setAttribute('data-timestamp', +new Date()); (d.head || d.body).appendChild(s); } var target = document.getElementById('disqus_thread'); if ('IntersectionObserver' in window && target) { var observer = new IntersectionObserver(function(entries) { if (entries[0].isIntersecting) { loadDisqusEmbed(); observer.disconnect(); } }, { rootMargin: '300px' }); observer.observe(target); } else { window.addEventListener('load', function() { if ('requestIdleCallback' in window) { requestIdleCallback(loadDisqusEmbed, { timeout: 4000 }); } else { setTimeout(loadDisqusEmbed, 3000); } }); } })();" }, "marathon--die-vierte.html": { "href": "marathon--die-vierte.html", "title": "Marathon, die Vierte? - Get Blogged by JoKi", "summary": "Marathon, die Vierte? Copy Markdown View Markdown GitHub Markdown Source Marathon, die Vierte? Copy Markdown Copy as Prompt Download .MD GitHub Close Loading markdown source... (function () { var rawMarkdownCache = {}; function cleanFrontmatter(text) { if (!text) return ''; // Bulletproof removal of frontmatter: between initial --- and ending --- return text.replace(/^---[\\s\\S]*?\\n---\\s*\\n?/, '').trim() + '\\n'; } function fetchMarkdown(slug, callback) { if (rawMarkdownCache[slug]) { callback(null, rawMarkdownCache[slug]); return; } var rel = ''; var url = rel + 'raw/' + encodeURIComponent(slug) + '.md'; fetch(url) .then(function (res) { if (!res.ok) throw new Error('Markdown source not found: ' + res.status); return res.text(); }) .then(function (text) { var cleaned = cleanFrontmatter(text); rawMarkdownCache[slug] = cleaned; callback(null, cleaned); }) .catch(function (err) { // Fallback: extract plain text from post content var contentEl = document.querySelector('.post-full-content .post-content, .post-content, main .inner'); if (contentEl) { var fallbackMd = '# ' + (document.querySelector('h1') ? document.querySelector('h1').innerText : 'Post') + '\\n\\n' + (contentEl.innerText || contentEl.textContent); rawMarkdownCache[slug] = fallbackMd; callback(null, fallbackMd); } else { callback(err, null); } }); } // Attach Copy Markdown handler var copyButtons = document.querySelectorAll('.btn-copy-markdown, .floating-copy-markdown'); copyButtons.forEach(function (btn) { btn.addEventListener('click', function () { var slug = btn.getAttribute('data-uid') || btn.getAttribute('data-slug') || 'marathon--die-vierte'; var originalHtml = btn.innerHTML; btn.disabled = true; fetchMarkdown(slug, function (err, md) { if (err || !md) { btn.disabled = false; alert('Could not copy Markdown source.'); return; } navigator.clipboard.writeText(md).then(function () { btn.classList.add('copied'); btn.innerHTML = ' Copied!'; setTimeout(function () { btn.classList.remove('copied'); btn.innerHTML = originalHtml; btn.disabled = false; }, 2000); }).catch(function () { btn.disabled = false; }); }); }); }); // Attach View Markdown modal var viewButtons = document.querySelectorAll('.btn-view-markdown'); var modal = document.getElementById('markdown-viewer-modal'); var codeEl = document.getElementById('markdown-viewer-code'); var closeBtn = modal ? modal.querySelector('.markdown-viewer-close') : null; var modalCopyBtn = document.getElementById('markdown-modal-copy-btn'); if (modal && viewButtons.length > 0) { viewButtons.forEach(function (btn) { btn.addEventListener('click', function () { var slug = btn.getAttribute('data-uid') || btn.getAttribute('data-slug') || 'marathon--die-vierte'; if (codeEl) codeEl.textContent = 'Loading Markdown source...'; if (typeof modal.showModal === 'function') { modal.showModal(); } else { modal.setAttribute('open', ''); } fetchMarkdown(slug, function (err, md) { if (codeEl) { codeEl.textContent = md || 'Failed to load Markdown source.'; if (window.hljs && typeof hljs.highlightElement === 'function') { hljs.highlightElement(codeEl); } // Remove any DocFX code-action / copy buttons that might have been injected var actions = modal.querySelectorAll('.code-action, .code-copy-btn, .action, a[title=\"Copy\"], button[title=\"Copy\"]'); actions.forEach(function (el) { el.remove(); }); } }); }); }); if (closeBtn) { closeBtn.addEventListener('click', function () { if (typeof modal.close === 'function') { modal.close(); } else { modal.removeAttribute('open'); } }); } // Light dismiss on backdrop click modal.addEventListener('click', function (e) { if (e.target === modal) { var rect = modal.getBoundingClientRect(); var isInDialog = ( rect.top <= e.clientY && e.clientY <= rect.top + rect.height && rect.left <= e.clientX && e.clientX <= rect.left + rect.width ); if (!isInDialog) { if (typeof modal.close === 'function') { modal.close(); } else { modal.removeAttribute('open'); } } } }); var modalPromptBtn = document.getElementById('markdown-modal-prompt-btn'); function formatPrompt(markdownText) { var postTitle = document.querySelector('h1.post-full-title') || document.querySelector('h1'); var titleStr = (postTitle ? postTitle.textContent.trim() : 'Marathon, die Vierte?') || 'Article'; var appUrl = 'https://jochen.kirstaetter.name'.replace(/\\/+$/, ''); var canonicalLink = document.querySelector('link[rel=\"canonical\"]'); var pageUrl = canonicalLink ? (canonicalLink.getAttribute('href') || canonicalLink.href) : ''; if (!pageUrl) { pageUrl = appUrl + window.location.pathname; } if (pageUrl.startsWith('/')) { pageUrl = appUrl + pageUrl; } pageUrl = pageUrl.split('?')[0].split('#')[0]; try { var parsed = new URL(pageUrl, appUrl); if (parsed.hostname === 'localhost' || parsed.hostname === '127.0.0.1' || parsed.hostname.endsWith('.localhost')) { pageUrl = appUrl + parsed.pathname; } } catch (e) {} pageUrl = pageUrl.replace(/\\/index\\.html$/, '/').replace(/\\.html$/, ''); if (pageUrl.length > appUrl.length + 1 && pageUrl.endsWith('/')) { pageUrl = pageUrl.slice(0, -1); } return 'Analyse and use the following article as context:\\n\\n' + 'Title: ' + titleStr + '\\n' + 'URL: ' + pageUrl + '\\n\\n' + '---\\n\\n' + markdownText; } if (modalCopyBtn) { modalCopyBtn.addEventListener('click', function () { var text = codeEl ? (codeEl.innerText || codeEl.textContent) : ''; if (!text) return; navigator.clipboard.writeText(text).then(function () { var origHtml = modalCopyBtn.innerHTML; modalCopyBtn.classList.add('copied'); modalCopyBtn.innerHTML = ' Copied!'; setTimeout(function () { modalCopyBtn.classList.remove('copied'); modalCopyBtn.innerHTML = origHtml; }, 2000); }); }); } if (modalPromptBtn) { modalPromptBtn.addEventListener('click', function () { var text = codeEl ? (codeEl.innerText || codeEl.textContent) : ''; if (!text) return; var promptText = formatPrompt(text); navigator.clipboard.writeText(promptText).then(function () { var origHtml = modalPromptBtn.innerHTML; modalPromptBtn.classList.add('copied'); modalPromptBtn.innerHTML = ' Copied!'; setTimeout(function () { modalPromptBtn.classList.remove('copied'); modalPromptBtn.innerHTML = origHtml; }, 2000); }); }); } } })(); 2005-05-08 - Filed under General (function() { var el = document.currentScript ? document.currentScript.previousElementSibling.querySelector('.post-full-meta-date') : document.querySelector('.post-full-meta-date'); if (el) { var raw = el.getAttribute('datetime') || el.textContent.trim(); var m = raw.match(/^(\\d{4})-(\\d{1,2})-(\\d{1,2})/); if (m) { var months = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']; var y = parseInt(m[1], 10); var mo = parseInt(m[2], 10) - 1; var d = parseInt(m[3], 10); if (mo >= 0 && mo < 12) { el.textContent = months[mo] + ' ' + d + ', ' + y; } } } })(); Herrje, ich bin im Marathon-Fieber, sozusagen im Laufwahn... Nee, eigentlich nicht, aber aktuell geht doch einiges ab. Gestern, heute und wahrscheinlich auch morgen stand und steht einiges dem Tagesplan für die Programmierung. Daneben sind noch die weiteren Schritte für den Webcast zu organisieren. Ich denke, dass ich am Wochenende mal dran gehen werde und das grundsätzliche Konzept weiter ausformuliere. Achja, und noch 'ne Kleinigkeit in PHP coden... Jaja, die Vergangenheit holt einen doch immer wieder ein. Naja, ich bin mal gespannt. Vor allem auf VS.php - mal sehen, ob ich das Teil unter VS 2003 zum Laufen bringe und für die Entwicklung nutzen kann. Maguma und Komodo sind mir in der Hinsicht zu ungewohnt... Hmm, am Freitag ist auf alle Fälle mal ein kurzer Arbeitstag (hoffentlich) angesetzt. Schliesslich möchte man ja auch was vom Wochenende haben und sich ein wenig erholen können. So, jetzt aber noch 'ne Kleinigkeit zu Abend futtern - der Börek duftet bereits ziemlich gut aus dem Backofen... if (typeof window !== 'undefined' && window.location.hostname !== 'localhost' && window.location.hostname !== '127.0.0.1') { (window.adsbygoogle = window.adsbygoogle || []).push({}); } (function() { var loaded = false; function loadDisqusEmbed() { if (loaded) return; loaded = true; window.disqus_config = function () { this.page.url = 'marathon--die-vierte.html'; this.page.identifier = '9271ed1c97_idmarathon--die-vierte'; }; var d = document, s = d.createElement('script'); s.src = 'https://getbloggedbyjoki.disqus.com/embed.js'; s.setAttribute('data-timestamp', +new Date()); (d.head || d.body).appendChild(s); } var target = document.getElementById('disqus_thread'); if ('IntersectionObserver' in window && target) { var observer = new IntersectionObserver(function(entries) { if (entries[0].isIntersecting) { loadDisqusEmbed(); observer.disconnect(); } }, { rootMargin: '300px' }); observer.observe(target); } else { window.addEventListener('load', function() { if ('requestIdleCallback' in window) { requestIdleCallback(loadDisqusEmbed, { timeout: 4000 }); } else { setTimeout(loadDisqusEmbed, 3000); } }); } })();" }, "marathon--die-zweite.html": { "href": "marathon--die-zweite.html", "title": "Marathon, die Zweite - Get Blogged by JoKi", "summary": "Marathon, die Zweite Copy Markdown View Markdown GitHub Markdown Source Marathon, die Zweite Copy Markdown Copy as Prompt Download .MD GitHub Close Loading markdown source... (function () { var rawMarkdownCache = {}; function cleanFrontmatter(text) { if (!text) return ''; // Bulletproof removal of frontmatter: between initial --- and ending --- return text.replace(/^---[\\s\\S]*?\\n---\\s*\\n?/, '').trim() + '\\n'; } function fetchMarkdown(slug, callback) { if (rawMarkdownCache[slug]) { callback(null, rawMarkdownCache[slug]); return; } var rel = ''; var url = rel + 'raw/' + encodeURIComponent(slug) + '.md'; fetch(url) .then(function (res) { if (!res.ok) throw new Error('Markdown source not found: ' + res.status); return res.text(); }) .then(function (text) { var cleaned = cleanFrontmatter(text); rawMarkdownCache[slug] = cleaned; callback(null, cleaned); }) .catch(function (err) { // Fallback: extract plain text from post content var contentEl = document.querySelector('.post-full-content .post-content, .post-content, main .inner'); if (contentEl) { var fallbackMd = '# ' + (document.querySelector('h1') ? document.querySelector('h1').innerText : 'Post') + '\\n\\n' + (contentEl.innerText || contentEl.textContent); rawMarkdownCache[slug] = fallbackMd; callback(null, fallbackMd); } else { callback(err, null); } }); } // Attach Copy Markdown handler var copyButtons = document.querySelectorAll('.btn-copy-markdown, .floating-copy-markdown'); copyButtons.forEach(function (btn) { btn.addEventListener('click', function () { var slug = btn.getAttribute('data-uid') || btn.getAttribute('data-slug') || 'marathon--die-zweite'; var originalHtml = btn.innerHTML; btn.disabled = true; fetchMarkdown(slug, function (err, md) { if (err || !md) { btn.disabled = false; alert('Could not copy Markdown source.'); return; } navigator.clipboard.writeText(md).then(function () { btn.classList.add('copied'); btn.innerHTML = ' Copied!'; setTimeout(function () { btn.classList.remove('copied'); btn.innerHTML = originalHtml; btn.disabled = false; }, 2000); }).catch(function () { btn.disabled = false; }); }); }); }); // Attach View Markdown modal var viewButtons = document.querySelectorAll('.btn-view-markdown'); var modal = document.getElementById('markdown-viewer-modal'); var codeEl = document.getElementById('markdown-viewer-code'); var closeBtn = modal ? modal.querySelector('.markdown-viewer-close') : null; var modalCopyBtn = document.getElementById('markdown-modal-copy-btn'); if (modal && viewButtons.length > 0) { viewButtons.forEach(function (btn) { btn.addEventListener('click', function () { var slug = btn.getAttribute('data-uid') || btn.getAttribute('data-slug') || 'marathon--die-zweite'; if (codeEl) codeEl.textContent = 'Loading Markdown source...'; if (typeof modal.showModal === 'function') { modal.showModal(); } else { modal.setAttribute('open', ''); } fetchMarkdown(slug, function (err, md) { if (codeEl) { codeEl.textContent = md || 'Failed to load Markdown source.'; if (window.hljs && typeof hljs.highlightElement === 'function') { hljs.highlightElement(codeEl); } // Remove any DocFX code-action / copy buttons that might have been injected var actions = modal.querySelectorAll('.code-action, .code-copy-btn, .action, a[title=\"Copy\"], button[title=\"Copy\"]'); actions.forEach(function (el) { el.remove(); }); } }); }); }); if (closeBtn) { closeBtn.addEventListener('click', function () { if (typeof modal.close === 'function') { modal.close(); } else { modal.removeAttribute('open'); } }); } // Light dismiss on backdrop click modal.addEventListener('click', function (e) { if (e.target === modal) { var rect = modal.getBoundingClientRect(); var isInDialog = ( rect.top <= e.clientY && e.clientY <= rect.top + rect.height && rect.left <= e.clientX && e.clientX <= rect.left + rect.width ); if (!isInDialog) { if (typeof modal.close === 'function') { modal.close(); } else { modal.removeAttribute('open'); } } } }); var modalPromptBtn = document.getElementById('markdown-modal-prompt-btn'); function formatPrompt(markdownText) { var postTitle = document.querySelector('h1.post-full-title') || document.querySelector('h1'); var titleStr = (postTitle ? postTitle.textContent.trim() : 'Marathon, die Zweite') || 'Article'; var appUrl = 'https://jochen.kirstaetter.name'.replace(/\\/+$/, ''); var canonicalLink = document.querySelector('link[rel=\"canonical\"]'); var pageUrl = canonicalLink ? (canonicalLink.getAttribute('href') || canonicalLink.href) : ''; if (!pageUrl) { pageUrl = appUrl + window.location.pathname; } if (pageUrl.startsWith('/')) { pageUrl = appUrl + pageUrl; } pageUrl = pageUrl.split('?')[0].split('#')[0]; try { var parsed = new URL(pageUrl, appUrl); if (parsed.hostname === 'localhost' || parsed.hostname === '127.0.0.1' || parsed.hostname.endsWith('.localhost')) { pageUrl = appUrl + parsed.pathname; } } catch (e) {} pageUrl = pageUrl.replace(/\\/index\\.html$/, '/').replace(/\\.html$/, ''); if (pageUrl.length > appUrl.length + 1 && pageUrl.endsWith('/')) { pageUrl = pageUrl.slice(0, -1); } return 'Analyse and use the following article as context:\\n\\n' + 'Title: ' + titleStr + '\\n' + 'URL: ' + pageUrl + '\\n\\n' + '---\\n\\n' + markdownText; } if (modalCopyBtn) { modalCopyBtn.addEventListener('click', function () { var text = codeEl ? (codeEl.innerText || codeEl.textContent) : ''; if (!text) return; navigator.clipboard.writeText(text).then(function () { var origHtml = modalCopyBtn.innerHTML; modalCopyBtn.classList.add('copied'); modalCopyBtn.innerHTML = ' Copied!'; setTimeout(function () { modalCopyBtn.classList.remove('copied'); modalCopyBtn.innerHTML = origHtml; }, 2000); }); }); } if (modalPromptBtn) { modalPromptBtn.addEventListener('click', function () { var text = codeEl ? (codeEl.innerText || codeEl.textContent) : ''; if (!text) return; var promptText = formatPrompt(text); navigator.clipboard.writeText(promptText).then(function () { var origHtml = modalPromptBtn.innerHTML; modalPromptBtn.classList.add('copied'); modalPromptBtn.innerHTML = ' Copied!'; setTimeout(function () { modalPromptBtn.classList.remove('copied'); modalPromptBtn.innerHTML = origHtml; }, 2000); }); }); } } })(); 2005-05-06 - Filed under General (function() { var el = document.currentScript ? document.currentScript.previousElementSibling.querySelector('.post-full-meta-date') : document.querySelector('.post-full-meta-date'); if (el) { var raw = el.getAttribute('datetime') || el.textContent.trim(); var m = raw.match(/^(\\d{4})-(\\d{1,2})-(\\d{1,2})/); if (m) { var months = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']; var y = parseInt(m[1], 10); var mo = parseInt(m[2], 10) - 1; var d = parseInt(m[3], 10); if (mo >= 0 && mo < 12) { el.textContent = months[mo] + ' ' + d + ', ' + y; } } } })(); Es ist Samtag, kurz 13:30 und ich warte... Wir treffen uns gegen 14:00 in der Fw für den gemeinsamen Abmarsch zum Gutenberg Marathon in Mainz. Wie auch bereits die letzten Jahre - nur dieses Jahr bin ich auch dabei. Sonst hatte ich immer nur beim Packen und später beim Aufräumen geholfen, aber dieses Jahr nicht... Also, los geht's... Kaum vor Ort geht das Chaos schon los. Baustelle... Parkende Autos von gehfaulen Personen an den Stellen, an denen unsere Zelte und Fahrzeuge stehen sollen. Nunja, wir haben ja Zeit, die Rennen sind ja erst morgen. Insofern: Don't Panic! Well, nach fast 2h warten, stehen unsere Fahrzeuge endlich richtig und der Aufbau beginnt. Wichtiges Zelt ist natürlich unsere mobile Küche in Vollausstattung. Kühlschränke, Bräter, Gasgrill und sogar mobile Spielmaschine sind vor Ort und werden angeschlossen. Herrliche Aktion, schliesslich ist für den Abend frische Paella geplant. Wir kommen ziemlich zügig voran und das Duschzelt steht ebenfalls nach kurzer Zeit. Was tun sprach Zarathustra? - Ganz klar, Essen fassen. Als Vorspeise gibt's Frühlingssalat. Und so schwelgen die Abendstunden dahin. Erfreulicherweise schauen auch etliche Kameraden aus anderen Gefahrstoffzügen und -einheiten bei uns rein. Fröhliches Wiedersehen und lockere Fachgespräche sind angesagt - ich fühl' mich sauwohl. Achja, die Paella - Leute, das hast du nicht gesehen - wirklich phantastisch, frische Miesmuscheln und frischer Tintenfisch, dazu leckere Scampi und alles frisch zubereitet. Ich glaub', dass dürfte 'Schlemmen wie Gott in Frankreich' ziemlich nahe kommen. Beinahe hätte ich es vergessen. Selbstverständlich gab's noch gepflegten Rotwein dazu. Und dabei bin ich dann auch geblieben... Und geblieben... Und geblieben... Ja, und irgendwann wurd's langsam wieder hell und Zeit für den Schlafsack. if (typeof window !== 'undefined' && window.location.hostname !== 'localhost' && window.location.hostname !== '127.0.0.1') { (window.adsbygoogle = window.adsbygoogle || []).push({}); } (function() { var loaded = false; function loadDisqusEmbed() { if (loaded) return; loaded = true; window.disqus_config = function () { this.page.url = 'marathon--die-zweite.html'; this.page.identifier = '9271ed1c97_idmarathon--die-zweite'; }; var d = document, s = d.createElement('script'); s.src = 'https://getbloggedbyjoki.disqus.com/embed.js'; s.setAttribute('data-timestamp', +new Date()); (d.head || d.body).appendChild(s); } var target = document.getElementById('disqus_thread'); if ('IntersectionObserver' in window && target) { var observer = new IntersectionObserver(function(entries) { if (entries[0].isIntersecting) { loadDisqusEmbed(); observer.disconnect(); } }, { rootMargin: '300px' }); observer.observe(target); } else { window.addEventListener('load', function() { if ('requestIdleCallback' in window) { requestIdleCallback(loadDisqusEmbed, { timeout: 4000 }); } else { setTimeout(loadDisqusEmbed, 3000); } }); } })();" }, "mastering-the-matrix-qr-code-generation.html": { "href": "mastering-the-matrix-qr-code-generation.html", "title": "Mastering the Matrix: Elegant QR Code Generation - Get Blogged by JoKi", "summary": "Mastering the Matrix: Elegant QR Code Generation Copy Markdown View Markdown GitHub Markdown Source Mastering the Matrix: Elegant QR Code Generation Copy Markdown Copy as Prompt Download .MD GitHub Close Loading markdown source... (function () { var rawMarkdownCache = {}; function cleanFrontmatter(text) { if (!text) return ''; // Bulletproof removal of frontmatter: between initial --- and ending --- return text.replace(/^---[\\s\\S]*?\\n---\\s*\\n?/, '').trim() + '\\n'; } function fetchMarkdown(slug, callback) { if (rawMarkdownCache[slug]) { callback(null, rawMarkdownCache[slug]); return; } var rel = ''; var url = rel + 'raw/' + encodeURIComponent(slug) + '.md'; fetch(url) .then(function (res) { if (!res.ok) throw new Error('Markdown source not found: ' + res.status); return res.text(); }) .then(function (text) { var cleaned = cleanFrontmatter(text); rawMarkdownCache[slug] = cleaned; callback(null, cleaned); }) .catch(function (err) { // Fallback: extract plain text from post content var contentEl = document.querySelector('.post-full-content .post-content, .post-content, main .inner'); if (contentEl) { var fallbackMd = '# ' + (document.querySelector('h1') ? document.querySelector('h1').innerText : 'Post') + '\\n\\n' + (contentEl.innerText || contentEl.textContent); rawMarkdownCache[slug] = fallbackMd; callback(null, fallbackMd); } else { callback(err, null); } }); } // Attach Copy Markdown handler var copyButtons = document.querySelectorAll('.btn-copy-markdown, .floating-copy-markdown'); copyButtons.forEach(function (btn) { btn.addEventListener('click', function () { var slug = btn.getAttribute('data-uid') || btn.getAttribute('data-slug') || 'mastering-the-matrix-qr-code-generation'; var originalHtml = btn.innerHTML; btn.disabled = true; fetchMarkdown(slug, function (err, md) { if (err || !md) { btn.disabled = false; alert('Could not copy Markdown source.'); return; } navigator.clipboard.writeText(md).then(function () { btn.classList.add('copied'); btn.innerHTML = ' Copied!'; setTimeout(function () { btn.classList.remove('copied'); btn.innerHTML = originalHtml; btn.disabled = false; }, 2000); }).catch(function () { btn.disabled = false; }); }); }); }); // Attach View Markdown modal var viewButtons = document.querySelectorAll('.btn-view-markdown'); var modal = document.getElementById('markdown-viewer-modal'); var codeEl = document.getElementById('markdown-viewer-code'); var closeBtn = modal ? modal.querySelector('.markdown-viewer-close') : null; var modalCopyBtn = document.getElementById('markdown-modal-copy-btn'); if (modal && viewButtons.length > 0) { viewButtons.forEach(function (btn) { btn.addEventListener('click', function () { var slug = btn.getAttribute('data-uid') || btn.getAttribute('data-slug') || 'mastering-the-matrix-qr-code-generation'; if (codeEl) codeEl.textContent = 'Loading Markdown source...'; if (typeof modal.showModal === 'function') { modal.showModal(); } else { modal.setAttribute('open', ''); } fetchMarkdown(slug, function (err, md) { if (codeEl) { codeEl.textContent = md || 'Failed to load Markdown source.'; if (window.hljs && typeof hljs.highlightElement === 'function') { hljs.highlightElement(codeEl); } // Remove any DocFX code-action / copy buttons that might have been injected var actions = modal.querySelectorAll('.code-action, .code-copy-btn, .action, a[title=\"Copy\"], button[title=\"Copy\"]'); actions.forEach(function (el) { el.remove(); }); } }); }); }); if (closeBtn) { closeBtn.addEventListener('click', function () { if (typeof modal.close === 'function') { modal.close(); } else { modal.removeAttribute('open'); } }); } // Light dismiss on backdrop click modal.addEventListener('click', function (e) { if (e.target === modal) { var rect = modal.getBoundingClientRect(); var isInDialog = ( rect.top <= e.clientY && e.clientY <= rect.top + rect.height && rect.left <= e.clientX && e.clientX <= rect.left + rect.width ); if (!isInDialog) { if (typeof modal.close === 'function') { modal.close(); } else { modal.removeAttribute('open'); } } } }); var modalPromptBtn = document.getElementById('markdown-modal-prompt-btn'); function formatPrompt(markdownText) { var postTitle = document.querySelector('h1.post-full-title') || document.querySelector('h1'); var titleStr = (postTitle ? postTitle.textContent.trim() : 'Mastering the Matrix: Elegant QR Code Generation') || 'Article'; var appUrl = 'https://jochen.kirstaetter.name'.replace(/\\/+$/, ''); var canonicalLink = document.querySelector('link[rel=\"canonical\"]'); var pageUrl = canonicalLink ? (canonicalLink.getAttribute('href') || canonicalLink.href) : ''; if (!pageUrl) { pageUrl = appUrl + window.location.pathname; } if (pageUrl.startsWith('/')) { pageUrl = appUrl + pageUrl; } pageUrl = pageUrl.split('?')[0].split('#')[0]; try { var parsed = new URL(pageUrl, appUrl); if (parsed.hostname === 'localhost' || parsed.hostname === '127.0.0.1' || parsed.hostname.endsWith('.localhost')) { pageUrl = appUrl + parsed.pathname; } } catch (e) {} pageUrl = pageUrl.replace(/\\/index\\.html$/, '/').replace(/\\.html$/, ''); if (pageUrl.length > appUrl.length + 1 && pageUrl.endsWith('/')) { pageUrl = pageUrl.slice(0, -1); } return 'Analyse and use the following article as context:\\n\\n' + 'Title: ' + titleStr + '\\n' + 'URL: ' + pageUrl + '\\n\\n' + '---\\n\\n' + markdownText; } if (modalCopyBtn) { modalCopyBtn.addEventListener('click', function () { var text = codeEl ? (codeEl.innerText || codeEl.textContent) : ''; if (!text) return; navigator.clipboard.writeText(text).then(function () { var origHtml = modalCopyBtn.innerHTML; modalCopyBtn.classList.add('copied'); modalCopyBtn.innerHTML = ' Copied!'; setTimeout(function () { modalCopyBtn.classList.remove('copied'); modalCopyBtn.innerHTML = origHtml; }, 2000); }); }); } if (modalPromptBtn) { modalPromptBtn.addEventListener('click', function () { var text = codeEl ? (codeEl.innerText || codeEl.textContent) : ''; if (!text) return; var promptText = formatPrompt(text); navigator.clipboard.writeText(promptText).then(function () { var origHtml = modalPromptBtn.innerHTML; modalPromptBtn.classList.add('copied'); modalPromptBtn.innerHTML = ' Copied!'; setTimeout(function () { modalPromptBtn.classList.remove('copied'); modalPromptBtn.innerHTML = origHtml; }, 2000); }); }); } } })(); 2026-08-23 - Filed under Development (function() { var el = document.currentScript ? document.currentScript.previousElementSibling.querySelector('.post-full-meta-date') : document.querySelector('.post-full-meta-date'); if (el) { var raw = el.getAttribute('datetime') || el.textContent.trim(); var m = raw.match(/^(\\d{4})-(\\d{1,2})-(\\d{1,2})/); if (m) { var months = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']; var y = parseInt(m[1], 10); var mo = parseInt(m[2], 10) - 1; var d = parseInt(m[3], 10); if (mo >= 0 && mo < 12) { el.textContent = months[mo] + ' ' + d + ', ' + y; } } } })(); Open any modern web browser on your desktop and look closely at the address bar or context menu. Google Chrome provides a built-in Create QR Code for this page tool, complete with its pixelated offline dinosaur mascot sitting proudly in the middle. Microsoft Edge features a dedicated sharing flyout that renders a quick square matrix, and mobile Safari integrates URL sharing directly into the system Share Sheet. These browser-native features work well for ad-hoc personal transfers when sending a tab to your phone. However, when building a publishing engine, an interactive web application, or an automated static site pipeline, relying on manual browser menus falls short. You cannot customise the branding, you cannot automate social preview card generation in CI/CD, and you cannot serve dynamic QR codes programmatically to external consumers. Back in 2023, I explored this challenge in Generating QR codes - the Easy, the Comfy and the Smarty, comparing Google's deprecated Charts API, local scripting with the qrcode Python library and QRCoder NuGet package, and deploying serverless Google Cloud Functions. Three years later, our architecture has evolved significantly. Instead of managing external web services or deploying heavy runtimes for static content, we built clean, lightweight QR code engines across three distinct tiers: headless build-time matrix calculation in Python, client-side in-browser canvas rendering in JavaScript, and a high-performance Minimal API microservice in C# on .NET 10. Here is the engineering journey behind implementing the ISO/IEC 18004 standard, mastering Galois field mathematics, and compositing elegant frosted-glass badges. 1. Under the Hood: The Mathematics of ISO/IEC 18004 Invented in 1994 by Denso Wave, a QR (Quick Response) code is far more than a monochrome checkerboard. It is a mathematically resilient two-dimensional matrix engineered to survive severe optical distortion, tearing, and occlusion. Generating one requires four distinct mathematical and structural stages: flowchart LR A[\"Input Payload
(Text or URL)\"] --> B[\"Bitstream Encoding
Mode + Count + Data\"] B --> C[\"Reed-Solomon ECC
Galois Field GF(256)\"] C --> D[\"Matrix Construction
Finders + Masking\"] Galois Field \$GF(256)\$ Arithmetic Standard integer arithmetic does not work for finite field error correction because division can yield non-integers. QR codes operate over the Galois Field \$GF(2^8)\$ or \$GF(256)\$, defined by the primitive polynomial: \$P(x) = x^8 + x^4 + x^3 + x^2 + 1 \\quad (0x11D \\text{ or } 285)\$ In \$GF(256)\$, addition and subtraction are identical to bitwise XOR (^). Multiplication is performed by expressing non-zero elements as powers of a primitive root \$\\alpha=2\$. By precomputing log and exponent tables during startup, polynomial multiplication reduces to table lookups: # Galois Field GF(256) tables with primitive polynomial 0x11D (285) GF_EXP = [0] * 512 GF_LOG = [0] * 256 _x = 1 for _i in range(255): GF_EXP[_i] = _x GF_LOG[_x] = _i _x <<= 1 if _x >= 256: _x ^= 0x11D for _i in range(255, 512): GF_EXP[_i] = GF_EXP[_i - 255] def gf_mul(a: int, b: int) -> int: \"\"\"Multiplies two numbers in GF(256) using precomputed lookup tables.\"\"\" if a == 0 or b == 0: return 0 return GF_EXP[GF_LOG[a] + GF_LOG[b]] Reed-Solomon Error Correction (Level H) The ISO/IEC 18004 specification defines four Error Correction Code (ECC) levels: Level L: Recovers up to ~7% damaged data. Level M: Recovers up to ~15% damaged data. Level Q: Recovers up to ~25% damaged data. Level H: Recovers up to ~30% damaged data. Note To safely embed custom logos, site favicons, or brand emblems into the centre of a QR code without rendering the symbol unreadable, configuring Error Correction Level H is mandatory. Error correction codewords are computed using polynomial synthetic division. The data codewords represent coefficients of a message polynomial \$M(x)\$, which is multiplied by \$x^{num\\_ec}\$ and divided by a generator polynomial \$G(x)\$: \$G(x) = \\prod_{i=0}^{num\\_ec - 1} (x - \\alpha^i)\$ The remainder of this polynomial division represents the Reed-Solomon parity codewords appended directly after the data stream. Bitstream Assembly and Padding Before error correction, the payload string is encoded into an 8-bit byte mode bitstream: Mode Indicator: 4-bit header (0100 for 8-bit byte mode). Character Count Indicator: 8-bit (Versions 1 to 9) or 16-bit (Versions 10 to 14) binary integer specifying the payload length. Data Bits: Raw UTF-8 bytes. Terminator & Alignment: Up to 4 zero bits, padded to the nearest 8-bit byte boundary. Codeword Padding: Alternating bytes of 0xEC (236) and 0x11 (17) until the version data capacity is completely filled. Matrix Assembly and Masking Once data and parity blocks are interleaved, the matrix is constructed: Finder Patterns: \$7 \\times 7\$ nested concentric squares placed at the top-left, top-right, and bottom-left corners, separated by a 1-module quiet zone. Alignment Patterns: \$5 \\times 5\$ grids placed at deterministic coordinates for Version 2 and above. Timing Patterns: Alternating dark and light modules running horizontally and vertically along row 6 and column 6. Data Placement: Codewords placed in 2-column zig-zag upward and downward tracks, skipping reserved functional modules. Format Information: 15-bit sequence encoding the ECC level and mask pattern, protected by \$BCH(15, 5)\$ error correction and XORed with the mask 0x5412. 2. The Centre Element: Use, Flexibility, and Constraints Embedding an icon, brand mark, or site favicon inside a QR code elevates a generic barcode into a polished visual asset. However, visual design must never compromise scanner decodability. Level H QR code with centred brand favicon and protective backing plate. Mathematical Safety Margin Because Level H error correction recovers up to 30% of obscured or corrupted codewords, an overlay occupying the geometric centre is interpreted by scanners as localised surface damage. To maintain robust scannability across low-quality smartphone cameras and angled lighting: The 24% Golden Rule: Restrict the centre badge diameter to at most 20% to 25% (ideally 24%) of the total QR code width and height. Surface Area Proportion: A badge scaled to 24% of the matrix width occupies only \$(0.24)^2 \\approx 5.76\\%\$ of the overall surface area. This leaves over 24% of Level H's recovery budget available for physical print wear, lens glare, or perspective skew. Clearance and Visual Contrast Never place a transparent PNG icon directly over the raw QR modules. High-frequency black modules showing through semi-transparent icon pixels confuse optical recognition algorithms. Two visual elements ensure 100% scanning reliability: Solid Backing Badge: Render a solid white (#ffffff) plate behind the logo, expanded with padding equal to 10% to 15% of the logo size. Soft Depth Shadow: Apply a subtle Gaussian drop shadow (radius: 3px, alpha: ~18%) behind the white badge. This cleanly separates the foreground emblem from the surrounding black modules. Optical Safety & Real-World Constraints The 4-Module Quiet Zone: The ISO standard mandates a clear margin of 4 empty modules around the matrix perimeter. While modern neural camera scanners tolerate narrower margins, maintaining adequate contrast around the edges is vital when embedding QR codes into decorative cards. Version Payload Thresholds: Using extension-less canonical URLs (e.g. https://jochen.kirstaetter.name/slug) keeps payloads within Version 3 to 5 (\$29 \\times 29\$ to \$37 \\times 37\$ modules), ensuring each data module remains large and sharp on mobile screens. Real-World Matrix Variations in Production To demonstrate how custom colourways and centre badges behave under Error Correction Level H, here are three real-world variations generated across our publishing pipeline: Variant Specifications Royal Indigo Raw Matrix Colour: Royal Indigo (#1e40af) on Slate-50 (#f8fafc) Contrast Ratio: 8.2:1 (WCAG AAA) Badge Configuration: Raw modules without centre emblem (100% data payload visibility; 0% occlusion). Target Article: Using portless with Firebase Hosting Optimised for high-density payloads, technical documentation sheets, and minimal print layouts. Deep Emerald & Favicon Colour: Deep Emerald (#065f46) on Pure White (#ffffff) Contrast Ratio: 7.5:1 (WCAG AAA) Badge Configuration: 24% centre brand favicon on a solid white plate with protective quiet margins. Target Article: Getting Started with SQL Server on GCP Tailored for database architecture, Google Cloud platform guides, and infrastructure articles. Warm Crimson & Favicon Colour: Warm Crimson (#9f1239) on Pure White (#ffffff) Contrast Ratio: 6.8:1 (WCAG AAA) Badge Configuration: 22% centre brand favicon with subtle background isolation. Target Article: Using Antigravity Remote Control Designed for multi-agent workflows, AI remote tooling, and systems architecture topics. 3. Accessibility and WCAG: Designing Inclusive QR Experiences QR codes are often viewed purely as marketing shortcuts or convenience tools for mobile camera users. When implemented thoughtfully, however, they serve as powerful bridges for assistive technology and digital accessibility (a11y). At the same time, visual 2D matrices introduce distinct user experience challenges that require strict adherence to the W3C Web Content Accessibility Guidelines (WCAG 2.2). Assistive Technology and Cognitive Benefits Cross-Device Assistive Bridge: Users reading technical articles or dense documentation on desktop screens frequently rely on mobile-specific accessibility tools, such as Apple VoiceOver, Android TalkBack, haptic feedback, spoken text, or handheld digital magnifiers. Scanning a QR code provides a convenient physical bridge to their primary assistive device without manual typing or email self-forwarding. Desktop Screen Reader Reality: For blind users operating desktop screen readers (e.g. NVDA or JAWS), pointing a physical phone camera at an unseen LCD screen is impractical without specialised tactile markers (such as NaviLens BidiCodes). On desktop viewports, accessibility is achieved not by the matrix itself, but by providing an immediate, selectable plain-text URL display (#qr-modal-url-display) with single-click keyboard copying. Eliminating Motor and Cognitive Strain: Manually typing long, hyphenated URLs or technical parameters is error-prone and exhausting for users with motor impairments, tremors, Parkinson's disease, dyslexia, or dyscalculia. A single physical camera scan bypasses keyboard input entirely. Physical-to-Digital Accessibility Transition: On physical conference slides, printed handouts, or hardware nameplates, QR codes allow low-vision attendees to transition to accessible web pages where font sizing, semantic screen reader headings, and custom high-contrast CSS can be applied. Security and \"Quishing\" Defence With the rise of QR phishing (Quishing), where malicious actors overlay deceitful barcodes or obfuscate redirect URLs, implementing transparent safeguards is essential: Canonical Extension-less URL Display: Always render the plain-text destination domain alongside the matrix so users can verify the HTTPS target before scanning. Same-Origin Asset Protection: Ensure embedded favicons and logos are served from trusted same-origin sources with strict CORS headers to prevent canvas tainting and visual spoofing. The GhostFx share modal rendering an explicit canonical URL directly beneath the matrix to verify target HTTPS destinations prior to scanning. The Developer's WCAG Compliance Checklist for QR Codes When incorporating QR codes into web interfaces, developers must observe four fundamental WCAG criteria: Non-Text Content Fallback (WCAG 1.1.1 - Level A): A QR code is an image and must never be rendered in isolation without meaningful alternative text. The DOM must provide a descriptive aria-label or alt text explicitly stating the destination (e.g. aria-label=\"Scan QR code to open article at https://jochen.kirstaetter.name/slug\"). Visible Plain Text URL: Always display the full target URL in selectable, copyable plain text alongside the graphic (as implemented in our modal with #qr-modal-url-display). Non-Text Contrast (WCAG 1.4.11 - Level AA): The contrast ratio between foreground QR modules and the background surface must exceed 3.0:1 for graphical user interface components, and ideally 7.0:1 (WCAG AAA) for enhanced optical and visual clarity. Keyboard Accessibility and Focus Management (WCAG 2.1.1 & 2.1.2 - Level A): Any button triggering a QR modal must be reachable and operable via keyboard (Tab, Enter, Space). The modal must trap focus while active, support Esc light-dismiss, and return focus to the triggering element upon closing. Target Size and Touch Comfort (WCAG 2.5.8 - Level AA): Interactive triggers for displaying QR codes, copying URLs, or initiating system shares must maintain a minimum touch target area of at least \$24 \\times 24\\text{ px}\$ (\$44 \\times 44\\text{ px}\$ for Level AAA mobile comfort). 4. Architectural Evaluation: Client-Side vs Microservice vs Static Build When architecting a solution, choosing where to generate QR codes involves clear trade-offs across latency, offline capabilities, infrastructure costs, and integration requirements. Explore each deployment architecture below: Client-Side (Browser JS) Serverless Microservice Headless Static Build flowchart LR Modal[\"Interactive Modal
HTML5 <dialog>\"] --> Canvas[\"Canvas 2D Renderer
posts/ghostfx/public/js/qrcode.min.js\"] Canvas --> Share[\"Web Share API
navigator.share() / Clipboard\"] Dimension Architectural Profile Response Latency Instant (\$0\\text{ ms}\$ network latency) Offline Resilience Works fully offline via Service Worker URL Rewriting & Analytics Static to active page URL External Client Support Browser viewport only Hosting Cost $0.00 (Client-side execution) Privacy & Security 100% private (URL never leaves client) When to Choose: Best for web applications and blogs where users share the active page URL directly to a mobile device. It incurs zero cloud hosting costs, executes instantly with zero network latency, and functions when users are completely offline. flowchart LR API[\"ASP.NET Core Minimal API
GET /api/qr?url=...\"] --> Cache[\"In-Memory Logo Cache
IBrandedLogoCache Singleton\"] Cache --> Skia[\"SkiaSharp Compositor
24% Badge + Level H ECC\"] Skia --> Response[\"HTTP Response
ETag + immutable\"] Dimension Architectural Profile Response Latency \$50\\text{ ms} - 250\\text{ ms}\$ HTTP roundtrip Offline Resilience Requires active internet connection URL Rewriting & Analytics Dynamic URL rewriting, click tracking, shortlinks External Client Support Google Sheets (=IMAGE()), transactional emails, PDFs, thermal printers Hosting Cost Pay-per-invocation serverless compute Privacy & Security Server logs incoming query strings When to Choose: Highly appealing whenever you need flexible URL parameter handling, dynamic shortlinks, server-side click tracking, or direct integration with third-party consumers like spreadsheets, email dispatchers, and IoT receipt printers. flowchart LR PreBuild[\"Pre-Build Automation
scripts/localize-assets.py\"] --> MatrixPy[\"Matrix Engine
scripts/qr_generator.py\"] MatrixPy --> OGCard[\"Open Graph Cards (1200x630)
42% Frosted Glass Plate\"] Dimension Architectural Profile Response Latency Pre-rendered (\$0\\text{ ms}\$ runtime) Offline Resilience Statically cached and CDN distributed URL Rewriting & Analytics Baked into compiled HTML External Client Support Social metadata cards (Open Graph previews) Hosting Cost $0.00 (CI/CD build pipeline) Privacy & Security Internal pipeline only When to Choose: Ideal for static site generation (SSG) pipelines where high-resolution social preview cards must be generated deterministically before deployment. 5. Implementation Across Three Tiers To see how these concepts translate into real code, explore the implementations across three pragmatic deployment tiers: lightweight Python scripts, an interactive canvas renderer in JavaScript, and a high-throughput ASP.NET Core Minimal API on .NET 10: Python Python (self) JavaScript C# (.NET 10) # --------------------------------------------------------------------------- # The Pragmatic Approach: Standard Library Scripting # --------------------------------------------------------------------------- # pip install qrcode[pil] import qrcode from PIL import Image def generate_qr_simple(url: str, logo_path: str = \"favicon.png\", output_file: str = \"qrcode.png\"): \"\"\"Pragmatic QR generator using standard tooling with Level H ECC and logo badge.\"\"\" qr = qrcode.QRCode( version=None, # Automatically determines smallest version accommodating payload error_correction=qrcode.constants.ERROR_CORRECT_H, box_size=10, border=4, ) qr.add_data(url) qr.make(fit=True) img = qr.make_image(fill_color=\"#111827\", back_color=\"#ffffff\").convert(\"RGBA\") # Overlay centre logo adhering to the 24% Golden Rule if logo_path: logo = Image.open(logo_path).convert(\"RGBA\") logo_size = int(img.size[0] * 0.24) logo = logo.resize((logo_size, logo_size), Image.Resampling.LANCZOS) pos = ((img.size[0] - logo_size) // 2, (img.size[1] - logo_size) // 2) img.paste(logo, pos, mask=logo) img.save(output_file) # --------------------------------------------------------------------------- # The Algorithmic Engine: Self-Contained Matrix & Headless Compositor # --------------------------------------------------------------------------- # scripts/qr_generator.py - Self-contained ISO/IEC 18004 Galois Field matrix generator from pathlib import Path from typing import List, Tuple, Optional from PIL import Image, ImageDraw, ImageFilter # Galois Field GF(256) Arithmetic & Synthetic Polynomial Division def gf_mul(a: int, b: int) -> int: return 0 if (a == 0 or b == 0) else GF_EXP[GF_LOG[a] + GF_LOG[b]] def poly_mul(p1: List[int], p2: List[int]) -> List[int]: res = [0] * (len(p1) + len(p2) - 1) for i, c1 in enumerate(p1): for j, c2 in enumerate(p2): res[i + j] ^= gf_mul(c1, c2) return res def rs_encode(data: List[int], num_ec: int) -> List[int]: \"\"\"Computes Reed-Solomon parity codewords via synthetic polynomial division.\"\"\" gen = [1] for i in range(num_ec): gen = poly_mul(gen, [1, GF_EXP[i]]) msg = list(data) + [0] * num_ec for i in range(len(data)): lead = msg[i] if lead != 0: for j in range(len(gen)): msg[i + j] ^= gf_mul(gen[j], lead) return msg[len(data):] # Headless Pillow Compositor for Open Graph Cards (-og.webp) def generate_qr_image( text: str, box_size: int = 4, border: int = 2, fg_color: Tuple[int, int, int, int] = (17, 24, 39, 255), bg_color: Tuple[int, int, int, int] = (255, 255, 255, 255), logo_path: Optional[str] = None, logo_size_ratio: float = 0.24 ) -> Image.Image: \"\"\"Renders a PIL RGBA image of the QR Code with Level H error correction and centre badge.\"\"\" matrix = generate_qr_matrix(text) # Level H pure Python matrix engine size = len(matrix) img_size = (size + border * 2) * box_size img = Image.new(\"RGBA\", (img_size, img_size), bg_color) pixels = img.load() # Draw QR code modules for r in range(size): for c in range(size): if matrix[r][c] == 1: x_start = (c + border) * box_size y_start = (r + border) * box_size for dy in range(box_size): for dx in range(box_size): pixels[x_start + dx, y_start + dy] = fg_color # Embed centre badge with soft shadow if logo_path and Path(logo_path).exists(): logo = Image.open(logo_path).convert(\"RGBA\") l_size = int(img_size * logo_size_ratio) lx = (img_size - l_size) // 2 ly = (img_size - l_size) // 2 pad = max(3, int(l_size * 0.12)) # White rounded backing plate badge = Image.new(\"RGBA\", (img_size, img_size), (0, 0, 0, 0)) b_draw = ImageDraw.Draw(badge) b_draw.rounded_rectangle( [(lx - pad, ly - pad), (lx + l_size + pad, ly + l_size + pad)], radius=int(pad * 1.5), fill=(255, 255, 255, 255), outline=(226, 232, 240, 255), width=1 ) # Soft shadow b_shadow = Image.new(\"RGBA\", (img_size, img_size), (0, 0, 0, 0)) bs_draw = ImageDraw.Draw(b_shadow) bs_draw.rounded_rectangle( [(lx - pad + 1, ly - pad + 2), (lx + l_size + pad + 1, ly + l_size + pad + 3)], radius=int(pad * 1.5), fill=(0, 0, 0, 45) ) b_shadow = b_shadow.filter(ImageFilter.GaussianBlur(radius=3)) img = Image.alpha_composite(img, b_shadow) img = Image.alpha_composite(img, badge) resized_logo = logo.resize((l_size, l_size), Image.Resampling.LANCZOS) img.paste(resized_logo, (lx, ly), resized_logo) return img Source reference: scripts/qr_generator.py#L330-L392 // posts/ghostfx/public/js/qrcode.min.js & qr-modal.tmpl.partial // Client-side HTML5 Canvas QR rendering with logo badge overlay & Web Share function renderQrCodeToCanvas(containerElement, options) { const text = options.text; const size = options.width || 180; const logoUrl = options.logoUrl || '/favicon.png'; const logoRatio = options.logoSize || 0.24; const qr = new QRCodeModel(-1, QRErrorCorrectLevel.H); qr.addData(text); qr.make(); const canvas = document.createElement('canvas'); canvas.width = size; canvas.height = size; canvas.setAttribute('role', 'img'); canvas.setAttribute('aria-label', `QR Code linking to ${text}`); const ctx = canvas.getContext('2d', { willReadFrequently: false }); const moduleCount = qr.getModuleCount(); const tileW = size / moduleCount; const tileH = size / moduleCount; // Render modules for (let row = 0; row < moduleCount; row++) { for (let col = 0; col < moduleCount; col++) { ctx.fillStyle = qr.isDark(row, col) ? '#111827' : '#ffffff'; ctx.fillRect( Math.round(col * tileW), Math.round(row * tileH), Math.ceil(tileW), Math.ceil(tileH) ); } } // Embed centre favicon badge if (logoUrl) { const img = new Image(); img.crossOrigin = 'anonymous'; // Prevents canvas tainting img.onload = () => { const lSize = size * logoRatio; const lx = (size - lSize) / 2; const ly = (size - lSize) / 2; const pad = Math.max(3, lSize * 0.12); // Draw white rounded plate using Canvas roundRect() API ctx.save(); ctx.fillStyle = '#ffffff'; ctx.shadowColor = 'rgba(0, 0, 0, 0.18)'; ctx.shadowBlur = 6; ctx.shadowOffsetY = 2; ctx.beginPath(); ctx.roundRect(lx - pad, ly - pad, lSize + pad * 2, lSize + pad * 2, pad * 1.2); ctx.fill(); // Subtle border ctx.shadowColor = 'transparent'; ctx.lineWidth = 1; ctx.strokeStyle = '#e2e8f0'; ctx.stroke(); // Draw logo ctx.drawImage(img, lx, ly, lSize, lSize); ctx.restore(); }; img.src = logoUrl; } containerElement.replaceChildren(canvas); } Source reference: posts/ghostfx/partials/qr-modal.tmpl.partial#L53-L123 // Program.cs - Production-Grade ASP.NET Core Minimal API Microservice // Target: .NET 10 (C# 14 records & spans; forward-compatible with .NET 11) // Packages: QRCoder (>= 1.6.0), SkiaSharp (>= 3.116.1) using System.Security.Cryptography; using Microsoft.AspNetCore.Http.HttpResults; using QRCoder; using SkiaSharp; var builder = WebApplication.CreateBuilder(args); // Pre-cache logo asset as singleton to guarantee zero disk I/O on hot path builder.Services.AddSingleton(sp => { var env = sp.GetRequiredService(); var logoPath = Path.Combine(env.WebRootPath ?? AppContext.BaseDirectory, \"favicon.png\"); return new BrandedLogoCache(logoPath); }); var app = builder.Build(); app.MapGet(\"/api/qr\", Results> ( string url, int? size, bool? badge, IBrandedLogoCache logoCache, HttpContext context) => { if (string.IsNullOrWhiteSpace(url) || !Uri.TryCreate(url, UriKind.Absolute, out _)) { return TypedResults.BadRequest(\"A valid absolute URI is required.\"); } int pixelsPerModule = Math.Clamp(size ?? 12, 4, 40); bool embedBadge = badge ?? true; // 1. Generate QR Code Matrix with Level H Error Correction using var qrGenerator = new QRCodeGenerator(); using var qrData = qrGenerator.CreateQrCode(url, QRCodeGenerator.ECCLevel.H); using var qrCode = new PngByteQRCode(qrData); byte[] baseQrBytes = qrCode.GetGraphic(pixelsPerModule); byte[] finalPngBytes; if (embedBadge && logoCache.HasLogo) { // 2. Composite Centre Logo Badge using SkiaSharp using var baseBitmap = SKBitmap.Decode(baseQrBytes); using var canvas = new SKCanvas(baseBitmap); float width = baseBitmap.Width; float logoSize = width * 0.24f; // 24% Golden Rule for Level H ECC float lx = (width - logoSize) / 2f; float ly = (width - logoSize) / 2f; float pad = Math.Max(4f, logoSize * 0.12f); var badgeRect = new SKRoundRect( new SKRect(lx - pad, ly - pad, lx + logoSize + pad, ly + logoSize + pad), pad * 1.5f ); // Soft drop shadow using var shadowPaint = new SKPaint { Color = new SKColor(0, 0, 0, 45), MaskFilter = SKMaskFilter.CreateBlur(SKBlurStyle.Normal, 3f), IsAntialias = true }; canvas.DrawRoundRect(badgeRect, shadowPaint); // Solid white protective plate with 1px border using var platePaint = new SKPaint { Color = SKColors.White, IsAntialias = true }; using var borderPaint = new SKPaint { Color = new SKColor(226, 232, 240), Style = SKPaintStyle.Stroke, StrokeWidth = 1f, IsAntialias = true }; canvas.DrawRoundRect(badgeRect, platePaint); canvas.DrawRoundRect(badgeRect, borderPaint); // Draw in-memory cached logo bitmap var destRect = new SKRect(lx, ly, lx + logoSize, ly + logoSize); using var sampling = new SKSamplingOptions(SKFilterMode.Linear, SKMipmapMode.Linear); canvas.DrawImage(logoCache.LogoImage, destRect, sampling); using var surfaceImage = SKImage.FromBitmap(baseBitmap); using var encodedData = surfaceImage.Encode(SKEncodedImageFormat.Png, 100); finalPngBytes = encodedData.ToArray(); } else { finalPngBytes = baseQrBytes; } // 3. Apply HTTP caching headers and deterministic ETag string etagHash = Convert.ToHexString(SHA256.HashData(finalPngBytes))[..16]; context.Response.Headers.ETag = $\"\\\"{etagHash}\\\"\"; context.Response.Headers.CacheControl = \"public, max-age=604800, immutable\"; return TypedResults.Bytes(finalPngBytes, \"image/png\"); }); app.Run(); public interface IBrandedLogoCache { bool HasLogo { get; } SKImage? LogoImage { get; } } public sealed class BrandedLogoCache : IBrandedLogoCache, IDisposable { public bool HasLogo => LogoImage is not null; public SKImage? LogoImage { get; } public BrandedLogoCache(string filePath) { if (File.Exists(filePath)) { using var rawBitmap = SKBitmap.Decode(filePath); if (rawBitmap is not null) { LogoImage = SKImage.FromBitmap(rawBitmap); } } } public void Dispose() => LogoImage?.Dispose(); } 6. Real-World GhostFx Integrations In ghostfx, we combine both client-side and build-time zero-dependency QR engines to deliver a seamless publishing workflow. Note GhostFx vs. ghostfx: GhostFx refers to the open-source static site converter project designed to bridge Ghost themes with DocFX. ghostfx (lowercase code formatting) designates the local DocFX template directory and theme asset bundle (posts/ghostfx/) powering this blog's layouts, partials, and interactive modals. 1. The Interactive Share Modal Visitors clicking the QR icon in the article header trigger an HTML5

ALC 4.0 Cloud Challenge I

','####') ,'

{{#if meta_title}}{{meta_title}}{{else}}{{title}}{{/if}}

{{name}} {{> \"icons/rss\"}}

{{#if description}} {{description}} {{else}} A collection of {{plural ../pagination.total empty='posts' singular='% post' plural='% posts'}} {{/if}}