Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
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>
@stephenfjohnson

This comment has been minimized.

Copy link

@stephenfjohnson stephenfjohnson commented Apr 16, 2018

Had to create it in React with Styled Components => https://gist.github.com/stephenfjohnson/2ea0d2aae7e9d0a88696c41d64b4d1a9

@joshdance

This comment has been minimized.

Copy link

@joshdance joshdance commented Jun 5, 2018

Working CodePen showing it off - https://codepen.io/dancej/pen/JZKPGE

@cedricium

This comment has been minimized.

Copy link

@cedricium cedricium commented Jun 23, 2018

Created a JavaScript library that lets you customize and add your own Maker Link to your websites! 🎉

📣 Introducing: maker-link.js

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment