Inscription
61,927,031
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
body,
html,
button,
td,
input {
margin: 0;
padding: 0;
overflow: hidden;
font-family: 'Courier New' !important;
background: black;
}
img {
pointer-events: none;
}
p {
font-size: 4vw;
line-height: 0vw;
font-weight: bold;
}
h2 {
font-size: 5vw;
}
p span {
font-weight: normal;
}
#background-container {
position: relative;
width: 100%;
z-index: 1;
}
#background-image {
width: 100%;
height: auto;
display: block;
}
canvas {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 2;
}
.runegrid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 3vw;
align-items: center;
text-align: center;
font-size: 3vw;
margin-top: 1.5vw;
}
h1 {
font-size: 5vw;
}
h2 {
margin-top: 0vw;
font-size: 3vw;
}
h5 {
font-size: 3vw;
}
/* box */
#box {
width: 80%;
height: 70%;
position: absolute;
top: 6%;
left: 10%;
border-radius: 30px;
z-index: 5;
}
#box_content {
padding: 5vw;
color: whitesmoke;
text-align: center;
}
#box_content p {
font-size: 2vw;
margin-bottom: 4vw;
}
#box_content input {
width: 100%;
height: 4vw;
font-size: 3vw;
margin-bottom: 3vw;
padding: 1vw;
border-radius: 5px;
background: whitesmoke;
}
#box_content button {
font-size: 2.5vw;
color: whitesmoke;
border-radius: 5px;
background: green;
padding: 1vw;
animation: pulseAnimation 1s infinite;
border: none;
box-shadow: none;
width: 30%;
height: auto;
}
#box_content span {
display: inline-block;
font-size: 3vw;
margin-left: 0.5vw;
}
#box_content .rotate {
transform: rotate(90deg);
}
/* animations */
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes pulseAnimation {
0%,
100% {
opacity: 0.8;
}
50% {
opacity: 1;
}
}
#loading {
position: absolute;
width: 100%;
top: 38%;
text-align: center;
color: whitesmoke;
font-size: 12vw;
opacity: 0;
}
#loadingRunes {
animation: fadeIn 0.05s infinite;
}
/* runedisplay */
#box_result {
opacity: 0;
padding: 5vw;
color: whitesmoke;
text-align: center;
font-size: 5vw;
position: relative;
}
.tiny div {
font-size: 1.5vw !important;
background: #333;
}
.logo {
width: 40%;
height: auto;
margin-bottom: 4vw;
margin-top: 3vw;
}
.logo_result {
width: 40%;
height: auto;
margin-bottom: 0vw;
}
.bar {
width: 100%;
}
.bar div {
float: left;
height: 100%;
font-size: 2vw;
}
.bar span {
padding: 1vw 0vw 1vw 0vw;
display: block;
}
.bar #base {
background: white;
color: black;
}
.bar #miningboost {
background: green;
}
.bar #manaboost {
background: red;
}
.bar #blockboost {
background: blue;
}
.bar #redacted {
background: grey;
}
#stats {
font-size: 2vw;
margin-top: 2vw;
margin-bottom: 1vw;
}
#table {
text-align: left;
border-spacing: 0px;
}
#table td,
#table th {
width: 20%;
border: 1px solid #333;
padding: 0.6vw 1vw 0.6vw 1vw;
}
#table td:first-child,
#table th:first-child {
width: 40%;
}
#table td.final {
font-size: 3.2vw;
background: linear-gradient(109.6deg, #c0294f 11.2%, #b94a00 100.2%);
color: white;
font-weight: bold;
animation: pulseAnimation 1s infinite;
text-align: center;
}
#reset {
font-size: 1.3vw;
color: whitesmoke;
border-radius: 2px;
background: #333;
padding: 0.5vw;
display: block;
width: 10vw;
height: auto;
position: absolute;
top: 8vw;
right: 4.6vw;
border: none;
box-shadow: none;
}
.icon {
font-style: normal;
}
.tooltip {
position: relative;
}
.tooltip .text {
position: absolute;
right: -45vw;
top: -2vw;
padding: 1vw;
background: yellow;
color: black;
width: 41vw;
display: none;
font-size: 1.7vw;
}
.tooltip:hover .text {
display: block;
}
#overflow {
overflow: visible !important;
}
.small {
font-size: 1.7vw !important;
}
ul {
list-style: none;
padding: 0px;
font-size: 2.3vw;
opacity: 0.8;
}
ul li {
line-height: 4vw;
}
</style>
</head>
<body>
<div id="background-container">
<img id="background-image" src="/content/6a791203626f221bc08b5631f61dadf74078d077d9b8cee4de3183599be08c22i0">
<canvas></canvas>
<div id="box">
<div id="box_content">
<img class="logo" src="/content/641ac9bb815668f12da670e3601cbbfc78315457c0ee2dbeea4d2d1e870c8af1i0">
<h2>Multiplier Checker v0.1</h2>
<ul>
<li>🔢 Check the mining reward of your ᚱᛖᛖ</li>
<li>⚠️ This tool does not check ᚱᛖᛖ activation</li>
</ul>
<br>
<h2>ᚱᛖᛖ inscriptionID</h2>
<input type="text" id="inscriptionid" placeholder="fill in your inscriptionID">
<button id="check">Check Now <span class="rotate">ᛏ</span></button>
<h5>RuneMania.com</h5>
</div>
<div id="box_result">
<img class="logo_result" src="/content/641ac9bb815668f12da670e3601cbbfc78315457c0ee2dbeea4d2d1e870c8af1i0">
<div class="bar tiny">
<div style="width:100%"><span id="tiny"></span></div>
</div>
<div class="bar">
<div id="base" style="width:100%"><span id="base">Base ᛖining ᚱeward: 10000</span></div>
</div>
<div class="bar">
<div id="miningboost" style="width:0%"><span id="miningBoost"></span></div>
<div id="blockboost" style="width:0%"><span id="blockBoost"></span></div>
<div id="manaboost" style="width:0%"><span id="manaBoost"></span></div>
<div id="redacted" style="width:5%"><span id="redacted">?</span></div>
<div id="redacted" style="width:5%"><span id="redacted">?</span></div>
</div>
<div id="stats">
<table id="table">
<tr>
<th>Type</th>
<th>Boost</th>
<th>Multiplier</th>
<th>Mining</th>
</tr>
<tr>
<td>⚪ ᚱᛖᛖ Operator</td>
<td>100%</td>
<td>1</td>
<td>10000</td>
</tr>
<tr>
<td>🟢 Mining Boost</td>
<td id="miningBoostP"></td>
<td id="miningBoostM"></td>
<td id="miningBoostR"></td>
</tr>
<tr>
<td>🔵 Block Boost</td>
<td id="blockBoostP"></td>
<td id="blockBoostM"></td>
<td id="blockBoostR"></td>
</tr>
<tr>
<td id="overflow">🔴 Mana Boost <span class="tooltip"><i class="icon">⚠️</i><i class="text">Only valid when Mana Boost is activated!</span></td>
<td id="manaBoostP"></td>
<td id="manaBoostM"></td>
<td id="manaBoostR"></td>
</tr>
<tr>
<td>🗿 Stone Boost</td>
<td>███████</td>
<td>███████</td>
<td>███████</td>
</tr>
<tr>
<td>✨ Rune Boost</td>
<td>███████</td>
<td>███████</td>
<td>███████</td>
</tr>
<tr>
<td colspan="3">
▣ Current ᚱunes ᛖining per block
<br>
<span class="small">*calculated on block #<i id="blockNumber"></i></span>
</td>
<td class="final" id="totalR"></td>
</tr>
</table>
</div>
<button id="reset">Close <span>ᚷ</span></button>
</div>
</div>
<div id="loading">
<div id="loadingRunes"></div>
</div>
<script>
document.getElementById('check').addEventListener('click', function() {
event.preventDefault();
var box_content = document.getElementById('box_content');
var loading = document.getElementById('loading');
var box_result = document.getElementById('box_result');
var insc = document.getElementById('inscriptionid').value;
if (validateString(insc)) {
box_content.style.display = 'none';
calculate(insc);
loading.style.opacity = '1'; //Start loading
setTimeout(function() {
loading.style.opacity = '0';
}, 2000);
setTimeout(function() {
box_result.style.opacity = '1';
}, 2000);
}
});
document.getElementById('reset').addEventListener('click', function() {
event.preventDefault();
var box_content = document.getElementById('box_content');
var loading = document.getElementById('loading');
var box_result = document.getElementById('box_result');
document.getElementById('inscriptionid').value = '';
box_content.style.display = 'block';
loading.style.opacity = '0';
box_result.style.opacity = '0';
});
//Runes
const runes = ['ᚱ', 'ᛞ', 'ᚦ', 'ᚨ', 'ᚠ', 'ᚲ', 'ᚷ', 'ᚹ', 'ᚺ', 'ᚾ', 'ᛁ', 'ᛃ', 'ᛈ', 'ᛇ', 'ᛉ', 'ᛊ', 'ᛏ', 'ᛒ', 'ᛖ', 'ᛗ', 'ᛚ', 'ᛜ', 'ᚢ', 'ᛟ'];
const RuneRarities = [3, 10, 10, 10, 20, 20, 20, 20, 20, 40, 40, 40, 40, 100, 100, 100, 100, 250, 250, 250, 250, 250, 250, 250];
//Stones
const colors = ['halving', 'black', 'gold', 'silver', 'biohazard', 'purple', 'blue', 'red', 'turquoise', 'pink', 'green'];
const ColorRarities = [1, 3, 15, 35, 90, 90, 150, 150, 150, 150, 150];
function validateString(inputString) {
if (inputString.length !== 66) {
console.error("Error: Invalid InscriptionID");
return false;
}
var regex = /^[a-zA-Z0-9]+$/;
if (!regex.test(inputString)) {
console.error("Error: Invalid InscriptionID");
return false;
}
return true;
}
async function fetchBlockHeight() {
try {
let response = await fetch("/blockheight");
if (!response.ok) throw new Error('Network error on /blockheight');
let blockHeight = await response.text();
// Check if the response is empty
if (blockHeight.trim() === '') {
// Try the secondary endpoint
response = await fetch("/r/blockheight");
if (!response.ok) throw new Error('Network error on /r/blockheight');
blockHeight = await response.text();
// If the secondary response is also empty, return the default value
if (blockHeight.trim() === '') {
return '831100';
}
}
return blockHeight;
} catch (error) {
console.error('Fetch error:', error);
return '831100';
}
}
async function calculate(insc) {
const blockNumber = await fetchBlockHeight();
//Mining Boost
let loading = parseInt((insc.match(/\d/g) || []).slice(0, 2).join(''), 10); //First 2 numbers of InscriptionID
if (loading < 15) {
loading = 15;
} //minimum
//Mana Boost
let mana = parseInt((insc.match(/\d/g) || []).slice(-3, -1).join(''), 10); //Latest 2 numbers of InscriptionID
if (mana < 10) {
mana = 10;
} //minimum
//Block Boost
const blockLetters = (insc.match(/[a-zA-Z]/g) || []).slice(0, 2).join(''); //First 2 letters of InscriptionID
const blockStatic = Number(Array.from(blockLetters.toLowerCase(), char => char.charCodeAt(0) - 96).join('')); //alphabetical numerical value (range = 11 & 66)
const blockdynamic = Math.round((blockNumber - 831100) / 100) //formula for dynamic bonus
let block = blockStatic + blockdynamic;
if (block > 100) {
block = 100;
} //Maximum 100%
//Color
const colorLetters = (insc.match(/[a-zA-Z]/g) || []).slice(2, 8).join(''); //Use 6 letters (3-8) of InscriptionID = color
const converted = Number(Array.from(colorLetters.toLowerCase(), char => char.charCodeAt(0) - 96).join('')); //alphabetical numerical value (range 111111 & 666666)
const getColorByNumber = (number) => {
//Add Rarity
let threshold = 111111;
const totalRange = 555556;
for (let i = 0; i < colors.length; i++) {
threshold += totalRange * (ColorRarities[i] / ColorRarities.reduce((acc, val) => acc + val, 0));
if (number < threshold) return colors[i];
}
return colors[colors.length - 1]; // Default to the last rune
};
color = getColorByNumber(converted); //Get color from inscriptionID
//RuneSigns
var numbers1 = parseInt((insc.match(/\d/g) || []).slice(2, 8).join(''), 10); // Use 6 numbers (3-8) from InscriptionID = RuneSign1
var numbers2 = parseInt((insc.match(/\d/g) || []).slice(3, 9).join(''), 10); // Use 6 numbers (4-9) from InscriptionID = RuneSign2
var numbers3 = parseInt((insc.match(/\d/g) || []).slice(4, 10).join(''), 10); // Use 6 numbers (5-10) from InscriptionID = RuneSign3
//Add Rarity
const getRuneByNumber = (number) => {
let threshold = 0;
const totalRange = 1000000;
for (let i = 0; i < runes.length; i++) {
threshold += totalRange * (RuneRarities[i] / RuneRarities.reduce((acc, val) => acc + val, 0));
if (number < threshold) return runes[i];
}
return runes[runes.length - 1]; // Default to the last rune
};
rune1 = getRuneByNumber(numbers1);
rune2 = getRuneByNumber(numbers2);
rune3 = getRuneByNumber(numbers3);
//multiplier
multiplierScore = 1;
multiplierMining = 10000;
//miningboost
miningboost = loading;
miningboostScore = loading / 400;
miningboostScore = Math.round(miningboostScore * 1000) / 1000;
miningboostMining = loading / 400 * multiplierMining;
miningboostMining = Math.round(miningboostMining * 1000) / 1000;
//blockboost
blockboost = block;
blockboostScore = block / 400;
blockboostScore = Math.round(blockboostScore * 1000) / 1000;
blockboostMining = block / 400 * multiplierMining;
blockboostMining = Math.round(blockboostMining * 1000) / 1000;
//manaboost
manaboost = mana;
manaboostScore = 0.2;
manaboostScore = Math.round(manaboostScore * 1000) / 1000;
manaboostMining = 2000;
manaboostMining = Math.round(manaboostMining * 1000) / 1000;
//Totals
totalScore = multiplierScore + miningboostScore + blockboostScore + manaboostScore;
totalMining = multiplierMining + miningboostMining + blockboostMining + manaboostMining;
totalBoost = miningboostMining + blockboostMining + manaboostMining;
//barwidth
miningboostWidth = miningboostMining / totalBoost * 100 * 0.9;
blockboostWidth = blockboostMining / totalBoost * 100 * 0.9;
manaboostWidth = manaboostMining / totalBoost * 100 * 0.9;
//Display in info box
each = ['mining', 'block', 'mana'];
each.forEach(function(element, index) {
document.getElementById(element + 'Boost').innerHTML = '+' + window[element + "boostMining"];
document.getElementById(element + 'boost').style.width = window[element + "boostWidth"] + '%';
document.getElementById(element + 'BoostP').innerHTML = window[element + "boost"] + '%';
document.getElementById(element + 'BoostM').innerHTML = '+' + window[element + "boostScore"];
document.getElementById(element + 'BoostR').innerHTML = '+' + window[element + "boostMining"];
});
document.getElementById('tiny').innerHTML = insc;
document.getElementById('totalR').innerHTML = totalMining;
document.getElementById('blockNumber').innerHTML = blockNumber;
}
let currentIndex = 0;
const runeDisplay = document.getElementById('loadingRunes');
function updateRune() {
runeDisplay.style.opacity = 0; // Reset opacity to trigger fade-in
setTimeout(() => {
runeDisplay.textContent = runes[currentIndex];
runeDisplay.style.opacity = 1; // Set opacity to 1 to make it visible and trigger fade-in animation
currentIndex = (currentIndex + 1) % runes.length; // Move to the next rune, loop back to start at the end
}, 200); // Short delay to allow opacity reset to take effect
}
setInterval(updateRune, 200);
//Animate background
window.onload = () => {
const CANVAS = document.getElementsByTagName("canvas")[0];
const CTX = CANVAS.getContext("2d");
const CHARS = [];
const MAX_CHARS = 100;
const SEPARATION = 2;
let camera;
// Change starts here
const backgroundContainer = document.getElementById('background-container');
class Vector {
constructor(x, y, z) {
this.x = x;
this.y = y;
this.z = z;
}
rotate(dir, ang) {
const X = this.x;
const Y = this.y;
const Z = this.z;
const SIN = Math.sin(ang);
const COS = Math.cos(ang);
if (dir === "x") {
this.y = Y * COS - Z * SIN;
this.z = Y * SIN + Z * COS;
} else if (dir === "y") {
this.x = X * COS - Z * SIN;
this.z = X * SIN + Z * COS;
}
}
project() {
const ZP = this.z + camera.z;
const DIV = ZP / wh;
const XP = (this.x + camera.x) / DIV;
const YP = (this.y + camera.y) / DIV;
const CENTER = getCenter();
return [XP + CENTER[0], YP + CENTER[1], ZP];
}
}
class Char {
constructor(letter, pos) {
this.letter = letter;
this.pos = pos;
}
rotate(dir, ang) {
this.pos.rotate(dir, ang);
}
render() {
const PIXEL = this.pos.project();
const XP = PIXEL[0];
const YP = PIXEL[1];
const MAX_SIZE = 40;
const SIZE = (1 / PIXEL[2] * MAX_SIZE) | 0;
const BRIGHTNESS = SIZE / MAX_SIZE;
const COL = `rgba(255, 255, ${100 * BRIGHTNESS | 0 + 150}, ${0.8 * BRIGHTNESS})`;
CTX.beginPath();
CTX.fillStyle = COL;
CTX.font = SIZE + "px monospace";
CTX.fillText(this.letter, XP, YP);
CTX.fill();
CTX.closePath();
}
}
function getCenter() {
return [ww / 2, wh / 2];
}
function signedRandom() {
return Math.random() - Math.random();
}
function render() {
for (let i = 0; i < CHARS.length; i++) {
CHARS[i].render();
}
}
let time = 0;
function update() {
CTX.clearRect(0, 0, ww, wh);
for (let i = 0; i < CHARS.length; i++) {
const DX = 0.0035 * Math.sin(time * 0.001);
const DY = 0.0035 * Math.cos(time * 0.001);
CHARS[i].rotate("x", DX);
CHARS[i].rotate("y", DY);
}
++time;
}
function loop() {
window.requestAnimationFrame(loop);
update();
render();
}
function createChars() {
for (let i = 0; i < MAX_CHARS; i++) {
const CHARACTER = runes[Math.floor(Math.random() * runes.length)];
const X = signedRandom() * SEPARATION;
const Y = signedRandom() * SEPARATION;
const Z = signedRandom() * SEPARATION;
const POS = new Vector(X, Y, Z);
const CHAR = new Char(CHARACTER, POS);
CHARS.push(CHAR);
}
}
function setDim() {
const rect = backgroundContainer.getBoundingClientRect();
ww = rect.width;
wh = rect.height;
CANVAS.width = ww * window.devicePixelRatio | 0;
CANVAS.height = wh * window.devicePixelRatio | 0;
CTX.scale(window.devicePixelRatio, window.devicePixelRatio);
}
window.onresize = () => {
setDim();
};
function initCamera() {
camera = new Vector(0, 0, SEPARATION + 1);
}
window.onresize = setDim;
(() => {
setDim();
initCamera();
createChars();
loop();
})();
};
</script>
</body>
</html>Inscription
61,927,031
- ID
25382...747i0
- Owned By
- File Type
HTMLtext/html;charset=utf-8
- File Size
18.475 KB
- Created
February 22, 2024, 3:41 PM UTC
1 year ago
- Creation Block
- Creation Transaction
- Creation Fee
67,396sats
- Tags
No tags yet
Sat
- Sat Number
- Sat Name
egbbqkyavlw
- Sat Creation Block
- Sat Creation Year
2014
- Inscriptions
- 1. 61,927,031
- Cursed Inscriptions
No cursed inscriptions yet
- SATRIBUTES
No Satributes