added onclick close of net neutrality

Author: Bradley

css/netneutrality.css

@@ -3,6 +3,7 @@
   left: 0;
   top: 0;
   width: 100%;
+  padding: 0;
 }
 
 .f5 {
@@ -26,14 +27,8 @@
 .rounded-0 {
     border-radius: 0 !important;
 }
-* {
-    box-sizing: border-box;
-}
 
 
-/*element.style {
-    max-width: 980px;
-}*/
 .d-flex {
     display: -webkit-box !important;
     display: flex !important;
@@ -50,28 +45,12 @@
     -webkit-box-pack: justify !important;
     justify-content: space-between !important;
 }
-* {
-    box-sizing: border-box;
-}
 
 
 b, strong {
     font-weight: 600;
 }
 
-b, strong {
-    font-weight: bolder;
-}
-b, strong {
-    font-weight: inherit;
-}
-* {
-    box-sizing: border-box;
-}
-strong, b {
-    font-weight: bold;
-}
-
 @media (max-width:850px)
 .d-sm-inline-block {
     display: none !important;
@@ -84,39 +63,23 @@ form {
     display: block;
     margin-top: 0em;
 }
-
-
-
-.border-0 {
-    border: 0 !important;
-}
-.btn {
-    color: #24292e;
-    background-color: #eff3f6;
-    background-image: linear-gradient(-180deg, #fafbfc 0%, #eff3f6 90%);
-}
 .btn {
-    position: relative;
+    background-image: none;
+    border: 1px solid white;
+    border-radius: 0.25em;
+    line-height: 1.5em;
     display: inline-block;
-    padding: 6px 12px;
-    font-size: 14px;
-    font-weight: 600;
-    line-height: 20px;
+    padding: 0.5em 1em;
+    font-size: inherit;
     white-space: nowrap;
     vertical-align: middle;
     cursor: pointer;
-    -webkit-user-select: none;
-    -moz-user-select: none;
-    -ms-user-select: none;
     user-select: none;
-    background-repeat: repeat-x;
-    background-position: -1px -1px;
-    background-size: 110% 110%;
-    border: 1px solid rgba(27,31,35,0.2);
-    border-radius: 0.25em;
-    -webkit-appearance: none;
-    -moz-appearance: none;
-    appearance: none;
+}
+.btn:hover {
+  color: #d73b48;
+  background-color: white;
+  border-bottom: white;
 }
 
 
@@ -128,9 +91,6 @@ form {
 .ml-1 {
     margin-left: 4px !important;
 }
-.text-white {
-    color: #fff !important;
-}
 .btn-link {
     display: inline-block;
     padding: 0;

index.html

@@ -46,9 +46,12 @@
           <span class="d-none d-sm-inline-block">Show your support for a free and open internet.</span>
         </div>
         <form accept-charset="UTF-8" action="/settings/dismiss-notice/netneutrality_banner" class="js-notice-dismiss" data-remote="true" method="post"><div style="margin:0;padding:0;display:inline"><input name="utf8" type="hidden" value="✓"><input name="authenticity_token" type="hidden" value="D1DVgtgcvTPo7o9x9VpisDXgmtEqJCx+BlM9TZbRX0d7kCq7/6gaUeAMwuRYI+hge84FU9vj+PzgJMfeYYse0Q=="></div>
-          <a class="btn border-0" href="/save-net-neutrality">Learn more</a>
-          <button type="submit" class="btn-link text-white p-2 ml-1">
-            <svg aria-hidden="true" class="octicon octicon-x" height="16" version="1.1" viewBox="0 0 12 16" width="12"><path fill-rule="evenodd" d="M7.48 8l3.75 3.75-1.48 1.48L6 9.48l-3.75 3.75-1.48-1.48L4.52 8 .77 4.25l1.48-1.48L6 6.52l3.75-3.75 1.48 1.48z"></path></svg>
+          <a class="btn border-0" href="https://github.com/save-net-neutrality">Learn more</a>
+          <button type="button" class="btn-link text-white p-2 ml-1">
+            <svg aria-hidden="true" class="octicon octicon-x" height="16" version="1.1" viewBox="0 0 12 16" width="12">
+              <path fill-rule="evenodd" d="M7.48 8l3.75 3.75-1.48 1.48L6 9.48l-3.75 3.75-1.48-1.48L4.52 8 .77 4.25l1.48-1.48L6 6.52l3.75-3.75 1.48 1.48z">
+              </path>
+            </svg>
             <span class="sr-only">Dismiss</span>
           </button>
         </form>

js/main.js

@@ -0,0 +1,6 @@
+$( document ).ready(function() {
+console.log( "ready!" );
+  $(".btn-link").click(function() {
+    $(".js-notice").hide();
+  })
+});