Merge pull request #39 from tomspilman/shadows

Showcase logo cleanup

.github/ISSUE_TEMPLATE/01_Showcase_Submission.yml

@@ -44,7 +44,7 @@ body:
   attributes:
     label: Image
     description: |
-      Please supply a 1920x1080 resolution image of your game here.
+      Please supply a 1920x1080 resolution gameplay screenshot.
       You can drag-and-drop it from a directory into this textbox or copy and paste the image here.
       If the file type is not supported, you can zip it then upload that instead.
 - type: textarea
@@ -54,8 +54,8 @@ body:
   attributes:
     label: Logo
     description: |
-      Please supply a high resolution version of the logo. These are typically between 340x140 and 125x75 in size.
-      It is also helpful if they have a drop shadow under them to help with visibility on the site.
+      Please supply a high resolution version of the logo on transparency. These are typically between 340x140 and 125x75 in size.
+      We add a drop shadow to the logo in CSS automatically, so no need to include one in the logo.
       Please see the home and showcase pages for examples of how the screenshots and logos are used together.
       You can drag-and-drop it from a directory into this textbox or copy and paste the image here.
       If the file type is not supported, you can zip it then upload that instead.
@@ -81,6 +81,7 @@ body:
       - label: NintendoSwitch
       - label: PlayStation4
       - label: PlayStation5
-      - label: Xbox
+      - label: Xbox One
+      - label: Xbox Series X/S
       - label: PSVita
       - label: Library

scripts/showcase-filters.js

@@ -31,7 +31,8 @@ function add_to_screen(game, container) {
     link.href = game.url;
 
     var logoDiv = document.createElement('div');
-    logoDiv.style = "width:100%;height:100%;background:url('" + BannerPath + game.logo + "') center center no-repeat";
+    logoDiv.className = 'showcase-link-logo';
+    logoDiv.style = "background:url('" + BannerPath + game.logo + "') center center no-repeat";
     logoDiv.title = game.title;
 
     link.appendChild(logoDiv);

templates/monogame/public/main.css

@@ -79,6 +79,11 @@
   text-shadow: 2px 2px 6px rgba(33, 37, 41, 1);
 }
 
+#credits-logo {
+	-webkit-filter: drop-shadow(6px 6px 6px #000C);
+	filter: drop-shadow(6px 6px 6px #000C);
+}
+
 #getting-involved img {
   width: 250px;
   height: auto;
@@ -256,6 +261,14 @@ main
   background-size:cover;
 }
 
+.showcase-link-logo
+{
+	width: 100%;
+	height: 100%;
+	-webkit-filter: drop-shadow(6px 6px 6px #000C);
+	filter: drop-shadow(6px 6px 6px #000C);
+}
+
 .footer-link {
   text-decoration: none;
 }