Merge pull request #13 from grails-profiles/new-footer

Added docs, guides and Slack info to main page

skeleton/grails-app/assets/stylesheets/main.css

@@ -33,16 +33,16 @@ html * {
 }
 
 body {
-    background: #ffffff;
+    background-color: #F5F5F5;
     color: #333333;
     overflow-x: hidden; /* prevents box-shadow causing a horizontal scrollbar in firefox when viewport < 960px wide */
-    -moz-box-shadow: 0 0 0.3em #4D8618;
-    -webkit-box-shadow: 0 0 0.3em #4D8618;
-    box-shadow: 0 0 0.3em #4D8618;
+    -moz-box-shadow: 0 0 0.3em #424649;
+    -webkit-box-shadow: 0 0 0.3em #424649;
+    box-shadow: 0 0 0.3em #424649;
 }
 
 #grailsLogo {
-    background-color: #abbf78;
+    background-color: #feb672;
 }
 
 a:hover, a:active {
@@ -83,20 +83,35 @@ img {
     border: none;
 }
 
+
 .footer {
-    background: #48802c;
-    color: #000;
+    background: #424649;
+    color: #ffffff;
     clear: both;
     font-size: 0.8em;
     margin-top: 1.5em;
-    padding: 1em;
+    padding: 2em 1em 4em;
     min-height: 1em;
 }
 
 .footer a {
-    color: #4D8618;
+    color: #feb672;
+}
+
+.footer img {
+    height: 80px;
+    margin-right: 25px;
+    margin-bottom: 15px;
+    clear: bottom;
+}
+
+.footer strong a {
+    color: white;
+    text-decoration: none;
+    font-size: 1.1rem;
 }
 
+
 .spinner {
     background: url(../images/spinner.gif) 50% 50% no-repeat transparent;
     height: 16px;
@@ -138,6 +153,12 @@ img {
     border-radius: 0.3em;
 }
 
+.nav li.dropdown-item a {
+    -webkit-border-radius: 0;
+    -moz-border-radius: 0;
+    border-radius: 0;
+}
+
 .nav a:active, .nav a:visited {
     color: #666666;
 }
@@ -173,8 +194,8 @@ img {
     background-image: url(../images/skin/database_add.png);
 }
 
-.nav li.dropdown.open ul.dropdown-menu {
-    background-color: #4D8618;
+.nav li.dropdown.show ul.dropdown-menu {
+    background-color: #424649;
 }
 
 /* CREATE/EDIT FORMS AND SHOW PAGES */
@@ -446,7 +467,7 @@ th.desc a {
 }
 
 th:hover, tr:hover {
-    background: #79b94c;
+    background: #f5f5f5;
 }
 
 /* PAGINATION */
@@ -561,7 +582,7 @@ a.skip {
 }
 
 .grails-logo-container {
-    background:#79b94c no-repeat 50% 30%;
+    background: #7c7c7c no-repeat 50% 30%;
     margin-bottom: 20px;
     color: white;
     height:300px;

skeleton/grails-app/views/layouts/main.gsp

@@ -32,7 +32,33 @@
 
 <g:layoutBody/>
 
-<div class="footer" role="contentinfo"></div>
+<div class="footer row" role="contentinfo">
+    <div class="col-md-4">
+        <a href="http://guides.grails.org" target="_blank">
+            <asset:image src="advancedgrails.svg" alt="Grails Guides" class="float-left"/>
+        </a>
+        <strong class="centered"><a href="http://guides.grails.org" target="_blank">Grails Guides</a></strong>
+        <p>Building your first Grails app? Looking to add security, or create a Single-Page-App? Check out the <a href="http://guides.grails.org" target="_blank">Grails Guides</a> for step-by-step tutorials.</p>
+
+    </div>
+    <div class="col-md-4">
+        <a href="http://docs.grails.org" target="_blank">
+            <asset:image src="documentation.svg" alt="Grails Documentation" class="float-left"/>
+        </a>
+        <strong class="centered"><a href="http://docs.grails.org" target="_blank">Documentation</a></strong>
+        <p>Ready to dig in? You can find in-depth documentation for all the features of Grails in the <a href="http://docs.grails.org" target="_blank">User Guide</a>.</p>
+
+    </div>
+
+    <div class="col-md-4">
+        <a href="https://grails-slack.cfapps.io" target="_blank">
+            <asset:image src="slack.svg" alt="Grails Logo" class="float-left"/>
+        </a>
+        <strong class="centered"><a href="https://grails-slack.cfapps.io" target="_blank">Join the Community</a></strong>
+        <p>Get feedback and share your experience with other Grails developers in the community <a href="https://grails-slack.cfapps.io" target="_blank">Slack channel</a>.</p>
+    </div>
+</div>
+
 
 <div id="spinner" class="spinner" style="display:none;">
     <g:message code="spinner.alt" default="Loading&hellip;"/>