New linkedin button (#1778)

* Add new floating linkedin button on site
* Add script for linkedin button function
* Add new floating linkedin button on site
* Add a new floating LinkedIn button on the site and the script that hides it when the follow has been made
* Commented out console.log message

---------

Signed-off-by: Karina Rodriguez <karina.rodriguez11@gmail.com>
Co-authored-by: Travis Beckham <travis@buoyant.io>

linkerd.io/assets/js/follow-linkedin.js

@@ -0,0 +1,9 @@
+setTimeout(function(){    
+    var buttonWrapper = document.querySelector('.linkedin__btn');
+    widthOriginal = buttonWrapper.getBoundingClientRect().width;
+    //console.log("-"+widthOriginal);
+
+    if(widthOriginal>99){
+        buttonWrapper.style.display = 'none'; 
+    }
+}, 2300);

linkerd.io/assets/scss/styles.scss

@@ -925,3 +925,7 @@ blockquote {
 .modal-content {
   width: 95%;
 }
+
+.linkedin__btn{
+    z-index: 999; display: block; top: 100px; right: -5px; position: fixed;
+}

linkerd.io/layouts/partials/header.html

@@ -14,3 +14,8 @@
 
 {{ $js := resources.Get "js/navbar.js" | resources.Minify | resources.Fingerprint }}
 <script src="{{ $js.Permalink }}"></script>
+
+<div class="linkedin__btn">
+    <script src="https://platform.linkedin.com/in.js" type="text/javascript"> lang: en_US</script>
+    <script data-proofer-ignore type="IN/FollowCompany" data-id="99659303"></script>
+</div>

linkerd.io/layouts/partials/javascript.html

@@ -35,4 +35,7 @@
 {{ $headingsLinkJs := resources.Get "js/docs-heading-link.js"}}
 <script defer src="{{ $headingsLinkJs.Permalink }}"></script>
 
+{{ $linkedinJs := resources.Get "js/follow-linkedin.js" }}
+<script src="{{ $linkedinJs.Permalink }}"></script>
+
 <script async defer src="https://buttons.github.io/buttons.js"></script>