diff options
| author | Paul Buetow <paul@buetow.org> | 2021-05-13 18:08:41 +0100 |
|---|---|---|
| committer | Paul Buetow <git@mx.buetow.org> | 2021-05-21 05:11:05 +0100 |
| commit | 0e3cf3d5e42f884c022720b02f79e87fe060f93a (patch) | |
| tree | 36b38b2d48f1d349812b9734608872934a14279f | |
| parent | 5cab54c35ef2b256b31754fb3df0a376becee897 (diff) | |
simplify html css style
17 files changed, 44 insertions, 156 deletions
diff --git a/content/html/contact-information.html b/content/html/contact-information.html index 20bbec62..7f76398f 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 adb8c0df..b42d5f8e 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 b2444da3..deb2c4b7 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 47d00f73..a0101639 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 3a143014..f6fe16e3 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 054d752b..de77e54d 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 bd0a49f9..0555bcac 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 c17c2cc3..470a15ed 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 df23a3b8..a3a37eda 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 18cf586b..e803244b 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 c8b7daf0..9ee441b2 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 b640c77f..9a019a39 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 a840b837..f6633d0e 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 78e425a9..b97befd7 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 20df26cc..50e5c4d8 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 d7cafb4c..852a1741 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 ef6e7b11..7d337b02 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")" \ |