Maker Link (aka the @levelsio by link)
<!-- Maker Link by @levelsio --> | |
<!-- MIT License --> | |
<style> | |
body { | |
background:#333; | |
} | |
.levelsio-by { | |
font-family:"Helvetica Neue",sans-serif; | |
right:0; | |
bottom:0; | |
position:fixed; | |
z-index:100; | |
border-top-left-radius: 5px; | |
padding: 6px; | |
border-top:1px solid #efefef; | |
border-left:1px solid #efefef; | |
background:#fff; | |
color:#6f6f6f; | |
text-decoration:none; | |
} | |
.levelsio-by:hover { | |
background:#fff; | |
color:rgb(255, 71, 66); /* change to your main brand color */ | |
} | |
.levelsio-by img { | |
border-radius:100%; | |
width:22px; | |
vertical-align:middle; | |
} | |
.levelsio-by p { | |
margin:0; | |
vertical-align:middle; | |
display:inline; | |
margin-left:7px; | |
font-weight:500; | |
font-size:14px; | |
} | |
</style> | |
<a target="_blank" rel="noopener" class="levelsio-by" href="https://levels.io/"><img src="https://levels.io/levelsio.png" /><p>by levelsio</p></a> |
This comment has been minimized.
This comment has been minimized.
Working CodePen showing it off - https://codepen.io/dancej/pen/JZKPGE |
This comment has been minimized.
This comment has been minimized.
Created a JavaScript library that lets you customize and add your own Maker Link to your websites! |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
This comment has been minimized.
Had to create it in React with Styled Components => https://gist.github.com/stephenfjohnson/2ea0d2aae7e9d0a88696c41d64b4d1a9