display icons to plugins and themes marketplace

5 files changed, 11 insertions, 3 deletions

diff --git a/LEGALNOTICE b/LEGALNOTICE
index 651be5c447..3863c68c12 100644
--- a/LEGALNOTICE
+++ b/LEGALNOTICE
@@ -228,6 +228,14 @@ THIRD-PARTY CONTENT
 	Notes:
 	- used in ImageGraph plugin
 
+	Name: plugins/CorePluginsAdmin/images/themes.png
+	Link: https://www.iconfinder.com/icons/17022/colors_draw_paint_icon
+	License: Free for commercial use
+
+	Name: plugins/CorePluginsAdmin/images/plugins.png
+	Link: http://findicons.com/icon/94051/tools_wizard?id=396912
+	License: GNU/GPL
+
 Notes:
 - the "New BSD" license refers to either the "Modified BSD" and "Simplified BSD"
   licenses (2- or 3-clause), which are GPL compatible.
diff --git a/plugins/CorePluginsAdmin/images/plugins.png b/plugins/CorePluginsAdmin/images/plugins.png
new file mode 100644
index 0000000000..22059faf07
--- /dev/null
+++ b/plugins/CorePluginsAdmin/images/plugins.png
diff --git a/plugins/CorePluginsAdmin/images/themes.png b/plugins/CorePluginsAdmin/images/themes.png
new file mode 100644
index 0000000000..be3b6139ce
--- /dev/null
+++ b/plugins/CorePluginsAdmin/images/themes.png
diff --git a/plugins/CorePluginsAdmin/stylesheets/marketplace.less b/plugins/CorePluginsAdmin/stylesheets/marketplace.less
index 5bea89b89f..35c0d70427 100644
--- a/plugins/CorePluginsAdmin/stylesheets/marketplace.less
+++ b/plugins/CorePluginsAdmin/stylesheets/marketplace.less
@@ -4,7 +4,7 @@
   .introduction { max-width:980px; }
   .byPlugins { width:50%;float:left; }
   .byThemes { width:50%;float:left; }
-  .teaserImage { width: 250px; height: 250px; }
+  .teaserImage { width: 128px; height: 128px; margin: 64px; }
   .header { font-size: 1.6em; }
   .callToAction { font-size: 1.1em;line-height: 2em; }
 }
diff --git a/plugins/CorePluginsAdmin/templates/extend.twig b/plugins/CorePluginsAdmin/templates/extend.twig
index f919873108..e514e0bc86 100644
--- a/plugins/CorePluginsAdmin/templates/extend.twig
+++ b/plugins/CorePluginsAdmin/templates/extend.twig
@@ -37,7 +37,7 @@
                 <span class="callToAction">by <a href="{{ linkTo({'action':'browsePlugins', 'sort': ''}) }}">installing a new plugin from the Marketplace</a></span>
 
                 <p>
-                    <a href="{{ linkTo({'action':'browsePlugins', 'sort': ''}) }}"><img class="teaserImage" alt="Install a new plugin" src=""/></a>
+                    <a href="{{ linkTo({'action':'browsePlugins', 'sort': ''}) }}"><img class="teaserImage" alt="Install a new plugin" src="plugins/CorePluginsAdmin/images/plugins.png"/></a>
                 </p>
 
                 <span class="callToAction">
@@ -54,7 +54,7 @@
                 <span class="callToAction">by <a href="{{ linkTo({'action':'browseThemes', 'sort': ''}) }}">installing a new theme from the Marketplace</a></span>
 
                 <p>
-                    <a href="{{ linkTo({'action':'browseThemes', 'sort': ''}) }}"><img class="teaserImage" alt="Install a new theme" src=""/></a>
+                    <a href="{{ linkTo({'action':'browseThemes', 'sort': ''}) }}"><img class="teaserImage" alt="Install a new theme" src="plugins/CorePluginsAdmin/images/themes.png"/></a>
                 </p>
 
                 <span class="callToAction">