Add Learning resources to /resources + Enable Google Tag analytics for DPE University links

docs/assets/css/gradle.css

@@ -89,6 +89,10 @@ h4 {
             font-weight: bolder;
             span {
                 margin-right: 0.5rem;
+                .section-icon {
+                    width: 20px;
+                    height: 20px;
+                }
             }
         }
 
@@ -116,6 +120,10 @@ h4 {
     transition: background-color .3s ease, border .3s ease;
 }
 
+.icon {
+    width: 20px;
+}
+
 .button--blue,
 .button--blue-lite {
     color: white;

docs/assets/js/google-tag-support.js

@@ -0,0 +1,15 @@
+// Support for DPE University follow ups
+document.addEventListener("DOMContentLoaded", (event) => {
+    var links = document.getElementsByTagName("a");
+    for (let i = 0; i < links.length; i++) { 
+      var link = links[i]
+      if(link.getAttribute("href")?.startsWith("https://dpeuniversity.gradle.com/")) { 
+        link.setAttribute("promo", "yes")
+        link.setAttribute("promo_offer", "DPEU")
+        link.setAttribute("promo_type", link.getElementsByTagName("a") ? "link" : "image")
+        if (!link.getAttribute("promo_location")) {
+          link.setAttribute("promo_location", "community-site")
+        }
+      }
+    }
+  });

docs/resources/README.md

@@ -47,6 +47,12 @@ resources:
     - <a href="https://developer.android.com/studio/build/index.html">Android Studio</a>
     - <a href="http://www.vogella.com/tutorials/EclipseGradle/article.html">Eclipse Buildship</a>
     - <a href="https://netbeans.apache.org/">Netbeans</a>
+-  section: Learn Gradle
+   icon: ../images/icons/learn.svg
+   links:
+    - <a href="https://cookbook.gradle.org">Gradle Cookbook</a>
+    - <a promo_location="Learning Resources" href="https://dpeuniversity.gradle.com/app">DPE University</a>
+    - <a href="https://gradle.com/training/">Gradle Events</a>
 ---
 
 Below you can see the list of the Gradle community resources

mkdocs.yml

@@ -81,6 +81,8 @@ theme:
 
 extra_css:
   - assets/css/gradle.css
+extra_javascript:
+  - assets/js/google-tag-support.js
 
 extra:
   social:

overrides/resources.html

@@ -8,7 +8,7 @@
       <div class="header">
         <h3>
           <span class="text-with-icon__icon text-with-icon__icon--20x20" aria-hidden="true">
-            <img src="{{ resource.icon }}"/>
+            <img class="section-icon" src="{{ resource.icon }}"/>
           </span>
           <span>{{ resource.section }}</span>
         </h2>