From b28b2e232e7b9de7c0974968d00ec5ae3169d948 Mon Sep 17 00:00:00 2001
From: pyynb <52124938+pyynb@users.noreply.github.com>
Date: Fri, 28 Jun 2024 16:12:28 +0800
Subject: [PATCH] Update index.html

---
 index.html | 482 ++++++++++++++++++++++++++---------------------------
 1 file changed, 241 insertions(+), 241 deletions(-)

diff --git a/index.html b/index.html
index aa6e9e9..668e885 100644
--- a/index.html
+++ b/index.html
@@ -56,15 +56,15 @@
         <![endif]-->
 
     
-    <!-- Global site tag (gtag.js) - Google Analytics -->
-<script async src="https://www.googletagmanager.com/gtag/js?id=UA-132455605-1"></script>
-<script>
-  window.dataLayer = window.dataLayer || [];
-  function gtag(){dataLayer.push(arguments);}
-  gtag('js', new Date());
-
-  gtag('config', 'UA-132455605-1');
-</script>
+    <!-- Global site tag (gtag.js) - Google Analytics -->
+<script async src="https://www.googletagmanager.com/gtag/js?id=UA-132455605-1"></script>
+<script>
+  window.dataLayer = window.dataLayer || [];
+  function gtag(){dataLayer.push(arguments);}
+  gtag('js', new Date());
+
+  gtag('config', 'UA-132455605-1');
+</script>
 
     
 </head>
@@ -217,7 +217,7 @@
                                     
                                     
                                      <li>
-                                        <a href="https://docs.dgl.ai/tutorials/blitz/index.html">Tutorials
+                                        <a href="https://www.dgl.ai/docs/tutorials/blitz/index.html">Tutorials
                                         </a>
                                      </li>
                                      <li>
@@ -225,7 +225,7 @@
                                         </a>
                                      </li>
                                      <li>
-                                        <a href="https://docs.dgl.ai">Docs
+                                        <a href="https://www.dgl.ai/docs">Docs
                                         </a>
                                      </li>
                                      <li>
@@ -337,9 +337,9 @@
                     </ul>
                 </li>                       
                 -->
-                <li><a href="https://docs.dgl.ai/tutorials/blitz/index.html">Tutorials</a></li>
+                <li><a href="https://www.dgl.ai/docs/tutorials/blitz/index.html">Tutorials</a></li>
                 <li><a href="/pages/index.html">Blogs</a></li>
-                <li><a href="https://docs.dgl.ai">Docs</a></li>
+                <li><a href="https://www.dgl.ai/docs">Docs</a></li>
                 <li><a href="https://discuss.dgl.ai">Forum</a></li>
                 <li><a href="https://github.com/dmlc/dgl">GitHub</a></li>
             </ul>
@@ -370,7 +370,7 @@ <h1>Deep Graph Library</h1>
         </div>
     </div>
     <!--End Slider Area -->
-
+
    <!-- Start HighLights -->
 <div class="our-community-area themeix-pt">
     <div class="container">
@@ -421,215 +421,215 @@ <h3>Diverse Ecosystem</h3>
     </div>
 </div>
 <!-- End HighLights -->
-
-   <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/datatables/1.10.21/css/dataTables.jqueryui.min.css">
-<script src="https://cdnjs.cloudflare.com/ajax/libs/wordcloud2.js/1.2.2/wordcloud2.min.js"></script>
-
-<!-- import Vue.js -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.6.14/vue.min.js"></script>
-
-<!-- import Vue.multiselect -->
-<script src="https://unpkg.com/vue-multiselect@2.1.0"></script>
-<link rel="stylesheet" href="https://unpkg.com/vue-multiselect@2.1.0/dist/vue-multiselect.min.css">
-<style>
-  .dataTables_scrollBody {
-    overflow-x: hidden !important;
-  }
-
-  #table_filter {
-    display: none !important;
-  }
-
-  .multiselect--active {
-    z-index: 10;
-  }
-</style>
-<div class="our-community-area themeix-ptb">
-  <div class="container">
-    <div class="row">
-      <div class="themeix-section-title text-center">
-        <h2>Find an example to get started</h2>
-      </div>
-    </div>
-    <!--<div class="col-sm-6">
-        <canvas id="wordcloud-canvas" class="wordcloud-canvas" width="600" height="300"></canvas>
-      </div>-->
-    <div class="row">
-      <div class="col-md-offset-1 col-md-10">
-        <div style="margin-bottom: 10px;">
-          <multiselect v-model="value" :options="options" :close-on-select="false" :clear-on-select="false"
-            :multiple="true" :hide-selected="true" :preserve-search="true"
-            placeholder="Select tags: heterogeneous graph, ..." label="name" track-by="name" :preselect-first="false"
-            id="multiselect-paper" @input="onChange">
-          </multiselect>
-        </div>
-        <table id="table" width="100%"> </table>
-      </div>
-    </div>
-  </div>
-</div>
-
-<script>
-  // Run after the Document DOM tree is constructed
-  var multiselect;
-  $(document).ready(function () { // or shorthand of $( function () { 
-    // Your jQuery scripts here!
-    $.get("/assets/README.md", function (data) {
-      var text = data;
-
-      /* get the nth capturing group for each match: */
-      function getMatches(string, regex, index) {
-        index || (index = 1); // default to the first capturing group
-        var matches = [];
-        var match;
-        while (match = regex.exec(string)) {
-          matches.push(match[index]);
-        }
-        return matches;
-      }
-
-      //Match or replace using some regex
-      const tags_regex = /\b(Tags:\s)(.*)/g;
-      var tags = getMatches(data, tags_regex, 2);
-
-      // get all current tags
-      var all_tags = new Set();
-      var tag_count = {}
-      for (var i = 0; i < tags.length; i++) {
-        var subtags = tags[i].split(", ");
-
-        for (var j = 0; j < subtags.length; j++) {
-          var clean_tag = subtags[j].trim().toLowerCase();
-          all_tags.add(clean_tag);
-          if (!(clean_tag in tag_count)) {
-            tag_count[clean_tag] = 0
-          }
-          tag_count[clean_tag] = tag_count[clean_tag] + 1;
-        }
-      }
-      // console.log(tag_count)
-      var count_array = Object.entries(tag_count)
-      // console.log(count_array)
-
-      var tag_lists = []
-      for (let item of all_tags) {
-        tag_lists.push({ "name": item })
-      };
-      tag_lists.sort(function (first, second) {
-        return first["name"].localeCompare(second["name"])
-      })
-
-
-      const papers_regex = /(<a\s)(.*)(\n)/g;
-      // debugger;
-      var papers = getMatches(data, papers_regex, 2);
-      var paper_lists = []
-      for (let paper of papers) {
-        var anchor = paper.split("\"")[1]
-        var paper_title = paper.split(".")[1].trim()
-        paper_lists.push({ "title": paper_title, "anchor": anchor })
-      }
-      //console.log(paper_lists);
-      //console.log(tags);
-      /*  document.write(papers);  */
-      function to_anchor_link(title, anchor) {
-        return "<a href=\"https://github.com/dmlc/dgl/blob/master/examples/README.md#" + anchor + "\">" + title + "</a>";
-      }
-      // Create a obj list where each obj is a matching of the Title and Tags
-      var obj = [];
-      for (var i = 0; i < paper_lists.length; i++) {
-        obj.push({
-          "Paper Title": to_anchor_link(paper_lists[i]["title"], paper_lists[i]["anchor"]),
-          "Tags": tags[i]
-        });
-      }
-      /* console.log(obj); */
-
-      // Just and example of building a dataTable from json
-      // Without Search **fully** enabled
-      var table = $('#table').DataTable({
-        data: obj,
-        columns: Object.keys(obj[0]).map(function (item) {
-          return {
-            data: item,
-            title: item
-          }
-        }),
-        paging: false,
-        scrollY: "250px",
-        autoWidth: true,
-        scrollCollapse: true,
-        bInfo: false,
-      })
-
-
-      multiselect = new Vue({
-        components: {
-          Multiselect: window.VueMultiselect.default
-        },
-        data: {
-          value: [],
-          options: tag_lists
-        },
-        methods: {
-          // customLabel (option) {
-          //   return `${option.library} - ${option.language}`
-          // },
-          onChange(option) {
-            var selected = [];
-            for (var i = 0; i < this.value.length; i++) {
-              selected.push(this.value[i]["name"])
-            }
-            // var regex = selected.join("|");
-            // console.log(regex)
-            if (selected.length == 0) {
-              $.fn.dataTable.ext.search = []
-            } else {
-              $.fn.dataTable.ext.search = [function (settings, data, dataIndex) {
-                var value = data[1]
-                for (var i = 0; i < selected.length; i++) {
-                  if (!value.toLowerCase().includes(selected[i].toLowerCase())) {
-                    return false
-                  }
-                }
-                return true
-              }]
-            }
-            $('#table').DataTable().draw();
-          }
-        }
-      }).$mount('#multiselect-paper')
-
-      /*var $canvas = $('.wordcloud-canvas');
-      var w = WordCloud(document.getElementById('wordcloud-canvas'),
-        {
-          list: count_array,
-          gridSize: Math.round(16 * $canvas.width() / 1024),
-          weightFactor: function (size) {
-            return Math.pow(size, 0.5) * 12 * $canvas.width() / 1024;
-          },
-          minSize: 12 * $canvas.width() / 1024 + 1,
-          shrinkToFit: true,
-          drawOutOfBound: false,
-          hover: function (item) {
-            if (item == null) {
-              $canvas.css('cursor', 'auto');
-            } else {
-              $canvas.css('cursor', 'pointer');
-            }
-          },
-          click: function (item) {
-            multiselect.value = [{"name": item[0]}]
-            multiselect.onChange()
-          },
-        })
-      */
-    });
-
-  });
-
-</script>
+
+   <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
+<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/datatables/1.10.21/css/dataTables.jqueryui.min.css">
+<script src="https://cdnjs.cloudflare.com/ajax/libs/wordcloud2.js/1.2.2/wordcloud2.min.js"></script>
+
+<!-- import Vue.js -->
+<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.6.14/vue.min.js"></script>
+
+<!-- import Vue.multiselect -->
+<script src="https://unpkg.com/vue-multiselect@2.1.0"></script>
+<link rel="stylesheet" href="https://unpkg.com/vue-multiselect@2.1.0/dist/vue-multiselect.min.css">
+<style>
+  .dataTables_scrollBody {
+    overflow-x: hidden !important;
+  }
+
+  #table_filter {
+    display: none !important;
+  }
+
+  .multiselect--active {
+    z-index: 10;
+  }
+</style>
+<div class="our-community-area themeix-ptb">
+  <div class="container">
+    <div class="row">
+      <div class="themeix-section-title text-center">
+        <h2>Find an example to get started</h2>
+      </div>
+    </div>
+    <!--<div class="col-sm-6">
+        <canvas id="wordcloud-canvas" class="wordcloud-canvas" width="600" height="300"></canvas>
+      </div>-->
+    <div class="row">
+      <div class="col-md-offset-1 col-md-10">
+        <div style="margin-bottom: 10px;">
+          <multiselect v-model="value" :options="options" :close-on-select="false" :clear-on-select="false"
+            :multiple="true" :hide-selected="true" :preserve-search="true"
+            placeholder="Select tags: heterogeneous graph, ..." label="name" track-by="name" :preselect-first="false"
+            id="multiselect-paper" @input="onChange">
+          </multiselect>
+        </div>
+        <table id="table" width="100%"> </table>
+      </div>
+    </div>
+  </div>
+</div>
+
+<script>
+  // Run after the Document DOM tree is constructed
+  var multiselect;
+  $(document).ready(function () { // or shorthand of $( function () { 
+    // Your jQuery scripts here!
+    $.get("/assets/README.md", function (data) {
+      var text = data;
+
+      /* get the nth capturing group for each match: */
+      function getMatches(string, regex, index) {
+        index || (index = 1); // default to the first capturing group
+        var matches = [];
+        var match;
+        while (match = regex.exec(string)) {
+          matches.push(match[index]);
+        }
+        return matches;
+      }
+
+      //Match or replace using some regex
+      const tags_regex = /\b(Tags:\s)(.*)/g;
+      var tags = getMatches(data, tags_regex, 2);
+
+      // get all current tags
+      var all_tags = new Set();
+      var tag_count = {}
+      for (var i = 0; i < tags.length; i++) {
+        var subtags = tags[i].split(", ");
+
+        for (var j = 0; j < subtags.length; j++) {
+          var clean_tag = subtags[j].trim().toLowerCase();
+          all_tags.add(clean_tag);
+          if (!(clean_tag in tag_count)) {
+            tag_count[clean_tag] = 0
+          }
+          tag_count[clean_tag] = tag_count[clean_tag] + 1;
+        }
+      }
+      // console.log(tag_count)
+      var count_array = Object.entries(tag_count)
+      // console.log(count_array)
+
+      var tag_lists = []
+      for (let item of all_tags) {
+        tag_lists.push({ "name": item })
+      };
+      tag_lists.sort(function (first, second) {
+        return first["name"].localeCompare(second["name"])
+      })
+
+
+      const papers_regex = /(<a\s)(.*)(\n)/g;
+      // debugger;
+      var papers = getMatches(data, papers_regex, 2);
+      var paper_lists = []
+      for (let paper of papers) {
+        var anchor = paper.split("\"")[1]
+        var paper_title = paper.split(".")[1].trim()
+        paper_lists.push({ "title": paper_title, "anchor": anchor })
+      }
+      //console.log(paper_lists);
+      //console.log(tags);
+      /*  document.write(papers);  */
+      function to_anchor_link(title, anchor) {
+        return "<a href=\"https://github.com/dmlc/dgl/blob/master/examples/README.md#" + anchor + "\">" + title + "</a>";
+      }
+      // Create a obj list where each obj is a matching of the Title and Tags
+      var obj = [];
+      for (var i = 0; i < paper_lists.length; i++) {
+        obj.push({
+          "Paper Title": to_anchor_link(paper_lists[i]["title"], paper_lists[i]["anchor"]),
+          "Tags": tags[i]
+        });
+      }
+      /* console.log(obj); */
+
+      // Just and example of building a dataTable from json
+      // Without Search **fully** enabled
+      var table = $('#table').DataTable({
+        data: obj,
+        columns: Object.keys(obj[0]).map(function (item) {
+          return {
+            data: item,
+            title: item
+          }
+        }),
+        paging: false,
+        scrollY: "250px",
+        autoWidth: true,
+        scrollCollapse: true,
+        bInfo: false,
+      })
+
+
+      multiselect = new Vue({
+        components: {
+          Multiselect: window.VueMultiselect.default
+        },
+        data: {
+          value: [],
+          options: tag_lists
+        },
+        methods: {
+          // customLabel (option) {
+          //   return `${option.library} - ${option.language}`
+          // },
+          onChange(option) {
+            var selected = [];
+            for (var i = 0; i < this.value.length; i++) {
+              selected.push(this.value[i]["name"])
+            }
+            // var regex = selected.join("|");
+            // console.log(regex)
+            if (selected.length == 0) {
+              $.fn.dataTable.ext.search = []
+            } else {
+              $.fn.dataTable.ext.search = [function (settings, data, dataIndex) {
+                var value = data[1]
+                for (var i = 0; i < selected.length; i++) {
+                  if (!value.toLowerCase().includes(selected[i].toLowerCase())) {
+                    return false
+                  }
+                }
+                return true
+              }]
+            }
+            $('#table').DataTable().draw();
+          }
+        }
+      }).$mount('#multiselect-paper')
+
+      /*var $canvas = $('.wordcloud-canvas');
+      var w = WordCloud(document.getElementById('wordcloud-canvas'),
+        {
+          list: count_array,
+          gridSize: Math.round(16 * $canvas.width() / 1024),
+          weightFactor: function (size) {
+            return Math.pow(size, 0.5) * 12 * $canvas.width() / 1024;
+          },
+          minSize: 12 * $canvas.width() / 1024 + 1,
+          shrinkToFit: true,
+          drawOutOfBound: false,
+          hover: function (item) {
+            if (item == null) {
+              $canvas.css('cursor', 'auto');
+            } else {
+              $canvas.css('cursor', 'pointer');
+            }
+          },
+          click: function (item) {
+            multiselect.value = [{"name": item[0]}]
+            multiselect.onChange()
+          },
+        })
+      */
+    });
+
+  });
+
+</script>
    <div class="recent-news info-bg">
     <div class="container">
         <div class="news-wrapper owl-carousel owl-theme">
@@ -637,9 +637,9 @@ <h2>Find an example to get started</h2>
             <div class="single-news">
             <div class="row">
                 <h4 class="themeix-blog-h"><a href="/release/2024/03/06/release.html">DGL 2.1: GPU Acceleration for Your GNN Data Pipeline</a></h4>
-                  <p>The DGL 2.1 introduces GPU acceleration for the whole GNN data loading
-pipeline in GraphBolt, including the graph sampling and feature fetching
-stages.
+                  <p>The DGL 2.1 introduces GPU acceleration for the whole GNN data loading
+pipeline in GraphBolt, including the graph sampling and feature fetching
+stages.
 </p>
                 <!--
                 <div class="col-sm-6">
@@ -652,8 +652,8 @@ <h4 class="themeix-blog-h"><a href="/release/2024/03/06/release.html">DGL 2.1: G
             <div class="single-news">
             <div class="row">
                 <h4 class="themeix-blog-h"><a href="/release/2024/01/26/release.html">DGL 2.0: Streamlining Your GNN Data Pipeline from Bottleneck to Boost</a></h4>
-                  <p>The arrival of DGL 2.0 marks a significant milestone in the field of GNNs,
-offering substantial improvements in data loading capabilities.
+                  <p>The arrival of DGL 2.0 marks a significant milestone in the field of GNNs,
+offering substantial improvements in data loading capabilities.
 </p>
                 <!--
                 <div class="col-sm-6">
@@ -666,8 +666,8 @@ <h4 class="themeix-blog-h"><a href="/release/2024/01/26/release.html">DGL 2.0: S
             <div class="single-news">
             <div class="row">
                 <h4 class="themeix-blog-h"><a href="/release/2023/02/20/release.html">DGL 1.0: Empowering Graph Machine Learning for Everyone</a></h4>
-                  <p>We are thrilled to announce the arrival of DGL 1.0, a significant milestone
-of the past 3+ years of development.
+                  <p>We are thrilled to announce the arrival of DGL 1.0, a significant milestone
+of the past 3+ years of development.
 </p>
                 <!--
                 <div class="col-sm-6">
@@ -692,7 +692,7 @@ <h4 class="themeix-blog-h"><a href="/blog/2022/11/28/ngnn.html">Improving Graph
         </div>
     </div>
 </div>
-
+
    <!-- Start Document Source Area -->
 <section>
     <div class="document-source-area themeix-ptb">
@@ -752,10 +752,10 @@ <h3>Join Discussion</h3>
     </div>
 </section>
 <!-- End Document Source Area -->
-
-
-   
-
+
+
+   
+
    <!-- Testimonials -->
 <section class="testimonials-section themeix-ptb">
     <div class="container">
@@ -802,7 +802,7 @@ <h5>Xavier Bresson</h5>
     </div>
 </section>
 <!-- End Testimonials -->
-
+
        <div class="awards-section themeix-ptb">
         <div class="container">
             <div class="row">
@@ -820,10 +820,10 @@ <h2>Sponsors</h2>
             </div>
         </div>
     </div>
-
-
-   
-
+
+
+   
+
 
 
     <!-- Start Footer Area -->
@@ -867,7 +867,7 @@ <h3 class="footer-heading">Quick Links</h3>
                                 <h3 class="footer-heading">Materials</h3>
                                 <div class="footer-list">
                                     <ul>
-                                        <li><a href="https://docs.dgl.ai/tutorials/models/index.html">Tutorials</a></li>
+                                        <li><a href="https://www.dgl.ai/docs/tutorials/models/index.html">Tutorials</a></li>
                                         <li><a href="https://discuss.dgl.ai">Discuss forum</a></li>
                                         <li><a href="https://github.com/dmlc/dgl/issues">Github issues</a></li>
                                         <li><a href="https://github.com/dmlc/dgl/blob/master/CONTRIBUTORS.md">Contributing</a></li>