<!DOCTYPE html>
<html id="doc" class="no-js" dir="ltr" lang="en-US" prefix="og: https://ogp.me/ns#">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width,initial-scale=1">
<link rel="profile" href="https://gmpg.org/xfn/11" />
<!--[if lt IE 9]>
<script src="https://n8d.at/wp-content/themes/namba/js/html5.js"></script>
<![endif]-->
<title>N8D - Stefan Bauer - Innovation and Design Agency</title>
<meta name="description" content="Design, Web Development, Information Architecture, MIcrosoft 365, SharePoint, Web Development & Design" />
<meta name="robots" content="max-image-preview:large" />
<meta name="google-site-verification" content="canOmptgVeh744wCSqqAFF6sXgZDzwG8LWUxuZKCGlM" />
<meta name="msvalidate.01" content="canOmptgVeh744wCSqqAFF6sXgZDzwG8LWUxuZKCGlM" />
<link rel="canonical" href="https://n8d.at" />
<link rel="next" href="https://n8d.at/page/2" />
<meta name="generator" content="All in One SEO Pro (AIOSEO) 4.5.9.2" />
<meta property="og:locale" content="en_US" />
<meta property="og:site_name" content="N8D" />
<meta property="og:type" content="article" />
<meta property="og:title" content="N8D - Stefan Bauer - Innovation and Design Agency" />
<meta property="og:description" content="Office 365, SharePoint, Web Development & Design" />
<meta property="og:url" content="https://n8d.at" />
<meta property="fb:app_id" content="891394974553640" />
<meta property="fb:admins" content="305934413333825" />
<meta property="og:image" content="https://n8d.at/wp-content/uploads/2019/06/N8d-LogoColoring-web.png" />
<meta property="og:image:secure_url" content="https://n8d.at/wp-content/uploads/2019/06/N8d-LogoColoring-web.png" />
<meta property="article:publisher" content="https://www.facebook.com/n8dstudio" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:site" content="@stfbauer" />
<meta name="twitter:title" content="N8D - Stefan Bauer - Innovation and Design Agency" />
<meta name="twitter:description" content="Design, Microsoft 365, SharePoint, Web Development & Design" />
<meta name="twitter:image" content="http://n8d.at/wp-content/uploads/2019/06/N8d-LogoColoring-web.png" />
<meta name="google" content="nositelinkssearchbox" />
<script type="application/ld+json" class="aioseo-schema">
{"@context":"https:\/\/schema.org","@graph":[{"@type":"BreadcrumbList","@id":"https:\/\/n8d.at#breadcrumblist","itemListElement":[{"@type":"ListItem","@id":"https:\/\/n8d.at\/#listItem","position":1,"name":"Home"}]},{"@type":"CollectionPage","@id":"https:\/\/n8d.at#collectionpage","url":"https:\/\/n8d.at","name":"N8D - Stefan Bauer - Innovation and Design Agency","description":"Design, Web Development, Information Architecture, MIcrosoft 365, SharePoint, Web Development & Design","inLanguage":"en-US","isPartOf":{"@id":"https:\/\/n8d.at\/#website"},"breadcrumb":{"@id":"https:\/\/n8d.at#breadcrumblist"},"about":{"@id":"https:\/\/n8d.at\/#organization"}},{"@type":"Organization","@id":"https:\/\/n8d.at\/#organization","name":"N8D e.U.","url":"https:\/\/n8d.at\/","logo":{"@type":"ImageObject","url":"http:\/\/n8d.at\/wp-content\/uploads\/2019\/04\/github.logo_.png","@id":"https:\/\/n8d.at\/#organizationLogo"},"image":{"@id":"https:\/\/n8d.at\/#organizationLogo"},"sameAs":["https:\/\/twitter.com\/stfbauer"],"contactPoint":{"@type":"ContactPoint","telephone":"+4369910089698","contactType":"none"}},{"@type":"WebSite","@id":"https:\/\/n8d.at\/#website","url":"https:\/\/n8d.at\/","name":"N8D","alternateName":"N8D - Stefan Bauer","description":"Office 365, SharePoint, Web Development & Design","inLanguage":"en-US","publisher":{"@id":"https:\/\/n8d.at\/#organization"}}]}
</script>
<script type="text/javascript">
(function(c,l,a,r,i,t,y){
c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};t=l.createElement(r);t.async=1;
t.src="https://www.clarity.ms/tag/"+i+"?ref=aioseo";y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);
})(window, document, "clarity", "script", "ccoiwno2vb");
</script>
<link rel="dns-prefetch" href="//stats.wp.com" />
<link rel="dns-prefetch" href="//fonts.googleapis.com" />
<script src="//www.googletagmanager.com/gtag/js?id=G-YC93TBX96K" data-cfasync="false" data-wpfc-render="false" type="text/javascript" async></script>
<script data-cfasync="false" data-wpfc-render="false" type="text/javascript">
var mi_version = '8.25.0';
var mi_track_user = true;
var mi_no_track_reason = '';
var MonsterInsightsDefaultLocations = {"page_location":"https:\/\/n8d.at\/"};
if ( typeof MonsterInsightsPrivacyGuardFilter === 'function' ) {
var MonsterInsightsLocations = (typeof MonsterInsightsExcludeQuery === 'object') ? MonsterInsightsPrivacyGuardFilter( MonsterInsightsExcludeQuery ) : MonsterInsightsPrivacyGuardFilter( MonsterInsightsDefaultLocations );
} else {
var MonsterInsightsLocations = (typeof MonsterInsightsExcludeQuery === 'object') ? MonsterInsightsExcludeQuery : MonsterInsightsDefaultLocations;
}
var disableStrs = [
'ga-disable-G-YC93TBX96K',
];
/* Function to detect opted out users */
function __gtagTrackerIsOptedOut() {
for (var index = 0; index < disableStrs.length; index++) {
if (document.cookie.indexOf(disableStrs[index] + '=true') > -1) {
return true;
}
}
return false;
}
/* Disable tracking if the opt-out cookie exists. */
if (__gtagTrackerIsOptedOut()) {
for (var index = 0; index < disableStrs.length; index++) {
window[disableStrs[index]] = true;
}
}
/* Opt-out function */
function __gtagTrackerOptout() {
for (var index = 0; index < disableStrs.length; index++) {
document.cookie = disableStrs[index] + '=true; expires=Thu, 31 Dec 2099 23:59:59 UTC; path=/';
window[disableStrs[index]] = true;
}
}
if ('undefined' === typeof gaOptout) {
function gaOptout() {
__gtagTrackerOptout();
}
}
window.dataLayer = window.dataLayer || [];
window.MonsterInsightsDualTracker = {
helpers: {},
trackers: {},
};
if (mi_track_user) {
function __gtagDataLayer() {
dataLayer.push(arguments);
}
function __gtagTracker(type, name, parameters) {
if (!parameters) {
parameters = {};
}
if (parameters.send_to) {
__gtagDataLayer.apply(null, arguments);
return;
}
if (type === 'event') {
parameters.send_to = monsterinsights_frontend.v4_id;
var hookName = name;
if (typeof parameters['event_category'] !== 'undefined') {
hookName = parameters['event_category'] + ':' + name;
}
if (typeof MonsterInsightsDualTracker.trackers[hookName] !== 'undefined') {
MonsterInsightsDualTracker.trackers[hookName](parameters);
} else {
__gtagDataLayer('event', name, parameters);
}
} else {
__gtagDataLayer.apply(null, arguments);
}
}
__gtagTracker('js', new Date());
__gtagTracker('set', {
'developer_id.dZGIzZG': true,
});
if ( MonsterInsightsLocations.page_location ) {
__gtagTracker('set', MonsterInsightsLocations);
}
__gtagTracker('config', 'G-YC93TBX96K', {"forceSSL":"true","anonymize_ip":"true","link_attribution":"true"} );
window.gtag = __gtagTracker; (function () {
/* https://developers.google.com/analytics/devguides/collection/analyticsjs/ */
/* ga and __gaTracker compatibility shim. */
var noopfn = function () {
return null;
};
var newtracker = function () {
return new Tracker();
};
var Tracker = function () {
return null;
};
var p = Tracker.prototype;
p.get = noopfn;
p.set = noopfn;
p.send = function () {
var args = Array.prototype.slice.call(arguments);
args.unshift('send');
__gaTracker.apply(null, args);
};
var __gaTracker = function () {
var len = arguments.length;
if (len === 0) {
return;
}
var f = arguments[len - 1];
if (typeof f !== 'object' || f === null || typeof f.hitCallback !== 'function') {
if ('send' === arguments[0]) {
var hitConverted, hitObject = false, action;
if ('event' === arguments[1]) {
if ('undefined' !== typeof arguments[3]) {
hitObject = {
'eventAction': arguments[3],
'eventCategory': arguments[2],
'eventLabel': arguments[4],
'value': arguments[5] ? arguments[5] : 1,
}
}
}
if ('pageview' === arguments[1]) {
if ('undefined' !== typeof arguments[2]) {
hitObject = {
'eventAction': 'page_view',
'page_path': arguments[2],
}
}
}
if (typeof arguments[2] === 'object') {
hitObject = arguments[2];
}
if (typeof arguments[5] === 'object') {
Object.assign(hitObject, arguments[5]);
}
if ('undefined' !== typeof arguments[1].hitType) {
hitObject = arguments[1];
if ('pageview' === hitObject.hitType) {
hitObject.eventAction = 'page_view';
}
}
if (hitObject) {
action = 'timing' === arguments[1].hitType ? 'timing_complete' : hitObject.eventAction;
hitConverted = mapArgs(hitObject);
__gtagTracker('event', action, hitConverted);
}
}
return;
}
function mapArgs(args) {
var arg, hit = {};
var gaMap = {
'eventCategory': 'event_category',
'eventAction': 'event_action',
'eventLabel': 'event_label',
'eventValue': 'event_value',
'nonInteraction': 'non_interaction',
'timingCategory': 'event_category',
'timingVar': 'name',
'timingValue': 'value',
'timingLabel': 'event_label',
'page': 'page_path',
'location': 'page_location',
'title': 'page_title',
'referrer' : 'page_referrer',
};
for (arg in args) {
if (!(!args.hasOwnProperty(arg) || !gaMap.hasOwnProperty(arg))) {
hit[gaMap[arg]] = args[arg];
} else {
hit[arg] = args[arg];
}
}
return hit;
}
try {
f.hitCallback();
} catch (ex) {
}
};
__gaTracker.create = newtracker;
__gaTracker.getByName = newtracker;
__gaTracker.getAll = function () {
return [];
};
__gaTracker.remove = noopfn;
__gaTracker.loaded = true;
window['__gaTracker'] = __gaTracker;
})();
} else {
console.log("");
(function () {
function __gtagTracker() {
return null;
}
window['__gtagTracker'] = __gtagTracker;
window['gtag'] = __gtagTracker;
})();
}
</script>
<script type="text/javascript">
/* <![CDATA[ */
window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/14.0.0\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/14.0.0\/svg\/","svgExt":".svg","source":{"concatemoji":"https:\/\/n8d.at\/wp-includes\/js\/wp-emoji-release.min.js?ver=6.4.3"}};
/*! This file is auto-generated */
!function(i,n){var o,s,e;function c(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(o,JSON.stringify(t))}catch(e){}}function p(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data),r=(e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0),new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data));return t.every(function(e,t){return e===r[t]})}function u(e,t,n){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\uddfa\ud83c\uddf3","\ud83c\uddfa\u200b\ud83c\uddf3")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!n(e,"\ud83e\udef1\ud83c\udffb\u200d\ud83e\udef2\ud83c\udfff","\ud83e\udef1\ud83c\udffb\u200b\ud83e\udef2\ud83c\udfff")}return!1}function f(e,t,n){var r="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):i.createElement("canvas"),a=r.getContext("2d",{willReadFrequently:!0}),o=(a.textBaseline="top",a.font="600 32px Arial",{});return e.forEach(function(e){o[e]=t(a,e,n)}),o}function t(e){var t=i.createElement("script");t.src=e,t.defer=!0,i.head.appendChild(t)}"undefined"!=typeof Promise&&(o="wpEmojiSettingsSupports",s=["flag","emoji"],n.supports={everything:!0,everythingExceptFlag:!0},e=new Promise(function(e){i.addEventListener("DOMContentLoaded",e,{once:!0})}),new Promise(function(t){var n=function(){try{var e=JSON.parse(sessionStorage.getItem(o));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+f.toString()+"("+[JSON.stringify(s),u.toString(),p.toString()].join(",")+"));",r=new Blob([e],{type:"text/javascript"}),a=new Worker(URL.createObjectURL(r),{name:"wpTestEmojiSupports"});return void(a.onmessage=function(e){c(n=e.data),a.terminate(),t(n)})}catch(e){}c(n=f(s,u,p))}t(n)}).then(function(e){for(var t in e)n.supports[t]=e[t],n.supports.everything=n.supports.everything&&n.supports[t],"flag"!==t&&(n.supports.everythingExceptFlag=n.supports.everythingExceptFlag&&n.supports[t]);n.supports.everythingExceptFlag=n.supports.everythingExceptFlag&&!n.supports.flag,n.DOMReady=!1,n.readyCallback=function(){n.DOMReady=!0}}).then(function(){return e}).then(function(){var e;n.supports.everything||(n.readyCallback(),(e=n.source||{}).concatemoji?t(e.concatemoji):e.wpemoji&&e.twemoji&&(t(e.twemoji),t(e.wpemoji)))}))}((window,document),window._wpemojiSettings);
/* ]]> */
</script>
<link rel="stylesheet" href="https://n8d.at/wp-content/cache/minify/fef8d.css" media="all" />
<link rel="stylesheet" id="mailchimpSF_main_css-css" href="https://n8d.at/?mcsf_action=main_css&ver=6.4.3" type="text/css" media="all" />
<!--[if IE]>
<link rel='stylesheet' id='mailchimpSF_ie_css-css' href='https://n8d.at/wp-content/plugins/mailchimp/css/ie.css?ver=6.4.3' type='text/css' media='all' />
<![endif]-->
<style id="wp-emoji-styles-inline-css" type="text/css">
img.wp-smiley, img.emoji {
display: inline !important;
border: none !important;
box-shadow: none !important;
height: 1em !important;
width: 1em !important;
margin: 0 0.07em !important;
vertical-align: -0.1em !important;
background: none !important;
padding: 0 !important;
}
</style>
<link rel="stylesheet" href="https://n8d.at/wp-content/cache/minify/a5ff7.css" media="all" />
<style id="wp-block-library-inline-css" type="text/css">
.has-text-align-justify{text-align:justify;}
</style>
<style id="wp-block-library-theme-inline-css" type="text/css">
.wp-block-audio figcaption{color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-audio figcaption{color:hsla(0,0%,100%,.65)}.wp-block-audio{margin:0 0 1em}.wp-block-code{border:1px solid #ccc;border-radius:4px;font-family:Menlo,Consolas,monaco,monospace;padding:.8em 1em}.wp-block-embed figcaption{color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-embed figcaption{color:hsla(0,0%,100%,.65)}.wp-block-embed{margin:0 0 1em}.blocks-gallery-caption{color:#555;font-size:13px;text-align:center}.is-dark-theme .blocks-gallery-caption{color:hsla(0,0%,100%,.65)}.wp-block-image figcaption{color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-image figcaption{color:hsla(0,0%,100%,.65)}.wp-block-image{margin:0 0 1em}.wp-block-pullquote{border-bottom:4px solid;border-top:4px solid;color:currentColor;margin-bottom:1.75em}.wp-block-pullquote cite,.wp-block-pullquote footer,.wp-block-pullquote__citation{color:currentColor;font-size:.8125em;font-style:normal;text-transform:uppercase}.wp-block-quote{border-left:.25em solid;margin:0 0 1.75em;padding-left:1em}.wp-block-quote cite,.wp-block-quote footer{color:currentColor;font-size:.8125em;font-style:normal;position:relative}.wp-block-quote.has-text-align-right{border-left:none;border-right:.25em solid;padding-left:0;padding-right:1em}.wp-block-quote.has-text-align-center{border:none;padding-left:0}.wp-block-quote.is-large,.wp-block-quote.is-style-large,.wp-block-quote.is-style-plain{border:none}.wp-block-search .wp-block-search__label{font-weight:700}.wp-block-search__button{border:1px solid #ccc;padding:.375em .625em}:where(.wp-block-group.has-background){padding:1.25em 2.375em}.wp-block-separator.has-css-opacity{opacity:.4}.wp-block-separator{border:none;border-bottom:2px solid;margin-left:auto;margin-right:auto}.wp-block-separator.has-alpha-channel-opacity{opacity:1}.wp-block-separator:not(.is-style-wide):not(.is-style-dots){width:100px}.wp-block-separator.has-background:not(.is-style-dots){border-bottom:none;height:1px}.wp-block-separator.has-background:not(.is-style-wide):not(.is-style-dots){height:2px}.wp-block-table{margin:0 0 1em}.wp-block-table td,.wp-block-table th{word-break:normal}.wp-block-table figcaption{color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-table figcaption{color:hsla(0,0%,100%,.65)}.wp-block-video figcaption{color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-video figcaption{color:hsla(0,0%,100%,.65)}.wp-block-video{margin:0 0 1em}.wp-block-template-part.has-background{margin-bottom:0;margin-top:0;padding:1.25em 2.375em}
</style>
<link rel="stylesheet" href="https://n8d.at/wp-content/cache/minify/d5ca8.css" media="all" />
<style id="jetpack-sharing-buttons-style-inline-css" type="text/css">
.jetpack-sharing-buttons__services-list{display:flex;flex-direction:row;flex-wrap:wrap;gap:0;list-style-type:none;margin:5px;padding:0}.jetpack-sharing-buttons__services-list.has-small-icon-size{font-size:12px}.jetpack-sharing-buttons__services-list.has-normal-icon-size{font-size:16px}.jetpack-sharing-buttons__services-list.has-large-icon-size{font-size:24px}.jetpack-sharing-buttons__services-list.has-huge-icon-size{font-size:36px}@media print{.jetpack-sharing-buttons__services-list{display:none!important}}.editor-styles-wrapper .wp-block-jetpack-sharing-buttons{gap:0;padding-inline-start:0}ul.jetpack-sharing-buttons__services-list.has-background{padding:1.25em 2.375em}
</style>
<style id="classic-theme-styles-inline-css" type="text/css">
/*! This file is auto-generated */
.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none}
</style>
<style id="global-styles-inline-css" type="text/css">
body{--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--color--light-grey: #f4f4f4;--wp--preset--color--light-yellow: #ffffcc;--wp--preset--color--light-red: #fff0f1;--wp--preset--color--light-green: #e7f3e0;--wp--preset--color--light-blue: #eef6fe;--wp--preset--color--blue: #54a8d0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 16px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 22px;--wp--preset--font-size--x-large: 42px;--wp--preset--font-size--regular: 19px;--wp--preset--font-size--larger: 25px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);}:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flow > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}body .is-layout-flow > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}body .is-layout-flow > .aligncenter{margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}body .is-layout-constrained > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}body .is-layout-constrained > .aligncenter{margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)){max-width: var(--wp--style--global--content-size);margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > .alignwide{max-width: var(--wp--style--global--wide-size);}body .is-layout-flex{display: flex;}body .is-layout-flex{flex-wrap: wrap;align-items: center;}body .is-layout-flex > *{margin: 0;}body .is-layout-grid{display: grid;}body .is-layout-grid > *{margin: 0;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}
.wp-block-navigation a:where(:not(.wp-element-button)){color: inherit;}
:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}
:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}
.wp-block-pullquote{font-size: 1.5em;line-height: 1.6;}
</style>
<link rel="stylesheet" id="namba-fonts-css" href="//fonts.googleapis.com/css?family=Cabin%3A400%2C700%7CSatisfy&subset=latin%2Clatin-ext" type="text/css" media="all" />
<link rel="stylesheet" href="https://n8d.at/wp-content/cache/minify/e601c.css" media="all" />
<script data-cfasync="false" src="https://n8d.at/wp-content/cache/minify/bca32.js"></script>
<script type="text/javascript" id="mailchimpSF_main_js-js-extra">
/* <![CDATA[ */
var mailchimpSF = {"ajax_url":"https:\/\/n8d.at\/"};
/* ]]> */
</script>
<script data-cfasync="false" src="https://n8d.at/wp-content/cache/minify/0337d.js"></script>
<script data-cfasync="false" data-wpfc-render="false" type="text/javascript" id="monsterinsights-frontend-script-js-extra">/* <![CDATA[ */
var monsterinsights_frontend = {"js_events_tracking":"true","download_extensions":"doc,pdf,ppt,zip,xls,docx,pptx,xlsx","inbound_paths":"[]","home_url":"https:\/\/n8d.at","hash_tracking":"false","v4_id":"G-YC93TBX96K"};/* ]]> */
</script>
<script data-cfasync="false" src="https://n8d.at/wp-content/cache/minify/dd690.js"></script>
<script type="text/javascript" id="wp-i18n-js-after">
/* <![CDATA[ */
wp.i18n.setLocaleData( { 'text direction\u0004ltr': [ 'ltr' ] } );
/* ]]> */
</script>
<script data-cfasync="false" src="https://n8d.at/wp-content/cache/minify/25bc6.js"></script>
<script type="text/javascript" id="wp-jp-i18n-loader-js-after">
/* <![CDATA[ */
wp.jpI18nLoader.state = {"baseUrl":"https://n8d.at/wp-content/languages/","locale":"en_US","domainMap":{"jetpack-admin-ui":"plugins/jetpack","jetpack-assets":"plugins/jetpack","jetpack-backup-pkg":"plugins/jetpack","jetpack-blaze":"plugins/jetpack","jetpack-boost-core":"plugins/jetpack","jetpack-boost-speed-score":"plugins/jetpack","jetpack-compat":"plugins/jetpack","jetpack-config":"plugins/jetpack","jetpack-connection":"plugins/jetpack","jetpack-forms":"plugins/jetpack","jetpack-google-fonts-provider":"plugins/jetpack","jetpack-idc":"plugins/jetpack","jetpack-image-cdn":"plugins/jetpack","jetpack-import":"plugins/jetpack","jetpack-ip":"plugins/jetpack","jetpack-jitm":"plugins/jetpack","jetpack-licensing":"plugins/jetpack","jetpack-my-jetpack":"plugins/jetpack","jetpack-password-checker":"plugins/jetpack","jetpack-plugins-installer":"plugins/jetpack","jetpack-post-list":"plugins/jetpack","jetpack-publicize-pkg":"plugins/jetpack","jetpack-search-pkg":"plugins/jetpack","jetpack-stats":"plugins/jetpack","jetpack-stats-admin":"plugins/jetpack","jetpack-sync":"plugins/jetpack","jetpack-videopress-pkg":"plugins/jetpack","jetpack-waf":"plugins/jetpack","jetpack-wordads":"plugins/jetpack"},"domainPaths":{"jetpack-admin-ui":"jetpack_vendor/automattic/jetpack-admin-ui/","jetpack-assets":"jetpack_vendor/automattic/jetpack-assets/","jetpack-backup-pkg":"jetpack_vendor/automattic/jetpack-backup/","jetpack-blaze":"jetpack_vendor/automattic/jetpack-blaze/","jetpack-boost-core":"jetpack_vendor/automattic/jetpack-boost-core/","jetpack-boost-speed-score":"jetpack_vendor/automattic/jetpack-boost-speed-score/","jetpack-compat":"jetpack_vendor/automattic/jetpack-compat/","jetpack-config":"jetpack_vendor/automattic/jetpack-config/","jetpack-connection":"jetpack_vendor/automattic/jetpack-connection/","jetpack-forms":"jetpack_vendor/automattic/jetpack-forms/","jetpack-google-fonts-provider":"jetpack_vendor/automattic/jetpack-google-fonts-provider/","jetpack-idc":"jetpack_vendor/automattic/jetpack-identity-crisis/","jetpack-image-cdn":"jetpack_vendor/automattic/jetpack-image-cdn/","jetpack-import":"jetpack_vendor/automattic/jetpack-import/","jetpack-ip":"jetpack_vendor/automattic/jetpack-ip/","jetpack-jitm":"jetpack_vendor/automattic/jetpack-jitm/","jetpack-licensing":"jetpack_vendor/automattic/jetpack-licensing/","jetpack-my-jetpack":"jetpack_vendor/automattic/jetpack-my-jetpack/","jetpack-password-checker":"jetpack_vendor/automattic/jetpack-password-checker/","jetpack-plugins-installer":"jetpack_vendor/automattic/jetpack-plugins-installer/","jetpack-post-list":"jetpack_vendor/automattic/jetpack-post-list/","jetpack-publicize-pkg":"jetpack_vendor/automattic/jetpack-publicize/","jetpack-search-pkg":"jetpack_vendor/automattic/jetpack-search/","jetpack-stats":"jetpack_vendor/automattic/jetpack-stats/","jetpack-stats-admin":"jetpack_vendor/automattic/jetpack-stats-admin/","jetpack-sync":"jetpack_vendor/automattic/jetpack-sync/","jetpack-videopress-pkg":"jetpack_vendor/automattic/jetpack-videopress/","jetpack-waf":"jetpack_vendor/automattic/jetpack-waf/","jetpack-wordads":"jetpack_vendor/automattic/jetpack-wordads/"}};
/* ]]> */
</script>
<script data-cfasync="false" src="https://n8d.at/wp-content/cache/minify/34599.js"></script>
<link rel="https://api.w.org/" href="https://n8d.at/wp-json/" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://n8d.at/xmlrpc.php?rsd" />
<meta name="generator" content="WordPress 6.4.3" />
<script type="text/javascript">
jQuery(function($) {
$('.date-pick').each(function() {
var format = $(this).data('format') || 'mm/dd/yyyy';
format = format.replace(/yyyy/i, 'yy');
$(this).datepicker({
autoFocusNextInput: true,
constrainInput: false,
changeMonth: true,
changeYear: true,
beforeShow: function(input, inst) { $('#ui-datepicker-div').addClass('show'); },
dateFormat: format.toLowerCase(),
});
});
d = new Date();
$('.birthdate-pick').each(function() {
var format = $(this).data('format') || 'mm/dd';
format = format.replace(/yyyy/i, 'yy');
$(this).datepicker({
autoFocusNextInput: true,
constrainInput: false,
changeMonth: true,
changeYear: false,
minDate: new Date(d.getFullYear(), 1-1, 1),
maxDate: new Date(d.getFullYear(), 12-1, 31),
beforeShow: function(input, inst) { $('#ui-datepicker-div').removeClass('show'); },
dateFormat: format.toLowerCase(),
});
});
});
</script>
<style>img#wpstats{display:none}</style>
<script>
document.documentElement.className = document.documentElement.className.replace('no-js', 'js');
</script>
<style>
.no-js img.lazyload {
display: none;
}
figure.wp-block-image img.lazyloading {
min-width: 150px;
}
.lazyload, .lazyloading {
opacity: 0;
}
.lazyloaded {
opacity: 1;
transition: opacity 400ms;
transition-delay: 0ms;
}
</style>
<style type="text/css">
/* Custom Main Theme Color */
a,
.entry-details,
#colophon .footer-nav,
.entry-content h4,
.entry-header h2.entry-title a:hover,
.widget_categories a:hover,
.widget_archive a:hover,
.widget_pages a:hover,
.widget_meta a:hover,
.widget_recent_entries a:hover,
.widget_recent_comments a:hover,
#colophon #site-info a:hover,
.entry-content p.intro,
.sidebar-recentposts .rp-meta-standard,
.sidebar-recentposts .rp-meta-standard a,
.nav-next a:hover,
.nav-previous a:hover,
.previous-image a:hover,
.next-image a:hover {
color: #318eb1;
}
.template-archive .monthly-archive-list a:hover,
.template-archive .latest-posts-list a:hover {
color: #318eb1 !important;
}
input#submit,
input.wpcf7-submit,
.jetpack_subscription_widget input[type="submit"]:hover,
.widget_search input[type="submit"]:hover,
#site-nav a:hover,
.widget_nav_menu a:hover {
background: #318eb1;
}
.entry-format,
.rp-pf a.rp-pf-standard {
background: #318eb1 url(https://n8d.at/wp-content/themes/namba/images/pf-icons-small.png) 0 0 no-repeat;
}
.widget h3.widget-title {
border-bottom: 3px solid #318eb1;
}
@media screen and (min-width: 1350px) {
.sticky .entry-format,
.single-post .entry-format {background: #318eb1 url(https://n8d.at/wp-content/themes/namba/images/pf-icons-big.png) -27.5px -17.5px no-repeat;}
}
@media (-moz-min-device-pixel-ratio: 1.5),
(-o-min-device-pixel-ratio: 3/2),
(-webkit-min-device-pixel-ratio: 1.5),
(min-device-pixel-ratio: 1.5) {
.entry-format,
.rp-pf a.rp-pf-standard {background: #318eb1 url(https://n8d.at/wp-content/themes/namba/images/x2/pf-icons-small.png) 0 0 no-repeat; background-size: 24px 192px;}
}
@media (-moz-min-device-pixel-ratio: 1.5) and (min-width: 1350px),
(-o-min-device-pixel-ratio: 3/2) and (min-width: 1350px),
(-webkit-min-device-pixel-ratio: 1.5) and (min-width: 1350px),
(min-device-pixel-ratio: 1.5) and (min-width: 1350px) {
.sticky .entry-format,
.single-post .entry-format {background: #318eb1 url(https://n8d.at/wp-content/themes/namba/images/x2/pf-icons-big.png) -27.5px -17.5px no-repeat; background-size: 95px 760px;}
}
</style>
<style type="text/css">
/* Custom CSS */
#disqus_thread{
margin: 1em;
}</style>
<style type="text/css">
/* Custom Logo Image CSS */
h2.site-description, .logo-footer p.site-description-footer {display: none;}
#site-title h1 {margin: 0;}
#site-title h1 a {
display: block;
margin: 0 auto;
padding: 0;
width: 220px;
height:172px;
background: url(https://n8d.at/wp-content/uploads/2024/02/44442940.webp) center 0 no-repeat;
background-size: 100%;
text-indent: -99999px;
}
</style>
<link rel="icon" href="https://n8d.at/wp-content/uploads/2024/02/44442940-150x150.png" sizes="32x32" />
<link rel="icon" href="https://n8d.at/wp-content/uploads/2024/02/44442940-300x300.png" sizes="192x192" />
<link rel="apple-touch-icon" href="https://n8d.at/wp-content/uploads/2024/02/44442940-300x300.png" />
<meta name="msapplication-TileImage" content="https://n8d.at/wp-content/uploads/2024/02/44442940-300x300.png" />
<script id="mcjs">!function(c,h,i,m,p){m=c.createElement(h),p=c.getElementsByTagName(h)[0],m.async=1,m.src=i,p.parentNode.insertBefore(m,p)}(document,"script","https://chimpstatic.com/mcjs-connected/js/users/8ece49fa2d07c53f1087afb16/a2495213a8f65a052d0b3ec48.js");</script>
</head>
<body class="home blog wp-embed-responsive jps-theme-namba blog-twocolumn">
<div id="container">
<div class="sidebar-border"></div>
<div id="sidebar">
<header id="masthead" class="clearfix" role="banner">
<div id="site-title">
<h1><a href="https://n8d.at/" title="Stefan Bauer – N8D">Stefan Bauer – N8D</a></h1>
<h2 class="site-description">Office 365, SharePoint, Web Development & Design</h2>
</div>
</header>
<a href="#nav-mobile" id="mobile-menu-btn"><span>Menu</span></a>
<a href="#nav-mobile" id="mobile-info-btn"><span>Info</span></a>
<nav id="site-nav" class="clearfix">
<div class="menu"><ul>
<li class="page_item page-item-540"><a href="https://n8d.at/about">About</a></li>
<li class="page_item page-item-52505"><a href="https://n8d.at/blog">Blog</a></li>
<li class="page_item page-item-1755"><a href="https://n8d.at/data-protection">Data Protection</a></li>
</ul></div>
</nav>
<div id="secondary" class="widget-area" role="complementary">
<aside id="custom_html-3" class="widget_text widget widget_custom_html"><div class="textwidget custom-html-widget"><img src="https://n8d.at/wp-content/uploads/2016/04/MVP_Horizontal_BlueOnly.png" style="width: 100%; height: auto; padding: 1em;" loading="lazy" /></div></aside><aside id="archives-3" class="widget widget_archive"><h3 class="widget-title">Archives</h3>
<ul>
<li><a href="https://n8d.at/2024/03">March 2024</a> (2)</li>
<li><a href="https://n8d.at/2024/02">February 2024</a> (1)</li>
<li><a href="https://n8d.at/2023/10">October 2023</a> (1)</li>
<li><a href="https://n8d.at/2023/09">September 2023</a> (3)</li>
<li><a href="https://n8d.at/2023/07">July 2023</a> (1)</li>
<li><a href="https://n8d.at/2023/06">June 2023</a> (3)</li>
<li><a href="https://n8d.at/2023/05">May 2023</a> (1)</li>
<li><a href="https://n8d.at/2023/02">February 2023</a> (1)</li>
<li><a href="https://n8d.at/2023/01">January 2023</a> (1)</li>
<li><a href="https://n8d.at/2022/12">December 2022</a> (2)</li>
<li><a href="https://n8d.at/2022/07">July 2022</a> (1)</li>
<li><a href="https://n8d.at/2022/06">June 2022</a> (1)</li>
<li><a href="https://n8d.at/2022/05">May 2022</a> (2)</li>
<li><a href="https://n8d.at/2022/04">April 2022</a> (3)</li>
<li><a href="https://n8d.at/2022/03">March 2022</a> (2)</li>
<li><a href="https://n8d.at/2022/02">February 2022</a> (1)</li>
<li><a href="https://n8d.at/2021/11">November 2021</a> (1)</li>
<li><a href="https://n8d.at/2021/07">July 2021</a> (1)</li>
<li><a href="https://n8d.at/2021/06">June 2021</a> (3)</li>
<li><a href="https://n8d.at/2021/05">May 2021</a> (4)</li>
<li><a href="https://n8d.at/2021/04">April 2021</a> (1)</li>
<li><a href="https://n8d.at/2020/11">November 2020</a> (2)</li>
<li><a href="https://n8d.at/2020/10">October 2020</a> (6)</li>
<li><a href="https://n8d.at/2020/09">September 2020</a> (3)</li>
<li><a href="https://n8d.at/2020/07">July 2020</a> (3)</li>
<li><a href="https://n8d.at/2020/06">June 2020</a> (3)</li>
<li><a href="https://n8d.at/2020/05">May 2020</a> (2)</li>
<li><a href="https://n8d.at/2020/03">March 2020</a> (1)</li>
<li><a href="https://n8d.at/2020/02">February 2020</a> (1)</li>
<li><a href="https://n8d.at/2019/11">November 2019</a> (1)</li>
<li><a href="https://n8d.at/2019/10">October 2019</a> (2)</li>
<li><a href="https://n8d.at/2019/09">September 2019</a> (4)</li>
<li><a href="https://n8d.at/2019/08">August 2019</a> (2)</li>
<li><a href="https://n8d.at/2019/07">July 2019</a> (6)</li>
<li><a href="https://n8d.at/2019/06">June 2019</a> (5)</li>
<li><a href="https://n8d.at/2019/05">May 2019</a> (1)</li>
<li><a href="https://n8d.at/2019/04">April 2019</a> (2)</li>
<li><a href="https://n8d.at/2019/03">March 2019</a> (1)</li>
<li><a href="https://n8d.at/2019/02">February 2019</a> (2)</li>
<li><a href="https://n8d.at/2019/01">January 2019</a> (3)</li>
<li><a href="https://n8d.at/2018/12">December 2018</a> (2)</li>
<li><a href="https://n8d.at/2018/11">November 2018</a> (1)</li>
<li><a href="https://n8d.at/2018/10">October 2018</a> (4)</li>
<li><a href="https://n8d.at/2018/09">September 2018</a> (2)</li>
<li><a href="https://n8d.at/2018/08">August 2018</a> (1)</li>
<li><a href="https://n8d.at/2018/05">May 2018</a> (5)</li>
<li><a href="https://n8d.at/2018/04">April 2018</a> (5)</li>
<li><a href="https://n8d.at/2018/03">March 2018</a> (1)</li>
<li><a href="https://n8d.at/2018/02">February 2018</a> (2)</li>
<li><a href="https://n8d.at/2018/01">January 2018</a> (2)</li>
<li><a href="https://n8d.at/2017/12">December 2017</a> (4)</li>
<li><a href="https://n8d.at/2017/11">November 2017</a> (2)</li>
<li><a href="https://n8d.at/2017/10">October 2017</a> (1)</li>
<li><a href="https://n8d.at/2017/09">September 2017</a> (1)</li>
<li><a href="https://n8d.at/2017/08">August 2017</a> (1)</li>
<li><a href="https://n8d.at/2017/07">July 2017</a> (2)</li>
<li><a href="https://n8d.at/2017/05">May 2017</a> (1)</li>
<li><a href="https://n8d.at/2017/04">April 2017</a> (2)</li>
<li><a href="https://n8d.at/2017/03">March 2017</a> (3)</li>
<li><a href="https://n8d.at/2017/02">February 2017</a> (4)</li>
<li><a href="https://n8d.at/2017/01">January 2017</a> (1)</li>
<li><a href="https://n8d.at/2016/12">December 2016</a> (2)</li>
<li><a href="https://n8d.at/2016/10">October 2016</a> (1)</li>
<li><a href="https://n8d.at/2016/09">September 2016</a> (3)</li>
<li><a href="https://n8d.at/2016/08">August 2016</a> (1)</li>
<li><a href="https://n8d.at/2016/07">July 2016</a> (1)</li>
<li><a href="https://n8d.at/2016/06">June 2016</a> (1)</li>
<li><a href="https://n8d.at/2016/05">May 2016</a> (7)</li>
<li><a href="https://n8d.at/2016/04">April 2016</a> (6)</li>
<li><a href="https://n8d.at/2016/03">March 2016</a> (3)</li>
<li><a href="https://n8d.at/2016/02">February 2016</a> (1)</li>
<li><a href="https://n8d.at/2016/01">January 2016</a> (5)</li>
<li><a href="https://n8d.at/2015/12">December 2015</a> (1)</li>
<li><a href="https://n8d.at/2015/11">November 2015</a> (3)</li>
<li><a href="https://n8d.at/2015/10">October 2015</a> (2)</li>
<li><a href="https://n8d.at/2015/08">August 2015</a> (2)</li>
<li><a href="https://n8d.at/2015/07">July 2015</a> (4)</li>
<li><a href="https://n8d.at/2015/06">June 2015</a> (1)</li>
<li><a href="https://n8d.at/2015/05">May 2015</a> (3)</li>
<li><a href="https://n8d.at/2015/04">April 2015</a> (5)</li>
<li><a href="https://n8d.at/2015/03">March 2015</a> (2)</li>
<li><a href="https://n8d.at/2015/02">February 2015</a> (2)</li>
<li><a href="https://n8d.at/2015/01">January 2015</a> (1)</li>
<li><a href="https://n8d.at/2014/12">December 2014</a> (2)</li>
<li><a href="https://n8d.at/2014/11">November 2014</a> (2)</li>
<li><a href="https://n8d.at/2014/10">October 2014</a> (5)</li>
<li><a href="https://n8d.at/2014/09">September 2014</a> (1)</li>
<li><a href="https://n8d.at/2014/06">June 2014</a> (2)</li>
<li><a href="https://n8d.at/2014/05">May 2014</a> (1)</li>
<li><a href="https://n8d.at/2014/01">January 2014</a> (5)</li>
<li><a href="https://n8d.at/2013/11">November 2013</a> (2)</li>
<li><a href="https://n8d.at/2013/09">September 2013</a> (3)</li>
<li><a href="https://n8d.at/2013/05">May 2013</a> (2)</li>
<li><a href="https://n8d.at/2013/03">March 2013</a> (1)</li>
<li><a href="https://n8d.at/2012/12">December 2012</a> (1)</li>
<li><a href="https://n8d.at/2012/11">November 2012</a> (1)</li>
<li><a href="https://n8d.at/2012/10">October 2012</a> (1)</li>
<li><a href="https://n8d.at/2012/08">August 2012</a> (2)</li>
<li><a href="https://n8d.at/2012/07">July 2012</a> (1)</li>
<li><a href="https://n8d.at/2012/05">May 2012</a> (2)</li>
<li><a href="https://n8d.at/2012/04">April 2012</a> (1)</li>
<li><a href="https://n8d.at/2012/02">February 2012</a> (1)</li>
<li><a href="https://n8d.at/2012/01">January 2012</a> (1)</li>
<li><a href="https://n8d.at/2011/12">December 2011</a> (2)</li>
<li><a href="https://n8d.at/2011/11">November 2011</a> (2)</li>
<li><a href="https://n8d.at/2011/10">October 2011</a> (1)</li>
<li><a href="https://n8d.at/2011/08">August 2011</a> (2)</li>
<li><a href="https://n8d.at/2011/07">July 2011</a> (2)</li>
<li><a href="https://n8d.at/2011/05">May 2011</a> (2)</li>
<li><a href="https://n8d.at/2011/04">April 2011</a> (1)</li>
<li><a href="https://n8d.at/2011/03">March 2011</a> (2)</li>
<li><a href="https://n8d.at/2011/02">February 2011</a> (1)</li>
<li><a href="https://n8d.at/2010/12">December 2010</a> (1)</li>
<li><a href="https://n8d.at/2010/11">November 2010</a> (1)</li>
<li><a href="https://n8d.at/2010/08">August 2010</a> (2)</li>
</ul>
</aside><aside id="tag_cloud-4" class="widget widget_tag_cloud"><h3 class="widget-title">Tags</h3><div class="tagcloud"><a href="https://n8d.at/tag/atomic-design" class="tag-cloud-link tag-link-146 tag-link-position-1" style="font-size: 10.933333333333pt;" aria-label="Atomic Design (9 items)">Atomic Design</a>
<a href="https://n8d.at/tag/atomic-web-design" class="tag-cloud-link tag-link-209 tag-link-position-2" style="font-size: 9.6pt;" aria-label="Atomic Web Design (7 items)">Atomic Web Design</a>
<a href="https://n8d.at/tag/branding" class="tag-cloud-link tag-link-179 tag-link-position-3" style="font-size: 18.666666666667pt;" aria-label="Branding (37 items)">Branding</a>
<a href="https://n8d.at/tag/css" class="tag-cloud-link tag-link-34 tag-link-position-4" style="font-size: 17.466666666667pt;" aria-label="CSS (30 items)">CSS</a>
<a href="https://n8d.at/tag/customization" class="tag-cloud-link tag-link-44 tag-link-position-5" style="font-size: 12.4pt;" aria-label="customization (12 items)">customization</a>
<a href="https://n8d.at/tag/design" class="tag-cloud-link tag-link-173 tag-link-position-6" style="font-size: 16pt;" aria-label="Design (23 items)">Design</a>
<a href="https://n8d.at/tag/development" class="tag-cloud-link tag-link-269 tag-link-position-7" style="font-size: 9.6pt;" aria-label="Development (7 items)">Development</a>
<a href="https://n8d.at/tag/fluent-design" class="tag-cloud-link tag-link-395 tag-link-position-8" style="font-size: 10.266666666667pt;" aria-label="Fluent Design (8 items)">Fluent Design</a>
<a href="https://n8d.at/tag/fluent-ui" class="tag-cloud-link tag-link-452 tag-link-position-9" style="font-size: 12.4pt;" aria-label="Fluent Ui (12 items)">Fluent Ui</a>
<a href="https://n8d.at/tag/gulp" class="tag-cloud-link tag-link-194 tag-link-position-10" style="font-size: 10.266666666667pt;" aria-label="gulp (8 items)">gulp</a>
<a href="https://n8d.at/tag/html" class="tag-cloud-link tag-link-191 tag-link-position-11" style="font-size: 10.933333333333pt;" aria-label="html (9 items)">html</a>
<a href="https://n8d.at/tag/html5" class="tag-cloud-link tag-link-16 tag-link-position-12" style="font-size: 8.9333333333333pt;" aria-label="HTML5 (6 items)">HTML5</a>
<a href="https://n8d.at/tag/javascript" class="tag-cloud-link tag-link-22 tag-link-position-13" style="font-size: 15.2pt;" aria-label="Javascript (20 items)">Javascript</a>
<a href="https://n8d.at/tag/jquery" class="tag-cloud-link tag-link-66 tag-link-position-14" style="font-size: 12pt;" aria-label="JQuery (11 items)">JQuery</a>
<a href="https://n8d.at/tag/jslink" class="tag-cloud-link tag-link-111 tag-link-position-15" style="font-size: 8.9333333333333pt;" aria-label="JSLink (6 items)">JSLink</a>
<a href="https://n8d.at/tag/microsoft-365" class="tag-cloud-link tag-link-459 tag-link-position-16" style="font-size: 10.266666666667pt;" aria-label="Microsoft 365 (8 items)">Microsoft 365</a>
<a href="https://n8d.at/tag/microsoft-teams" class="tag-cloud-link tag-link-428 tag-link-position-17" style="font-size: 8.9333333333333pt;" aria-label="Microsoft Teams (6 items)">Microsoft Teams</a>
<a href="https://n8d.at/tag/modern-experience" class="tag-cloud-link tag-link-315 tag-link-position-18" style="font-size: 10.266666666667pt;" aria-label="modern experience (8 items)">modern experience</a>
<a href="https://n8d.at/tag/nodejs" class="tag-cloud-link tag-link-184 tag-link-position-19" style="font-size: 14.4pt;" aria-label="nodejs (17 items)">nodejs</a>
<a href="https://n8d.at/tag/npm" class="tag-cloud-link tag-link-260 tag-link-position-20" style="font-size: 11.466666666667pt;" aria-label="npm (10 items)">npm</a>
<a href="https://n8d.at/tag/office-365" class="tag-cloud-link tag-link-182 tag-link-position-21" style="font-size: 18.8pt;" aria-label="Office 365 (38 items)">Office 365</a>
<a href="https://n8d.at/tag/office-365-development" class="tag-cloud-link tag-link-223 tag-link-position-22" style="font-size: 13.6pt;" aria-label="Office 365 Development (15 items)">Office 365 Development</a>
<a href="https://n8d.at/tag/office-ui-fabric" class="tag-cloud-link tag-link-195 tag-link-position-23" style="font-size: 15.2pt;" aria-label="Office UI Fabric (20 items)">Office UI Fabric</a>
<a href="https://n8d.at/tag/pattern-and-practices" class="tag-cloud-link tag-link-155 tag-link-position-24" style="font-size: 11.466666666667pt;" aria-label="Pattern and Practices (10 items)">Pattern and Practices</a>
<a href="https://n8d.at/tag/react" class="tag-cloud-link tag-link-268 tag-link-position-25" style="font-size: 8.9333333333333pt;" aria-label="React (6 items)">React</a>
<a href="https://n8d.at/tag/reactjs" class="tag-cloud-link tag-link-243 tag-link-position-26" style="font-size: 10.266666666667pt;" aria-label="ReactJS (8 items)">ReactJS</a>
<a href="https://n8d.at/tag/responsive-web-design" class="tag-cloud-link tag-link-96 tag-link-position-27" style="font-size: 10.933333333333pt;" aria-label="responsive web design (9 items)">responsive web design</a>
<a href="https://n8d.at/tag/rich-text-editor" class="tag-cloud-link tag-link-49 tag-link-position-28" style="font-size: 9.6pt;" aria-label="Rich Text Editor (7 items)">Rich Text Editor</a>
<a href="https://n8d.at/tag/sass" class="tag-cloud-link tag-link-140 tag-link-position-29" style="font-size: 14.666666666667pt;" aria-label="sass (18 items)">sass</a>
<a href="https://n8d.at/tag/sharepoint" class="tag-cloud-link tag-link-175 tag-link-position-30" style="font-size: 21.466666666667pt;" aria-label="SharePoint (60 items)">SharePoint</a>
<a href="https://n8d.at/tag/sharepoint-2013" class="tag-cloud-link tag-link-180 tag-link-position-31" style="font-size: 9.6pt;" aria-label="SharePoint 2013 (7 items)">SharePoint 2013</a>
<a href="https://n8d.at/tag/sharepoint-development" class="tag-cloud-link tag-link-256 tag-link-position-32" style="font-size: 10.933333333333pt;" aria-label="SharePoint Development (9 items)">SharePoint Development</a>
<a href="https://n8d.at/tag/sharepoint-framework" class="tag-cloud-link tag-link-287 tag-link-position-33" style="font-size: 13.6pt;" aria-label="SharePoint Framework (15 items)">SharePoint Framework</a>
<a href="https://n8d.at/tag/sharepoint-online" class="tag-cloud-link tag-link-181 tag-link-position-34" style="font-size: 8.9333333333333pt;" aria-label="SharePoint Online (6 items)">SharePoint Online</a>
<a href="https://n8d.at/tag/spfx" class="tag-cloud-link tag-link-242 tag-link-position-35" style="font-size: 22pt;" aria-label="SPFx (67 items)">SPFx</a>
<a href="https://n8d.at/tag/spfx-development" class="tag-cloud-link tag-link-319 tag-link-position-36" style="font-size: 8.9333333333333pt;" aria-label="SPFx Development (6 items)">SPFx Development</a>
<a href="https://n8d.at/tag/style-guide" class="tag-cloud-link tag-link-216 tag-link-position-37" style="font-size: 8pt;" aria-label="style guide (5 items)">style guide</a>
<a href="https://n8d.at/tag/user-experience" class="tag-cloud-link tag-link-72 tag-link-position-38" style="font-size: 16.666666666667pt;" aria-label="user experience (26 items)">user experience</a>
<a href="https://n8d.at/tag/ux" class="tag-cloud-link tag-link-75 tag-link-position-39" style="font-size: 16.266666666667pt;" aria-label="UX (24 items)">UX</a>
<a href="https://n8d.at/tag/web-design" class="tag-cloud-link tag-link-174 tag-link-position-40" style="font-size: 17.066666666667pt;" aria-label="Web Design (28 items)">Web Design</a>
<a href="https://n8d.at/tag/web-development" class="tag-cloud-link tag-link-165 tag-link-position-41" style="font-size: 15.733333333333pt;" aria-label="Web Development (22 items)">Web Development</a>
<a href="https://n8d.at/tag/web-fonts" class="tag-cloud-link tag-link-136 tag-link-position-42" style="font-size: 8.9333333333333pt;" aria-label="web fonts (6 items)">web fonts</a>
<a href="https://n8d.at/tag/webpack" class="tag-cloud-link tag-link-281 tag-link-position-43" style="font-size: 8.9333333333333pt;" aria-label="webpack (6 items)">webpack</a>
<a href="https://n8d.at/tag/web-parts" class="tag-cloud-link tag-link-43 tag-link-position-44" style="font-size: 10.266666666667pt;" aria-label="web parts (8 items)">web parts</a>
<a href="https://n8d.at/tag/yeoman" class="tag-cloud-link tag-link-147 tag-link-position-45" style="font-size: 14.4pt;" aria-label="yeoman (17 items)">yeoman</a></div>
</aside><aside id="custom_html-4" class="widget_text widget widget_custom_html"><div class="textwidget custom-html-widget"><img src="https://www.blogheim.at/ranking?key=9GiYAp&typ=8" data-no-lazy="1" width="1" height="1" alt="Blogheim.at Logo" /></div></aside> </div>
</div>
<div id="main-wrap">
<div id="widget-area-top" class="clearfix">
<aside id="namba_sociallinks-3" class="widget widget_namba_sociallinks"> <h3 class="widget-title"><span>Connect with me </span></h3>
<ul class="sociallinks">
<li><a href="https://twitter.com/stfbauer" class="twitter" title="Twitter">Twitter</a></li>
<li><a href="https://www.facebook.com/n8dstudio" class="facebook" title="Facebook">Facebook</a></li>
<li><a href="https://instgram.com/stfbauer" class="instagram" title="Instagram">Instagram</a></li>
<li><a href="https://github.com/StfBauer" class="github" title="GitHub">GitHub</a></li>
<li><a href="https://www.linkedin.com/in/stfbauer/" class="linkedin" title="LinkedIn">LinkedIn</a></li>
<li><a href="https://n8d.at/feed/" class="rss" title="RSS Feed">RSS Feed</a></li>
</ul>
</aside> </div>
<div id="primary" class="site-content" role="main">
<span class="border-center"></span>
<article id="post-53955" class="post-53955 post type-post status-publish format-standard hentry category-full-stack-development category-microsoft-365 category-sharepoint-framework tag-npm tag-npm-packages tag-npm-workspace tag-web-development tag-yarn-workspace">
<header class="entry-header">
<a href="https://n8d.at/use-sharepoint-framework-with-npm-yarn-work-spaces" class="entry-format"><span>Article</span></a>
<div class="entry-details">
<div class="entry-date">
<a href="https://n8d.at/use-sharepoint-framework-with-npm-yarn-work-spaces" class="entry-date">28. March 2024</a>
</div>
<div class="entry-comments">
<a href="https://n8d.at/use-sharepoint-framework-with-npm-yarn-work-spaces#respond"><span class="leave-reply">0 comment</span></a> </div>
<div class="entry-author">
<a href="https://n8d.at/author/stfbauer" title="All posts by Stefan Bauer">by Stefan Bauer</a> </div>
</div>
<h2 class="entry-title"><a href="https://n8d.at/use-sharepoint-framework-with-npm-yarn-work-spaces" title="Permalink to Use SharePoint Framework with npm / yarn work spaces" rel="bookmark">Use SharePoint Framework with npm / yarn work spaces</a></h2>
</header>
<div class="entry-content clearfix">
<p><img fetchpriority="high" decoding="async" src="https://n8d.at/wp-content/uploads/2024/03/spfxnpmworkspace.webp" alt width="1920" height="1080" class="alignnone size-full wp-image-53961" srcset="https://n8d.at/wp-content/uploads/2024/03/spfxnpmworkspace.webp 1920w, https://n8d.at/wp-content/uploads/2024/03/spfxnpmworkspace-300x169.webp 300w, https://n8d.at/wp-content/uploads/2024/03/spfxnpmworkspace-1024x576.webp 1024w, https://n8d.at/wp-content/uploads/2024/03/spfxnpmworkspace-768x432.webp 768w, https://n8d.at/wp-content/uploads/2024/03/spfxnpmworkspace-1536x864.webp 1536w" sizes="(max-width: 1920px) 100vw, 1920px" /></p>
<p>… another title for this blog post could be: “How to use SharePoint Framework and share code between projects without Microsoft’s SharePoint Framework Library component or NPM registry.<br/>
<a href="https://n8d.at/use-sharepoint-framework-with-npm-yarn-work-spaces" class="more-link">[Read more]</a></p>
</div>
</article>
<article id="post-53928" class="post-53928 post type-post status-publish format-standard hentry category-web-design category-web-development tag-css tag-html">
<header class="entry-header">
<a href="https://n8d.at/diversity-in-your-html" class="entry-format"><span>Article</span></a>
<div class="entry-details">
<div class="entry-date">
<a href="https://n8d.at/diversity-in-your-html" class="entry-date">12. March 2024</a>
</div>
<div class="entry-comments">
<a href="https://n8d.at/diversity-in-your-html#respond"><span class="leave-reply">0 comment</span></a> </div>
<div class="entry-author">
<a href="https://n8d.at/author/user" title="All posts by user">by user</a> </div>
</div>
<h2 class="entry-title"><a href="https://n8d.at/diversity-in-your-html" title="Permalink to Diversity in your HTML" rel="bookmark">Diversity in your HTML</a></h2>
</header>
<div class="entry-content clearfix">
<p><img decoding="async" src="https://n8d.at/wp-content/uploads/2024/03/diversity-in-html.webp" alt="Diversitfy your HTML instead of using DIV" width="1920" height="1080" class="alignnone size-full wp-image-53946" srcset="https://n8d.at/wp-content/uploads/2024/03/diversity-in-html.webp 1920w, https://n8d.at/wp-content/uploads/2024/03/diversity-in-html-300x169.webp 300w, https://n8d.at/wp-content/uploads/2024/03/diversity-in-html-1024x576.webp 1024w, https://n8d.at/wp-content/uploads/2024/03/diversity-in-html-768x432.webp 768w, https://n8d.at/wp-content/uploads/2024/03/diversity-in-html-1536x864.webp 1536w" sizes="(max-width: 1920px) 100vw, 1920px" loading="lazy" /></p>
<p>Recently, I started a <a href="http://eepurl.com/iJUZOA">newsletter</a>. During the planning phase, I thought about content for my humbled subscribers. I watched a couple of development sessions while attending the <a href="https://m365miami.com">Microsoft 365 Community Day</a>. While great developers delivered those sessions, I recognised the overuse of <strong><div></strong> elements.<br/>
<a href="https://n8d.at/diversity-in-your-html" class="more-link">[Read more]</a></p>
</div>
</article>
<article id="post-53905" class="post-53905 post type-post status-publish format-standard hentry category-microsoft-365 tag-microsoft-365 tag-microsoft-365-development tag-sharepoint">
<header class="entry-header">
<a href="https://n8d.at/major-css-bug-in-sharepoint-framework" class="entry-format"><span>Article</span></a>
<div class="entry-details">
<div class="entry-date">
<a href="https://n8d.at/major-css-bug-in-sharepoint-framework" class="entry-date">14. February 2024</a>
</div>
<div class="entry-comments">
<a href="https://n8d.at/major-css-bug-in-sharepoint-framework#respond"><span class="leave-reply">0 comment</span></a> </div>
<div class="entry-author">
<a href="https://n8d.at/author/stfbauer" title="All posts by Stefan Bauer">by Stefan Bauer</a> </div>
</div>
<h2 class="entry-title"><a href="https://n8d.at/major-css-bug-in-sharepoint-framework" title="Permalink to Major CSS Bug in SharePoint Framework" rel="bookmark">Major CSS Bug in SharePoint Framework</a></h2>
</header>
<div class="entry-content clearfix">
<p><img decoding="async" class="size-full wp-image-53909" src="https://n8d.at/wp-content/uploads/2024/02/major-css-bug.webp" alt width="1920" height="1080" loading="lazy" /></p>
<p>I have a bug in my head since SharePoint Framework was first introduced. Why do we need to use CSS Modules, and why is it so bad for responsive web design?<br/>
<a href="https://n8d.at/major-css-bug-in-sharepoint-framework" class="more-link">[Read more]</a></p>
</div>
</article>
<article id="post-53723" class="post-53723 post type-post status-publish format-standard hentry category-sharepoint category-style-guides category-user-experience tag-events tag-ical tag-icalender tag-json tag-power-automate tag-rest-api">
<header class="entry-header">
<a href="https://n8d.at/make-icalender-events-sent-with-power-automate-update-able" class="entry-format"><span>Article</span></a>
<div class="entry-details">
<div class="entry-date">
<a href="https://n8d.at/make-icalender-events-sent-with-power-automate-update-able" class="entry-date">17. October 2023</a>
</div>
<div class="entry-comments">
<a href="https://n8d.at/make-icalender-events-sent-with-power-automate-update-able#respond"><span class="leave-reply">0 comment</span></a> </div>
<div class="entry-author">
<a href="https://n8d.at/author/stfbauer" title="All posts by Stefan Bauer">by Stefan Bauer</a> </div>
</div>
<h2 class="entry-title"><a href="https://n8d.at/make-icalender-events-sent-with-power-automate-update-able" title="Permalink to Make iCalender events sent with Power Automate update-able" rel="bookmark">Make iCalender events sent with Power Automate update-able</a></h2>
</header>
<div class="entry-content clearfix">
<p><a href="https://n8d.at/wp-content/uploads/2023/10/update-able-ical-events.jpg"><img decoding="async" src="https://n8d.at/wp-content/uploads/2023/10/update-able-ical-events-1024x576.jpg" alt width="900" height="506" class="aligncenter size-large wp-image-53731" srcset="https://n8d.at/wp-content/uploads/2023/10/update-able-ical-events-1024x576.jpg 1024w, https://n8d.at/wp-content/uploads/2023/10/update-able-ical-events-300x169.jpg 300w, https://n8d.at/wp-content/uploads/2023/10/update-able-ical-events-768x432.jpg 768w, https://n8d.at/wp-content/uploads/2023/10/update-able-ical-events-1536x864.jpg 1536w, https://n8d.at/wp-content/uploads/2023/10/update-able-ical-events.jpg 1920w" sizes="(max-width: 900px) 100vw, 900px" loading="lazy" /></a></p>
<p>In the <a href="https://n8d.at/how-to-send-icalendar-event-using-power-automate" title="How to send iCalendar events using Power Automate">last post</a>, I showed how sending events via Power Automate is possible. While those events don’t have any functionality to update them when the original entry changed. We need a small adjustment to the flow to make this work.<br/>
<a href="https://n8d.at/make-icalender-events-sent-with-power-automate-update-able" class="more-link">[Read more]</a></p>
</div>
</article>
<article id="post-53708" class="post-53708 post type-post status-publish format-standard hentry category-office-365 category-power-automate tag-icalendar tag-ics tag-reminder-automation tag-workflow">
<header class="entry-header">
<a href="https://n8d.at/how-to-send-icalendar-event-using-power-automate" class="entry-format"><span>Article</span></a>
<div class="entry-details">
<div class="entry-date">
<a href="https://n8d.at/how-to-send-icalendar-event-using-power-automate" class="entry-date">26. September 2023</a>
</div>
<div class="entry-comments">
<a href="https://n8d.at/how-to-send-icalendar-event-using-power-automate#respond"><span class="leave-reply">0 comment</span></a> </div>
<div class="entry-author">
<a href="https://n8d.at/author/stfbauer" title="All posts by Stefan Bauer">by Stefan Bauer</a> </div>
</div>
<h2 class="entry-title"><a href="https://n8d.at/how-to-send-icalendar-event-using-power-automate" title="Permalink to How to send iCalendar events using Power Automate" rel="bookmark">How to send iCalendar events using Power Automate</a></h2>
</header>
<div class="entry-content clearfix">
<p>Last week I got a really interesting request from one of my customers. Send a reminder based on a SharePoint List / Microsoft List.</p>
<p><a href="https://n8d.at/wp-content/uploads/2023/09/ics-in-outlook.jpeg"><img decoding="async" src="https://n8d.at/wp-content/uploads/2023/09/ics-in-outlook-1024x614.jpeg" alt="Screenshot of ics in outlook sent via Power Automate Flow" width="900" height="540" class="aligncenter size-large wp-image-53710" srcset="https://n8d.at/wp-content/uploads/2023/09/ics-in-outlook-1024x614.jpeg 1024w, https://n8d.at/wp-content/uploads/2023/09/ics-in-outlook-300x180.jpeg 300w, https://n8d.at/wp-content/uploads/2023/09/ics-in-outlook-768x461.jpeg 768w, https://n8d.at/wp-content/uploads/2023/09/ics-in-outlook.jpeg 1280w" sizes="(max-width: 900px) 100vw, 900px" loading="lazy" /></a></p>
<p>One question that came up to me was. Can I send a calendar entry with the reminder mail? Here is how it’s done.<br/>
<a href="https://n8d.at/how-to-send-icalendar-event-using-power-automate" class="more-link">[Read more]</a></p>
</div>
</article>
<article id="post-53696" class="post-53696 post type-post status-publish format-standard hentry category-accessibility category-accessibility-in-technology category-information-architecture category-microsoft-lists category-modern-experience category-productivity-hack category-sharepoint category-user-experience tag-a11y">
<header class="entry-header">
<a href="https://n8d.at/disable-microsoft-list-experience-for-lists-in-sharepoint" class="entry-format"><span>Article</span></a>
<div class="entry-details">
<div class="entry-date">
<a href="https://n8d.at/disable-microsoft-list-experience-for-lists-in-sharepoint" class="entry-date">24. September 2023</a>
</div>
<div class="entry-comments">
<a href="https://n8d.at/disable-microsoft-list-experience-for-lists-in-sharepoint#respond"><span class="leave-reply">0 comment</span></a> </div>
<div class="entry-author">
<a href="https://n8d.at/author/stfbauer" title="All posts by Stefan Bauer">by Stefan Bauer</a> </div>
</div>
<h2 class="entry-title"><a href="https://n8d.at/disable-microsoft-list-experience-for-lists-in-sharepoint" title="Permalink to Disable Microsoft List Experience for Lists In SharePoint" rel="bookmark">Disable Microsoft List Experience for Lists In SharePoint</a></h2>
</header>
<div class="entry-content clearfix">
<p>I just did some research on a completely different topic. I created a new SharePoint list and unintentionally landed in the new Microsoft List experience.</p>
<p><div id="attachment_53698" style="width: 910px" class="wp-caption aligncenter"><a href="https://n8d.at/wp-content/uploads/2023/09/Microsoft-List-experience.jpeg"><img decoding="async" aria-describedby="caption-attachment-53698" src="https://n8d.at/wp-content/uploads/2023/09/Microsoft-List-experience-1024x614.jpeg" alt="Screenshot of Microsoft List Experience" width="900" height="540" class="size-large wp-image-53698" srcset="https://n8d.at/wp-content/uploads/2023/09/Microsoft-List-experience-1024x614.jpeg 1024w, https://n8d.at/wp-content/uploads/2023/09/Microsoft-List-experience-300x180.jpeg 300w, https://n8d.at/wp-content/uploads/2023/09/Microsoft-List-experience-768x461.jpeg 768w, https://n8d.at/wp-content/uploads/2023/09/Microsoft-List-experience.jpeg 1280w" sizes="(max-width: 900px) 100vw, 900px" loading="lazy" /></a><p id="caption-attachment-53698" class="wp-caption-text">Microsoft List Experience after you created a new list</p></div><br/>
<a href="https://n8d.at/disable-microsoft-list-experience-for-lists-in-sharepoint" class="more-link">[Read more]</a></p>
</div>
</article>
<article id="post-53688" class="post-53688 post type-post status-publish format-standard hentry category-microsoft-365 category-sharepoint tag-microsoft-365-apps tag-microsoft-list tag-opinion tag-sharepoint-feature tag-user-experience">
<header class="entry-header">
<a href="https://n8d.at/what-are-microsoft-lists-really" class="entry-format"><span>Article</span></a>
<div class="entry-details">
<div class="entry-date">
<a href="https://n8d.at/what-are-microsoft-lists-really" class="entry-date">19. September 2023</a>
</div>
<div class="entry-comments">
<a href="https://n8d.at/what-are-microsoft-lists-really#respond"><span class="leave-reply">0 comment</span></a> </div>
<div class="entry-author">
<a href="https://n8d.at/author/stfbauer" title="All posts by Stefan Bauer">by Stefan Bauer</a> </div>
</div>
<h2 class="entry-title"><a href="https://n8d.at/what-are-microsoft-lists-really" title="Permalink to What are Microsoft Lists really" rel="bookmark">What are Microsoft Lists really</a></h2>
</header>
<div class="entry-content clearfix">
<p>Microsoft Lists is just a new user interface for SharePoint Lists, and they are SharePoint Lists we always had and used for a very long time.</p>
<p><a href="https://n8d.at/wp-content/uploads/2023/09/what-microsoft-lists-really-are.jpg"><img decoding="async" src="https://n8d.at/wp-content/uploads/2023/09/what-microsoft-lists-really-are-1024x576.jpg" alt="Microsoft Lists logo with a question mark" width="900" height="506" class="aligncenter size-large wp-image-53692" srcset="https://n8d.at/wp-content/uploads/2023/09/what-microsoft-lists-really-are-1024x576.jpg 1024w, https://n8d.at/wp-content/uploads/2023/09/what-microsoft-lists-really-are-300x169.jpg 300w, https://n8d.at/wp-content/uploads/2023/09/what-microsoft-lists-really-are-768x432.jpg 768w, https://n8d.at/wp-content/uploads/2023/09/what-microsoft-lists-really-are-1536x864.jpg 1536w, https://n8d.at/wp-content/uploads/2023/09/what-microsoft-lists-really-are.jpg 1920w" sizes="(max-width: 900px) 100vw, 900px" loading="lazy" /></a><br/>
<a href="https://n8d.at/what-are-microsoft-lists-really" class="more-link">[Read more]</a></p>
</div>
</article>
<article id="post-53665" class="post-53665 post type-post status-publish format-standard hentry category-sharepoint category-user-experience tag-microsoft-365 tag-screenshot">
<header class="entry-header">
<a href="https://n8d.at/how-to-take-a-full-page-screenshot-of-sharepoint" class="entry-format"><span>Article</span></a>
<div class="entry-details">
<div class="entry-date">
<a href="https://n8d.at/how-to-take-a-full-page-screenshot-of-sharepoint" class="entry-date">14. July 2023</a>
</div>
<div class="entry-comments">
<a href="https://n8d.at/how-to-take-a-full-page-screenshot-of-sharepoint#respond"><span class="leave-reply">0 comment</span></a> </div>
<div class="entry-author">
<a href="https://n8d.at/author/stfbauer" title="All posts by Stefan Bauer">by Stefan Bauer</a> </div>
</div>
<h2 class="entry-title"><a href="https://n8d.at/how-to-take-a-full-page-screenshot-of-sharepoint" title="Permalink to How to take a full-page Screenshot of SharePoint" rel="bookmark">How to take a full-page Screenshot of SharePoint</a></h2>
</header>
<div class="entry-content clearfix">
<p>When you take a screenshot of a SharePoint Page, the result might look like the screenshot below. Let see how time-consuming SharePoint screenshot can be done easier.</p>
<p><img decoding="async" src="https://n8d.at/wp-content/uploads/2023/07/screenshot-of-sharepoint-1024x588.jpeg" alt="Screenshot of SharePoint" width="900" height="517" class="aligncenter size-large wp-image-53666" srcset="https://n8d.at/wp-content/uploads/2023/07/screenshot-of-sharepoint-1024x588.jpeg 1024w, https://n8d.at/wp-content/uploads/2023/07/screenshot-of-sharepoint-300x172.jpeg 300w, https://n8d.at/wp-content/uploads/2023/07/screenshot-of-sharepoint-768x441.jpeg 768w, https://n8d.at/wp-content/uploads/2023/07/screenshot-of-sharepoint-1536x882.jpeg 1536w, https://n8d.at/wp-content/uploads/2023/07/screenshot-of-sharepoint-2048x1176.jpeg 2048w" sizes="(max-width: 900px) 100vw, 900px" loading="lazy" /></p>
<p>You see the first segments of the page, and then everything gets cut off. While I tried out some tools to make a screenshot of the entire page, they mostly failed because of the page’s underlying structure.<br/>
<a href="https://n8d.at/how-to-take-a-full-page-screenshot-of-sharepoint" class="more-link">[Read more]</a></p>
</div>
</article>
<article id="post-53645" class="post-53645 post type-post status-publish format-standard hentry category-html category-sharepoint category-sharepoint-framework tag-css tag-html tag-modal-dialog tag-sharepoint-development tag-sharepoint-onlne tag-spfx">
<header class="entry-header">
<a href="https://n8d.at/manage-the-position-of-your-html-dialog-on-sharepoint-pages" class="entry-format"><span>Article</span></a>
<div class="entry-details">
<div class="entry-date">
<a href="https://n8d.at/manage-the-position-of-your-html-dialog-on-sharepoint-pages" class="entry-date">29. June 2023</a>
</div>
<div class="entry-comments">
<a href="https://n8d.at/manage-the-position-of-your-html-dialog-on-sharepoint-pages#respond"><span class="leave-reply">0 comment</span></a> </div>
<div class="entry-author">
<a href="https://n8d.at/author/stfbauer" title="All posts by Stefan Bauer">by Stefan Bauer</a> </div>
</div>
<h2 class="entry-title"><a href="https://n8d.at/manage-the-position-of-your-html-dialog-on-sharepoint-pages" title="Permalink to Manage the Position of your HTML Dialog on SharePoint Pages" rel="bookmark">Manage the Position of your HTML Dialog on SharePoint Pages</a></h2>
</header>
<div class="entry-content clearfix">
<p><img decoding="async" src="https://n8d.at/wp-content/uploads/2023/06/change-position-of-modal-dialgo-1024x683.jpg" alt="Comic speech bulb telling you how to change the position of a modal dialog" width="900" height="600" class="aligncenter size-large wp-image-53646" srcset="https://n8d.at/wp-content/uploads/2023/06/change-position-of-modal-dialgo-1024x683.jpg 1024w, https://n8d.at/wp-content/uploads/2023/06/change-position-of-modal-dialgo-300x200.jpg 300w, https://n8d.at/wp-content/uploads/2023/06/change-position-of-modal-dialgo-768x512.jpg 768w, https://n8d.at/wp-content/uploads/2023/06/change-position-of-modal-dialgo-1536x1024.jpg 1536w, https://n8d.at/wp-content/uploads/2023/06/change-position-of-modal-dialgo.jpg 1920w" sizes="(max-width: 900px) 100vw, 900px" loading="lazy" /></p>
<p>This article is one of the follow-up articles on <a href="https://n8d.at/how-to-create-native-html-modal-dialogs-instead-spfx-dialogs" title="How to create native HTML Modal Dialogs instead SPFx Dialogs">how to use the HTML Dialog element in SharePoint Framework</a>. Now we look closer at the possibilities of positioning the modal dialogue.</p>
<p>You will learn to put the dialogue on the page’s top, bottom, left, and right.</p>
<p><a href="https://n8d.at/manage-the-position-of-your-html-dialog-on-sharepoint-pages" class="more-link">[Read more]</a></p>
</div>
</article>
</div>
<nav id="nav-below" class="clearfix">
<div class="nav-previous"><a href="https://n8d.at/page/2"><span>« Older Posts</span></a></div>
<div class="nav-next"></div>
</nav>
<footer id="colophon" class="site-footer clearfix" role="contentinfo">
<div id="site-info">
<div class="credit-wrap">
<p class="credittext">© 2024 - Stefan Bauer - N8D</p> </div>
</div>
</footer>
</div>
</div>
<script type="text/javascript" src="https://platform.twitter.com/widgets.js"></script>
<script type="text/javascript">
(function() {
var po = document.createElement('script');
po.type = 'text/javascript';
po.async = true;
po.src = 'https://apis.google.com/js/plusone.js';
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(po, s);
})();
</script>
<script type="text/javascript">
(function() {
window.PinIt = window.PinIt || {
loaded: false
};
if (window.PinIt.loaded) return;
window.PinIt.loaded = true;
function async_load() {
var s = document.createElement("script");
s.type = "text/javascript";
s.async = true;
s.src = "https://assets.pinterest.com/js/pinit.js";
var x = document.getElementsByTagName("script")[0];
x.parentNode.insertBefore(s, x);
}
if (window.attachEvent)
window.attachEvent("onload", async_load);
else
window.addEventListener("load", async_load, false);
})();
</script>
<div class="jetpack-instant-search__widget-area" style="display: none">
</div>
<script type="text/javascript">
/* MonsterInsights Scroll Tracking */
if ( typeof(jQuery) !== 'undefined' ) {
jQuery( document ).ready(function(){
function monsterinsights_scroll_tracking_load() {
if ( ( typeof(__gaTracker) !== 'undefined' && __gaTracker && __gaTracker.hasOwnProperty( "loaded" ) && __gaTracker.loaded == true ) || ( typeof(__gtagTracker) !== 'undefined' && __gtagTracker ) ) {
(function(factory) {
factory(jQuery);
}(function($) {
/* Scroll Depth */
"use strict";
var defaults = {
percentage: true
};
var $window = $(window),
cache = [],
scrollEventBound = false,
lastPixelDepth = 0;
/*
* Plugin
*/
$.scrollDepth = function(options) {
var startTime = +new Date();
options = $.extend({}, defaults, options);
/*
* Functions
*/
function sendEvent(action, label, scrollDistance, timing) {
if ( 'undefined' === typeof MonsterInsightsObject || 'undefined' === typeof MonsterInsightsObject.sendEvent ) {
return;
}
var paramName = action.toLowerCase();
var fieldsArray = {
send_to: 'G-YC93TBX96K',
non_interaction: true
};
fieldsArray[paramName] = label;
if (arguments.length > 3) {
fieldsArray.scroll_timing = timing
MonsterInsightsObject.sendEvent('event', 'scroll_depth', fieldsArray);
} else {
MonsterInsightsObject.sendEvent('event', 'scroll_depth', fieldsArray);
}
}
function calculateMarks(docHeight) {
return {
'25%' : parseInt(docHeight * 0.25, 10),
'50%' : parseInt(docHeight * 0.50, 10),
'75%' : parseInt(docHeight * 0.75, 10),
/* Cushion to trigger 100% event in iOS */
'100%': docHeight - 5
};
}
function checkMarks(marks, scrollDistance, timing) {
/* Check each active mark */
$.each(marks, function(key, val) {
if ( $.inArray(key, cache) === -1 && scrollDistance >= val ) {
sendEvent('Percentage', key, scrollDistance, timing);
cache.push(key);
}
});
}
function rounded(scrollDistance) {
/* Returns String */
return (Math.floor(scrollDistance/250) * 250).toString();
}
function init() {
bindScrollDepth();
}
/*
* Public Methods
*/
/* Reset Scroll Depth with the originally initialized options */
$.scrollDepth.reset = function() {
cache = [];
lastPixelDepth = 0;
$window.off('scroll.scrollDepth');
bindScrollDepth();
};
/* Add DOM elements to be tracked */
$.scrollDepth.addElements = function(elems) {
if (typeof elems == "undefined" || !$.isArray(elems)) {
return;
}
$.merge(options.elements, elems);
/* If scroll event has been unbound from window, rebind */
if (!scrollEventBound) {
bindScrollDepth();
}
};
/* Remove DOM elements currently tracked */
$.scrollDepth.removeElements = function(elems) {
if (typeof elems == "undefined" || !$.isArray(elems)) {
return;
}
$.each(elems, function(index, elem) {
var inElementsArray = $.inArray(elem, options.elements);
var inCacheArray = $.inArray(elem, cache);
if (inElementsArray != -1) {
options.elements.splice(inElementsArray, 1);
}
if (inCacheArray != -1) {
cache.splice(inCacheArray, 1);
}
});
};
/*
* Throttle function borrowed from:
* Underscore.js 1.5.2
* http://underscorejs.org
* (c) 2009-2013 Jeremy Ashkenas, DocumentCloud and Investigative Reporters & Editors
* Underscore may be freely distributed under the MIT license.
*/
function throttle(func, wait) {
var context, args, result;
var timeout = null;
var previous = 0;
var later = function() {
previous = new Date;
timeout = null;
result = func.apply(context, args);
};
return function() {
var now = new Date;
if (!previous) previous = now;
var remaining = wait - (now - previous);
context = this;
args = arguments;
if (remaining <= 0) {
clearTimeout(timeout);
timeout = null;
previous = now;
result = func.apply(context, args);
} else if (!timeout) {
timeout = setTimeout(later, remaining);
}
return result;
};
}
/*
* Scroll Event
*/
function bindScrollDepth() {
scrollEventBound = true;
$window.on('scroll.scrollDepth', throttle(function() {
/*
* We calculate document and window height on each scroll event to
* account for dynamic DOM changes.
*/
var docHeight = $(document).height(),
winHeight = window.innerHeight ? window.innerHeight : $window.height(),
scrollDistance = $window.scrollTop() + winHeight,
/* Recalculate percentage marks */
marks = calculateMarks(docHeight),
/* Timing */
timing = +new Date - startTime;
checkMarks(marks, scrollDistance, timing);
}, 500));
}
init();
};
/* UMD export */
return $.scrollDepth;
}));
jQuery.scrollDepth();
} else {
setTimeout(monsterinsights_scroll_tracking_load, 200);
}
}
monsterinsights_scroll_tracking_load();
});
}
/* End MonsterInsights Scroll Tracking */
</script><script data-cfasync="false" src="https://n8d.at/wp-content/cache/minify/e1df4.js"></script>
<script type="text/javascript" id="jetpack-instant-search-js-before">
/* <![CDATA[ */
var JetpackInstantSearchOptions=JSON.parse(decodeURIComponent("%7B%22overlayOptions%22%3A%7B%22colorTheme%22%3A%22light%22%2C%22enableInfScroll%22%3Atrue%2C%22enableFilteringOpensOverlay%22%3Atrue%2C%22enablePostDate%22%3Atrue%2C%22enableSort%22%3Atrue%2C%22highlightColor%22%3A%22%23FFC%22%2C%22overlayTrigger%22%3A%22submit%22%2C%22resultFormat%22%3A%22expanded%22%2C%22showPoweredBy%22%3Atrue%2C%22defaultSort%22%3A%22relevance%22%2C%22excludedPostTypes%22%3A%5B%5D%7D%2C%22homeUrl%22%3A%22https%3A%5C%2F%5C%2Fn8d.at%22%2C%22locale%22%3A%22en-US%22%2C%22postsPerPage%22%3A9%2C%22siteId%22%3A33990133%2C%22postTypes%22%3A%7B%22post%22%3A%7B%22singular_name%22%3A%22Post%22%2C%22name%22%3A%22Posts%22%7D%2C%22page%22%3A%7B%22singular_name%22%3A%22Page%22%2C%22name%22%3A%22Pages%22%7D%2C%22attachment%22%3A%7B%22singular_name%22%3A%22Media%22%2C%22name%22%3A%22Media%22%7D%7D%2C%22webpackPublicPath%22%3A%22https%3A%5C%2F%5C%2Fn8d.at%5C%2Fwp-content%5C%2Fplugins%5C%2Fjetpack%5C%2Fjetpack_vendor%5C%2Fautomattic%5C%2Fjetpack-search%5C%2Fbuild%5C%2Finstant-search%5C%2F%22%2C%22isPhotonEnabled%22%3Afalse%2C%22isFreePlan%22%3Afalse%2C%22apiRoot%22%3A%22https%3A%5C%2F%5C%2Fn8d.at%5C%2Fwp-json%5C%2F%22%2C%22apiNonce%22%3A%22b871b87be5%22%2C%22isPrivateSite%22%3Afalse%2C%22isWpcom%22%3Afalse%2C%22hasOverlayWidgets%22%3Afalse%2C%22widgets%22%3A%5B%5D%2C%22widgetsOutsideOverlay%22%3A%5B%5D%2C%22hasNonSearchWidgets%22%3Afalse%2C%22preventTrackingCookiesReset%22%3Afalse%7D"));
/* ]]> */
</script>
<script data-cfasync="false" src="https://n8d.at/wp-content/cache/minify/5c6db.js"></script>
<script type="text/javascript" src="//stats.wp.com/w.js?ver=202413" id="jp-tracks-js"></script>
<script type="text/javascript" src="https://stats.wp.com/e-202413.js" id="jetpack-stats-js" data-wp-strategy="defer"></script>
<script type="text/javascript" id="jetpack-stats-js-after">
/* <![CDATA[ */
_stq = window._stq || [];
_stq.push([ "view", JSON.parse("{\"v\":\"ext\",\"blog\":\"33990133\",\"post\":\"0\",\"tz\":\"1\",\"srv\":\"n8d.at\",\"j\":\"1:13.2.2\"}") ]);
_stq.push([ "clickTrackerInit", "33990133", "0" ]);
/* ]]> */
</script>
<script type="text/javascript">
!(function (cfg){function e(){cfg.onInit&&cfg.onInit(i)}var S,u,D,t,n,i,C=window,x=document,w=C.location,I="script",b="ingestionendpoint",E="disableExceptionTracking",A="ai.device.";"instrumentationKey"[S="toLowerCase"](),u="crossOrigin",D="POST",t="appInsightsSDK",n=cfg.name||"appInsights",(cfg.name||C[t])&&(C[t]=n),i=C[n]||function(l){var d=!1,g=!1,f={initialize:!0,queue:[],sv:"7",version:2,config:l};function m(e,t){var n={},i="Browser";function a(e){e=""+e;return 1===e.length?"0"+e:e}return n[A+"id"]=i[S](),n[A+"type"]=i,n["ai.operation.name"]=w&&w.pathname||"_unknown_",n["ai.internal.sdkVersion"]="javascript:snippet_"+(f.sv||f.version),{time:(i=new Date).getUTCFullYear()+"-"+a(1+i.getUTCMonth())+"-"+a(i.getUTCDate())+"T"+a(i.getUTCHours())+":"+a(i.getUTCMinutes())+":"+a(i.getUTCSeconds())+"."+(i.getUTCMilliseconds()/1e3).toFixed(3).slice(2,5)+"Z",iKey:e,name:"Microsoft.ApplicationInsights."+e.replace(/-/g,"")+"."+t,sampleRate:100,tags:n,data:{baseData:{ver:2}},ver:4,seq:"1",aiDataContract:undefined}}var h=-1,v=0,y=["js.monitor.azure.com","js.cdn.applicationinsights.io","js.cdn.monitor.azure.com","js0.cdn.applicationinsights.io","js0.cdn.monitor.azure.com","js2.cdn.applicationinsights.io","js2.cdn.monitor.azure.com","az416426.vo.msecnd.net"],k=l.url||cfg.src;if(k){if((n=navigator)&&(~(n=(n.userAgent||"").toLowerCase()).indexOf("msie")||~n.indexOf("trident/"))&&~k.indexOf("ai.3")&&(k=k.replace(/(\/)(ai\.3\.)([^\d]*)$/,function(e,t,n){return t+"ai.2"+n})),!1!==cfg.cr)for(var e=0;e<y.length;e++)if(0<k.indexOf(y[e])){h=e;break}var i=function(e){var a,t,n,i,o,r,s,c,p,u;f.queue=[],g||(0<=h&&v+1<y.length?(a=(h+v+1)%y.length,T(k.replace(/^(.*\/\/)([\w\.]*)(\/.*)$/,function(e,t,n,i){return t+y[a]+i})),v+=1):(d=g=!0,o=k,c=(p=function(){var e,t={},n=l.connectionString;if(n)for(var i=n.split(";"),a=0;a<i.length;a++){var o=i[a].split("=");2===o.length&&(t[o[0][S]()]=o[1])}return t[b]||(e=(n=t.endpointsuffix)?t.location:null,t[b]="https://"+(e?e+".":"")+"dc."+(n||"services.visualstudio.com")),t}()).instrumentationkey||l.instrumentationKey||"",p=(p=p[b])?p+"/v2/track":l.endpointUrl,(u=[]).push((t="SDK LOAD Failure: Failed to load Application Insights SDK script (See stack for details)",n=o,r=p,(s=(i=m(c,"Exception")).data).baseType="ExceptionData",s.baseData.exceptions=[{typeName:"SDKLoadFailed",message:t.replace(/\./g,"-"),hasFullStack:!1,stack:t+"\nSnippet failed to load ["+n+"] -- Telemetry is disabled\nHelp Link: https://go.microsoft.com/fwlink/?linkid=2128109\nHost: "+(w&&w.pathname||"_unknown_")+"\nEndpoint: "+r,parsedStack:[]}],i)),u.push((s=o,t=p,(r=(n=m(c,"Message")).data).baseType="MessageData",(i=r.baseData).message='AI (Internal): 99 message:"'+("SDK LOAD Failure: Failed to load Application Insights SDK script (See stack for details) ("+s+")").replace(/\"/g,"")+'"',i.properties={endpoint:t},n)),o=u,c=p,JSON&&((r=C.fetch)&&!cfg.useXhr?r(c,{method:D,body:JSON.stringify(o),mode:"cors"}):XMLHttpRequest&&((s=new XMLHttpRequest).open(D,c),s.setRequestHeader("Content-type","application/json"),s.send(JSON.stringify(o))))))},a=function(e,t){g||setTimeout(function(){!t&&f.core||i()},500),d=!1},T=function(e){var n=x.createElement(I),e=(n.src=e,cfg[u]);return!e&&""!==e||"undefined"==n[u]||(n[u]=e),n.onload=a,n.onerror=i,n.onreadystatechange=function(e,t){"loaded"!==n.readyState&&"complete"!==n.readyState||a(0,t)},cfg.ld&&cfg.ld<0?x.getElementsByTagName("head")[0].appendChild(n):setTimeout(function(){x.getElementsByTagName(I)[0].parentNode.appendChild(n)},cfg.ld||0),n};T(k)}try{f.cookie=x.cookie}catch(p){}function t(e){for(;e.length;)!function(t){f[t]=function(){var e=arguments;d||f.queue.push(function(){f[t].apply(f,e)})}}(e.pop())}var r,s,n="track",o="TrackPage",c="TrackEvent",n=(t([n+"Event",n+"PageView",n+"Exception",n+"Trace",n+"DependencyData",n+"Metric",n+"PageViewPerformance","start"+o,"stop"+o,"start"+c,"stop"+c,"addTelemetryInitializer","setAuthenticatedUserContext","clearAuthenticatedUserContext","flush"]),f.SeverityLevel={Verbose:0,Information:1,Warning:2,Error:3,Critical:4},(l.extensionConfig||{}).ApplicationInsightsAnalytics||{});return!0!==l[E]&&!0!==n[E]&&(t(["_"+(r="onerror")]),s=C[r],C[r]=function(e,t,n,i,a){var o=s&&s(e,t,n,i,a);return!0!==o&&f["_"+r]({message:e,url:t,lineNumber:n,columnNumber:i,error:a,evt:C.event}),o},l.autoExceptionInstrumented=!0),f}(cfg.cfg),(C[n]=i).queue&&0===i.queue.length?(i.queue.push(e),i.trackPageView({})):e();})({
src: "https://js.monitor.azure.com/scripts/b/ai.3.gbl.min.js",
name: "appInsights",
// ld: 0,
// useXhr: 1,
crossOrigin: "anonymous",
// onInit: null,
// cr: 0,
cfg: { // Application Insights Configuration
connectionString: "InstrumentationKey=95998285-2343-4b7c-af6b-b1a921b9838d;IngestionEndpoint=https://northeurope-2.in.applicationinsights.azure.com/;LiveEndpoint=https://northeurope.livediagnostics.monitor.azure.com/"
}});
</script>
</body>
</html>