alanorth/hugo-theme-bootstrap5-blog
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Compare commits

base: alanorth:f28cf4615c896e75251d79eb7ec12856f8ee4697
Branches Tags
alanorth:master
...
compare: alanorth:master
Branches Tags
alanorth:master

15 Commits
f28cf4615c ... master

Author SHA1 Message Date
Alan Orth
68807b0a97 layouts/_default/summary.html: Minor edit
All checks were successful
continuous-integration/drone/push Build is passing
Details 
Adjust post syntax to be the same as Bootstrap's blog example. We
apparently don't use a header anymore.
 2021-02-12 20:51:38 +02:00
Alan Orth
a15f8898e0 Regenerate static assets
All checks were successful
continuous-integration/drone/push Build is passing
Details
2021-02-12 20:46:38 +02:00
Alan Orth
9a4287b8f8 package.json: Change URL 2021-02-12 20:37:54 +02:00
Alan Orth
e312bc4106 source/scss/bootstrap.scss: Update version comment 
It's confusing to know you've updated the Bootstrap version and see
a different one when looking at generated CSS.
 2021-02-12 20:36:24 +02:00
Alan Orth
81b4a58140 Run npm update 
Bootstrap 5.0.0-beta2 and sass 1.32.7
 2021-02-12 20:33:49 +02:00
Alan Orth
7649ececee Run npm update
All checks were successful
continuous-integration/drone/push Build is passing
Details
2021-01-19 22:33:56 +02:00
Alan Orth
bcac5b43fc Run npm update
All checks were successful
continuous-integration/drone/push Build is passing
Details
2021-01-06 21:07:14 +02:00
Alan Orth
c9b3c5ba38 source/scss/bootstrap.scss: Trim more unused imports
All checks were successful
continuous-integration/drone/push Build is passing
Details
2020-12-31 09:08:06 +02:00
Alan Orth
00c28cfbea Run npm update 2020-12-31 09:07:42 +02:00
Alan Orth
17f8037b1c layouts/partials/pagination.html: Rework buttons
All checks were successful
continuous-integration/drone/push Build is passing
Details 
I just noticed that the Bootstrap blog example has the order of the
buttons reversed from how I expected. They word them as "older" and
"newer" and they are opposite to how I expected. For now I will keep
these the same as the example, but eventually I might change them
to "previous" and "next" as is more commonly used.

See: https://getbootstrap.com/docs/5.0/examples/blog/
 2020-12-28 23:28:31 +02:00
Alan Orth
f813659623 layouts/_default/baseof.html: Link header
All checks were successful
continuous-integration/drone/push Build is passing
Details 
The site title in the header should be a link to home.
 2020-12-28 23:14:30 +02:00
Alan Orth
b524043127 layouts/partials/featured.html: Orientation 6
All checks were successful
continuous-integration/drone/push Build is passing
Details 
This handles images that have EXIF orientation "RightTop" aka 6,
which we need to rotate 270 degrees clockwise to make normal.

See: https://www.impulseadventure.com/photo/exif-orientation.html
 2020-12-28 12:34:05 +02:00
Alan Orth
0f275cbee6 assets/css/style.min.css: Regenerate static assets 2020-12-28 12:32:18 +02:00
Alan Orth
66a3f02d69 source/scss/bootstrap.scss: Remove unused imports 
This reduces the size of the shipped style.min.css by ~55KiB. I can
probably remove more once I look closer at what we are using.
 2020-12-28 12:31:20 +02:00
Alan Orth
f5b4eb4499 source/scss/bootstrap.scss: Fix header version 
Not critical, but can be annoying when you are looking at the CSS
and it shows an older version than you expect.
 2020-12-28 12:12:39 +02:00
8 changed files with 78 additions and 76 deletions
Expand all files Collapse all files

8
assets/css/style.min.css vendored
View File

File diff suppressed because one or more lines are too long

2
layouts/_default/baseof.html
View File

@@ -31,7 +31,7 @@
<a class="link-secondary" href="#">Subscribe</a>
</div>
<div class="col-4 text-center">
<a class="blog-header-logo text-dark" href="#">{{ .Site.Title | safeHTML }}</a>
<a class="blog-header-logo text-dark" href="{{ .Site.BaseURL | absLangURL }}">{{ .Site.Title | safeHTML }}</a>
</div>
<div class="col-4 d-flex justify-content-end align-items-center">
<a class="link-secondary" href="#" aria-label="Search">

2
layouts/_default/summary.html
View File

@@ -1,10 +1,8 @@
{{ $dateFormat := default "Mon Jan 2, 2006" (index .Site.Params "date_format") }}
<article class="blog-post">
<header>
<h2 class="blog-post-title" dir="auto"><a href="{{ .Permalink }}">{{ .Title | markdownify }}</a></h2>
<p class="blog-post-meta"><time {{ .Date.Format "2006-01-02T15:04:05Z07:00" | printf "datetime=%q" | safeHTMLAttr }}>{{ .Date.Format $dateFormat }}</time> by {{ .Params.author | default .Site.Params.author }}{{ if or (.Params.categories) (.Params.tags) }} in {{ partial "meta-terms.html" . }}{{ end }}</p>
</header>
{{ .Summary }}
<a href='{{ .Permalink }}'>Continue reading...</a>
</article> <!-- /.blog-post -->

4
layouts/partials/featured.html
View File

@@ -38,6 +38,10 @@
{{/* Rotate image before cropping because Hugo's "Smart" cropping crops differently if we do it at the same time as .Fill with a rotation) and use 2x dimensions to keep the thumbnail crisp */}}
{{ $RotatedImage := $image.Resize "480x600 r90" }}
<img src={{ ($RotatedImage.Fill "480x600").RelPermalink }} width="240" height="300" />
{{ else if eq $orientation 6 }}
{{ $RotatedImage := $image.Resize "480x600 r270" }}
<img src={{ ($RotatedImage.Fill "480x600").RelPermalink }} width="240" height="300" />
{{ else }}
<img src={{ ($image.Fill "480x600").RelPermalink }} width="240" height="300" />
{{ end }}

12
layouts/partials/pagination.html
View File

@@ -1,15 +1,15 @@
<nav class="blog-pagination" aria-label="Pagination">
{{ if and (.Paginator.HasPrev) (.Paginator.HasNext) }}
<a class="btn btn-outline-primary" href="{{ .Paginator.Prev.URL }}" rel="prev" role="button">Older</a>
<a class="btn btn-outline-primary" href="{{ .Paginator.Next.URL }}" rel="next" role="button">Newer</a>
<a class="btn btn-outline-primary" href="{{ .Paginator.Next.URL }}" rel="next" role="button">Older</a>
<a class="btn btn-outline-primary" href="{{ .Paginator.Prev.URL }}" rel="prev" role="button">Newer</a>
{{ end }}
{{ if and (.Paginator.HasPrev) (not .Paginator.HasNext) }}
<a class="btn btn-outline-primary" href="{{ .Paginator.Prev.URL }}" rel="prev" role="button">Older</a>
<a class="btn btn-outline-secondary disabled" href="#" tabindex="-1" aria-disabled="true">Newer</a>
<a class="btn btn-outline-secondary disabled" href="#" tabindex="-1" aria-disabled="true">Older</a>
<a class="btn btn-outline-primary" href="{{ .Paginator.Prev.URL }}" rel="prev" role="button">Newer</a>
{{ end }}
{{ if and (not .Paginator.HasPrev) (.Paginator.HasNext) }}
<a class="btn btn-outline-secondary disabled" href="#" tabindex="-1" aria-disabled="true">Older</a>
<a class="btn btn-outline-primary" href="{{ .Paginator.Next.URL }}" rel="next" role="button">Newer</a>
<a class="btn btn-outline-primary" href="{{ .Paginator.Next.URL }}" rel="next" role="button">Older</a>
<a class="btn btn-outline-secondary disabled" href="#" tabindex="-1" aria-disabled="true">Newer</a>
{{ end }}
</nav>

66
package-lock.json generated
View File

@@ -100,15 +100,15 @@
"dev": true
},
"autoprefixer": {
"version": "10.1.0",
"resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.1.0.tgz",
"integrity": "sha512-0/lBNwN+ZUnb5su18NZo5MBIjDaq6boQKZcxwy86Gip/CmXA2zZqUoFQLCNAGI5P25ZWSP2RWdhDJ8osfKEjoQ==",
"version": "10.2.4",
"resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.2.4.tgz",
"integrity": "sha512-DCCdUQiMD+P/as8m3XkeTUkUKuuRqLGcwD0nll7wevhqoJfMRpJlkFd1+MQh1pvupjiQuip42lc/VFvfUTMSKw==",
"dev": true,
"requires": {
"browserslist": "^4.15.0",
"caniuse-lite": "^1.0.30001165",
"browserslist": "^4.16.1",
"caniuse-lite": "^1.0.30001181",
"colorette": "^1.2.1",
"fraction.js": "^4.0.12",
"fraction.js": "^4.0.13",
"normalize-range": "^0.1.2",
"postcss-value-parser": "^4.1.0"
}
@@ -126,9 +126,9 @@
"dev": true
},
"bootstrap": {
"version": "5.0.0-beta1",
"resolved": "https://registry.npmjs.org/bootstrap/-/bootstrap-5.0.0-beta1.tgz",
"integrity": "sha512-UrHApw/WRmT7l2rlDdn5iXr7Jps/LlMZtJlLn9G41aGDfss48hyDeYyHtX1C6NHKVcmdUarGG+ve0LZB5iHyTQ==",
"version": "5.0.0-beta2",
"resolved": "https://registry.npmjs.org/bootstrap/-/bootstrap-5.0.0-beta2.tgz",
"integrity": "sha512-e+uPbPHqTQWKyCX435uVlOmgH9tUt0xtjvyOC7knhKgOS643BrQKuTo+KecGpPV7qlmOyZgCfaM4xxPWtDEN/g==",
"dev": true
},
"brace-expansion": {
@@ -151,16 +151,16 @@
}
},
"browserslist": {
"version": "4.16.0",
"resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.16.0.tgz",
"integrity": "sha512-/j6k8R0p3nxOC6kx5JGAxsnhc9ixaWJfYc+TNTzxg6+ARaESAvQGV7h0uNOB4t+pLQJZWzcrMxXOxjgsCj3dqQ==",
"version": "4.16.3",
"resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.16.3.tgz",
"integrity": "sha512-vIyhWmIkULaq04Gt93txdh+j02yX/JzlyhLYbV3YQCn/zvES3JnY7TifHHvvr1w5hTDluNKMkV05cs4vy8Q7sw==",
"dev": true,
"requires": {
"caniuse-lite": "^1.0.30001165",
"caniuse-lite": "^1.0.30001181",
"colorette": "^1.2.1",
"electron-to-chromium": "^1.3.621",
"electron-to-chromium": "^1.3.649",
"escalade": "^3.1.1",
"node-releases": "^1.1.67"
"node-releases": "^1.1.70"
}
},
"call-bind": {
@@ -180,9 +180,9 @@
"dev": true
},
"caniuse-lite": {
"version": "1.0.30001170",
"resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001170.tgz",
"integrity": "sha512-Dd4d/+0tsK0UNLrZs3CvNukqalnVTRrxb5mcQm8rHL49t7V5ZaTygwXkrq+FB+dVDf++4ri8eJnFEJAB8332PA==",
"version": "1.0.30001185",
"resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001185.tgz",
"integrity": "sha512-Fpi4kVNtNvJ15H0F6vwmXtb3tukv3Zg3qhKkOGUq7KJ1J6b9kf4dnNgtEAFXhRsJo0gNj9W60+wBvn0JcTvdTg==",
"dev": true
},
"chalk": {
@@ -355,9 +355,9 @@
}
},
"electron-to-chromium": {
"version": "1.3.629",
"resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.3.629.tgz",
"integrity": "sha512-iSPPJtPvHrMAvYOt+9cdbDmTasPqwnwz4lkP8Dn200gDNUBQOLQ96xUsWXBwXslAo5XxdoXAoQQ3RAy4uao9IQ==",
"version": "1.3.663",
"resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.3.663.tgz",
"integrity": "sha512-xkVkzHj6k3oRRGlmdgUCCLSLhtFYHDCTH7SeK+LJdJjnsLcrdbpr8EYmfMQhez3V/KPO5UScSpzQ0feYX6Qoyw==",
"dev": true
},
"emoji-regex": {
@@ -451,9 +451,9 @@
}
},
"fraction.js": {
"version": "4.0.12",
"resolved": "https://registry.npmjs.org/fraction.js/-/fraction.js-4.0.12.tgz",
"integrity": "sha512-8Z1K0VTG4hzYY7kA/1sj4/r1/RWLBD3xwReT/RCrUCbzPszjNQCCsy3ktkU/eaEqX3MYa4pY37a52eiBlPMlhA==",
"version": "4.0.13",
"resolved": "https://registry.npmjs.org/fraction.js/-/fraction.js-4.0.13.tgz",
"integrity": "sha512-E1fz2Xs9ltlUp+qbiyx9wmt2n9dRzPsS11Jtdb8D2o+cC7wr9xkkKsVKJuBX0ST+LVS+LhLO+SbLJNtfWcJvXA==",
"dev": true
},
"fs-extra": {
@@ -859,9 +859,9 @@
"dev": true
},
"node-releases": {
"version": "1.1.67",
"resolved": "https://registry.npmjs.org/node-releases/-/node-releases-1.1.67.tgz",
"integrity": "sha512-V5QF9noGFl3EymEwUYzO+3NTDpGfQB4ve6Qfnzf3UNydMhjQRVPR1DZTuvWiLzaFJYw2fmDwAfnRNEVb64hSIg==",
"version": "1.1.70",
"resolved": "https://registry.npmjs.org/node-releases/-/node-releases-1.1.70.tgz",
"integrity": "sha512-Slf2s69+2/uAD79pVVQo8uSiC34+g8GWY8UH2Qtqv34ZfhYrxpYpfzs9Js9d6O0mbDmALuxaTlplnBTnSELcrw==",
"dev": true
},
"normalize-package-data": {
@@ -1003,9 +1003,9 @@
"dev": true
},
"postcss": {
"version": "8.2.1",
"resolved": "https://registry.npmjs.org/postcss/-/postcss-8.2.1.tgz",
"integrity": "sha512-RhsqOOAQzTgh1UB/IZdca7F9WDb7SUCR2Vnv1x7DbvuuggQIpoDwjK+q0rzoPffhYvWNKX5JSwS4so4K3UC6vA==",
"version": "8.2.6",
"resolved": "https://registry.npmjs.org/postcss/-/postcss-8.2.6.tgz",
"integrity": "sha512-xpB8qYxgPuly166AGlpRjUdEYtmOWx2iCwGmrv4vqZL9YPVviDVPZPRXxnXr6xPZOdxQ9lp3ZBFCRgWJ7LE3Sg==",
"dev": true,
"requires": {
"colorette": "^1.2.1",
@@ -1192,9 +1192,9 @@
"dev": true
},
"sass": {
"version": "1.30.0",
"resolved": "https://registry.npmjs.org/sass/-/sass-1.30.0.tgz",
"integrity": "sha512-26EUhOXRLaUY7+mWuRFqGeGGNmhB1vblpTENO1Z7mAzzIZeVxZr9EZoaY1kyGLFWdSOZxRMAufiN2mkbO6dAlw==",
"version": "1.32.7",
"resolved": "https://registry.npmjs.org/sass/-/sass-1.32.7.tgz",
"integrity": "sha512-C8Z4bjqGWnsYa11o8hpKAuoyFdRhrSHcYjCr+XAWVPSIQqC8mp2f5Dx4em0dKYehPzg5XSekmCjqJnEZbIls9A==",
"dev": true,
"requires": {
"chokidar": ">=2.0.0 <4.0.0"

10
package.json
View File

@@ -4,7 +4,7 @@
"description": "An elegant and classy Hugo theme based on the Bootstrap v5 blog example.",
"repository": {
"type": "git",
"url": "https://git.sr.ht/~alanorth/hugo-theme-bootstrap5-blog"
"url": "https://git.mjanja.ch/alanorth/hugo-theme-bootstrap5-blog"
},
"scripts": {
"css": "npm-run-all css-compile css-prefix css-minify",
@@ -18,12 +18,12 @@
"author": "Alan Orth",
"license": "CC-BY-3.0",
"devDependencies": {
"autoprefixer": "^10.1.0",
"bootstrap": "^5.0.0-beta1",
"autoprefixer": "^10.2.4",
"bootstrap": "^5.0.0-beta2",
"clean-css-cli": "^4.3.0",
"npm-run-all": "^4.1.5",
"postcss": "^8.2.1",
"postcss": "^8.2.6",
"postcss-cli": "^8.3.1",
"sass": "^1.30.0"
"sass": "^1.32.7"
}
}

50
source/scss/bootstrap.scss vendored
View File

@@ -1,7 +1,7 @@
/*!
* Bootstrap v5.0.0-alpha3 (https://getbootstrap.com/)
* Copyright 2011-2020 The Bootstrap Authors
* Copyright 2011-2020 Twitter, Inc.
* Bootstrap v5.0.0-beta2 (https://getbootstrap.com/)
* Copyright 2011-2021 The Bootstrap Authors
* Copyright 2011-2021 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
*/
@@ -19,29 +19,29 @@
@import "../../node_modules/bootstrap/scss/images";
@import "../../node_modules/bootstrap/scss/containers";
@import "../../node_modules/bootstrap/scss/grid";
@import "../../node_modules/bootstrap/scss/tables";
@import "../../node_modules/bootstrap/scss/forms";
@import "../../node_modules/bootstrap/scss/buttons";
@import "../../node_modules/bootstrap/scss/transitions";
@import "../../node_modules/bootstrap/scss/dropdown";
@import "../../node_modules/bootstrap/scss/button-group";
@import "../../node_modules/bootstrap/scss/nav";
@import "../../node_modules/bootstrap/scss/navbar";
//@import "../../node_modules/bootstrap/scss/tables";
//@import "../../node_modules/bootstrap/scss/forms";
//@import "../../node_modules/bootstrap/scss/buttons";
//@import "../../node_modules/bootstrap/scss/transitions";
//@import "../../node_modules/bootstrap/scss/dropdown";
//@import "../../node_modules/bootstrap/scss/button-group";
//@import "../../node_modules/bootstrap/scss/nav";
//@import "../../node_modules/bootstrap/scss/navbar";
@import "../../node_modules/bootstrap/scss/card";
@import "../../node_modules/bootstrap/scss/accordion";
@import "../../node_modules/bootstrap/scss/breadcrumb";
@import "../../node_modules/bootstrap/scss/pagination";
@import "../../node_modules/bootstrap/scss/badge";
@import "../../node_modules/bootstrap/scss/alert";
@import "../../node_modules/bootstrap/scss/progress";
@import "../../node_modules/bootstrap/scss/list-group";
@import "../../node_modules/bootstrap/scss/close";
@import "../../node_modules/bootstrap/scss/toasts";
@import "../../node_modules/bootstrap/scss/modal";
@import "../../node_modules/bootstrap/scss/tooltip";
@import "../../node_modules/bootstrap/scss/popover";
@import "../../node_modules/bootstrap/scss/carousel";
@import "../../node_modules/bootstrap/scss/spinners";
//@import "../../node_modules/bootstrap/scss/accordion";
//@import "../../node_modules/bootstrap/scss/breadcrumb";
//@import "../../node_modules/bootstrap/scss/pagination";
//@import "../../node_modules/bootstrap/scss/badge";
//@import "../../node_modules/bootstrap/scss/alert";
//@import "../../node_modules/bootstrap/scss/progress";
//@import "../../node_modules/bootstrap/scss/list-group";
//@import "../../node_modules/bootstrap/scss/close";
//@import "../../node_modules/bootstrap/scss/toasts";
//@import "../../node_modules/bootstrap/scss/modal";
//@import "../../node_modules/bootstrap/scss/tooltip";
//@import "../../node_modules/bootstrap/scss/popover";
//@import "../../node_modules/bootstrap/scss/carousel";
//@import "../../node_modules/bootstrap/scss/spinners";
// Helpers
@import "../../node_modules/bootstrap/scss/helpers";