Leverage agile frameworks to provide a robust synopsis for high level overviews. Iterative approaches to corporate strategy foster collaborative thinking to further the overall value proposition. Organically grow the holistic world view of disruptive innovation via workplace diversity and empowerment.
+
Bring to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation X is on the runway heading towards a streamlined cloud solution. User generated content in real-time will have multiple touchpoints for offshoring.
+
Section Header
+
Capitalize on low hanging fruit to identify a ballpark value added activity to beta test. Override the digital divide with additional clickthroughs from DevOps. Nanotechnology immersion along the information highway will close the loop on focusing solely on the bottom line.
+
// this is a command
+functionmyCommand(){
++let counter =0;
+-let counter =1;
+ counter++;
+}
+
+// Test with a line break above this line.
+console.log('Test');
+
Leverage agile frameworks to provide a robust synopsis for high level overviews. Iterative approaches to corporate strategy foster collaborative thinking to further the overall value proposition. Organically grow the holistic world view of disruptive innovation via workplace diversity and empowerment.
+
Bring to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation X is on the runway heading towards a streamlined cloud solution. User generated content in real-time will have multiple touchpoints for offshoring.
+
+
Section Header
+
Capitalize on low hanging fruit to identify a ballpark value added activity to beta test. Override the digital divide with additional clickthroughs from DevOps. Nanotechnology immersion along the information highway will close the loop on focusing solely on the bottom line.
Leverage agile frameworks to provide a robust synopsis for high level overviews. Iterative approaches to corporate strategy foster collaborative thinking to further the overall value proposition. Organically grow the holistic world view of disruptive innovation via workplace diversity and empowerment.
Bring to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation X is on the runway heading towards a streamlined cloud solution. User generated content in real-time will have multiple touchpoints for offshoring.
+
Capitalize on low hanging fruit to identify a ballpark value added activity to beta test. Override the digital divide with additional clickthroughs from DevOps. Nanotechnology immersion along the information highway will close the loop on focusing solely on the bottom line.
Leverage agile frameworks to provide a robust synopsis for high level overviews. Iterative approaches to corporate strategy foster collaborative thinking to further the overall value proposition. Organically grow the holistic world view of disruptive innovation via workplace diversity and empowerment.
+
Code
+
This is a very long heading that I want to wrap This is a very long heading that I want to wrap This is a very long heading that I want to wrap This is a very long heading that I want to wrap
+
Bring to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation X is on the runway heading towards a streamlined cloud solution. User generated content in real-time will have multiple touchpoints for offshoring.
+
// this is a command
+functionmyCommand(){
+ let counter =0;
+ counter++;
+}
+
+// Test with a line break above this line.
+console.log('Test');
Bring to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation X is on the runway heading towards a streamlined cloud solution. User generated content in real-time will have multiple touchpoints for offshoring.
+
// this is a command
+function myCommand() {
+ let counter = 0;
+ counter++;
+}
+
+// Test with a line break above this line.
+console.log('Test');
+
+
Section Header
+
Capitalize on low hanging fruit to identify a ballpark value added activity to beta test. Override the digital divide with additional clickthroughs from DevOps. Nanotechnology immersion along the information highway will close the loop on focusing solely on the bottom line.
+
+
+
+
+
+
+
+
+
+
diff --git a/dist/cC8wS6ZjFU.js b/dist/cC8wS6ZjFU.js
new file mode 100644
index 0000000..68efbdb
--- /dev/null
+++ b/dist/cC8wS6ZjFU.js
@@ -0,0 +1,231 @@
+// Thank you to https://github.com/daviddarnes/heading-anchors
+// Thank you to https://amberwilson.co.uk/blog/are-your-anchor-links-accessible/
+
+let globalInstanceIndex = 0;
+
+class HeadingAnchors extends HTMLElement {
+ static register(tagName = "heading-anchors", registry = window.customElements) {
+ if(registry && !registry.get(tagName)) {
+ registry.define(tagName, this);
+ }
+ }
+
+ static attributes = {
+ exclude: "data-ha-exclude",
+ prefix: "prefix",
+ content: "content",
+ }
+
+ static classes = {
+ anchor: "ha",
+ placeholder: "ha-placeholder",
+ srOnly: "ha-visualhide",
+ }
+
+ static defaultSelector = "h2,h3,h4,h5,h6";
+
+ static css = `
+.${HeadingAnchors.classes.srOnly} {
+ clip: rect(0 0 0 0);
+ height: 1px;
+ overflow: hidden;
+ position: absolute;
+ width: 1px;
+}
+.${HeadingAnchors.classes.anchor} {
+ position: absolute;
+ left: var(--ha_offsetx);
+ top: var(--ha_offsety);
+ text-decoration: none;
+ opacity: 0;
+}
+.${HeadingAnchors.classes.placeholder} {
+ opacity: .3;
+}
+.${HeadingAnchors.classes.anchor}:is(:focus-within, :hover) {
+ opacity: 1;
+}
+.${HeadingAnchors.classes.anchor},
+.${HeadingAnchors.classes.placeholder} {
+ display: inline-block;
+ padding: 0 .25em;
+
+ /* Disable selection of visually hidden label */
+ -webkit-user-select: none;
+ user-select: none;
+}
+
+@supports (anchor-name: none) {
+ .${HeadingAnchors.classes.anchor} {
+ position: absolute;
+ left: anchor(left);
+ top: anchor(top);
+ }
+}`;
+
+ get supports() {
+ return "replaceSync" in CSSStyleSheet.prototype;
+ }
+
+ get supportsAnchorPosition() {
+ return CSS.supports("anchor-name: none");
+ }
+
+ constructor() {
+ super();
+
+ if(!this.supports) {
+ return;
+ }
+
+ let sheet = new CSSStyleSheet();
+ sheet.replaceSync(HeadingAnchors.css);
+ document.adoptedStyleSheets = [...document.adoptedStyleSheets, sheet];
+
+ this.headingStyles = {};
+ this.instanceIndex = globalInstanceIndex++;
+ }
+
+ connectedCallback() {
+ if (!this.supports) {
+ return;
+ }
+
+ this.headings.forEach((heading, index) => {
+ if(!heading.hasAttribute(HeadingAnchors.attributes.exclude)) {
+ let anchor = this.getAnchorElement(heading);
+ let placeholder = this.getPlaceholderElement();
+
+ // Prefers anchor position approach for better accessibility
+ // https://amberwilson.co.uk/blog/are-your-anchor-links-accessible/
+ if(this.supportsAnchorPosition) {
+ let anchorName = `--ha_${this.instanceIndex}_${index}`;
+ placeholder.style.setProperty("anchor-name", anchorName);
+ anchor.style.positionAnchor = anchorName;
+ }
+
+ heading.appendChild(placeholder);
+ heading.after(anchor);
+ }
+ });
+ }
+
+ // Polyfill-only
+ positionAnchorFromPlaceholder(placeholder) {
+ if(!placeholder) {
+ return;
+ }
+
+ let heading = placeholder.closest("h1,h2,h3,h4,h5,h6");
+ if(!heading.nextElementSibling) {
+ return;
+ }
+
+ // TODO next element could be more defensive
+ this.positionAnchor(heading.nextElementSibling);
+ }
+
+ // Polyfill-only
+ positionAnchor(anchor) {
+ if(!anchor || !anchor.previousElementSibling) {
+ return;
+ }
+
+ // TODO previous element could be more defensive
+ let heading = anchor.previousElementSibling;
+ this.setFontProp(heading, anchor);
+
+ if(this.supportsAnchorPosition) {
+ // quit early
+ return;
+ }
+
+ let placeholder = heading.querySelector(`.${HeadingAnchors.classes.placeholder}`);
+ if(placeholder) {
+ anchor.style.setProperty("--ha_offsetx", `${placeholder.offsetLeft}px`);
+ anchor.style.setProperty("--ha_offsety", `${placeholder.offsetTop}px`);
+ }
+ }
+
+ setFontProp(heading, anchor) {
+ let placeholder = heading.querySelector(`.${HeadingAnchors.classes.placeholder}`);
+ if(placeholder) {
+ let style = getComputedStyle(placeholder);
+ let props = ["font-weight", "font-size", "line-height", "font-family"];
+ let [weight, size, lh, family] = props.map(name => style.getPropertyValue(name));
+ anchor.style.setProperty("font", `${weight} ${size}/${lh} ${family}`);
+ let vars = style.getPropertyValue("font-variation-settings");
+ if(vars) {
+ anchor.style.setProperty("font-variation-settings", vars);
+ }
+ }
+ }
+
+ getAccessibleTextPrefix() {
+ // Useful for i18n
+ return this.getAttribute(HeadingAnchors.attributes.prefix) || "Jump to section titled";
+ }
+
+ getContent() {
+ if(this.hasAttribute(HeadingAnchors.attributes.content)) {
+ return this.getAttribute(HeadingAnchors.attributes.content);
+ }
+ return "#";
+ }
+
+ // Placeholder nests inside of heading
+ getPlaceholderElement() {
+ let ph = document.createElement("span");
+ ph.setAttribute("aria-hidden", true);
+ ph.classList.add(HeadingAnchors.classes.placeholder);
+ let content = this.getContent();
+ if(content) {
+ ph.textContent = content;
+ }
+
+ ph.addEventListener("mouseover", (e) => {
+ let placeholder = e.target.closest(`.${HeadingAnchors.classes.placeholder}`);
+ if(placeholder) {
+ this.positionAnchorFromPlaceholder(placeholder);
+ }
+ });
+
+ return ph;
+ }
+
+ getAnchorElement(heading) {
+ let anchor = document.createElement("a");
+ anchor.href = `#${heading.id}`;
+ anchor.classList.add(HeadingAnchors.classes.anchor);
+
+ let content = this.getContent();
+ anchor.innerHTML = `${this.getAccessibleTextPrefix()}: ${heading.textContent}${content ? `${content}` : ""}`;
+
+ anchor.addEventListener("focus", e => {
+ let anchor = e.target.closest(`.${HeadingAnchors.classes.anchor}`);
+ if(anchor) {
+ this.positionAnchor(anchor);
+ }
+ });
+
+ anchor.addEventListener("mouseover", (e) => {
+ // when CSS anchor positioning is supported, this is only used to set the font
+ let anchor = e.target.closest(`.${HeadingAnchors.classes.anchor}`);
+ this.positionAnchor(anchor);
+ });
+
+ return anchor;
+ }
+
+ get headings() {
+ return this.querySelectorAll(this.selector.split(",").map(entry => `${entry.trim()}[id]`));
+ }
+
+ get selector() {
+ return this.getAttribute("selector") || HeadingAnchors.defaultSelector;
+ }
+}
+
+HeadingAnchors.register();
+
+export { HeadingAnchors }
\ No newline at end of file
diff --git a/favicon-16x16.png b/favicon-16x16.png
new file mode 100644
index 0000000..965ac9d
Binary files /dev/null and b/favicon-16x16.png differ
diff --git a/favicon-32x32.png b/favicon-32x32.png
new file mode 100644
index 0000000..21886dd
Binary files /dev/null and b/favicon-32x32.png differ
diff --git a/favicon.ico b/favicon.ico
new file mode 100644
index 0000000..413a295
Binary files /dev/null and b/favicon.ico differ
diff --git a/feed/feed.xml b/feed/feed.xml
new file mode 100644
index 0000000..b7756f5
--- /dev/null
+++ b/feed/feed.xml
@@ -0,0 +1,100 @@
+
+
+
+
+ Web Blog
+ Musings of a neurodivergent cynic.
+
+
+ 2023-01-23T00:00:00Z
+ https://webblog.anthonyhughes.art/
+
+ Anthony Hughes
+
+
+ This is a fifth post (draft)
+
+ 2023-01-23T00:00:00Z
+ https://webblog.anthonyhughes.art/blog/fifthpost/
+ <p>This is a draft post</p>
+
+
+
+ This is my fourth post (draft)
+
+ 2018-09-30T00:00:00Z
+ https://webblog.anthonyhughes.art/blog/fourthpost/
+ <p>Leverage agile frameworks to provide a robust synopsis for high level overviews. Iterative approaches to corporate strategy foster collaborative thinking to further the overall value proposition. Organically grow the holistic world view of disruptive innovation via workplace diversity and empowerment.</p>
+<p>Bring to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation X is on the runway heading towards a streamlined cloud solution. User generated content in real-time will have multiple touchpoints for offshoring.</p>
+<picture><source type="image/avif" srcset="https://webblog.anthonyhughes.art/.11ty/image/?src=content%2Fblog%2Ffourthpost%2Fpossum.png&width=350&format=avif&via=transform 350w"><source type="image/webp" srcset="https://webblog.anthonyhughes.art/.11ty/image/?src=content%2Fblog%2Ffourthpost%2Fpossum.png&width=350&format=webp&via=transform 350w"><img loading="lazy" decoding="async" src="https://webblog.anthonyhughes.art/.11ty/image/?src=content%2Fblog%2Ffourthpost%2Fpossum.png&width=350&format=png&via=transform" alt="A possum parent and two possum kids hanging from the iconic red balloon" width="350" height="685"></picture>
+<h2 id="section-header">Section Header</h2>
+<p>Capitalize on low hanging fruit to identify a ballpark value added activity to beta test. Override the digital divide with additional clickthroughs from DevOps. Nanotechnology immersion along the information highway will close the loop on focusing solely on the bottom line.</p>
+
+
+
+ This is my third post. (draft)
+
+ 2018-08-24T00:00:00Z
+ https://webblog.anthonyhughes.art/blog/thirdpost/
+ <p>Leverage agile frameworks to provide a robust synopsis for high level overviews. Iterative approaches to corporate strategy foster collaborative thinking to further the overall value proposition. Organically grow the holistic world view of disruptive innovation via workplace diversity and empowerment.</p>
+<h2 id="code">Code</h2>
+<h3 id="this-is-a-very-long-heading-that-i-want-to-wrap-this-is-a-very-long-heading-that-i-want-to-wrap-this-is-a-very-long-heading-that-i-want-to-wrap-this-is-a-very-long-heading-that-i-want-to-wrap">This is a very long heading that I want to wrap This is a very long heading that I want to wrap This is a very long heading that I want to wrap This is a very long heading that I want to wrap</h3>
+<p>Bring to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation X is on the runway heading towards a streamlined cloud solution. User generated content in real-time will have multiple touchpoints for offshoring.</p>
+<pre class="language-js" tabindex="0"><code class="language-js"><span class="token comment">// this is a command</span>
+<span class="token keyword">function</span> <span class="token function">myCommand</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
+ <span class="token keyword">let</span> counter <span class="token operator">=</span> <span class="token number">0</span><span class="token punctuation">;</span>
+ counter<span class="token operator">++</span><span class="token punctuation">;</span>
+<span class="token punctuation">}</span>
+
+<span class="token comment">// Test with a line break above this line.</span>
+console<span class="token punctuation">.</span><span class="token function">log</span><span class="token punctuation">(</span><span class="token string">'Test'</span><span class="token punctuation">)</span><span class="token punctuation">;</span></code></pre>
+<h3 id="heading-with-a-link">Heading with a <a href="https://webblog.anthonyhughes.art/blog/thirdpost/#code">link</a></h3>
+<p>Bring to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation X is on the runway heading towards a streamlined cloud solution. User generated content in real-time will have multiple touchpoints for offshoring.</p>
+<pre><code>// this is a command
+function myCommand() {
+ let counter = 0;
+ counter++;
+}
+
+// Test with a line break above this line.
+console.log('Test');
+</code></pre>
+<h2 id="section-header">Section Header</h2>
+<p>Capitalize on low hanging fruit to identify a ballpark value added activity to beta test. Override the digital divide with additional clickthroughs from DevOps. Nanotechnology immersion along the information highway will close the loop on focusing solely on the bottom line.</p>
+
+
+
+ This is my second post with a much longer title. (draft)
+
+ 2018-07-04T00:00:00Z
+ https://webblog.anthonyhughes.art/blog/secondpost/
+ <p>Leverage agile frameworks to provide a robust synopsis for high level overviews. Iterative approaches to corporate strategy foster collaborative thinking to further the overall value proposition. Organically grow the holistic world view of disruptive innovation via workplace diversity and empowerment.</p>
+<h2 id="section-header">Section Header</h2>
+<p><a href="https://webblog.anthonyhughes.art/blog/firstpost/">First post</a>
+<a href="https://webblog.anthonyhughes.art/blog/thirdpost/">Third post</a></p>
+<p>Bring to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation X is on the runway heading towards a streamlined cloud solution. User generated content in real-time will have multiple touchpoints for offshoring.</p>
+<p>Capitalize on low hanging fruit to identify a ballpark value added activity to beta test. Override the digital divide with additional clickthroughs from DevOps. Nanotechnology immersion along the information highway will close the loop on focusing solely on the bottom line.</p>
+
+
+
+ This is my first post.
+
+ 2018-05-01T00:00:00Z
+ https://webblog.anthonyhughes.art/blog/firstpost/
+ <p>Leverage agile frameworks to provide a robust synopsis for high level overviews. Iterative approaches to corporate strategy foster collaborative thinking to further the overall value proposition. Organically grow the holistic world view of disruptive innovation via workplace diversity and empowerment.</p>
+<p>Bring to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation X is on the runway heading towards a streamlined cloud solution. User generated content in real-time will have multiple touchpoints for offshoring.</p>
+<h2 id="section-header">Section Header</h2>
+<p>Capitalize on low hanging fruit to identify a ballpark value added activity to beta test. Override the digital divide with additional clickthroughs from DevOps. Nanotechnology immersion along the information highway will close the loop on focusing solely on the bottom line.</p>
+<pre class="language-diff-js" tabindex="0"><code class="language-diff-js"><span class="token unchanged language-js"><span class="token prefix unchanged"> </span><span class="token comment">// this is a command</span>
+<span class="token prefix unchanged"> </span><span class="token keyword">function</span> <span class="token function">myCommand</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
+</span><span class="token inserted-sign inserted language-js"><span class="token prefix inserted">+</span> <span class="token keyword">let</span> counter <span class="token operator">=</span> <span class="token number">0</span><span class="token punctuation">;</span>
+</span><span class="token deleted-sign deleted language-js"><span class="token prefix deleted">-</span> <span class="token keyword">let</span> counter <span class="token operator">=</span> <span class="token number">1</span><span class="token punctuation">;</span>
+</span><span class="token unchanged language-js"><span class="token prefix unchanged"> </span> counter<span class="token operator">++</span><span class="token punctuation">;</span>
+<span class="token prefix unchanged"> </span><span class="token punctuation">}</span>
+</span>
+<span class="token unchanged language-js"><span class="token prefix unchanged"> </span><span class="token comment">// Test with a line break above this line.</span>
+<span class="token prefix unchanged"> </span>console<span class="token punctuation">.</span><span class="token function">log</span><span class="token punctuation">(</span><span class="token string">'Test'</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
+</span></code></pre>
+
+
+
\ No newline at end of file
diff --git a/feed/pretty-atom-feed.xsl b/feed/pretty-atom-feed.xsl
new file mode 100644
index 0000000..6a1c4de
--- /dev/null
+++ b/feed/pretty-atom-feed.xsl
@@ -0,0 +1,89 @@
+
+
+
+
+
+
+
+ <xsl:value-of select="atom:feed/atom:title"/>
+
+
+
+
+
+
+
+
+
+
+
+
+ Web Feed Preview
+
+
+
+
This preview only shows titles, but the actual feed contains the full content.
