From 4c6710005da8b8885d82e518698776582f49ca56 Mon Sep 17 00:00:00 2001 From: David Blue Date: Tue, 8 Dec 2020 13:45:10 -0600 Subject: [PATCH] #52, Updated Colophon ## Also... * Changed visited links color to #FF0000 * Updated/audited fonts in the Adobe Typekit. --- BILGE.code-workspace | 8 +++++ Custom CSS.css | 23 ++++++++++++- Custom Javascript.js | 15 +++++++- Pages/Colophon.md | 36 ++++++++++++++++++- README.md | 82 ++++++++++++++++++++++++++++++++++++++++---- 5 files changed, 155 insertions(+), 9 deletions(-) create mode 100644 BILGE.code-workspace diff --git a/BILGE.code-workspace b/BILGE.code-workspace new file mode 100644 index 00000000..876a1499 --- /dev/null +++ b/BILGE.code-workspace @@ -0,0 +1,8 @@ +{ + "folders": [ + { + "path": "." + } + ], + "settings": {} +} \ No newline at end of file diff --git a/Custom CSS.css b/Custom CSS.css index 343f803d..f501c1fc 100644 --- a/Custom CSS.css +++ b/Custom CSS.css @@ -111,7 +111,7 @@ article a:link { body, article a:visited { - color: #F43B28; + color: #FF0000; } h1 { @@ -255,4 +255,25 @@ body#subpage article time.dt-published { #emailsub { font-family: proxima-nova-condensed, sans-serif !important; font-weight: 700; +} + +.footnote, .footnote-ref { + font-family: proxima-nova-condensed, sans-serif !important; + font-weight: 700; + /* margin-left:2.5px; */ + color: #da2573 !important; + font-size: 1.1em; + text-decoration:underline #FF0000; +} + +.footnote-ref { + margin-left:25px; +} + +.footnote-ref-text { + font-family: proxima-nova-condensed, sans-serif !important; + font-weight: 400; + color: #1c0021 !important; + font-size: 1em; + border-top: #00006b dotted 1px; } \ No newline at end of file diff --git a/Custom Javascript.js b/Custom Javascript.js index a08a68b9..c8299e91 100644 --- a/Custom Javascript.js +++ b/Custom Javascript.js @@ -26,4 +26,17 @@ window.hypothesisConfig = function () { selectionFontFamily: 'Georgia, serif' } }; -}; \ No newline at end of file +}; + +// Footnote hyperlinks in the body. +var notePattern = /\[\^(\d+)\]/g; +var noteText = "$1"; + +// Footnote references at the bottom. +var refPattern = /\[(\d+)\](.*)/g; +var refText = "$1$2"; + +var postContent = document.getElementById("post-body").innerHTML; +postContent = postContent.replace(notePattern, noteText); +postContent = postContent.replace(refPattern, refText); +document.getElementById("post-body").innerHTML = postContent; \ No newline at end of file diff --git a/Pages/Colophon.md b/Pages/Colophon.md index 1db25f4e..eb0e35aa 100644 --- a/Pages/Colophon.md +++ b/Pages/Colophon.md @@ -103,7 +103,7 @@ article a:link { body, article a:visited { - color: #F43B28; + color: #FF0000; } h1 { @@ -248,6 +248,27 @@ body#subpage article time.dt-published { font-family: proxima-nova-condensed, sans-serif !important; font-weight: 700; } + +.footnote, .footnote-ref { + font-family: proxima-nova-condensed, sans-serif !important; + font-weight: 700; + /* margin-left:2.5px; */ + color: #da2573 !important; + font-size: 1.1em; + text-decoration:underline #FF0000; +} + +.footnote-ref { + margin-left:25px; +} + +.footnote-ref-text { + font-family: proxima-nova-condensed, sans-serif !important; + font-weight: 400; + color: #1c0021 !important; + font-size: 1em; + border-top: #00006b dotted 1px; +} ~~~ ### [Javascript](https://github.com/extratone/bilge/blob/main/Custom%20Javascript.js) @@ -282,4 +303,17 @@ window.hypothesisConfig = function () { } }; }; + +// Footnote hyperlinks in the body. +var notePattern = /\[\^(\d+)\]/g; +var noteText = "$1"; + +// Footnote references at the bottom. +var refPattern = /\[(\d+)\](.*)/g; +var refText = "$1$2"; + +var postContent = document.getElementById("post-body").innerHTML; +postContent = postContent.replace(notePattern, noteText); +postContent = postContent.replace(refPattern, refText); +document.getElementById("post-body").innerHTML = postContent; ``` diff --git a/README.md b/README.md index 0a686528..20c165ab 100644 --- a/README.md +++ b/README.md @@ -42,7 +42,7 @@ A somewhat-outdated version of this site's theme is [listed among others](https: * [Red](https://colornames.org/color/ff0000) * [Alarmed Suburbanite](https://colornames.org/color/f43f32) -### CSS +### [CSS](https://github.com/extratone/bilge/blob/main/Custom%20CSS.css) ```css @import url('https://use.typekit.net/kst2rrh.css'); @@ -100,6 +100,8 @@ article { line-height: 155%; font-size: 1.1em !important; color: #000000; + padding-left: 0.5rem; + padding-right: 0.5rem; /* margin-top:1rem !important; */ } @@ -111,7 +113,7 @@ article a:link { body, article a:visited { - color: #F43B28; + color: #FF0000; } h1 { @@ -129,9 +131,9 @@ h2 { } h3 { - font-family: proxima-nova-condensed, sans-serif; - font-weight: 400; - font-size: 1.15em !important; + font-family: proxima-nova-extra-condensed, sans-serif; + font-weight: 600; + font-size: 1.3em !important; } h4 { @@ -256,6 +258,27 @@ body#subpage article time.dt-published { font-family: proxima-nova-condensed, sans-serif !important; font-weight: 700; } + +.footnote, .footnote-ref { + font-family: proxima-nova-condensed, sans-serif !important; + font-weight: 700; + /* margin-left:2.5px; */ + color: #da2573 !important; + font-size: 1.1em; + text-decoration:underline #FF0000; +} + +.footnote-ref { + margin-left:25px; +} + +.footnote-ref-text { + font-family: proxima-nova-condensed, sans-serif !important; + font-weight: 400; + color: #1c0021 !important; + font-size: 1em; + border-top: #00006b dotted 1px; +} ```

@@ -274,5 +297,52 @@ body#subpage article time.dt-published { alt="Valid CSS!" />

+(Remember these? lol) + +### [Javascript](https://github.com/extratone/bilge/blob/main/Custom%20Javascript.js) + +```javascript +var topP = document.createElement("p"); +//topP.style.textAlign = "center"; +topP.innerHTML = '
MastodonTwitterDiscordGitHubLicense
'; +var cont = document.getElementById("wrapper"); +if (cont !== null) { + // Add to blog index and tag pages + cont.appendChild(topP); +} else { + // Add to individual blog post page + cont = document.getElementById("post-body"); + cont.insertAdjacentHTML("afterend", topP.outerHTML); +} + +// src: https://platform.twitter.com/widgets.js + +// src: https://hypothes.is/embed.js + +window.hypothesisConfig = function () { + return { + "openSidebar": true, + "theme": "clean", + branding: { + appBackgroundColor: '#e6f7ff', + ctaBackgroundColor: '#da2573', + ctaTextColor: '#00006b', + selectionFontFamily: 'Georgia, serif' + } + }; +}; + +// Footnote hyperlinks in the body. +var notePattern = /\[\^(\d+)\]/g; +var noteText = "$1"; + +// Footnote references at the bottom. +var refPattern = /\[(\d+)\](.*)/g; +var refText = "$1$2"; + +var postContent = document.getElementById("post-body").innerHTML; +postContent = postContent.replace(notePattern, noteText); +postContent = postContent.replace(refPattern, refText); +document.getElementById("post-body").innerHTML = postContent; +``` -(Remember these? lol) \ No newline at end of file