luizdepra / hugo-coder

A minimalist blog theme for hugo.

Hello 👋

My name is Luiz F. A. de Prá. I'm a software developer from Curitiba, Brazil.

My interests are:

• Software Engineering in general 🧑‍💻
• Game Development 🎮
• Python 🐍 and Rust 🦀
• Books 📚
• Woodworking 🗜️

Here are some interesting links about me:

• Blog
• Twitter
• LinkedIn

hugo-coder's Issues

Deployed site not loading CSS files

Hi, I'm using Hugo(v0.49) with your theme(9dc5dc0).

When navigating the website using hugo server everything is fine, but if I try to use the production website built by hugo the CSS is not loaded and the following error message is shown:

Is this a Hugo problem or a theme problem?

You can take a look at my configuration here: https://gitlab.com/systemallica/systemallica.gitlab.io

Cheers

Multilingual

Hi! Does this theme support multilingual? Im just starting to learn Hugo. I looked at Hugo's multilingual documents, but I didn't quite understand it. How can I set multilingual using this theme?

[v2] Talks/Presentations Archetype

Partially implemented in #12.
I want to keep this theme lightweight. I don't want to use JS, so the solution in #12 doesn't fit it well.

Find a full screen, CSS only solution to present slides.

getting "resources" not defined error

ERROR: 2018/08/26 15:26:29 template.go:350: template: theme/_default/baseof.html:23: function "resources" not defined
ERROR: 2018/08/26 15:26:29 template.go:350: template: theme/partials/header.html:3: function "absLangURL" not defined
ERROR: 2018/08/26 15:26:29 template.go:350: template: theme/partials/post.html:38: function "default" not defined
0 draft content
0 future content
0 pages created
0 non-page files copied
0 paginator pages created
0 tags created
0 categories created
in 122 ms
Watching for changes in /home/insol/balkrishnajha.github.io/{data,content,layouts,static,themes}
Serving pages from memory
Web Server is available at http://localhost:1313/ (bind address 127.0.0.1)
Press Ctrl+C to stop

Change detected, rebuilding site
2018-08-26 16:12 +0530
Template changed /home/insol/balkrishnajha.github.io/themes/hugo-coder/layouts/_default/baseof.html
ERROR: 2018/08/26 16:12:32 template.go:350: template: theme/partials/header.html:3: function "absLangURL" not defined
ERROR: 2018/08/26 16:12:32 template.go:350: template: theme/partials/post.html:38: function "default" not defined
0 draft content
0 future content
0 pages created
0 non-page files copied
0 paginator pages created
0 tags created
0 categories created
in 670 ms
^C

I'm new to Hugo. I've tried a few others themes , they also give similar error. Can anyone please help.

Collapsible menu?

The combination of my name's length and an additional menu item makes the top menu wrap around to the next line. Has there been any thought towards a collapsible menu? Or some other design that wouldn't wrap around? Or is this the preferred way to handle length like that?

[v2] I18N support

Partially implemented at #40.

I think we should create a the language selector for post and page that have more than one language, but another options are welcome.
We need to read Hugo's i18n docs and look for improvements.

Git Commit In Footer

This is a feature request to add the git commit in the footer.

Use case: It would be useful for a site that has multiple contributors.

It would also be nice to have it disabled (hidden), as not everyone will want/need it. I have seen some examples in other themes, so I am going to reference them here as well.

Links:

• https://github.com/halogenica/beautifulhugo#commit-sha-on-the-footer
• https://github.com/halogenica/beautifulhugo/blob/master/layouts/partials/footer.html#L53

There could be more too it that I am not aware of. I am still learning Hugo and its themes, so I apologize. I have been testing this on my personal site, I don't quite have it working yet. Assuming I can get it working, I could contribute the changes.

Regenerating SCSS

Hey!
First of all I would like to thank you for this amazing theme! I forked your repository and changed coder.scss file to import new style I have added to the theme, but unfortunately files in the resources directory aren't regenerating. I'm wondering is it lack of my knowledge or is this a bug? I've taken a look into the baseof.html file and it should be using Hugo Pipes but somehow assets are still the same. I have disabled cache, opened a private mode etc... but still my CSS is the same. I'm really sorry if it is just lack of my knowledge and not the bug.

P.S. I don't want to add custom css option, because I want to override some colors. ;)

Edit: I have deleted generated css files from resources directory and now I've got this error: Building sites … ERROR 2018/10/14 19:32:19 error: failed to transform resource: TOCSS: failed to transform "style.coder.css" (text/x-scss): this feature is not available in your current Hugo version

Maybe that is more hugo bug itself?

Update wiki with favicon examples

I can't edit the wiki, but I realized that none of the examples include the favicon support added by #81.

[params]
    favicon_32 = "/img/favicon-32x32.png"
    favicon_16 = "/img/favicon-16x16.png"

Also, on the wiki's main page, the Configuration link is invalid. The actual wiki page - as seen on the side menu - is Configurations (plural). As it is now, the Configuration link just takes you back to the main wiki page again.

[v2] Inverted Color style

Create an inverted configuration that forces the theme to use another set of colors. These colors should use a black background and a white foreground.

You can copy and paste the colors from my site. No shame on that.

Inverted colors

First I would like to thank you for neat theme!

Second, I would like to contribute with "inverted" color scheme which could be specifiable with config parameter. You can check example of it here. Maybe a bit more grey (something like #101010), i would let that up to you.

I came up with 2 solutions:

1. Create separate css file or split css files to colors and the rest
2. Put everything to <style> tags and edit css within template - https://discourse.gohugo.io/t/generating-dynamic-css-based-on-config-file/1279/8

Would you be up for it? Do you have any suggestions / recommendations?

Theme CSS missing crossorigin="anonymous"

If you run the same hugo deploy on multiple URLs like I do then you run into this problem where the theme style sheet can't be loaded. The stylesheet link tag as the integrity attribute which is great, but is missing the crossorigin="anonymous". You will see the other stylesheets that have integrity have that attribute. It only really matters that it is missing when the URL of the page is not the same domain as the theme stylesheet URL, which in my case does happen. Pull request for fix on the way.

Subresource Integrity: The resource 'https://example/css/coder.min.578f8f...8135600.css' has an integrity attribute, but the resource requires the request to be CORS enabled to check the integrity, and it is not. The resource has been blocked because the integrity cannot be enforced.

Make Build error

I have the following problem, I follow the correct installation steps of the Hugo Coder theme but at the time of making the build I get the following message:

rm -f ./static/css/*.css
rm -rf demo
lessc ./static/less/style.less > ./static/css/tmp.css
/bin/sh: lessc: command not found

I have already checked that there are no problems in Make configuration and no OS libs...

Any idea how to make it work?
Thank you very much in advance...

Support for Disqus

I was wondering if you have plans to support Discqus into your theme ?
https://disqus.com/

[v2] Different and customizables fonts for text and titles

Hugo Coder should use two different fonts. One for headers, titles and menus, other for text.
This change aims text readability, something that was criticized more than one once.

Also, is interesting if these fonts can be configured. We should support web and self-hosted fonts.

Logo Proposal

Hi Sir @luizdepra , I am a graphic designer and i want to contribute to your nice project by proposing a logo design if you will permit me. I think it will make the project more visible if it has a logo. If you allow me i will start designing and show it here. It will be my gift to the project for free.

thanks and best regards!

-Tobaloidee

Getting an error when attempting to deploy my site

I am using hugo_0.48_Linux-64bit.deb

remote: Building sites … ERROR 2018/09/04 05:33:39 error: failed to transform resource: TOCSS: failed to transform "style.coder.css" (text/x-scss): this feature is not available in your current Hugo version
remote: Total in 29 ms
remote: Error: Error building site: logged 1 error(s)

Is this theme no longer compatible with current hugo?

Pulling submodule to get new version don't work

Hello everyone !
I got my website with coder theme on folder themes/coder that I versioned with submodule.
To have the last version of coder I enter as usual:

git submodule update --recursive --remote

But the folder assets/scss refuse to download and I have a website without any css now.
I checked for 2 hours if it was not a git misunderstanding, but can't find any, always worked before... Any ideas about that?

Thanks!

How to change /posts page title?

Hi! How can i change Title "Posts" on /posts page? I want to translate it into my native language.

Also, can i make dates on same page look like DD.MM.YYYY? Thanks.

Removing the copyright notice

Hello,

I am interested in using your theme for a personal website (that no one will see...) and I was wondering if the licence allows to remove the bottom copyright notice, the one that states "powered by Hugo and Coder".

Customization

How can i generate "Project" pages simillar to "Blog" pages?
I want them to be exactly same as Blog posts in terms of frontmatter and listing.
Can you briefly guide on how to do it?

Issues with the "coder" theme's style not being loaded in a Docker context

Hello, my problem seems specific, I don't really know what to do:

I started to use Hugo just a few hours ago, I only needed to have a single page and nothing else, so I decided to use a theme, found yours, pulled it, followed your indications (editing the config.toml file) and it worked like a charm. For the context, it was with a Windows 8.0 64 bits computer. I didn't have to run make build, only had to restart the server.

I pulled my code from a Debian environment and created a Dockerfile to deploy the website along with my other Docker projects, here it is:

FROM debian:stretch

RUN apt-get -qq update \
        && DEBIAN_FRONTEND=noninteractive apt-get -qq install -y --no-install-recommends ca-certificates asciidoc build-essential \
        && rm -rf /var/lib/apt/lists/*

ENV HUGO_VERSION 0.42.1
ENV HUGO_BINARY hugo_${HUGO_VERSION}_Linux-64bit.deb

ADD https://github.com/spf13/hugo/releases/download/v${HUGO_VERSION}/${HUGO_BINARY} /tmp/hugo.deb
RUN dpkg -i /tmp/hugo.deb \
        && rm /tmp/hugo.deb

RUN mkdir /usr/share/landing
WORKDIR /usr/share/landing
COPY . /usr/share/landing
RUN git clone https://github.com/luizdepra/hugo-coder.git themes/coder

EXPOSE 1313

ONBUILD ADD site/ /usr/share/blog
ONBUILD RUN hugo -d /usr/share/nginx/html/

# By default, serve site
ENV HUGO_BASE_URL http://localhost:1313
CMD hugo server -b ${HUGO_BASE_URL} --bind=0.0.0.0

I realized that since you had to git pull a project inside the "themes" directory, you can't push the whole thing, you'll have to download it again after, so that's what I did in my Dockerfile (else, the website looks like a blank page)

However, once done, something is missing. Here is a link to my website. As you can see, the fonts, styles and such are not loading.

What am I missing? Thank you in advance

P.S. I managed to run make build, but nothing changed

Responsive menu?

I've been playing with the theme and to me it looks like the menu doesn't display as an "hamburger menu" for narrow screens. Is this the intended design or am I missing something? (yep Hugo newbie)

Dropdown menu does not work

Tried on Firefox 61. Looks like the checkbox shows up and clicking the hamburger just turns the checkbox on and off.

[Request] Pages and components

Hi @luizdepra,

PAGES

Could you kindly add the following authentication pages like Login, Register and forget password or even just login and I will tweak the rest of the pages.

Component

Could please add a tables example component for this theme. I really could use a clean, hack looking table.

[v2] Template refactor

I think we can improve some templates, maybe splinting them in more files.
It is interesting to read Hugo's template documentation and look for improvements.
Also, I want to review all CSS rules.

Suggested:

• Split files and reuse common code.
• Remove extra whitespaces.
• CSS Rules.
• Better image resizing with Hugo Image Processing.
• Configurable date format.
• Move post related templates to a separated folder.

Thank You :)

Hey there,

I wanted to send a shout of my sincerest gratitude for your great work here. I used it for a personal art site that I put together and thought I would make sure you knew about it. As soon as I saw your design I was inspired to put my art together to see how it looked on it, and I was not disappointed. 😄

Here is the site:
http://www.ossem.com/

Much respect and appreciation!
Michael

Hosting website in github.io

Hi,
I push your website generated by hugo in public folder, but it got links of files with localhost:1313 in it, because of which my website is not rendering. Can you tell me how to change that as I don't see that point in your documentation.

Regards,
Vaishnav Murali

Errors on site without expected parameters set

Hello!

$subj, when trying to run this theme against my blog source I get following:

Building sites … ERROR 2018/03/20 14:45:21 Error while rendering "page" in "post/": template: /srv/hugo/themes/hugo-coder/layouts/_default/single.html:34:9: executing "/srv/hugo/themes/hugo-coder/layouts/_default/single.html" at <partial "header.html...>: error calling partial: template: theme/partials/header.html:7:15: executing "theme/partials/header.html" at <sort .Site.Menus.mai...>: error calling sort: sequence must be provided
ERROR 2018/03/20 14:45:21 Error while rendering "page" in "": template: /srv/hugo/themes/hugo-coder/layouts/_default/single.html:34:9: executing "/srv/hugo/themes/hugo-coder/layouts/_default/single.html" at <partial "header.html...>: error calling partial: template: theme/partials/header.html:7:15: executing "theme/partials/header.html" at <sort .Site.Menus.mai...>: error calling sort: sequence must be provided
ERROR 2018/03/20 14:45:21 Error while rendering "taxonomy" in "": template: /srv/hugo/themes/hugo-coder/layouts/_default/list.html:34:9: executing "/srv/hugo/themes/hugo-coder/layouts/_default/list.html" at <partial "header.html...>: error calling partial: template: theme/partials/header.html:7:15: executing "theme/partials/header.html" at <sort .Site.Menus.mai...>: error calling sort: sequence must be provided
ERROR 2018/03/20 14:45:21 Error while rendering "home" in "": template: /srv/hugo/themes/hugo-coder/layouts/index.html:34:9: executing "/srv/hugo/themes/hugo-coder/layouts/index.html" at <partial "header.html...>: error calling partial: template: theme/partials/header.html:7:15: executing "theme/partials/header.html" at <sort .Site.Menus.mai...>: error calling sort: sequence must be provided
ERROR 2018/03/20 14:45:21 Error while rendering "section" in "": template: /srv/hugo/themes/hugo-coder/layouts/_default/list.html:34:9: executing "/srv/hugo/themes/hugo-coder/layouts/_default/list.html" at <partial "header.html...>: error calling partial: template: theme/partials/header.html:7:15: executing "theme/partials/header.html" at <sort .Site.Menus.mai...>: error calling sort: sequence must be provided
ERROR 2018/03/20 14:45:21 Error while rendering "taxonomyTerm" in "": template: /srv/hugo/themes/hugo-coder/layouts/_default/list.html:34:9: executing "/srv/hugo/themes/hugo-coder/layouts/_default/list.html" at <partial "header.html...>: error calling partial: template: theme/partials/header.html:7:15: executing "theme/partials/header.html" at <sort .Site.Menus.mai...>: error calling sort: sequence must be provided
ERROR 2018/03/20 14:45:21 Error while rendering "404" in "": template: /srv/hugo/themes/hugo-coder/layouts/404.html:34:9: executing "/srv/hugo/themes/hugo-coder/layouts/404.html" at <partial "header.html...>: error calling partial: template: theme/partials/header.html:7:15: executing "theme/partials/header.html" at <sort .Site.Menus.mai...>: error calling sort: sequence must be provided

Change detected, rebuilding site
2018-03-20 14:46:02.451 +0000
Source changed "/srv/hugo/content/post/2018-03-19-lust-for-text-life.markdown": WRITE
ERROR 2018/03/20 14:46:02 Error while rendering "page" in "post/": template: /srv/hugo/themes/hugo-coder/layouts/_default/single.html:34:9: executing "/srv/hugo/themes/hugo-coder/layouts/_default/single.html" at <partial "header.html...>: error calling partial: template: theme/partials/header.html:7:15: executing "theme/partials/header.html" at <sort .Site.Menus.mai...>: error calling sort: sequence must be provided
ERROR 2018/03/20 14:46:02 Error while rendering "home" in "": template: /srv/hugo/themes/hugo-coder/layouts/index.html:34:9: executing "/srv/hugo/themes/hugo-coder/layouts/index.html" at <partial "header.html...>: error calling partial: template: theme/partials/header.html:7:15: executing "theme/partials/header.html" at <sort .Site.Menus.mai...>: error calling sort: sequence must be provided
ERROR 2018/03/20 14:46:02 Error while rendering "404" in "": template: /srv/hugo/themes/hugo-coder/layouts/404.html:34:9: executing "/srv/hugo/themes/hugo-coder/layouts/404.html" at <partial "header.html...>: error calling partial: template: theme/partials/header.html:7:15: executing "theme/partials/header.html" at <sort .Site.Menus.mai...>: error calling sort: sequence must be provided
Total in 313 ms

The reason is likely some absent .Site. parameter but you can't tell it from error message, I guess input parameters handling could be improved.

Talks page

I am going to build my personal page with hugo-coder. Sometimes I do talks so I want something for writing slides for presentations. Markdown is preferred and slides access from any computer is nice to have.

The proposal is for next pages called Talks similar to Posts with the full page scrolling functionality.

Could not find style module 'b2'

Hi all
After the command

make demo
the build fails with the following error:

ERROR 2018/06/25 21:31:05 Error: Could not find style module 'b2'.

Navigation title href

Not sure if bug but when used baseURL="https://qeef.github.io/mapathoner/" the code {{ "/" | absURL }} in header.html file returned https://qeef.github.io/.

I suppose that {{ .Site.BaseURL }} in header.html will solve it.

Hello! This template have support a Latex Sintax?

I really liked this template and would like to know if it has Latex syntax support, also used for mathematical and / or scientific explanations.

[v2] Projects Archetype

Implement a new kind of page for project showcase.

Was WIP in #48, but this PR is pre-refactor. It is easy to redo it from zero. Also, I would like to see some design improvements.

Images missing max-width property

Hello yet again:)

I've stumbled upon the very same issue as the dim0627/hugo_theme_beg#19, only part of the image visible on the screenshot where whole should be:

Source code:

![Icinga 2 web interface](https://www.icinga.org/wp-content/uploads/2015/10/Screen-Shot-2015-10-02-at-00.11.09.png)]

Hierarchical menus?

I've been trying to get hierarchical menus to work but I don't know if I'm doing something wrong or if coder doesn't support them. So my question is: does coder hierarchical menus? If so, is there an example somewhere of how to do?

Theme Demo on Hugo Themes Site is missing its assets.

Please review the Hugo Theme's updated README Common Permalink Issues because your demo is affected.

You need to use .RelPermalink for Hugo Pipes Assets.

---

CC / @digitalcraftsman

Can not find a way to remove the fixed bar

I do not have any fixed bar content, yet the fixed bar is still showing up. There is just a white bar floating on my web page. I do not want this. Using Hugo 37.1 on Fedora.

Setup deploy-preview on Netlify to test PRs

Although this is a theme and not an actual website, but essentially every change we push (thorough pull requests) should be tested against exampleSite and we can easily setup a deploy-preview pipeline on Netlify to generate the example site for that particular PR at hand to be able to immediately see the change in action without the need to pull down the PR locally to test..

But first we need to solve for or come up with a workaround (hopefully not checking-in resources folder) for the fact that Netlify cannot handle Hugo extended in their CI.

[v2] Series Taxonomy

Imagine a serie of related post. Tutorials, sequential posts or something like this.
It is interesting to group these kind of post.

So, we need to implement a new taxonomy called Series.
We also should add customized list page for them.

[v2] Mobile Menu

Implement a menu for mobile screens.

There are two options:

• A simple CSS collapsible menu.
• Move the menu bellow the site title.

We must avoid adding a CSS or JS framework to do that.

[v2] Better support for Custom Code Highlight

Another tricky one.
We need to find a way to support others code highlight settings (other b2/bw).
Maybe v0.43 Hugo Piper can help us here.

About the style, maybe we should:

• Play with borders
• Show language name
• Add copy to clipboard button

Code blocks have a leading indent

When formatting a fenced code block, the first line is indented by a small amount. This is caused by the padding of code elements. If the padding is removed however, inline code loses a lot of background space.

Is it possible to remove the padding from fenced code blocks only?

[v2] Tags and Categories Taxonomy

Add tags and categories into the post header. They can be placed near the post date or bellow, what looks better.
We also can create custom list pages for both taxonomies.

google analytics

Is it possible to add google analytics to this theme?

I apologize for the silly question, but I am also new to hugo itself. Thanks..

[v2] Replace LESS with SCSS

We should replace every LESS code with SCSS and use the new Hugo Piper feature.

Removing external dependencies

Hi, thanks for creating the coder theme.

I'm not very well versed in website / front-end best practices. Would it make sense to internalize the external dependencies?

hugo-coder/layouts/_default/baseof.html

Lines 17 to 19 in a6bf2f0

	<link href="https://fonts.googleapis.com/css?family=Lato:400,700|Merriweather:300,700|Source+Code+Pro:400,700" rel="stylesheet">
	<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css" integrity="sha384-mzrmE5qonljUremFsqc01SB46JvROS7bZs3IO2EmfFsd15uHvIt+Y8vEf7N7fWAU" crossorigin="anonymous" />
	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.0/normalize.min.css" integrity="sha256-oSrCnRYXvHG31SBifqP2PM1uje7SJUyX0nTwO2RJV54=" crossorigin="anonymous" />

hugo-coder/layouts/partials/post.html

Lines 8 to 9 in a6bf2f0

	<script type="text/javascript" async
	src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.4/MathJax.js?config=TeX-AMS-MML_HTMLorMML-full">

I know there are pros and cons each way. But from hugo's perspective of serving static files, I think a strong case can be made to have as few external dependencies as possible.

Update config.toml

Hey

The readme doesn't reflect the recent changes to config.toml yet.
I have a branch ready with some updates.

I'm loving the theme so far!
Looking forward to tags and categories.
Check out what I made so far at reijn.xyz.

Text should be justified

[v2 - Roadmap] Planned Changes and Features

This issue purpose is to guide the development of the version 2 of Hugo Coder. Here is a list of planned changes and new features.
New ideas and contributions are welcome.

• Replace LESS with SCSS (after Hugo v0.43 - SCSS pipeline)
• Template refactor
• Inverted Color style - partially done at #34
• Better support for Custom Code Highlight
• Mobile Collapsible Menu
• Tags and Categories Taxonomy
• Series Taxonomy
• Projects Archetype
• Talks/Presentations Archetype - partially done at #12
• Different fonts for text and titles
• Customizable Fonts
• Author Avatar - #41
• I18N support