paulmartins / hugo-digital-garden-theme Goto Github PK
View Code? Open in Web Editor NEWHugo Theme for digital gardening projects.
License: MIT License
Hugo Theme for digital gardening projects.
License: MIT License
If you visit a site using this theme via Lynx (and probably many other text-only or screen-reader type browsers), links to garden/project/book items aren't rendered because there's no anchor text to display.
For my one site that is using this theme, my temporary fix has been to add the following just below the anchor with the .stretched-link
class:
<a href="{{ .Permalink }}" class="sr-only">{{ .Title }}</a>
This allows text browsers to properly render those links while hiding them from graphical browser visitors via Bootstrap's sr-only
class.
If you'd like to incorporate this change into this repo, let me know and I'll put together a PR.
Related - the "Digital Garden", "Projects", and "Library" headings that appear as headings in a graphical browser are not formatted as headings in a text-based browser because they're not wrapped in <h#> tags. I'll drop some screenshots in the replies that illustrate all of this. I haven't formulated a solution for that issue yet, but it's on my to-do list.
Projects are displayed in the correct weight
order on the homepage.
On clicking "See all projects", the weights are disregarded and the order from the homepage is no longer maintained.
Is it possible to add this feature, or does it exist and I'm just not using Hugo correctly?
For my page https://idiosapps.github.io/garden/equalisers-and-pdfs, I'd like to go directly to a header via a slug in the url, e.g. https://idiosapps.github.io/garden/equalisers-and-pdfs/#creating-a-parametric-eq-for-peace-/-equaliser-apo. I'd also like to be able to copy the slug to the clipboard with an link-icon (or hash) appearing when I hover over the header.
Here's an example with the Doks theme:
https://doks.netlify.app/docs/prologue/introduction/#get-started
I think there's a typo in archetypes/default.md
here.
After changing the file to:
+++
title = "{{ replace .Name "-" " " | title }}"
date = {{ .Date }}
lastmod = {{ .Lastmod }}
draft = true
status = "seeding"
+++
when I run:
hugo new garden/demo-post.md
or
hugo new projects/project4/index.md
I see an error:
Error: failed to execute archetype template: template: archetype.md:4:12: executing "archetype.md" at <.Lastmod>: can't evaluate field Lastmod in type *hugolib.archetypeFileData: template: archetype.md:4:12: executing "archetype.md" at <.Lastmod>: can't evaluate field Lastmod in type *hugolib.archetypeFileData
THe markdown files that are empty.
Hi!
Love your theme! I noticed that under the "garden" main page (https://hugo-digital-garden-demo.netlify.app/garden/) There is an option to filter the content based on the tags. This filter is not available under the "projects" or "library".
Is it possible to turn on this tag filter for all sections?
Again, thank you for your effort with this wonderful theme.
Best,
BTunca
I deployed a fork of this theme in Netlify but in the site nothing was there it was Empty only 2023 was visible in the bottom and menu button with theme changing button was visible. How can I fix it.
Deploy can be found here
Hey Paul,
I really like your digital garden theme and how it's structured. I wanted to add some additional features to this repo, inspired from this other Jekyll-based digital garden theme.. Specifically:
Primary additions
Secondary additions
By automating the generation of backlinks to a note from other notes that mention it, here are some benefits:
I would like to hear your thoughts on this.
Not sure if this is a feature request, or just something I couldn't figure out how to do. I would like to set the theme to automatically open in dark mode, while leaving the toggle available for folks who prefer light mode. Thanks!
Here you can see <html>
does not occupy the entire screen, leaving an empty space.
On other pages such as the homepage, the page extends to the full screen (as intended probably) and there is no empty space.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.