bbaovanc/bobatheme
1
0
Fork 0
mirror of https://github.com/BBaoVanC/bobatheme.git synced 2025-06-14 10:27:29 -05:00
Code Issues Projects Releases Wiki Activity

Compare commits

base: bbaovanc:reduce-print-backgrounds
Branches Tags
bbaovanc:master bbaovanc:hugo-0.146 bbaovanc:wip-print-backgrouhnds bbaovanc:reduce-print-backgrounds bbaovanc:clean-up-print-backgrounds bbaovanc:custom-fonts bbaovanc:custom-fonts-google bbaovanc:breadcrumb-nav-styling bbaovanc:image-resizing
bbaovanc:v1.0.1 bbaovanc:v1.0
..
compare: bbaovanc:wip-print-backgrouhnds
Branches Tags
bbaovanc:master bbaovanc:hugo-0.146 bbaovanc:wip-print-backgrouhnds bbaovanc:reduce-print-backgrounds bbaovanc:clean-up-print-backgrounds bbaovanc:custom-fonts bbaovanc:custom-fonts-google bbaovanc:breadcrumb-nav-styling bbaovanc:image-resizing
bbaovanc:v1.0.1 bbaovanc:v1.0

5 Commits
reduce-pri ... wip-print-

Author SHA1 Message Date
BBaoVanC
fa1fb5d0ba WIP 2024-01-22 21:23:52 -06:00
BBaoVanC
77afe66aa6 Support custom keywords instead of defaulting to using tags 
Now can set `keywords:` in the front matter for actual keywords
 2024-01-22 20:44:54 -06:00
BBaoVanC
788583ea23 Update syntax styles to fix user-select 
Turns out the last commit didn't work because bobastyle.css has lower
priority than the syntax CSS. But Hugo must've updated the styles
upstream because it's fixed after regenerating.
 2023-12-01 20:05:42 -06:00
BBaoVanC
4216b9ed6f Add vendor-prefixed user-select to code block line numbers 2023-12-01 19:57:39 -06:00
BBaoVanC
54e639ecc3 Don't automatically put copyright in <p> 2023-11-11 20:33:08 -06:00
5 changed files with 39 additions and 47 deletions
Expand all files Collapse all files

52
assets/css/bobastyle.css
View File

@ -641,7 +641,7 @@ h1 svg.icon {
/* Content (single) formatting {{{ */ /* Content (single) formatting {{{ */
.series-box { .series-box {
background-color: var(--background-1); background-color: var(--background-1); /* remember to update print styling */
color: var(--text-1); color: var(--text-1);
padding: 8px 16px; padding: 8px 16px;
border-radius: 8px; border-radius: 8px;
@ -649,7 +649,7 @@ h1 svg.icon {
} }
.table-of-contents { .table-of-contents {
background-color: var(--background-1); background-color: var(--background-1); /* remember to update print styling */
color: var(--text-1); color: var(--text-1);
padding: 8px 20px; padding: 8px 20px;
border-radius: 8px; border-radius: 8px;
@ -704,7 +704,7 @@ h1 svg.icon {
/* See also formating */ /* See also formating */
.see-also { .see-also {
background-color: var(--background-1); background-color: var(--background-1); /* remember to update print styling */
color: var(--text-1); color: var(--text-1);
padding: 8px 12px; padding: 8px 12px;
border-radius: 8px; border-radius: 8px;
@ -770,14 +770,14 @@ h1 svg.icon {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
margin: 16px 0; margin: 16px 0;
background-color: var(--background-1); background-color: var(--background-1); /* remember to update print styling */
border-radius: 8px; border-radius: 8px;
} }
.code-block > .code-header { .code-block > .code-header {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
justify-content: space-between; justify-content: space-between;
background-color: var(--background-2); background-color: var(--background-2); /* remember to update print styling */
padding: 4px 8px; padding: 4px 8px;
border-top-left-radius: 8px; border-top-left-radius: 8px;
border-top-right-radius: 8px; border-top-right-radius: 8px;
@ -857,23 +857,24 @@ aside {
margin-bottom: 0; margin-bottom: 0;
} }
/* remember to update print styling for all the following asides */
aside.note { aside.note {
background-color: var(--accent-blue-1); background-color: var(--background-blue-1);
} }
aside.info { aside.info {
background-color: var(--accent-green-1); background-color: var(--background-green-1);
} }
aside.tip { aside.tip {
background-color: var(--accent-teal-1); background-color: var(--background-teal-1);
} }
aside.warning { aside.warning {
background-color: var(--accent-yellow-1); background-color: var(--background-yellow-1);
} }
aside.example { aside.example {
background-color: var(--accent-purple-1); background-color: var(--background-purple-1);
} }
aside.quote { aside.quote {
background-color: var(--accent-1); background-color: var(--background-1);
} }
/* }}} */ /* }}} */
@ -973,33 +974,18 @@ aside.quote {
display: block; display: block;
} }
/* /* replace background colors with borders {{{ */
* reduce usage of background colors .series-box {
*/
aside {
background-color: unset !important;
border: 4px solid;
} }
.table-of-contents {
aside.note {
border-color: var(--background-blue-1);
} }
aside.info { .see-also {
border-color: var(--background-green-1);
} }
aside.tip { .code-block {
border-color: var(--background-teal-1);
} }
aside.warning { .code-block > .code-header {
border-color: var(--background-yellow-1);
}
aside.example {
border-color: var(--background-purple-1);
}
aside.quote {
border-color: var(--background-1);
} }
/* all the asides */
} }
/* }}} */ /* }}} */

9
assets/css/syntax-light.css
View File

@ -5,16 +5,17 @@
color: black; color: black;
} }
/* Background */ .bg { background-color: #f8f8f8 } /* Background */ .bg { background-color: #f8f8f8; }
/* PreWrapper */ .chroma { background-color: #f8f8f8; } /* PreWrapper */ .chroma { background-color: #f8f8f8; }
/* Other */ .chroma .x { color: #000000 } /* Other */ .chroma .x { color: #000000 }
/* Error */ .chroma .err { color: #a40000 } /* Error */ .chroma .err { color: #a40000 }
/* CodeLine */ .chroma .cl { } /* CodeLine */ .chroma .cl { }
/* LineLink */ .chroma .lnlinks { outline: none; text-decoration: none; color: inherit }
/* LineTableTD */ .chroma .lntd { vertical-align: top; padding: 0; margin: 0; border: 0; } /* LineTableTD */ .chroma .lntd { vertical-align: top; padding: 0; margin: 0; border: 0; }
/* LineTable */ .chroma .lntable { border-spacing: 0; padding: 0; margin: 0; border: 0; } /* LineTable */ .chroma .lntable { border-spacing: 0; padding: 0; margin: 0; border: 0; }
/* LineHighlight */ .chroma .hl { background-color: #ffffcc } /* LineHighlight */ .chroma .hl { background-color: #dfdfdf }
/* LineNumbersTable */ .chroma .lnt { white-space: pre; user-select: none; margin-right: 0.4em; padding: 0 0.4em 0 0.4em;color: #7f7f7f } /* LineNumbersTable */ .chroma .lnt { white-space: pre; -webkit-user-select: none; user-select: none; margin-right: 0.4em; padding: 0 0.4em 0 0.4em;color: #7f7f7f }
/* LineNumbers */ .chroma .ln { white-space: pre; user-select: none; margin-right: 0.4em; padding: 0 0.4em 0 0.4em;color: #7f7f7f } /* LineNumbers */ .chroma .ln { white-space: pre; -webkit-user-select: none; user-select: none; margin-right: 0.4em; padding: 0 0.4em 0 0.4em;color: #7f7f7f }
/* Line */ .chroma .line { display: flex; } /* Line */ .chroma .line { display: flex; }
/* Keyword */ .chroma .k { color: #204a87; font-weight: bold } /* Keyword */ .chroma .k { color: #204a87; font-weight: bold }
/* KeywordConstant */ .chroma .kc { color: #204a87; font-weight: bold } /* KeywordConstant */ .chroma .kc { color: #204a87; font-weight: bold }

9
assets/css/syntax.css
View File

@ -1,15 +1,16 @@
/* native style */ /* native style */
/* Background */ .bg { color: #d0d0d0; background-color: #202020 } /* Background */ .bg { color: #d0d0d0; background-color: #202020; }
/* PreWrapper */ .chroma { color: #d0d0d0; background-color: #202020; } /* PreWrapper */ .chroma { color: #d0d0d0; background-color: #202020; }
/* Other */ .chroma .x { } /* Other */ .chroma .x { }
/* Error */ .chroma .err { color: #a61717; background-color: #e3d2d2 } /* Error */ .chroma .err { color: #a61717; background-color: #e3d2d2 }
/* CodeLine */ .chroma .cl { } /* CodeLine */ .chroma .cl { }
/* LineLink */ .chroma .lnlinks { outline: none; text-decoration: none; color: inherit }
/* LineTableTD */ .chroma .lntd { vertical-align: top; padding: 0; margin: 0; border: 0; } /* LineTableTD */ .chroma .lntd { vertical-align: top; padding: 0; margin: 0; border: 0; }
/* LineTable */ .chroma .lntable { border-spacing: 0; padding: 0; margin: 0; border: 0; } /* LineTable */ .chroma .lntable { border-spacing: 0; padding: 0; margin: 0; border: 0; }
/* LineHighlight */ .chroma .hl { background-color: #ffffcc } /* LineHighlight */ .chroma .hl { background-color: #363636 }
/* LineNumbersTable */ .chroma .lnt { white-space: pre; user-select: none; margin-right: 0.4em; padding: 0 0.4em 0 0.4em;color: #686868 } /* LineNumbersTable */ .chroma .lnt { white-space: pre; -webkit-user-select: none; user-select: none; margin-right: 0.4em; padding: 0 0.4em 0 0.4em;color: #686868 }
/* LineNumbers */ .chroma .ln { white-space: pre; user-select: none; margin-right: 0.4em; padding: 0 0.4em 0 0.4em;color: #686868 } /* LineNumbers */ .chroma .ln { white-space: pre; -webkit-user-select: none; user-select: none; margin-right: 0.4em; padding: 0 0.4em 0 0.4em;color: #686868 }
/* Line */ .chroma .line { display: flex; } /* Line */ .chroma .line { display: flex; }
/* Keyword */ .chroma .k { color: #6ab825; font-weight: bold } /* Keyword */ .chroma .k { color: #6ab825; font-weight: bold }
/* KeywordConstant */ .chroma .kc { color: #6ab825; font-weight: bold } /* KeywordConstant */ .chroma .kc { color: #6ab825; font-weight: bold }

2
layouts/_default/baseof.html
View File

@ -27,7 +27,7 @@
{{ if or .Site.Copyright .Site.Params.footer }} {{ if or .Site.Copyright .Site.Params.footer }}
<footer> <footer>
{{ with .Site.Copyright }} {{ with .Site.Copyright }}
<p>{{ . | safeHTML }}</p> {{ . | safeHTML }}
{{ end }} {{ end }}
{{ with .Site.Params.footer }} {{ with .Site.Params.footer }}

6
layouts/partials/seo-tags/schema.html
View File

@ -21,10 +21,14 @@
<meta itemprop="image" content="{{ $featured.Permalink }}"> <meta itemprop="image" content="{{ $featured.Permalink }}">
{{ end }} {{ end }}
{{ with (.GetTerms "tags") }} {{ with .Keywords }}
<meta itemprop="keywords" content="{{ delimit . ", " }}">
{{ else }}
{{ with (.GetTerms "tags") }}
{{ $tags := slice }} {{ $tags := slice }}
{{ range . }} {{ range . }}
{{ $tags = $tags | append .LinkTitle }} {{ $tags = $tags | append .LinkTitle }}
{{ end }} {{ end }}
<meta itemprop="keywords" content="{{ delimit $tags ", " }}"> <meta itemprop="keywords" content="{{ delimit $tags ", " }}">
{{ end }}
{{ end }} {{ end }}