Skip to Main Content
Website Rewrite in ZolaBack to Top

Website Rewrite in Zola

By tr1x_em
3 minutes

Backstory

Who dosent need a website? so a year ago I thought I’d create a website for myself, and I did. But guess what? it was in pure HTML and CSS (prolly from some github) repo. But i really felt a need to have a better looking website, in which i could showcase my projects, and maybe even write a blog.

So a frnd of mine Gasper(a very cool guy) suggested me to use Hugo and i was like “wts hugo?”. I did watched a pretty good,crisp and short video on how to use it and i was like “okay, i’ll give it a try”.

^ the goat video for hugo in my opinion.

and it turned out like this

Old Website
Old Website

I know its shit (sometime i even surprise myself with the results 🤡), but i was like “its the most my superior brain could do”. also im not at all motivated to do frontend and styling.

Entry of Zola

I was reading Gradience Autopsy: Rise and Set - Daudix (all love to gradience forever) and the looks caught my eye. and then i got to know about Zola. Zola to me is like hugo(XD idk how correct im) and with it i came to know about a guy named Daudix and his theme for zola named Ametrine tho acc to him its not stable but as I being a arch user do not care about stable things at all.

Ametrine is the greatest theme i have ever seen, its so simple to use and the result you are seeing it here, ofc i did copypasta from Daudix’s website too but yeah thats what open source is and as someone said already

“Original content is original only for a few seconds before getting old”
~Rule 69 of internet

So if u you want to make a website and ur not some geeky frontend wizard, i suggest u to use zola and ametrine.

Some Crazy Featuers and Styling

I love how it renders tables

PageRepo
Homepages
Infopages
Workspages
Blogblog-source

and code blocks

#include <iostream>

int main() {
    std::cout << "Hello, World!" << std::endl;
    return 0;
}

and these github like alerts

Useful information that users should know, even when skimming content.

Helpful advice for doing things better or more easily.

Key information users need to know to achieve their goal.

Urgent info that needs immediate user attention to avoid problems.

Advises about risks or negative outcomes of certain actions.

Buttons are good too

Example

and many more check it out yourself at Ametrine’s website

Conclusion

It’s been an interesting journey for sure; trying to use Hugo, losing my mind, regretting life choices, learning wierd stuff and using my 1 brain cell to think about how tf do i make it look good, burning out, coming back, learning more weird thing, procrastinating, coming back, rewriting half of the styles, and finally finding out i had no need for it (it hurts a bit 😭). But yep i guess now this would be my main website for a long time : )

Gald i found Ametrine and Daudix

QR Codehttps://mastodon.social/@tr1x_em/115711108819112800

Comments

You can comment on this blog post by publicly replying to this post using a Mastodon or other ActivityPub/Fediverse account. Known non-private replies are displayed below.

Open Post