Hello, new to Hugo and Risotto but wanted to ask about my one gripe so far.

I've tried putting the file as favicon.ico in both the home directory's static/ folder and theme/risotto/static/ but to no avail. I also created a new section under [params] with the following contents:

[params.meta]
favicon = true
svg = false

This also didn't work out.

Any help would be appreciated.

Following some complicated shenanigans the base16 project now appears to be based at https://github.com/tinted-theming and plans to continue development of base16 under https://github.com/tinted-theming/base17. At some point we should update the documentation for colour palettes accordingly.

Without having to duplicate the whole layout.

i need some help i don't know what config file does this

In the README, the "latest download release" points to https://github.com/joeroe/risotto/releases/tag/release which is a broken link

Would you like to link to https://github.com/joeroe/risotto/releases/ instead? I can submit a PR for this.

Hello,

I was wondering if it was possible to change the palette? In your example site you have

[params.theme]
palette = "gruvbox-dark"

which I found in static/css/colour. I see a lot of different colors listed in that file, but I'm not sure where to put the values. Where do I change which colors are used? Are there other palettes available?

Thank you!

To make it a bit easier to override them, as suggested in #68

Would be nice if there is a way to implement a search bar into this.

But this seems to depend on some config. Compare the example site (one language, so no language switcher) and SSLARCH (one language, but phantom language switcher), for example.

See #70 and #44.

static/css/typography.css is supposed to control the fonts of the website.
It appears that "Fira Mono" specifies the font family, and monospace specifies the font style.
Somehow, modifying "Fira Mono" does not make any changes, while changing monospace does (it also changes fonts).

See #9. This isn't ideal.

With a page like /projects/some-project.md, setting toc: true adds a great Table of Contents in the sidebar. I love this.

But when I have a page like /projects/some-project/_index.md, the TOC does not render, even when set to true.

Edit to add: Page descriptions do not render in index pages either.

Why would this be?

As an option, the default option, or the only option,

Hugo version

I can reproduce this on latest Hugo v0.105.0. I install the extended version and it comes from Void Linux package, you can get the src template here.

Update: still reproducible on v0.117.0.

Description

When lineNOS is set in site config, writing a long line in code block will result in unwrapped text.

Markup config that caused this:

[markup]
defaultMarkdownHandler = 'goldmark'
[markup.highlight]
  codeFences = true
  guessSyntax = true
  style = 'monokai'
  lineNos = true
  lineNumbersInTable = true

Steps to reproduce

hugo new site test
cd test/
git clone https://github.com/joeroe/risotto themes/risotto

mkdir -p content/post/
cp themes/risotto/exampleSite/content/post/markdown-syntax.md content/post/
cp themes/risotto/exampleSite/config.toml ./
cp -r themes/risotto/layouts/* layouts/

sed -i 's/Test/Redit teque digerit hominumque toris verebor lumina non cervice subde tollit usus habet Arctonque, furores quas nec ferunt. Quoque montibus nunc caluere tempus inhospita parcite confusaque translucet patri vestro qui optatis lumine cognoscere flos nubis! Fronde ipsamque patulos Dryopen deorum./g' content/post/markdown-syntax.md
# copy my config above to config.toml

hugo server

Then go to http://localhost:1313/post/markdown-syntax/ and you'll find this:

What I Expect

It gets wrapped, just like what Code block indented with four spaces shows.

Edit: add Hugo version and more info.

I'm new to hugo in general so I don't really have much idea about how to edit the theme to add new content. I tried creating a new markdown file in content folder after installing the theme and setting it up in hugo.toml, but the new markdown file content doesn't show up on the website server running locally. Can someone point me to proper documentation?

I'm running the server using hugo server -D

Should be straightforward: https://gohugo.io/hugo-modules/use-modules/

It seems like the logo that is specified in the config.toml under params.about is very small but on the https://sslarch.github.io/ site the logo is quite a bit bigger.

Do you have any plans to add colour highlighting of the active heading in table of contents?
It would be great to have this feature and dynamically update when scrolling.
I attached an image how it may look (but it is just an example).

PS: great theme, love the minimalistic design

They're just CSS files, so should be possible to switch them without rebuilding the site. Maybe just on the example site, to avoid any JS dependencies.

It should have a version of the theme's README, but I don't fancy updating that all the time.

I noticed FontAwesome was out of date when trying to use fa-x-twitter.

We could update both FontAwesome and Academicons to their latest versions.

Although a bit off-topic, I think you should also add page description to single page template instead of a site level description?

Maybe something like this, I'm not sure whether the page description would just override the site one.

<!-- Site level -->
{{ with .Site.Params.about }}<meta name="description" content="{{ .description }}">{{ end }}
<!-- Page level -->
<meta name="description" content="{{ .Params.description }}">

Originally posted by @Vinfall in #55 (comment)

See e.g. sslarch/sslarch.github.io#42

I can't find any docs on how to add content to the home page or maybe feature articles/posts on the home page. Could someone help me?

So, I was trying to setup a simple blog using Hugo + Risotto with multi language english + portuguese, but then I notice that was already a template on risotto for that and it was a weird text on the available languages iteration.

The strange code is this one is on line 13~26 in partials/lang.html:

    {{ range .Page.AllTranslations }}
      {{ $translation := .}}
      {{ range $siteLanguages }}
          {{ if eq $translation.Lang .Lang }}
            {{ $selected := false }}
            {{ if eq $pageLang .Lang }}
                <br/><span class="active">$ echo $LANG<br/><b>{{ .LanguageName }}</b></span><br/>

            {{ else }}
                <br/><a href="{{ $translation.Permalink }}">export LANG={{ .LanguageName }}; ./{{ $pageName }}</a><br/>
            {{ end }}
          {{ end }}
      {{ end }}
    {{ end }}

I'm super newbie on this kind of stuff and IDK if '$ echo $LANG' is here to do something special but in my case just show as is:

It's not really a issue but i would like to know how i can do that, because i don't want the "year/month/day" thing on the footer of my posts

i've looked on the files but i can't find where this configuration is located.

Edit: I solved it.

Or at least make them opt-in / warn people about them better. It would be nice to be able to advertise risotto as a "zero dependency" theme.

Multilingual support was added with a language switcher in #25, but the implementation has issues (#44, #70, #71), is undocumented, and I think the presentation leans a bit too hard into the terminal analogy.

Margin should be changed to match paragraphs, so lists will sit "on the line" as if they are displayed in a terminal.

Below was a lazy hack, I am going to look at redoing it and I want to test some edge cases:

/* Set ul/ol margins to be same as p */
.page__body ul, .page__body ol, .page__aside ul, .page__aside ol {
    margin: 0 0 1.5rem 0;
}
/* Remove bottom margin on sub-lists */
.page__body li ul, .page__body li ol, .page__aside li ul, .page__aside li ol {
    margin-bottom: 0;
}

The index pages are generated (e.g. https://risotto.joeroe.io/tags/markdown/, but see #78) but they're not actually linked anywhere by default.

Hi,
in the file layouts/_default/list.html the line 2 is:

<h1 id="{{ .Title | urlize }}">{{ .Title | markdownify }}</h2>

but it should be:

<h1 id="{{ .Title | urlize }}">{{ .Title | markdownify }}</h1>

This shows just fine on the my sidebar on the right

[[params.socialLinks]]
icon = "fa-solid fa-rss"
title = "rss"
url = "/rss"

however capitalizing the title makes it disappear

[[params.socialLinks]]
icon = "fa-solid fa-rss"
title = "RSS"
url = "/rss"

I've even tried other all caps 3 letter combos like "ABC". What's going on here?
Thanks for the theme btw. Very thorough

I have a couple of regular (non _index.md) pages tagged as foo.

On navigating to localhost:1313/tags/ I can see foo listed.

When I click on it, I don't see any of the pages which have been tagged as foo, all I can see is the title # Foo at the top.

The issue appears to be with how Firefox handles UL/LI indentation compared to Chrome.

Originally posted by @mntn-xyz in #3 (comment)