summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorPaul Buetow <paul@buetow.org>2021-05-13 18:08:41 +0100
committerPaul Buetow <git@mx.buetow.org>2021-05-21 05:11:05 +0100
commit0e3cf3d5e42f884c022720b02f79e87fe060f93a (patch)
tree36b38b2d48f1d349812b9734608872934a14279f
parent5cab54c35ef2b256b31754fb3df0a376becee897 (diff)
simplify html css style
-rw-r--r--content/html/contact-information.html11
-rw-r--r--content/html/gemfeed/2008-06-26-perl-poetry.html13
-rw-r--r--content/html/gemfeed/2010-05-09-the-fype-programming-language.html13
-rw-r--r--content/html/gemfeed/2011-05-07-perl-daemon-service-framework.html13
-rw-r--r--content/html/gemfeed/2016-04-03-offsite-backup-with-zfs.html13
-rw-r--r--content/html/gemfeed/2016-04-16-offsite-backup-with-zfs-part2.html13
-rw-r--r--content/html/gemfeed/2016-05-22-spinning-up-my-own-authoritative-dns-servers.html13
-rw-r--r--content/html/gemfeed/2016-11-20-methods-in-c.html13
-rw-r--r--content/html/gemfeed/2018-06-01-realistic-load-testing-with-ioriot-for-linux.draft.html11
-rw-r--r--content/html/gemfeed/2021-04-22-dtail-the-distributed-log-tail-program.html13
-rw-r--r--content/html/gemfeed/2021-04-24-welcome-to-the-geminispace.html15
-rw-r--r--content/html/gemfeed/2021-05-15-buetow.org.sh-One-Bash-script-to-rule-it-all.draft.html11
-rw-r--r--content/html/gemfeed/index.html11
-rw-r--r--content/html/index.html11
-rw-r--r--content/html/resources.html11
-rw-r--r--header.html.part11
-rw-r--r--modules/html.source.sh4
17 files changed, 44 insertions, 156 deletions
diff --git a/content/html/contact-information.html b/content/html/contact-information.html
index 20bbec6..7f76398 100644
--- a/content/html/contact-information.html
+++ b/content/html/contact-information.html
@@ -5,16 +5,9 @@
<title>Having fun with computers!</title>
<link rel="shortcut icon" type="image/gif" href="/favicon.ico" />
<style type="text/css">
-body { background-color: #282c34; color: #dfdfdf; margin: auto; max-width: 900px; }
+body { margin: auto; max-width: 900px; }
img { display: block; max-width: 70%;}
-pre { color: #ecbe7b; }
-blockquote { color: #ecbe7b; }
-a { color: #c678dd; text-decoration: none; }
-a.textlink:before { content: " > "; padding-left: 2px; }
-a:hover { color: #51afef; text-decoration: underline; }
-h1 { color: #ff6c6b; }
-h2, h3, h4, h5, h6 { color: #51afef; }
-li { color: #98be65; }
+p.quote:before { content: " | "; padding-left: 2px; }
</style>
</head>
<body>
diff --git a/content/html/gemfeed/2008-06-26-perl-poetry.html b/content/html/gemfeed/2008-06-26-perl-poetry.html
index adb8c0d..b42d5f8 100644
--- a/content/html/gemfeed/2008-06-26-perl-poetry.html
+++ b/content/html/gemfeed/2008-06-26-perl-poetry.html
@@ -5,20 +5,13 @@
<title>Having fun with computers!</title>
<link rel="shortcut icon" type="image/gif" href="/favicon.ico" />
<style type="text/css">
-body { background-color: #282c34; color: #dfdfdf; margin: auto; max-width: 900px; }
+body { margin: auto; max-width: 900px; }
img { display: block; max-width: 70%;}
-pre { color: #ecbe7b; }
-blockquote { color: #ecbe7b; }
-a { color: #c678dd; text-decoration: none; }
-a.textlink:before { content: " > "; padding-left: 2px; }
-a:hover { color: #51afef; text-decoration: underline; }
-h1 { color: #ff6c6b; }
-h2, h3, h4, h5, h6 { color: #51afef; }
-li { color: #98be65; }
+p.quote:before { content: " | "; padding-left: 2px; }
</style>
</head>
<body>
-<pre>Written by Paul Buetow 2008-06-26, last updated 2021-05-04</pre>
+<p class="quote"><i>Written by Paul Buetow 2008-06-26, last updated 2021-05-04</i></p>
<a class="textlink" href="../">Go back to the main site</a><br />
<h1>Perl Poetry</h1>
<pre>
diff --git a/content/html/gemfeed/2010-05-09-the-fype-programming-language.html b/content/html/gemfeed/2010-05-09-the-fype-programming-language.html
index b2444da..deb2c4b 100644
--- a/content/html/gemfeed/2010-05-09-the-fype-programming-language.html
+++ b/content/html/gemfeed/2010-05-09-the-fype-programming-language.html
@@ -5,20 +5,13 @@
<title>Having fun with computers!</title>
<link rel="shortcut icon" type="image/gif" href="/favicon.ico" />
<style type="text/css">
-body { background-color: #282c34; color: #dfdfdf; margin: auto; max-width: 900px; }
+body { margin: auto; max-width: 900px; }
img { display: block; max-width: 70%;}
-pre { color: #ecbe7b; }
-blockquote { color: #ecbe7b; }
-a { color: #c678dd; text-decoration: none; }
-a.textlink:before { content: " > "; padding-left: 2px; }
-a:hover { color: #51afef; text-decoration: underline; }
-h1 { color: #ff6c6b; }
-h2, h3, h4, h5, h6 { color: #51afef; }
-li { color: #98be65; }
+p.quote:before { content: " | "; padding-left: 2px; }
</style>
</head>
<body>
-<pre>Written by Paul Buetow 2010-05-09, last updated 2021-05-05</pre>
+<p class="quote"><i>Written by Paul Buetow 2010-05-09, last updated 2021-05-05</i></p>
<a class="textlink" href="../">Go back to the main site</a><br />
<pre>
____ _ __
diff --git a/content/html/gemfeed/2011-05-07-perl-daemon-service-framework.html b/content/html/gemfeed/2011-05-07-perl-daemon-service-framework.html
index 47d00f7..a010163 100644
--- a/content/html/gemfeed/2011-05-07-perl-daemon-service-framework.html
+++ b/content/html/gemfeed/2011-05-07-perl-daemon-service-framework.html
@@ -5,20 +5,13 @@
<title>Having fun with computers!</title>
<link rel="shortcut icon" type="image/gif" href="/favicon.ico" />
<style type="text/css">
-body { background-color: #282c34; color: #dfdfdf; margin: auto; max-width: 900px; }
+body { margin: auto; max-width: 900px; }
img { display: block; max-width: 70%;}
-pre { color: #ecbe7b; }
-blockquote { color: #ecbe7b; }
-a { color: #c678dd; text-decoration: none; }
-a.textlink:before { content: " > "; padding-left: 2px; }
-a:hover { color: #51afef; text-decoration: underline; }
-h1 { color: #ff6c6b; }
-h2, h3, h4, h5, h6 { color: #51afef; }
-li { color: #98be65; }
+p.quote:before { content: " | "; padding-left: 2px; }
</style>
</head>
<body>
-<pre>Written by Paul Buetow 2011-05-07, last updated 2021-05-07</pre>
+<p class="quote"><i>Written by Paul Buetow 2011-05-07, last updated 2021-05-07</i></p>
<a class="textlink" href="../">Go back to the main site</a><br />
<h1>Perl Daemon (Service Framework)</h1>
<pre>
diff --git a/content/html/gemfeed/2016-04-03-offsite-backup-with-zfs.html b/content/html/gemfeed/2016-04-03-offsite-backup-with-zfs.html
index 3a14301..f6fe16e 100644
--- a/content/html/gemfeed/2016-04-03-offsite-backup-with-zfs.html
+++ b/content/html/gemfeed/2016-04-03-offsite-backup-with-zfs.html
@@ -5,20 +5,13 @@
<title>Having fun with computers!</title>
<link rel="shortcut icon" type="image/gif" href="/favicon.ico" />
<style type="text/css">
-body { background-color: #282c34; color: #dfdfdf; margin: auto; max-width: 900px; }
+body { margin: auto; max-width: 900px; }
img { display: block; max-width: 70%;}
-pre { color: #ecbe7b; }
-blockquote { color: #ecbe7b; }
-a { color: #c678dd; text-decoration: none; }
-a.textlink:before { content: " > "; padding-left: 2px; }
-a:hover { color: #51afef; text-decoration: underline; }
-h1 { color: #ff6c6b; }
-h2, h3, h4, h5, h6 { color: #51afef; }
-li { color: #98be65; }
+p.quote:before { content: " | "; padding-left: 2px; }
</style>
</head>
<body>
-<pre>Written by Paul Buetow 2016-04-03</pre>
+<p class="quote"><i>Written by Paul Buetow 2016-04-03</i></p>
<a class="textlink" href="../">Go back to the main site</a><br />
<h1>Offsite backup with ZFS</h1>
<pre>
diff --git a/content/html/gemfeed/2016-04-16-offsite-backup-with-zfs-part2.html b/content/html/gemfeed/2016-04-16-offsite-backup-with-zfs-part2.html
index 054d752..de77e54 100644
--- a/content/html/gemfeed/2016-04-16-offsite-backup-with-zfs-part2.html
+++ b/content/html/gemfeed/2016-04-16-offsite-backup-with-zfs-part2.html
@@ -5,20 +5,13 @@
<title>Having fun with computers!</title>
<link rel="shortcut icon" type="image/gif" href="/favicon.ico" />
<style type="text/css">
-body { background-color: #282c34; color: #dfdfdf; margin: auto; max-width: 900px; }
+body { margin: auto; max-width: 900px; }
img { display: block; max-width: 70%;}
-pre { color: #ecbe7b; }
-blockquote { color: #ecbe7b; }
-a { color: #c678dd; text-decoration: none; }
-a.textlink:before { content: " > "; padding-left: 2px; }
-a:hover { color: #51afef; text-decoration: underline; }
-h1 { color: #ff6c6b; }
-h2, h3, h4, h5, h6 { color: #51afef; }
-li { color: #98be65; }
+p.quote:before { content: " | "; padding-left: 2px; }
</style>
</head>
<body>
-<pre>Written by Paul Buetow 2016-04-16</pre>
+<p class="quote"><i>Written by Paul Buetow 2016-04-16</i></p>
<a class="textlink" href="../">Go back to the main site</a><br />
<h1>Offsite backup with ZFS (Part 2)</h1>
<pre>
diff --git a/content/html/gemfeed/2016-05-22-spinning-up-my-own-authoritative-dns-servers.html b/content/html/gemfeed/2016-05-22-spinning-up-my-own-authoritative-dns-servers.html
index bd0a49f..0555bca 100644
--- a/content/html/gemfeed/2016-05-22-spinning-up-my-own-authoritative-dns-servers.html
+++ b/content/html/gemfeed/2016-05-22-spinning-up-my-own-authoritative-dns-servers.html
@@ -5,20 +5,13 @@
<title>Having fun with computers!</title>
<link rel="shortcut icon" type="image/gif" href="/favicon.ico" />
<style type="text/css">
-body { background-color: #282c34; color: #dfdfdf; margin: auto; max-width: 900px; }
+body { margin: auto; max-width: 900px; }
img { display: block; max-width: 70%;}
-pre { color: #ecbe7b; }
-blockquote { color: #ecbe7b; }
-a { color: #c678dd; text-decoration: none; }
-a.textlink:before { content: " > "; padding-left: 2px; }
-a:hover { color: #51afef; text-decoration: underline; }
-h1 { color: #ff6c6b; }
-h2, h3, h4, h5, h6 { color: #51afef; }
-li { color: #98be65; }
+p.quote:before { content: " | "; padding-left: 2px; }
</style>
</head>
<body>
-<pre>Written by Paul Buetow 2016-05-22</pre>
+<p class="quote"><i>Written by Paul Buetow 2016-05-22</i></p>
<a class="textlink" href="../">Go back to the main site</a><br />
<h1>Spinning up my own authoritative DNS servers</h1>
<h2>Background</h2>
diff --git a/content/html/gemfeed/2016-11-20-methods-in-c.html b/content/html/gemfeed/2016-11-20-methods-in-c.html
index c17c2cc..470a15e 100644
--- a/content/html/gemfeed/2016-11-20-methods-in-c.html
+++ b/content/html/gemfeed/2016-11-20-methods-in-c.html
@@ -5,20 +5,13 @@
<title>Having fun with computers!</title>
<link rel="shortcut icon" type="image/gif" href="/favicon.ico" />
<style type="text/css">
-body { background-color: #282c34; color: #dfdfdf; margin: auto; max-width: 900px; }
+body { margin: auto; max-width: 900px; }
img { display: block; max-width: 70%;}
-pre { color: #ecbe7b; }
-blockquote { color: #ecbe7b; }
-a { color: #c678dd; text-decoration: none; }
-a.textlink:before { content: " > "; padding-left: 2px; }
-a:hover { color: #51afef; text-decoration: underline; }
-h1 { color: #ff6c6b; }
-h2, h3, h4, h5, h6 { color: #51afef; }
-li { color: #98be65; }
+p.quote:before { content: " | "; padding-left: 2px; }
</style>
</head>
<body>
-<pre>Written by Paul Buetow 2016-11-20</pre>
+<p class="quote"><i>Written by Paul Buetow 2016-11-20</i></p>
<a class="textlink" href="../">Go back to the main site</a><br />
<h1>Methods in C</h1>
<p>You can do some sort of object oriented programming in the C Programming Language. However, that is very limited. But also very easy and straight forward to use.</p>
diff --git a/content/html/gemfeed/2018-06-01-realistic-load-testing-with-ioriot-for-linux.draft.html b/content/html/gemfeed/2018-06-01-realistic-load-testing-with-ioriot-for-linux.draft.html
index df23a3b..a3a37ed 100644
--- a/content/html/gemfeed/2018-06-01-realistic-load-testing-with-ioriot-for-linux.draft.html
+++ b/content/html/gemfeed/2018-06-01-realistic-load-testing-with-ioriot-for-linux.draft.html
@@ -5,16 +5,9 @@
<title>Having fun with computers!</title>
<link rel="shortcut icon" type="image/gif" href="/favicon.ico" />
<style type="text/css">
-body { background-color: #282c34; color: #dfdfdf; margin: auto; max-width: 900px; }
+body { margin: auto; max-width: 900px; }
img { display: block; max-width: 70%;}
-pre { color: #ecbe7b; }
-blockquote { color: #ecbe7b; }
-a { color: #c678dd; text-decoration: none; }
-a.textlink:before { content: " > "; padding-left: 2px; }
-a:hover { color: #51afef; text-decoration: underline; }
-h1 { color: #ff6c6b; }
-h2, h3, h4, h5, h6 { color: #51afef; }
-li { color: #98be65; }
+p.quote:before { content: " | "; padding-left: 2px; }
</style>
</head>
<body>
diff --git a/content/html/gemfeed/2021-04-22-dtail-the-distributed-log-tail-program.html b/content/html/gemfeed/2021-04-22-dtail-the-distributed-log-tail-program.html
index 18cf586..e803244 100644
--- a/content/html/gemfeed/2021-04-22-dtail-the-distributed-log-tail-program.html
+++ b/content/html/gemfeed/2021-04-22-dtail-the-distributed-log-tail-program.html
@@ -5,20 +5,13 @@
<title>Having fun with computers!</title>
<link rel="shortcut icon" type="image/gif" href="/favicon.ico" />
<style type="text/css">
-body { background-color: #282c34; color: #dfdfdf; margin: auto; max-width: 900px; }
+body { margin: auto; max-width: 900px; }
img { display: block; max-width: 70%;}
-pre { color: #ecbe7b; }
-blockquote { color: #ecbe7b; }
-a { color: #c678dd; text-decoration: none; }
-a.textlink:before { content: " > "; padding-left: 2px; }
-a:hover { color: #51afef; text-decoration: underline; }
-h1 { color: #ff6c6b; }
-h2, h3, h4, h5, h6 { color: #51afef; }
-li { color: #98be65; }
+p.quote:before { content: " | "; padding-left: 2px; }
</style>
</head>
<body>
-<pre>Written by Paul Buetow 2021-04-22, last updated 2021-04-26</pre>
+<p class="quote"><i>Written by Paul Buetow 2021-04-22, last updated 2021-04-26</i></p>
<a class="textlink" href="../">Go back to the main site</a><br />
<h1>DTail - The distributed log tail program</h1>
<i>DTail logo image:</i><a href="./2021-04-22-dtail-the-distributed-log-tail-program/dtail-logo.png"><img alt="DTail logo image" title="DTail logo image" src="./2021-04-22-dtail-the-distributed-log-tail-program/dtail-logo.png" /></a><br />
diff --git a/content/html/gemfeed/2021-04-24-welcome-to-the-geminispace.html b/content/html/gemfeed/2021-04-24-welcome-to-the-geminispace.html
index c8b7daf..9ee441b 100644
--- a/content/html/gemfeed/2021-04-24-welcome-to-the-geminispace.html
+++ b/content/html/gemfeed/2021-04-24-welcome-to-the-geminispace.html
@@ -5,21 +5,14 @@
<title>Having fun with computers!</title>
<link rel="shortcut icon" type="image/gif" href="/favicon.ico" />
<style type="text/css">
-body { background-color: #282c34; color: #dfdfdf; margin: auto; max-width: 900px; }
+body { margin: auto; max-width: 900px; }
img { display: block; max-width: 70%;}
-pre { color: #ecbe7b; }
-blockquote { color: #ecbe7b; }
-a { color: #c678dd; text-decoration: none; }
-a.textlink:before { content: " > "; padding-left: 2px; }
-a:hover { color: #51afef; text-decoration: underline; }
-h1 { color: #ff6c6b; }
-h2, h3, h4, h5, h6 { color: #51afef; }
-li { color: #98be65; }
+p.quote:before { content: " | "; padding-left: 2px; }
</style>
</head>
<body>
-<pre>Written by Paul Buetow 2021-04-24, last updated 2021-04-30</pre>
-<pre>ASCII Art by Andy Hood</pre>
+<p class="quote"><i>Written by Paul Buetow 2021-04-24, last updated 2021-04-30</i></p>
+<p class="quote"><i>ASCII Art by Andy Hood</i></p>
<a class="textlink" href="../">Go back to the main site</a><br />
<h1>Welcome to the Geminispace</h1>
<p>Have you reached this article already via Gemini? You need a special client for that, web browsers such as Firefox, Chrome, Safari etc. don't support the Gemini protocol. The Gemini address of this site (or the address of this capsule as people say in Geminispace) is:</p>
diff --git a/content/html/gemfeed/2021-05-15-buetow.org.sh-One-Bash-script-to-rule-it-all.draft.html b/content/html/gemfeed/2021-05-15-buetow.org.sh-One-Bash-script-to-rule-it-all.draft.html
index b640c77..9a019a3 100644
--- a/content/html/gemfeed/2021-05-15-buetow.org.sh-One-Bash-script-to-rule-it-all.draft.html
+++ b/content/html/gemfeed/2021-05-15-buetow.org.sh-One-Bash-script-to-rule-it-all.draft.html
@@ -5,16 +5,9 @@
<title>Having fun with computers!</title>
<link rel="shortcut icon" type="image/gif" href="/favicon.ico" />
<style type="text/css">
-body { background-color: #282c34; color: #dfdfdf; margin: auto; max-width: 900px; }
+body { margin: auto; max-width: 900px; }
img { display: block; max-width: 70%;}
-pre { color: #ecbe7b; }
-blockquote { color: #ecbe7b; }
-a { color: #c678dd; text-decoration: none; }
-a.textlink:before { content: " > "; padding-left: 2px; }
-a:hover { color: #51afef; text-decoration: underline; }
-h1 { color: #ff6c6b; }
-h2, h3, h4, h5, h6 { color: #51afef; }
-li { color: #98be65; }
+p.quote:before { content: " | "; padding-left: 2px; }
</style>
</head>
<body>
diff --git a/content/html/gemfeed/index.html b/content/html/gemfeed/index.html
index a840b83..f6633d0 100644
--- a/content/html/gemfeed/index.html
+++ b/content/html/gemfeed/index.html
@@ -5,16 +5,9 @@
<title>Having fun with computers!</title>
<link rel="shortcut icon" type="image/gif" href="/favicon.ico" />
<style type="text/css">
-body { background-color: #282c34; color: #dfdfdf; margin: auto; max-width: 900px; }
+body { margin: auto; max-width: 900px; }
img { display: block; max-width: 70%;}
-pre { color: #ecbe7b; }
-blockquote { color: #ecbe7b; }
-a { color: #c678dd; text-decoration: none; }
-a.textlink:before { content: " > "; padding-left: 2px; }
-a:hover { color: #51afef; text-decoration: underline; }
-h1 { color: #ff6c6b; }
-h2, h3, h4, h5, h6 { color: #51afef; }
-li { color: #98be65; }
+p.quote:before { content: " | "; padding-left: 2px; }
</style>
</head>
<body>
diff --git a/content/html/index.html b/content/html/index.html
index 78e425a..b97befd 100644
--- a/content/html/index.html
+++ b/content/html/index.html
@@ -5,16 +5,9 @@
<title>Having fun with computers!</title>
<link rel="shortcut icon" type="image/gif" href="/favicon.ico" />
<style type="text/css">
-body { background-color: #282c34; color: #dfdfdf; margin: auto; max-width: 900px; }
+body { margin: auto; max-width: 900px; }
img { display: block; max-width: 70%;}
-pre { color: #ecbe7b; }
-blockquote { color: #ecbe7b; }
-a { color: #c678dd; text-decoration: none; }
-a.textlink:before { content: " > "; padding-left: 2px; }
-a:hover { color: #51afef; text-decoration: underline; }
-h1 { color: #ff6c6b; }
-h2, h3, h4, h5, h6 { color: #51afef; }
-li { color: #98be65; }
+p.quote:before { content: " | "; padding-left: 2px; }
</style>
</head>
<body>
diff --git a/content/html/resources.html b/content/html/resources.html
index 20df26c..50e5c4d 100644
--- a/content/html/resources.html
+++ b/content/html/resources.html
@@ -5,16 +5,9 @@
<title>Having fun with computers!</title>
<link rel="shortcut icon" type="image/gif" href="/favicon.ico" />
<style type="text/css">
-body { background-color: #282c34; color: #dfdfdf; margin: auto; max-width: 900px; }
+body { margin: auto; max-width: 900px; }
img { display: block; max-width: 70%;}
-pre { color: #ecbe7b; }
-blockquote { color: #ecbe7b; }
-a { color: #c678dd; text-decoration: none; }
-a.textlink:before { content: " > "; padding-left: 2px; }
-a:hover { color: #51afef; text-decoration: underline; }
-h1 { color: #ff6c6b; }
-h2, h3, h4, h5, h6 { color: #51afef; }
-li { color: #98be65; }
+p.quote:before { content: " | "; padding-left: 2px; }
</style>
</head>
<body>
diff --git a/header.html.part b/header.html.part
index d7cafb4..852a174 100644
--- a/header.html.part
+++ b/header.html.part
@@ -5,16 +5,9 @@
<title>Having fun with computers!</title>
<link rel="shortcut icon" type="image/gif" href="/favicon.ico" />
<style type="text/css">
-body { background-color: #282c34; color: #dfdfdf; margin: auto; max-width: 900px; }
+body { margin: auto; max-width: 900px; }
img { display: block; max-width: 70%;}
-pre { color: #ecbe7b; }
-blockquote { color: #ecbe7b; }
-a { color: #c678dd; text-decoration: none; }
-a.textlink:before { content: " > "; padding-left: 2px; }
-a:hover { color: #51afef; text-decoration: underline; }
-h1 { color: #ff6c6b; }
-h2, h3, h4, h5, h6 { color: #51afef; }
-li { color: #98be65; }
+p.quote:before { content: " | "; padding-left: 2px; }
</style>
</head>
<body>
diff --git a/modules/html.source.sh b/modules/html.source.sh
index ef6e7b1..7d337b0 100644
--- a/modules/html.source.sh
+++ b/modules/html.source.sh
@@ -20,7 +20,7 @@ html::make_heading () {
html::make_quote () {
local -r quote="${1/> }"
- echo "<pre>$(html::special "$quote")</pre>"
+ echo "<p class=\"quote\"><i>$(html::special "$quote")</i></p>"
}
html::make_img () {
@@ -122,7 +122,7 @@ html::test () {
assert::equals "$(html::make_heading "$line" 3)" '<h3>Header 3</h3>'
line='> This is a quote'
- assert::equals "$(html::make_quote "$line")" '<pre>This is a quote</pre>'
+ assert::equals "$(html::make_quote "$line")" '<p class="quote"><i>This is a quote</i></p>'
line='=> https://example.org'
assert::equals "$(generate::make_link html "$line")" \