bbaovanc/bobatheme
1
0
Fork 0
mirror of https://github.com/BBaoVanC/bobatheme.git synced 2025-07-04 02:57:30 -05:00
Code Issues Projects Releases Wiki Activity

Compare commits

base: bbaovanc:c06e7eb938e239a77ef9f63639b74b126861a6e6
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:ca0f8d390c5076a271d3b05649fbdf41faa20f0e
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

3 Commits
c06e7eb938 ... ca0f8d390c

Author SHA1 Message Date
BBaoVanC
ca0f8d390c Add workaround for code icon being chopped off on side 
Introduced by 16f08dce7f. Since the aspect
ratio of the icon isn't square, it's too wide and collides with the text
next to it. Would be nice to follow #82 and switch to a better
maintained icon pack.
 2025-07-01 02:57:55 -05:00
BBaoVanC
62f0d42140 Add possibility for adding custom meta items to page 
Fixes #67
 2025-07-01 02:48:37 -05:00
BBaoVanC
16f08dce7f Tweak icon size and alignment 
Use em units so it matches the text size automatically. Using sub for
vertical-align seems to look a little nicer? Maybe only so because now
the height of icon matches the font size now.
 2025-07-01 02:09:15 -05:00
5 changed files with 13 additions and 14 deletions
Expand all files Collapse all files

21
assets/css/bobastyle.css
View File

@ -291,17 +291,17 @@ table.simple tbody tr:nth-child(even) {
/* Icons */
.icon {
width: 20px;
height: 20px;
width: 1em;
height: 1em;
color: var(--text-1);
text-align: center;
display: inline;
vertical-align: middle;
vertical-align: sub;
}
h1 svg.icon {
width: 30px;
height: 30px;
/* workarounds for some icons from jam-icons being non-square aspect ratio */
.icon-code {
width: 1.25em;
}
/* }}} */
@ -315,11 +315,6 @@ h1 svg.icon {
font-weight: bold;
}
.heading-link svg {
width: 15px;
height: 15px;
}
/* }}} */
/* Top bar formatting {{{ */
@ -676,6 +671,7 @@ h1 svg.icon {
display: flex;
gap: 8px;
justify-content: center;
font-size: 32px;
}
.share-buttons a {
@ -690,8 +686,7 @@ h1 svg.icon {
}
.share-buttons svg {
width: 32px;
height: 32px;
display: block;
}
/* https://stackoverflow.com/a/72073682/19003757 */

2
layouts/_partials/icon_code.html
View File

@ -1,6 +1,6 @@
{{- $icon_resource := resources.Get (printf "jam/icons/%s.svg" .) -}}
{{- $icon := $icon_resource.Content -}}
{{- $icon = replaceRE `<svg` `<svg class="icon"` $icon -}}
{{- $icon = replaceRE `<svg` (printf `<svg class="icon icon-%s"` .) $icon -}}
{{- $icon = replaceRE `</svg>` (printf `<title>%s icon</title></svg>` .) $icon -}}
{{- $icon = replaceRE `(width|height)="[0-9]*"` "" $icon -}}
{{- $icon | safeHTML -}}

1
layouts/_partials/page-metadata/custom-full.html Normal file
View File

@ -0,0 +1 @@
<!-- Placeholder for website to add custom post metadata to summaries -->

2
layouts/_partials/page-metadata/post-full.html
View File

@ -22,6 +22,8 @@
{{ partial "page-metadata/item/edithistory.html" . }}
{{ partial "page-metadata/item/viewraw.html" . }}
{{ partial "page-metadata/custom-full.html" . }}
{{ partial "page-metadata/item/categories.html" . }}
{{ partial "page-metadata/item/tags.html" . }}

1
layouts/_partials/page-metadata/post-short.html
View File

@ -9,6 +9,7 @@
{{ partial "page-metadata/item/authors.html" . }}
{{ partial "page-metadata/item/readingtime.html" . }}
{{ partial "page-metadata/item/series.html" . }}
{{ partial "page-metadata/item/categories.html" . }}
{{ partial "page-metadata/item/tags.html" . }}