[13/09/23] changed theme, added icons, changed feeds

This commit is contained in:
Andrew Conlin 2023-09-13 10:04:54 +01:00
parent 9fb9839a69
commit a7d8893862
36 changed files with 463 additions and 162 deletions

View File

@ -30,4 +30,6 @@ defaults:
layout: post
feed:
category: til
categories:
- blog
- til

View File

@ -1,9 +1,13 @@
- name: blog
link: /
icon: book
- name: til
link: /til
icon: globe
- name: projects
link: /projects
icon: computer
- name: photos↗
link: http://andrewconlinphotography.co.uk
icon: film

View File

@ -1,17 +1,21 @@
<div class="row row-cols-1 row-cols-md-2">
<div class="row row-cols-1 row-cols-md-3">
<div class="col col-md-3">
<div class="row row-cols-1 g-0" id="nav" style="position:sticky;top:0px;">
<h1 class="display-3 logo" style="font-weight:700;" id="logo">
<span style="color:black;background-color:gold;">ac</span>
</h1>
<div class="row row-cols-1 g-0 content" id="nav">
<img src="/assets/images/me-square.jpg" class="me" style="height: 40px;width: 40px; border-radius: 20px;border: 2px solid white;"><br>
<b>andrew conlin</b><br>
software engineer @ MathWorks<br>
&nbsp;<br>
{% for item in site.data.nav %}
<div class="col">
<h4>
<a href="{{ item.link }}" class="text-decoration-none" style="color: white;"> {{ item.name }} </a>
<a href="{{ item.link }}" class="text-decoration-none" style="color: white;">
<img src="/assets/images/{{ item.icon }}.ico" style="height:30px;width:30px;display: inline;">&nbsp;{{ item.name }}
</a>
</h4>
</div>
{% endfor %}
<div class="col gy-2" style="font-family: Arial, Helvetica, sans-serif;">
&nbsp;<br>
<!--<div class="col gy-2" style="font-family: Arial, Helvetica, sans-serif;">
<h4>
<div>
<span>
@ -25,7 +29,12 @@
</span>
</div>
</h4>
</div>
</div>-->
<hr class="menu">
</div>
</div>
</div>
<!--
<h1 class="display-3 logo" style="font-weight:700;" id="logo">
<span style="color:black;background-color:gold;">ac</span>
</h1>
-->

View File

@ -3,9 +3,9 @@ layout: default
---
<p style="font-family:Rubik;font-style:italic;">
<i class="fas fa-calendar"></i>&nbsp;{{ page.date | date_to_string }}
<img src="/assets/images/write.ico" style="display: inline;height: 20px;width: 20px;">&nbsp;{{ page.date | date_to_string }}
&nbsp;
<i class="fas fa-clock"></i>&nbsp;{{ content | reading_time | pluralize: "minute" }}
<img src="/assets/images/alarm.ico" style="display: inline;height: 20px;width: 20px;">&nbsp;{{ content | reading_time | pluralize: "minute" }}
</p>
<hr>

View File

@ -26,7 +26,7 @@ div.content {
@media (max-width: 768px) {
div.content {
top: 0px;
top: 20px;
}
}
@ -53,25 +53,12 @@ pre {
white-space: pre-wrap;
}
img {
display: block;
width: 30vw;
}
img.letterboxd {
display: inline-block;
width:20px;
margin-bottom: 5px;
}
@media (max-width: 768px) {
img {
width: 90vw;
margin-left: auto;
margin-right: auto;
}
}
@media (max-width: 768px) {
img.letterboxd {
margin-left: 0;

Binary file not shown.

After

Width:  |  Height:  |  Size: 766 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 766 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 766 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 448 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 766 B

View File

@ -14,38 +14,48 @@
<body>
<div class="container text-start">
<div class="row row-cols-1 row-cols-md-2">
<div class="row row-cols-1 row-cols-md-3">
<div class="col col-md-3">
<div class="row row-cols-1 g-0" id="nav" style="position:sticky;top:0px;">
<h1 class="display-3 logo" style="font-weight:700;" id="logo">
<span style="color:black;background-color:gold;">ac</span>
</h1>
<div class="row row-cols-1 g-0 content" id="nav">
<img src="/assets/images/me-square.jpg" class="me" style="height: 40px;width: 40px; border-radius: 20px;border: 2px solid white;"><br>
<b>andrew conlin</b><br>
software engineer @ MathWorks<br>
&nbsp;<br>
<div class="col">
<h4>
<a href="/" class="text-decoration-none" style="color: white;"> blog </a>
<a href="/" class="text-decoration-none" style="color: white;">
<img src="/assets/images/book.ico" style="height:30px;width:30px;display: inline;">&nbsp;blog
</a>
</h4>
</div>
<div class="col">
<h4>
<a href="/til" class="text-decoration-none" style="color: white;"> til </a>
<a href="/til" class="text-decoration-none" style="color: white;">
<img src="/assets/images/globe.ico" style="height:30px;width:30px;display: inline;">&nbsp;til
</a>
</h4>
</div>
<div class="col">
<h4>
<a href="/projects" class="text-decoration-none" style="color: white;"> projects </a>
<a href="/projects" class="text-decoration-none" style="color: white;">
<img src="/assets/images/computer.ico" style="height:30px;width:30px;display: inline;">&nbsp;projects
</a>
</h4>
</div>
<div class="col">
<h4>
<a href="http://andrewconlinphotography.co.uk" class="text-decoration-none" style="color: white;"> photos↗ </a>
<a href="http://andrewconlinphotography.co.uk" class="text-decoration-none" style="color: white;">
<img src="/assets/images/film.ico" style="height:30px;width:30px;display: inline;">&nbsp;photos↗
</a>
</h4>
</div>
<div class="col gy-2" style="font-family: Arial, Helvetica, sans-serif;">
&nbsp;<br>
<!--<div class="col gy-2" style="font-family: Arial, Helvetica, sans-serif;">
<h4>
<div>
<span>
@ -85,10 +95,16 @@
</span>
</div>
</h4>
</div>
</div>-->
<hr class="menu">
</div>
</div>
<!--
<h1 class="display-3 logo" style="font-weight:700;" id="logo">
<span style="color:black;background-color:gold;">ac</span>
</h1>
-->
<div class="col col-md-9 content">
<h1 style="font-weight: 500;">
Musings on the power of cinema
@ -97,9 +113,9 @@
</p>
<p style="font-family:Rubik;font-style:italic;">
<i class="fas fa-calendar"></i>&nbsp;14 Jan 2023
<img src="/assets/images/write.ico" style="display: inline;height: 20px;width: 20px;">&nbsp;14 Jan 2023
&nbsp;
<i class="fas fa-clock"></i>&nbsp;1 minute
<img src="/assets/images/alarm.ico" style="display: inline;height: 20px;width: 20px;">&nbsp;1 minute
</p>
<hr>

View File

@ -14,38 +14,48 @@
<body>
<div class="container text-start">
<div class="row row-cols-1 row-cols-md-2">
<div class="row row-cols-1 row-cols-md-3">
<div class="col col-md-3">
<div class="row row-cols-1 g-0" id="nav" style="position:sticky;top:0px;">
<h1 class="display-3 logo" style="font-weight:700;" id="logo">
<span style="color:black;background-color:gold;">ac</span>
</h1>
<div class="row row-cols-1 g-0 content" id="nav">
<img src="/assets/images/me-square.jpg" class="me" style="height: 40px;width: 40px; border-radius: 20px;border: 2px solid white;"><br>
<b>andrew conlin</b><br>
software engineer @ MathWorks<br>
&nbsp;<br>
<div class="col">
<h4>
<a href="/" class="text-decoration-none" style="color: white;"> blog </a>
<a href="/" class="text-decoration-none" style="color: white;">
<img src="/assets/images/book.ico" style="height:30px;width:30px;display: inline;">&nbsp;blog
</a>
</h4>
</div>
<div class="col">
<h4>
<a href="/til" class="text-decoration-none" style="color: white;"> til </a>
<a href="/til" class="text-decoration-none" style="color: white;">
<img src="/assets/images/globe.ico" style="height:30px;width:30px;display: inline;">&nbsp;til
</a>
</h4>
</div>
<div class="col">
<h4>
<a href="/projects" class="text-decoration-none" style="color: white;"> projects </a>
<a href="/projects" class="text-decoration-none" style="color: white;">
<img src="/assets/images/computer.ico" style="height:30px;width:30px;display: inline;">&nbsp;projects
</a>
</h4>
</div>
<div class="col">
<h4>
<a href="http://andrewconlinphotography.co.uk" class="text-decoration-none" style="color: white;"> photos↗ </a>
<a href="http://andrewconlinphotography.co.uk" class="text-decoration-none" style="color: white;">
<img src="/assets/images/film.ico" style="height:30px;width:30px;display: inline;">&nbsp;photos↗
</a>
</h4>
</div>
<div class="col gy-2" style="font-family: Arial, Helvetica, sans-serif;">
&nbsp;<br>
<!--<div class="col gy-2" style="font-family: Arial, Helvetica, sans-serif;">
<h4>
<div>
<span>
@ -85,10 +95,16 @@
</span>
</div>
</h4>
</div>
</div>-->
<hr class="menu">
</div>
</div>
<!--
<h1 class="display-3 logo" style="font-weight:700;" id="logo">
<span style="color:black;background-color:gold;">ac</span>
</h1>
-->
<div class="col col-md-9 content">
<h1 style="font-weight: 500;">
Yuri Felsen on love
@ -97,9 +113,9 @@
</p>
<p style="font-family:Rubik;font-style:italic;">
<i class="fas fa-calendar"></i>&nbsp;05 Mar 2023
<img src="/assets/images/write.ico" style="display: inline;height: 20px;width: 20px;">&nbsp;05 Mar 2023
&nbsp;
<i class="fas fa-clock"></i>&nbsp;1 minute
<img src="/assets/images/alarm.ico" style="display: inline;height: 20px;width: 20px;">&nbsp;1 minute
</p>
<hr>

View File

@ -14,38 +14,48 @@
<body>
<div class="container text-start">
<div class="row row-cols-1 row-cols-md-2">
<div class="row row-cols-1 row-cols-md-3">
<div class="col col-md-3">
<div class="row row-cols-1 g-0" id="nav" style="position:sticky;top:0px;">
<h1 class="display-3 logo" style="font-weight:700;" id="logo">
<span style="color:black;background-color:gold;">ac</span>
</h1>
<div class="row row-cols-1 g-0 content" id="nav">
<img src="/assets/images/me-square.jpg" class="me" style="height: 40px;width: 40px; border-radius: 20px;border: 2px solid white;"><br>
<b>andrew conlin</b><br>
software engineer @ MathWorks<br>
&nbsp;<br>
<div class="col">
<h4>
<a href="/" class="text-decoration-none" style="color: white;"> blog </a>
<a href="/" class="text-decoration-none" style="color: white;">
<img src="/assets/images/book.ico" style="height:30px;width:30px;display: inline;">&nbsp;blog
</a>
</h4>
</div>
<div class="col">
<h4>
<a href="/til" class="text-decoration-none" style="color: white;"> til </a>
<a href="/til" class="text-decoration-none" style="color: white;">
<img src="/assets/images/globe.ico" style="height:30px;width:30px;display: inline;">&nbsp;til
</a>
</h4>
</div>
<div class="col">
<h4>
<a href="/projects" class="text-decoration-none" style="color: white;"> projects </a>
<a href="/projects" class="text-decoration-none" style="color: white;">
<img src="/assets/images/computer.ico" style="height:30px;width:30px;display: inline;">&nbsp;projects
</a>
</h4>
</div>
<div class="col">
<h4>
<a href="http://andrewconlinphotography.co.uk" class="text-decoration-none" style="color: white;"> photos↗ </a>
<a href="http://andrewconlinphotography.co.uk" class="text-decoration-none" style="color: white;">
<img src="/assets/images/film.ico" style="height:30px;width:30px;display: inline;">&nbsp;photos↗
</a>
</h4>
</div>
<div class="col gy-2" style="font-family: Arial, Helvetica, sans-serif;">
&nbsp;<br>
<!--<div class="col gy-2" style="font-family: Arial, Helvetica, sans-serif;">
<h4>
<div>
<span>
@ -85,10 +95,16 @@
</span>
</div>
</h4>
</div>
</div>-->
<hr class="menu">
</div>
</div>
<!--
<h1 class="display-3 logo" style="font-weight:700;" id="logo">
<span style="color:black;background-color:gold;">ac</span>
</h1>
-->
<div class="col col-md-9 content">
<h1 style="font-weight: 500;">
A measure of how easily thoughts can be translated to action
@ -97,9 +113,9 @@
</p>
<p style="font-family:Rubik;font-style:italic;">
<i class="fas fa-calendar"></i>&nbsp;10 Mar 2023
<img src="/assets/images/write.ico" style="display: inline;height: 20px;width: 20px;">&nbsp;10 Mar 2023
&nbsp;
<i class="fas fa-clock"></i>&nbsp;2 minutes
<img src="/assets/images/alarm.ico" style="display: inline;height: 20px;width: 20px;">&nbsp;2 minutes
</p>
<hr>

View File

@ -14,38 +14,48 @@
<body>
<div class="container text-start">
<div class="row row-cols-1 row-cols-md-2">
<div class="row row-cols-1 row-cols-md-3">
<div class="col col-md-3">
<div class="row row-cols-1 g-0" id="nav" style="position:sticky;top:0px;">
<h1 class="display-3 logo" style="font-weight:700;" id="logo">
<span style="color:black;background-color:gold;">ac</span>
</h1>
<div class="row row-cols-1 g-0 content" id="nav">
<img src="/assets/images/me-square.jpg" class="me" style="height: 40px;width: 40px; border-radius: 20px;border: 2px solid white;"><br>
<b>andrew conlin</b><br>
software engineer @ MathWorks<br>
&nbsp;<br>
<div class="col">
<h4>
<a href="/" class="text-decoration-none" style="color: white;"> blog </a>
<a href="/" class="text-decoration-none" style="color: white;">
<img src="/assets/images/book.ico" style="height:30px;width:30px;display: inline;">&nbsp;blog
</a>
</h4>
</div>
<div class="col">
<h4>
<a href="/til" class="text-decoration-none" style="color: white;"> til </a>
<a href="/til" class="text-decoration-none" style="color: white;">
<img src="/assets/images/globe.ico" style="height:30px;width:30px;display: inline;">&nbsp;til
</a>
</h4>
</div>
<div class="col">
<h4>
<a href="/projects" class="text-decoration-none" style="color: white;"> projects </a>
<a href="/projects" class="text-decoration-none" style="color: white;">
<img src="/assets/images/computer.ico" style="height:30px;width:30px;display: inline;">&nbsp;projects
</a>
</h4>
</div>
<div class="col">
<h4>
<a href="http://andrewconlinphotography.co.uk" class="text-decoration-none" style="color: white;"> photos↗ </a>
<a href="http://andrewconlinphotography.co.uk" class="text-decoration-none" style="color: white;">
<img src="/assets/images/film.ico" style="height:30px;width:30px;display: inline;">&nbsp;photos↗
</a>
</h4>
</div>
<div class="col gy-2" style="font-family: Arial, Helvetica, sans-serif;">
&nbsp;<br>
<!--<div class="col gy-2" style="font-family: Arial, Helvetica, sans-serif;">
<h4>
<div>
<span>
@ -85,10 +95,16 @@
</span>
</div>
</h4>
</div>
</div>-->
<hr class="menu">
</div>
</div>
<!--
<h1 class="display-3 logo" style="font-weight:700;" id="logo">
<span style="color:black;background-color:gold;">ac</span>
</h1>
-->
<div class="col col-md-9 content">
<h1 style="font-weight: 500;">
Links aren't performances
@ -97,9 +113,9 @@
</p>
<p style="font-family:Rubik;font-style:italic;">
<i class="fas fa-calendar"></i>&nbsp;29 Apr 2023
<img src="/assets/images/write.ico" style="display: inline;height: 20px;width: 20px;">&nbsp;29 Apr 2023
&nbsp;
<i class="fas fa-clock"></i>&nbsp;1 minute
<img src="/assets/images/alarm.ico" style="display: inline;height: 20px;width: 20px;">&nbsp;1 minute
</p>
<hr>

View File

@ -1,4 +1,4 @@
<?xml version="1.0" encoding="utf-8"?><feed xmlns="http://www.w3.org/2005/Atom" ><generator uri="https://jekyllrb.com/" version="4.3.2">Jekyll</generator><link href="http://localhost:4000/feed.xml" rel="self" type="application/atom+xml" /><link href="http://localhost:4000/" rel="alternate" type="text/html" /><updated>2023-09-08T10:58:34+01:00</updated><id>http://localhost:4000/feed.xml</id><author><name>Andrew Conlin</name></author><entry><title type="html">Links arent performances</title><link href="http://localhost:4000/blog/2023/04/29/links-arent-performances/" rel="alternate" type="text/html" title="Links arent performances" /><published>2023-04-29T00:00:00+01:00</published><updated>2023-04-29T00:00:00+01:00</updated><id>http://localhost:4000/blog/2023/04/29/links-arent-performances</id><content type="html" xml:base="http://localhost:4000/blog/2023/04/29/links-arent-performances/"><![CDATA[<p><em>“For starters, it finds that publishing a link can be a “performance” of a copyrighted work, which meant that when Linkletter linked to the world-viewable Youtube files that Proctorio had posted, he infringed on copyright.</em></p>
<?xml version="1.0" encoding="utf-8"?><feed xmlns="http://www.w3.org/2005/Atom" ><generator uri="https://jekyllrb.com/" version="4.3.2">Jekyll</generator><link href="http://localhost:4000/feed.xml" rel="self" type="application/atom+xml" /><link href="http://localhost:4000/" rel="alternate" type="text/html" /><updated>2023-09-13T09:53:14+01:00</updated><id>http://localhost:4000/feed.xml</id><author><name>Andrew Conlin</name></author><entry><title type="html">Links arent performances</title><link href="http://localhost:4000/blog/2023/04/29/links-arent-performances/" rel="alternate" type="text/html" title="Links arent performances" /><published>2023-04-29T00:00:00+01:00</published><updated>2023-04-29T00:00:00+01:00</updated><id>http://localhost:4000/blog/2023/04/29/links-arent-performances</id><content type="html" xml:base="http://localhost:4000/blog/2023/04/29/links-arent-performances/"><![CDATA[<p><em>“For starters, it finds that publishing a link can be a “performance” of a copyrighted work, which meant that when Linkletter linked to the world-viewable Youtube files that Proctorio had posted, he infringed on copyright.</em></p>
<p><em>This is a perverse, even surreal take on copyright. The court rejects Linkletters argument that even Youtubes terms of service warned Proctorio that publishing world-viewable material on its site constituted permission for people to link to and watch that material.”</em></p>

29
_site/feed/blog.xml Normal file
View File

@ -0,0 +1,29 @@
<?xml version="1.0" encoding="utf-8"?><feed xmlns="http://www.w3.org/2005/Atom" ><generator uri="https://jekyllrb.com/" version="4.3.2">Jekyll</generator><link href="http://localhost:4000/feed/blog.xml" rel="self" type="application/atom+xml" /><link href="http://localhost:4000/" rel="alternate" type="text/html" /><updated>2023-09-13T09:53:14+01:00</updated><id>http://localhost:4000/feed/blog.xml</id><title type="html"> | Blog</title><author><name>Andrew Conlin</name></author><entry><title type="html">Links arent performances</title><link href="http://localhost:4000/blog/2023/04/29/links-arent-performances/" rel="alternate" type="text/html" title="Links arent performances" /><published>2023-04-29T00:00:00+01:00</published><updated>2023-04-29T00:00:00+01:00</updated><id>http://localhost:4000/blog/2023/04/29/links-arent-performances</id><content type="html" xml:base="http://localhost:4000/blog/2023/04/29/links-arent-performances/"><![CDATA[<p><em>“For starters, it finds that publishing a link can be a “performance” of a copyrighted work, which meant that when Linkletter linked to the world-viewable Youtube files that Proctorio had posted, he infringed on copyright.</em></p>
<p><em>This is a perverse, even surreal take on copyright. The court rejects Linkletters argument that even Youtubes terms of service warned Proctorio that publishing world-viewable material on its site constituted permission for people to link to and watch that material.”</em></p>
<p>Via: <a href="https://pluralistic.net/2023/04/20/links-arent-performances/#free-ian-linkletter">Pluralistic</a></p>]]></content><author><name>Andrew Conlin</name></author><category term="blog" /><summary type="html"><![CDATA[“For starters, it finds that publishing a link can be a “performance” of a copyrighted work, which meant that when Linkletter linked to the world-viewable Youtube files that Proctorio had posted, he infringed on copyright.]]></summary></entry><entry><title type="html">A measure of how easily thoughts can be translated to action</title><link href="http://localhost:4000/blog/2023/03/10/putting-thoughts-into-action/" rel="alternate" type="text/html" title="A measure of how easily thoughts can be translated to action" /><published>2023-03-10T00:00:00+00:00</published><updated>2023-03-10T00:00:00+00:00</updated><id>http://localhost:4000/blog/2023/03/10/putting-thoughts-into-action</id><content type="html" xml:base="http://localhost:4000/blog/2023/03/10/putting-thoughts-into-action/"><![CDATA[<p>Recently, Ive been using multiple different languages and frameworks (both at work and personally) and Ive been thinking about why I prefer some over others. Ultimately, I think it comes down to this:</p>
<p><em>How easily can I translate what I am thinking about into a working setup?</em></p>
<p>That is, how much effort needs to go into converting my idea into a solution? (If there is not already a word for this, then there should be. Dont worry, I am willing to take the hit and have it named after me.)</p>
<p>For example, Ive been building this website over the past month or so. Generally, for static websites, I think that HTML + CSS are very good at allowing me to get what I see in my head running on <code class="language-plaintext highlighter-rouge">localhost</code>. At this point CSS has so many different options that you just need to find the right search terms in order to get what you want.</p>
<p>However, they are both lacking somewhat in <em>intuitiveness</em>. Especially when starting out, it can get very confusing to know the right tags and the right syntax and the right placement (and so on) to realise your vision.</p>
<p>This is where services like Squarespace et al. come into play. They give you that intuitive UI, dragging and dropping of features, resizing and changing colours. They make it super duper easy to do the actual building, at the cost of the range of bricks you can use.</p>
<p>So, we have two measures:</p>
<ol>
<li>Can I do everything I want to?</li>
<li>How easy is it?</li>
</ol>
<p>These are usually a direct tradeoff, with ease typically preferred over options. This tends to frustrate me, as I want full control of all those little configurations.</p>
<p>The solution to this, at least for me, are frameworks such as Bootstrap and Jekyll. They put a layer between the user and the options; essentially translating and simplying all the little configurations into something much easier to work with. Columns in Bootstrap make page layouts simple; markdown-to-html parsing in Jekyll makes text formatting a breeze. But, most importantly of all, these frameworks dont sacrifice on the possibilities. They make it easier to apply complex setups, but if you want to go in and tweak absolutely everything to your liking, go right ahead. By providing the user with simpler ways of doing the same things as before, they manage to bridge the gap between <em>Can I do everything I want to?</em> and <em>How easy is it?</em>. And I think that is beautiful.</p>]]></content><author><name>Andrew Conlin</name></author><category term="blog" /><summary type="html"><![CDATA[Recently, Ive been using multiple different languages and frameworks (both at work and personally) and Ive been thinking about why I prefer some over others. Ultimately, I think it comes down to this:]]></summary></entry><entry><title type="html">Yuri Felsen on love</title><link href="http://localhost:4000/blog/2023/03/05/yuri-felsen-on-love/" rel="alternate" type="text/html" title="Yuri Felsen on love" /><published>2023-03-05T00:00:00+00:00</published><updated>2023-03-05T00:00:00+00:00</updated><id>http://localhost:4000/blog/2023/03/05/yuri-felsen-on-love</id><content type="html" xml:base="http://localhost:4000/blog/2023/03/05/yuri-felsen-on-love/"><![CDATA[<p><em>“Like everyone, I have my own, maybe obsessive futile, maybe in some way authentic, vision: all of a sudden, I will imagine the entire homogenous world as it is revealed to us-the streets, the cities, the rooms, those intelligent beasts of a sad and predatory nature, who have learn to stand on their hind legs, who have built all this but are fated to disappear, who, despite this, still try to cling to something solid and lasting, still try to ward off the inevitability of death, who dreamt up fairy tales and, now that these stories have been disproved, are disconsolate - and for me the only means of defending myself from our terrible fate is love, my love - Lyolya. Without love we fall into a stupor or despair, it covers our naked animal essence; with the fear of death, with deliberate attempts to grab hold of some kind of eternity, one that is at once a mystery to us and yet devised by us, even the remains of love, even its very echo in music, imbues us with a semblance of fearlessness, dignity and the spiritual range to disregard death. Only by loving, by knowing about love, hoping for love, are we inspired and meaningfully engaged in life, able to banish the sovereignty of petty day-to-day cares, to stop waiting for the end to come”</em></p>
<p><strong>- Yuri Felsen (<em>trans. Bryan Karetnyk</em>)</strong></p>
<p>From Deceit, first published in 1930 and translated to English in 2022.</p>]]></content><author><name>Andrew Conlin</name></author><category term="blog" /><summary type="html"><![CDATA[“Like everyone, I have my own, maybe obsessive futile, maybe in some way authentic, vision: all of a sudden, I will imagine the entire homogenous world as it is revealed to us-the streets, the cities, the rooms, those intelligent beasts of a sad and predatory nature, who have learn to stand on their hind legs, who have built all this but are fated to disappear, who, despite this, still try to cling to something solid and lasting, still try to ward off the inevitability of death, who dreamt up fairy tales and, now that these stories have been disproved, are disconsolate - and for me the only means of defending myself from our terrible fate is love, my love - Lyolya. Without love we fall into a stupor or despair, it covers our naked animal essence; with the fear of death, with deliberate attempts to grab hold of some kind of eternity, one that is at once a mystery to us and yet devised by us, even the remains of love, even its very echo in music, imbues us with a semblance of fearlessness, dignity and the spiritual range to disregard death. Only by loving, by knowing about love, hoping for love, are we inspired and meaningfully engaged in life, able to banish the sovereignty of petty day-to-day cares, to stop waiting for the end to come”]]></summary></entry><entry><title type="html">Musings on the power of cinema</title><link href="http://localhost:4000/blog/2023/01/14/musings-on-the-cinema/" rel="alternate" type="text/html" title="Musings on the power of cinema" /><published>2023-01-14T00:00:00+00:00</published><updated>2023-01-14T00:00:00+00:00</updated><id>http://localhost:4000/blog/2023/01/14/musings-on-the-cinema</id><content type="html" xml:base="http://localhost:4000/blog/2023/01/14/musings-on-the-cinema/"><![CDATA[<p>Ive realised that going to the cinema makes me sad; a quiet, contemplative melancholy. Ennui. No matter the film, something about the cinema experience is meditative for me. I always look at things differently in the aftermath; like my perception is temporarily knocked off balance. No, more like a fog is lifted for a while. I especially enjoy that time immediately after, the cycle home. I notice so many little details, scenes of beauty and of strange nostalgia. Like Im finally seeing the world how it is, or rather, I begin to see rather than look, listen rather than hear. I feel as though these moments, however brief, are when I am truly in touch with myself. My soul, my inner essence. This is why I love the cinema. These moments of private melancholy, of temporary clarity. It is a feeling I cannot replicate anywhere else in my life.</p>]]></content><author><name>Andrew Conlin</name></author><category term="blog" /><summary type="html"><![CDATA[Ive realised that going to the cinema makes me sad; a quiet, contemplative melancholy. Ennui. No matter the film, something about the cinema experience is meditative for me. I always look at things differently in the aftermath; like my perception is temporarily knocked off balance. No, more like a fog is lifted for a while. I especially enjoy that time immediately after, the cycle home. I notice so many little details, scenes of beauty and of strange nostalgia. Like Im finally seeing the world how it is, or rather, I begin to see rather than look, listen rather than hear. I feel as though these moments, however brief, are when I am truly in touch with myself. My soul, my inner essence. This is why I love the cinema. These moments of private melancholy, of temporary clarity. It is a feeling I cannot replicate anywhere else in my life.]]></summary></entry></feed>

139
_site/feed/til.xml Normal file

File diff suppressed because one or more lines are too long

View File

@ -14,38 +14,48 @@
<body>
<div class="container text-start">
<div class="row row-cols-1 row-cols-md-2">
<div class="row row-cols-1 row-cols-md-3">
<div class="col col-md-3">
<div class="row row-cols-1 g-0" id="nav" style="position:sticky;top:0px;">
<h1 class="display-3 logo" style="font-weight:700;" id="logo">
<span style="color:black;background-color:gold;">ac</span>
</h1>
<div class="row row-cols-1 g-0 content" id="nav">
<img src="/assets/images/me-square.jpg" class="me" style="height: 40px;width: 40px; border-radius: 20px;border: 2px solid white;"><br>
<b>andrew conlin</b><br>
software engineer @ MathWorks<br>
&nbsp;<br>
<div class="col">
<h4>
<a href="/" class="text-decoration-none" style="color: white;"> blog </a>
<a href="/" class="text-decoration-none" style="color: white;">
<img src="/assets/images/book.ico" style="height:30px;width:30px;display: inline;">&nbsp;blog
</a>
</h4>
</div>
<div class="col">
<h4>
<a href="/til" class="text-decoration-none" style="color: white;"> til </a>
<a href="/til" class="text-decoration-none" style="color: white;">
<img src="/assets/images/globe.ico" style="height:30px;width:30px;display: inline;">&nbsp;til
</a>
</h4>
</div>
<div class="col">
<h4>
<a href="/projects" class="text-decoration-none" style="color: white;"> projects </a>
<a href="/projects" class="text-decoration-none" style="color: white;">
<img src="/assets/images/computer.ico" style="height:30px;width:30px;display: inline;">&nbsp;projects
</a>
</h4>
</div>
<div class="col">
<h4>
<a href="http://andrewconlinphotography.co.uk" class="text-decoration-none" style="color: white;"> photos↗ </a>
<a href="http://andrewconlinphotography.co.uk" class="text-decoration-none" style="color: white;">
<img src="/assets/images/film.ico" style="height:30px;width:30px;display: inline;">&nbsp;photos↗
</a>
</h4>
</div>
<div class="col gy-2" style="font-family: Arial, Helvetica, sans-serif;">
&nbsp;<br>
<!--<div class="col gy-2" style="font-family: Arial, Helvetica, sans-serif;">
<h4>
<div>
<span>
@ -85,13 +95,19 @@
</span>
</div>
</h4>
</div>
</div>-->
<hr class="menu">
</div>
</div>
<!--
<h1 class="display-3 logo" style="font-weight:700;" id="logo">
<span style="color:black;background-color:gold;">ac</span>
</h1>
-->
<div class="col col-md-9 content">
<h1 style="font-weight: 500;">
latest posts <span style="font-size:20px;"><a href="/feed.xml"><i class="fas fa-rss-square"></i></a></span>
latest posts <span style="font-size:20px;"><a href="/feed/blog.xml"><i class="fas fa-rss-square"></i></a></span>
</h1>
<p>
all the posts, in reverse chronological. there is an atom feed above.
@ -104,7 +120,7 @@
<li>
<h4><a href="/blog/2023/04/29/links-arent-performances/">Links aren't performances</a></h4>
<div style="font-style: italic;">
<i class="fas fa-calendar"></i>&nbsp;29 Apr 2023
<img src="/assets/images/write.ico" style="display: inline;height: 20px;width: 20px;">&nbsp;29 Apr 2023
</div>
“For starters, it finds that publishing a link can be a “performance” of a copyrighted work, which meant that when Linkletter linked to the world-viewable Youtube files that Proctorio had...
<br>
@ -120,7 +136,7 @@
<li>
<h4><a href="/blog/2023/03/10/putting-thoughts-into-action/">A measure of how easily thoughts can be translated to action</a></h4>
<div style="font-style: italic;">
<i class="fas fa-calendar"></i>&nbsp;10 Mar 2023
<img src="/assets/images/write.ico" style="display: inline;height: 20px;width: 20px;">&nbsp;10 Mar 2023
</div>
Recently, Ive been using multiple different languages and frameworks (both at work and personally) and Ive been thinking about why I prefer some over others. Ultimately, I think it comes...
<br>
@ -133,7 +149,7 @@
<li>
<h4><a href="/blog/2023/03/05/yuri-felsen-on-love/">Yuri Felsen on love</a></h4>
<div style="font-style: italic;">
<i class="fas fa-calendar"></i>&nbsp;05 Mar 2023
<img src="/assets/images/write.ico" style="display: inline;height: 20px;width: 20px;">&nbsp;05 Mar 2023
</div>
“Like everyone, I have my own, maybe obsessive futile, maybe in some way authentic, vision: all of a sudden, I will imagine the entire homogenous world as it is revealed...
<br>
@ -149,7 +165,7 @@
<li>
<h4><a href="/blog/2023/01/14/musings-on-the-cinema/">Musings on the power of cinema</a></h4>
<div style="font-style: italic;">
<i class="fas fa-calendar"></i>&nbsp;14 Jan 2023
<img src="/assets/images/write.ico" style="display: inline;height: 20px;width: 20px;">&nbsp;14 Jan 2023
</div>
Ive realised that going to the cinema makes me sad; a quiet, contemplative melancholy. Ennui. No matter the film, something about the cinema experience is meditative for me. I always...
<br>

View File

@ -14,38 +14,48 @@
<body>
<div class="container text-start">
<div class="row row-cols-1 row-cols-md-2">
<div class="row row-cols-1 row-cols-md-3">
<div class="col col-md-3">
<div class="row row-cols-1 g-0" id="nav" style="position:sticky;top:0px;">
<h1 class="display-3 logo" style="font-weight:700;" id="logo">
<span style="color:black;background-color:gold;">ac</span>
</h1>
<div class="row row-cols-1 g-0 content" id="nav">
<img src="/assets/images/me-square.jpg" class="me" style="height: 40px;width: 40px; border-radius: 20px;border: 2px solid white;"><br>
<b>andrew conlin</b><br>
software engineer @ MathWorks<br>
&nbsp;<br>
<div class="col">
<h4>
<a href="/" class="text-decoration-none" style="color: white;"> blog </a>
<a href="/" class="text-decoration-none" style="color: white;">
<img src="/assets/images/book.ico" style="height:30px;width:30px;display: inline;">&nbsp;blog
</a>
</h4>
</div>
<div class="col">
<h4>
<a href="/til" class="text-decoration-none" style="color: white;"> til </a>
<a href="/til" class="text-decoration-none" style="color: white;">
<img src="/assets/images/globe.ico" style="height:30px;width:30px;display: inline;">&nbsp;til
</a>
</h4>
</div>
<div class="col">
<h4>
<a href="/projects" class="text-decoration-none" style="color: white;"> projects </a>
<a href="/projects" class="text-decoration-none" style="color: white;">
<img src="/assets/images/computer.ico" style="height:30px;width:30px;display: inline;">&nbsp;projects
</a>
</h4>
</div>
<div class="col">
<h4>
<a href="http://andrewconlinphotography.co.uk" class="text-decoration-none" style="color: white;"> photos↗ </a>
<a href="http://andrewconlinphotography.co.uk" class="text-decoration-none" style="color: white;">
<img src="/assets/images/film.ico" style="height:30px;width:30px;display: inline;">&nbsp;photos↗
</a>
</h4>
</div>
<div class="col gy-2" style="font-family: Arial, Helvetica, sans-serif;">
&nbsp;<br>
<!--<div class="col gy-2" style="font-family: Arial, Helvetica, sans-serif;">
<h4>
<div>
<span>
@ -85,10 +95,16 @@
</span>
</div>
</h4>
</div>
</div>-->
<hr class="menu">
</div>
</div>
<!--
<h1 class="display-3 logo" style="font-weight:700;" id="logo">
<span style="color:black;background-color:gold;">ac</span>
</h1>
-->
<div class="col col-md-9 content">
<h1 style="font-weight: 500;">
about me

View File

@ -14,38 +14,48 @@
<body>
<div class="container text-start">
<div class="row row-cols-1 row-cols-md-2">
<div class="row row-cols-1 row-cols-md-3">
<div class="col col-md-3">
<div class="row row-cols-1 g-0" id="nav" style="position:sticky;top:0px;">
<h1 class="display-3 logo" style="font-weight:700;" id="logo">
<span style="color:black;background-color:gold;">ac</span>
</h1>
<div class="row row-cols-1 g-0 content" id="nav">
<img src="/assets/images/me-square.jpg" class="me" style="height: 40px;width: 40px; border-radius: 20px;border: 2px solid white;"><br>
<b>andrew conlin</b><br>
software engineer @ MathWorks<br>
&nbsp;<br>
<div class="col">
<h4>
<a href="/" class="text-decoration-none" style="color: white;"> blog </a>
<a href="/" class="text-decoration-none" style="color: white;">
<img src="/assets/images/book.ico" style="height:30px;width:30px;display: inline;">&nbsp;blog
</a>
</h4>
</div>
<div class="col">
<h4>
<a href="/til" class="text-decoration-none" style="color: white;"> til </a>
<a href="/til" class="text-decoration-none" style="color: white;">
<img src="/assets/images/globe.ico" style="height:30px;width:30px;display: inline;">&nbsp;til
</a>
</h4>
</div>
<div class="col">
<h4>
<a href="/projects" class="text-decoration-none" style="color: white;"> projects </a>
<a href="/projects" class="text-decoration-none" style="color: white;">
<img src="/assets/images/computer.ico" style="height:30px;width:30px;display: inline;">&nbsp;projects
</a>
</h4>
</div>
<div class="col">
<h4>
<a href="http://andrewconlinphotography.co.uk" class="text-decoration-none" style="color: white;"> photos↗ </a>
<a href="http://andrewconlinphotography.co.uk" class="text-decoration-none" style="color: white;">
<img src="/assets/images/film.ico" style="height:30px;width:30px;display: inline;">&nbsp;photos↗
</a>
</h4>
</div>
<div class="col gy-2" style="font-family: Arial, Helvetica, sans-serif;">
&nbsp;<br>
<!--<div class="col gy-2" style="font-family: Arial, Helvetica, sans-serif;">
<h4>
<div>
<span>
@ -85,10 +95,16 @@
</span>
</div>
</h4>
</div>
</div>-->
<hr class="menu">
</div>
</div>
<!--
<h1 class="display-3 logo" style="font-weight:700;" id="logo">
<span style="color:black;background-color:gold;">ac</span>
</h1>
-->
<div class="col col-md-9 content">
<h1 style="font-weight: 500;">
latest tils <span style="font-size:20px;"><a href="/feed/til.xml"><i class="fas fa-rss-square"></i></a></span>
@ -107,7 +123,7 @@
<li>
<h4><a href="/til/running-python-in-cron-in-docker/">Running a Python script periodically in a Docker container using cron</a></h4>
<div style="font-family:Rubik;font-style: italic;">
<i class="fas fa-calendar"></i>&nbsp;19 Apr 2023
<img src="/assets/images/write.ico" style="display: inline;height: 20px;width: 20px;">&nbsp;19 Apr 2023
</div>
Recently, my partner gave a great idea for utilising my old Kindle: generate a “newspaper” each morning from a bunch of RSS feeds, and email it to the Kindle using...
<br>
@ -126,7 +142,7 @@
<li>
<h4><a href="/til/nextcloud-php-errors/">Fixing php errors in a Nextcloud docker-compose configuration</a></h4>
<div style="font-family:Rubik;font-style: italic;">
<i class="fas fa-calendar"></i>&nbsp;01 Mar 2023
<img src="/assets/images/write.ico" style="display: inline;height: 20px;width: 20px;">&nbsp;01 Mar 2023
</div>
I was trying to rescan the files in my Nextcloud server (running on Raspberry Pi 4 with DietPi), and kept running into some weird php errors. First error - “could...
<br>

View File

@ -14,38 +14,48 @@
<body>
<div class="container text-start">
<div class="row row-cols-1 row-cols-md-2">
<div class="row row-cols-1 row-cols-md-3">
<div class="col col-md-3">
<div class="row row-cols-1 g-0" id="nav" style="position:sticky;top:0px;">
<h1 class="display-3 logo" style="font-weight:700;" id="logo">
<span style="color:black;background-color:gold;">ac</span>
</h1>
<div class="row row-cols-1 g-0 content" id="nav">
<img src="/assets/images/me-square.jpg" class="me" style="height: 40px;width: 40px; border-radius: 20px;border: 2px solid white;"><br>
<b>andrew conlin</b><br>
software engineer @ MathWorks<br>
&nbsp;<br>
<div class="col">
<h4>
<a href="/" class="text-decoration-none" style="color: white;"> blog </a>
<a href="/" class="text-decoration-none" style="color: white;">
<img src="/assets/images/book.ico" style="height:30px;width:30px;display: inline;">&nbsp;blog
</a>
</h4>
</div>
<div class="col">
<h4>
<a href="/til" class="text-decoration-none" style="color: white;"> til </a>
<a href="/til" class="text-decoration-none" style="color: white;">
<img src="/assets/images/globe.ico" style="height:30px;width:30px;display: inline;">&nbsp;til
</a>
</h4>
</div>
<div class="col">
<h4>
<a href="/projects" class="text-decoration-none" style="color: white;"> projects </a>
<a href="/projects" class="text-decoration-none" style="color: white;">
<img src="/assets/images/computer.ico" style="height:30px;width:30px;display: inline;">&nbsp;projects
</a>
</h4>
</div>
<div class="col">
<h4>
<a href="http://andrewconlinphotography.co.uk" class="text-decoration-none" style="color: white;"> photos↗ </a>
<a href="http://andrewconlinphotography.co.uk" class="text-decoration-none" style="color: white;">
<img src="/assets/images/film.ico" style="height:30px;width:30px;display: inline;">&nbsp;photos↗
</a>
</h4>
</div>
<div class="col gy-2" style="font-family: Arial, Helvetica, sans-serif;">
&nbsp;<br>
<!--<div class="col gy-2" style="font-family: Arial, Helvetica, sans-serif;">
<h4>
<div>
<span>
@ -85,10 +95,16 @@
</span>
</div>
</h4>
</div>
</div>-->
<hr class="menu">
</div>
</div>
<!--
<h1 class="display-3 logo" style="font-weight:700;" id="logo">
<span style="color:black;background-color:gold;">ac</span>
</h1>
-->
<div class="col col-md-9 content">
<h1 style="font-weight: 500;">
Fixing php errors in a Nextcloud docker-compose configuration
@ -97,9 +113,9 @@
</p>
<p style="font-family:Rubik;font-style:italic;">
<i class="fas fa-calendar"></i>&nbsp;01 Mar 2023
<img src="/assets/images/write.ico" style="display: inline;height: 20px;width: 20px;">&nbsp;01 Mar 2023
&nbsp;
<i class="fas fa-clock"></i>&nbsp;2 minutes
<img src="/assets/images/alarm.ico" style="display: inline;height: 20px;width: 20px;">&nbsp;2 minutes
</p>
<hr>

View File

@ -14,38 +14,48 @@
<body>
<div class="container text-start">
<div class="row row-cols-1 row-cols-md-2">
<div class="row row-cols-1 row-cols-md-3">
<div class="col col-md-3">
<div class="row row-cols-1 g-0" id="nav" style="position:sticky;top:0px;">
<h1 class="display-3 logo" style="font-weight:700;" id="logo">
<span style="color:black;background-color:gold;">ac</span>
</h1>
<div class="row row-cols-1 g-0 content" id="nav">
<img src="/assets/images/me-square.jpg" class="me" style="height: 40px;width: 40px; border-radius: 20px;border: 2px solid white;"><br>
<b>andrew conlin</b><br>
software engineer @ MathWorks<br>
&nbsp;<br>
<div class="col">
<h4>
<a href="/" class="text-decoration-none" style="color: white;"> blog </a>
<a href="/" class="text-decoration-none" style="color: white;">
<img src="/assets/images/book.ico" style="height:30px;width:30px;display: inline;">&nbsp;blog
</a>
</h4>
</div>
<div class="col">
<h4>
<a href="/til" class="text-decoration-none" style="color: white;"> til </a>
<a href="/til" class="text-decoration-none" style="color: white;">
<img src="/assets/images/globe.ico" style="height:30px;width:30px;display: inline;">&nbsp;til
</a>
</h4>
</div>
<div class="col">
<h4>
<a href="/projects" class="text-decoration-none" style="color: white;"> projects </a>
<a href="/projects" class="text-decoration-none" style="color: white;">
<img src="/assets/images/computer.ico" style="height:30px;width:30px;display: inline;">&nbsp;projects
</a>
</h4>
</div>
<div class="col">
<h4>
<a href="http://andrewconlinphotography.co.uk" class="text-decoration-none" style="color: white;"> photos↗ </a>
<a href="http://andrewconlinphotography.co.uk" class="text-decoration-none" style="color: white;">
<img src="/assets/images/film.ico" style="height:30px;width:30px;display: inline;">&nbsp;photos↗
</a>
</h4>
</div>
<div class="col gy-2" style="font-family: Arial, Helvetica, sans-serif;">
&nbsp;<br>
<!--<div class="col gy-2" style="font-family: Arial, Helvetica, sans-serif;">
<h4>
<div>
<span>
@ -85,10 +95,16 @@
</span>
</div>
</h4>
</div>
</div>-->
<hr class="menu">
</div>
</div>
<!--
<h1 class="display-3 logo" style="font-weight:700;" id="logo">
<span style="color:black;background-color:gold;">ac</span>
</h1>
-->
<div class="col col-md-9 content">
<h1 style="font-weight: 500;">
Running a Python script periodically in a Docker container using cron
@ -97,9 +113,9 @@
</p>
<p style="font-family:Rubik;font-style:italic;">
<i class="fas fa-calendar"></i>&nbsp;19 Apr 2023
<img src="/assets/images/write.ico" style="display: inline;height: 20px;width: 20px;">&nbsp;19 Apr 2023
&nbsp;
<i class="fas fa-clock"></i>&nbsp;3 minutes
<img src="/assets/images/alarm.ico" style="display: inline;height: 20px;width: 20px;">&nbsp;3 minutes
</p>
<hr>

View File

@ -26,7 +26,7 @@ div.content {
@media (max-width: 768px) {
div.content {
top: 0px;
top: 20px;
}
}
@ -53,25 +53,12 @@ pre {
white-space: pre-wrap;
}
img {
display: block;
width: 30vw;
}
img.letterboxd {
display: inline-block;
width:20px;
margin-bottom: 5px;
}
@media (max-width: 768px) {
img {
width: 90vw;
margin-left: auto;
margin-right: auto;
}
}
@media (max-width: 768px) {
img.letterboxd {
margin-left: 0;

BIN
assets/images/alarm.ico Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 766 B

BIN
assets/images/book.ico Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 766 B

BIN
assets/images/computer.ico Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.1 KiB

BIN
assets/images/desktop.ico Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.1 KiB

BIN
assets/images/film.ico Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 766 B

BIN
assets/images/globe.ico Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.1 KiB

BIN
assets/images/me-square.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 448 KiB

BIN
assets/images/write.ico Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 766 B

View File

@ -1,6 +1,6 @@
---
layout: default
title: latest posts <span style="font-size:20px;"><a href="/feed.xml"><i class="fas fa-rss-square"></i></a></span>
title: latest posts <span style="font-size:20px;"><a href="/feed/blog.xml"><i class="fas fa-rss-square"></i></a></span>
subtitle: all the posts, in reverse chronological. there is an atom feed above.
permalink: /
---
@ -14,7 +14,7 @@ permalink: /
<li>
<h4><a href="{{ post.url }}">{{ post.title }}</a></h4>
<div style="font-style: italic;">
<i class="fas fa-calendar"></i>&nbsp;{{ post.date | date_to_string }}
<img src="/assets/images/write.ico" style="display: inline;height: 20px;width: 20px;">&nbsp;{{ post.date | date_to_string }}
</div>
{{ post.content | strip_html | truncatewords: 30 }}
<br>

View File

@ -14,7 +14,7 @@ permalink: /til/
<li>
<h4><a href="{{ post.url }}">{{ post.title }}</a></h4>
<div style="font-family:Rubik;font-style: italic;">
<i class="fas fa-calendar"></i>&nbsp;{{ post.date | date_to_string }}
<img src="/assets/images/write.ico" style="display: inline;height: 20px;width: 20px;">&nbsp;{{ post.date | date_to_string }}
</div>
{{ post.content | strip_html | truncatewords: 30 }}
<br>