<?xml version="1.0" encoding="UTF-8"?>
<feed xmlns="http://www.w3.org/2005/Atom" xml:lang="en">
    <title>tr1x_em - website</title>
    <subtitle>Welcome,here you can find more about me, oh and I write too!!</subtitle>
    <link rel="self" type="application/atom+xml" href="https://trix.is-a.dev/tags/website/atom.xml"/>
    <link rel="alternate" type="text/html" href="https://trix.is-a.dev"/>
    <generator uri="https://www.getzola.org/">Zola</generator>
    <updated>2025-12-11T00:00:00+00:00</updated>
    <id>https://trix.is-a.dev/tags/website/atom.xml</id>
    <entry xml:lang="en">
        <title>Website Rewrite in Zola</title>
        <published>2025-12-11T00:00:00+00:00</published>
        <updated>2025-12-11T00:00:00+00:00</updated>
        
        <author>
          <name>
            tr1x_em
          </name>
        </author>
        
        <link rel="alternate" type="text/html" href="https://trix.is-a.dev/blog/website-rewrite-in-zola/"/>
        <id>https://trix.is-a.dev/blog/website-rewrite-in-zola/</id>
        
        <content type="html" xml:base="https://trix.is-a.dev/blog/website-rewrite-in-zola/">&lt;h1 id=&quot;backstory&quot;&gt;Backstory&lt;&#x2F;h1&gt;
&lt;p&gt;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.&lt;&#x2F;p&gt;
&lt;p&gt;So a frnd of mine &lt;a class=&quot;external&quot; rel=&quot;external&quot; href=&quot;https:&#x2F;&#x2F;gasparvardanyan.github.io&#x2F;&quot;&gt;Gasper&lt;&#x2F;a&gt;&lt;small&gt;(a very cool guy)&lt;&#x2F;small&gt; suggested me to use &lt;a class=&quot;external&quot; rel=&quot;external&quot; href=&quot;https:&#x2F;&#x2F;gohugo.io&#x2F;&quot;&gt;Hugo&lt;&#x2F;a&gt; 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”.&lt;&#x2F;p&gt;
&lt;iframe
  class=&quot;youtube-embed&quot;
  src=&quot;https:&#x2F;&#x2F;www.youtube-nocookie.com&#x2F;embed&#x2F;ZFL09qhKi5I&quot;
  allow=&quot;accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share&quot;
  referrerpolicy=&quot;strict-origin-when-cross-origin&quot; allowfullscreen&gt;
&lt;&#x2F;iframe&gt;
&lt;p&gt;^ the goat video for hugo in my opinion.&lt;&#x2F;p&gt;
&lt;p&gt;and it turned out like this&lt;&#x2F;p&gt;
&lt;fig&gt;
&lt;img class=&quot;spoiler&quot;alt=&quot;Old Website&quot;src=&quot;oldweb.png&quot;&#x2F;&gt;
&lt;figcaption&gt;Old Website&lt;&#x2F;figcaption&gt;
&lt;&#x2F;fig&gt;
&lt;p&gt;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.&lt;&#x2F;p&gt;
&lt;h1 id=&quot;entry-of-zola&quot;&gt;Entry of Zola&lt;&#x2F;h1&gt;
&lt;p&gt;I was reading &lt;a class=&quot;external&quot; rel=&quot;external&quot; href=&quot;https:&#x2F;&#x2F;daudix.one&#x2F;blog&#x2F;archiving-gradience&#x2F;&quot;&gt;Gradience Autopsy: Rise and Set - Daudix&lt;&#x2F;a&gt;&lt;small&gt; (all love to gradience forever) &lt;&#x2F;small&gt; and the looks caught my eye. and then i got to know about &lt;a class=&quot;external&quot; rel=&quot;external&quot; href=&quot;https:&#x2F;&#x2F;www.getzola.org&#x2F;&quot;&gt;Zola&lt;&#x2F;a&gt;. Zola to me is like hugo(XD idk how correct im)
and with it i came to know about a guy named &lt;a class=&quot;external&quot; rel=&quot;external&quot; href=&quot;https:&#x2F;&#x2F;daudix.one&#x2F;&quot;&gt;Daudix&lt;&#x2F;a&gt; and his theme for zola named &lt;a class=&quot;external&quot; rel=&quot;external&quot; href=&quot;https:&#x2F;&#x2F;ametrine.daudix.one&#x2F;&quot;&gt;Ametrine&lt;&#x2F;a&gt; tho acc to him its not stable but as I being a arch user do not care about
stable things at all.&lt;&#x2F;p&gt;
&lt;p&gt;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&lt;&#x2F;p&gt;
&lt;blockquote&gt;
&lt;p&gt;“Original content is original only for a few seconds before getting old”&lt;br&gt;
~Rule 69 of internet&lt;&#x2F;p&gt;
&lt;&#x2F;blockquote&gt;
&lt;p&gt;So if u you want to make a website and ur not some geeky frontend wizard, i suggest u to use zola and ametrine.&lt;&#x2F;p&gt;
&lt;h1 id=&quot;some-crazy-featuers-and-styling&quot;&gt;Some Crazy Featuers and Styling&lt;&#x2F;h1&gt;
&lt;p&gt;I love how it renders tables&lt;&#x2F;p&gt;
&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;Page&lt;&#x2F;th&gt;&lt;th&gt;Repo&lt;&#x2F;th&gt;&lt;&#x2F;tr&gt;&lt;&#x2F;thead&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td&gt;Home&lt;&#x2F;td&gt;&lt;td&gt;&lt;code&gt;pages&lt;&#x2F;code&gt;&lt;&#x2F;td&gt;&lt;&#x2F;tr&gt;
&lt;tr&gt;&lt;td&gt;Info&lt;&#x2F;td&gt;&lt;td&gt;&lt;code&gt;pages&lt;&#x2F;code&gt;&lt;&#x2F;td&gt;&lt;&#x2F;tr&gt;
&lt;tr&gt;&lt;td&gt;Works&lt;&#x2F;td&gt;&lt;td&gt;&lt;code&gt;pages&lt;&#x2F;code&gt;&lt;&#x2F;td&gt;&lt;&#x2F;tr&gt;
&lt;tr&gt;&lt;td&gt;Blog&lt;&#x2F;td&gt;&lt;td&gt;&lt;code&gt;blog-source&lt;&#x2F;code&gt;&lt;&#x2F;td&gt;&lt;&#x2F;tr&gt;
&lt;&#x2F;tbody&gt;&lt;&#x2F;table&gt;
&lt;p&gt;and code blocks&lt;&#x2F;p&gt;
&lt;pre class=&quot;giallo&quot; style=&quot;color-scheme: light dark; color: light-dark(#24292E, #E1E4E8); background-color: light-dark(#FFFFFF, #24292E);&quot;&gt;&lt;code data-lang=&quot;cpp&quot;&gt;&lt;span class=&quot;giallo-l&quot;&gt;&lt;span style=&quot;color: light-dark(#D73A49, #F97583);&quot;&gt;#&lt;&#x2F;span&gt;&lt;span style=&quot;color: light-dark(#D73A49, #F97583);&quot;&gt;include&lt;&#x2F;span&gt;&lt;span style=&quot;color: light-dark(#032F62, #9ECBFF);&quot;&gt; &amp;lt;&lt;&#x2F;span&gt;&lt;span style=&quot;color: light-dark(#032F62, #9ECBFF);&quot;&gt;iostream&lt;&#x2F;span&gt;&lt;span style=&quot;color: light-dark(#032F62, #9ECBFF);&quot;&gt;&amp;gt;&lt;&#x2F;span&gt;&lt;&#x2F;span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;&#x2F;span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span style=&quot;color: light-dark(#D73A49, #F97583);&quot;&gt;int&lt;&#x2F;span&gt;&lt;span style=&quot;color: light-dark(#6F42C1, #B392F0);&quot;&gt; main&lt;&#x2F;span&gt;&lt;span&gt;(&lt;&#x2F;span&gt;&lt;span&gt;)&lt;&#x2F;span&gt;&lt;span&gt; {&lt;&#x2F;span&gt;&lt;&#x2F;span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span style=&quot;color: light-dark(#6F42C1, #B392F0);&quot;&gt;    std&lt;&#x2F;span&gt;&lt;span&gt;::&lt;&#x2F;span&gt;&lt;span&gt;cout &lt;&#x2F;span&gt;&lt;span style=&quot;color: light-dark(#D73A49, #F97583);&quot;&gt;&amp;lt;&amp;lt;&lt;&#x2F;span&gt;&lt;span style=&quot;color: light-dark(#032F62, #9ECBFF);&quot;&gt; &amp;quot;&lt;&#x2F;span&gt;&lt;span style=&quot;color: light-dark(#032F62, #9ECBFF);&quot;&gt;Hello, World!&lt;&#x2F;span&gt;&lt;span style=&quot;color: light-dark(#032F62, #9ECBFF);&quot;&gt;&amp;quot;&lt;&#x2F;span&gt;&lt;span style=&quot;color: light-dark(#D73A49, #F97583);&quot;&gt; &amp;lt;&amp;lt;&lt;&#x2F;span&gt;&lt;span style=&quot;color: light-dark(#6F42C1, #B392F0);&quot;&gt; std&lt;&#x2F;span&gt;&lt;span&gt;::&lt;&#x2F;span&gt;&lt;span&gt;endl&lt;&#x2F;span&gt;&lt;span&gt;;&lt;&#x2F;span&gt;&lt;&#x2F;span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span style=&quot;color: light-dark(#D73A49, #F97583);&quot;&gt;    return&lt;&#x2F;span&gt;&lt;span style=&quot;color: light-dark(#005CC5, #79B8FF);&quot;&gt; 0&lt;&#x2F;span&gt;&lt;span&gt;;&lt;&#x2F;span&gt;&lt;&#x2F;span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;}&lt;&#x2F;span&gt;&lt;&#x2F;span&gt;&lt;&#x2F;code&gt;&lt;&#x2F;pre&gt;
&lt;p&gt;and these github like alerts&lt;&#x2F;p&gt;
&lt;blockquote class=&quot;markdown-alert-note&quot;&gt;
&lt;p&gt;Useful information that users should know, even when skimming content.&lt;&#x2F;p&gt;
&lt;&#x2F;blockquote&gt;
&lt;blockquote class=&quot;markdown-alert-tip&quot;&gt;
&lt;p&gt;Helpful advice for doing things better or more easily.&lt;&#x2F;p&gt;
&lt;&#x2F;blockquote&gt;
&lt;blockquote class=&quot;markdown-alert-important&quot;&gt;
&lt;p&gt;Key information users need to know to achieve their goal.&lt;&#x2F;p&gt;
&lt;&#x2F;blockquote&gt;
&lt;blockquote class=&quot;markdown-alert-warning&quot;&gt;
&lt;p&gt;Urgent info that needs immediate user attention to avoid problems.&lt;&#x2F;p&gt;
&lt;&#x2F;blockquote&gt;
&lt;blockquote class=&quot;markdown-alert-caution&quot;&gt;
&lt;p&gt;Advises about risks or negative outcomes of certain actions.&lt;&#x2F;p&gt;
&lt;&#x2F;blockquote&gt;
&lt;p&gt;Buttons are good too&lt;&#x2F;p&gt;
&lt;p&gt;&lt;button class=&quot;suggested&quot;&gt;Do Something…&lt;&#x2F;button&gt;
&lt;a class=&quot;button external&quot; href=&quot;https:&#x2F;&#x2F;example.org&quot;&gt;Example&lt;&#x2F;a&gt;&lt;&#x2F;p&gt;
&lt;p&gt;and many more check it out yourself at &lt;a class=&quot;external&quot; rel=&quot;external&quot; href=&quot;https:&#x2F;&#x2F;ametrine.daudix.one&#x2F;&quot;&gt;Ametrine’s&lt;&#x2F;a&gt; website&lt;&#x2F;p&gt;
&lt;h1 id=&quot;conclusion&quot;&gt;Conclusion&lt;&#x2F;h1&gt;
&lt;p&gt;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 : )&lt;&#x2F;p&gt;
&lt;p&gt;Gald i found &lt;a class=&quot;external&quot; rel=&quot;external&quot; href=&quot;https:&#x2F;&#x2F;ametrine.daudix.one&#x2F;&quot;&gt;Ametrine&lt;&#x2F;a&gt; and &lt;a class=&quot;external&quot; rel=&quot;external&quot; href=&quot;https:&#x2F;&#x2F;daudix.one&#x2F;&quot;&gt;Daudix&lt;&#x2F;a&gt;&lt;&#x2F;p&gt;
</content>
        
    </entry>
</feed>
