Get a Visible Badge for your website

Copy and paste the below code before the </body> tag on your website, within an embed/code block, or in the header or footer sections in the code injection of a Squarespace site. Your badge will appear on the bottom right corner of your website, see example on this page. Thank you for joining the Visible Resistance.

Proud Member of VisibleVisible
<!-- Begin Visible Badge -->

<style type="text/css">
  #visible-badge {margin:0px;padding:0px;background:transparent url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/678536/visible_badge.jpg") no-repeat scroll 0px 0px;
    background-size:30px 30px;
    height:30px;right:0px;position:fixed;bottom:10px;width:30px;z-index:9999999 !important; transition: all 250ms linear; -webkit-transition: all 250ms linear; }
  #visible-badge:hover { right:5px;}
  #visible-badge a { margin:0px;padding:0px;display:block;height:50px;width:50px;color:transparent;}
  #visible-badge span{color:#fff; height:30px; position:fixed; right:35px; opacity:0; font-family:helvetica; font-size:8px; text-transform:uppercase; letter-spacing:2px; font-weight:100;  background:#000; padding:0px 10px; transition: all 250ms linear; -webkit-transition: all 250ms linear; line-height:30px; }
  #visible-badge:hover span{ opacity:1; right:35px; }
</style>

<div id="visible-badge"><span>Proud Member of Visible</span><a href="https://www.visibleresistance.org" target="_blank">Visible</a></div>

<!--End Visible Badge-->