Deploying to gh-pages from @ 69199e8 🚀

2011/10/hello-blogosphere/index.html

@@ -19,10 +19,12 @@
 	<meta property="og:image" content="http://kevinyap.ca/images/icons/avatar.png">
 	<meta property="og:type" content="article">
 	<meta property="og:url" content="http://kevinyap.ca/2011/10/hello-blogosphere/">
+	<meta property="bsky:handle" content="kevinyap.ca">
 
 	<!-- Stylesheets and Web Fonts -->
 	<link href="/theme/style.min.css" rel="stylesheet">
 	<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css" rel="stylesheet">
+	<link rel="stylesheet" href="/theme/bluesky-comments.css">
 
 	<!-- Favicons -->
 	<link rel="apple-touch-icon" sizes="180x180" href="/images/icons/apple-touch-icon.png">
@@ -74,12 +76,11 @@ <h1 class="title"><a href="/2011/10/hello-blogosphere/" title="Permalink to Hell
 <p>At the moment, there are a few things I still need to take care of. Firstly, I need a title for my blog. Something clever and funny, but not cheesy. (Or perhaps so cheesy that it&#8217;s funny and clever. Time will tell.) Personally, I quite like the look of the Twenty Eleven theme, even if it does gives off a <em>default blog</em> vibe. So far, I haven&#8217;t found any other themes that I particularly like, but I&#8217;ll keep looking. Perhaps I&#8217;ll even spring for a premium theme at some&nbsp;point.</p>
 <p>So there it is, my attempt at a first blog&nbsp;post.</p>
 	</div>
+	<div id="bluesky-comments"></div>
 
 	<div id="related-articles">
 		<a href="/2012/11/the-power-of-applescript/" id="next-neighbour">&laquo; The Power of AppleScript</a>
 	</div>
-
-
 			<hr>
 		</article>
 
@@ -88,6 +89,36 @@ <h1 class="title"><a href="/2011/10/hello-blogosphere/" title="Permalink to Hell
 		</footer>
 	</div>
 
-
+	<script type="importmap">
+		{
+			"imports": {
+				"react": "https://esm.sh/react@18",
+				"react-dom": "https://esm.sh/react-dom@18"
+			}
+		}
+	</script>
+
+	<script type="module">
+		import { BlueskyComments } from '/theme/js/bluesky-comments.min.js';
+		document.addEventListener('DOMContentLoaded', function() {
+			const uri = document.querySelector("meta[property='bsky:url']")?.getAttribute("content");
+			const author = document.querySelector("meta[property='bsky:handlea']")?.getAttribute("content");
+
+			const config = {
+				commentFilters: [
+					BlueskyComments.Filters.NoPins,
+					BlueskyComments.Filters.MinCharacterCountFilter(5),
+				]
+			};
+
+			if (uri) {
+				config.uri = uri;
+			} else if (author) {
+				config.author = author;
+			}
+
+			BlueskyComments.init('bluesky-comments', config);
+		});
+	</script>
 </body>
 </html>

2011/10/index.html

@@ -68,6 +68,5 @@ <h1>Archive for October 2011</h1>
 		</footer>
 	</div>
 
-
 </body>
 </html>

2011/index.html

@@ -69,6 +69,5 @@ <h2><a href="/2011/10/">October</a></h2>
 		</footer>
 	</div>
 
-
 </body>
 </html>

2012/11/index.html

@@ -68,6 +68,5 @@ <h1>Archive for November 2012</h1>
 		</footer>
 	</div>
 
-
 </body>
 </html>

2012/11/the-power-of-applescript/index.html

@@ -19,10 +19,12 @@
 	<meta property="og:image" content="http://kevinyap.ca/images/icons/avatar.png">
 	<meta property="og:type" content="article">
 	<meta property="og:url" content="http://kevinyap.ca/2012/11/the-power-of-applescript/">
+	<meta property="bsky:handle" content="kevinyap.ca">
 
 	<!-- Stylesheets and Web Fonts -->
 	<link href="/theme/style.min.css" rel="stylesheet">
 	<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css" rel="stylesheet">
+	<link rel="stylesheet" href="/theme/bluesky-comments.css">
 
 	<!-- Favicons -->
 	<link rel="apple-touch-icon" sizes="180x180" href="/images/icons/apple-touch-icon.png">
@@ -97,13 +99,12 @@ <h1 class="title"><a href="/2012/11/the-power-of-applescript/" title="Permalink
 <span class="n">end</span><span class="w"> </span><span class="n">tell</span>
 </code></pre></div>
 	</div>
+	<div id="bluesky-comments"></div>
 
 	<div id="related-articles">
 		<a href="/2013/07/the-great-white-pelican-migration/" id="next-neighbour">&laquo; The Great (White) Pelican Migration</a>
 		<a href="/2011/10/hello-blogosphere/" id="prev-neighbour">Hello, Blogosphere! &raquo;</a>
 	</div>
-
-
 			<hr>
 		</article>
 
@@ -112,6 +113,36 @@ <h1 class="title"><a href="/2012/11/the-power-of-applescript/" title="Permalink
 		</footer>
 	</div>
 
-
+	<script type="importmap">
+		{
+			"imports": {
+				"react": "https://esm.sh/react@18",
+				"react-dom": "https://esm.sh/react-dom@18"
+			}
+		}
+	</script>
+
+	<script type="module">
+		import { BlueskyComments } from '/theme/js/bluesky-comments.min.js';
+		document.addEventListener('DOMContentLoaded', function() {
+			const uri = document.querySelector("meta[property='bsky:url']")?.getAttribute("content");
+			const author = document.querySelector("meta[property='bsky:handlea']")?.getAttribute("content");
+
+			const config = {
+				commentFilters: [
+					BlueskyComments.Filters.NoPins,
+					BlueskyComments.Filters.MinCharacterCountFilter(5),
+				]
+			};
+
+			if (uri) {
+				config.uri = uri;
+			} else if (author) {
+				config.author = author;
+			}
+
+			BlueskyComments.init('bluesky-comments', config);
+		});
+	</script>
 </body>
 </html>

2012/index.html

@@ -69,6 +69,5 @@ <h2><a href="/2012/11/">November</a></h2>
 		</footer>
 	</div>
 
-
 </body>
 </html>

2013/07/index.html

@@ -68,6 +68,5 @@ <h1>Archive for July 2013</h1>
 		</footer>
 	</div>
 
-
 </body>
 </html>

2013/07/the-great-white-pelican-migration/index.html

@@ -19,10 +19,12 @@
 	<meta property="og:image" content="http://kevinyap.ca/images/icons/avatar.png">
 	<meta property="og:type" content="article">
 	<meta property="og:url" content="http://kevinyap.ca/2013/07/the-great-white-pelican-migration/">
+	<meta property="bsky:handle" content="kevinyap.ca">
 
 	<!-- Stylesheets and Web Fonts -->
 	<link href="/theme/style.min.css" rel="stylesheet">
 	<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css" rel="stylesheet">
+	<link rel="stylesheet" href="/theme/bluesky-comments.css">
 
 	<!-- Favicons -->
 	<link rel="apple-touch-icon" sizes="180x180" href="/images/icons/apple-touch-icon.png">
@@ -72,13 +74,12 @@ <h1 class="title"><a href="/2013/07/the-great-white-pelican-migration/" title="P
 <p>One minor hitch that I had was with setting up the <a href="https://python-markdown.github.io/extensions/code_hilite/">CodeHilite</a> extension for Markdown. In the configuration file for Pelican, I had the entry <code>MD_EXTENSIONS = ['codehilite']</code>, as the documentation stated that <code>MD_EXTENSIONS</code> needed to be defined as a list. Although this did not raise any warnings when generating the site through Pelican. When I added the <a href="https://python-markdown.github.io/extensions/extra/">Markdown Extra</a> to the list of extensions &#8212; <code>MD_EXTENSIONS = ['codehilite', 'extra']</code> &#8212; the code highlighting worked. Apparently there needed to be more than one item in the list of Markdown&nbsp;extensions.</p>
 <p>Many thanks to Greg Reda whose Pelican theme (which can be found in the <a href="http://github.com/gjreda/gregreda.com">GitHub repository</a> for his website) I am currently using on my&nbsp;website.</p>
 	</div>
+	<div id="bluesky-comments"></div>
 
 	<div id="related-articles">
 		<a href="/2013/12/hosting-with-github-pages/" id="next-neighbour">&laquo; Hosting With GitHub Pages</a>
 		<a href="/2012/11/the-power-of-applescript/" id="prev-neighbour">The Power of AppleScript &raquo;</a>
 	</div>
-
-
 			<hr>
 		</article>
 
@@ -87,6 +88,36 @@ <h1 class="title"><a href="/2013/07/the-great-white-pelican-migration/" title="P
 		</footer>
 	</div>
 
-
+	<script type="importmap">
+		{
+			"imports": {
+				"react": "https://esm.sh/react@18",
+				"react-dom": "https://esm.sh/react-dom@18"
+			}
+		}
+	</script>
+
+	<script type="module">
+		import { BlueskyComments } from '/theme/js/bluesky-comments.min.js';
+		document.addEventListener('DOMContentLoaded', function() {
+			const uri = document.querySelector("meta[property='bsky:url']")?.getAttribute("content");
+			const author = document.querySelector("meta[property='bsky:handlea']")?.getAttribute("content");
+
+			const config = {
+				commentFilters: [
+					BlueskyComments.Filters.NoPins,
+					BlueskyComments.Filters.MinCharacterCountFilter(5),
+				]
+			};
+
+			if (uri) {
+				config.uri = uri;
+			} else if (author) {
+				config.author = author;
+			}
+
+			BlueskyComments.init('bluesky-comments', config);
+		});
+	</script>
 </body>
 </html>

2013/12/hosting-with-github-pages/index.html

@@ -19,10 +19,12 @@
 	<meta property="og:image" content="http://kevinyap.ca/images/icons/avatar.png">
 	<meta property="og:type" content="article">
 	<meta property="og:url" content="http://kevinyap.ca/2013/12/hosting-with-github-pages/">
+	<meta property="bsky:handle" content="kevinyap.ca">
 
 	<!-- Stylesheets and Web Fonts -->
 	<link href="/theme/style.min.css" rel="stylesheet">
 	<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css" rel="stylesheet">
+	<link rel="stylesheet" href="/theme/bluesky-comments.css">
 
 	<!-- Favicons -->
 	<link rel="apple-touch-icon" sizes="180x180" href="/images/icons/apple-touch-icon.png">
@@ -92,13 +94,12 @@ <h1 class="title"><a href="/2013/12/hosting-with-github-pages/" title="Permalink
 <p>Following this, the script prompts for an extended commit message (what gets shown on GitHub after expanding the message). The first line of the commit message is &#8220;Generated by&#8221; followed by the hash of the last commit made in the <code>src</code> branch, and if an extended commit message is provided, the script will add it in. Finally, the commit is pushed to the <code>master</code> branch on&nbsp;GitHub.</p>
 <p>All in all, this solution seems to work very well. I would highly recommend using GitHub Pages for static&nbsp;sites.</p>
 	</div>
+	<div id="bluesky-comments"></div>
 
 	<div id="related-articles">
 		<a href="/2013/12/styling-code-blocks-using-pelican/" id="next-neighbour">&laquo; Styling Code Blocks Using Pelican</a>
 		<a href="/2013/07/the-great-white-pelican-migration/" id="prev-neighbour">The Great (White) Pelican Migration &raquo;</a>
 	</div>
-
-
 			<hr>
 		</article>
 
@@ -107,6 +108,36 @@ <h1 class="title"><a href="/2013/12/hosting-with-github-pages/" title="Permalink
 		</footer>
 	</div>
 
-
+	<script type="importmap">
+		{
+			"imports": {
+				"react": "https://esm.sh/react@18",
+				"react-dom": "https://esm.sh/react-dom@18"
+			}
+		}
+	</script>
+
+	<script type="module">
+		import { BlueskyComments } from '/theme/js/bluesky-comments.min.js';
+		document.addEventListener('DOMContentLoaded', function() {
+			const uri = document.querySelector("meta[property='bsky:url']")?.getAttribute("content");
+			const author = document.querySelector("meta[property='bsky:handlea']")?.getAttribute("content");
+
+			const config = {
+				commentFilters: [
+					BlueskyComments.Filters.NoPins,
+					BlueskyComments.Filters.MinCharacterCountFilter(5),
+				]
+			};
+
+			if (uri) {
+				config.uri = uri;
+			} else if (author) {
+				config.author = author;
+			}
+
+			BlueskyComments.init('bluesky-comments', config);
+		});
+	</script>
 </body>
 </html>

2013/12/index.html

@@ -69,6 +69,5 @@ <h1>Archive for December 2013</h1>
 		</footer>
 	</div>
 
-
 </body>
 </html>

2013/12/styling-code-blocks-using-pelican/index.html

@@ -19,10 +19,12 @@
 	<meta property="og:image" content="http://kevinyap.ca/images/icons/avatar.png">
 	<meta property="og:type" content="article">
 	<meta property="og:url" content="http://kevinyap.ca/2013/12/styling-code-blocks-using-pelican/">
+	<meta property="bsky:handle" content="kevinyap.ca">
 
 	<!-- Stylesheets and Web Fonts -->
 	<link href="/theme/style.min.css" rel="stylesheet">
 	<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css" rel="stylesheet">
+	<link rel="stylesheet" href="/theme/bluesky-comments.css">
 
 	<!-- Favicons -->
 	<link rel="apple-touch-icon" sizes="180x180" href="/images/icons/apple-touch-icon.png">
@@ -106,13 +108,12 @@ <h1 class="title"><a href="/2013/12/styling-code-blocks-using-pelican/" title="P
 
 <p>After following these steps, everything should be working properly. Of course, the stylesheet used and properties of the code blocks can be changed depending on personal&nbsp;preference.</p>
 	</div>
+	<div id="bluesky-comments"></div>
 
 	<div id="related-articles">
 		<a href="/2014/01/on-programming-and-turtles/" id="next-neighbour">&laquo; On Programming and Turtles</a>
 		<a href="/2013/12/hosting-with-github-pages/" id="prev-neighbour">Hosting With GitHub Pages &raquo;</a>
 	</div>
-
-
 			<hr>
 		</article>
 
@@ -121,6 +122,36 @@ <h1 class="title"><a href="/2013/12/styling-code-blocks-using-pelican/" title="P
 		</footer>
 	</div>
 
-
+	<script type="importmap">
+		{
+			"imports": {
+				"react": "https://esm.sh/react@18",
+				"react-dom": "https://esm.sh/react-dom@18"
+			}
+		}
+	</script>
+
+	<script type="module">
+		import { BlueskyComments } from '/theme/js/bluesky-comments.min.js';
+		document.addEventListener('DOMContentLoaded', function() {
+			const uri = document.querySelector("meta[property='bsky:url']")?.getAttribute("content");
+			const author = document.querySelector("meta[property='bsky:handlea']")?.getAttribute("content");
+
+			const config = {
+				commentFilters: [
+					BlueskyComments.Filters.NoPins,
+					BlueskyComments.Filters.MinCharacterCountFilter(5),
+				]
+			};
+
+			if (uri) {
+				config.uri = uri;
+			} else if (author) {
+				config.author = author;
+			}
+
+			BlueskyComments.init('bluesky-comments', config);
+		});
+	</script>
 </body>
 </html>

2013/index.html

@@ -74,6 +74,5 @@ <h2><a href="/2013/12/">December</a></h2>
 		</footer>
 	</div>
 
-
 </body>
 </html>

2014/01/index.html

@@ -68,6 +68,5 @@ <h1>Archive for January 2014</h1>
 		</footer>
 	</div>
 
-
 </body>
 </html>