47 lines
1.9 KiB
HTML
47 lines
1.9 KiB
HTML
<html>
|
|
<head>
|
|
<title>WebDNS</title>
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<link rel="stylesheet" href="style.css" />
|
|
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" />
|
|
<script src="zodiac.min.js"></script>
|
|
</head>
|
|
<body>
|
|
<canvas id="zodiac"></canvas>
|
|
<script>
|
|
new Zodiac('zodiac', // HTMLCanvasElement or id
|
|
{ //// OPTIONS
|
|
directionX: 0, // -1:left;0:random;1:right
|
|
directionY: -1, // -1:up;0:random;1:down
|
|
velocityX: [.1, .2], // [minX,maxX]
|
|
velocityY: [.5, 1], // [minY,maxY]
|
|
bounceX: true, // bounce at left and right edge
|
|
bounceY: false, // bounce at top and bottom edge
|
|
parallax: .5, // float [0-1...]; 0: no paralax
|
|
pivot: 0, // float [0-1...]; pivot level for parallax;
|
|
density: 10000, // px^2 per node
|
|
dotRadius: [2, 5], // px value or [minR,maxR]
|
|
backgroundColor: 'rgb(9,9,9)', // default transparent; use alpha value for motion blur and ghosting
|
|
dotColor: 'rgba(99,99,99,.3)',
|
|
linkColor: 'rgb(99,99,99)',
|
|
linkDistance: 50,
|
|
linkWidth: 2
|
|
});
|
|
</script>
|
|
<div id="container">
|
|
<main>
|
|
<form action="">
|
|
<p>WebDNS</p>
|
|
<p>API integrations for Route53, DNSSimple, Digital Ocean, and more.</p>
|
|
<p>Stay in the know:</p>
|
|
<p>Email: <input id="emailAddr" /></p>
|
|
<p><button class="fa mail-button" id="mailbtn"></button></p>
|
|
</form>
|
|
</main>
|
|
<footer>
|
|
<p><a href="https://rootprojects.org">Root</a> + <a href="https://point0.tech">Point0</a></p>
|
|
</footer>
|
|
</div>
|
|
<script src="signup.js"></script>
|
|
</body>
|
|
</html> |