feat(app/web): add index.html [skip ci]

source/app/web/statics/insights/index.html

@@ -52,7 +52,7 @@
               Please wait until {{ rlreset }} to generate metrics again.
             </div>
             <small class="info">
-              Display rankings, contributions, highlights, commits calendar, used languages and recent activity from any user account!
+              Display rankings, highlights, contributions, repositories, user reactions, stars, commits history, used languages and recent activity from any user account!
             </small>
             <small class="info" v-if="metrics">
               Share this profile using <a :href="url">{{ url }}</a>

source/app/web/statics/insights/script.js

@@ -20,7 +20,12 @@
         await this.search()
       }
       else {
+        const user = new URLSearchParams(location.search).get("user")
         this.searchable = true
+        if (user) {
+          this.user = user
+          this.search()
+        }
       }
       //Init
       await Promise.all([

source/app/web/statics/insights/style.css

@@ -1,63 +1,3 @@
-/* Containers */
-  .container {
-    padding: 0 1rem;
-    display: flex;
-    flex-direction: column;
-    justify-content: center;
-    max-width: 920px;
-    margin: auto;
-  }
-  .center {
-    align-items: center;
-    margin-top: 1rem;
-  }
-  .text-center {
-    text-align: center;
-  }
-
-/* Search */
-  .search {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    flex-direction: column;
-    margin: 3rem 0 1rem;
-  }
-  .search h2 {
-    margin: 0;
-    padding: 0;
-  }
-  .search .about {
-    width: 100%;
-    display: flex;
-    flex-direction: column;
-  }
-  .search .about small {
-    font-size: .8rem;
-    color: var(--color-text-secondary);
-    text-align: left;
-  }
-  .search .inputs {
-    width: 100%;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    flex-wrap: wrap;
-  }
-  .search .inputs > * {
-    margin: .25rem;
-  }
-  .search .inputs input {
-    flex-grow: 1;
-  }
-  .search .info {
-    color: var(--color-text-secondary);
-    margin-top: 1rem;
-  }
-  .search .info svg {
-    fill: currentColor;
-  }
-
 /* Contributions */
   .contributions {
     display: flex;