Change changelog color depeding on source

Author: Tibowl

.github/FUNDING.yml

@@ -0,0 +1 @@
+ko_fi: Tibot

README.md

@@ -1,2 +1,12 @@
 # Hu Tao Site
-Genshin Impact site hosted [here](https://genshin.flatisjustice.moe) with [Hu Tao](https://github.com/Tibowl/HuTao) integration.
+Genshin Impact site hosted [here](https://hutaobot.moe) for the Discord bot [Hu Tao](https://github.com/Tibowl/HuTao).
+
+## Data
+Data is fetched from the [Hu Tao](https://github.com/Tibowl/HuTao) repository to keep stuff up to date.
+
+## Development
+Set up the appropriate environment variables (possibly via a `.env` file; see `utils/config.ts` for more information). Install dependencies using `pnpm i` and use `npm run dev` to start a local setup.
+
+## Funding
+Help fund hosting of the site and bot.  
+[![ko-fi](https://www.ko-fi.com/img/githubbutton_sm.svg)](https://ko-fi.com/A0A81MOVN)

pages/changelog.tsx

@@ -69,12 +69,13 @@ function Commit({ commit, prev }: { commit: CommitData, prev?: CommitData }) {
       {(prev == undefined || prevDate != formattedDate) && formattedDate}
     </div>
 
-    <div className="pl-4">
+    <div className={`pl-4 ${commit.message.startsWith("Merge branch ") ? "opacity-50" : ""}`}>
       <span>
-        [{date.toLocaleString("en-UK", { hour: "2-digit", minute: "2-digit" })}] {commit.type}:{" "}
+        [{date.toLocaleString("en-UK", { hour: "2-digit", minute: "2-digit" })}] <span className={commit.type == "Website" ? "text-blue-700 dark:text-blue-300" : "text-amber-700 dark:text-amber-300"}>{commit.type}</span>:{" "}
       </span>
 
-      {commit.type == "Bot/Data" ? <FormattedLink href={`https://github.com/Tibowl/HuTao/commit/${commit.hash}`} target="_blank">{child}</FormattedLink> : child}
+      {commit.type == "Bot/Data" ? <FormattedLink href={`https://github.com/Tibowl/HuTao/commit/${commit.hash}`} target="_blank">{child}</FormattedLink> :
+      commit.type == "Website" ? <FormattedLink href={`https://github.com/Tibowl/HuTaoSite/commit/${commit.hash}`} target="_blank">{child}</FormattedLink> :  child}
     </div>
   </>
 }