udlink-docs/index.html

130 lines
7.5 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>
<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>
<!-- 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>
</body>
</html>