From 12f5aa3c5cbf180f89d42e26ff7754ffe5a45930 Mon Sep 17 00:00:00 2001
From: Sebastiaan Janssen <sebastiaan@umbraco.com>
Date: Mon, 9 Nov 2015 09:51:02 +0100
Subject: [PATCH] Fix thumbnails to not have  black backgrounds

---
 .../Views/MacroPartials/Projects/ProjectDetails.cshtml        | 2 +-
 OurUmbraco.Site/macroScripts/Deli-MyProjects.cshtml           | 2 +-
 OurUmbraco.Site/macroScripts/ProjectsVersioned.cshtml         | 2 +-
 .../macroScripts/repository-popularpackages.cshtml            | 2 +-
 OurUmbraco.Site/macroScripts/repository-view-category.cshtml  | 2 +-
 OurUmbraco.Site/macroScripts/repository-view-project.cshtml   | 2 +-
 OurUmbraco.Site/masterpages/RepositoryMaster.master           | 4 ++--
 .../usercontrols/Deli/Repository/RepoProjectView.ascx         | 2 +-
 8 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/OurUmbraco.Site/Views/MacroPartials/Projects/ProjectDetails.cshtml b/OurUmbraco.Site/Views/MacroPartials/Projects/ProjectDetails.cshtml
index 0de78896..e1e79c58 100644
--- a/OurUmbraco.Site/Views/MacroPartials/Projects/ProjectDetails.cshtml
+++ b/OurUmbraco.Site/Views/MacroPartials/Projects/ProjectDetails.cshtml
@@ -79,7 +79,7 @@
                     @foreach (var image in screenshots)
                     {
                         <a class="fancybox" rel="gallery1" href="@Utils.GetScreenshotPath(image.Path)" title="">
-                            <img src="@Utils.GetScreenshotPath(image.Path)?bgcolor=fff&height=154&width=281" alt=""/>
+                            <img src="@Utils.GetScreenshotPath(image.Path)?bgcolor=fff&height=154&width=281&format=png" alt=""/>
                         </a>
                     }
 
diff --git a/OurUmbraco.Site/macroScripts/Deli-MyProjects.cshtml b/OurUmbraco.Site/macroScripts/Deli-MyProjects.cshtml
index e1f12131..b31a772d 100644
--- a/OurUmbraco.Site/macroScripts/Deli-MyProjects.cshtml
+++ b/OurUmbraco.Site/macroScripts/Deli-MyProjects.cshtml
@@ -24,7 +24,7 @@
     </a></h3>
     @if (!string.IsNullOrEmpty(project.DefaultScreenshot))
     {
-        <img src="image=@project.DefaultScreenshot?bgcolor=fff&width=50&height=50" alt="@project.Name" class="projectIcon" style="border:1px solid #ddd"/>
+        <img src="image=@project.DefaultScreenshot?bgcolor=fff&width=50&height=50&format=png" alt="@project.Name" class="projectIcon" style="border:1px solid #ddd"/>
     }
     else 
     { 
diff --git a/OurUmbraco.Site/macroScripts/ProjectsVersioned.cshtml b/OurUmbraco.Site/macroScripts/ProjectsVersioned.cshtml
index cbc65bcc..2886494c 100644
--- a/OurUmbraco.Site/macroScripts/ProjectsVersioned.cshtml
+++ b/OurUmbraco.Site/macroScripts/ProjectsVersioned.cshtml
@@ -211,7 +211,7 @@
                             var screenshot = node.DefaultScreenshotPath.ToString();
                             var icon = string.IsNullOrEmpty(screenshot)
                                 ? "/css/img/package2.png"
-                                : string.Format("image={0}?bgcolor=fff&width=50&height=50", screenshot);
+                                : string.Format("image={0}?bgcolor=fff&width=50&height=50&format=png", screenshot);
 
                             <li class="clearfix">
                                 <div class="deliPackage">
diff --git a/OurUmbraco.Site/macroScripts/repository-popularpackages.cshtml b/OurUmbraco.Site/macroScripts/repository-popularpackages.cshtml
index 683f24aa..7107c26a 100644
--- a/OurUmbraco.Site/macroScripts/repository-popularpackages.cshtml
+++ b/OurUmbraco.Site/macroScripts/repository-popularpackages.cshtml
@@ -82,7 +82,7 @@
 			
 				@{
 					var screenShot = project.DefaultScreenshot;
-					var image = string.IsNullOrEmpty(screenShot) == false ? screenShot + "?bgcolor=fff&width=50&height=50" : "/css/img/package2.png";
+					var image = string.IsNullOrEmpty(screenShot) == false ? screenShot + "?bgcolor=fff&width=50&height=50&format=png" : "/css/img/package2.png";
 				}
 				<a href="@pUrl@project.Id" class="packageIcon" style="background: url('@image') no-repeat top left;">Package</a>
               
diff --git a/OurUmbraco.Site/macroScripts/repository-view-category.cshtml b/OurUmbraco.Site/macroScripts/repository-view-category.cshtml
index 8812995e..567dbc7f 100644
--- a/OurUmbraco.Site/macroScripts/repository-view-category.cshtml
+++ b/OurUmbraco.Site/macroScripts/repository-view-category.cshtml
@@ -55,7 +55,7 @@
                     <div class="brief">
                         @{
                             var screenShot = project.DefaultScreenshot;
-                            var image = string.IsNullOrEmpty(screenShot) == false ? screenShot + "?bgcolor=fff&width=50&height=50" : "/css/img/package2.png";
+                            var image = string.IsNullOrEmpty(screenShot) == false ? screenShot + "?bgcolor=fff&width=50&height=50&format=png" : "/css/img/package2.png";
                         }
                         <a rel="@project.ProjectGuid" href="@pUrl@project.Id" class="packageIcon" style="background: url('@image') no-repeat top left;">Package</a>
 
diff --git a/OurUmbraco.Site/macroScripts/repository-view-project.cshtml b/OurUmbraco.Site/macroScripts/repository-view-project.cshtml
index fe5d9015..a43a171c 100644
--- a/OurUmbraco.Site/macroScripts/repository-view-project.cshtml
+++ b/OurUmbraco.Site/macroScripts/repository-view-project.cshtml
@@ -143,7 +143,7 @@
                 @foreach (var image in Project.ScreenShots)
                 {
                     <a href="@image.Path" class="projectscreenshot" rel="shadowbox[gallery]">
-                        <img src="@image.Path?bgcolor=fff&width=100&height=100" style="border:0;" />
+                        <img src="@image.Path?bgcolor=fff&width=100&height=100&format=png" style="border:0;" />
                     </a>
                 }
             </div>
diff --git a/OurUmbraco.Site/masterpages/RepositoryMaster.master b/OurUmbraco.Site/masterpages/RepositoryMaster.master
index 9c6a3f4c..0d7090f5 100644
--- a/OurUmbraco.Site/masterpages/RepositoryMaster.master
+++ b/OurUmbraco.Site/masterpages/RepositoryMaster.master
@@ -32,11 +32,11 @@
         <div class="deliPackage">
             <div class="brief">
                 {{if  Fields.image == null}}
-                <a href="/repo_viewproject?<%= Request.RawUrl.Substring( Request.RawUrl.IndexOf('?')+1 ) %>&project_id={{= Id}}" class="packageIcon" style="background: url(/css/img/package2.png?bgcolor=fff&amp;width=50&amp;height=50;) no-repeat top left;">
+                <a href="/repo_viewproject?<%= Request.RawUrl.Substring( Request.RawUrl.IndexOf('?')+1 ) %>&project_id={{= Id}}" class="packageIcon" style="background: url(/css/img/package2.png?bgcolor=fff&amp;width=50&amp;height=50&amp;format=png;) no-repeat top left;">
                     Package</a>
                 {{/if}}
                 {{if  Fields.image != null}}
-                <a href="/repo_viewproject?<%= Request.RawUrl.Substring( Request.RawUrl.IndexOf('?')+1 ) %>&project_id={{= Id}}" class="packageIcon" style="background: url({{= Fields.image}}?bgcolor=fff&amp;width=50&amp;height=50;) no-repeat top left;">
+                <a href="/repo_viewproject?<%= Request.RawUrl.Substring( Request.RawUrl.IndexOf('?')+1 ) %>&project_id={{= Id}}" class="packageIcon" style="background: url({{= Fields.image}}?bgcolor=fff&amp;width=50&amp;height=50&amp;format=png;) no-repeat top left;">
                     Package</a>
                 {{/if}}
                 <h3>
diff --git a/OurUmbraco.Site/usercontrols/Deli/Repository/RepoProjectView.ascx b/OurUmbraco.Site/usercontrols/Deli/Repository/RepoProjectView.ascx
index d5a411e8..a9850ccb 100644
--- a/OurUmbraco.Site/usercontrols/Deli/Repository/RepoProjectView.ascx
+++ b/OurUmbraco.Site/usercontrols/Deli/Repository/RepoProjectView.ascx
@@ -158,7 +158,7 @@
                     <asp:Repeater runat="server" ID="ScreenshotRepeater">
                     <ItemTemplate>
                         <a href="<%# Eval("Path") %>" class="projectscreenshot" rel="shadowbox">
-                            <img src="<%# Eval("Path") %>?bgcolor=fff&amp;width=100&amp;height=100" style="border:0;"/>
+                            <img src="<%# Eval("Path") %>?bgcolor=fff&amp;width=100&amp;height=100&amp;format=png" style="border:0;"/>
                         </a>
                     </ItemTemplate>
                     </asp:Repeater>