Universal Safelink

🍒 Installation

Copy this code below and paste to your template, I'm recommend to put the code before close tag </body>

<script data-autodirect='false' data-autogenerate='false' data-blacklist='anasrar.github.io|codepen.io' data-copyright='anasrar' data-countdown='10' data-counttext='Wait {{time}} second to go' data-gotext='Click here to continue' data-page='/2019/09/universal-safelink.html|/p/go.html' data-version='0.1.0' id='universalsafelink' src='//anasrar.github.io/MyRARLab/UniversalSafelink/assets/js/app.bundle.js'></script>

🍉 Setting Attribute

data-autodirect='false' <Boolean> // If boolean is true, will automatically go without click the button go
data-autogenerate='false' <Boolean> //If boolean is true, will automatically enrypt all link on your page
data-blacklist='anasrar.github.io|codepen.io' <String> // When autogenerate is true, all link in your page in blacklist will not enrypted (separate with pipeline symbol)
data-copyright='anasrar' <String> // <- Just ignore it, but you can't remove 😶
data-countdown='10' <Number> // Count down time, if 0 automatically change to go button
data-counttext='Wait {{time}} second to go' <String> // Count down text, {{time}} is number when count own
data-gotext='Click here to continue' <String> // Text on go button
data-page='/2019/09/universal-safelink.html|/p/go.html' <String> //Your safelink page, it will randomly choose when generate (separate with pipeline symbol)
data-version='0.1.0' <Number> // <- Just ignore it, but you can't remove 😶 (I have an ide to get update)
id='universalsafelink' <String> // <- Just ignore it, but you can't remove 😶

🍍 Installation Page

Copy this HTML code below and paste to your page / post

<div id="universalsafelinkoutput"></div>

and copy the url post / page and add to attribute data-page

and you're done installation

🥦 How Manual Convert

Just add parameter safelink=1 in your url

🥥 Example

https://../.../../page.html?safelink=1
=== OR ===
https://../.../../page.html?param=dummy&safelink=1

and you should be see small button with shield and lock on bottom left corner

click that button and you should be some form, and you're done

just fill the first input box with url that start with https or http, to conver just click enter or click convert button and the result in the second input box

🌽 Styling Output

Because I want fully customize style, I'm not include css style for output button and time count down, you can define the css by yourself

Here's the html structure output

<!-- Output Link -->
<div id="universalsafelinkoutput">
	<a href="..." class="savelinkoutputlink">...</a>
</div>
<!-- Output Count Down -->
<div id="universalsafelinkoutput">
	<span class="savelinkoutputcountdown">...</span>
</div>

🥝 Example

#universalsafelinkoutput>.savelinkoutputlink {
...
}
#universalsafelinkoutput>.savelinkoutputcountdown{
...
}

and that's it, if you have feedback or further request just leave it on comment, thank you 😐

🍓 Built With