From 075276825e57ab07c7d7f1048707ecfe0a699ecb Mon Sep 17 00:00:00 2001 From: Sean Massa Date: Mon, 1 Jan 2024 21:14:34 -0600 Subject: [PATCH] tweak styles --- app/styles/app.css | 31 +- app/templates/application.gjs | 15 +- .../article/conventional-comments.md | 8 +- app/templates/article/theme-pact.md | 6 +- public/assets/highlight.min.js | 1211 +++++++++++++++++ public/assets/tomorrow-night-bright.css | 70 + 6 files changed, 1334 insertions(+), 7 deletions(-) create mode 100644 public/assets/highlight.min.js create mode 100644 public/assets/tomorrow-night-bright.css diff --git a/app/styles/app.css b/app/styles/app.css index 088aea0..b45ca45 100644 --- a/app/styles/app.css +++ b/app/styles/app.css @@ -28,8 +28,8 @@ } } -a:visited { - color: inherit; +a, a:visited { + color:var(--accent); } header>nav a.active { @@ -38,6 +38,33 @@ header>nav a.active { cursor:pointer } +footer a { + color: inherit !important; +} + +pre { + background-color: #000; + border: dashed 2px var(--accent); + font-style: normal; +} + +blockquote { + padding-top: 0.3rem; + padding-bottom: 0.6rem; + + padding-left: 0.8rem; + padding-right: 0.8rem; +} + +blockquote p:first-child { + padding-top: 0; + margin-top: 0; +} + +blockquote p:last-child { + padding-bottom: 0; + margin-bottom: 0; +} /* Icons from: https://www.iconfinder.com/iconsets/font-awesome-brands-vol-1 */ .icon-button { diff --git a/app/templates/application.gjs b/app/templates/application.gjs index 89937e2..82ec57c 100644 --- a/app/templates/application.gjs +++ b/app/templates/application.gjs @@ -25,8 +25,21 @@ class MyRouteComponent extends Component { + + + get title() { diff --git a/app/templates/article/conventional-comments.md b/app/templates/article/conventional-comments.md index cf92348..54c0abc 100644 --- a/app/templates/article/conventional-comments.md +++ b/app/templates/article/conventional-comments.md @@ -10,6 +10,12 @@ This process helps convey understanding of: You can use the process [as documented by the author](https://conventionalcomments.org/), but I like using the following the following customized version. +```js +let a = 3; +console.log(a); +console.log('hey there'); +``` + ## Streamlined Conventional Comments All comments must be resolved before merging, but resolution can look different for different kinds of comments. @@ -18,7 +24,7 @@ All comments are also non-blocking unless otherwise specified. ### Format -```jsx +```