Whois, Alexa, API, Data-Scrapping, UI Customization and Cache Integration

README.md

@@ -43,3 +43,23 @@ AGPL-3
 - Abhishek Das, @abhidas
 - Vangelis Banos, @vbanos
 - Rodden Kerry, @kerryrodden
+
+## Updates
+ - Updated popup.js and index.html file
+ - Removed Whois Popup
+ - Added JSON Api Based result filteration rather than opening popups
+ - No third party Whois data API (You can host it yourself created using html_dom_parser.php) 
+ - Own Hosted Whois API -> https://rohitcoder.cf/research/whois_api/?site=github.com
+ - Own Hosted Alexa API -> https://rohitcoder.cf/research/whois_api/alexa.php?site=github.com
+ - Smoothness in Whois & Alexa tab
+
+ I also uploaded my whois data API code and used lib simple_html_dom in "host" folder these files should be uploaded on your server and this will act like a API for your extension. After setting up this api don't forget to change API Link from popup.js file
+
+![Snapshot 1](https://i.imgur.com/nkuFIWT.png)
+![Snapshot 2](https://i.imgur.com/jLnON9U.png)
+![Snapshot 3](https://i.imgur.com/BkObDFU.png)
+![Snapshot 4](https://i.imgur.com/chp8CHw.png)
+
+ ## A Step Towards GsoC2018 ;) 
+
+For more check snap_shots directory of this project.

css/custom.css

@@ -0,0 +1,260 @@
+
+	a,a:hover{text-decoration:none;cursor:pointer;}
+		.button,.buttonA,.button-tweet{
+			width:90%;
+			outline:none;
+			font-family:arial;
+		}
+		.button-fancy{
+			background-color:tomato;
+			color:white;
+			font-size:17px;
+			padding:3px;
+			border-radius:20px;
+			border:2px solid tomato;;
+			transition:background-color,.4s;
+			border-radius:20px;			
+		}
+		.button-simple{
+			color:#605d5d;
+			background-color:white;
+			font-size:17px;font-weight: 200;
+			border-radius:10px;
+			padding:3px;
+			border:2px solid #605d5d;
+			transition:background-color,.4s;
+			transition:border,.4s
+		}
+		.button-fancy:hover{
+			color:black;
+			background-color:white;
+		}
+		.button:hover{
+
+			color:white;
+			background-color:#9575CD;
+			border:2px solid #9575CD;
+		}
+		.button-tweet,.button-tweet:hover{
+			color:white;
+			border-radius: 10px;
+			background-color:#448AFF;
+			border:2px solid #448AFF;
+
+		}
+		.search-bar{
+			padding:6px;
+			width:90%;
+			border:2px solid #3F51B5;	
+			color:black;
+			border-radius:3px;
+			transition:background-color,.6s;			
+		}
+		.search-bar:focus{
+			outline:none;
+			background-color:black;
+			color:black;
+			border:2px solid black;
+			font-size:18;
+		}.dropdown-menu>li>a {
+    display: block;
+    padding: 3px 32px;
+    border-bottom: 1px solid black;
+    clear: both;
+    font-weight: 400;
+    line-height: 1.42857143;
+    color: #333;
+    white-space: nowrap;
+}.metrics-title, h5.font-1{
+    font-size: 14px;
+	font-weight:bold;
+	color:blue;
+}strong.metrics-data{
+font-weight:regular;
+font-size:16px;
+}
+a[rel=nofollow]{
+display:none;
+}
+table.subdo_table>tbody>td, table.subdo_table>thead>th{width:50%;}
+.global_stats a,.word-wrap a, .upstream_sites a,.similar_sites a {
+  pointer-events: none;
+  cursor: default;
+}.spark-bar{
+display:none;
+}.change-down {
+    padding:2px;border-radius:2px;
+    background: #E41F26 no-repeat 5px 50%;
+    color: #fff;
+}.metrics-data, .metrics-pending {
+    font-size: 24px;
+    font-family: "Open Sans",Helvetica,Arial,sans-serif;
+    color: #333;
+}.change-up {
+    padding:2px;border-radius:2px;
+    background: #2bbb0f no-repeat 5px 50%;
+    color: #fff;
+}
+.df-heading {
+    font-size: 15px;
+    font-weight: bold;
+	color:blue;
+    text-transform: uppercase;
+    padding: 5px 8px;
+}.df-block {
+    margin-bottom: 15px;
+    background-color: #eef7fe;
+    font-size: 13px;
+    padding: 8px;
+    border: 1px solid #a4d4fa;
+    border-radius: 8px;
+}.df-row {
+    padding: 3px 8px;
+}.df-label {
+    float: left;
+    font-weight: bold;
+    width: 116px;
+}.df-value {
+    float: left;
+    width: 560px;
+}.clear {
+    clear: both;
+}
+/*
+  ul li { list-style-type: none;
+        list-style-position:inside;
+        margin:0;
+        padding:0; }
+*/
+    li{
+        margin:0px 0px 0px -18px;
+        padding: 0px;
+    }  
+
+  tr.spaceUnder > td
+  {
+    padding-bottom: 0.5em;
+  }
+  .container {
+    margin: 2px;
+    width: auto;
+    height: 45px;
+    line-height: 45px;
+    text-align: center;
+  }
+  .resize_fit_center {
+      max-width:100%;
+      max-height:100%;
+      vertical-align: middle;
+  }
+
+  a.btn-social,
+.btn-social
+{
+    border-radius: 50%;
+    color: #ffffff !important;
+    display: inline-block;
+    height: 54px;
+    line-height: 54px;
+    margin: 8px 4px;
+    text-align: center;
+    text-decoration: none;
+    transition: background-color .3s;
+    webkit-transition: background-color .3s;
+    width: 54px;
+}
+
+.fa{
+  margin-top:6px;
+}
+.btn-social .fa,.btn-social i
+{
+    backface-visibility: hidden;
+    moz-backface-visibility: hidden;
+    ms-transform: scale(1);
+    o-transform: scale(1);
+    transform: scale(1);
+    transition: all .25s;
+    webkit-backface-visibility: hidden;
+    webkit-transform: scale(1);
+    webkit-transition: all .25s;
+}
+.btn-social:hover,.btn-social:focus
+{
+    color: #fff;
+    outline: none;
+    text-decoration: none;
+}
+.btn-social:hover .fa,.btn-social:focus .fa,.btn-social:hover i,.btn-social:focus i
+{
+    ms-transform: scale(1.3);
+    o-transform: scale(1.3);
+    transform: scale(1.3);
+    webkit-transform: scale(1.3);
+}
+.btn-social.btn-xs
+{
+    font-size: 9px;
+    height: 24px;
+    line-height: 13px;
+    margin: 6px 2px;
+    width: 24px;
+}
+.btn-social.btn-sm
+{
+    font-size: 13px;
+    height: 36px;
+    line-height: 18px;
+    margin: 6px 2px;
+    width: 36px;
+}
+.btn-social.btn-lg
+{
+    font-size: 22px;
+    height: 72px;
+    line-height: 4px;
+    margin: 10px 6px;
+    width: 72px;
+}
+
+.btn-behance
+{
+    background-color: #1769ff;
+}
+.btn-behance:hover
+{
+    background-color: #4a8aff;
+}
+.btn-facebook
+{
+    background-color: #3b5998;
+}
+.btn-facebook:hover
+{
+    background-color: #4c70ba;
+}
+.btn-google-plus
+{
+    background-color: #dd4b39;
+}
+.btn-google-plus:hover
+{
+    background-color: #e47365;
+}
+.btn-twitter
+{
+    background-color: #55acee;
+}
+.btn-twitter:hover
+{
+    background-color: #83c3f3;
+}
+
+.btn-linkedin
+{
+    background-color: #1E88E5;
+}
+.btn-linkedin:hover
+{
+    background-color: #4a8aff;
+}

host/alexa.php

@@ -0,0 +1,59 @@
+<?php
+/*
+* Credits
+* @rohitcoder - Rohit Kumar
+* Website - https://rohitcoder.cf
+* Profile - https://github.com/rohitcoder
+*/
+header("Content-Type: application/json");
+include('simple_html_dom.php');
+$link = $_GET['site'];	   
+$url =  'https://www.alexa.com/siteinfo/'.$link;
+$html = file_get_html($url); 
+$array = array();
+$vala = "https://traffic.alexa.com/graph?o=lt&y=t&b=ffffff&n=666666&f=999999&p=4e8cff&r=1y&t=2&z=30&c=1&h=150&w=340&u=".$link;
+$array['global_graph'] = $vala;
+$valb = $html->find('.metrics-data', 0)->innertext;
+$array['global_rank'] = $valb; 
+$tempa = $html->find('.metrics-title', 1)->innertext;
+$tempa = str_get_html($tempa);
+foreach($tempa->find("a") as $ht) {
+   $data = $ht->innertext;
+}
+$tempa = $data;
+$valc = $html->find('.metrics-data', 1)->innertext;
+$tempb = $html->find('.countryRank',0)->innertext;
+if(!empty($tempb)){
+$tempb = str_get_html($tempb);
+foreach($tempb->find("img") as $ht) {
+   $datac = $ht->attr['src'];
+}
+$tempb = $datac;
+}
+$array['country']['name'] = $tempa;
+$array['country']['rank'] = $valc; 
+$array['country']['flag'] = "https://www.alexa.com/".$datac; 
+$vald = str_replace("/http","http",str_replace("Rank in Country", "Rank",str_replace("Percent of Visitors","Visitors",str_replace("/topsites/countries/","http://alexa.com/topsites/countries/",str_replace("images/flags","http://alexa.com/images/flags",$html->find('#demographics_div_country_table', 0)->innertext)))));
+$array['demographics_country_table'] = "<table class='table global_stats' width='100%'>".$vald."</table>"; 
+$vale = $html->find('#engagement-content', 0)->innertext;
+$array['engage_content'] = $vale; 
+$valf = "https://traffic.alexa.com/graph?o=lt&y=q&b=ffffff&n=666666&f=999999&p=4e8cff&r=1y&t=2&z=0&c=1&h=150&w=340&u=".$link;
+$array['search_graph'] = $valf;
+$valg = $html->find('.sitemetrics-col', 0)->innertext;
+$array['search_data'] = $valg; 
+$valh = $html->find('#keywords_top_keywords_table', 0)->innertext;
+$array['top_search_keywords'] = str_replace("Percent of Search Traffic","Traffic","<table class='table global_stats' width='100%'>".$valh."</table>"); 
+$vali = $html->find('#keywords_upstream_site_table', 0)->innertext;
+$array['upstream_sites'] = "<table class='upstream_sites table'>".str_replace("Percent of Unique Visits","Percent",$vali)."</table>"; 
+$valj = $html->find('.box1-med3', 0)->innertext;
+$array['count_linkin_sites'] = $valj; 
+$valk = $html->find('#linksin_table', 0)->innertext;
+$array['linkin_sites'] = "<table class='table'>".str_replace("Page","",$valk)."</table>"; 
+$valm = $html->find('#audience_overlap_table', 0)->innertext;
+$array['similar_sites'] = "<table class='similar_sites table'>".str_replace("Percent of Unique Visits","Percent",$valm)."</table>";  
+$valn = $html->find('#subdomain_table', 0)->innertext;
+$array['subdomains'] = "<table class='subdo_table'>".str_replace("<td","<td width='100px'",str_replace("Percent of Visitors","Visitors",$valn))."</table><Br>"; 
+$valo = $html->find('#loadspeed-panel-content', 0)->innertext;
+$array['load_speed'] = $valo;  
+echo json_encode($array, JSON_PRETTY_PRINT);
+?>