Hugo-coder: [v2] Projects Archetype

[luizdepra]

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.

[kshitij10496]

This is one of the features I would love to display and use! 😄
Do we have a roadmap for when v2 will be released?

[luizdepra]

@kshitij10496, saddly, there is no set date to release this feature. But we are accepting PRs. :)

[WillemSleegers]

So I just encountered this theme and I love it, but I also would like to have a project archetype. I've continued the work that has been done already. See here for an example of what I was thinking of: https://fervent-dubinsky-76827d.netlify.com/projects/

The GitHub rep where I'm working is here: https://github.com/WillemSleegers/hugo-coder

It's not yet done (only have added support for the light css theme) but I'd like to hear whether I'm on the right track and whether you are still working on this!

Either way, I'd love to help out and improve the theme.

[luizdepra]

Cool! It is looking nice.
I just would try to use the same font sizes as posts/pages lists items.

[WillemSleegers]

Thanks! I adjusted the font size and also added dark mode support.

I put a demo up here: https://fervent-dubinsky-76827d.netlify.com/projects/ and if you want I can try to figure out how to do a PR and submit the code. =)

[luizdepra]

It looks really nice.
And I would appreciate if you open a PR with these additions.

[clement-pannetier]

Hey @luizdepra,

I've been working last week on that, the design is different as you can see below.

Light theme :

Dark Theme :

I defined a new taxonomy (technologies, if you have a better name suggestion, tell me) for the projects tags.

Does anyone know how to access content/projects/ folder with a different URL like "projets" in french ?

[Yuan-Meng]

@clement-pannetier @WillemSleegers May I ask which files did you change to show projects like this? Also, to apply your work to my site, do I just replace the original theme with your version? Should I write markdown files for Projects differently than I would for Posts? Thanks!!

[clement-pannetier]

@clement-pannetier @WillemSleegers May I ask which files did you change to show projects like this? Also, to apply your work to my site, do I just replace the original theme with your version? Should I write markdown files for Projects differently than I would for Posts? Thanks!!

Hi @Yuan-Meng, I'm gonna send a PR soon, maybe this week-end.
If you want to do it by yourself, you need to create a new archetype ("projects" for example) an modify the layouts files (take the layout/posts/ files for example). Add the css, and a link to your menu and that's it 😉.

[Yuan-Meng]

@clement-pannetier @WillemSleegers May I ask which files did you change to show projects like this? Also, to apply your work to my site, do I just replace the original theme with your version? Should I write markdown files for Projects differently than I would for Posts? Thanks!!

Hi @Yuan-Meng, I'm gonna send a PR soon, maybe this week-end.
If you want to do it by yourself, you need to create a new archetype ("projects" for example) an modify the layouts files (take the layout/posts/ files for example). Add the css, and a link to your menu and that's it 😉.

Thanks, look forward to your work! Since I'm super new to Hugo (just started using it yesterday), I have a naive question: After adding the new archetype and customizing the CSS, projects will show as up as what's in your pictures. You don't have the format the markdown files in the project folder any differently, right? Thanks again!

[clement-pannetier]

@clement-pannetier @WillemSleegers May I ask which files did you change to show projects like this? Also, to apply your work to my site, do I just replace the original theme with your version? Should I write markdown files for Projects differently than I would for Posts? Thanks!!

Hi @Yuan-Meng, I'm gonna send a PR soon, maybe this week-end.
If you want to do it by yourself, you need to create a new archetype ("projects" for example) an modify the layouts files (take the layout/posts/ files for example). Add the css, and a link to your menu and that's it 😉.

Thanks, look forward to your work! Since I'm super new to Hugo (just started using it yesterday), I have a naive question: After adding the new archetype and customizing the CSS, projects will show as up as what's in your pictures. You don't have the format the markdown files in the project folder any differently, right? Thanks again!

@Yuan-Meng You can see here a WIP of this new feature on my gitlab repo.

No 😄, the new archetype is usefull to create a new project file for example if you run hugo new.
It creates this file with front matter variables and these variables may be usefull to populate your project page using the layouts files you have to override to your needs.

[WillemSleegers]

It looks really nice.
And I would appreciate if you open a PR with these additions.

I created a PR (hopefully correctly). And I see there is now also another project archetype being worked on, nice!

[luizdepra]

I still need to refactor and add it to master. So, nothing new to see or do here.