diff options
| author | Paul Buetow <paul@buetow.org> | 2021-05-13 19:35:18 +0100 |
|---|---|---|
| committer | Paul Buetow <git@mx.buetow.org> | 2021-05-21 05:11:05 +0100 |
| commit | 7f11bb4cf0f1e07ec75948b5baf791de63a3eb4f (patch) | |
| tree | 7df46310db7f397975e4785c01c526c01d525909 | |
| parent | 0e3cf3d5e42f884c022720b02f79e87fe060f93a (diff) | |
new CSS style
16 files changed, 624 insertions, 48 deletions
diff --git a/content/html/contact-information.html b/content/html/contact-information.html index 7f76398..4a31365 100644 --- a/content/html/contact-information.html +++ b/content/html/contact-information.html @@ -5,9 +5,45 @@ <title>Having fun with computers!</title> <link rel="shortcut icon" type="image/gif" href="/favicon.ico" /> <style type="text/css"> -body { margin: auto; max-width: 900px; } -img { display: block; max-width: 70%;} -p.quote:before { content: " | "; padding-left: 2px; } +body { + margin: auto; + max-width: 900px; + background-color: #FFFFEF; + border: 1px dashed #990000; + border-radius: 8px; + padding: 5px; +} +img { + display:block; + max-width: 90%; +} +p.quote:before { + content: " | "; + padding-left: 2px; +} +a.textlink:before { + content: " ⇒ "; + padding-left: 2px; +} +a.textlink { + text-decoration: none; + color: #FF0000; +} +a.textlink:hover { + text-decoration: underline; +} +pre { + border: 1px dotted #FFA500; + border-radius: 8px; + padding: 5px; +} +h1 { + text-align: center; + color: #880000; +} +h2, h3 { + color: #BB0000; +} </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 b42d5f8..83e1349 100644 --- a/content/html/gemfeed/2008-06-26-perl-poetry.html +++ b/content/html/gemfeed/2008-06-26-perl-poetry.html @@ -5,9 +5,45 @@ <title>Having fun with computers!</title> <link rel="shortcut icon" type="image/gif" href="/favicon.ico" /> <style type="text/css"> -body { margin: auto; max-width: 900px; } -img { display: block; max-width: 70%;} -p.quote:before { content: " | "; padding-left: 2px; } +body { + margin: auto; + max-width: 900px; + background-color: #FFFFEF; + border: 1px dashed #990000; + border-radius: 8px; + padding: 5px; +} +img { + display:block; + max-width: 90%; +} +p.quote:before { + content: " | "; + padding-left: 2px; +} +a.textlink:before { + content: " ⇒ "; + padding-left: 2px; +} +a.textlink { + text-decoration: none; + color: #FF0000; +} +a.textlink:hover { + text-decoration: underline; +} +pre { + border: 1px dotted #FFA500; + border-radius: 8px; + padding: 5px; +} +h1 { + text-align: center; + color: #880000; +} +h2, h3 { + color: #BB0000; +} </style> </head> <body> 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 deb2c4b..20e17d3 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,9 +5,45 @@ <title>Having fun with computers!</title> <link rel="shortcut icon" type="image/gif" href="/favicon.ico" /> <style type="text/css"> -body { margin: auto; max-width: 900px; } -img { display: block; max-width: 70%;} -p.quote:before { content: " | "; padding-left: 2px; } +body { + margin: auto; + max-width: 900px; + background-color: #FFFFEF; + border: 1px dashed #990000; + border-radius: 8px; + padding: 5px; +} +img { + display:block; + max-width: 90%; +} +p.quote:before { + content: " | "; + padding-left: 2px; +} +a.textlink:before { + content: " ⇒ "; + padding-left: 2px; +} +a.textlink { + text-decoration: none; + color: #FF0000; +} +a.textlink:hover { + text-decoration: underline; +} +pre { + border: 1px dotted #FFA500; + border-radius: 8px; + padding: 5px; +} +h1 { + text-align: center; + color: #880000; +} +h2, h3 { + color: #BB0000; +} </style> </head> <body> 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 a010163..14ac84f 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,9 +5,45 @@ <title>Having fun with computers!</title> <link rel="shortcut icon" type="image/gif" href="/favicon.ico" /> <style type="text/css"> -body { margin: auto; max-width: 900px; } -img { display: block; max-width: 70%;} -p.quote:before { content: " | "; padding-left: 2px; } +body { + margin: auto; + max-width: 900px; + background-color: #FFFFEF; + border: 1px dashed #990000; + border-radius: 8px; + padding: 5px; +} +img { + display:block; + max-width: 90%; +} +p.quote:before { + content: " | "; + padding-left: 2px; +} +a.textlink:before { + content: " ⇒ "; + padding-left: 2px; +} +a.textlink { + text-decoration: none; + color: #FF0000; +} +a.textlink:hover { + text-decoration: underline; +} +pre { + border: 1px dotted #FFA500; + border-radius: 8px; + padding: 5px; +} +h1 { + text-align: center; + color: #880000; +} +h2, h3 { + color: #BB0000; +} </style> </head> <body> 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 f6fe16e..3bcfed3 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,9 +5,45 @@ <title>Having fun with computers!</title> <link rel="shortcut icon" type="image/gif" href="/favicon.ico" /> <style type="text/css"> -body { margin: auto; max-width: 900px; } -img { display: block; max-width: 70%;} -p.quote:before { content: " | "; padding-left: 2px; } +body { + margin: auto; + max-width: 900px; + background-color: #FFFFEF; + border: 1px dashed #990000; + border-radius: 8px; + padding: 5px; +} +img { + display:block; + max-width: 90%; +} +p.quote:before { + content: " | "; + padding-left: 2px; +} +a.textlink:before { + content: " ⇒ "; + padding-left: 2px; +} +a.textlink { + text-decoration: none; + color: #FF0000; +} +a.textlink:hover { + text-decoration: underline; +} +pre { + border: 1px dotted #FFA500; + border-radius: 8px; + padding: 5px; +} +h1 { + text-align: center; + color: #880000; +} +h2, h3 { + color: #BB0000; +} </style> </head> <body> 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 de77e54..ba2e511 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,9 +5,45 @@ <title>Having fun with computers!</title> <link rel="shortcut icon" type="image/gif" href="/favicon.ico" /> <style type="text/css"> -body { margin: auto; max-width: 900px; } -img { display: block; max-width: 70%;} -p.quote:before { content: " | "; padding-left: 2px; } +body { + margin: auto; + max-width: 900px; + background-color: #FFFFEF; + border: 1px dashed #990000; + border-radius: 8px; + padding: 5px; +} +img { + display:block; + max-width: 90%; +} +p.quote:before { + content: " | "; + padding-left: 2px; +} +a.textlink:before { + content: " ⇒ "; + padding-left: 2px; +} +a.textlink { + text-decoration: none; + color: #FF0000; +} +a.textlink:hover { + text-decoration: underline; +} +pre { + border: 1px dotted #FFA500; + border-radius: 8px; + padding: 5px; +} +h1 { + text-align: center; + color: #880000; +} +h2, h3 { + color: #BB0000; +} </style> </head> <body> 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 0555bca..6edab75 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,9 +5,45 @@ <title>Having fun with computers!</title> <link rel="shortcut icon" type="image/gif" href="/favicon.ico" /> <style type="text/css"> -body { margin: auto; max-width: 900px; } -img { display: block; max-width: 70%;} -p.quote:before { content: " | "; padding-left: 2px; } +body { + margin: auto; + max-width: 900px; + background-color: #FFFFEF; + border: 1px dashed #990000; + border-radius: 8px; + padding: 5px; +} +img { + display:block; + max-width: 90%; +} +p.quote:before { + content: " | "; + padding-left: 2px; +} +a.textlink:before { + content: " ⇒ "; + padding-left: 2px; +} +a.textlink { + text-decoration: none; + color: #FF0000; +} +a.textlink:hover { + text-decoration: underline; +} +pre { + border: 1px dotted #FFA500; + border-radius: 8px; + padding: 5px; +} +h1 { + text-align: center; + color: #880000; +} +h2, h3 { + color: #BB0000; +} </style> </head> <body> 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 470a15e..edebf3a 100644 --- a/content/html/gemfeed/2016-11-20-methods-in-c.html +++ b/content/html/gemfeed/2016-11-20-methods-in-c.html @@ -5,9 +5,45 @@ <title>Having fun with computers!</title> <link rel="shortcut icon" type="image/gif" href="/favicon.ico" /> <style type="text/css"> -body { margin: auto; max-width: 900px; } -img { display: block; max-width: 70%;} -p.quote:before { content: " | "; padding-left: 2px; } +body { + margin: auto; + max-width: 900px; + background-color: #FFFFEF; + border: 1px dashed #990000; + border-radius: 8px; + padding: 5px; +} +img { + display:block; + max-width: 90%; +} +p.quote:before { + content: " | "; + padding-left: 2px; +} +a.textlink:before { + content: " ⇒ "; + padding-left: 2px; +} +a.textlink { + text-decoration: none; + color: #FF0000; +} +a.textlink:hover { + text-decoration: underline; +} +pre { + border: 1px dotted #FFA500; + border-radius: 8px; + padding: 5px; +} +h1 { + text-align: center; + color: #880000; +} +h2, h3 { + color: #BB0000; +} </style> </head> <body> 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 a3a37ed..74d58fb 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,9 +5,45 @@ <title>Having fun with computers!</title> <link rel="shortcut icon" type="image/gif" href="/favicon.ico" /> <style type="text/css"> -body { margin: auto; max-width: 900px; } -img { display: block; max-width: 70%;} -p.quote:before { content: " | "; padding-left: 2px; } +body { + margin: auto; + max-width: 900px; + background-color: #FFFFEF; + border: 1px dashed #990000; + border-radius: 8px; + padding: 5px; +} +img { + display:block; + max-width: 90%; +} +p.quote:before { + content: " | "; + padding-left: 2px; +} +a.textlink:before { + content: " ⇒ "; + padding-left: 2px; +} +a.textlink { + text-decoration: none; + color: #FF0000; +} +a.textlink:hover { + text-decoration: underline; +} +pre { + border: 1px dotted #FFA500; + border-radius: 8px; + padding: 5px; +} +h1 { + text-align: center; + color: #880000; +} +h2, h3 { + color: #BB0000; +} </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 e803244..c07f765 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,9 +5,45 @@ <title>Having fun with computers!</title> <link rel="shortcut icon" type="image/gif" href="/favicon.ico" /> <style type="text/css"> -body { margin: auto; max-width: 900px; } -img { display: block; max-width: 70%;} -p.quote:before { content: " | "; padding-left: 2px; } +body { + margin: auto; + max-width: 900px; + background-color: #FFFFEF; + border: 1px dashed #990000; + border-radius: 8px; + padding: 5px; +} +img { + display:block; + max-width: 90%; +} +p.quote:before { + content: " | "; + padding-left: 2px; +} +a.textlink:before { + content: " ⇒ "; + padding-left: 2px; +} +a.textlink { + text-decoration: none; + color: #FF0000; +} +a.textlink:hover { + text-decoration: underline; +} +pre { + border: 1px dotted #FFA500; + border-radius: 8px; + padding: 5px; +} +h1 { + text-align: center; + color: #880000; +} +h2, h3 { + color: #BB0000; +} </style> </head> <body> 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 9ee441b..0f92bc8 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,9 +5,45 @@ <title>Having fun with computers!</title> <link rel="shortcut icon" type="image/gif" href="/favicon.ico" /> <style type="text/css"> -body { margin: auto; max-width: 900px; } -img { display: block; max-width: 70%;} -p.quote:before { content: " | "; padding-left: 2px; } +body { + margin: auto; + max-width: 900px; + background-color: #FFFFEF; + border: 1px dashed #990000; + border-radius: 8px; + padding: 5px; +} +img { + display:block; + max-width: 90%; +} +p.quote:before { + content: " | "; + padding-left: 2px; +} +a.textlink:before { + content: " ⇒ "; + padding-left: 2px; +} +a.textlink { + text-decoration: none; + color: #FF0000; +} +a.textlink:hover { + text-decoration: underline; +} +pre { + border: 1px dotted #FFA500; + border-radius: 8px; + padding: 5px; +} +h1 { + text-align: center; + color: #880000; +} +h2, h3 { + color: #BB0000; +} </style> </head> <body> 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 9a019a3..f582127 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,9 +5,45 @@ <title>Having fun with computers!</title> <link rel="shortcut icon" type="image/gif" href="/favicon.ico" /> <style type="text/css"> -body { margin: auto; max-width: 900px; } -img { display: block; max-width: 70%;} -p.quote:before { content: " | "; padding-left: 2px; } +body { + margin: auto; + max-width: 900px; + background-color: #FFFFEF; + border: 1px dashed #990000; + border-radius: 8px; + padding: 5px; +} +img { + display:block; + max-width: 90%; +} +p.quote:before { + content: " | "; + padding-left: 2px; +} +a.textlink:before { + content: " ⇒ "; + padding-left: 2px; +} +a.textlink { + text-decoration: none; + color: #FF0000; +} +a.textlink:hover { + text-decoration: underline; +} +pre { + border: 1px dotted #FFA500; + border-radius: 8px; + padding: 5px; +} +h1 { + text-align: center; + color: #880000; +} +h2, h3 { + color: #BB0000; +} </style> </head> <body> diff --git a/content/html/gemfeed/index.html b/content/html/gemfeed/index.html index f6633d0..4309fee 100644 --- a/content/html/gemfeed/index.html +++ b/content/html/gemfeed/index.html @@ -5,9 +5,45 @@ <title>Having fun with computers!</title> <link rel="shortcut icon" type="image/gif" href="/favicon.ico" /> <style type="text/css"> -body { margin: auto; max-width: 900px; } -img { display: block; max-width: 70%;} -p.quote:before { content: " | "; padding-left: 2px; } +body { + margin: auto; + max-width: 900px; + background-color: #FFFFEF; + border: 1px dashed #990000; + border-radius: 8px; + padding: 5px; +} +img { + display:block; + max-width: 90%; +} +p.quote:before { + content: " | "; + padding-left: 2px; +} +a.textlink:before { + content: " ⇒ "; + padding-left: 2px; +} +a.textlink { + text-decoration: none; + color: #FF0000; +} +a.textlink:hover { + text-decoration: underline; +} +pre { + border: 1px dotted #FFA500; + border-radius: 8px; + padding: 5px; +} +h1 { + text-align: center; + color: #880000; +} +h2, h3 { + color: #BB0000; +} </style> </head> <body> diff --git a/content/html/index.html b/content/html/index.html index b97befd..4b16794 100644 --- a/content/html/index.html +++ b/content/html/index.html @@ -5,9 +5,45 @@ <title>Having fun with computers!</title> <link rel="shortcut icon" type="image/gif" href="/favicon.ico" /> <style type="text/css"> -body { margin: auto; max-width: 900px; } -img { display: block; max-width: 70%;} -p.quote:before { content: " | "; padding-left: 2px; } +body { + margin: auto; + max-width: 900px; + background-color: #FFFFEF; + border: 1px dashed #990000; + border-radius: 8px; + padding: 5px; +} +img { + display:block; + max-width: 90%; +} +p.quote:before { + content: " | "; + padding-left: 2px; +} +a.textlink:before { + content: " ⇒ "; + padding-left: 2px; +} +a.textlink { + text-decoration: none; + color: #FF0000; +} +a.textlink:hover { + text-decoration: underline; +} +pre { + border: 1px dotted #FFA500; + border-radius: 8px; + padding: 5px; +} +h1 { + text-align: center; + color: #880000; +} +h2, h3 { + color: #BB0000; +} </style> </head> <body> diff --git a/content/html/resources.html b/content/html/resources.html index 50e5c4d..6d43689 100644 --- a/content/html/resources.html +++ b/content/html/resources.html @@ -5,9 +5,45 @@ <title>Having fun with computers!</title> <link rel="shortcut icon" type="image/gif" href="/favicon.ico" /> <style type="text/css"> -body { margin: auto; max-width: 900px; } -img { display: block; max-width: 70%;} -p.quote:before { content: " | "; padding-left: 2px; } +body { + margin: auto; + max-width: 900px; + background-color: #FFFFEF; + border: 1px dashed #990000; + border-radius: 8px; + padding: 5px; +} +img { + display:block; + max-width: 90%; +} +p.quote:before { + content: " | "; + padding-left: 2px; +} +a.textlink:before { + content: " ⇒ "; + padding-left: 2px; +} +a.textlink { + text-decoration: none; + color: #FF0000; +} +a.textlink:hover { + text-decoration: underline; +} +pre { + border: 1px dotted #FFA500; + border-radius: 8px; + padding: 5px; +} +h1 { + text-align: center; + color: #880000; +} +h2, h3 { + color: #BB0000; +} </style> </head> <body> diff --git a/header.html.part b/header.html.part index 852a174..c011028 100644 --- a/header.html.part +++ b/header.html.part @@ -5,9 +5,45 @@ <title>Having fun with computers!</title> <link rel="shortcut icon" type="image/gif" href="/favicon.ico" /> <style type="text/css"> -body { margin: auto; max-width: 900px; } -img { display: block; max-width: 70%;} -p.quote:before { content: " | "; padding-left: 2px; } +body { + margin: auto; + max-width: 900px; + background-color: #FFFFEF; + border: 1px dashed #990000; + border-radius: 8px; + padding: 5px; +} +img { + display:block; + max-width: 90%; +} +p.quote:before { + content: " | "; + padding-left: 2px; +} +a.textlink:before { + content: " ⇒ "; + padding-left: 2px; +} +a.textlink { + text-decoration: none; + color: #FF0000; +} +a.textlink:hover { + text-decoration: underline; +} +pre { + border: 1px dotted #FFA500; + border-radius: 8px; + padding: 5px; +} +h1 { + text-align: center; + color: #880000; +} +h2, h3 { + color: #BB0000; +} </style> </head> <body> |