move homepage image to proper place
Signed-off-by: Christopher Guindon <chris.guindon@eclipse.org>
diff --git a/content/en_index.php b/content/en_index.php
index 6fcbd4d..d42bfd9 100644
--- a/content/en_index.php
+++ b/content/en_index.php
@@ -10,6 +10,18 @@
* Christopher Guindon (Eclipse Foundation) - Initial implementation
*******************************************************************************/
?>
+<style type="text/css">
+#home-sidebar{
+ margin-top:2.5em;
+}
+#sec_wg{
+ padding-bottom:0;
+ margin-bottom:-48px;
+}
+#sec_wg .highlight-content img{
+ padding:0 0.5em 1.5em 0.5em;
+}
+</style>
<section class="landing-well breadcrumbs-offset">
<div class="container">
<div class="row">
@@ -46,7 +58,7 @@
<li>
<a href="/org/workinggroups/">
<div class="col-md-8 circle circle-dark">
- <i class="fa fa-users"></i>
+ <i class="fa fa-users"></i>
<h3>Collaborative Working Groups</h3>
</div>
</a>
@@ -100,7 +112,7 @@
We also have a ton tools for software developers. Check them out.</p>
</div>
<div class="col-sm-8 col-md-12 center highlight-img hidden-xs">
- <img src="/eclipse.org-common/themes/solstice/public/images/content/home/laptop-eclipse.jpg" alt="Eclipse screenshot with a laptop"/>
+ <img src="/home/images/soltice/laptop-eclipse.jpg" alt="Eclipse screenshot with a laptop"/>
</div>
</div>
</div>
@@ -110,10 +122,15 @@
<div class="container">
<div class="row">
<div class="triangle triangle-white"></div>
- <div class="col-sm-9 center highlight-img hidden-xs">
- <img src="/eclipse.org-common/themes/solstice/public/images/content/home/badge-community-projects.jpg" class="img-responsive" alt="Community of projects screenshot"/>
+ <div class="col-md-8 center highlight-img hidden-xs hidden-sm">
+ <div class="circle-banner">
+ <a href="/projects/">
+ <img src="/home/images/soltice/badge-community-projects.png" class="img-responsive" alt="Community of projects screenshot"/>
+ <div class="circle-banner-icon"><i class="fa orange fa-puzzle-piece"></i></div>
+ </a>
+ </div>
</div>
- <div class="col-sm-14 col-sm-offset-1 highlight-content">
+ <div class="col-md-15 col-sm-offset-1 highlight-content">
<h1>Community of Projects</h1>
<p>Eclipse has over 250 different open source projects. Many know our
Java IDE but we also have modeling tools, runtimes, reporting tools
@@ -133,7 +150,7 @@
<div class="container">
<div class="row">
<div class="triangle triangle-black"></div>
- <div class="col-sm-15 highlight-content">
+ <div class="col-md-15 highlight-content">
<h1>Collaborative Working Groups</h1>
<p>Eclipse <a href="/org/workinggroups/">Working Groups</a> allow for organizations to collaborate in the development
of new innovations and solutions. Based on a set of best practices the Eclipse Foundation
@@ -167,8 +184,14 @@
</li>
</ul>
</div>
- <div class="col-sm-8 right highlight-img hidden-xs 15 col-sm-offset-1">
- <img src="/eclipse.org-common/themes/solstice/public/images/content/home/badge-working-groups.jpg" alt="Eclipse Working groups"/>
+ <div class="col-md-8 right highlight-img hidden-xs hidden-sm col-sm-offset-1">
+ <div class="circle-banner">
+ <a href="/projects/">
+ <img src="/home/images/soltice/badge-working-groups.png" alt="Eclipse Working groups"/>
+ <div class="circle-banner-icon"> <i class="fa fa-users orange"></i></div>
+ </a>
+ </div>
+ </div>
</div>
</div>
</div>
diff --git a/images/soltice/badge-community-projects.png b/images/soltice/badge-community-projects.png
new file mode 100644
index 0000000..b397aff
--- /dev/null
+++ b/images/soltice/badge-community-projects.png
Binary files differ
diff --git a/images/soltice/badge-working-groups.png b/images/soltice/badge-working-groups.png
new file mode 100644
index 0000000..c928828
--- /dev/null
+++ b/images/soltice/badge-working-groups.png
Binary files differ
diff --git a/images/soltice/laptop-eclipse.jpg b/images/soltice/laptop-eclipse.jpg
new file mode 100644
index 0000000..3f4409c
--- /dev/null
+++ b/images/soltice/laptop-eclipse.jpg
Binary files differ
