Added fork me on github ribbon, billboard icon, and forum icon to sample project home. [#55407672 #55353870]

_includes/billboard.md

@@ -14,7 +14,7 @@
 <i class="icon-github"></i>
 </a>
 <a href="{{ site.forum }}" class="project-link project-link-forum">
-<i class="icon-comment-alt"></i>
+<div class="spring-icon spring-icon-forum"></div>
 </a>
 </div>
 <div class="project--title">{{ site.name }}</div>
@@ -27,5 +27,7 @@
 </div>
 </div>
 </div>
-<div class="billboard-bg spring-data--bg"></div>
+<div class="billboard-bg">
+<div class="billboard-icon icon-spring-data-large"></div>
+</div>
 </div>

_includes/project_home_include.md

@@ -1,6 +1,14 @@
 {% include billboard.md %}
 
 <div class="billboard-body--wrapper project-body--container">
+<div class="github-fork-ribbon--wrapper">
+<div class="github-fork-ribbon">
+<a href="#">
+<i class="icon icon-github"></i>
+Fork me on GitHub
+</a>
+</div>
+</div>
 <div class="row-fluid">
 <div class="span8">
 <div class="project-body--section">

css/icons.css.css

@@ -86,6 +86,7 @@
   width: 32px;
   height: 32px;
   background-position: -409px -450px;
+  margin-top: 5px;
 }
 
 .spring-icon.spring-icon-forum:hover {

css/main.css.css

@@ -93,7 +93,6 @@ body {
   width: 153px;
   height: 40px;
   background-repeat: no-repeat;
-  background-size: 2230px;
   background-position: -1px -1px;
   position: absolute;
   z-index: 1035;

css/projects.css.css

@@ -120,7 +120,7 @@
 }
 .project-header--wrapper .project--links--container {
   float: right;
-  margin-top: -2px;
+  margin-top: -5px;
 }
 .project-header--wrapper .project--links--container .project-link {
   display: inline-block;
@@ -136,9 +136,6 @@
 .project-header--wrapper .project--links--container .project-link:last-child {
   margin-right: 20px;
 }
-.project-header--wrapper .project--links--container .project-link.project-link-forum {
-  margin-top: -5px;
-}
 .project-header--wrapper .project--links--container .project-link:hover {
   text-decoration: none;
 }
@@ -162,10 +159,20 @@
 .project-header--wrapper .project-quickstart-btn {
   margin-top: 40px;
 }
-.project-header--wrapper .spring-data--bg {
+.project-header--wrapper .billboard-bg {
   background-color: #666;
 }
-
+.project-header--wrapper .billboard-bg .billboard-icon {
+  width: 330px;
+  height: 364px;
+  position: absolute;
+  right: 0;
+  margin-top: 25px;
+  opacity: 0.5;
+}
+.project-header--wrapper .billboard-bg .billboard-icon.icon-spring-data-large {
+  background-image: url("../img/icon-spring-data-large.png");
+}
 .project-body--container .project-body--section#quick-start {
   padding-top: 15px;
 }
@@ -337,3 +344,46 @@
 .project-sidebar-resource--wrapper ul:last-child {
   margin-bottom: 0;
 }
+.github-fork-ribbon--wrapper {
+  width: 150px;
+  height: 150px;
+  position: absolute;
+  overflow: hidden;
+  margin-top: -102px;
+  z-index: 9999;
+  right: 0;
+}
+.github-fork-ribbon--wrapper .github-fork-ribbon {
+  position: absolute;
+  padding: 2px 0;
+  background-color: #34302d;
+  -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.33);
+  box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.33);
+  z-index: 9999;
+  top: 42px;
+  right: -43px;
+  -webkit-transform: rotate(45deg);
+  -moz-transform: rotate(45deg);
+  -o-transform: rotate(45deg);
+}
+.github-fork-ribbon--wrapper .github-fork-ribbon a {
+  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+  font-size: 13px;
+  font-weight: 500;
+  color: #f1f1f1;
+  text-decoration: none;
+  text-shadow: 0 -1px rgba(0, 0, 0, 0.5);
+  text-align: center;
+  width: 200px;
+  line-height: 20px;
+  display: inline-block;
+  padding: 2px 0;
+  border: 1px dotted rgba(255, 255, 255, 0.75);
+  border-width: 1px 0;
+}
+.github-fork-ribbon--wrapper .github-fork-ribbon a i {
+  font-size: 23px;
+  vertical-align: middle;
+  margin: 0 3px 0 0;
+  color: black;
+}