bbaovanc/bobatheme
1
0
Fork 0
mirror of https://github.com/BBaoVanC/bobatheme.git synced 2026-02-03 23:08:29 -06:00
Code Issues Projects Releases Wiki Activity

Compare commits

base: bbaovanc:7368e82cf8a6ac587c1c8f920b3b95a36689b375
Branches Tags
bbaovanc:master bbaovanc:page-list-and-summary-css-cleanup bbaovanc:semantic-html bbaovanc:cleanup-body-modules bbaovanc:remove-share-buttons bbaovanc:share-button-template 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:ee1ba12df5e8d6b2c70a65ed125482be4d193365
Branches Tags
bbaovanc:master bbaovanc:page-list-and-summary-css-cleanup bbaovanc:semantic-html bbaovanc:cleanup-body-modules bbaovanc:remove-share-buttons bbaovanc:share-button-template 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
7368e82cf8 ... ee1ba12df5

Author SHA1 Message Date
BBaoVanC
ee1ba12df5 Rename icon_code partial to icon_impl 
Fixes #126
 2025-12-24 01:42:45 -06:00
BBaoVanC
d6c8dd65de Rename .section to .section-card 
To keep the classes more organized, by having better scoping of classes.

Fixes #121
 2025-12-24 01:29:37 -06:00
BBaoVanC
f7dadb821c Fix hiding of navbar on print 
Regression introduced in c2b10a6c99 where
the navbar is no longer hidden when printing. I did not make sure to
grep for all usages of the top bar classes after changing them.

Updates #109
 2025-12-24 01:20:07 -06:00
BBaoVanC
b150aad217 Update chromastyles with Hugo 0.153.2 
Since Arch's isn't updated yet, I downloaded the hugo extended
executable from the releases.

hugo v0.153.2-798533a2013eab97198b0a155a8f4afab7e79865+extended linux/amd64 BuildDate=2025-12-22T16:53:01Z VendorInfo=gohugoio
 2025-12-24 01:05:45 -06:00
BBaoVanC
3a17e0037a Update chromastyles with Hugo 0.152.2 2025-12-24 01:02:47 -06:00
6 changed files with 178 additions and 191 deletions
Expand all files Collapse all files

20
assets/css/bobastyle.css
View File

@@ -618,7 +618,7 @@ figcaption {
gap: 10px; gap: 10px;
} }
.section { .section-card {
background-color: var(--background-1); background-color: var(--background-1);
color: var(--text-1); color: var(--text-1);
border-radius: 12px; border-radius: 12px;
@@ -628,33 +628,33 @@ figcaption {
justify-content: space-between; justify-content: space-between;
} }
.section:hover { .section-card:hover {
background-color: var(--background-2); background-color: var(--background-2);
color: var(--text-2); color: var(--text-2);
} }
.section-title { .section-card-title {
margin: 10px 0; margin: 10px 0;
} }
.section-anchor { .section-card-anchor {
color: inherit; color: inherit;
} }
.section-anchor:hover { .section-card-anchor:hover {
text-decoration: none; text-decoration: none;
} }
.section-description { .section-card-description {
margin-bottom: 5px; margin-bottom: 5px;
} }
.section-arrow { .section-card-arrow {
margin-block: auto; margin-block: auto;
max-height: fit-content; max-height: fit-content;
float: right; float: right;
} }
.section-arrow > .icon { .section-card-arrow > .icon {
height: 48px; height: 48px;
width: 48px; width: 48px;
} }
@@ -960,7 +960,7 @@ aside.quote {
/* Print compatibility {{{ */ /* Print compatibility {{{ */
@media print { @media print {
.top > .navbar, .top-navbar,
.content-heading-link, .content-heading-link,
.post-meta-edit-history, .post-meta-edit-history,
.post-meta-view-markdown, .post-meta-view-markdown,
@@ -979,7 +979,7 @@ aside.quote {
.top { .top {
background-color: unset; background-color: unset;
} }
.top > .header { .top-brand {
margin-left: 0; margin-left: 0;
margin-right: 0; margin-right: 0;
} }

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

@@ -1,15 +1,14 @@
/* tango style */
@media print, (prefers-color-scheme: light) { @media print, (prefers-color-scheme: light) {
.chroma { .chroma {
color: black; color: black;
} }
/* Generated using: hugo gen chromastyles --style tango */
/* 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:#000 }
/* Error */ .chroma .err { color:#a40000 } /* Error */ .chroma .err { color:#a40000 }
/* CodeLine */ .chroma .cl { }
/* LineLink */ .chroma .lnlinks { outline:none;text-decoration:none;color:inherit } /* 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; }
@@ -24,29 +23,29 @@
/* KeywordPseudo */ .chroma .kp { color:#204a87;font-weight:bold } /* KeywordPseudo */ .chroma .kp { color:#204a87;font-weight:bold }
/* KeywordReserved */ .chroma .kr { color:#204a87;font-weight:bold } /* KeywordReserved */ .chroma .kr { color:#204a87;font-weight:bold }
/* KeywordType */ .chroma .kt { color:#204a87;font-weight:bold } /* KeywordType */ .chroma .kt { color:#204a87;font-weight:bold }
/* Name */ .chroma .n { color: #000000 } /* Name */ .chroma .n { color:#000 }
/* NameAttribute */ .chroma .na { color:#c4a000 } /* NameAttribute */ .chroma .na { color:#c4a000 }
/* NameBuiltin */ .chroma .nb { color: #204a87 } /* NameClass */ .chroma .nc { color:#000 }
/* NameBuiltinPseudo */ .chroma .bp { color: #3465a4 } /* NameConstant */ .chroma .no { color:#000 }
/* NameClass */ .chroma .nc { color: #000000 }
/* NameConstant */ .chroma .no { color: #000000 }
/* NameDecorator */ .chroma .nd { color:#5c35cc;font-weight:bold } /* NameDecorator */ .chroma .nd { color:#5c35cc;font-weight:bold }
/* NameEntity */ .chroma .ni { color:#ce5c00 } /* NameEntity */ .chroma .ni { color:#ce5c00 }
/* NameException */ .chroma .ne { color: #cc0000; font-weight: bold } /* NameException */ .chroma .ne { color:#c00;font-weight:bold }
/* NameFunction */ .chroma .nf { color: #000000 }
/* NameFunctionMagic */ .chroma .fm { color: #000000 }
/* NameLabel */ .chroma .nl { color:#f57900 } /* NameLabel */ .chroma .nl { color:#f57900 }
/* NameNamespace */ .chroma .nn { color: #000000 } /* NameNamespace */ .chroma .nn { color:#000 }
/* NameOther */ .chroma .nx { color: #000000 } /* NameOther */ .chroma .nx { color:#000 }
/* NameProperty */ .chroma .py { color: #000000 } /* NameProperty */ .chroma .py { color:#000 }
/* NameTag */ .chroma .nt { color:#204a87;font-weight:bold } /* NameTag */ .chroma .nt { color:#204a87;font-weight:bold }
/* NameVariable */ .chroma .nv { color: #000000 } /* NameBuiltin */ .chroma .nb { color:#204a87 }
/* NameVariableClass */ .chroma .vc { color: #000000 } /* NameBuiltinPseudo */ .chroma .bp { color:#3465a4 }
/* NameVariableGlobal */ .chroma .vg { color: #000000 } /* NameVariable */ .chroma .nv { color:#000 }
/* NameVariableInstance */ .chroma .vi { color: #000000 } /* NameVariableClass */ .chroma .vc { color:#000 }
/* NameVariableMagic */ .chroma .vm { color: #000000 } /* NameVariableGlobal */ .chroma .vg { color:#000 }
/* Literal */ .chroma .l { color: #000000 } /* NameVariableInstance */ .chroma .vi { color:#000 }
/* LiteralDate */ .chroma .ld { color: #000000 } /* NameVariableMagic */ .chroma .vm { color:#000 }
/* NameFunction */ .chroma .nf { color:#000 }
/* NameFunctionMagic */ .chroma .fm { color:#000 }
/* Literal */ .chroma .l { color:#000 }
/* LiteralDate */ .chroma .ld { color:#000 }
/* LiteralString */ .chroma .s { color:#4e9a06 } /* LiteralString */ .chroma .s { color:#4e9a06 }
/* LiteralStringAffix */ .chroma .sa { color:#4e9a06 } /* LiteralStringAffix */ .chroma .sa { color:#4e9a06 }
/* LiteralStringBacktick */ .chroma .sb { color:#4e9a06 } /* LiteralStringBacktick */ .chroma .sb { color:#4e9a06 }
@@ -70,7 +69,7 @@
/* LiteralNumberOct */ .chroma .mo { color:#0000cf;font-weight:bold } /* LiteralNumberOct */ .chroma .mo { color:#0000cf;font-weight:bold }
/* Operator */ .chroma .o { color:#ce5c00;font-weight:bold } /* Operator */ .chroma .o { color:#ce5c00;font-weight:bold }
/* OperatorWord */ .chroma .ow { color:#204a87;font-weight:bold } /* OperatorWord */ .chroma .ow { color:#204a87;font-weight:bold }
/* Punctuation */ .chroma .p { color: #000000; font-weight: bold } /* Punctuation */ .chroma .p { color:#000;font-weight:bold }
/* Comment */ .chroma .c { color:#8f5902;font-style:italic } /* Comment */ .chroma .c { color:#8f5902;font-style:italic }
/* CommentHashbang */ .chroma .ch { color:#8f5902;font-style:italic } /* CommentHashbang */ .chroma .ch { color:#8f5902;font-style:italic }
/* CommentMultiline */ .chroma .cm { color:#8f5902;font-style:italic } /* CommentMultiline */ .chroma .cm { color:#8f5902;font-style:italic }
@@ -78,19 +77,19 @@
/* CommentSpecial */ .chroma .cs { color:#8f5902;font-style:italic } /* CommentSpecial */ .chroma .cs { color:#8f5902;font-style:italic }
/* CommentPreproc */ .chroma .cp { color:#8f5902;font-style:italic } /* CommentPreproc */ .chroma .cp { color:#8f5902;font-style:italic }
/* CommentPreprocFile */ .chroma .cpf { color:#8f5902;font-style:italic } /* CommentPreprocFile */ .chroma .cpf { color:#8f5902;font-style:italic }
/* Generic */ .chroma .g { color: #000000 } /* Generic */ .chroma .g { color:#000 }
/* GenericDeleted */ .chroma .gd { color:#a40000 } /* GenericDeleted */ .chroma .gd { color:#a40000 }
/* GenericEmph */ .chroma .ge { color: #000000; font-style: italic } /* GenericEmph */ .chroma .ge { color:#000;font-style:italic }
/* GenericError */ .chroma .gr { color:#ef2929 } /* GenericError */ .chroma .gr { color:#ef2929 }
/* GenericHeading */ .chroma .gh { color:#000080;font-weight:bold } /* GenericHeading */ .chroma .gh { color:#000080;font-weight:bold }
/* GenericInserted */ .chroma .gi { color:#00a000 } /* GenericInserted */ .chroma .gi { color:#00a000 }
/* GenericOutput */ .chroma .go { color: #000000; font-style: italic } /* GenericOutput */ .chroma .go { color:#000;font-style:italic }
/* GenericPrompt */ .chroma .gp { color:#8f5902 } /* GenericPrompt */ .chroma .gp { color:#8f5902 }
/* GenericStrong */ .chroma .gs { color: #000000; font-weight: bold } /* GenericStrong */ .chroma .gs { color:#000;font-weight:bold }
/* GenericSubheading */ .chroma .gu { color:#800080;font-weight:bold } /* GenericSubheading */ .chroma .gu { color:#800080;font-weight:bold }
/* GenericTraceback */ .chroma .gt { color:#a40000;font-weight:bold } /* GenericTraceback */ .chroma .gt { color:#a40000;font-weight:bold }
/* GenericUnderline */ .chroma .gl { color: #000000; text-decoration: underline } /* GenericUnderline */ .chroma .gl { color:#000;text-decoration:underline }
/* TextWhitespace */ .chroma .w { color: #f8f8f8; text-decoration: underline } /* TextWhitespace */ .chroma .w { color:#f8f8f8 }
} }

52
assets/css/syntax.css
View File

@@ -1,10 +1,8 @@
/* native style */ /* Generated using: hugo gen chromastyles --style native */
/* 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 { }
/* Error */ .chroma .err { color:#a61717;background-color:#e3d2d2 } /* Error */ .chroma .err { color:#a61717;background-color:#e3d2d2 }
/* CodeLine */ .chroma .cl { }
/* LineLink */ .chroma .lnlinks { outline:none;text-decoration:none;color:inherit } /* 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; }
@@ -19,29 +17,22 @@
/* KeywordPseudo */ .chroma .kp { color:#6ab825 } /* KeywordPseudo */ .chroma .kp { color:#6ab825 }
/* KeywordReserved */ .chroma .kr { color:#6ab825;font-weight:bold } /* KeywordReserved */ .chroma .kr { color:#6ab825;font-weight:bold }
/* KeywordType */ .chroma .kt { color:#6ab825;font-weight:bold } /* KeywordType */ .chroma .kt { color:#6ab825;font-weight:bold }
/* Name */ .chroma .n { } /* NameAttribute */ .chroma .na { color:#bbb }
/* NameAttribute */ .chroma .na { color: #bbbbbb }
/* NameBuiltin */ .chroma .nb { color: #24909d }
/* NameBuiltinPseudo */ .chroma .bp { }
/* NameClass */ .chroma .nc { color:#447fcf;text-decoration:underline } /* NameClass */ .chroma .nc { color:#447fcf;text-decoration:underline }
/* NameConstant */ .chroma .no { color:#40ffff } /* NameConstant */ .chroma .no { color:#40ffff }
/* NameDecorator */ .chroma .nd { color:#ffa500 } /* NameDecorator */ .chroma .nd { color:#ffa500 }
/* NameEntity */ .chroma .ni { } /* NameException */ .chroma .ne { color:#bbb }
/* NameException */ .chroma .ne { color: #bbbbbb }
/* NameFunction */ .chroma .nf { color: #447fcf }
/* NameFunctionMagic */ .chroma .fm { }
/* NameLabel */ .chroma .nl { }
/* NameNamespace */ .chroma .nn { color:#447fcf;text-decoration:underline } /* NameNamespace */ .chroma .nn { color:#447fcf;text-decoration:underline }
/* NameOther */ .chroma .nx { }
/* NameProperty */ .chroma .py { }
/* NameTag */ .chroma .nt { color:#6ab825;font-weight:bold } /* NameTag */ .chroma .nt { color:#6ab825;font-weight:bold }
/* NameBuiltin */ .chroma .nb { color:#24909d }
/* NameBuiltinPseudo */ .chroma .bp { color:#24909d }
/* NameVariable */ .chroma .nv { color:#40ffff } /* NameVariable */ .chroma .nv { color:#40ffff }
/* NameVariableClass */ .chroma .vc { } /* NameVariableClass */ .chroma .vc { color:#40ffff }
/* NameVariableGlobal */ .chroma .vg { } /* NameVariableGlobal */ .chroma .vg { color:#40ffff }
/* NameVariableInstance */ .chroma .vi { } /* NameVariableInstance */ .chroma .vi { color:#40ffff }
/* NameVariableMagic */ .chroma .vm { } /* NameVariableMagic */ .chroma .vm { color:#40ffff }
/* Literal */ .chroma .l { } /* NameFunction */ .chroma .nf { color:#447fcf }
/* LiteralDate */ .chroma .ld { } /* NameFunctionMagic */ .chroma .fm { color:#447fcf }
/* LiteralString */ .chroma .s { color:#ed9d13 } /* LiteralString */ .chroma .s { color:#ed9d13 }
/* LiteralStringAffix */ .chroma .sa { color:#ed9d13 } /* LiteralStringAffix */ .chroma .sa { color:#ed9d13 }
/* LiteralStringBacktick */ .chroma .sb { color:#ed9d13 } /* LiteralStringBacktick */ .chroma .sb { color:#ed9d13 }
@@ -63,26 +54,23 @@
/* LiteralNumberInteger */ .chroma .mi { color:#3677a9 } /* LiteralNumberInteger */ .chroma .mi { color:#3677a9 }
/* LiteralNumberIntegerLong */ .chroma .il { color:#3677a9 } /* LiteralNumberIntegerLong */ .chroma .il { color:#3677a9 }
/* LiteralNumberOct */ .chroma .mo { color:#3677a9 } /* LiteralNumberOct */ .chroma .mo { color:#3677a9 }
/* Operator */ .chroma .o { }
/* OperatorWord */ .chroma .ow { color:#6ab825;font-weight:bold } /* OperatorWord */ .chroma .ow { color:#6ab825;font-weight:bold }
/* Punctuation */ .chroma .p { } /* Comment */ .chroma .c { color:#999;font-style:italic }
/* Comment */ .chroma .c { color: #999999; font-style: italic } /* CommentHashbang */ .chroma .ch { color:#999;font-style:italic }
/* CommentHashbang */ .chroma .ch { color: #999999; font-style: italic } /* CommentMultiline */ .chroma .cm { color:#999;font-style:italic }
/* CommentMultiline */ .chroma .cm { color: #999999; font-style: italic } /* CommentSingle */ .chroma .c1 { color:#999;font-style:italic }
/* CommentSingle */ .chroma .c1 { color: #999999; font-style: italic }
/* CommentSpecial */ .chroma .cs { color:#e50808;background-color:#520000;font-weight:bold } /* CommentSpecial */ .chroma .cs { color:#e50808;background-color:#520000;font-weight:bold }
/* CommentPreproc */ .chroma .cp { color:#cd2828;font-weight:bold } /* CommentPreproc */ .chroma .cp { color:#cd2828;font-weight:bold }
/* CommentPreprocFile */ .chroma .cpf { color:#cd2828;font-weight:bold } /* CommentPreprocFile */ .chroma .cpf { color:#cd2828;font-weight:bold }
/* Generic */ .chroma .g { }
/* GenericDeleted */ .chroma .gd { color:#d22323 } /* GenericDeleted */ .chroma .gd { color:#d22323 }
/* GenericEmph */ .chroma .ge { font-style:italic } /* GenericEmph */ .chroma .ge { font-style:italic }
/* GenericError */ .chroma .gr { color:#d22323 } /* GenericError */ .chroma .gr { color:#d22323 }
/* GenericHeading */ .chroma .gh { color: #ffffff; font-weight: bold } /* GenericHeading */ .chroma .gh { color:#fff;font-weight:bold }
/* GenericInserted */ .chroma .gi { color:#589819 } /* GenericInserted */ .chroma .gi { color:#589819 }
/* GenericOutput */ .chroma .go { color: #cccccc } /* GenericOutput */ .chroma .go { color:#ccc }
/* GenericPrompt */ .chroma .gp { color: #aaaaaa } /* GenericPrompt */ .chroma .gp { color:#aaa }
/* GenericStrong */ .chroma .gs { font-weight:bold } /* GenericStrong */ .chroma .gs { font-weight:bold }
/* GenericSubheading */ .chroma .gu { color: #ffffff; text-decoration: underline } /* GenericSubheading */ .chroma .gu { color:#fff;text-decoration:underline }
/* GenericTraceback */ .chroma .gt { color:#d22323 } /* GenericTraceback */ .chroma .gt { color:#d22323 }
/* GenericUnderline */ .chroma .gl { text-decoration:underline } /* GenericUnderline */ .chroma .gl { text-decoration:underline }
/* TextWhitespace */ .chroma .w { color: #666666 } /* TextWhitespace */ .chroma .w { color:#666 }

2
layouts/_partials/icon.html
View File

@@ -1 +1 @@
{{ partialCached "icon_code.html" . . }} {{ partialCached "icon_impl.html" . . }}

0
layouts/_partials/icon_code.html → layouts/_partials/icon_impl.html
View File

10
layouts/section.summary.html
View File

@@ -1,19 +1,19 @@
<a class="section-anchor" href="{{ .Permalink }}"> <a class="section-card-anchor" href="{{ .Permalink }}">
<div class="section"> <div class="section-card">
<div> <div>
<h2 class="section-title"> <h2 class="section-card-title">
{{ with .Params.icon }}{{ partial "icon.html" . }}{{ end }} {{ with .Params.icon }}{{ partial "icon.html" . }}{{ end }}
{{ .Title | markdownify }} {{ .Title | markdownify }}
</h2> </h2>
{{ with .Summary }} {{ with .Summary }}
<div class="section-description"> <div class="section-card-description">
{{ . }} {{ . }}
</div> </div>
{{ end }} {{ end }}
</div> </div>
<div class="section-arrow"> <div class="section-card-arrow">
{{ partial "icon.html" "arrow-right" }} {{ partial "icon.html" "arrow-right" }}
</div> </div>
</div> </div>