This blogroll redirect to a random profile from it's database each time someone click on this link : https://spacehey-blogroll.244466666.xyz/random.
This blogroll is rather classical :
Total random (you can't pay me to be choosen more than the others), no data scraping (this page is hosted on my own little server on my home in France, I do not collect any data), no bullshit.
<style>/* from https://jdan.github.io/98.css/ by https://spacehey.com/jordan */
.unofficial-blogroll-link{display: inline-flex; border: 0; background: silver; box-shadow: inset -1px -1px #0a0a0a,inset 1px 1px #fff,inset -2px -2px grey,inset 2px 2px #dfdfdf; box-sizing: border-box; border: none; border-radius: 0; min-width: 75px; min-height: 23px; padding: 0 12px; font-family: Arial; font-size: 11px; color: #222; text-decoration: none;align-items: center;}
.unofficial-blogroll-link:focus{outline: 1px dotted #000;outline-offset: -4px;}
.unofficial-blogroll-link:active{box-shadow: inset -1px -1px #fff,inset 1px 1px #0a0a0a,inset -2px -2px #dfdfdf,inset 2px 2px grey;padding: 2px 11px 2px 13px;}
.unofficial-blogroll-border{display: inline-block; padding: 15px; margin: 15px; background-color: #c0c0c0; box-shadow: inset -1px -1px #fff,inset -2px 1px grey,inset 1px -2px grey,inset 2px 2px #fff;}
.unofficial-blogroll-about-link{display: inline-block; margin-left: 15px;color: #333;text-shadow: 1px 1px 0 #fff; font-size: 9px;}
.unofficial-blogroll-about-link:hover{color: black;}
</style>
<div class="unofficial-blogroll-border">
<a href="https://spacehey-blogroll.244466666.xyz/random" target="_blank" class="unofficial-blogroll-link">Next profile</a>
<a href="https://spacehey-blogroll.244466666.xyz" target="_blank" class="unofficial-blogroll-about-link">About</a>
</div>
A project by corentin, fork it on gitlab!.