website category

fezcode · fezcode · commit 7b0123f1196b · 2025-11-03T19:22:47.000+03:00
diff --git a/public/logs/logs.json b/public/logs/logs.json
@@ -125,5 +125,13 @@
     "rating": 5,
     "slug": "food-omelette",
     "title": "Omelette"
+  },
+  {
+    "category": "Websites",
+    "date": "2025-11-03",
+    "link": "https://missingdice.com/dice-roller/",
+    "rating": 5,
+    "slug": "website-missing-dice-dice-roller",
+    "title": "Missing Dice - Dice Roller"
   }
-]
+]
diff --git a/public/logs/website-missing-dice-dice-roller.txt b/public/logs/website-missing-dice-dice-roller.txt
@@ -0,0 +1,5 @@
+### Dice Roller
+
+A beautiful website to roll dice.
+
+[Dice Roller](https://missingdice.com/dice-roller/)
diff --git a/src/components/ColorLegends.js b/src/components/ColorLegends.js
@@ -30,6 +30,10 @@ export const categoryStyles = {
     backgroundColor: colors['food-alpha-10'],
     borderColor: colors['food-alpha-50'],
   },
+  Websites: {
+    backgroundColor: colors['websites-alpha-10'],
+    borderColor: colors['websites-alpha-50'],
+  },
 };
 
 const ColorLegends = ({ onLegendClick, hiddenLegends }) => {
diff --git a/src/components/LogCard.js b/src/components/LogCard.js
@@ -9,6 +9,7 @@ import {
   MusicNote,
   Television,
   ForkKnife,
+  Globe,
   Star
 } from '@phosphor-icons/react';
 
@@ -20,6 +21,7 @@ const categoryIcons = {
   Music: <MusicNote />,
   Series: <Television />,
   Food: <ForkKnife />,
+  Websites: <Globe />,
 };
 
 const categoryStyles = {
@@ -51,6 +53,10 @@ const categoryStyles = {
     backgroundColor: colors['food-alpha-10'],
     borderColor: colors['food-alpha-50'],
   },
+  Websites: {
+    backgroundColor: colors['websites-alpha-10'],
+    borderColor: colors['websites-alpha-50'],
+  },
 };
 
 const LogCard = ({ log, index, totalLogs }) => {
diff --git a/src/config/colors.js b/src/config/colors.js
@@ -14,6 +14,7 @@ module.exports = {
   music: '#a855f7', // purple-500
   series: '#ec4899', // pink-500
   food: '#84cc16', // lime-500
+  websites: '#f472b6', // pink-400
   'title-hover': '#fdd4a6', // orange-200
   'markdown-title-color': '#fed7aa', // orange-200
   'markdown-hx-color': '#ffedd5', // orange-100
@@ -43,6 +44,8 @@ module.exports = {
   'series-alpha-50': 'rgba(236, 72, 153, 0.5)',
   'food-alpha-10': 'rgba(132, 204, 22, 0.1)',
   'food-alpha-50': 'rgba(132, 204, 22, 0.5)',
+  'websites-alpha-10': 'rgba(244, 114, 182, 0.1)',
+  'websites-alpha-50': 'rgba(244, 114, 182, 0.5)',
 
   // Toast colors
   'toast-background': 'rgba(68, 64, 59, 0.8)',
