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

Compare commits

base: bbaovanc:0b3b160e8723c302d2539e416d4b43aef4c2530f
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

15 Commits
0b3b160e87 ... 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
BBaoVanC
c980ced2fb Remove back to top button 
It's kind of ugly and weird, and probably not necessary. I might add it
back in the future if it's actually needed again.
 2023-11-05 17:41:59 -06:00
BBaoVanC
9ca15a198f Revert "Load bobastyle.css async too" 
This reverts commits f33492ef8e and 5c87c2b069.

It turns out this makes performance score even worse because it makes
the CLS really bad
 2023-11-05 01:20:20 -05:00
BBaoVanC
5c87c2b069 Fix async loading of bobastyle.css 2023-11-05 01:00:22 -05:00
BBaoVanC
6c42ae9518 Lazy load images 2023-11-05 00:56:13 -05:00
BBaoVanC
f33492ef8e Load bobastyle.css async too 2023-11-05 00:56:01 -05:00
BBaoVanC
ffcae79156 Load syntax CSS async 2023-11-05 00:31:26 -05:00
BBaoVanC
a59a87374b Rename config.yaml to hugo.yaml 2023-11-04 20:55:02 -05:00
BBaoVanC
88adfbdf89 Move site author to under params due to .Site.Author deprecation 
See Hugo v0.120.0
 2023-11-03 23:33:28 -05:00
BBaoVanC
0f717e81c0 Patch link issue with delimit due to breaking change in Hugo v0.120 
References:
- https://github.com/gohugoio/hugo/releases/tag/v0.120.0
- https://github.com/gohugoio/hugo/issues/10876
- https://github.com/gohugoio/hugo/issues/11502
 2023-11-03 22:08:23 -05:00
BBaoVanC
ede5958a46 Fix main container padding when printing 2023-11-02 01:01:24 -05:00
18 changed files with 53 additions and 75 deletions
Expand all files Collapse all files

2
archetypes/blog/index.md
View File

@ -8,7 +8,7 @@ comments: true
draft: true
authors:
- {{ with .Site.Author.name }}{{ . }}{{ else }}John Doe{{ end }}
- {{ with .Site.Params.author.name }}{{ . }}{{ else }}John Doe{{ end }}
categories:
- archetype-stuff

2
archetypes/default/index.md
View File

@ -6,7 +6,7 @@ toc: true
comments: false
authors:
- {{ with .Site.Author.name }}{{ . }}{{ else }}John Doe{{ end }}
- {{ with .Site.params.author.name }}{{ . }}{{ else }}John Doe{{ end }}
---

42
assets/css/bobastyle.css
View File

@ -361,23 +361,6 @@ h1 svg.icon {
/* }}} */
/* Back to top {{{ */
#top {
font-size: 0;
}
#back-to-top {
position: fixed;
float: right;
bottom: 25px;
right: 25px;
background-color: var(--background-1);
color: var(--text-1);
border-radius: 100%;
padding: 12px;
display: none;
}
/* }}} */
/* Skip to main content {{{ */
#skip-to-main {
position: absolute;
@ -658,7 +641,7 @@ h1 svg.icon {
/* Content (single) formatting {{{ */
.series-box {
background-color: var(--background-1);
background-color: var(--background-1); /* remember to update print styling */
color: var(--text-1);
padding: 8px 16px;
border-radius: 8px;
@ -666,7 +649,7 @@ h1 svg.icon {
}
.table-of-contents {
background-color: var(--background-1);
background-color: var(--background-1); /* remember to update print styling */
color: var(--text-1);
padding: 8px 20px;
border-radius: 8px;
@ -721,7 +704,7 @@ h1 svg.icon {
/* See also formating */
.see-also {
background-color: var(--background-1);
background-color: var(--background-1); /* remember to update print styling */
color: var(--text-1);
padding: 8px 12px;
border-radius: 8px;
@ -787,14 +770,14 @@ h1 svg.icon {
display: flex;
flex-direction: column;
margin: 16px 0;
background-color: var(--background-1);
background-color: var(--background-1); /* remember to update print styling */
border-radius: 8px;
}
.code-block > .code-header {
display: flex;
flex-direction: row;
justify-content: space-between;
background-color: var(--background-2);
background-color: var(--background-2); /* remember to update print styling */
padding: 4px 8px;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
@ -874,6 +857,7 @@ aside {
margin-bottom: 0;
}
/* remember to update print styling for all the following asides */
aside.note {
background-color: var(--background-blue-1);
}
@ -969,6 +953,7 @@ aside.quote {
.main-container {
max-width: 100%;
margin: 8px 0;
padding: 0;
}
.breadcrumb {
@ -989,9 +974,18 @@ aside.quote {
display: block;
}
#back-to-top {
display: none !important;
/* replace background colors with borders {{{ */
.series-box {
}
.table-of-contents {
}
.see-also {
}
.code-block {
}
.code-block > .code-header {
}
/* all the asides */
}
/* }}} */

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

@ -5,16 +5,17 @@
color: black;
}
/* Background */ .bg { background-color: #f8f8f8 }
/* Background */ .bg { background-color: #f8f8f8; }
/* PreWrapper */ .chroma { background-color: #f8f8f8; }
/* Other */ .chroma .x { color: #000000 }
/* Error */ .chroma .err { color: #a40000 }
/* 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; }
/* LineTable */ .chroma .lntable { border-spacing: 0; padding: 0; margin: 0; border: 0; }
/* LineHighlight */ .chroma .hl { background-color: #ffffcc }
/* LineNumbersTable */ .chroma .lnt { 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; user-select: none; margin-right: 0.4em; padding: 0 0.4em 0 0.4em;color: #7f7f7f }
/* LineHighlight */ .chroma .hl { background-color: #dfdfdf }
/* 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; -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; }
/* Keyword */ .chroma .k { 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 */
/* Background */ .bg { color: #d0d0d0; background-color: #202020 }
/* Background */ .bg { color: #d0d0d0; background-color: #202020; }
/* PreWrapper */ .chroma { color: #d0d0d0; background-color: #202020; }
/* Other */ .chroma .x { }
/* Error */ .chroma .err { color: #a61717; background-color: #e3d2d2 }
/* 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; }
/* LineTable */ .chroma .lntable { border-spacing: 0; padding: 0; margin: 0; border: 0; }
/* LineHighlight */ .chroma .hl { background-color: #ffffcc }
/* LineNumbersTable */ .chroma .lnt { 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; user-select: none; margin-right: 0.4em; padding: 0 0.4em 0 0.4em;color: #686868 }
/* LineHighlight */ .chroma .hl { background-color: #363636 }
/* 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; -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; }
/* Keyword */ .chroma .k { color: #6ab825; font-weight: bold }
/* KeywordConstant */ .chroma .kc { color: #6ab825; font-weight: bold }

10
assets/js/bobatheme.js
View File

@ -1,13 +1,3 @@
// back to top
const backToTop = document.getElementById("back-to-top");
window.onscroll = function() {
if (document.body.scrollTop > 100 || document.documentElement.scrollTop > 100) {
backToTop.style.display = "block";
} else {
backToTop.style.display = "none";
}
}
// code block copy to clipboard
window.onload = () => {
document.querySelectorAll(".code-block").forEach(codeBlock => {

6
exampleSite/hugo.yaml
View File

@ -10,13 +10,13 @@ enableGitInfo: true
taxonomies:
_merge: deep
author:
name: bbaovanc
markup: # this just keeps the bobatheme markup styling
_merge: deep
params:
author:
name: bbaovanc
# these are for the OpenGraph/Twitter embeds in Hugo
description: Example website for bobatheme

0
config.yaml → hugo.yaml
View File

14
layouts/_default/baseof.html
View File

@ -4,20 +4,8 @@
{{ partial "head.html" . }}
<body>
<a id="top" aria-hidden="true"></a>
<a id="skip-to-main" href="#main-content">Skip to main content</a>
<a id="back-to-top" href="#top" aria-label="{{ i18n "aria_back_to_top_button" }}">
{{ partial "icon.html" "chevron-up" }}
</a>
<noscript>
<style>
#back-to-top {
display: block;
}
</style>
</noscript>
{{ partial "top.html" . }}
<div class="main-container">
@ -39,7 +27,7 @@
{{ if or .Site.Copyright .Site.Params.footer }}
<footer>
{{ with .Site.Copyright }}
<p>{{ . | safeHTML }}</p>
{{ . | safeHTML }}
{{ end }}
{{ with .Site.Params.footer }}

2
layouts/partials/figure.html
View File

@ -9,7 +9,7 @@
{{ with index . "src" }}
{{ $media := . }}
{{ if eq .MediaType.MainType "image" }}
<img src="{{ $media.Permalink }}" alt="{{ $media.Title }}" />
<img src="{{ $media.Permalink }}" alt="{{ $media.Title }}" loading="lazy" />
{{ else if eq .MediaType.MainType "video" }}
<video controls preload="metadata">
<source src="{{ $media.Permalink }}" alt="{{ $media.Title }}">

4
layouts/partials/head.html
View File

@ -7,10 +7,10 @@
<link rel="stylesheet" type="text/css" href="{{ .Permalink }}" integrity="{{ .Data.Integrity }}" crossorigin="anonymous">
{{ end }}
{{ with resources.Get "css/syntax.css" | fingerprint "sha512" }}
<link rel="stylesheet" type="text/css" href="{{ .Permalink }}" integrity="{{ .Data.Integrity }}" crossorigin="anonymous">
<link rel="stylesheet" type="text/css" href="{{ .Permalink }}" integrity="{{ .Data.Integrity }}" crossorigin="anonymous" media="print" onload="this.media='all'">
{{ end }}
{{ with resources.Get "css/syntax-light.css" | fingerprint "sha512" }}
<link rel="stylesheet" type="text/css" href="{{ .Permalink }}" integrity="{{ .Data.Integrity }}" crossorigin="anonymous">
<link rel="stylesheet" type="text/css" href="{{ .Permalink }}" integrity="{{ .Data.Integrity }}" crossorigin="anonymous" media="print" onload="this.media='all'">
{{ end }}
{{ with resources.Get "js/bobatheme.js" | fingerprint "sha512" }}

4
layouts/partials/page-metadata/item/authors.html
View File

@ -6,9 +6,9 @@
{{ $authors := slice }}
{{ range . }}
{{ $url := (printf "authors/%s" (. | anchorize)) | absLangURL }}
{{ $authors = $authors | append (printf `<a href="%s">%s</a>` $url . | safeHTML) }}
{{ $authors = $authors | append (printf `<a href="%s">%s</a>` $url .) }}
{{ end }}
{{ delimit $authors ", " }}
{{ delimit $authors ", " | safeHTML }}
{{ else }}
{{ delimit . ", " }}
{{ end }}

2
layouts/partials/page-metadata/item/categories.html
View File

@ -6,6 +6,6 @@
<div class="page-metadata-section categories" aria-label="{{ i18n "aria_post_meta_categories" }}">
{{ partial "icon.html" "folder" }}
{{ delimit $categories ", " }}
{{ delimit $categories ", " | safeHTML }}
</div>
{{ end }}

2
layouts/partials/page-metadata/item/series.html
View File

@ -6,6 +6,6 @@
<div class="page-metadata-section series" aria-label="{{ i18n "aria_post_meta_series" }}">
{{ partial "icon.html" "files" }}
{{ delimit $series ", " }}
{{ delimit $series ", " | safeHTML }}
</div>
{{ end }}

2
layouts/partials/page-metadata/item/tags.html
View File

@ -6,6 +6,6 @@
<div class="page-metadata-section tags" aria-label="{{ i18n "aria_post_meta_tags" }}">
{{ partial "icon.html" "tag" }}
{{ delimit $tags ", " }}
{{ delimit $tags ", " | safeHTML }}
</div>
{{ end }}

2
layouts/partials/remote_figure.html
View File

@ -10,7 +10,7 @@
{{ end }}
{{ if eq $type "image" }}
<img src="{{ $src }}" alt="{{ $alt }}" />
<img src="{{ $src }}" alt="{{ $alt }}" loading="lazy" />
{{ else if eq $type "video" }}
<video controls preload="metadata">
<source src="{{ $src }}" alt="{{ $alt }}">

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

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

2
layouts/partials/series-box.html
View File

@ -12,6 +12,6 @@
This post is part of a series:
{{ end }}
{{ delimit $series ", " }}
{{ delimit $series ", " | safeHTML }}
</div>
{{ end }}