ariejan/devroom.io
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix syntax highlighting / code

Browse Source
This commit is contained in:
Ariejan de Vroom 2024-01-24 14:52:33 +01:00
parent d6692526d5
commit 7750943b43
Signed by: ariejan
GPG Key ID: AD739154F713697B
3 changed files with 53 additions and 35 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
config.toml
View File

@ -10,11 +10,9 @@ paginate = 99999
canonifyurls = true canonifyurls = true
# pygmentsstyle = "solarized-dark256" # pygmentsstyle = "solarized-dark256"
pygmentsstyle = "monokai" # pygmentscodefences = true
pygmentscodefences = true # pygmentscodefencesguesssyntax = true
pygmentscodefencesguesssyntax = true
googleAnalytics = "UA-60089-16"
disqusShortname = "" disqusShortname = ""
enableGitInfo = true enableGitInfo = true
@ -27,6 +25,16 @@ enableGitInfo = true
[markup.goldmark.renderer] [markup.goldmark.renderer]
unsafe = true unsafe = true
[markup.highlight]
codeFences = true
guessSyntax = true
lineNoStart = 1
lineNos = true
lineNumbersInTable = false
noClasses = true
style = "dracula"
[params] [params]
author = "Ariejan de Vroom" author = "Ariejan de Vroom"
info = "Family man, software engineer, bass guitar player, DIY car mechanic, among many other things" info = "Family man, software engineer, bass guitar player, DIY car mechanic, among many other things"

40
themes/devroom-2024/assets/scss/devroom.scss
View File

@ -1,11 +1,11 @@
@import url('https://fonts.googleapis.com/css2?family=Mulish:ital,wght@0,200..1000;1,200..1000&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Mulish:ital,wght@0,200..1000;1,200..1000&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100..700;1,100..700&family=Space+Mono:ital,wght@0,400;0,700;1,400;1,700&display=swap');
$h1_font_size: 2.0rem; $h1_font_size: 2.0rem;
$h2_font_size: 1.7rem; $h2_font_size: 1.7rem;
$header_size: 1.2rem; $header_size: 1.2rem;
$font_size: 16px; $font_size: 16px;
$code_font_size: 16px; $code_font_size: 14px;
$code_line_height: 17px; $code_line_height: 17px;
$line-height: 1.6; $line-height: 1.6;
@ -21,9 +21,9 @@ $header: $text;
$highlight: $links; $highlight: $links;
$blockquote_border: $accent; $blockquote_border: $accent;
$important_border: #f00; $important_border: #f00;
$code_background: $background; $code_background: $text;
$code_border_color: $background; $code_border_color: $text;
$code: #ff9327; $code: $background;
$separator: darken(desaturate($accent, 20%), 20%); $separator: darken(desaturate($accent, 20%), 20%);
html, body { html, body {
@ -36,7 +36,10 @@ html, body {
} }
code, pre { code, pre {
font-family: monospace; font-family: "Roboto Mono", monospace;
font-optical-sizing: auto;
font-weight: 600;
font-style: normal;
} }
.important { .important {
@ -219,18 +222,15 @@ small {
color: $footer; color: $footer;
} }
.meta {
color: $meta;
font-weight: normal;
}
code { code {
color: $code; color: $text;
background-color: $backdrop;
padding: 1px 4px 3px;
border-radius: 4px;
} }
pre, code { pre, code {
font-family: 'IBM Plex Mono', monospace;
font-size: $code_font_size; font-size: $code_font_size;
line-height: $code_line_height; line-height: $code_line_height;
} }
@ -238,17 +238,19 @@ pre, code {
pre > code { pre > code {
overflow-wrap: normal; overflow-wrap: normal;
white-space: pre; white-space: pre;
padding: 0;
color: $text; color: $text;
background-color: $background !important; background-color: $backdrop !important;
} }
pre { pre {
background-color: $code_background !important; background-color: $backdrop !important;
padding: 1rem 1rem 1rem 2.5rem; padding: 12px;
overflow-x: auto; overflow-x: auto;
overflow-y: hidden; overflow-y: hidden;
line-height: $line-height; line-height: $line-height;
border: 2px solid $code_border_color; border: 2px solid $accent;
border-radius: 4px;
} }
table td, table th { table td, table th {
@ -367,6 +369,10 @@ article.full {
} }
} }
.listing > h1 {
text-align: center;
}
a.tag { a.tag {
background-color: $accent; background-color: $accent;
color: $text; color: $text;

32
themes/devroom-2024/layouts/partials/list.html
View File

@ -1,16 +1,20 @@
<section class="container list"> <div class="listing">
<h1 class="title"> <h1>{{- .Title -}}</h1>
{{- if eq .Kind "taxonomy" -}} </div>
{{- i18n .Data.Singular | title -}}
{{- print "Tagged " -}}
{{- end -}}
{{- .Title -}} <div class="narrow">
</h1> {{ range .Paginator.Pages.GroupByDate "2006" }}
<ul> <h2 class="year">{{ .Key }}</h2>
{{ range .Paginator.Pages }}
<li>{{ .Title }}<br/><a href="{{ .Params.ExternalLink | default .RelPermalink }}">{{ .Params.ExternalLink | default .RelPermalink }}</a></li> <div class="post-feed">
{{ range .Pages }}
<article class="post">
<div class="calendar">{{ time.Format "02 Jan" .Date }}</div>
<h2 class="title">{{ .Title }}</h2>
<div class="actions">{{ .ReadingTime }} min read &raquo;</div>
<a class="permalink" href="{{ .Params.ExternalLink | default .RelPermalink }}"></a>
</article>
{{ end }} {{ end }}
</ul> </div>
{{ end }}
</section> </div>