udlink-docs/index.html

182 lines
12 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>UDlink Docs</title>
<meta property="og:title" content="UDlink Docs" />
<meta property="og:type" content="website" />
<meta property="og:url" content="https://docs.udl.ink/" />
<meta property="og:image" content="https://docs.udl.ink/img/udlinklogo.png" />
<meta property="og:image:alt" content="UDlink Logo" />
<meta property="og:description"
content="Readable URLs for Unstoppable Domains IPFS sites, usable on any site or browser!" />
<meta property="og:determiner" content="the" />
<meta property="og:locale" content="en_GB" />
<meta property="og:site_name" content="UDlink" />
<meta name="twitter:card" content="summary" />
<meta name="twitter:site" content="@udlinkofficial" />
<meta name="twitter:creator" content="@supleed2" />
<link rel="stylesheet" href="styles.css">
<script defer type="text/javascript" src="script.js"></script>
<script>const BADGE_ID = "8264ad6e254ec18a";</script>
<script type="text/javascript" src="https://static.alchemyapi.io/scripts/badge/alchemy-badge.js"></script>
</head>
<body>
<div class="banner-image">
<a href="https://docs.udl.ink/"><img src="img/udl.ink.svg" alt="UDlink Banner"></a>
</div>
<svg id="copied-tick" viewBox="0 0 122.88 101.6" style="display:none;">
<path style="fill: #10a64a;"
d="M4.67,67.27c-14.45-15.53,7.77-38.7,23.81-24C34.13,48.4,42.32,55.9,48,61L93.69,5.3c15.33-15.86,39.53,7.42,24.4,23.36L61.14,96.29a17,17,0,0,1-12.31,5.31h-.2a16.24,16.24,0,0,1-11-4.26c-9.49-8.8-23.09-21.71-32.91-30v0Z" />
</svg>
<div class="input-container">
<span class="input-prefix" id="input-prefix">udl.ink/</span>
<input class="user-input" type="text" id="user-input">
<button class="input-button" id="copy-button">
<svg id="copy-icon" viewBox="0 0 111.07 122.88">
<path
d="M97.67,20.81L97.67,20.81l0.01,0.02c3.7,0.01,7.04,1.51,9.46,3.93c2.4,2.41,3.9,5.74,3.9,9.42h0.02v0.02v75.28 v0.01h-0.02c-0.01,3.68-1.51,7.03-3.93,9.46c-2.41,2.4-5.74,3.9-9.42,3.9v0.02h-0.02H38.48h-0.01v-0.02 c-3.69-0.01-7.04-1.5-9.46-3.93c-2.4-2.41-3.9-5.74-3.91-9.42H25.1c0-25.96,0-49.34,0-75.3v-0.01h0.02 c0.01-3.69,1.52-7.04,3.94-9.46c2.41-2.4,5.73-3.9,9.42-3.91v-0.02h0.02C58.22,20.81,77.95,20.81,97.67,20.81L97.67,20.81z M0.02,75.38L0,13.39v-0.01h0.02c0.01-3.69,1.52-7.04,3.93-9.46c2.41-2.4,5.74-3.9,9.42-3.91V0h0.02h59.19 c7.69,0,8.9,9.96,0.01,10.16H13.4h-0.02v-0.02c-0.88,0-1.68,0.37-2.27,0.97c-0.59,0.58-0.96,1.4-0.96,2.27h0.02v0.01v3.17 c0,19.61,0,39.21,0,58.81C10.17,83.63,0.02,84.09,0.02,75.38L0.02,75.38z M100.91,109.49V34.2v-0.02h0.02 c0-0.87-0.37-1.68-0.97-2.27c-0.59-0.58-1.4-0.96-2.28-0.96v0.02h-0.01H38.48h-0.02v-0.02c-0.88,0-1.68,0.38-2.27,0.97 c-0.59,0.58-0.96,1.4-0.96,2.27h0.02v0.01v75.28v0.02h-0.02c0,0.88,0.38,1.68,0.97,2.27c0.59,0.59,1.4,0.96,2.27,0.96v-0.02h0.01 h59.19h0.02v0.02c0.87,0,1.68-0.38,2.27-0.97c0.59-0.58,0.96-1.4,0.96-2.27L100.91,109.49L100.91,109.49L100.91,109.49 L100.91,109.49z" />
</svg>
</button>
<button class="input-button last-button" id="go-now">
<svg id="go-icon" viewBox="0 0 122.879 119.799">
<path
d="M49.988,0h0.016v0.007C63.803,0.011,76.298,5.608,85.34,14.652c9.027,9.031,14.619,21.515,14.628,35.303h0.007v0.033v0.04 h-0.007c-0.005,5.557-0.917,10.905-2.594,15.892c-0.281,0.837-0.575,1.641-0.877,2.409v0.007c-1.446,3.66-3.315,7.12-5.547,10.307 l29.082,26.139l0.018,0.016l0.157,0.146l0.011,0.011c1.642,1.563,2.536,3.656,2.649,5.78c0.11,2.1-0.543,4.248-1.979,5.971 l-0.011,0.016l-0.175,0.203l-0.035,0.035l-0.146,0.16l-0.016,0.021c-1.565,1.642-3.654,2.534-5.78,2.646 c-2.097,0.111-4.247-0.54-5.971-1.978l-0.015-0.011l-0.204-0.175l-0.029-0.024L78.761,90.865c-0.88,0.62-1.778,1.209-2.687,1.765 c-1.233,0.755-2.51,1.466-3.813,2.115c-6.699,3.342-14.269,5.222-22.272,5.222v0.007h-0.016v-0.007 c-13.799-0.004-26.296-5.601-35.338-14.645C5.605,76.291,0.016,63.805,0.007,50.021H0v-0.033v-0.016h0.007 c0.004-13.799,5.601-26.296,14.645-35.338C23.683,5.608,36.167,0.016,49.955,0.007V0H49.988L49.988,0z M50.004,11.21v0.007h-0.016 h-0.033V11.21c-10.686,0.007-20.372,4.35-27.384,11.359C15.56,29.578,11.213,39.274,11.21,49.973h0.007v0.016v0.033H11.21 c0.007,10.686,4.347,20.367,11.359,27.381c7.009,7.012,16.705,11.359,27.403,11.361v-0.007h0.016h0.033v0.007 c10.686-0.007,20.368-4.348,27.382-11.359c7.011-7.009,11.358-16.702,11.36-27.4h-0.006v-0.016v-0.033h0.006 c-0.006-10.686-4.35-20.372-11.358-27.384C70.396,15.56,60.703,11.213,50.004,11.21L50.004,11.21z" />
</svg>
</button>
</div>
<svg width="201" height="20" role="img">
<clipPath id="r">
<rect width="201" height="20" rx="10" fill="#fff" />
</clipPath>
<g clip-path="url(#r)">
<rect width="152" height="20" fill="#555" />
<rect x="152" width="49" height="20" fill="#2ae9ff" />
</g>
<g fill="#fff" text-anchor="middle" font-family="Verdana,Geneva,DejaVu Sans,sans-serif"
text-rendering="geometricPrecision" font-size="110">
<image x="5" y="3" width="14" height="14" xlink:href="/favicon.png" />
<text x="855" y="140" transform="scale(.1)" fill="#fff" textLength="1250">Total Requests Served</text>
<text id="request-count" x="1755" y="140" transform="scale(.1)" fill="#333" textLength="390">0</text>
</g>
</svg>
<div class="collapsible-container">
<span class="collapsible-text">Options</span>
<button class="collapsible">
<svg viewBox="0 0 512 298.04">
<path
d="M12.08 70.78c-16.17-16.24-16.09-42.54.15-58.7 16.25-16.17 42.54-16.09 58.71.15L256 197.76 441.06 12.23c16.17-16.24 42.46-16.32 58.71-.15 16.24 16.16 16.32 42.46.15 58.7L285.27 285.96c-16.24 16.17-42.54 16.09-58.7-.15L12.08 70.78z" />
</svg>
</button>
<div class="carousel-wrapper">
<button class="scroll-button scroll-left">
<svg viewBox="0 0 298 511.93">
<path
d="M285.77 441c16.24 16.17 16.32 42.46.15 58.7-16.16 16.24-42.45 16.32-58.69.16l-215-214.47c-16.24-16.16-16.32-42.45-.15-58.69L227.23 12.08c16.24-16.17 42.53-16.09 58.69.15 16.17 16.24 16.09 42.54-.15 58.7l-185.5 185.04L285.77 441z" />
</svg>
</button>
<div class="carousel">
<div class="carousel-inner-wrapper">
<div class="option" data-prefix="udl.ink/">
<img src="img/default.svg" alt="Default">
<p>Default</p>
</div>
<div class="option" data-prefix="cf.udl.ink/">
<img src="img/cf.svg" alt="Cloudflare">
<p>Cloudflare</p>
</div>
<div class="option" data-prefix="me.udl.ink/">
<img src="img/me.svg" alt="UD.me Page">
<p>UD.me Page</p>
</div>
<div class="option" data-prefix="scan.udl.ink/">
<img src="img/scan.svg" alt="Block Explorer">
<p>Block Explorer</p>
</div>
<div class="option" data-prefix="os.udl.ink/">
<img src="img/os.svg" alt="OpenSea">
<p>OpenSea</p>
</div>
<div class="option" data-prefix="dweb.udl.ink/">
<img src="img/dweb.svg" alt="Dweb (ipfs.io)">
<p>Dweb (ipfs.io)</p>
</div>
<div class="option" data-prefix="nfts.udl.ink/">
<img src="img/nfts.svg" alt="NFTstorage">
<p>NFTstorage</p>
</div>
<div class="option" data-prefix="w3s.udl.ink/">
<img src="img/w3s.svg" alt="Web3storage">
<p>Web3storage</p>
</div>
<div class="option" data-prefix="4el.udl.ink/">
<img src="img/4el.svg" alt="4everland.io">
<p>4everland.io</p>
</div>
<div class="option" data-prefix="osp.udl.ink/">
<img src="img/osp.svg" alt="OpenSea Pro">
<p>OpenSea Pro</p>
</div>
<div class="option" data-prefix="rari.udl.ink/">
<img src="img/rari.svg" alt="Rarible">
<p>Rarible</p>
</div>
<div class="option" data-prefix="eden.udl.ink/">
<img src="img/eden.svg" alt="MagicEden">
<p>MagicEden</p>
</div>
<div class="option" data-prefix="tofu.udl.ink/">
<img src="img/tofu.svg" alt="TofuNFT">
<p>TofuNFT</p>
</div>
<!-- Add more options as needed -->
</div>
</div>
<button class="scroll-button scroll-right">
<svg viewBox="0 0 298 511.93">
<path
d="M70.77 499.85c-16.24 16.17-42.53 16.09-58.69-.15-16.17-16.25-16.09-42.54.15-58.7l185.5-185.03L12.23 70.93c-16.24-16.16-16.32-42.45-.15-58.7 16.16-16.24 42.45-16.32 58.69-.15l215.15 214.61c16.17 16.25 16.09 42.54-.15 58.7l-215 214.46z" />
</svg>
</button>
</div>
</div>
<div class="options-description">
<p>Use the default gateway (checked and updated if the current default gateway stops working in the future),
select a specific gateway, or use one of the extra features like Opensea or Block Explorer linking</p>
</div>
<br>
<a href="#">
<picture>
<source srcset="https://static.alchemyapi.io/images/marketing/badgeLight.png"
media="(prefers-color-scheme: light)" />
<img onclick=logBadgeClick() id="badge-button" src="https://static.alchemyapi.io/images/marketing/badge.png"
alt="Alchemy Supercharged" />
</picture>
</a>
<br>
<div class="social-icons">
<a class="social-icon" href="https://twitter.com/udlinkofficial">
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path
d="M21.543 7.104c.015.211.015.423.015.636 0 6.507-4.954 14.01-14.01 14.01v-.003A13.94 13.94 0 0 1 0 19.539a9.88 9.88 0 0 0 7.287-2.041 4.93 4.93 0 0 1-4.6-3.42 4.916 4.916 0 0 0 2.223-.084A4.926 4.926 0 0 1 .96 9.167v-.062a4.887 4.887 0 0 0 2.235.616A4.928 4.928 0 0 1 1.67 3.148 13.98 13.98 0 0 0 11.82 8.292a4.929 4.929 0 0 1 8.39-4.49 9.868 9.868 0 0 0 3.128-1.196 4.941 4.941 0 0 1-2.165 2.724A9.828 9.828 0 0 0 24 4.555a10.019 10.019 0 0 1-2.457 2.549z" />
</svg>
</a>
<a class="social-icon" href="https://discord.com/invite/hAT4gYZpjV">
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path
d="M20.317 4.3698a19.7913 19.7913 0 00-4.8851-1.5152.0741.0741 0 00-.0785.0371c-.211.3753-.4447.8648-.6083 1.2495-1.8447-.2762-3.68-.2762-5.4868 0-.1636-.3933-.4058-.8742-.6177-1.2495a.077.077 0 00-.0785-.037 19.7363 19.7363 0 00-4.8852 1.515.0699.0699 0 00-.0321.0277C.5334 9.0458-.319 13.5799.0992 18.0578a.0824.0824 0 00.0312.0561c2.0528 1.5076 4.0413 2.4228 5.9929 3.0294a.0777.0777 0 00.0842-.0276c.4616-.6304.8731-1.2952 1.226-1.9942a.076.076 0 00-.0416-.1057c-.6528-.2476-1.2743-.5495-1.8722-.8923a.077.077 0 01-.0076-.1277c.1258-.0943.2517-.1923.3718-.2914a.0743.0743 0 01.0776-.0105c3.9278 1.7933 8.18 1.7933 12.0614 0a.0739.0739 0 01.0785.0095c.1202.099.246.1981.3728.2924a.077.077 0 01-.0066.1276 12.2986 12.2986 0 01-1.873.8914.0766.0766 0 00-.0407.1067c.3604.698.7719 1.3628 1.225 1.9932a.076.076 0 00.0842.0286c1.961-.6067 3.9495-1.5219 6.0023-3.0294a.077.077 0 00.0313-.0552c.5004-5.177-.8382-9.6739-3.5485-13.6604a.061.061 0 00-.0312-.0286zM8.02 15.3312c-1.1825 0-2.1569-1.0857-2.1569-2.419 0-1.3332.9555-2.4189 2.157-2.4189 1.2108 0 2.1757 1.0952 2.1568 2.419 0 1.3332-.9555 2.4189-2.1569 2.4189zm7.9748 0c-1.1825 0-2.1569-1.0857-2.1569-2.419 0-1.3332.9554-2.4189 2.1569-2.4189 1.2108 0 2.1757 1.0952 2.1568 2.419 0 1.3332-.946 2.4189-2.1568 2.4189Z" />
</svg>
</a>
<a class="social-icon" href="https://github.com/supleed2/udlink-docs">
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path
d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12" />
</svg>
</a>
</div>
</body>
</html>