read-changelogs VS css.gg

Another Open Source Project of mine is using the same stack here it is if you want to check it out - Read Changelogs

This year I built three side projects, read changelogs (learned about CF Workers & KV) (Github)

After getting my first job 2yrs ago I built two more projects - Coingaze (This brought some $) blogpost - Read Changelogs github (built a few weeks ago)

I was upgrading an older project at work & I found reading release notes of different packages is a hassle. You're constantly searching and have dozens of tabs open. Not to mention that the GitHub version compare feature is almost useless for the end user. It shows code diff between versions. That's why I created `changelogs.vercel.app` It might be useful to you if you're upgrading an older project & want to see changes b/w different versions. Built with Remix, Tailwind & Cloudflare Worker KV for caching the response as there's a GitHub rate limit of 10 req/minute. Site URL: https://changelogs.vercel.app Repository: https://github.com/abhagsain/read-changelogs Would love any feedback

6. css.gg

css.gg - A library of more than 500 minimalistic CSS icons, which are customizable and retina-ready.

700+ CSS Icons: Pure CSS icons library, Customizable & Retina-Ready built 100% in pure CSS, SVG, SVG Sprite, styled components, Figma, and Adobe XD. Easy integration: Embed, NPM & API.

23. css icons

// Define and ADD custom CSS const customCSS = ` hr { background-color: #ccc !important; } a.menu-link i { margin-right: 16px; } `; const style = document.createElement("style"); style.type = "text/css"; style.appendChild(document.createTextNode(customCSS)); head.appendChild(style); // Define separator const separator = document.createElement("hr"); separator.setAttribute("width", "80%"); separator.setAttribute("color", "white"); separator.setAttribute("background-color", "white"); separator.setAttribute("height", "1px"); separator.setAttribute("visible", "true"); //Adding links MENU_LINKS.forEach((link) => { if (link.name === "separator") { // Adding separator menuContainer.appendChild(separator.cloneNode()); } else { // Adding link // Manage icon (automatically import if start with gg-*** from https://css.gg) let icon = ""; if (link.icon.startsWith("gg-")) { icon = ``; const ggName = link.icon.replace("gg-", ""); // Inject css in the head const cssLink = document.createElement("link"); cssLink.type = "text/css"; cssLink.rel = "stylesheet"; cssLink.href = `https://css.gg/${ggName}.css`; head.appendChild(cssLink); } else { icon = ``; } // Create link const linkNode = linkTemplate.cloneNode(); linkNode.setAttribute("href", link.url); linkNode.setAttribute("routerLink", link.url); linkNode.setAttribute("target", (link.target || "_self")); linkNode.innerHTML = icon + " " + link.name; // Add link to the menu menuContainer.appendChild(linkNode); } });

👉 css.gg