GithubHelp home page GithubHelp logo

paulmartins / hugo-digital-garden-theme Goto Github PK

View Code? Open in Web Editor NEW
83.0 83.0 40.0 7.69 MB

Hugo Theme for digital gardening projects.

License: MIT License

HTML 73.73% CSS 21.18% JavaScript 5.09%
hugo theme

hugo-digital-garden-theme's People

Contributors

james-s-w-clark avatar nanqunchen avatar not-napoleon avatar paulmartins avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar

hugo-digital-garden-theme's Issues

tag filtering in all sections

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

Allow easy linking to headers in content posts

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.


Example from another site

Here's an example with the Doks theme:

https://doks.netlify.app/docs/prologue/introduction/#get-started

image

Default to dark mode?

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!

Accessibility: Garden/Projects/Books cards' links aren't navigable in screen-readers

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.

Additional features

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

  • creating Roam-style double bracket link syntax to other notes
  • creating backlinks to other notes automatically
  • displaying notes that mention current notes

Secondary additions

  • Including graph visualization of the notes and their links
  • Featuring link previews on hover

By automating the generation of backlinks to a note from other notes that mention it, here are some benefits:

  • Contextual Understanding
  • Navigational Ease
  • Discovering Relationships
  • Knowledge Management
  • Encouraging Exploration within notes

I would like to hear your thoughts on this.

`lastmod` in `archetypes/default.md` gives error

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.

Empty space beneath the footer, visible on dark mode

To Reproduce

  • Dark mode enabled
  • Found on these pages on the demo site: Digital Garden, Projects, Library, About
  • 16:9 monitor

Screenshot

image
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.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.