feat: video category for the logs.

fezcode · fezcode · commit 4c4cef5bff2e · 2025-12-21T19:55:27.000+03:00
diff --git a/public/images/defaults/mockup-graphics-Kl3467edwsE-unsplash.webp b/public/images/defaults/mockup-graphics-Kl3467edwsE-unsplash.webp
diff --git a/public/logs/video/solving-reddits-cylinder-problem-with-science.txt b/public/logs/video/solving-reddits-cylinder-problem-with-science.txt
@@ -0,0 +1,23 @@
+## The Reddit Question
+
+[The Thread](https://reddit.com/r/AskReddit/comments/zdv5gv/how_would_you_get_a_small_cylinder_51in_length/)
+
+Imagine a man who tells everyone he has a **"small object"** (a cylinder) stuck inside a **tiny plastic tube** (a Mini M&Ms container). He says he filled the
+tube with butter and mashed bananas first, and now the cylinder won't come out.
+
+**The catch**: He **insists** that the cylinder is just an object, but everyone reading knows he’s actually talking about his... _well_, **his private parts**.
+
+Whenever people suggest cutting the tube with a saw or using heat, he gets very panicked and says, "It is imperative that the cylinder remains
+unharmed."
+
+The ELI5 Lesson:
+ 1. Don't put your "cylinder" in candy containers.
+ 2. If you do, don't use mashed bananas as a lubricant.
+ 3. Don't go to the internet for medical advice while pretending your body part is a **"math shape."**
+
+It became one of the most famous jokes on Reddit because of how committed he was to the lie that it was just a "cylinder," even when it was obvious
+he was in a very painful and embarrassing emergency.
+
+## A video about solving this **problem**
+
+<iframe width="560" height="315" src="https://www.youtube.com/embed/AJoOaM3UJdA?si=veIgg-DhKd1zPenV" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
diff --git a/public/logs/video/video.piml b/public/logs/video/video.piml
@@ -0,0 +1,10 @@
+(logs)
+  > (item)
+    (category) Video
+    (date) 2025-12-21
+    (link) https://www.youtube.com/watch?v=AJoOaM3UJdA
+    (rating) 4
+    (slug) solving-reddits-cylinder-problem-with-science
+    (title) Solving Reddit's Cylinder Problem with Science
+    (image) /images/defaults/mockup-graphics-Kl3467edwsE-unsplash.webp
+    (description) I spent three months figuring out how to remove a cylinder from a mini M&Ms tube filled with melted butter and microwaved mashed bananas.
diff --git a/scripts/convert_logs_to_piml.js b/scripts/convert_logs_to_piml.js
@@ -6,6 +6,7 @@ const publicLogsDir = path.join(__dirname, '../public/logs');
 const categories = [
   'Book',
   'Movie',
+  'Video',
   'Game',
   'Article',
   'Music',
diff --git a/src/components/ColorLegends.js b/src/components/ColorLegends.js
@@ -10,6 +10,10 @@ export const categoryStyles = {
     backgroundColor: colors['movie-alpha-10'],
     borderColor: colors['movie-alpha-50'],
   },
+  Video: {
+    backgroundColor: colors['video-alpha-10'],
+    borderColor: colors['video-alpha-50'],
+  },
   Game: {
     backgroundColor: colors['game-alpha-10'],
     borderColor: colors['game-alpha-50'],
diff --git a/src/config/colors.js b/src/config/colors.js
@@ -10,6 +10,7 @@ module.exports = {
   tb: '#00000033',
   book: '#00BFFF',
   movie: '#DC143C',
+  video: '#8A2BE2',
   game: '#00C9A7',
   article: '#FA8072', // Salmon
   app: '#fb8476', // Duplicated from article-ish
@@ -22,6 +23,7 @@ module.exports = {
   feat: '#a855f7',
   'book-light': '#4dcdff',
   'movie-light': '#e84f6d',
+  'video-light': '#a050f0',
   'game-light': '#00e6bf',
   'article-light': '#FFB6C1', // Light Pink
   'app-light': '#FFF8F00', // Duplicated from book-light
@@ -62,6 +64,8 @@ module.exports = {
   'book-alpha-50': 'rgba(0, 191, 255, 0.5)',
   'movie-alpha-10': 'rgba(220, 20, 60, 0.1)',
   'movie-alpha-50': 'rgba(220, 20, 60, 0.5)',
+  'video-alpha-10': 'rgba(138, 43, 226, 0.1)',
+  'video-alpha-50': 'rgba(138, 43, 226, 0.5)',
   'game-alpha-10': 'rgba(0, 201, 167, 0.1)',
   'game-alpha-50': 'rgba(0, 201, 167, 0.5)',
   'article-alpha-10': 'rgba(250, 128, 114, 0.1)',
diff --git a/src/pages/LogsPage.js b/src/pages/LogsPage.js
@@ -14,6 +14,7 @@ import RatingSystemDetail from '../components/RatingSystemDetail';
 const categories = [
   'Book',
   'Movie',
+  'Video',
   'Game',
   'Article',
   'Music',
