It looks like this is a web page, not a feed. I looked for a feed associated with this page, but couldn't find one. Please enter the address of your feed to validate.

Source: http://feeds.feedburner.com/n8d

  1. <!DOCTYPE html>
  2. <html id="doc" class="no-js" dir="ltr" lang="en-US" prefix="og: https://ogp.me/ns#">
  3. <head>
  4. <meta charset="UTF-8" />
  5. <meta name="viewport" content="width=device-width,initial-scale=1">
  6. <link rel="profile" href="https://gmpg.org/xfn/11" />
  7. <!--[if lt IE 9]>
  8. <script src="https://n8d.at/wp-content/themes/namba/js/html5.js"></script>
  9. <![endif]-->
  10. <title>N8D - Stefan Bauer - Innovation and Design Agency</title>
  11.  
  12. <meta name="description" content="Design, Web Development, Information Architecture, MIcrosoft 365, SharePoint, Web Development &amp; Design" />
  13. <meta name="robots" content="max-image-preview:large" />
  14. <meta name="google-site-verification" content="canOmptgVeh744wCSqqAFF6sXgZDzwG8LWUxuZKCGlM" />
  15. <meta name="msvalidate.01" content="canOmptgVeh744wCSqqAFF6sXgZDzwG8LWUxuZKCGlM" />
  16. <link rel="canonical" href="https://n8d.at" />
  17. <link rel="next" href="https://n8d.at/page/2" />
  18. <meta name="generator" content="All in One SEO Pro (AIOSEO) 4.5.9.2" />
  19. <meta property="og:locale" content="en_US" />
  20. <meta property="og:site_name" content="N8D" />
  21. <meta property="og:type" content="article" />
  22. <meta property="og:title" content="N8D - Stefan Bauer - Innovation and Design Agency" />
  23. <meta property="og:description" content="Office 365, SharePoint, Web Development &amp; Design" />
  24. <meta property="og:url" content="https://n8d.at" />
  25. <meta property="fb:app_id" content="891394974553640" />
  26. <meta property="fb:admins" content="305934413333825" />
  27. <meta property="og:image" content="https://n8d.at/wp-content/uploads/2019/06/N8d-LogoColoring-web.png" />
  28. <meta property="og:image:secure_url" content="https://n8d.at/wp-content/uploads/2019/06/N8d-LogoColoring-web.png" />
  29. <meta property="article:publisher" content="https://www.facebook.com/n8dstudio" />
  30. <meta name="twitter:card" content="summary_large_image" />
  31. <meta name="twitter:site" content="@stfbauer" />
  32. <meta name="twitter:title" content="N8D - Stefan Bauer - Innovation and Design Agency" />
  33. <meta name="twitter:description" content="Design, Microsoft 365, SharePoint, Web Development &amp; Design" />
  34. <meta name="twitter:image" content="http://n8d.at/wp-content/uploads/2019/06/N8d-LogoColoring-web.png" />
  35. <meta name="google" content="nositelinkssearchbox" />
  36. <script type="application/ld+json" class="aioseo-schema">
  37. {"@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"}}]}
  38. </script>
  39. <script type="text/javascript">
  40. (function(c,l,a,r,i,t,y){
  41. c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};t=l.createElement(r);t.async=1;
  42. t.src="https://www.clarity.ms/tag/"+i+"?ref=aioseo";y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);
  43. })(window, document, "clarity", "script", "ccoiwno2vb");
  44. </script>
  45.  
  46. <link rel="dns-prefetch" href="//stats.wp.com" />
  47. <link rel="dns-prefetch" href="//fonts.googleapis.com" />
  48.  
  49. <script src="//www.googletagmanager.com/gtag/js?id=G-YC93TBX96K" data-cfasync="false" data-wpfc-render="false" type="text/javascript" async></script>
  50. <script data-cfasync="false" data-wpfc-render="false" type="text/javascript">
  51. var mi_version = '8.25.0';
  52. var mi_track_user = true;
  53. var mi_no_track_reason = '';
  54. var MonsterInsightsDefaultLocations = {"page_location":"https:\/\/n8d.at\/"};
  55. if ( typeof MonsterInsightsPrivacyGuardFilter === 'function' ) {
  56. var MonsterInsightsLocations = (typeof MonsterInsightsExcludeQuery === 'object') ? MonsterInsightsPrivacyGuardFilter( MonsterInsightsExcludeQuery ) : MonsterInsightsPrivacyGuardFilter( MonsterInsightsDefaultLocations );
  57. } else {
  58. var MonsterInsightsLocations = (typeof MonsterInsightsExcludeQuery === 'object') ? MonsterInsightsExcludeQuery : MonsterInsightsDefaultLocations;
  59. }
  60.  
  61. var disableStrs = [
  62. 'ga-disable-G-YC93TBX96K',
  63. ];
  64.  
  65. /* Function to detect opted out users */
  66. function __gtagTrackerIsOptedOut() {
  67. for (var index = 0; index < disableStrs.length; index++) {
  68. if (document.cookie.indexOf(disableStrs[index] + '=true') > -1) {
  69. return true;
  70. }
  71. }
  72.  
  73. return false;
  74. }
  75.  
  76. /* Disable tracking if the opt-out cookie exists. */
  77. if (__gtagTrackerIsOptedOut()) {
  78. for (var index = 0; index < disableStrs.length; index++) {
  79. window[disableStrs[index]] = true;
  80. }
  81. }
  82.  
  83. /* Opt-out function */
  84. function __gtagTrackerOptout() {
  85. for (var index = 0; index < disableStrs.length; index++) {
  86. document.cookie = disableStrs[index] + '=true; expires=Thu, 31 Dec 2099 23:59:59 UTC; path=/';
  87. window[disableStrs[index]] = true;
  88. }
  89. }
  90.  
  91. if ('undefined' === typeof gaOptout) {
  92. function gaOptout() {
  93. __gtagTrackerOptout();
  94. }
  95. }
  96. window.dataLayer = window.dataLayer || [];
  97.  
  98. window.MonsterInsightsDualTracker = {
  99. helpers: {},
  100. trackers: {},
  101. };
  102. if (mi_track_user) {
  103. function __gtagDataLayer() {
  104. dataLayer.push(arguments);
  105. }
  106.  
  107. function __gtagTracker(type, name, parameters) {
  108. if (!parameters) {
  109. parameters = {};
  110. }
  111.  
  112. if (parameters.send_to) {
  113. __gtagDataLayer.apply(null, arguments);
  114. return;
  115. }
  116.  
  117. if (type === 'event') {
  118. parameters.send_to = monsterinsights_frontend.v4_id;
  119. var hookName = name;
  120. if (typeof parameters['event_category'] !== 'undefined') {
  121. hookName = parameters['event_category'] + ':' + name;
  122. }
  123.  
  124. if (typeof MonsterInsightsDualTracker.trackers[hookName] !== 'undefined') {
  125. MonsterInsightsDualTracker.trackers[hookName](parameters);
  126. } else {
  127. __gtagDataLayer('event', name, parameters);
  128. }
  129. } else {
  130. __gtagDataLayer.apply(null, arguments);
  131. }
  132. }
  133.  
  134. __gtagTracker('js', new Date());
  135. __gtagTracker('set', {
  136. 'developer_id.dZGIzZG': true,
  137. });
  138. if ( MonsterInsightsLocations.page_location ) {
  139. __gtagTracker('set', MonsterInsightsLocations);
  140. }
  141. __gtagTracker('config', 'G-YC93TBX96K', {"forceSSL":"true","anonymize_ip":"true","link_attribution":"true"} );
  142. window.gtag = __gtagTracker; (function () {
  143. /* https://developers.google.com/analytics/devguides/collection/analyticsjs/ */
  144. /* ga and __gaTracker compatibility shim. */
  145. var noopfn = function () {
  146. return null;
  147. };
  148. var newtracker = function () {
  149. return new Tracker();
  150. };
  151. var Tracker = function () {
  152. return null;
  153. };
  154. var p = Tracker.prototype;
  155. p.get = noopfn;
  156. p.set = noopfn;
  157. p.send = function () {
  158. var args = Array.prototype.slice.call(arguments);
  159. args.unshift('send');
  160. __gaTracker.apply(null, args);
  161. };
  162. var __gaTracker = function () {
  163. var len = arguments.length;
  164. if (len === 0) {
  165. return;
  166. }
  167. var f = arguments[len - 1];
  168. if (typeof f !== 'object' || f === null || typeof f.hitCallback !== 'function') {
  169. if ('send' === arguments[0]) {
  170. var hitConverted, hitObject = false, action;
  171. if ('event' === arguments[1]) {
  172. if ('undefined' !== typeof arguments[3]) {
  173. hitObject = {
  174. 'eventAction': arguments[3],
  175. 'eventCategory': arguments[2],
  176. 'eventLabel': arguments[4],
  177. 'value': arguments[5] ? arguments[5] : 1,
  178. }
  179. }
  180. }
  181. if ('pageview' === arguments[1]) {
  182. if ('undefined' !== typeof arguments[2]) {
  183. hitObject = {
  184. 'eventAction': 'page_view',
  185. 'page_path': arguments[2],
  186. }
  187. }
  188. }
  189. if (typeof arguments[2] === 'object') {
  190. hitObject = arguments[2];
  191. }
  192. if (typeof arguments[5] === 'object') {
  193. Object.assign(hitObject, arguments[5]);
  194. }
  195. if ('undefined' !== typeof arguments[1].hitType) {
  196. hitObject = arguments[1];
  197. if ('pageview' === hitObject.hitType) {
  198. hitObject.eventAction = 'page_view';
  199. }
  200. }
  201. if (hitObject) {
  202. action = 'timing' === arguments[1].hitType ? 'timing_complete' : hitObject.eventAction;
  203. hitConverted = mapArgs(hitObject);
  204. __gtagTracker('event', action, hitConverted);
  205. }
  206. }
  207. return;
  208. }
  209.  
  210. function mapArgs(args) {
  211. var arg, hit = {};
  212. var gaMap = {
  213. 'eventCategory': 'event_category',
  214. 'eventAction': 'event_action',
  215. 'eventLabel': 'event_label',
  216. 'eventValue': 'event_value',
  217. 'nonInteraction': 'non_interaction',
  218. 'timingCategory': 'event_category',
  219. 'timingVar': 'name',
  220. 'timingValue': 'value',
  221. 'timingLabel': 'event_label',
  222. 'page': 'page_path',
  223. 'location': 'page_location',
  224. 'title': 'page_title',
  225. 'referrer' : 'page_referrer',
  226. };
  227. for (arg in args) {
  228. if (!(!args.hasOwnProperty(arg) || !gaMap.hasOwnProperty(arg))) {
  229. hit[gaMap[arg]] = args[arg];
  230. } else {
  231. hit[arg] = args[arg];
  232. }
  233. }
  234. return hit;
  235. }
  236.  
  237. try {
  238. f.hitCallback();
  239. } catch (ex) {
  240. }
  241. };
  242. __gaTracker.create = newtracker;
  243. __gaTracker.getByName = newtracker;
  244. __gaTracker.getAll = function () {
  245. return [];
  246. };
  247. __gaTracker.remove = noopfn;
  248. __gaTracker.loaded = true;
  249. window['__gaTracker'] = __gaTracker;
  250. })();
  251. } else {
  252. console.log("");
  253. (function () {
  254. function __gtagTracker() {
  255. return null;
  256. }
  257.  
  258. window['__gtagTracker'] = __gtagTracker;
  259. window['gtag'] = __gtagTracker;
  260. })();
  261. }
  262. </script>
  263.  
  264. <script type="text/javascript">
  265. /* <![CDATA[ */
  266. 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"}};
  267. /*! This file is auto-generated */
  268. !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);
  269. /* ]]> */
  270. </script>
  271. <link rel="stylesheet" href="https://n8d.at/wp-content/cache/minify/fef8d.css" media="all" />
  272. <link rel="stylesheet" id="mailchimpSF_main_css-css" href="https://n8d.at/?mcsf_action=main_css&#038;ver=6.4.3" type="text/css" media="all" />
  273. <!--[if IE]>
  274. <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' />
  275. <![endif]-->
  276. <style id="wp-emoji-styles-inline-css" type="text/css">
  277.  
  278. img.wp-smiley, img.emoji {
  279. display: inline !important;
  280. border: none !important;
  281. box-shadow: none !important;
  282. height: 1em !important;
  283. width: 1em !important;
  284. margin: 0 0.07em !important;
  285. vertical-align: -0.1em !important;
  286. background: none !important;
  287. padding: 0 !important;
  288. }
  289. </style>
  290. <link rel="stylesheet" href="https://n8d.at/wp-content/cache/minify/a5ff7.css" media="all" />
  291. <style id="wp-block-library-inline-css" type="text/css">
  292. .has-text-align-justify{text-align:justify;}
  293. </style>
  294. <style id="wp-block-library-theme-inline-css" type="text/css">
  295. .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}
  296. </style>
  297. <link rel="stylesheet" href="https://n8d.at/wp-content/cache/minify/d5ca8.css" media="all" />
  298. <style id="jetpack-sharing-buttons-style-inline-css" type="text/css">
  299. .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}
  300. </style>
  301. <style id="classic-theme-styles-inline-css" type="text/css">
  302. /*! This file is auto-generated */
  303. .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}
  304. </style>
  305. <style id="global-styles-inline-css" type="text/css">
  306. 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;}
  307. .wp-block-navigation a:where(:not(.wp-element-button)){color: inherit;}
  308. :where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}
  309. :where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}
  310. .wp-block-pullquote{font-size: 1.5em;line-height: 1.6;}
  311. </style>
  312. <link rel="stylesheet" id="namba-fonts-css" href="//fonts.googleapis.com/css?family=Cabin%3A400%2C700%7CSatisfy&#038;subset=latin%2Clatin-ext" type="text/css" media="all" />
  313. <link rel="stylesheet" href="https://n8d.at/wp-content/cache/minify/e601c.css" media="all" />
  314. <script data-cfasync="false" src="https://n8d.at/wp-content/cache/minify/bca32.js"></script>
  315. <script type="text/javascript" id="mailchimpSF_main_js-js-extra">
  316. /* <![CDATA[ */
  317. var mailchimpSF = {"ajax_url":"https:\/\/n8d.at\/"};
  318. /* ]]> */
  319. </script>
  320. <script data-cfasync="false" src="https://n8d.at/wp-content/cache/minify/0337d.js"></script>
  321. <script data-cfasync="false" data-wpfc-render="false" type="text/javascript" id="monsterinsights-frontend-script-js-extra">/* <![CDATA[ */
  322. 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"};/* ]]> */
  323. </script>
  324. <script data-cfasync="false" src="https://n8d.at/wp-content/cache/minify/dd690.js"></script>
  325. <script type="text/javascript" id="wp-i18n-js-after">
  326. /* <![CDATA[ */
  327. wp.i18n.setLocaleData( { 'text direction\u0004ltr': [ 'ltr' ] } );
  328. /* ]]> */
  329. </script>
  330. <script data-cfasync="false" src="https://n8d.at/wp-content/cache/minify/25bc6.js"></script>
  331. <script type="text/javascript" id="wp-jp-i18n-loader-js-after">
  332. /* <![CDATA[ */
  333. 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/"}};
  334. /* ]]> */
  335. </script>
  336. <script data-cfasync="false" src="https://n8d.at/wp-content/cache/minify/34599.js"></script>
  337. <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" />
  338. <meta name="generator" content="WordPress 6.4.3" />
  339. <script type="text/javascript">
  340.        jQuery(function($) {
  341.            $('.date-pick').each(function() {
  342.                var format = $(this).data('format') || 'mm/dd/yyyy';
  343.                format = format.replace(/yyyy/i, 'yy');
  344.                $(this).datepicker({
  345.                    autoFocusNextInput: true,
  346.                    constrainInput: false,
  347.                    changeMonth: true,
  348.                    changeYear: true,
  349.                    beforeShow: function(input, inst) { $('#ui-datepicker-div').addClass('show'); },
  350.                    dateFormat: format.toLowerCase(),
  351.                });
  352.            });
  353.            d = new Date();
  354.            $('.birthdate-pick').each(function() {
  355.                var format = $(this).data('format') || 'mm/dd';
  356.                format = format.replace(/yyyy/i, 'yy');
  357.                $(this).datepicker({
  358.                    autoFocusNextInput: true,
  359.                    constrainInput: false,
  360.                    changeMonth: true,
  361.                    changeYear: false,
  362.                    minDate: new Date(d.getFullYear(), 1-1, 1),
  363.                    maxDate: new Date(d.getFullYear(), 12-1, 31),
  364.                    beforeShow: function(input, inst) { $('#ui-datepicker-div').removeClass('show'); },
  365.                    dateFormat: format.toLowerCase(),
  366.                });
  367.  
  368.            });
  369.  
  370.        });
  371.    </script>
  372. <style>img#wpstats{display:none}</style>
  373. <script>
  374. document.documentElement.className = document.documentElement.className.replace('no-js', 'js');
  375. </script>
  376. <style>
  377. .no-js img.lazyload {
  378. display: none;
  379. }
  380.  
  381. figure.wp-block-image img.lazyloading {
  382. min-width: 150px;
  383. }
  384.  
  385. .lazyload, .lazyloading {
  386. opacity: 0;
  387. }
  388.  
  389. .lazyloaded {
  390. opacity: 1;
  391. transition: opacity 400ms;
  392. transition-delay: 0ms;
  393. }
  394.  
  395. </style>
  396. <style type="text/css">
  397. /* Custom Main Theme Color */
  398. a,
  399. .entry-details,
  400. #colophon .footer-nav,
  401. .entry-content h4,
  402. .entry-header h2.entry-title a:hover,
  403. .widget_categories a:hover,
  404. .widget_archive a:hover,
  405. .widget_pages a:hover,
  406. .widget_meta a:hover,
  407. .widget_recent_entries a:hover,
  408. .widget_recent_comments a:hover,
  409. #colophon #site-info a:hover,
  410. .entry-content p.intro,
  411. .sidebar-recentposts .rp-meta-standard,
  412. .sidebar-recentposts .rp-meta-standard a,
  413. .nav-next a:hover,
  414. .nav-previous a:hover,
  415. .previous-image a:hover,
  416. .next-image a:hover {
  417. color: #318eb1;
  418. }
  419. .template-archive .monthly-archive-list a:hover,
  420. .template-archive .latest-posts-list a:hover {
  421. color: #318eb1 !important;
  422. }
  423. input#submit,
  424. input.wpcf7-submit,
  425. .jetpack_subscription_widget input[type="submit"]:hover,
  426. .widget_search input[type="submit"]:hover,
  427. #site-nav a:hover,
  428. .widget_nav_menu a:hover {
  429. background: #318eb1;
  430. }
  431. .entry-format,
  432. .rp-pf a.rp-pf-standard {
  433. background: #318eb1 url(https://n8d.at/wp-content/themes/namba/images/pf-icons-small.png) 0 0 no-repeat;
  434. }
  435. .widget h3.widget-title {
  436. border-bottom: 3px solid #318eb1;
  437. }
  438. @media screen and (min-width: 1350px) {
  439. .sticky .entry-format,
  440. .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;}
  441. }
  442. @media (-moz-min-device-pixel-ratio: 1.5),
  443. (-o-min-device-pixel-ratio: 3/2),
  444. (-webkit-min-device-pixel-ratio: 1.5),
  445. (min-device-pixel-ratio: 1.5) {
  446. .entry-format,
  447. .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;}
  448. }
  449. @media (-moz-min-device-pixel-ratio: 1.5) and (min-width: 1350px),
  450. (-o-min-device-pixel-ratio: 3/2) and (min-width: 1350px),
  451. (-webkit-min-device-pixel-ratio: 1.5) and (min-width: 1350px),
  452. (min-device-pixel-ratio: 1.5) and (min-width: 1350px) {
  453. .sticky .entry-format,
  454. .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;}
  455. }
  456. </style>
  457. <style type="text/css">
  458. /* Custom CSS */
  459. #disqus_thread{
  460. margin: 1em;
  461. }</style>
  462. <style type="text/css">
  463. /* Custom Logo Image CSS */
  464. h2.site-description, .logo-footer p.site-description-footer {display: none;}
  465. #site-title h1 {margin: 0;}
  466. #site-title h1 a {
  467. display: block;
  468. margin: 0 auto;
  469. padding: 0;
  470. width: 220px;
  471. height:172px;
  472. background: url(https://n8d.at/wp-content/uploads/2024/02/44442940.webp) center 0 no-repeat;
  473. background-size: 100%;
  474. text-indent: -99999px;
  475. }
  476. </style>
  477. <link rel="icon" href="https://n8d.at/wp-content/uploads/2024/02/44442940-150x150.png" sizes="32x32" />
  478. <link rel="icon" href="https://n8d.at/wp-content/uploads/2024/02/44442940-300x300.png" sizes="192x192" />
  479. <link rel="apple-touch-icon" href="https://n8d.at/wp-content/uploads/2024/02/44442940-300x300.png" />
  480. <meta name="msapplication-TileImage" content="https://n8d.at/wp-content/uploads/2024/02/44442940-300x300.png" />
  481.  
  482. <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>
  483. </head>
  484. <body class="home blog wp-embed-responsive jps-theme-namba blog-twocolumn">
  485. <div id="container">
  486. <div class="sidebar-border"></div>
  487. <div id="sidebar">
  488. <header id="masthead" class="clearfix" role="banner">
  489. <div id="site-title">
  490. <h1><a href="https://n8d.at/" title="Stefan Bauer &#8211; N8D">Stefan Bauer &#8211; N8D</a></h1>
  491. <h2 class="site-description">Office 365, SharePoint, Web Development &amp; Design</h2>
  492. </div>
  493. </header>
  494. <a href="#nav-mobile" id="mobile-menu-btn"><span>Menu</span></a>
  495. <a href="#nav-mobile" id="mobile-info-btn"><span>Info</span></a>
  496. <nav id="site-nav" class="clearfix">
  497. <div class="menu"><ul>
  498. <li class="page_item page-item-540"><a href="https://n8d.at/about">About</a></li>
  499. <li class="page_item page-item-52505"><a href="https://n8d.at/blog">Blog</a></li>
  500. <li class="page_item page-item-1755"><a href="https://n8d.at/data-protection">Data Protection</a></li>
  501. </ul></div>
  502. </nav>
  503. <div id="secondary" class="widget-area" role="complementary">
  504. <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>
  505. <ul>
  506. <li><a href="https://n8d.at/2024/03">March 2024</a>&nbsp;(2)</li>
  507. <li><a href="https://n8d.at/2024/02">February 2024</a>&nbsp;(1)</li>
  508. <li><a href="https://n8d.at/2023/10">October 2023</a>&nbsp;(1)</li>
  509. <li><a href="https://n8d.at/2023/09">September 2023</a>&nbsp;(3)</li>
  510. <li><a href="https://n8d.at/2023/07">July 2023</a>&nbsp;(1)</li>
  511. <li><a href="https://n8d.at/2023/06">June 2023</a>&nbsp;(3)</li>
  512. <li><a href="https://n8d.at/2023/05">May 2023</a>&nbsp;(1)</li>
  513. <li><a href="https://n8d.at/2023/02">February 2023</a>&nbsp;(1)</li>
  514. <li><a href="https://n8d.at/2023/01">January 2023</a>&nbsp;(1)</li>
  515. <li><a href="https://n8d.at/2022/12">December 2022</a>&nbsp;(2)</li>
  516. <li><a href="https://n8d.at/2022/07">July 2022</a>&nbsp;(1)</li>
  517. <li><a href="https://n8d.at/2022/06">June 2022</a>&nbsp;(1)</li>
  518. <li><a href="https://n8d.at/2022/05">May 2022</a>&nbsp;(2)</li>
  519. <li><a href="https://n8d.at/2022/04">April 2022</a>&nbsp;(3)</li>
  520. <li><a href="https://n8d.at/2022/03">March 2022</a>&nbsp;(2)</li>
  521. <li><a href="https://n8d.at/2022/02">February 2022</a>&nbsp;(1)</li>
  522. <li><a href="https://n8d.at/2021/11">November 2021</a>&nbsp;(1)</li>
  523. <li><a href="https://n8d.at/2021/07">July 2021</a>&nbsp;(1)</li>
  524. <li><a href="https://n8d.at/2021/06">June 2021</a>&nbsp;(3)</li>
  525. <li><a href="https://n8d.at/2021/05">May 2021</a>&nbsp;(4)</li>
  526. <li><a href="https://n8d.at/2021/04">April 2021</a>&nbsp;(1)</li>
  527. <li><a href="https://n8d.at/2020/11">November 2020</a>&nbsp;(2)</li>
  528. <li><a href="https://n8d.at/2020/10">October 2020</a>&nbsp;(6)</li>
  529. <li><a href="https://n8d.at/2020/09">September 2020</a>&nbsp;(3)</li>
  530. <li><a href="https://n8d.at/2020/07">July 2020</a>&nbsp;(3)</li>
  531. <li><a href="https://n8d.at/2020/06">June 2020</a>&nbsp;(3)</li>
  532. <li><a href="https://n8d.at/2020/05">May 2020</a>&nbsp;(2)</li>
  533. <li><a href="https://n8d.at/2020/03">March 2020</a>&nbsp;(1)</li>
  534. <li><a href="https://n8d.at/2020/02">February 2020</a>&nbsp;(1)</li>
  535. <li><a href="https://n8d.at/2019/11">November 2019</a>&nbsp;(1)</li>
  536. <li><a href="https://n8d.at/2019/10">October 2019</a>&nbsp;(2)</li>
  537. <li><a href="https://n8d.at/2019/09">September 2019</a>&nbsp;(4)</li>
  538. <li><a href="https://n8d.at/2019/08">August 2019</a>&nbsp;(2)</li>
  539. <li><a href="https://n8d.at/2019/07">July 2019</a>&nbsp;(6)</li>
  540. <li><a href="https://n8d.at/2019/06">June 2019</a>&nbsp;(5)</li>
  541. <li><a href="https://n8d.at/2019/05">May 2019</a>&nbsp;(1)</li>
  542. <li><a href="https://n8d.at/2019/04">April 2019</a>&nbsp;(2)</li>
  543. <li><a href="https://n8d.at/2019/03">March 2019</a>&nbsp;(1)</li>
  544. <li><a href="https://n8d.at/2019/02">February 2019</a>&nbsp;(2)</li>
  545. <li><a href="https://n8d.at/2019/01">January 2019</a>&nbsp;(3)</li>
  546. <li><a href="https://n8d.at/2018/12">December 2018</a>&nbsp;(2)</li>
  547. <li><a href="https://n8d.at/2018/11">November 2018</a>&nbsp;(1)</li>
  548. <li><a href="https://n8d.at/2018/10">October 2018</a>&nbsp;(4)</li>
  549. <li><a href="https://n8d.at/2018/09">September 2018</a>&nbsp;(2)</li>
  550. <li><a href="https://n8d.at/2018/08">August 2018</a>&nbsp;(1)</li>
  551. <li><a href="https://n8d.at/2018/05">May 2018</a>&nbsp;(5)</li>
  552. <li><a href="https://n8d.at/2018/04">April 2018</a>&nbsp;(5)</li>
  553. <li><a href="https://n8d.at/2018/03">March 2018</a>&nbsp;(1)</li>
  554. <li><a href="https://n8d.at/2018/02">February 2018</a>&nbsp;(2)</li>
  555. <li><a href="https://n8d.at/2018/01">January 2018</a>&nbsp;(2)</li>
  556. <li><a href="https://n8d.at/2017/12">December 2017</a>&nbsp;(4)</li>
  557. <li><a href="https://n8d.at/2017/11">November 2017</a>&nbsp;(2)</li>
  558. <li><a href="https://n8d.at/2017/10">October 2017</a>&nbsp;(1)</li>
  559. <li><a href="https://n8d.at/2017/09">September 2017</a>&nbsp;(1)</li>
  560. <li><a href="https://n8d.at/2017/08">August 2017</a>&nbsp;(1)</li>
  561. <li><a href="https://n8d.at/2017/07">July 2017</a>&nbsp;(2)</li>
  562. <li><a href="https://n8d.at/2017/05">May 2017</a>&nbsp;(1)</li>
  563. <li><a href="https://n8d.at/2017/04">April 2017</a>&nbsp;(2)</li>
  564. <li><a href="https://n8d.at/2017/03">March 2017</a>&nbsp;(3)</li>
  565. <li><a href="https://n8d.at/2017/02">February 2017</a>&nbsp;(4)</li>
  566. <li><a href="https://n8d.at/2017/01">January 2017</a>&nbsp;(1)</li>
  567. <li><a href="https://n8d.at/2016/12">December 2016</a>&nbsp;(2)</li>
  568. <li><a href="https://n8d.at/2016/10">October 2016</a>&nbsp;(1)</li>
  569. <li><a href="https://n8d.at/2016/09">September 2016</a>&nbsp;(3)</li>
  570. <li><a href="https://n8d.at/2016/08">August 2016</a>&nbsp;(1)</li>
  571. <li><a href="https://n8d.at/2016/07">July 2016</a>&nbsp;(1)</li>
  572. <li><a href="https://n8d.at/2016/06">June 2016</a>&nbsp;(1)</li>
  573. <li><a href="https://n8d.at/2016/05">May 2016</a>&nbsp;(7)</li>
  574. <li><a href="https://n8d.at/2016/04">April 2016</a>&nbsp;(6)</li>
  575. <li><a href="https://n8d.at/2016/03">March 2016</a>&nbsp;(3)</li>
  576. <li><a href="https://n8d.at/2016/02">February 2016</a>&nbsp;(1)</li>
  577. <li><a href="https://n8d.at/2016/01">January 2016</a>&nbsp;(5)</li>
  578. <li><a href="https://n8d.at/2015/12">December 2015</a>&nbsp;(1)</li>
  579. <li><a href="https://n8d.at/2015/11">November 2015</a>&nbsp;(3)</li>
  580. <li><a href="https://n8d.at/2015/10">October 2015</a>&nbsp;(2)</li>
  581. <li><a href="https://n8d.at/2015/08">August 2015</a>&nbsp;(2)</li>
  582. <li><a href="https://n8d.at/2015/07">July 2015</a>&nbsp;(4)</li>
  583. <li><a href="https://n8d.at/2015/06">June 2015</a>&nbsp;(1)</li>
  584. <li><a href="https://n8d.at/2015/05">May 2015</a>&nbsp;(3)</li>
  585. <li><a href="https://n8d.at/2015/04">April 2015</a>&nbsp;(5)</li>
  586. <li><a href="https://n8d.at/2015/03">March 2015</a>&nbsp;(2)</li>
  587. <li><a href="https://n8d.at/2015/02">February 2015</a>&nbsp;(2)</li>
  588. <li><a href="https://n8d.at/2015/01">January 2015</a>&nbsp;(1)</li>
  589. <li><a href="https://n8d.at/2014/12">December 2014</a>&nbsp;(2)</li>
  590. <li><a href="https://n8d.at/2014/11">November 2014</a>&nbsp;(2)</li>
  591. <li><a href="https://n8d.at/2014/10">October 2014</a>&nbsp;(5)</li>
  592. <li><a href="https://n8d.at/2014/09">September 2014</a>&nbsp;(1)</li>
  593. <li><a href="https://n8d.at/2014/06">June 2014</a>&nbsp;(2)</li>
  594. <li><a href="https://n8d.at/2014/05">May 2014</a>&nbsp;(1)</li>
  595. <li><a href="https://n8d.at/2014/01">January 2014</a>&nbsp;(5)</li>
  596. <li><a href="https://n8d.at/2013/11">November 2013</a>&nbsp;(2)</li>
  597. <li><a href="https://n8d.at/2013/09">September 2013</a>&nbsp;(3)</li>
  598. <li><a href="https://n8d.at/2013/05">May 2013</a>&nbsp;(2)</li>
  599. <li><a href="https://n8d.at/2013/03">March 2013</a>&nbsp;(1)</li>
  600. <li><a href="https://n8d.at/2012/12">December 2012</a>&nbsp;(1)</li>
  601. <li><a href="https://n8d.at/2012/11">November 2012</a>&nbsp;(1)</li>
  602. <li><a href="https://n8d.at/2012/10">October 2012</a>&nbsp;(1)</li>
  603. <li><a href="https://n8d.at/2012/08">August 2012</a>&nbsp;(2)</li>
  604. <li><a href="https://n8d.at/2012/07">July 2012</a>&nbsp;(1)</li>
  605. <li><a href="https://n8d.at/2012/05">May 2012</a>&nbsp;(2)</li>
  606. <li><a href="https://n8d.at/2012/04">April 2012</a>&nbsp;(1)</li>
  607. <li><a href="https://n8d.at/2012/02">February 2012</a>&nbsp;(1)</li>
  608. <li><a href="https://n8d.at/2012/01">January 2012</a>&nbsp;(1)</li>
  609. <li><a href="https://n8d.at/2011/12">December 2011</a>&nbsp;(2)</li>
  610. <li><a href="https://n8d.at/2011/11">November 2011</a>&nbsp;(2)</li>
  611. <li><a href="https://n8d.at/2011/10">October 2011</a>&nbsp;(1)</li>
  612. <li><a href="https://n8d.at/2011/08">August 2011</a>&nbsp;(2)</li>
  613. <li><a href="https://n8d.at/2011/07">July 2011</a>&nbsp;(2)</li>
  614. <li><a href="https://n8d.at/2011/05">May 2011</a>&nbsp;(2)</li>
  615. <li><a href="https://n8d.at/2011/04">April 2011</a>&nbsp;(1)</li>
  616. <li><a href="https://n8d.at/2011/03">March 2011</a>&nbsp;(2)</li>
  617. <li><a href="https://n8d.at/2011/02">February 2011</a>&nbsp;(1)</li>
  618. <li><a href="https://n8d.at/2010/12">December 2010</a>&nbsp;(1)</li>
  619. <li><a href="https://n8d.at/2010/11">November 2010</a>&nbsp;(1)</li>
  620. <li><a href="https://n8d.at/2010/08">August 2010</a>&nbsp;(2)</li>
  621. </ul>
  622. </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>
  623. <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>
  624. <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>
  625. <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>
  626. <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>
  627. <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>
  628. <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>
  629. <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>
  630. <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>
  631. <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>
  632. <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>
  633. <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>
  634. <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>
  635. <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>
  636. <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>
  637. <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>
  638. <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>
  639. <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>
  640. <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>
  641. <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>
  642. <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>
  643. <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>
  644. <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>
  645. <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>
  646. <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>
  647. <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>
  648. <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>
  649. <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>
  650. <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>
  651. <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>
  652. <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>
  653. <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>
  654. <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>
  655. <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>
  656. <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>
  657. <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>
  658. <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>
  659. <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>
  660. <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>
  661. <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>
  662. <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>
  663. <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>
  664. <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>
  665. <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>
  666. <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>
  667. </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>
  668. </div>
  669. <div id="main-wrap">
  670. <div id="widget-area-top" class="clearfix">
  671. <aside id="namba_sociallinks-3" class="widget widget_namba_sociallinks"> <h3 class="widget-title"><span>Connect with me </span></h3>
  672. <ul class="sociallinks">
  673. <li><a href="https://twitter.com/stfbauer" class="twitter" title="Twitter">Twitter</a></li>
  674. <li><a href="https://www.facebook.com/n8dstudio" class="facebook" title="Facebook">Facebook</a></li>
  675. <li><a href="https://instgram.com/stfbauer" class="instagram" title="Instagram">Instagram</a></li>
  676. <li><a href="https://github.com/StfBauer" class="github" title="GitHub">GitHub</a></li>
  677. <li><a href="https://www.linkedin.com/in/stfbauer/" class="linkedin" title="LinkedIn">LinkedIn</a></li>
  678. <li><a href="https://n8d.at/feed/" class="rss" title="RSS Feed">RSS Feed</a></li>
  679. </ul>
  680. </aside> </div>
  681. <div id="primary" class="site-content" role="main">
  682. <span class="border-center"></span>
  683. <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">
  684. <header class="entry-header">
  685. <a href="https://n8d.at/use-sharepoint-framework-with-npm-yarn-work-spaces" class="entry-format"><span>Article</span></a>
  686. <div class="entry-details">
  687. <div class="entry-date">
  688. <a href="https://n8d.at/use-sharepoint-framework-with-npm-yarn-work-spaces" class="entry-date">28. March 2024</a>
  689. </div>
  690. <div class="entry-comments">
  691. <a href="https://n8d.at/use-sharepoint-framework-with-npm-yarn-work-spaces#respond"><span class="leave-reply">0 comment</span></a> </div>
  692. <div class="entry-author">
  693. <a href="https://n8d.at/author/stfbauer" title="All posts by Stefan Bauer">by Stefan Bauer</a> </div>
  694. </div>
  695. <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>
  696. </header>
  697. <div class="entry-content clearfix">
  698. <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>
  699. <p>&#8230; 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/>
  700. <a href="https://n8d.at/use-sharepoint-framework-with-npm-yarn-work-spaces" class="more-link">&#91;Read more&#93;</a></p>
  701. </div>
  702. </article>
  703. <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">
  704. <header class="entry-header">
  705. <a href="https://n8d.at/diversity-in-your-html" class="entry-format"><span>Article</span></a>
  706. <div class="entry-details">
  707. <div class="entry-date">
  708. <a href="https://n8d.at/diversity-in-your-html" class="entry-date">12. March 2024</a>
  709. </div>
  710. <div class="entry-comments">
  711. <a href="https://n8d.at/diversity-in-your-html#respond"><span class="leave-reply">0 comment</span></a> </div>
  712. <div class="entry-author">
  713. <a href="https://n8d.at/author/user" title="All posts by user">by user</a> </div>
  714. </div>
  715. <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>
  716. </header>
  717. <div class="entry-content clearfix">
  718. <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>
  719. <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>&lt;div&gt;</strong> elements.<br/>
  720. <a href="https://n8d.at/diversity-in-your-html" class="more-link">&#91;Read more&#93;</a></p>
  721. </div>
  722. </article>
  723. <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">
  724. <header class="entry-header">
  725. <a href="https://n8d.at/major-css-bug-in-sharepoint-framework" class="entry-format"><span>Article</span></a>
  726. <div class="entry-details">
  727. <div class="entry-date">
  728. <a href="https://n8d.at/major-css-bug-in-sharepoint-framework" class="entry-date">14. February 2024</a>
  729. </div>
  730. <div class="entry-comments">
  731. <a href="https://n8d.at/major-css-bug-in-sharepoint-framework#respond"><span class="leave-reply">0 comment</span></a> </div>
  732. <div class="entry-author">
  733. <a href="https://n8d.at/author/stfbauer" title="All posts by Stefan Bauer">by Stefan Bauer</a> </div>
  734. </div>
  735. <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>
  736. </header>
  737. <div class="entry-content clearfix">
  738. <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>
  739. <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/>
  740. <a href="https://n8d.at/major-css-bug-in-sharepoint-framework" class="more-link">&#91;Read more&#93;</a></p>
  741. </div>
  742. </article>
  743. <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">
  744. <header class="entry-header">
  745. <a href="https://n8d.at/make-icalender-events-sent-with-power-automate-update-able" class="entry-format"><span>Article</span></a>
  746. <div class="entry-details">
  747. <div class="entry-date">
  748. <a href="https://n8d.at/make-icalender-events-sent-with-power-automate-update-able" class="entry-date">17. October 2023</a>
  749. </div>
  750. <div class="entry-comments">
  751. <a href="https://n8d.at/make-icalender-events-sent-with-power-automate-update-able#respond"><span class="leave-reply">0 comment</span></a> </div>
  752. <div class="entry-author">
  753. <a href="https://n8d.at/author/stfbauer" title="All posts by Stefan Bauer">by Stefan Bauer</a> </div>
  754. </div>
  755. <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>
  756. </header>
  757. <div class="entry-content clearfix">
  758. <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>
  759. <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&#8217;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/>
  760. <a href="https://n8d.at/make-icalender-events-sent-with-power-automate-update-able" class="more-link">&#91;Read more&#93;</a></p>
  761. </div>
  762. </article>
  763. <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">
  764. <header class="entry-header">
  765. <a href="https://n8d.at/how-to-send-icalendar-event-using-power-automate" class="entry-format"><span>Article</span></a>
  766. <div class="entry-details">
  767. <div class="entry-date">
  768. <a href="https://n8d.at/how-to-send-icalendar-event-using-power-automate" class="entry-date">26. September 2023</a>
  769. </div>
  770. <div class="entry-comments">
  771. <a href="https://n8d.at/how-to-send-icalendar-event-using-power-automate#respond"><span class="leave-reply">0 comment</span></a> </div>
  772. <div class="entry-author">
  773. <a href="https://n8d.at/author/stfbauer" title="All posts by Stefan Bauer">by Stefan Bauer</a> </div>
  774. </div>
  775. <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>
  776. </header>
  777. <div class="entry-content clearfix">
  778. <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>
  779. <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>
  780. <p>One question that came up to me was. Can I send a calendar entry with the reminder mail? Here is how it&#8217;s done.<br/>
  781. <a href="https://n8d.at/how-to-send-icalendar-event-using-power-automate" class="more-link">&#91;Read more&#93;</a></p>
  782. </div>
  783. </article>
  784. <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">
  785. <header class="entry-header">
  786. <a href="https://n8d.at/disable-microsoft-list-experience-for-lists-in-sharepoint" class="entry-format"><span>Article</span></a>
  787. <div class="entry-details">
  788. <div class="entry-date">
  789. <a href="https://n8d.at/disable-microsoft-list-experience-for-lists-in-sharepoint" class="entry-date">24. September 2023</a>
  790. </div>
  791. <div class="entry-comments">
  792. <a href="https://n8d.at/disable-microsoft-list-experience-for-lists-in-sharepoint#respond"><span class="leave-reply">0 comment</span></a> </div>
  793. <div class="entry-author">
  794. <a href="https://n8d.at/author/stfbauer" title="All posts by Stefan Bauer">by Stefan Bauer</a> </div>
  795. </div>
  796. <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>
  797. </header>
  798. <div class="entry-content clearfix">
  799. <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>
  800. <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/>
  801. <a href="https://n8d.at/disable-microsoft-list-experience-for-lists-in-sharepoint" class="more-link">&#091;Read more&#093;</a></p>
  802. </div>
  803. </article>
  804. <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">
  805. <header class="entry-header">
  806. <a href="https://n8d.at/what-are-microsoft-lists-really" class="entry-format"><span>Article</span></a>
  807. <div class="entry-details">
  808. <div class="entry-date">
  809. <a href="https://n8d.at/what-are-microsoft-lists-really" class="entry-date">19. September 2023</a>
  810. </div>
  811. <div class="entry-comments">
  812. <a href="https://n8d.at/what-are-microsoft-lists-really#respond"><span class="leave-reply">0 comment</span></a> </div>
  813. <div class="entry-author">
  814. <a href="https://n8d.at/author/stfbauer" title="All posts by Stefan Bauer">by Stefan Bauer</a> </div>
  815. </div>
  816. <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>
  817. </header>
  818. <div class="entry-content clearfix">
  819. <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>
  820. <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/>
  821. <a href="https://n8d.at/what-are-microsoft-lists-really" class="more-link">&#91;Read more&#93;</a></p>
  822. </div>
  823. </article>
  824. <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">
  825. <header class="entry-header">
  826. <a href="https://n8d.at/how-to-take-a-full-page-screenshot-of-sharepoint" class="entry-format"><span>Article</span></a>
  827. <div class="entry-details">
  828. <div class="entry-date">
  829. <a href="https://n8d.at/how-to-take-a-full-page-screenshot-of-sharepoint" class="entry-date">14. July 2023</a>
  830. </div>
  831. <div class="entry-comments">
  832. <a href="https://n8d.at/how-to-take-a-full-page-screenshot-of-sharepoint#respond"><span class="leave-reply">0 comment</span></a> </div>
  833. <div class="entry-author">
  834. <a href="https://n8d.at/author/stfbauer" title="All posts by Stefan Bauer">by Stefan Bauer</a> </div>
  835. </div>
  836. <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>
  837. </header>
  838. <div class="entry-content clearfix">
  839. <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>
  840. <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>
  841. <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&#8217;s underlying structure.<br/>
  842. <a href="https://n8d.at/how-to-take-a-full-page-screenshot-of-sharepoint" class="more-link">&#91;Read more&#93;</a></p>
  843. </div>
  844. </article>
  845. <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">
  846. <header class="entry-header">
  847. <a href="https://n8d.at/manage-the-position-of-your-html-dialog-on-sharepoint-pages" class="entry-format"><span>Article</span></a>
  848. <div class="entry-details">
  849. <div class="entry-date">
  850. <a href="https://n8d.at/manage-the-position-of-your-html-dialog-on-sharepoint-pages" class="entry-date">29. June 2023</a>
  851. </div>
  852. <div class="entry-comments">
  853. <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>
  854. <div class="entry-author">
  855. <a href="https://n8d.at/author/stfbauer" title="All posts by Stefan Bauer">by Stefan Bauer</a> </div>
  856. </div>
  857. <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>
  858. </header>
  859. <div class="entry-content clearfix">
  860. <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>
  861. <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>
  862. <p>You will learn to put the dialogue on the page&#8217;s top, bottom, left, and right.</p>
  863. <p><a href="https://n8d.at/manage-the-position-of-your-html-dialog-on-sharepoint-pages" class="more-link">&#91;Read more&#93;</a></p>
  864. </div>
  865. </article>
  866. </div>
  867. <nav id="nav-below" class="clearfix">
  868. <div class="nav-previous"><a href="https://n8d.at/page/2"><span>&laquo; Older Posts</span></a></div>
  869. <div class="nav-next"></div>
  870. </nav>
  871. <footer id="colophon" class="site-footer clearfix" role="contentinfo">
  872. <div id="site-info">
  873. <div class="credit-wrap">
  874. <p class="credittext">&copy 2024 - Stefan Bauer - N8D</p> </div>
  875. </div>
  876. </footer>
  877. </div>
  878. </div>
  879. <script type="text/javascript" src="https://platform.twitter.com/widgets.js"></script>
  880. <script type="text/javascript">
  881. (function() {
  882. var po = document.createElement('script');
  883. po.type = 'text/javascript';
  884. po.async = true;
  885. po.src = 'https://apis.google.com/js/plusone.js';
  886. var s = document.getElementsByTagName('script')[0];
  887. s.parentNode.insertBefore(po, s);
  888. })();
  889. </script>
  890. <script type="text/javascript">
  891. (function() {
  892. window.PinIt = window.PinIt || {
  893. loaded: false
  894. };
  895. if (window.PinIt.loaded) return;
  896. window.PinIt.loaded = true;
  897.  
  898. function async_load() {
  899. var s = document.createElement("script");
  900. s.type = "text/javascript";
  901. s.async = true;
  902. s.src = "https://assets.pinterest.com/js/pinit.js";
  903. var x = document.getElementsByTagName("script")[0];
  904. x.parentNode.insertBefore(s, x);
  905. }
  906. if (window.attachEvent)
  907. window.attachEvent("onload", async_load);
  908. else
  909. window.addEventListener("load", async_load, false);
  910. })();
  911. </script>
  912. <div class="jetpack-instant-search__widget-area" style="display: none">
  913. </div>
  914. <script type="text/javascript">
  915. /* MonsterInsights Scroll Tracking */
  916. if ( typeof(jQuery) !== 'undefined' ) {
  917. jQuery( document ).ready(function(){
  918. function monsterinsights_scroll_tracking_load() {
  919. if ( ( typeof(__gaTracker) !== 'undefined' && __gaTracker && __gaTracker.hasOwnProperty( "loaded" ) && __gaTracker.loaded == true ) || ( typeof(__gtagTracker) !== 'undefined' && __gtagTracker ) ) {
  920. (function(factory) {
  921. factory(jQuery);
  922. }(function($) {
  923.  
  924. /* Scroll Depth */
  925. "use strict";
  926. var defaults = {
  927. percentage: true
  928. };
  929.  
  930. var $window = $(window),
  931. cache = [],
  932. scrollEventBound = false,
  933. lastPixelDepth = 0;
  934.  
  935. /*
  936. * Plugin
  937. */
  938.  
  939. $.scrollDepth = function(options) {
  940.  
  941. var startTime = +new Date();
  942.  
  943. options = $.extend({}, defaults, options);
  944.  
  945. /*
  946. * Functions
  947. */
  948.  
  949. function sendEvent(action, label, scrollDistance, timing) {
  950. if ( 'undefined' === typeof MonsterInsightsObject || 'undefined' === typeof MonsterInsightsObject.sendEvent ) {
  951. return;
  952. }
  953. var paramName = action.toLowerCase();
  954. var fieldsArray = {
  955. send_to: 'G-YC93TBX96K',
  956. non_interaction: true
  957. };
  958. fieldsArray[paramName] = label;
  959.  
  960. if (arguments.length > 3) {
  961. fieldsArray.scroll_timing = timing
  962. MonsterInsightsObject.sendEvent('event', 'scroll_depth', fieldsArray);
  963. } else {
  964. MonsterInsightsObject.sendEvent('event', 'scroll_depth', fieldsArray);
  965. }
  966. }
  967.  
  968. function calculateMarks(docHeight) {
  969. return {
  970. '25%' : parseInt(docHeight * 0.25, 10),
  971. '50%' : parseInt(docHeight * 0.50, 10),
  972. '75%' : parseInt(docHeight * 0.75, 10),
  973. /* Cushion to trigger 100% event in iOS */
  974. '100%': docHeight - 5
  975. };
  976. }
  977.  
  978. function checkMarks(marks, scrollDistance, timing) {
  979. /* Check each active mark */
  980. $.each(marks, function(key, val) {
  981. if ( $.inArray(key, cache) === -1 && scrollDistance >= val ) {
  982. sendEvent('Percentage', key, scrollDistance, timing);
  983. cache.push(key);
  984. }
  985. });
  986. }
  987.  
  988. function rounded(scrollDistance) {
  989. /* Returns String */
  990. return (Math.floor(scrollDistance/250) * 250).toString();
  991. }
  992.  
  993. function init() {
  994. bindScrollDepth();
  995. }
  996.  
  997. /*
  998. * Public Methods
  999. */
  1000.  
  1001. /* Reset Scroll Depth with the originally initialized options */
  1002. $.scrollDepth.reset = function() {
  1003. cache = [];
  1004. lastPixelDepth = 0;
  1005. $window.off('scroll.scrollDepth');
  1006. bindScrollDepth();
  1007. };
  1008.  
  1009. /* Add DOM elements to be tracked */
  1010. $.scrollDepth.addElements = function(elems) {
  1011.  
  1012. if (typeof elems == "undefined" || !$.isArray(elems)) {
  1013. return;
  1014. }
  1015.  
  1016. $.merge(options.elements, elems);
  1017.  
  1018. /* If scroll event has been unbound from window, rebind */
  1019. if (!scrollEventBound) {
  1020. bindScrollDepth();
  1021. }
  1022.  
  1023. };
  1024.  
  1025. /* Remove DOM elements currently tracked */
  1026. $.scrollDepth.removeElements = function(elems) {
  1027.  
  1028. if (typeof elems == "undefined" || !$.isArray(elems)) {
  1029. return;
  1030. }
  1031.  
  1032. $.each(elems, function(index, elem) {
  1033.  
  1034. var inElementsArray = $.inArray(elem, options.elements);
  1035. var inCacheArray = $.inArray(elem, cache);
  1036.  
  1037. if (inElementsArray != -1) {
  1038. options.elements.splice(inElementsArray, 1);
  1039. }
  1040.  
  1041. if (inCacheArray != -1) {
  1042. cache.splice(inCacheArray, 1);
  1043. }
  1044.  
  1045. });
  1046.  
  1047. };
  1048.  
  1049. /*
  1050. * Throttle function borrowed from:
  1051. * Underscore.js 1.5.2
  1052. * http://underscorejs.org
  1053. * (c) 2009-2013 Jeremy Ashkenas, DocumentCloud and Investigative Reporters & Editors
  1054. * Underscore may be freely distributed under the MIT license.
  1055. */
  1056.  
  1057. function throttle(func, wait) {
  1058. var context, args, result;
  1059. var timeout = null;
  1060. var previous = 0;
  1061. var later = function() {
  1062. previous = new Date;
  1063. timeout = null;
  1064. result = func.apply(context, args);
  1065. };
  1066. return function() {
  1067. var now = new Date;
  1068. if (!previous) previous = now;
  1069. var remaining = wait - (now - previous);
  1070. context = this;
  1071. args = arguments;
  1072. if (remaining <= 0) {
  1073. clearTimeout(timeout);
  1074. timeout = null;
  1075. previous = now;
  1076. result = func.apply(context, args);
  1077. } else if (!timeout) {
  1078. timeout = setTimeout(later, remaining);
  1079. }
  1080. return result;
  1081. };
  1082. }
  1083.  
  1084. /*
  1085. * Scroll Event
  1086. */
  1087.  
  1088. function bindScrollDepth() {
  1089.  
  1090. scrollEventBound = true;
  1091.  
  1092. $window.on('scroll.scrollDepth', throttle(function() {
  1093. /*
  1094. * We calculate document and window height on each scroll event to
  1095. * account for dynamic DOM changes.
  1096. */
  1097.  
  1098. var docHeight = $(document).height(),
  1099. winHeight = window.innerHeight ? window.innerHeight : $window.height(),
  1100. scrollDistance = $window.scrollTop() + winHeight,
  1101.  
  1102. /* Recalculate percentage marks */
  1103. marks = calculateMarks(docHeight),
  1104.  
  1105. /* Timing */
  1106. timing = +new Date - startTime;
  1107.  
  1108. checkMarks(marks, scrollDistance, timing);
  1109. }, 500));
  1110.  
  1111. }
  1112.  
  1113. init();
  1114. };
  1115.  
  1116. /* UMD export */
  1117. return $.scrollDepth;
  1118.  
  1119. }));
  1120.  
  1121. jQuery.scrollDepth();
  1122. } else {
  1123. setTimeout(monsterinsights_scroll_tracking_load, 200);
  1124. }
  1125. }
  1126. monsterinsights_scroll_tracking_load();
  1127. });
  1128. }
  1129. /* End MonsterInsights Scroll Tracking */
  1130. </script><script data-cfasync="false" src="https://n8d.at/wp-content/cache/minify/e1df4.js"></script>
  1131. <script type="text/javascript" id="jetpack-instant-search-js-before">
  1132. /* <![CDATA[ */
  1133. 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"));
  1134. /* ]]> */
  1135. </script>
  1136. <script data-cfasync="false" src="https://n8d.at/wp-content/cache/minify/5c6db.js"></script>
  1137. <script type="text/javascript" src="//stats.wp.com/w.js?ver=202413" id="jp-tracks-js"></script>
  1138. <script type="text/javascript" src="https://stats.wp.com/e-202413.js" id="jetpack-stats-js" data-wp-strategy="defer"></script>
  1139. <script type="text/javascript" id="jetpack-stats-js-after">
  1140. /* <![CDATA[ */
  1141. _stq = window._stq || [];
  1142. _stq.push([ "view", JSON.parse("{\"v\":\"ext\",\"blog\":\"33990133\",\"post\":\"0\",\"tz\":\"1\",\"srv\":\"n8d.at\",\"j\":\"1:13.2.2\"}") ]);
  1143. _stq.push([ "clickTrackerInit", "33990133", "0" ]);
  1144. /* ]]> */
  1145. </script>
  1146. <script type="text/javascript">
  1147. !(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();})({
  1148. src: "https://js.monitor.azure.com/scripts/b/ai.3.gbl.min.js",
  1149. name: "appInsights",
  1150. // ld: 0,
  1151. // useXhr: 1,
  1152. crossOrigin: "anonymous",
  1153. // onInit: null,
  1154. // cr: 0,
  1155. cfg: { // Application Insights Configuration
  1156. connectionString: "InstrumentationKey=95998285-2343-4b7c-af6b-b1a921b9838d;IngestionEndpoint=https://northeurope-2.in.applicationinsights.azure.com/;LiveEndpoint=https://northeurope.livediagnostics.monitor.azure.com/"
  1157. }});
  1158. </script>
  1159. </body>
  1160. </html>
  1161.  
Copyright © 2002-9 Sam Ruby, Mark Pilgrim, Joseph Walton, and Phil Ringnalda