https://nerdsid.com/tags/css/Recent content in CSS on Nerdsid.comHugoen-ushttps://nerdsid.com/projects/hugo-blog-awesome/Mon, 01 Jan 0001 00:00:00 +0000https://nerdsid.com/projects/hugo-blog-awesome/<h2 id="what-is-hugo-blog-awesome">What is Hugo blog awesome?</h2> <p>It is a Hugo theme to create a blog/website using the Hugo static site generator.</p> <ul> <li>Link to GitHub repo: <a href="https://github.com/hugo-sid/hugo-blog-awesome">hugo-sid/hugo-blog-awesome</a></li> <li>Tech stack: Hugo (Go templating), HTML, SCSS, and JavaScript.</li> </ul> <h2 id="why-did-i-create-this-project">Why did I create this project?</h2> <p>I felt the need to create a blog which is:</p> <ul> <li>Fast - since the final output is static HTML (usually deployed to a CDN) &amp; no external libraries are included</li> <li>Minimal - because less is more</li> <li>Responsive - mobile devices can&rsquo;t be ignored</li> <li>Light and dark modes - reading content should be less stressful on eyes</li> <li>Syntax highlighting - code should look like code</li> <li>RSS feed - support for the old fashioned</li> <li>No jQuery, Bootstrap, Fontawesome &amp; Google fonts - we don&rsquo;t need libraries for simple menu toggle, theme toggle, responsive design etc. Saves around 100-200 KB of data transfer on each page load.</li> <li>100/100 Google PageSpeed Insights <a href="https://pagespeed.web.dev/report?url=https%3A%2F%2Fhba.sid.one%2F">score</a> on all 4 metrics - because performance, accessibility, best Practices &amp; SEO matters.</li> </ul> <h2 id="tools-used">Tools used</h2> <p>Tech: Hugo (Go templating), HTML, SCSS, and JavaScript.</p>