Merge pull request #137 from ajkannan/icon

Adding icon
googleapis · Aug 21, 2015 · fa74584 · fa74584
2 parents fc9265a + f962a23
commit fa74584
Show file tree

Hide file tree

Showing 3 changed files with 34 additions and 2 deletions.
diff --git a/src/site/resources/css/site.css b/src/site/resources/css/site.css
@@ -386,6 +386,36 @@ h1, h2, h3, h4, h5, h6 {
     margin-right: 0.5em;
 }
 
+.btn-docs img {
+    background-color: #fff;
+    border: 1px solid transparent;
+    -webkit-border-radius: 80px;
+    -moz-border-radius: 80px;
+    border-radius: 80px;
+    padding: 4px;
+    width: 40px;
+    /* Transitions */
+        -webkit-transition: all 0.5s ease;
+        -moz-transition: all 0.5s ease;
+        -ms-transition: all 0.5s ease;
+        -o-transition: all 0.5s ease;
+        transition: all 0.5s ease;
+}
+
+.btn-docs:hover img {
+    border: 1px solid #ccc;
+    transform: rotate(135deg);
+    -webkit-box-shadow: 4px 4px 4px rgba(0, 0, 0, .3);
+    -moz-box-shadow: 4px 4px 4px rgba(0, 0, 0, .3);
+    box-shadow: 4px 4px 4px rgba(0, 0, 0, .3);
+}
+
+.btn-docs:active img {
+    -webkit-box-shadow: 4px 4px 4px rgba(0, 0, 0, .5);
+    -moz-box-shadow: 4px 4px 4px rgba(0, 0, 0, .5);
+    box-shadow: 4px 4px 4px rgba(0, 0, 0, .5);
+}
+
 .featuring-links .btn {
     margin-bottom: 1em;
     padding: 1.5em;

diff --git a/src/site/resources/img/icon-lang-java.png b/src/site/resources/img/icon-lang-java.png
diff --git a/src/site/resources/index.html b/src/site/resources/index.html
@@ -20,9 +20,10 @@
             <h1 class="logo"><img src="img/logo-full.svg" alt="Google Cloud Platform" /></h1>
             <nav class="main-nav">
                 <div class="nav-current">Java</div>
-                <ul class="menu">                    
+                <ul class="menu">
 		    <li>
                         <a href="#" title="Java docs page">
+                            <img src="img/icon-lang-java.png" alt="Java icon" class="menu-icon" width="24" height="24" />
                             Java
                         </a>
                     </li>
@@ -71,7 +72,8 @@ <h2>Quickstart with Maven: Add gcloud to your pom.xml</h2>
                 <div class="container">
                     <ul class="featuring-links">
                         <li>
-                            <a href="./apidocs/index.html" title="gcloud-java docs" class="btn">
+                            <a href="./apidocs/index.html" title="gcloud-java docs" class="btn btn-docs">
+                                <img src="img/icon-lang-java.png" alt="Java icon" class="menu-icon" />
                                 Read the Docs
                             </a>
                         </li>