From 33f6241a63609622fa7cb0f6cd8665475a9b94a2 Mon Sep 17 00:00:00 2001
From: Rodrigo Emanuel <xrodrigolima@gmail.com>
Date: Thu, 24 Apr 2025 12:58:31 -0300
Subject: [PATCH] Add files via upload

---
 chat.html            |  1 -
 css/app.css          | 23 +++++++++++++++++++----
 index.html           |  4 ++++
 js/youtube/module.js | 25 +++++++++++++++----------
 4 files changed, 38 insertions(+), 15 deletions(-)

diff --git a/chat.html b/chat.html
index 3b2cf0a..bed21fb 100644
--- a/chat.html
+++ b/chat.html
@@ -58,7 +58,6 @@
 
     <script src="js/lang/lang.js"></script>
 
-
     <script src="js/app-mockup.js"></script>
     <script src="js/app.js"></script>
 
diff --git a/css/app.css b/css/app.css
index c5625e7..ee8c46f 100644
--- a/css/app.css
+++ b/css/app.css
@@ -165,7 +165,7 @@ body {
     border-radius: 5px;
     background: rgba(0,0,0,0.15);
     display: inline-flex;
-    align-items: center;
+    align-items: flex-start;
 }
 
 
@@ -308,7 +308,7 @@ body {
 #chat .message.youtube .badges i.fa-solid.fa-check { background: #999; }
 
 
-#chat .message.youtube.event.supersticker > div .platform {  order: 1; }
+#chat .message.youtube.event.supersticker > div .platform { order: 1; }
 #chat .message.youtube.event.supersticker > div .sticker { 
     order: 2;
     width: 48px;
@@ -320,8 +320,23 @@ body {
     width: 100%;
     height: 100%;
 }
-#chat .message.youtube.event.supersticker  > div .info { order: 3; }
-
+#chat .message.youtube.event.supersticker > div .info { order: 3; }
+#chat .message.youtube.event.supersticker.giantsupersticker > div {
+    flex-wrap: wrap;
+}
+#chat .message.youtube.event.supersticker.giantsupersticker > div .platform { order: 2; }
+#chat .message.youtube.event.supersticker.giantsupersticker > div .sticker {
+    order: 1;
+    flex: 0 0 100%;
+    height: 148px;
+    text-align: center;
+    margin: 10px 0;
+}
+#chat .message.youtube.event.supersticker.giantsupersticker > div .sticker img {
+    width: 148px;
+    height: 148px;
+}
+#chat .message.youtube.event.supersticker.giantsupersticker > div .info { order: 3; }
 
 
 
diff --git a/index.html b/index.html
index 06a4e0e..687bb47 100644
--- a/index.html
+++ b/index.html
@@ -80,7 +80,11 @@
 				<div class="setting"><label>Chat</label><label class="switch"><input type="checkbox" name="showYouTubeMessages" checked><span class="slider"></span></label></div>
 				<div class="setting"><label>SuperChat</label><label class="switch"><input type="checkbox" name="showYouTubeSuperChats" checked><span class="slider"></span></label></div>
 				<div class="setting"><label>Super Sticker</label><label class="switch"><input type="checkbox" name="showYouTubeSuperStickers" checked><span class="slider"></span></label></div>
+				
 				<div class="setting"><label><i class="fa-solid fa-arrow-turn-up"></i> Show Super Sticker GIF</label><label class="switch"><input type="checkbox" name="showYouTubeSuperStickerGif" checked><span class="slider"></span></label></div>
+
+				<div class="setting"><label><i class="fa-solid fa-arrow-turn-up"></i> Full Size Super Sticker<br><small>Shows the sticker above the event in full.</small></label><label class="switch"><input type="checkbox" name="showYouTubeSuperStickerFullSize"><span class="slider"></span></label></div>
+
 				<div class="setting"><label>Membership<br><small>Show Membership events. <u><strong>Disabling this disables all member events</strong></u>.</small></label><label class="switch"><input type="checkbox" name="showYouTubeMemberships" checked><span class="slider"></span></label></div>
 				<div class="setting"><label><i class="fa-solid fa-arrow-turn-up"></i> Gifted Membership<br><small>Shows the person gifting members.</small></label><label class="switch"><input type="checkbox" name="showYouTubeGiftMemberships" checked><span class="slider"></span></label></div>
 				<div class="setting"><label><i class="fa-solid fa-arrow-turn-up"></i> Gifted Membership Train<br><small>Shows all users that were gifted a membership on a massive gifting membership.</small></label><label class="switch"><input type="checkbox" name="showYouTubeMembershipsTrain" checked><span class="slider"></span></label></div>
diff --git a/js/youtube/module.js b/js/youtube/module.js
index 61d2e22..6a0e147 100644
--- a/js/youtube/module.js
+++ b/js/youtube/module.js
@@ -1,11 +1,12 @@
-const showYouTubeMessages           = getURLParam("showYouTubeMessages", true);
-const showYouTubeSuperChats         = getURLParam("showYouTubeSuperChats", true);
-const showYouTubeSuperStickers      = getURLParam("showYouTubeSuperStickers", true);
-const showYouTubeSuperStickerGif    = getURLParam("showYouTubeSuperStickerGif", true);
-const showYouTubeMemberships        = getURLParam("showYouTubeMemberships", true);
-const showYouTubeGiftMemberships    = getURLParam("showYouTubeGiftMemberships", true);
-const showYouTubeMembershipsTrain   = getURLParam("showYouTubeMembershipsTrain", true);
-const showYouTubeStatistics         = getURLParam("showYouTubeStatistics", true);
+const showYouTubeMessages               = getURLParam("showYouTubeMessages", true);
+const showYouTubeSuperChats             = getURLParam("showYouTubeSuperChats", true);
+const showYouTubeSuperStickers          = getURLParam("showYouTubeSuperStickers", true);
+const showYouTubeSuperStickerGif        = getURLParam("showYouTubeSuperStickerGif", true);
+const showYouTubeSuperStickerFullSize   = getURLParam("showYouTubeSuperStickerFullSize", false);
+const showYouTubeMemberships            = getURLParam("showYouTubeMemberships", true);
+const showYouTubeGiftMemberships        = getURLParam("showYouTubeGiftMemberships", true);
+const showYouTubeMembershipsTrain       = getURLParam("showYouTubeMembershipsTrain", true);
+const showYouTubeStatistics             = getURLParam("showYouTubeStatistics", true);
 
 let youTubeCustomEmotes = [];
 
@@ -190,9 +191,13 @@ async function youTubeSuperStickerMessage(data) {
         })
     ]);
     
-    const classes = 'supersticker';
+    const classes = ['supersticker'];
+    if (showYouTubeSuperStickerFullSize == true) {
+        classes.push('giantsupersticker');
+    }
+
     const messageData = {
-        classes: classes,
+        classes: classes.join(' '),
         avatar,
         badges: '',
         userName,