Add files via upload

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>
 

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;
 }
 
 
@@ -321,7 +321,22 @@ body {
     height: 100%;
 }
 #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; }
 
 
 

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>

js/youtube/module.js

@@ -2,6 +2,7 @@ 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);
@@ -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,